/* CSS Document */

/*----------------------------------------------------------------------------
	Description: Kaskádové styly
	Author:	     e-invent s.r.o., www.e-invent.eu, e-mail: nachod(@)e-invent.eu
	Modified:    16. 3. 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;}

body {
    color: #000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:small;
    text-align:center;
		line-height:135%;
		background:#fff url(../images/body-back.png) center top no-repeat;
}

/* 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;
	font-size:12px;
	padding-bottom:1px;
	overflow:hidden;
	white-space:nowrap;
	background:#c0dd00;
	border:1px solid #9ab100;
	cursor:pointer;
	color:#556102;
	font-weight:bold;
}
button:hover {background-color:#b6d200; border-color:#8a9f01;}

/* 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:#555;
	padding-bottom:0.8em;
}
.textContent h2 {
	color:#006784; margin:0.3em 0 0.5em; font-size:18px;
}
.textContent ul {
 margin-left:20px;
}
.textContent a:hover {color:#006784;}
/* 4. Layout ---------------------------------------------------------------*/
/*main container*/
#container {
	width:980px;
  margin:0px auto;
	text-align:left;
	position:relative;
}
/*content*/
#content {
	padding-bottom:10px;	
}
.colWrapper {
	float: left;
	width: 760px;
}
#colCenter	{
	float: right;
	width: 540px; min-height:1px;
}
#colLeft {float:left; width:195px; margin-right:5px;}
#colRight {float:right; width:195px; margin-left:5px;}

/* 5. Header   -------------------------------------------------------------*/
/*header*/
#header {
	height:238px;
	position:relative;
	background:url(../images/head-back.jpg) 0 0 no-repeat;
}
/*logotype*/
a#logotype {
	position:absolute; top:22px; left:19px;
	width:298px; height:65px;
	overflow:hidden;

}
a#logotype span {display:none;}

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

/*menu*/
#header .menuHolder {
	position:absolute; 
	left:0; top:184px; 
	width:980px; height:44px;
}
ul#topMenu {list-style:none; height:44px; overflow:hidden;}
ul#topMenu li {
	float:left; position:relative;
	padding-bottom:8px;
}
ul#topMenu li a {
	display:block;
	vertical-align:middle;
	height:36px; line-height:36px;
	padding:0 17px 0px 28px;
	background:#c0dd00 url(../images/menu-item-back.png) 0 0 no-repeat;		
	font-size:15px; font-weight:bold;
	color:#4f778a;
	text-shadow:1px 1px 0px #e2f655;
	text-decoration:none;
	white-space:nowrap;
}
ul#topMenu li a:hover{
	color:#fff;
	text-shadow:1px 1px 0px #95ab00;
	text-decoration:underline;
}
ul#topMenu li.selected,
ul#topMenu li:hover {
	background:url(../images/menu-item-hover.png) center bottom no-repeat;
}


/*search*/
#search {float:right; position:relative; margin-top:5px;}
/*-- btn*/
#search button.searchBtn {
	width:33px; height:26px;
	text-indent:33px;
	overflow:hidden;
	background-image:url(../images/search-btn-back.png);
	border:none;
	cursor:pointer;
	position:absolute;
	top:0; right:0;
}
#search button.searchBtn:hover {background-position:0 bottom;}
/*-- text*/
#search input.searchText {
	height:19px; width:116px;
	line-height:19px; vertical-align:middle;
	border:1px solid #4f7689;
	background:#4f7689 url(../images/search-text-back.png) 0 center no-repeat;
	font-size:12px;
	padding:3px 5px 2px 35px;
	color:#fff;
	position:absolute;
	top:0; right:36px;	
}
#search input.searchText:focus {border-color:#40677a;}
/* 6. Navigace -------------------------------------------------------------*/

/* 7. Content    (obsah) ---------------------------------------------------*/
#colCenter h1 {
	font-size:25px;
	line-height:120%;
	color:#46a1cc;
	margin:5px 0 10px;
	text-shadow:1px 1px 1px #454545;
}

#colCenter .path {font-size:11px; margin-bottom:15px;}
#colCenter .path .holder {font-size:12px; float:left; padding:3px 16px 3px 10px; background:#4f7a8f url(../images/path-back.png) right top no-repeat;}
#colCenter .path a {color:#fff;}
#colCenter .path a:hover {color:#accfe0;}
#colCenter .path a.active {text-decoration:none; font-weight:bold; color:#fff;}
#colCenter .path span {padding:4px 7px; background:url(../images/path-sep.png) center center no-repeat;}
#colCenter .noItem {padding:10px; border:1px dotted #ddd;}

/* 8. Sidebar --------------------------------------------------------------*/
/*box*/
.colSide .box {
	background-color:#fff;
	margin-bottom:15px;
  border:1px solid #d1dbdd;	
}
.colSide .box div.label {
	font-size:14px;
  font-weight:bold; 
	color:#4f7689;
	margin-top:2px;
	padding:7px 20px 7px 10px;	
	background:#a6be02 url(../images/box-label-back.png) 0 0 repeat-x;
}

.colSide .box h3 {margin-bottom:0.5em;}
.colSide .box .content {
	color:#585758;	
	padding:10px 13px 15px;
	font-size:12px;
	line-height:150%;	
}
.colSide .box a {color:#585758;}
.colSide .box a:hover {color:#006784;}

.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:#006784;
	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:#006784; margin:3px 0 5px;}
.colSide .boxAktuality .content h3 a {color:#006784; }
.colSide .boxAktuality .content h3 a:hover {color:#4f7689;}
.colSide .boxAktuality span.date {
	vertical-align:middle;
	font-weight:bold;
	font-size:11px; margin-bottom:2px; color:#4f7689; display:block;
}
.colSide .boxAktuality p {color:#666; display:inline;}
.colSide .boxAktuality div.text a.detail {color:#006784; font-weight:bold;}
.colSide .boxAktuality div.text a.detail:hover {color:#006784;}
/* 8.1 Sidebar left --------------------------------------------------------*/

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


/* 9. Footer ---------------------------------------------------------------*/
/*footer*/
#footer {
	position:relative;
	min-height:75px;
	background:#fdfff0 url(../images/foot-back.png) 0 0 repeat-x;
	border-top:1px solid #bbb;
	color:#4f7689; font-size:90%;
}
#footer .holder {width:960px; margin:0 auto; padding:20px 25px 20px; text-align:left;}
#footer a {color:#4f7689;}
#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; color:#4f7689;}
#footer .footCopy p.kontakt {
	margin-top:16px;
}
#footer .footCopy p.kontakt strong {font-weight:bold; font-size:120%;}

/*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 #4f7689;}
#footer .footMenu ul li.last {border:none;} 
#footer .footMenu ul li a:hover {color:#1a3104;}
/*author*/
#footer .footAuthor {padding-top:21px; 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;}

#footer .toplist {float:right; margin-left:30px;}
/* 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:#006784;}
#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:#006784;
	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:#006784; 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;}