body, td, th, a, li {
  font-family: Verdana, "times new roman", sans-serif;
  font-size:12px;
}

body{
  text-align: center;
  background-color:#b0c4de;
}

h1, h2, h3 {
  font-family: Arial;
  font-weight:bold;
}

h1 {font-size: 17px; color:#D40014}
h2 {font-size: 15px; color:#1700C6}
h3 {font-size: 13px; color:#000}

p{
  text-align:left;
  font-size:12px;
  padding:5px;
}

p.text{
  text-indent: 20px;
  text-align:justify;
  font-size:12px;
  padding:5px;
  line-height:16px;
}

p.text1{
  text-align:justify;
  font-size:12px;
  padding:5px;
  padding-left:20px;
  line-height:16px;
  color:#777;
}

p.textBlack{
  text-align:justify;
  font-size:12px;
  padding:5px;
  padding-left:20px;
  line-height:16px;
  color:#000;
}


img{
  border:0;
  margin:0;
  padding:0;
}

a.classic, a.classic:link, a.classic:hover, a.classic:active, a.classic:visited{
  font-size: 12px;
  color: #2D0BFD;
  text-decoration:underline;
}

a.classic:hover {color: #C0001B}


.heading{
  margin: 15px auto 0 auto;
  width:933px;
  height:100px;
  background: #577AFB url('../grafika/head.jpg') 0 0 no-repeat;
  text-align:left;
}

.odkazHome {
  position:absolute;
  margin-left:5px;
  margin-top:0px;
  width:100px;
  height:100px;
  z-index:3;
}

#nadpisHead{
  position:absolute;
  color:#ddd;
  margin:0 0 0 0;
  padding:9px 0 0 0;
  width:933px;
  height:25px;
  font-weight:bold;
  font-size:12px;
  z-index:1;
  text-align:center;
  border:0px white solid
  }

#languages{
  position:relative;
  float:right;
  margin-top:9px;
  width:70px;
  height:16px;
  z-index:5;
}

form.displayNone{
  display:none;
}

.navbar1{
  margin: 3px auto 3px auto;
  padding: 2px 0 0 5px;
  width:928px;
  _width:928px;
  height:16px;
  _height:16px;
  /*border-top:2px #000066 solid;*/
  /*border-bottom:1px #444 dashed;*/
  text-align:left;
  font-size:11px;
  background-color:#FFF;
}

a.Anav1, a.Anav1:link, a.Anav1:active, a.Anav1:hover, a.Anav1:visited{
  font-size:11px;
  text-decoration:underline;
  color:#006699;
}

.mainbody{
  margin: 0 auto 0 auto;
  width:933px;
  _width:933px;
  min-height:500px;
  _height:500px;
  overflow: visible;
  border:0px #fff solid;
  background-color:#DDD;
}

.clearing{
  width:99%;
  height:1px;
  font-size:1px;
  line-height:1px;
  clear:both;
  visibility:hidden;
}

.clearingBorder{
  width:99%;
  font-size:2px;
  height:3px;
  _height:5px;
  clear:both;
  background-color:#577AFB;
  border:1px #ccc solid;
  margin-bottom:10px;
  margin-top:10px;
}

.clearing50{
  width:99%;
  height:50px;
  clear:both;
  visibility:hidden;
}

.clearing20{
  width:99%;
  height:20px;
  clear:both;
  visibility:hidden;
}

.clearing10{
  width:99%;
  height:10px;
  clear:both;
  visibility:hidden;
}

.leftside{
  float:left;
  width:150px;
  min-height:600px;
  text-align:left;
  background-color:#DDD;
  border:0px #000 solid;
}

h2.boxHead{
  font-size:14px;
  color:#D40000;
  text-align:center;
  margin:0;
  padding:0;
  margin-top:10px;
  margin-bottom:10px;
}


#menu ul{
  list-style:none;
	margin: 0 0 15px 0px;
	padding: 0 0 0 0;
	text-align:left;
}

#menu li{
  margin: 0 0 0 0;
  padding: 7px 0 3px 0px;
  height:23px;
  _height:23px;
  
}

a.MenuA, a.MenuA:link, a.MenuA:active, a.MenuA:visited{
  position:absolute;
  font-size:13px;
  color:#000;
  width:140px;
  _width:140px;
  padding:7px 0 0 10px;
  height:23px;
  _height:23px;
  background: #FFF url('../grafika/pik_button.jpg') 0 0 no-repeat;
  text-decoration:none;
}

a.MenuA:hover{
   position:absolute;
   font-size:13px;
   color:#CC0000;
   width:140px;
   _width:140px;
   padding:7px 0 0 10px;
   height:23px;
   _height:23px;
   background: #FFF url('../grafika/pik_button_hover.jpg') 0 0 no-repeat;
   text-decoration:none;
}



#loginBox{
  position:relative;
  width:140px;
  height:auto;
  padding:5px;
  border:0px #FF0 dashed;
}

#loginForm input{
  width:100px;
  _width:100px;
  height:18px;
  _height:18px;
  margin-bottom:3px;
}

#loginForm #button{
  width:80px;
  height:20px;
  margin-top:3px;
  font-size:12px;
  float:right;
}
 
a#heslo, a#heslo:link, a#heslo:active, a#heslo:visited, a#heslo:hover{
  font-size: 11px;
  color: #AAA;
  text-decoration:underline;
}

.redMarked{
  position:relative;
  width:100%;
  color:red;
}

/* odkomentuj pro pravy sloupec
.rightside{
  

}
*/

.navbar2{
  float:right;
  width:772px;
  _width:772px;
  height:12px;
  _height:12px;
  text-align:left;
  padding: 12px 0 10px 10px;
  background-color:#fff;
}

.content{
  float:right;
  width:769px;
  _width:769px;
  min-height:535px;
  _height:535px;
  padding:0 8px 35px 5px;
  background-color:#fff;
  z-index:3;
  text-align:left;
}

.contentUvod{
  float:right;
  width:769px;
  _width:769px;
  min-height:535px;
  _height:535px;
  padding:0 8px 35px 5px;
  z-index:2;

}

.PodkladAktuality{
   position:absolute;
   width:733px;
   height:500px;
   background: transparent url("../grafika/budova.jpg") no-repeat 100% 80%; filter: alpha(opacity=50); -moz-opacity: 0.50; KhtmlOpacity: .50; opacity: .50; 
   z-index:0;
}

.PodkladAktualityTrasnparent{
   position:absolute;
   width:733px;
   height:500px;
   background: transparent url("../grafika/budova.jpg") no-repeat 100% 80%; filter: alpha(opacity=30); -moz-opacity: 0.30; KhtmlOpacity: .30; opacity: .30; 
   z-index:0;

}


.Podklad2D3DTransparent{
   position:absolute;
   width:733px;
   height:500px;
   background: transparent url("../grafika/dostal_2D-3D.jpg") no-repeat 60% 60%; filter: alpha(opacity=5); -moz-opacity: 0.05; KhtmlOpacity: .05; opacity: .05; 
}

.Podklad2D3D{
   position:absolute;
   width:733px;
   height:500px;
   background: transparent url("../grafika/dostal_2D-3D.jpg") no-repeat 60% 60%; filter: alpha(opacity=30); -moz-opacity: 0.30; KhtmlOpacity: .30; opacity: .30; 
}


.PodkladKontakty{
   position:absolute;
   width:733px;
   height:500px;
   background: transparent url("../grafika/dostal_kontakty.jpg") no-repeat 100% 9%; filter: alpha(opacity=90); -moz-opacity: 0.90; KhtmlOpacity: .90; opacity: .90; 
   z-index:0;
}

.PodkladReference{
   position:absolute;
   width:733px;
   height:500px;
   background: transparent url("../grafika/dostal_reference.jpg") no-repeat 100% 80%; filter: alpha(opacity=50); -moz-opacity: 0.50; KhtmlOpacity: .50; opacity: .50; 
   z-index:0;
}

.PodkladReferenceTransparent{
   position:absolute;
   width:733px;
   height:500px;
   background: transparent url("../grafika/dostal_reference.jpg") no-repeat 100% 80%; filter: alpha(opacity=05); -moz-opacity: 0.05; KhtmlOpacity: .05; opacity: .05; 
   z-index:0;
}

.PodkladServis{
   position:absolute;
   width:733px;
   height:600px;
   background: transparent url("../grafika/dostal_servis.jpg") no-repeat 100% 85%; filter: alpha(opacity=90); -moz-opacity: 0.90; KhtmlOpacity: .90; opacity: .90; 
   z-index:0;
}

h2.contentH2red {
  width:99%;
  font-size:14px;
  color:#CC0000;
  font-weight:bold;
  border-bottom:1px #aaa solid;
  padding-left:7px;
  margin-bottom:10px;
  text-align:left;
  padding-bottom:5px;
}

h2.contentH2redNoBorder {
  width:98%;
  font-size:16px;
  color:#CC0000;
  font-weight:bold;
  padding-left:7px;
  margin-bottom:10px;
  text-align:left;
  padding-bottom:5px;
}

h2.contentH2blue {
  width:99%;
  font-size:14px;
  color:#2177CF;
  font-weight:bold;
  border-bottom:1px #aaa solid;
  padding-left:7px;
  margin-bottom:10px;
  text-align:left;
  padding-bottom:5px;
}

h2.contentH2blue75p {
  position:relative;
  width:75%;
  float:left;
  font-size:14px;
  color:#2177CF;
  font-weight:bold;
  border-bottom:1px #aaa solid;
  padding-left:7px;
  margin-bottom:10px;
  text-align:left;
  padding-bottom:5px;
}


h2.contentH2 {
  position:relative;
  width:99%;
  font-size:14px;
  color:#2177CF;
  font-weight:bold;
  border-bottom:1px #aaa solid;
  padding-left:7px;
  margin-bottom:10px;
  text-align:left;
  padding-bottom:5px;
}



h2.contentH2blue1 {
  width:98%;
  font-size:14px;
  color:#0C56A2;
  font-weight:bold;
  padding-left:7px;
  margin-bottom:10px;
  text-align:left;
}


h3.contentH3 {
  font-size:14px;
  color:#336699;
  font-weight:bold;
  padding-left:7px;
  text-align:left;
}

span.dateH2{
  font-size:11px;




  color:#777;
  padding-top:2px;
  margin-bottom:10px;
  z-index:2;
  font-weight:normal;
}

.footer{
  position:relative;
  clear:both;
  margin: 0 auto 0 auto;
  width:933px;
  _width:933px;
  height:30px;
  /*border:1px #fff solid;*/
  background: #0033BB url('../grafika/footer.jpg') 0 0 no-repeat;
  /*background-color:#0033BB;*/
  text-align:right;
}

span.footerText{
  position:relative;
  float:right;
  padding-top:8px;
  padding-right:10px;
  width:300px;
  height:25px;
  border:0px black solid;
  color: #fff;
  font-size:12px;
}

a.footerLink, a.footerLink:link, a.footerLink:active, a.footerLink:hover, a.footerLink:visited{
  font-weight:bold;
  text-decoration:underline;
  font-size:12px;
  color: #fff;
}
	

/*textova cast*/
.item {
  position:relative;
  clear:both;
  width:748px;
  height:auto;
  padding: 10px 5px 10px 5px;
  border-bottom:1px #999 solid;
}


.itemNoBorder{
  position:relative;
  clear:both;
  width:748px;
  height:auto;
  padding: 0 5px 10px 5px;
  margin-top: 10px;
}

ul.list {
  list-style:square;
	margin: 15px 0 15px 0px;
	padding: 0 0 0 20px;
	text-align:left;
}

ul.list li{
   margin: 0 0 0 0;
   padding: 7px 0 0 7px;
   height:20px;
}

span.grayColor{
  color:#ccc;
  font-size:11px;
}

ul.basic{
  padding:0 0 0 0;
  margin-left:30px;
  list-style:square;
}

ul.basic li{
  text-align:left;
  padding:0 0 0 0;
}

ul.basic li ul.second{
   text-align:left;
   padding-top:5px;
   padding-bottom:5px;
   margin-left:20px;
   list-style:circle;
}

/*textova cast*/

/*administraticni cast*/
.operace{
  position:relative;
  clear:both;
  width:100%;
  height:25px;
  text-align:right;
}

#edituj{
  width:60px;
  height:20px;
  background-color:#DACA1C;
  padding:5px;
  color:#000;
  text-decoration:none;
  text-align:center;
}

#smaz{
  width:60px;
  height:20px;
  background-color:#DA401C;
  padding:5px;
  color:#000;
  text-decoration:none;
  text-align:center;
}
/*administraticni cast*/

/*aktuality*/
.itemAktuality{
  position:relative;
  float:left;
  width:79%;
  height:auto;
  margin: 10px 0 10px 0;
}

.aktualityIMG{
  position:relative;
  float:right;
  width:auto;
  height:auto;
  text-align:center;
  border:1px #006699 solid;
  margin: 10px 0 0 0;
  padding: 10px;
  right:7px;
  background:#efefef;*
}
/*aktuality*/

.hiddenFotoInput{
  display:none;
  width:100%;
  height:20px;
  left:0;
}

.showFotoInput{
  display:block;
  width:100%;
  height:20px;
  left:0;
}

.alignCenter{
  text-align:center;
}