/* 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í)
  11. Doplnky   (pomocná struktura v levém menu)

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

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

/* 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;
	font-size:12px;
	height:24px;
	overflow:hidden;
	white-space:nowrap;
	background:#647995 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:#506d93; margin:0.3em 0 0.5em; font-size:18px;
}
.textContent a:hover {color:#506d93;}
/* 4. Layout ---------------------------------------------------------------*/
/*main container*/
#container {
	width:981px;
  margin:0px auto;
	text-align:left;
	position:relative;
	background:#fff;
}
/*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;
	min-height:200px;	
}
.colWrapper {
	float: left;
	width: 758px;
}
#colCenter	{
	float: right;
	width: 550px; min-height:1px;
}
#colLeft {float:left; width:193px; padding-bottom:60px;}
#colRight {float:right; width:189px;}

.colSide {}



/* 5. Header   -------------------------------------------------------------*/
/*header*/
#header {
	position:relative;
}
#header .top {
	text-align:right;
 	height:35px; line-height:34px; vertical-align:middle;
	background:#d0dff6 url(../images/header-top-back.png) 0 0 no-repeat;
	padding-right:5px;
	margin-bottom:1px;
}
#header .center {
  background:#fff url(../images/header-image.jpg) 0 0 no-repeat;
	height:224px;
	margin-bottom:1px;
}
/*logotype*/
a#logotype {
	position:absolute; top:50px; left:18px;
	width:480px; height:58px;
	overflow:hidden;
}
a#logotype span {display:none;}

/*menu*/
#header .menuHolder {
	position:relative;
	width:971px; height:42px;
	background:#d0dff6 url(../images/header-menu-back.png) 0 0 repeat-x;
	padding-left:10px;
}
#header .menuHolder .cover {
	position:absolute;
	top:0; left:0;
	width:22px; height:42px;
	background:url(../images/header-menu-cover.png) 0 0 no-repeat;
}
ul#topMenu {
	list-style:none; height:42px;
}
ul#topMenu li {
	float:left;
	background:url(../images/menu-item-sep.png) right top no-repeat;
}
ul#topMenu li a {
	display:block;
	color:#000;
	height:39px; line-height:38px;	vertical-align:middle;
	background: url(../images/menu-item-back.png) 0 0 no-repeat;
	padding:0 20px;
	margin:2px 1px 1px;
	text-decoration:none;
	white-space:nowrap;
	overflow:hidden;
}
ul#topMenu li a.first {padding-left:23px;}
ul#topMenu li a:hover {
	color:#0c2545;
	text-decoration:underline;
	background-color:#a1e2e2;
	background-position:center bottom;
	border-bottom:1px solid #a1beea;
}

/*search*/
#search {
	float:right; 
	position:relative; 
	margin-top:8px; margin-right:10px;
	width:189px; height:25px;
	background:#fff url(../images/search-back.png) 0 0 no-repeat; 
}
/*-- btn*/
#search button.searchBtn {
	width:23px; height:22px;
	background-image:url(../images/btn-search.png);
	border:none;
	cursor:pointer;
	position:absolute;
	top:2px; right:2px;
}
#search button.searchBtn span {display:none;}
#search button.searchBtn:hover {background-position:0 bottom;}
/*-- text*/
#search input.searchText {
	height:20px; width:155px;
	line-height:18px; vertical-align:middle;
	font-size:12px;
	color:#838383;
	position:absolute;
	top:2px; left:6px;
	border:none;
	background:#eaf3ff;
}
#search input.searchText:focus {color:#444;}
/* 6. Navigace -------------------------------------------------------------*/

/* 7. Content    (obsah) ---------------------------------------------------*/
#colCenter h1 {
	font-size:26px;
	line-height:120%;
	color:#000;
	margin:10px 0;
}
#colCenter .modulePage	ul {margin-left:20px;}
#colCenter .path {font-size:11px; margin-bottom:13px; margin-top:4px;}
#colCenter .path a {color:#506d93;}
#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 .label {
	font-size:16px;
  font-weight:bold; 
	color:#fff;
	padding:13px 18px 11px;	
	background:#5a6d84 url(../images/box-label-blue.png) 0 0 no-repeat;
}
.colSide .box .label a{
	font-size:16px;
  font-weight:bold; 
	color:#fff;

}
.colSide .boxGrey .label {
	color:#575757;
	background-image:url(../images/box-label-grey.png);
	background-color:#b2b2b2;
}
#colRight .box .label {
	background-image: url(../images/box-label-blue-r.png);
	background-position:right top;	
}
#colRight .boxGrey .label {background-image:url(../images/box-label-grey-r.png)}

.colSide .box h3 {margin-bottom:0.5em;}
.colSide .box .content {
	color:#585758;	
  border:1px solid #b9c6d4;
	border-top-width:0;
	padding:10px 8px 15px;
	font-size:12px;
	line-height:150%;	
}
.colSide .boxGrey .content {border-color:#d6d6d6;}

.colSide .box a {color:#506d93;}
.colSide .box a:hover {color:#333;}

.colSide .box div.moreBox {
	text-align:right;
	padding:6px 10px 7px;
	background:url(../images/morebox-border.png) 0 0 repeat-x;
}
.colSide .box a.more {
	background:url(../images/ico-arrow.png) left 0.5em no-repeat;
	padding-left:14px;
	color:#506d93;
	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 div.moreBox{background:none;}
.colSide .boxAktuality .newsItem {
	padding:0.7em 10px; border-bottom:1px solid #dfdfdf;
}
.colSide .boxAktuality h3 {font-size:110%; color:#506d93; margin:3px 0 1px;}
.colSide .boxAktuality .content h3 a {color:#506d93; }
.colSide .boxAktuality .content h3 a:hover {color:#506d93;}
.colSide .boxAktuality span.date {
	display:block;
	font-size:11px;
	margin-bottom:3px; 
	color:#888; 
}
.colSide .boxAktuality p {color:#666; display:inline;}
.colSide .boxAktuality div.text {margin-bottom:3px;}
.colSide .boxAktuality div.text a.detail {color:#506d93; font-weight:bold;}
.colSide .boxAktuality div.text a.detail:hover {color:#506d93;}
/* 8.1 Sidebar left --------------------------------------------------------*/

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


/* 9. Footer ---------------------------------------------------------------*/
/*footer*/
#footer {
	position:relative;
	border-top:1px solid #eee;
	background:#fff url(../images/foot-back.png) 0 0 no-repeat;
	padding:20px 22px 6px 117px;	
	height:80px;
}
#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:#0f293a; font-size:90%;}
#footer a {color:#506d93;}
#footer .float-r {text-align:right;}
/*copy*/
#footer .footCopy {float:left;}
#footer .footCopy a {text-decoration: none; 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 #0f293a;}
#footer .footMenu ul li.last {border:none;} 
#footer .footMenu ul li a:hover {color:#111;}
/*author*/
#footer .footAuthor {padding-top:20px; clear:right; font-size:90%;}
#footer .footAuthor a {text-decoration: none; color:#666;}
#footer .footAuthor a span{text-decoration: underline;}
#footer .footAuthor a strong {font-weight:normal; margin-right:1px; text-decoration:none;}
#footer .footAuthor a:hover {color:#222;}

/* 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:#506d93;}
#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:#506d93;
	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:#506d93; 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;}

/* 11. DOPLNKY --------------------------------------------------------------*/

.prodMenuPomocne .content {
	border-width: 1px !important;
}

.prodMenuPomocne .content ul {
	list-style-type: none;
}


.fbIcon {margin-bottom:15px;}