* {margin: 0px; padding: 0px;}
.clear:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .clear {height:1%;} /*skryto pred IE-mac*/
.clearing {clear:both;}
body {font-size:75%;font-family:Arial,Verdana,sans-serif;line-height:1.7em;background:#0D5997 url(../images/bgBody.gif) repeat-x;padding:0px 0px 0px 0px;color:#535353;}
img {border:0px;}
label {cursor:pointer;}
a {text-decoration:underline;;color:#094986;}
a:hover {text-decoration:none;}
input {}
textarea {}
select {}
.center {text-align:center;}

#lead {width:1000px;margin:35px auto 30px auto;background:#FFFFFF url(../images/bgLead.gif) repeat-y;position:relative;}
#logo {width:203px;height:83px;display:block;left:29px;top:16px;position:absolute;overflow:hidden;z-index:1;}
#logo h1, #logo h1 span {width:203px;height:83px;position:absolute;top:0px;left:0px;z-index:1;overflow:hidden;color:#fff;padding-left:0px;padding-top:0px;margin:0px;}
#logo h1 span {width:203px;height:83px;background-image:url(../images/logo.gif);background-repeat:no-repeat;display:block;left:0px;cursor:pointer;margin:0px;overflow:hidden;}

#content {width:958px;padding:13px 21px;background:url(../images/bgContent.gif) no-repeat top left;}

#top {min-height:110px;_height:110px;clear:both;padding:0px 0px 0px 318px;}
#top .img {margin-top:25px;float:left;}
#top .cmenu {width:120px;float:right;padding:18px 25px 0px 0px;}
#top .cmenu p {margin-bottom:19px;}
#top .cmenu p img {float:right;margin:4px 5px 0px 5px;}
#top .cmenu p span {display:block;float:right;width:1px;height:18px;overflow:hidden;margin:0px 9px;background:url(../images/cmenuPipe.gif) no-repeat;}

      /*

#menu {min-height:28px;_height:28px;margin-bottom:20px;padding:10px 15px 0px 15px;;background:#BF0D34 url(../images/bgMenu.gif) repeat-x top left;color:#FFFFFF;}
#menu a {font-weight:bold;color:#FFFFFF;text-decoration:none;margin:0px 4px;}
#menu a:hover {color:#FFF215;}
#menu a.active {color:#FFF215;}
        */
.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	}
.menu ul{
	background:#d33053;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background:#d33053 url("../images/seperator.gif") bottom right no-repeat;
		color:#ffffff;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 15px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #2580a2 url("../images/hover.gif") bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
	.menu li ul{
		background:#d33053;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:150px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('../images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:150px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#2580a2 url('../images/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	

		


#main {width:958px;background:url(../images/bgMain.gif) repeat-y;}

#left {width:717px;float:left;margin-left:2px;}
.firstText {background:url(../images/firstText.jpg) no-repeat right bottom;padding:10px 315px 6px 5px;margin-bottom:5px;}
.firstText p {margin-left:5px;}
.firstText h2 {margin-left:2px;}
.firstText li {margin-left:5px;}

#left h2 {font-size:1.65em;color:#0D5997;font-weight:normal;margin-bottom:8px;}
/*#left h2.red {color:#CC2548;} */
#left h3 {font-size:1em;display:block;height:23px;background:url(../images/bgBtnSortiment.gif) no-repeat;padding:2px 0px 0px 30px;font-weight:bold;color:#FFFFFF;text-decoration:none;margin-bottom:10px;}
#left p {margin-bottom:10px;}
 /* #BADAF8 */
#left table {border-collapse:collapse;border:1px solid #FFFFFF;}
 /* #BADAF8 */
#left table th {border:1px solid #FFFFFF;padding:0.2em 2em;color:#FFFFFF;background:#0D5997;}      
 /* #BADAF8 */
#left table td {border:1px solid #FFFFFF;padding:0.2em 2em;}

.item a {cursor: hand;}

.item {float:right;width:321px;height:95px;line-height:1.5em;padding:13px 11px 0px 11px;border:1px solid #E6E5E5;background:url(../images/bgItem.gif) no-repeat;margin-bottom:18px;display-block;cursor: hand;}
.item img {float:left;margin:0px 17px 0px 0px;}
#lead .item h3 {font-size:1em;display:inline;width:auto;height:auto;background:url(../images/itemHeader.gif) no-repeat left 3px;padding:0px 0px 0px 20px;color:#0D5997;float:left;margin-bottom:0px;}

/* Zpravicky */
.itemBig {float:right;width:692px;height:auto;line-height:1.5em;padding:13px 11px 0px 11px;border:1px solid #E6E5E5;margin-bottom:18px;display-block;cursor: hand;}
.itemBig img {float:left;margin:0px 17px 0px 0px;}
/* Zpravicky konec */

/* .itemLeft {float:left; display:block;} */

.itemLeft a {cursor: hand;}

.itemLeft {float:left;width:321px;height:95px;line-height:1.5em;padding:13px 11px 0px 11px;border:1px solid #E6E5E5;background:url(../images/bgItem.gif) no-repeat;margin-bottom:18px;display-block;cursor: hand;}
.itemLeft img {float:left;margin:0px 17px 0px 0px;}
#lead .itemLeft h3 {font-size:1em;display:inline;width:auto;height:auto;background:url(../images/itemHeader.gif) no-repeat left 3px;padding:0px 0px 0px 20px;color:#0D5997;float:left;margin-bottom:0px;}



.itemLeftSub {margin-right:12px;margin-bottom:12px;}
p.right {text-align:right;}

.homeSortiment {padding-left:5px;}
.homeNews {width:345px;float:left;cursor: hand;}
.homeNews h3 {margin-left:5px;}
#lead .homeNews .item {background:url(../images/bgItemNews.gif) no-repeat;float:none;padding-top:6px;height:97px;line-height:1.6em;float:none;margin-left:5px;cursor: hand;}
.homeNews .item span {font-weight:bold;color:#0D5997;background:url(../images/itemHeader.gif) no-repeat left 2px;padding-left:20px;cursor: hand;}


.homeNews .item a {font-weight:bold;color:#0D5997;cursor: hand;}
/* .homeNews .item a {font-weight:bold;color:#BF0E33;cursor: hand;}*/
.homeNews p.right a {color:#C00E32;cursor: hand;}


.homeNewsBig {width:717px;float:left;cursor: hand;}
.homeNewsBig h3 {margin-left:5px;}
#lead .homeNewsBig .item {background:url(../images/bgItemNews.gif) no-repeat;float:none;padding-top:6px;height:97px;line-height:1.6em;float:none;margin-left:5px;cursor: hand;}
.homeNewsBig .item span {font-weight:bold;color:#0D5997;background:url(../images/itemHeader.gif) no-repeat left 2px;padding-left:20px;cursor: hand;}
.homeNewsBig .item a {font-weight:bold;color:#0D5997;cursor: hand;}
/* .homeNews .item a {font-weight:bold;color:#BF0E33;cursor: hand;}*/
.homeNewsBig p.right a {color:#C00E32;cursor: hand;}


.homeAkce {width:343px;float:right;}
#lead .homeAkce h3 {background:url(../images/bgBtnAkce.gif) no-repeat;}

/* .homeAkce .itemAkce {color:#1473A2;font-weight:bold;width:341px;height:219px;padding:5px 0px 0px 0px;background:url(../images/bgItemAkce.gif) no-repeat;border:1px solid #ECF6FD;text-align:center;} */
.homeAkce .itemAkce {color:#1473A2;font-weight:bold;width:341px;height:220px;padding:5px 0px 0px 0px;border:1px solid #ECF6FD;text-align:center;} 

.homeAkce .itemAkce img {margin-bottom:10px;}
.homeAkce .itemAkce strong {color:#DB1D1D;}
.homeAkce .itemAkce a {color:#DB1D1D;cursor: hand;}

/* padding byl 13, nyni 5 */

#right {width:216px;float:right;font-size:0.9em;line-height:1.6em;}
#right hr {width:100%;height:1px;border-width:1px 0px 0px 0px;display:block;overflow:hidden;border-style:dashed;border-color:#B8C3D3;margin:10px 0px;}
#right p {padding-left:10px;}
#right p strong {color:#1676A6;}
#right p a {color:#BF0D33;}
#right .rmenu {margin-bottom:15px;}
.rmenu ul {list-style:none;}
.rmenu ul li {border-bottom:1px solid #FFFFFF;font-size:1.1em;}
.rmenu ul a {color:#FFFFFF;text-decoration:none;font-weight:bold;display:block;background:#0D5997 url(../images/rmenuArrow.gif) no-repeat 20px 15px;padding:12px 10px 12px 40px;}
.rmenu ul a:hover {background:#CC2548 url(../images/rmenuArrowS.gif) no-repeat 20px 15px;cursor:pointer;}
.rmenu ul a.active {background:#CC2548 url(../images/rmenuArrowS.gif) no-repeat 20px 15px;cursor:pointer;}

.poztabulka1{background-color: #c3d3f0;}

#tabulka1 
#tabulka1 table th {border:1px solid #BADAF8;padding:0.2em 0.5em;color:#FFFFFF;background:#ffffff;} 
#tabulka1 table td {border:1px solid #BADAF8;padding:0.2em 0.5em;} 

.TabulkaBunkaJmeno {width: 21%;}
.TabulkaBunkaPozice {width: 28%;}
.TabulkaBunkaPevna {width: 12%;}
.TabulkaBunkaMobil {width: 13%;}
.TabulkaBunkaEmail {width: 26%;}





/* .tablenadpis {color:#000000;line-height:1.2em;margin-top:9px;font-weight:bold;} */
.TabulkaNadpis {color:#000000;line-height:1.2em;margin-top:9px;font-weight:bold;}

.TabulkaPozadiSvetle {background-color: #ffffff;}
.TabulkaPozadiTmave {background-color: #c3d3f0;}
.TabulkaPozadiSvetle {background-color: #ffffff;}
.TabulkaPozadiTmave {background-color: #c3d3f0;}


.TabulkaPozadiOranzove {background:#ffcc99;display: table;}
.TabulkaPozadiZelene {background:#ccffcc;}
.TabulkaPozadiModre {background:#0D5997;}

#footer {width:958px;height:100px;padding:0px 21px;background:url(../images/bgFooter.gif) no-repeat left bottom;clear:both;}
#footer p {color:#000000;background:url(../images/bgFooterPrgrph.gif) repeat-x;padding:15px 5px 0px 5px;line-height:2.3em;}
#footer p a {color:#000000;margin:0px 2px;}

#footerc {}
#footerc p {color:#000000;line-height:0.4em;}
#footerc p a {color:#000000;margin:0px 2px;}


.claobs .XSortiment li {font-weight:bold;color:#cc3300;}
.claobs .XSortiment li ul li {color:#0d5997;}
.claobs div {	text-align: justify;}  
.claobs p {	text-align: justify;} 
.claobs h4 {font-size:1.45em;color:#0D5997;font-weight:normal;margin-bottom:8px;}
.claobs h5 {font-size:1.45em;color:#0D5997;font-weight:normal;margin-bottom:8px;}

.SortimentNadpis {font-weight: bold;font-size: 1.3em;margin-top:8px;} 


.BarvaText {color:#535353;}
.BarvaCervena {color:#cc3333;}
.BarvaCerna {color:#000000;}
.BarvaModra {color:#0d5997;}
.BarvaZelena {color:#339900;}
.BarvaBila {color:#ffffff;}




.ObrazekVpravo
{
  float:right;
  width:auto;
  font-size:.8em;
  font-weight:bold;
  padding: 4px 4px 4px 4px;
  margin: 4px 0px 4px 4px;
  border:0px solid #ECF6FD;
}

.ObrazekVlevo
{
  float:left;
  width:auto;
  font-size:.8em;
  font-weight:bold;
  padding: 4px 4px 4px 4px;
  margin: 4px 4px 4px 0px;
  border:0px solid #ECF6FD;
}


.ObrazekNormalni { 
  
  float:auto;
  width:auto;
  font-size:.8em;
  font-weight:bold;
  padding: 4px 4px 4px 4px;
  margin: 4px 4px 4px 4px;
  border:0px solid #ECF6FD;

}



.claobs2 p {margin-left:5px;}
.claobs2 h2 {margin-left:2px;}
.claobs2 li {margin-left:15px; margin-top:2px;}


.SortimentBox li {margin-left:15px; margin-top:0px;padding-top:5px;}


.SortimentBoxPodsortiment {margin-left:15px; margin-top:0px;padding-top:0px;list-style-type: circle}}





.claobs3 p {margin-left:3px;}
.claobs3 h2 {margin-left:3px;}
.claobs3 li {margin-left:3px;}





#lightbox {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox a img {
	border: none;
}
#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer {
	padding: 10px;
}
#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav {
	left: 0;
}
#hoverNav a {
	outline: none;
}
#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(/cz/image/vodocentrum/images/blank.gif) no-repeat;
/* Trick IE into showing hover */
	display: block;
}
#prevLink {
	left: 0;
	float: left;
}
#nextLink {
	right: 0;
	float: right;
}
#prevLink:hover, #prevLink:visited:hover {
	background: url(/cz/image/vodocentrum/images/prev.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
	background: url(/cz/image/vodocentrum/images/next.gif) right 15% no-repeat;
}
#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
}
#imageData {
	padding: 0 10px;
}
#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}
#imageData #caption {
	font-weight: bold;
}
#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html>body .clearfix {
	display: inline-block;
	width: 100%;
}
* html .clearfix {
/* Hides from IE-mac \*/
	height: 1%;
/* End hide from IE-mac */
}




#main-content strong {
	width: 160px;
	border: solid #CCC;
	border-width: 0 1px 1px 0;
	background: rgb(178,211,243);
	padding: 5px;
	text-align: center;
	position: relative;
	float: left;
	display: inline;
	margin: 4px;
	font-size: 105%;
	font-weight: normal;
}
#main-content a {
  display: block;
  height: 200px;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative
}
#main-content em {
  clear: left;
  display: block;
  font-style: normal;
  position: relative;
}
#main-content div {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align:center;
  background-color: rgb(178,211,243);
}
#main-content  a span {
/*\*/
	position: absolute;
	left: -9999px;
	cursor: pointer;
}
#main-content a span {
	top: 5px;
	left: 5px;
	width: 160px;
	font-weight: bold;
	background: rgb(178,211,243);
	color: rgb(70,130,180);
	padding: 0 0 2px 0;
	font-variant: small-caps;
	font-size: 80%;
	border: 1px solid #EEE;
	border-width: 0 0;
	filter: alpha(opacity=30);
	opacity: 0.3;
	font-size: 90%;
}
#main-content a:hover {
	text-decoration: none;
}
#main-content a:hover span {
	filter: alpha(opacity=100);
	opacity: 1;
}
#main-content a {
	white-space: normal;
}














#foto img {
	border: 2px solid white;
	/*margin: 11px;*/
}

#foto_okolo {
	text-align: center;
	font-weight: bold;
  background-color: #e6dde0;
	width: 100%;
	padding: 2px;
	margin-bottom: 2px;
}



#foto_okolo table td {
	text-align: center;
	background-color: rgb(178,211,243);
	width: 100%;
	padding: 0px;
	margin: 0px;
	
}

#foto table td {
	text-align: center;
	background-color: #0d5997;
	width: 16%;
	padding: 10px;
	margin:0px;
	
}



#dodfoto {
	text-align: center;
/* #e6dde0 */ 
	border-color: #ffffff;     
  width: 100%;
	padding: 2px;
	
	
  margin-bottom: 2px;                 
	
}

 

#dodfoto img {
	border: 2px solid white;
		border-color: #ffffff;
	/*margin: 11px;*/
}                             

#dodfoto_okolo {
	text-align: center;
	font-weight: bold;
  /* #e6dde0 */
  background-color:	#ffffff;
  	border-color: #ffffff;
	width: 100%;
	padding: 2px;
	margin-bottom: 2px;
}



#dodfoto_okolo table td {
	text-align: center;
/* rgb(178,211,243) */
		border-color: #ffffff;
  width: 100%;
	padding: 0px;
	margin: 0px;
	
}

#dodfoto table td {
	text-align: center;
/* #0d5997 */
  
  border-color: #ffffff;
	width: 16%;
	padding: 10px;
	margin:0px;
	
}



#dodfoto {
	text-align: center;
/* #e6dde0 */
	
	border-color: #000000;
  width: 100%;
	padding: 2px;
  margin-bottom: 2px;
	
}


.kotva {content:".";display:block;height:0;clear:both;visibility:hidden;}
.MapaStranek {margin: 0px 0px 0px 125px;}












.menus3{
	display:block;
  border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}
.menus3 ul{
	display:block;
  background:#333333;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menus3 li{
		float:left;
		padding:0px;
		}
	.menus3 li a{
		background:#333333 url("images/seperator.gif") bottom right no-repeat;
		color:#cccccc;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 12px;
		text-align:center;
		text-decoration:none;
		}
		.menus3 li a:hover, .menu ul li:hover a{
			background: #2580a2 url("images/hover.gif") bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
	.menus3 li ul{
		background:#333333;
		display:block;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menus3 li:hover ul{
		display:block;
		
		}
	.menus3 li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menus3 li:hover li a{
		background:none;
		
		}
	.menus3 li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menus3 li ul a:hover, .menu li ul li:hover a{
			background:#2580a2 url('images/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menus3 p{
		clear:left;
		}