/* CSS Document */

/*----------------------------------------------------------------------------
	Description: Kaskádové styly
	Author:	     e-invent s.r.o., www.e-invent.eu, e-mail: nachod(@)e-invent.eu
	Modified:    25. 2. 2010

	==[ TOC ]==
  1. Body       (tělo)
  2. Tags       (všeobecné prvky - h1, input, ...)
  3. Classes    (všobecné třídy - .clear, .float-x ..)
  4. Layout     (rozvržení celé stránky)
  5. Header     (Hlavička)
  6. Navigace
  7. Content    (obsah)
  8. Sidebar
  9. Footer     (patička)
  10. Other     (ostatní)

----------------------------------------------------------------------------*/

/* 1. Body -----------------------------------------------------------------*/
* {margin:0; padding:0;}
html {background:#fff url(../images/html-back.png) 0 0 repeat-x;}
body {
    color: #000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:small;
    text-align:center;
		line-height:135%;
		background: url(../images/foot-dog-l.png) center bottom no-repeat;
		height:100%;
}

/* 2. Tags -----------------------------------------------------------------*/
h1 {font-size:150%;}
h2 {font-size:125%;}
h3 {font-size:100%;}

a {color:#333;}
img {border:none; text-decoration:none;}

/*button*/
button {
	font-family:Arial, Helvetica, sans-serif;
	height:24px;
	overflow:hidden;
	white-space:nowrap;
	background:url(../images/btn-def.png) 0 0 no-repeat;
	border:none;
	cursor:pointer;
	color:#fff;
}
button:hover {background-position:0 bottom;}

/* 3. Classes --------------------------------------------------------------*/
/*floating*/
.float-r {float:right;}
.float-l {float:left;}
.clear { 
	clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
	overflow: hidden;
}
.clear-r {float:right;}
.clear-l {float:left;}
span.red {font-weight:bold; font-family:"Times New Roman", Times, serif; color:#cf255a;}
/*textovy obsah*/
.textContent p {
	color:#333;
	padding-bottom:0.8em;
}
.textContent h2 {
	color:#C21818; margin:0.3em 0 0.5em; font-size:18px;
}
.textContent a:hover {color:#C21818;}
/* 4. Layout ---------------------------------------------------------------*/
/*main container*/
#container {
	width:990px;
  margin:0px auto;
	text-align:left;
	position:relative;
}
/*content*/
.contentWrapper {
	background:#fff url(../images/content-back.png) 0 0 repeat-y;
}
#content {
	background:url(../images/content-wrapper-back.png) 0 0 no-repeat;
	padding:10px 5px 10px;	
	min-height:200px;	
}
.colWrapper {
	float: left;
	width: 760px;
}
#colCenter	{
	float: right;
	width: 540px; min-height:1px;
}
#colLeft {float:left; width:200px; padding-bottom:60px;}
#colRight {float:right; width:200px;}

.colSide {}



/* 5. Header   -------------------------------------------------------------*/
/*header*/
#header {
	margin:0 5px;
	height:189px;
  background:url(../images/header-back.jpg) 0 0 no-repeat;
	position:relative;
}
/*logotype*/
a#logotype {
	position:absolute; top:33px; left:26px;
	width:102px; height:97px;
	overflow:hidden;
}

/*boxy*/
#header .boxHolder {position:absolute; right:5px; top:0;}

/*menu*/
#header .menuHolder {position:absolute; left:0; bottom:0; width:100%;}
ul#topMenu {list-style:none; height:34px; overflow:hidden;}
ul#topMenu li {float:left;}
ul#topMenu li a {
	display:block;
	vertical-align:middle;
	height:32px; line-height:32px;
	background:#f4eec3 url(../images/menu-item-back.png) 0 0 repeat-x;
	padding:0 20px;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #ebdd8c;
	white-space:nowrap;
	overflow:hidden;
}
ul#topMenu li a:hover {
	color:#fff;
	background-position:left bottom;
	border-color:#a31a1a;
}

/*search*/
#search {float:right; position:relative; margin-top:4px;}
/*-- btn*/
#search button.searchBtn {
	width:64px; height:24px;
	overflow:hidden;
	text-indent:64px;
	background:url(../images/btn-search.png) 0 0 no-repeat;
	border:none;
	cursor:pointer;
	position:absolute;
	top:0; right:8px;
}
#search button.searchBtn:hover {background-position:0 bottom;}
/*-- text*/
#search input.searchText {
	height:18px; width:210px;
	line-height:18px; vertical-align:middle;
	border:1px solid #5c9b83;
	font-size:12px;
	padding:2px 5px 2px;
	color:#838383;
	position:absolute;
	top:0; right:71px;	
}
#search input.searchText:focus {border-color:#01643e; color:#555;}
/* 6. Navigace -------------------------------------------------------------*/

/* 7. Content    (obsah) ---------------------------------------------------*/
#colCenter h1 {
	font-size:27px;
	line-height:120%;
	color:#006115;
	margin:5px 0 10px;
}
#colCenter .modulePage	ul {margin-left:20px;}
#colCenter .path {font-size:11px; margin-bottom:13px; margin-top:4px;}
#colCenter .path a {color:#c21818;}
#colCenter .path a:hover {color:#222;}
#colCenter .path a.active {text-decoration:none;}
#colCenter .path span {padding:0 9px; background:url(../images/ico-arrow.png) center center no-repeat;}
#colCenter .noItem {padding:10px; border:1px dotted #ddd;}

/* 8. Sidebar --------------------------------------------------------------*/
/*box*/
.colSide .box {
	background-color:#fff;
	margin-bottom:15px;
}
.colSide .box div.label, .colSide .box h2.label {
	font-size:14px;
  font-weight:bold; 
	color:#fff;
	padding:7px 20px 7px 10px;	
	background:#981a1a url(../images/box-label-back.png) 0 0 no-repeat;
	border-top:1px solid #a31a1a;
  border-bottom:1px solid #a31a1a;
}
#colLeft .box div.label, #colLeft .box h2.label  {border-right:1px solid #a31a1a;}
#colRight .box div.label, #colRight .box h2.label {border-left:1px solid #a31a1a;}

.colSide .box h3 {margin-bottom:0.5em;}
.colSide .box .content {
	color:#585758;	
  border-bottom:1px solid #b7b7b7;
	padding:10px 13px 15px;
	font-size:12px;
	line-height:150%;	
}
#colLeft .box .content {border-right:1px solid #c8c8c8;}
#colRight .box .content {border-left:1px solid #c8c8c8;}
.colSide .box a {color:#585758;}
.colSide .box a:hover {color:#c21818;}

.colSide .box div.moreBox {
	text-align:right;
	padding:6px 10px 7px;
}
.colSide .box a.more {
	background:url(../images/ico-arrow.png) left 0.5em no-repeat;
	padding-left:14px;
	color:#c21818;
	font-size:90%;
}
.colSide .box a.more:hover {
	color:#333;
}
.colSide .box .alignRight a.more {margin-right:5px;}
.colSide .box a.moreDis {
	font-size:85%;
	color:#666;
}
.colSide .box .noItem {
	padding:10px;
}
/*box novinky*/
.colSide .boxAktuality .content {padding:0}
.colSide .boxAktuality .newsItem {
	padding:0.7em 10px; border-bottom:1px solid #dfdfdf;
}
.colSide .boxAktuality h3 {font-size:110%; color:#006115; margin:3px 0 5px;}
.colSide .boxAktuality .content h3 a {color:#006115; }
.colSide .boxAktuality .content h3 a:hover {color:#c21818;}
.colSide .boxAktuality span.date {
	width:79px; height:16px; line-height:16px;
	vertical-align:middle; text-align:center;
	font-size:11px; margin-bottom:2px; color:#fff; display:block;
	background:#427448 url(../images/box-aktuality-date-back.png) 0 0 no-repeat;
}
.colSide .boxAktuality p {color:#666; display:inline;}
.colSide .boxAktuality div.text a.detail {color:#006115; font-weight:bold;}
.colSide .boxAktuality div.text a.detail:hover {color:#c21818;}
/* 8.1 Sidebar left --------------------------------------------------------*/

/* 8.2 Sidebar right -------------------------------------------------------*/


/* 9. Footer ---------------------------------------------------------------*/
/*footer*/
#footer {
	position:relative;
	background:#3c7e3d url(../images/footer-back.png) 0 0 repeat-x;
	margin:0 5px;
	padding:20px 22px 4px 50px;	
	height:97px;
}
#footer span.footBack {
	background: url(../images/foot-dog-r.png) 0 0 no-repeat;
	width:117px; height:190px;
	position:absolute; bottom:0px; left:-5px;
}
#footer {color:#fff; font-size:90%;}
#footer a {color:#fff;}
#footer .float-r {text-align:right;}
/*copy*/
#footer .footCopy {float:left;}
#footer .footCopy a {text-decoration: none; font-weight:bold; margin:0 2px;}
#footer .footCopy a:hover {text-decoration:underline;}

/*menu*/
#footer .footMenu {float:right;}
#footer .footMenu ul {list-style:none;}
#footer .footMenu ul li {float:left; padding:0 5px; line-height:100%; border-right:1px solid #fff;}
#footer .footMenu ul li.last {border:none;} 
#footer .footMenu ul li a:hover {color:#144915;}
/*author*/
#footer .footAuthor {padding-top:20px; clear:right;}
#footer .footAuthor a {text-decoration: none; font-weight:bold;}
#footer .footAuthor a strong {font-weight:normal; margin-right:1px;}
#footer .footAuthor a:hover {text-decoration:underline;}
/* 10. MODULES ---------------------------------------------------------------*/
/*novinky archiv*/
#aktuality .item {padding-bottom:13px; border-bottom:1px dotted #ccc; margin-bottom:13px;} 
#aktuality .descImg {margin-left:60px;} 
#aktuality .desc p {color:#555; line-height:140%;}
#aktuality h2 {font-size:14px; font-weight:bold; margin:0 0 0.3em 0;}
#aktuality h2 a {color:#D7051E;}
#aktuality h2 a:hover {color:#000;}
#aktuality .date {font-size:11px; color:#888; margin-bottom:0.5em; margin-top:0.1em;}
#aktuality a.img {float:left; margin-right:8px;}
#aktuality a.more {
  color:#D7051E;
	background:url(../images/ico-arrow.png) left center no-repeat;
	display:block;
	padding-left:11px; 
  margin-top:2px; margin-right:8px;  
	float:right; font-size:11px;
}
#aktuality a.more:hover {color:#222;}

/*novinky detail*/
#newsDetail h2 {color:#D7051E; font-size:14px; font-weight:bold; margin:0 0 0.3em 0;}
#newsDetail .date {font-size:11px; color:#888; margin-bottom:0.5em; margin-top:0.1em;}
#newsDetail a.img {float:left; margin-right:8px; margin-bottom:8px;}
#newsDetail .text {color:#555; line-height:145%; clear:left; padding-top:1em;}
#newsDetail .desc {color:#555; line-height:145%;}
#newsDetail p {margin-bottom:0.5em;}