/* Web Centroprojekt a.s. http://www.centroprojekt.cz */
/* Copyright 2007 Jiří Bureš */
body { 
	color: #111948; 
	background-color: #999EBB;
	background: url('images/bg-body.png') repeat-y top center;
	font: normal small Trebuchet, "Geneva CE", lucida, sans-serif;
	text-decoration: none; 
	text-align: justify;
	line-height: 100%;
	padding: 0; 
	border: none;
	margin: 0; 
}

/* POZICOVÁNÍ */
#kontejner {
	width: 750px;
	margin: 0 auto;
	position: relative; 
}

#header {
	background: url(images/bg-header.jpg) no-repeat #FFF;
	height: 188px;
	clear: both; 
}

#header_modre {
	background: url(images/bg-header_modre.jpg) no-repeat #FFF;
	height: 188px;
	clear: both; 
}

#header_modre1 {
	background: url(images/bg-header_uvod99.jpg) no-repeat #FFF;
	height: 188px;
	clear: both; 
}

#header_prumyslove {
	background: url(images/bg-header_prumyslove.jpg) no-repeat #FFF;
	height: 188px;
	clear: both; 
}

#header_energeticke {
	background: url(images/bg-header_energeticke.jpg) no-repeat #FFF;
	height: 188px;
	clear: both; 
}

#header_obcanske {
	background: url(images/bg-header_obcanske.jpg) no-repeat #FFF;
	height: 188px;
	clear: both; 
}

#header_vodohospodarske {
	background: url(images/bg-header_vodohospodarske.jpg) no-repeat #FFF;
	height: 188px;
	clear: both; 
}

#header_invent {
	background: url(images/bg-header_invent2.jpg) no-repeat #FFF;
	height: 188px;
	clear: both; 
}

#header_bazeny {
	background: url(images/bg-header_bazeny.jpg) no-repeat #FFF;
	height: 188px;
	clear: both; 
}

#header_bazeny_01 {
	background: url(images/bg-header_bazeny_01.jpg) no-repeat #FFF;
	height: 188px;
	clear: both; 
}
#header_bazeny_02 {
	background: url(images/bg-header_bazeny_02.jpg) no-repeat #FFF;
	height: 188px;
	clear: both; 
}
#header_bazeny_03 {
	background: url(images/bg-header_bazeny_03.jpg) no-repeat #FFF;
	height: 188px;
	clear: both; 
}
#header_bazeny_04 {
	background: url(images/bg-header_bazeny_04.jpg) no-repeat #FFF;
	height: 188px;
	clear: both; 
}

#header_bazeny_job {
	background: url(images/bg-header_bazeny_job.jpg) no-repeat #FFF;
	height: 188px;
	clear: both; 
}

#logo { 
	float: left; padding: 0; 
}

#logo span {
	color: #FFF; 
	font-size: 14px; 
	font-weight: bold;
	width: 300px; 
	height: 28px;
	padding-top: 2px;
	position: absolute; 
	top: -38px; 
	left: 250px;
	z-index: 100; 
}

#global {
	font-weight: bold;
	text-align: right;
	clear: both;
	color: #FFF;
	/* background: url(images/bg-global.png) repeat-x #101A4D; */
	background-color: #101A4D;
	height: 2.1em;
	line-height: 2.1em; 
}

#global, #navidrob {
	text-transform: lowercase; 
}

#navidrob {
	font-weight: normal;
	color: #000;
	background-color: transparent;
	font-size: 85%;
	/* letter-spacing: 0.1em; */
	margin-top: 0.5em; 
}

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

ul#mainMenu{
	color:#f00;
	padding:7px 0 0 0;
	margin:0;
	list-style-type:none;
	text-align: left;
	float:right;
	height: 1.5em; 
	line-height: 1.5em; 

}

ul#mainMenu ul{
	margin-top:0px;
	list-style-type:none;
	padding:0px 0 0px 0;
	margin:0;
}

ul#mainMenu li{
	float:left;
	display:inline;
	padding:0px 3px 0px 0px;
	width:auto;
	margin-right:10px;
}

ul#mainMenu a{
	color:#b0b0f6;
	background-color:#101A4D;
	display:block;
	text-decoration:none;
	font-weight:bold;
}

ul#mainMenu a:hover{
	color:#fff;
	text-decoration:none;
}

ul#mainMenu ul a{
	border-bottom:none;
	border-bottom:1px solid #8590B2;
	padding-left:5px;
}

ul#mainMenu ul a:hover{
	color:#fff;
	text-decoration:none;
	background-color:#263373;
}

ul#mainMenu ul{
	position:absolute;
	visibility:hidden;
	background-color:#cce4f3;
	z-index:99;
}

ul#mainMenu li:hover ul, ul#mainMenu li.hover ul{
	visibility:visible;
}

ul#mainMenu li li{
	float:none;
	border:none;
	padding:0;
}

ul#mainMenu li{
	behavior: url(hover.htc);
}
/*-------------------------------------------------------------------------------------------------------------------------------*/	

#hlavni {
	width: 750px;
	margin: 0; padding: 0; _padding-top: 1em; /* Pro MSIE bude 1em */
	border-top: 1px solid #101A4D; /* V Opeře dělá mezeru mezi #navidrob a #hlavni */
	background: url(images/bg-hlavni.png) repeat-y #FFF;
	clear: both; 
}

#obsah {
	float: right; 
	position: relative;
	width: 565px;
	background-color: transparent;
	margin: 0;
	line-height: 130%; 
}


#matrjoska { 
	padding-right: 1em; 
	padding-bottom: 0.5em; 
}

#obsahl {
	float: left; position: relative;
	width: 390px;
	background-color: transparent;
	background: url(images/bg-uvod.png) repeat-y #FFF;
	margin: 0; 
	padding: 0px 5px 0 0px; 
}



#obsahp {
	margin: 0 0 0 390px;
	padding: 10px 5px 0 10px; 
	width: 138px;
	font-size: 85%;
	background-color: transparent; 
}


#obsahpl {
	background-color: transparent; 
	border-left:1px solid #aaa;
}

#obsahpl address {
	padding: 10px 0 0 5px;
}

#obsahp h4 {
	font-size: 110%; font-weight: bold;
	padding-left: 10px; padding-top: 6px;
	background: url(images/bg-obsah-h4p.png) no-repeat transparent; 
}

ul#obsahp {
	list-style: none;
	padding: 0; 
	border: none; 
	margin: 0 auto 0.5em auto;
	width: 168px; _width: 98%;
	background-color: transparent;
	font-weight: bold; 
}

ul#obsahp li {
	margin: 0;
	height: auto; line-height: 1.2em; 
}

ul#obsahp li a {
	display: block; 
	padding: 2px 1em; _padding: 2px 0 2px 3px;
	background-color: transparent;
	text-decoration:
	none; width: 100%;
	/* height: 1.5em; line-height: 1.5em; */ 
}


















#obsah span.archiv {
	float: right; 
}

#servis {
	margin: 0 578px 0 0;
	width: 167px;
	font-size: 85%;
	background-color: transparent; 
}

#ikony { 
	text-align: center; 
}

#ikony img { 
	margin-top: 1em; 
}

#pata {
	color: #FFF;
	background-color: #101A4D;
	margin: 0;
	padding: 0; padding-left: 1em;
	height: 3em; line-height: 3em;
	font-size: 85%;
	clear: both; 
}

#pata span.copyright {
	float: left; 
}

#pata span.odkazy {
	float: right; 
	text-align: right; 
	padding-right: 1em; 
}

/* Další styly */

#global span.lng { 
	float: left; 
}

#obsah h1, #obsah h2, #obsah h3, #obsah h4 {
	font-weight: normal;
	margin-top: 0.5em;
	line-height: 90%; 
}

#obsah h1 {
	font-size: 110%;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 8px;
	padding-top: 0px;
	background: url(images/bg-obsah-h1.png) no-repeat transparent;
	line-height: 28px;
	margin: 10px 0 0 0;
}
#obsah h2 {
	font-size: 110%;
	font-weight: bold;
	padding: 0px 0 0 10px;
	background: url(images/bg-obsah-h2.png) no-repeat transparent; 
	line-height: 26px;
	margin: 3px 0 0 0;

}

#obsah h2.novinky {
	font-size: 110%; font-weight: bold;
	padding-top: 0.5em; margin-bottom: -1em;
	border-top: 1px solid #0054A6; 
}

#obsah h2.novinky span {
	font-size: 80%; font-weight: normal;
	padding-right: 1em; 
}

#obsah h3 {
	font-size: 105%;
	font-weight: bold;
	padding: 0px 0 0 3px;
	background: url(images/bg-obsah-h3.png) no-repeat transparent; 
	line-height: 26px;
	margin: 3px 0 0 0;
}

#obsah h4 {
	font-size: 100%; font-weight: bold;
	padding-left: 5px; padding-top: 6px; 
}


hr {
	width: 80%; 
	height: 1px;
	color: #999; 
	margin: 2em 0 0em 0;
	border: 0px solid #999;
	background-color: #999; 
}

#obsah div.hr hr { 
	display: none; 
}

#slogan {
	background: url('images/bg-slogan.png') repeat-x top left;
	font-size: 115%;
	margin: 0px 0px 5px 0px;
	padding: 0 10px 10px 58px; 
	text-align: center;
	line-height: 130%; 
	font-weight: bold;
}

#eng-slogan {
	background: url('images/bg-slogan.png') repeat-x top left;
	font-size: 100%;
	margin: 0px 0px 5px 0px;
	padding: 0 10px 10px 58px; 
	text-align: center;
	line-height: 130%; 
	font-weight: bold;
}

#motto {
	background: url('images/bg-motto.png') repeat-x bottom left;
	font-size: 100%;
	margin: 0px 0px 20px 0px;
	padding: 0 10px 5px 4px; 
	text-align: justify;
	font-weight: normal;
}

address { 
	font-style: normal; 
}

dt { 
	font-weight: bold; 
	font-size: 110%;
	margin-top: 0.5em; 
	}


dd {
	margin: 0;
	border-left: 0px; 
}

dd a {
	color: #373d5d;
	text-decoration: none; 
	width: 100%;
}

dd a:hover {
	text-decoration: underline; 
	width: 100%;
}










img { 
	border: none; 
}

#servis form { 
	margin-top: 0em; 
}

#servis label { 
	display: none; 
}

#servis input { 
	margin-top: 0em; 
	margin-bottom: 0em; 
	margin-left: 1em; 
	font-size: 80%; 
	border:1px solid #aaa;

}

/* Klasy */

.c { 
	text-align: center; 
}

img.obr { 
	border: 1px solid #0054A6; 
}

.refs {
	font-style: normal; 
	font-size: 85%;
	line-height: 100%; 
	text-align: center;
	margin-top: 0.5em; 
	margin-bottom: 1.5em 
}

dl.tn dt img {
	float: left; 
	margin: 0 1em 1em 0;
}
dl.tn dt {
	clear: both; 
}


/* Odkazy */

a {
	color: #FF4600; 
}

#global a {
	text-decoration: none; 
}

#global a {
	color: #CCE4F3;
	padding: 0 0.5em 0 0.5em; 
}

#navidrob a {
	color: #111948;
	padding: 0 0.5em 0 0.5em; 
}

#pata a {
	color: #FFF;
	padding: 0 0.5em 0 0.5em; 
}

#servis a {
	color: #b0b0f6; 
}


/* Tabulky */

table.tbl {
	background-color: #CCE4F3;
	border-collapse: collapse; 
}

table.tblist {
	background-color: #FFF;
	border-collapse: collapse; 
}

table.tbl th, table.tbl caption {
	background-color: #B3D7EC /* #4DA2D4 */;
	text-align: center;
}

table.tbl td, table.tbl th {
	border: 1px solid #FFF; 
	padding: 0.25em; 
}

table.tblist td, table.tblist th {
	border-bottom: 1px solid #0054A6;
	padding: 0.25em; 
	padding-top: 0.5em;
	vertical-align: top; 
}

table.tbl caption {
	border: 1px solid #FFF;
	padding: 0.25em;
	text-align: left;
	width: auto;
	font-weight: bold; 
}

table.tbl th {
	text-align: center; 
	vertical-align: top; 
}

table.tbl th.prvni {
	text-align: left; 
}

table.tbl .bg {
	background-color: #C0DEF0; 
}

/* Formuláře */
fieldset {
	border: 1px solid #007AC1;
	margin-bottom: 2em;
	padding: 1em; 
}

legend {
	border: 1px solid #007AC1;
	padding: 0.2em 1em; 
}

/* Kontextové menu */
ul#menu {
	list-style: none;
	padding: 0; 
	border: none; 
	border-top: 1px solid #242e63;
	margin: 0 auto 0.5em auto;
	width: 168px; _width: 98%;
	background-color: transparent;
	font-weight: bold; 
}

ul#menu li {
	margin: 0;
	/* border-bottom: 1px solid #8590B2; */
	border-left: 1px solid #8590B2; 
}

ul#menu li.titl {
	background: url(images/bg-menu-li-titl.png) no-repeat transparent;
	background-position: -1px 0;
	text-transform: uppercase;
	padding-left: 15px; 
	padding-top: 11px;
		/* _width: 83%;            ---------- proc to tam je?? */
	border-bottom: none; 
}

ul#menu li a {
	display: block; 
	padding: 2px 1em; 
	_padding: 2px 0 2px 3px;
	background-color: transparent;
	text-decoration: none; 
	width: 100%;
	height: 1.5em; 
	line-height: 1.5em; 
}

ul#menu li.titl a {
	display: inline;
	padding: 0;
	height: auto; 
	line-height: normal;
	background: transparent;
	text-decoration: none; 
}

html>body ul#menu li a {
	width: auto; 
}

#global a:hover, #navidrob a:hover {
	text-decoration: underline; 
}

ul#menu li a:hover {
	background-position: -168px bottom; 
}

/* Menu okno*/
ul#okno {
	list-style: none;
	padding: 1px; 
	margin: 5px;
	border: none; 
	border-top: 0px;
	background-color: transparent;
	}

ul#okno li {
	margin: 0;
	border-left: 0px; }

#obsah a {
	color: #232863;
	text-decoration: none; 
	width: 100%;
}

#obsah a:hover {
	text-decoration: underline; 
	width: 100%;
}

/* Menu oknob*/
ul#oknob {
	list-style: none;
	padding: 1px; 
	margin: 5px;
	border: none; 
	border-top: 0px;
	background-color: transparent;
	font-weight: bold;
}

ul#oknob li {
	margin: 0;
	border-left: 0px; 
}

ul#oknob li a {
	color: #373d5d;
	display: block; 
	background-color: transparent;
	text-decoration: none; 
	width: 100%;
	height: 2em; 
	line-height: 2em; 
}

ul#oknob li a:hover {
	text-decoration: underline; 
	width: 100%;
	background-position: -168px bottom; 
}
th { 
	margin-top: 1em; 
}

th { 
	text-align: center; 
}