html, body {
  margin: 0px;
  padding: 0px;
  height: 100%;
}

a {
	color: #0586c7;
	text-decoration: underline;
	font-weight: normal;
}

a:hover {
	text-decoration: underline;
	color: #53bdf3;
}


body {
  font-family: "Arial";
	font-size: 13px;
	color: #333333;
  line-height: 1.3;
	text-align: center;
	height: 100%;
	background: #3E7DA6 url('../images/center-bg.jpg') center top repeat;
}


h1 {
	font-size: 24px;
	color: #0586c7;
	font-weight: bold;
}


h2 {
	font-size: 13px;
	color: #0586c7;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	text-decoration: none;
}

h3 {
    font-size: 14px;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}

h4 {
    font-size: 12px;
}

img {
    border: none;
}

table, td, th, tr {

}

table {
border-collapse: collapse;
font-size: 12px;
}

table td{
vertical-align: top;
}

p {
margin: 12px 0px 16px 0px;
}

table p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

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

ul li {
padding: 0px 0px 0px 12px;
margin: 0px 0px 12px 0px;
background: transparent url('../images/odrazka.jpg') left 5px no-repeat;
}

.center {text-align: center; margin: auto;}
.down {margin-top: 16px;}
.cleaner {clear: both;}

#containerMainWrapper {
background: transparent url('../images/top-bg.jpg') center top repeat-x;
min-height: 100%;
height: 100%;
position: relative;
text-align: center;
}

body>#containerMainWrapper {
 height: auto;
}

#containerMain {
margin-left: auto;
margin-right: auto;
width: 961px;
text-align: left;
padding-bottom: 150px;

}

body>#containerMain {

}

#containerFooterWrapper {
overflow: hidden;
position: absolute;
bottom: 0px;
background: transparent url('../images/footer-bg.jpg') center bottom repeat-x;
height: 135px;
width: 100%;
}

#containerFooter {
margin-left: auto;
margin-right: auto;
width: 960px;
color: white;
text-align: left;

}

#containerFooter p {
margin-top: 40px;
margin-left: 0px;
text-align: center;
}

#containerTop {
position: relative;
height: 240px;
}

#containerBottomWrapper {
margin: 0px 0px 0px 0px;
padding-bottom: 40px;
}

.verticalLine {
background: transparent url('../images/line-px.jpg') 762px 0px repeat-y;
}

#containerContentWrapper {
float: left;
margin-right: 50px;
}

#containerContent {
margin: 35px 0px 0px 46px;
min-height: 550px;
}

#containerContent p {
margin: 12px 0px 16px 0px;
}

#containerContent table {
}

#containerContent table td{
}

#containerContent table th{
}

#containerNews {
background-color: #272726;
border: 1px solid #363430;
padding: 15px 15px 15px 15px;
margin-top: 30px;
}

#containerNews a {
display: block;
padding-left: 30px;
background: transparent url('../images/odrazka.jpg') left bottom no-repeat;
margin-bottom: 8px;
}

#containerRight {
float: left;
width: 168px;
margin-bottom: 50px;
padding-top: 10px;
}

#containerRight div {
float: left;
}


.aktualita {
margin-bottom: 8px;
background-color: #e6f1f6;
}

.aktualita p {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
float: left;
width: 580px;
}

.aktualita .datum {
float: left;
font-style: italic;
margin: 14px 25px 0px 15px;
}

.aktualita h2 {
font-size: 11px;
color: #d40000;
margin: 10px 0px 5px 0px;
font-weight: bold;
text-decoration: none;
}

#logo {
position: absolute;
left: 0px;
top: 0px;
}

#hlavicka {
position: absolute;
left: 350px;
top: 171px;
color: #edebe8;
padding: 0px;
margin-left: 0px;
}

#topMenu {
position: absolute;
left: 200px;
top: 14px;
width: 750px;
}

#topMenu a {
display: block;
width: 100px;
float: left;
padding: 0px 0px 0px 0px;
text-decoration: none;
text-align: center;
color: white;
border-left: 1px solid #365169;
position: relative;
}

#topMenu a:first-child {
border-left: none;
}

#topMenu a.active, #topMenu a:hover {
color: #53bdf3;
}

#topMenu a#lang {
width: 36px;
border: none;
text-align: right;
position: absolute;
right: 0px;
}

#bottomMenu {
position: absolute;
left: 14px;
top: 173px;
}

#bottomMenu a {
display: block;
float: left;
padding: 0px 0px 0px 0px;
text-decoration: none;
}

#bottomMenu a#ppo_cz {
width: 260px;
height: 60px;
background: transparent url('../images/protipovodnova-opatreni.jpg') left top no-repeat
}

#bottomMenu a#ppo_cz:hover {
background: transparent url('../images/protipovodnova-opatreni-over.jpg') left top no-repeat
}

#bottomMenu a#hydro_cz {
width: 262px;
height: 60px;
background: transparent url('../images/hydrotechnicke-stavby.jpg') left top no-repeat
}

#bottomMenu a#hydro_cz:hover {
background: transparent url('../images/hydrotechnicke-stavby-over.jpg') left top no-repeat
}

#bottomMenu a#geo_cz {
width: 243px;
height: 60px;
background: transparent url('../images/geotechnicke-stavby.jpg') left top no-repeat
}

#bottomMenu a#geo_cz:hover {
background: transparent url('../images/geotechnicke-stavby-over.jpg') left top no-repeat
}

#bottomMenu a#inz_cz {
width: 145px;
height: 60px;
background: transparent url('../images/inzenyring.jpg') left top no-repeat
}

#bottomMenu a#inz_cz:hover {
background: transparent url('../images/inzenyring-over.jpg') left top no-repeat
}


/*ENGLISH*/

#bottomMenu a#ppo_en {
width: 260px;
height: 60px;
background: transparent url('../images/flood-protection-solutions.jpg') left top no-repeat
}

#bottomMenu a#ppo_en:hover {
background: transparent url('../images/flood-protection-solutions-over.jpg') left top no-repeat
}

#bottomMenu a#hydro_en {
width: 262px;
height: 60px;
background: transparent url('../images/hydrotechnical-constructions.jpg') left top no-repeat
}

#bottomMenu a#hydro_en:hover {
background: transparent url('../images/hydrotechnical-constructions-over.jpg') left top no-repeat
}

#bottomMenu a#geo_en {
width: 243px;
height: 60px;
background: transparent url('../images/geotechnical-constructions.jpg') left top no-repeat
}

#bottomMenu a#geo_en:hover {
background: transparent url('../images/geotechnical-constructions-over.jpg') left top no-repeat
}

#bottomMenu a#inz_en {
width: 180px;
height: 60px;
background: transparent url('../images/engineering.jpg') left top no-repeat
}

#bottomMenu a#inz_en:hover {
background: transparent url('../images/engineering-over.jpg') left top no-repeat
}

.leftMenuItem {
background-color: #0d4a63;
color: #63a1bb;
border-bottom: 1px solid #88becf;
height: 130px;
position: relative;
}

.leftMenuItem a {
display: block;
color: white;
text-decoration: none;
font-size: 18px;
padding: 12px 20px 0px 12px;


}

.leftMenuItem span {
display: block;
position: absolute;
bottom: 12px;
left: 12px;
width: 140px;
font-size: 12px;
}


legend {
color: #990005;
}

.formtextarea {
width: 171px;
_width: 172px;
height: 150px;
font-family: "Verdana";
margin-left: 0px;
font-size: 11px;
}

/*.def {
width: 150px;
margin-right: 15px;
}*/

.pol {
	float:left;
	display:inline;
	margin-bottom:3px;
	width: 180px;
}

.def {
	float:left;
	display:inline;
	clear: both;
	margin-bottom:3px;
	margin-left:5px;
	width: 125px;
}

.under {
	clear:both;
	font-size:10px;
	font-style:italic;
	margin-left:130px;
	width:200px;
	margin-bottom:5px;
}


.galerie {
padding: 0px;
}

.galerie td {
background-color: #F4F7DB;
text-align: center;
vertical-align: middle;
padding: 0px;
}

.galerie .predel td{
background-color: white;

}

.galerie img {
width: 150px;
_width: 148px;
margin: 10px 0px 10px 0px;
padding: 0px;
border: 1px solid white;

}/**/

#hornimenu {
border: 1px solid black;
margin: 0px 0px 10px 0px;
}

#hornimenu a {
margin: 0px 10px 0px 10px;
}

#hlavni {
}

.sprava {
width: 95%;
border: 1px solid black;
}

.sprava th {
font-weight: bold;
border: 1px solid black;
text-align: center;
padding: 4px;
}

.sprava td {
border: 1px solid black;
padding: 4px;
}

#strankovani {
margin: 10px;
float: right;
}

.vpravo {
float: right;
}

#aktplocha, #edaktplocha {
width: 666px;
height: 400px;
}

#editplocha, #ededitplocha {
width: 666px;
height: 400px;
}

.formtextlong {
width: 350px;
}

#mapa {
width: 400px;
height: 300px;
border: 2px solid #C6C6C6;
margin-left: 8px;
}

.ilustrace {
float: right;
margin-left: 20px;
border: 6px solid #e6f1f6;
}

.reference-photos {
float: right;
}

.reference-photos img{
display: block;
margin-bottom: 6px;
margin-left: 10px;
}

.reference{
margin-right: 50px;
}

.reference td{
width: 50%;
vertical-align: top;
padding-top: 6px;
padding-bottom: 6px;
}

.reference .head{
font-weight: bold;
background: none;
color: #0586c7;
text-align: left;
}