/* spolecne */

html {
	height: 100%;
}

body {
	height: 100%;
	font-family: sans-serif;
	font-size: 12px;
	line-height: 20px;
}

.teloObsah {
	font-family: "Trebuchet MS","Geneva CE",lucida,sans-serif;
}

a {
	text-decoration: none;
}

img {
	border: none;
}


/* rozvrzeni dokumentu */

body {
	margin: 0px;
	padding: 0px;
	background: #bfdaee url(body.png) scroll repeat-x center top;
	text-align: center;
}

.horniPanel {
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0px auto 0px auto;
	width: 1024px;
	height: 337px;
	background: #def9de url(horni-panel.png) scroll repeat-x center top;
	text-align: left;
	overflow: hidden;
}

.horniPanelProTiskarnu {
	display: none;
}

.telo {
	background: #def9de;
	text-align: center;
}

.teloObsah {

	position: relative;
	left: 0px;
	top: 0px;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 1024px;
	background: #def9de;
	text-align: left;
	min-height: 237px;
}

body.sablonaUvodniCZ .teloObsah {
	height: 1190px;
}

body.sablonaEkologizaceCZ .teloObsah {
	background: #def9de url(ikona/ekologizace.png) scroll no-repeat left top;
}

body.sablonaStavebnictviCZ .teloObsah {
	background: #def9de url(ikona/stavebnictvi.png) scroll no-repeat left top;
}

body.sablonaInzenyringCZ .teloObsah {
	background: #def9de url(ikona/inzenyring.png) scroll no-repeat left top;
}

body.sablonaVodovodykanalizaceCZ .teloObsah {
	background: #def9de url(ikona/vodovody-kanalizace.png) scroll no-repeat left top;
}

body.sablonaCisteniprumyslovychCZ .teloObsah {
	background: #def9de url(ikona/cisteni-prumyslovych.png) scroll no-repeat left top;
}

body.sablonaHospodarenisodpadyCZ .teloObsah {
	background: #def9de url(ikona/hospodareni-s-odpady.png) scroll no-repeat left top;
}

.dolniPanel {
	font-size: 10px;
	height: 17px;
	line-height: 17px;
	background: #bfdaee;
	border-top: 1px solid #1084c9;
	min-width: 1024px;
	color: #1084c9;
}

.dolniPanel a {
	color: #1084c9;
}

.levyPanel {
	float: left;
	width: 230px;
}

.hlavniPanel {
	float: right;
	width: 780px;
}

.hlavniPanel h1.index {
	width: 200px;
	height: 20px;
	line-height: 20px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 15px;
	color: #000000;
	background: transparent;
}

.cistic {
	clear: both;
	height: 35px;
}


/* horniPanel, menu */

.horniPanel .obrazek {
	position: absolute;
	left: 350px;
	top: 0px;
	width: 588px;
	height: 147px;
	background: #dfeaf7 url(horni-panel-obrazek.jpg) scroll no-repeat left top;
}

.horniPanel menu {
	list-style-type: none;
}

.horniPanel menu li {
	position: absolute;
}

.horniPanel menu .m1 {
	left: 0px;
	top: 155px;
	width: 155px;
	height: 73px;
	text-align: right;
}

.horniPanel menu .m2 {
	left: 162px;
	top: 155px;
	width: 155px;
	height: 73px;
	text-align: right;
}

.horniPanel menu .m3 {
	left: 326px;
	top: 155px;
	width: 145px;
	height: 73px;
	text-align: right;
}

.horniPanel menu .m4 {
	left: 476px;
	top: 155px;
	width: 170px;
	height: 73px;
	text-align: right;
}

.horniPanel menu .m4 a {
	padding-top: 5px;
	height: 75px;
}

.horniPanel menu .m5 {
	left: 667px;
	top: 155px;
	width: 170px;
	height: 73px;
	text-align: right;
}

.horniPanel menu .m6 {
	left: 847px;
	top: 155px;
	width: 165px;
	height: 73px;
	text-align: right;
}

.horniPanel menu .m7 {
	left: 17px;
	top: 228px;
	width: 142px;
	height: 53px;
	text-align: left;
}

.horniPanel menu .m7 span {
	display: block;
	color: #706f72;
	padding: 0px;
	height: 53px;
	line-height: 52px;
	font-size: 17px;
}

.horniPanel menu .m7 a:hover {
	left: 0px;
	top: 0px;
	color: #949395;
}

.horniPanel menu .m8 {
	left: 180px;
	top: 242px;
	width: 145px;
	height: 42px;
	text-align: center;
}

.horniPanel menu .m8 a {
	padding: 0px;
	height: 42px;
	line-height: 42px;
	font-size: 17px;
}

.horniPanel menu .m9 {
	left: 339px;
	top: 242px;
	width: 160px;
	height: 42px;
	text-align: center;
}

.horniPanel menu .m9 a {
	padding: 0px;
	height: 42px;
	line-height: 42px;
	font-size: 17px;
}

.horniPanel menu .m10 {
	left: 513px;
	top: 242px;
	width: 160px;
	height: 42px;
	text-align: center;
}

.horniPanel menu .m10 a {
	padding: 0px;
	height: 42px;
	line-height: 42px;
	font-size: 17px;
}

.horniPanel menu .m11 {
	left: 690px;
	top: 242px;
	width: 160px;
	height: 42px;
	text-align: center;
}

.horniPanel menu .m11 a {
	padding: 0px;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
}

.horniPanel menu .m12 {
	left: 862px;
	top: 242px;
	width: 160px;
	height: 42px;
	text-align: center;
}

.horniPanel menu .m12 a {
	padding: 0px;
	height: 42px;
	line-height: 42px;
	font-size: 17px;
}

.horniPanel menu .m13 {
	left: 17px;
	top: 287px;
	width: 142px;
	height: 43px;
	text-align: left;
}

.horniPanel menu .m13 a {
	color: #007cc5;
	padding: 0px;
	height: 43px;
	line-height: 41px;
	font-size: 17px;
}

.horniPanel menu .m13 a:hover {
	left: 0px;
	top: 0px;
	color: #409dd4;
}

.horniPanel menu .cz {
	left: 963px;
	top: 10px;
	width: 39px;
	height: 25px;
}

.horniPanel menu .cz a {
	padding: 0px;
	height: 25px;
}

.horniPanel menu .sk {
	left: 963px;
	top: 44px;
	width: 39px;
	height: 25px;
}

.horniPanel menu .sk a {
	padding: 0px;
	height: 25px;
}

.horniPanel menu .de {
	left: 963px;
	top: 79px;
	width: 39px;
	height: 25px;
}

.horniPanel menu .de a {
	padding: 0px;
	height: 25px;
}

.horniPanel menu .en {
	left: 963px;
	top: 113px;
	width: 39px;
	height: 25px;
}

.horniPanel menu .en a {
	padding: 0px;
	height: 25px;
}

.horniPanel menu .logo {
	left: 1px;
	top: 1px;
	width: 300px;
	height: 148px;
}

.horniPanel menu .logo a {
	padding: 0px;
	height: 148px;
}

.horniPanel menu a {
	position: relative;
	left: 0px;
	top: 0px;
	display: block;
	height: 66px;
	padding-top: 14px;
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
	line-height: 16px;
}

.horniPanel menu a:hover {
	left: -1px;
	top: -1px;
}


/* levyPanel */

.levyPanel menu {
	font-family: sans-serif;
	list-style-type: none;
	display: table;
	width: 230px;
	margin: 225px 0px 10px 0px;
	padding: 0px;
	overflow: hidden;
}

.levyPanel li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 46px;
}

.levyPanel li a {
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #4f4e52;
	background: transparent url(levyPanel/modra.png) scroll no-repeat left center;
	line-height: 46px;
	padding: 5px 0px 5px 70px;
	height: 46px;
}

.levyPanel li a:hover {
	color: #111111;
}

.levyPanel li.vybrana a {
	background-image: url(levyPanel/modraOver.png);
}

.sablonaEkologizaceCZ .levyPanel li a,
.sablonaCisteniprumyslovychCZ .levyPanel li a {
	background-image: url(levyPanel/zelena.png);
}

.sablonaEkologizaceCZ .levyPanel li.vybrana a,
.sablonaCisteniprumyslovychCZ .levyPanel li.vybrana a {
	background-image: url(levyPanel/zelenaOver.png);
}

/*

.levyPanel a.jednoradkova {
	padding-top: 5px;
	line-height: 46px;
}
.levyPanel a.dvouradkova {
	padding-top: 15px;
	line-height: 18px;
}

*/


/* hlavniPanel */

.hlavniPanel h1 {
	padding: 0px 0px 0px 20px;
	margin: 30px 0px 28px 0px;
	font-size: 27px;
	line-height: 105px;
	height: 105px;
	overflow: hidden;
	color: #ffffff;
	background: #007cc5 url(h1.gif) scroll no-repeat left top;
}

body.sablonaEkologizaceCZ h1 {
	background: #83b907 url(h1.gif) scroll no-repeat left top;
}

body.sablonaStavebnictviCZ h1 {
	background: #007cc4 url(h1.gif) scroll no-repeat left top;
}

body.sablonaInzenyringCZ h1 {
	background: #a1c3e6 url(h1.gif) scroll no-repeat left top;
}

body.sablonaVodovodykanalizaceCZ h1 {
	background: #3e97d3 url(h1.gif) scroll no-repeat left top;
}

body.sablonaCisteniprumyslovychCZ h1 {
	background: #a5ca59 url(h1.gif) scroll no-repeat left top;
}

body.sablonaHospodarenisodpadyCZ h1 {
	background: #6ba9dc url(h1.gif) scroll no-repeat left top;
}

.hlavniPanel h2 {
	padding: 0px 40px 6px 20px;
	margin: 24px 0px 0px 0px;
	font-size: 18px;
	color: #656868;
	background: #def9de;
}

.hlavniPanel p {
	padding: 0px 40px 12px 20px;
	margin: 0px;
	font-size: 13px;
	line-height: 20px;
	text-align: justify;
	color: #504f53;
}

.hlavniPanel ul {
	list-style-type: square;
	padding: 0px 40px 12px 20px;
	margin: 0px;
}

.hlavniPanel ol {
	padding: 0px 40px 12px 25px;
	margin: 0px;
}

.hlavniPanel li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 18px;
	font-size: 13px;
	line-height: 20px;
	text-align: justify;
	color: #504f53;
}

.hlavniPanel dl {
	padding: 0px 40px 12px 20px;
	margin: 0px;
}

.hlavniPanel dt {
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	color: #333333;
}

.hlavniPanel dd {
	padding: 0px 0px 0px 20px;
	margin: 0px;
	color: #504f53;
}

.hlavniPanel table {
	width: 720px;
	padding: 0px;
	margin: 0px 0px 12px 20px;
	font-size: 13px;
	line-height: 20px;
	text-align: left;
	color: #504f53;
	border-collapse: collapse;
	overflow: hidden;
}

.hlavniPanel td {
	vertical-align: top;
	padding: 4px 4px 4px 4px;
}

.hlavniPanel .licha td {
}

.hlavniPanel .suda td {
}

.hlavniPanel td p {
	padding: 0px 0px 3px 0px;
}

.hlavniPanel td li {
	padding: 0px 0px 3px 0px;
}

.hlavniPanel td h2 {
	padding: 0px 0px 3px 0px;
}

.hlavniPanel a {
	font-family: sans-serif;
	font-size: 11px;
	color: #74af62;
}

.hlavniPanel a:hover {
	color: #2da20a;
}

.hlavniPanel .imgright {
	display: block;
	clear: right;
	float: right;
	margin: 0px 0px 12px 12px;
	line-height: 13px;
	font-size: 10px;
	font-family: sans-serif;
}

.hlavniPanel .imgleft {
	display: block;
	clear: left;
	float: left;
	margin: 0px 12px 12px 0px;
	line-height: 13px;
	font-size: 10px;
	font-family: sans-serif;
}

.hlavniPanel .imgright img,
.hlavniPanel .imgleft img {
	position: relative;
	left: 0px;
	top: 0px;
	display: block;
	margin: 0px 0px 3px 0px;
}

.hlavniPanel .imgright img:hover,
.hlavniPanel .imgleft img:hover {
	left: -1px;
	top: -1px;
}

.hlavniPanel table .imgleft,
.hlavniPanel table .imgright {
	text-align: center;
	margin: 6px 0px 6px 0px;
	background: #ffffff;
	padding-bottom: 4px;
}

.hlavniPanel .sDetailem {
	font-size: 10px;
	font-family: sans-serif;
	text-align: center;
}

.hlavniPanel strong {
	color: #333333;
}

.hlavniPanel form tr.hidden {
	display: none;
}

.hlavniPanel form tr.zprava td {
	font-size: 14px;
	background: #ffffff;
	color: #ff0000;
	text-align: center;
	border: 1px solid #ec8c7c !important;
}

.hlavniPanel form tr.zprava td strong {
	color: #ff0000;
}

.hlavniPanel form tr.h1 {
	font-weight: bold;
}

.hlavniPanel form tr.oddelovac td {
	border: none;
}

.hlavniPanel form tr.submit2 td {
	font-size: 11px;
	color: #666666;
	border: none;
}

.hlavniPanel form input.text {
	width: 250px;
	border: 1px solid #bdd4bd;
	background: #f4fdf4;
}

.hlavniPanel form textarea {
	width: 300px;
	height: 50px;
	border: 1px solid #bdd4bd;
	background: #f4fdf4;
}

.hlavniPanel form input.submit {
	width: 110px;
	padding: 5px;
	font-size: 11px;
	color: #333333;
}



/* komponentaPatokIndex */

.komponentaPatokIndex {
	list-style-type: none;
	display: block;
	position: absolute;
	padding: 0px;
	margin: 0px;
	left: 0px;
	top: -24px;
	width: 1024px;
	height: 430px;
	background: #def9de url("komponenta-index/bg.png") scroll no-repeat left top;
}

.komponentaPatokIndex .i1a {
	list-style-type: none;
	display: block;
	position: absolute;
	left: 4px;
	top: 33px;
	width: 450px;
	height: 397px;
}

.komponentaPatokIndex .i1a a {
	display: block;
	width: 450px;
	height: 397px;
	background: #def9de url("komponenta-index/i1a.png") scroll no-repeat left top;
}

.komponentaPatokIndex .i1b {
	list-style-type: none;
	display: block;
	position: absolute;
	left: 156px;
	top: 0px;
	width: 298px;
	height: 33px;
}

.komponentaPatokIndex .i1b a {
	display: block;
	width: 298px;
	height: 33px;
	background: #def9de url("komponenta-index/i1b.jpg") scroll no-repeat left top;
}

.komponentaPatokIndex .i2 {
	list-style-type: none;
	display: block;
	position: absolute;
	left: 470px;
	top: 2px;
	width: 517px;
	height: 224px;
}

.komponentaPatokIndex .i2 a {
	display: block;
	width: 517px;
	height: 224px;
	background: #def9de url("komponenta-index/i2.png") scroll no-repeat left top;
}

.komponentaPatokIndex .i3 {
	list-style-type: none;
	display: block;
	position: absolute;
	left: 468px;
	top: 239px;
	width: 255px;
	height: 191px;
}

.komponentaPatokIndex .i3 a {
	display: block;
	width: 255px;
	height: 191px;
	background: #def9de url("komponenta-index/i3.jpg") scroll no-repeat left top;
}

.komponentaPatokIndex .i4 {
	list-style-type: none;
	display: block;
	position: absolute;
	left: 736px;
	top: 239px;
	width: 251px;
	height: 191px;
}

.komponentaPatokIndex .i4 a {
	display: block;
	width: 251px;
	height: 191px;
	background: #def9de url("komponenta-index/i4.jpg") scroll no-repeat left top;
}

.komponentaSEO {
  overflow: auto;
	list-style-type: none;
	display: block;
	position: absolute;
	padding: 0px;
	margin: 0px;
	left: 0px;
	top: 430px;
	width: 1024px;
	height: 720px;
	background: none;
}

.komponentaSEO .i5 {
	list-style-type: none;
	display: block;
	position: absolute;
	left: 5px;
	top: 0px;
	width: 980px;
	height: 920px;
}
.subtitle_h2 {color: #000000 !important; font-size:13px !important;font-weight:bold;margin-top:4px !important}




.backlinks {
  width: 900px; margin: 0 auto;
}

