/* CSS Document */
body, div, p, li, td, th, a, img, hr{padding: 0px; margin: 0px;}
hr, h1, h2, h3, h4, h5{padding: 0px; margin: 5px 0px 5px 0px; }
body {
  text-align: center; /*Vycentrování pro IE*/
  font-family: verdana, sans-serif; font-size: 12px;
  overflow: auto;
  background: #ddd url(bottom.jpg) no-repeat scroll 50% 100%;
  color: #000066;
  padding: 30px 0px 50px 0px;}
  
th, td{vertical-align: top; text-align: left;}
  
a, .umely_odkaz{color: #0000FF; }
.umely_odkaz{cursor: pointer; }
a:hover, .umely_odkaz:hover{color: #FF0000;}
a img{border: 0px;}

h1{line-height: 40px; font-size: 23px; vertical-align: middle;}
h2{line-height: 40px; font-size: 23px; vertical-align: middle;}
h3{line-height: 25px; font-size: 17px; vertical-align: middle;}
h4{line-height: 22px; font-size: 15px; vertical-align: middle;}
h5{line-height: 20px; font-size: 14px; vertical-align: middle;}

fieldset{background-color: #eee;  margin: 5px 20px 5px 20px; text-align: left;}
legend{color: gray;}
textarea, input{font-family: Tahoma, sans-serif;}

#horni-pozadi{position: absolute; top: 0px; left: 0px; width: 100%; height: 250px; background: transparent url('hornipozadi.jpg') repeat-x 0px -17px; z-index: -1; }
#container{width: 970px; background-color: white; margin: 0px auto; text-align: left;}
  #container .ramecek{width: 960px; padding: 5px 5px 5px 5px; }
 
#hlavicka{width: 100%; height: 160px; background: white url('hlavicka.jpg') no-repeat 0% 0%; }
  #hlavicka .odsazeni{padding: 5px;}
  #hlavicka .odsazeni .links{padding: 0px 155px 0px 0px; text-align: right; font-size: 11px;}
  #hlavicka .odsazeni .clicktohome{width: 310px; height: 125px;}
    #hlavicka .odsazeni .clicktohome a img{width: 100%; height: 100%;}

#menu{width: 100%; height: 40px; border-top: 1px solid white; background: black url('menu.jpg') repeat-x 0% 0%;}
  #menu .odsazeni{padding: 0px;}
  #menu .odsazeni ul{ width: 100%; margin: 0px; padding: 0px; } /*#3333cc*/
  #menu .odsazeni ul li{vertical-align: middle; float: left; list-style-type: none; margin: 0px; padding: 0px; }
  #menu .odsazeni ul li a{display: block; text-decoration: none; font-size: 12px; color: white; font-weight: bold; margin: 0px; padding: 0px 10px 0px 10px; height: 40px; line-height: 40px; }
  #menu .odsazeni ul li a:hover{color: white; background: #3333cc url('menu_hoverA.jpg') repeat-x 0% 0%; }
  #menu .odsazeni ul li a.selected{ background: white url('menu_sel.jpg') repeat-x 0% 0%; color: #3333cc;}

#podmenu{width: 100%; background-color: #CCCCCC; }
  #podmenu .odsazeni{padding: 5px 0px 5px 0px; border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black;}
  #podmenu .odsazeni ul{margin: 0px; padding: 0px 0px 0px 20px;}
  #podmenu .odsazeni ul li{vertical-align: middle; list-style-type: square; }
  #podmenu .odsazeni ul li a{font-size: 13px; color: blue; font-weight: bold;}
  #podmenu .odsazeni ul li a:hover{color: red; }
  #podmenu .odsazeni ul li a.selected{color: red;}
  
#main{width: 100%; display: block; background: white url('middle.png') repeat-y 0% 50%;}
  #main .odsazeni{padding: 3px 20px 20px 20px;}
  #main .drobky{margin: 10px 3px 10px 3px; padding: 3px; background-color: #eee; font-size: 11px;}
  #main .odsazeni .divider{width: 100%; margin-top: 35px; color: white; clear: both; background-color: #000099; border-top: 1px solid white; font-weight: bold; line-height: 20px;}
  #main .odsazeni .str-nadpis1{display: block;}
  #main .odsazeni .str-nadpis2{display: none;}
  
#footer{width: 100%; overflow: visible; background: white url('footer.jpg') no-repeat 0% 0%; font-size: 11px; color: white; border-top: 1px solid white;}
  #footer .odsazeni{padding: 23px 20px 20px 20px;}
  #footer .odsazeni a{color: silver;}
    #footer .odsazeni a:hover{color: red;}
  #footer .odsazeni .right{ float: right;}
  #footer .odsazeni .texts{display: block; text-align: left;}

#homebox{padding: 0px; margin: 0px; width: 100%; background: white url('uvod-motiv.jpg') no-repeat 0% 0%; border-top: 1px solid white; height: 500px;}
  #homebox p{display: none;}
  #homebox h1{display: none;}  
  #homebox .homeimage{width: 100%; height: 350px;}
  #homebox .animace{height: 150px; width: 632px; float: left; border-top: 1px solid white;}
    #homebox .animace .nonelist li{list-style-type: none;}
      #homebox .animace .nonelist li .croped{ height: 150px; width: 100%; overflow: hidden; }
        #homebox .animace .nonelist li .croped a img{width: 315px; margin-top: -5%; border-right: 1px solid white;}
        #homebox .animace #home-text-a{position: absolute; z-index: 10;}
        #homebox .animace #home-text-b{position: absolute; margin: 0px 0px 0px 410px; z-index: 11;}
        #homebox .animace #home-text-ref{position: absolute; margin: 120px 0px 0px 372px; z-index: 11;}                
        #homebox .animace #home-text-poptavka{position: absolute; margin-left: 631px;}
        
#box-fotografie{clear: both; padding-top: 20px; text-align: center;}
#box-partneri{clear: both; padding-top: 5x; text-align: center;}
  #box-partneri img{margin: 15px;}

#tab-oprava-fotografie{clear: both; padding-top: 20px;}
  #tab-oprava-fotografie th{padding: 10px;}
  #tab-oprava-fotografie td{padding: 3px;}  

#mapa{text-align: center;}
#formular legend{color: #000066}
#formular .tab_formular th{width: 300px; padding: 4px;}
#formular .tab_formular td{ padding: 4px;}

#reference_buttons{text-align: center; height: 120px; width: 700px; margin: 0 auto;}
  #reference_buttons a.button1{padding: 0px; margin: 10px; display: block; float: left; width: 320px; height: 100px; background: white url('typ_panel.jpg') no-repeat 0% 0%; border: 1px solid white;}
  #reference_buttons a.button2{padding: 0px; margin: 10px; display: block; float: right; width: 320px; height: 100px; background: white url('typ_prumysl.jpg') no-repeat 0% 0%; border: 1px solid white;}
    #reference_buttons a.button1:hover{background: white url('typ_panel_hover.jpg') no-repeat 0% 0%; }
    #reference_buttons a.button2:hover{background: white url('typ_prumysl_hover.jpg') no-repeat 0% 0%;}
    #reference_buttons a.button1.selected{background: white url('typ_panel_sel.jpg') no-repeat 0% 0%;}
    #reference_buttons a.button2.selected{background: white url('typ_prumysl_sel.jpg') no-repeat 0% 0%;}

#reference{width: 80%; margin: 0 auto;}
  #reference a img{ padding: 2px;  }
  #reference .divider2{width: 100%; color: white; background-color: #999; border-top: 1px solid white; font-weight: bold; line-height: 20px;}
  #reference .divider2 a img{vertical-align: middle; padding: 0px 5px 0px 5px; }
  #reference #list th{line-height: 20px; background-color: #999; padding: 2px;}
  #reference #list td{background-color: #eee; padding: 2px;}
    
.comment{color: gray; font-style: italic;}
.schovany{display: none;}
.licha{background-color: #eee;}          
.odsazeni{padding: 10px;}
.odsazeniramecek{margin: 7px;}
.cleaner{clear: both;}
.false{color: red;}
.true{color: royalblue;}
.info{color: #0066FF;}
.big-button{font-size: 17px; font-weight: bold; padding: 3px; color: #FF6600;}