/* 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: 13px;
  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;}

h1.prvni{margin: 0px; font-size: 24px; color: #000066; letter-spacing: 0.0em; margin-bottom: 10px;}
h1.prvni.homepage{text-align: center;}
#toplinks{display:none;}

#container{margin: 0px auto; background-color: white; text-align: left; border: 0px solid blue;}
#container_odsazeni{padding: 5px 5px 5px 5px;}
#headerline{position: absolute; background: transparent url('headerline.jpg') repeat-x scroll 0px -17px; z-index: -100; height:254px; width: 100%; top: 0px; left: 0px;}
#header{width: 100%; height: 201px; text-align: left;}
  #header .hotlineplace{font-size: 11px; font-weight: bold; text-align: left; width: 330px; display: block; float: right; line-height: 15px; margin: 2px 10px 0px 0px; color: #000;}
  #hlavicka .odsazeni .clicktohome{width: 310px; height: 125px;}
  #hlavicka .odsazeni .clicktohome a img{width: 100%; height: 100%;}
  #header .socico{display:none;}
  #header .h_add{display:none;}
     
#mainmenu{position: absolute; top: 195px; border-top: 1px solid white; z-index: 50; height: 40px; width:960px; background: black url('menu.jpg') repeat-x 0% 0%;}
/*#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;}*/

#crumbs{margin-top: 15px; padding: 3px; background-color: #eee; font-size: 11px;}
  #crumbs .breads{}
  #crumbs .breads a{} 
  #crumbs .breads a:hover{}
  #crumbs .breads span{}

#main_div{width: 100%; display: block; background: white url('middle.png') repeat-y 0% 50%;}
#main_div .odsazeni{padding: 3px 20px 20px 20px;}
#main_div .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_div .odsazeni .str-nadpis1{display: block;}
#main_div .odsazeni .str-nadpis2{display: none;}

#footer{background: transparent url('footer.jpg') no-repeat scroll 0% 0%; font-size: 11px; color: white; clear:both;}
#footer{height: 60px;}
#footer table{height: 60px; width: 100%;}
  #footer td ul{}
  #footer td ul li{float:left; display: block; padding: 2px 5px 2px 5px; border-right: 1px solid #666;}
  #footer td{font-size: 11px; vertical-align: middle; padding: 5px 20px 5px 20px;}
  #footer td a{color: silver;}
  #footer td a:hover{color: #FFF;} 
  #footer td.sign{text-align: right;}
  #footer .f_add{position: absolute; width: 20px; margin: 23px 2px 2px 3px;}

#mapa{width: 700px; margin: 0 auto;}

#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;}

.divider{width: 100%; margin-top: 35px; color: white; clear: both; background-color: #000099; border-top: 1px solid white; font-weight: bold; line-height: 20px;}

#homebox{padding: 0px; margin: 0px; width: 100%; background: white url('uvod-motiv-top.jpg') no-repeat 0% 0%; border-top: 1px solid white; clear:both;}
/*#homebox .homeimage{width: 100%; height: 350px;}*/
#homebox .odsazeni{background: white url('uvod-motiv-bottomX.jpg') no-repeat 0% 100%; clear:both;}
#homebox .odsazeni .obsah_adv_class{background-color: transparent;}
#homebox .homeimage{width: 100%; height: 100px;}
#homebox .homeimage2{width: 100%; height: 20px;}
#homebox .animace{height: 150px; width: 961px; float: left; border-top: 1px solid white; border-bottom: 1px solid white; clear:both;}
#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: 480px; margin-top: -5%; border-right: 1px solid white;}
#homebox .animace .nonelist li .croped a img.druhy{width: 479px; margin-top: -5%; border-right: 0px 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 700px; z-index: 11;}                
#homebox .animace #home-text-poptavka{position: absolute; margin-left: 631px;}
        
#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; border: 1px solid white;}
#reference_buttons a.button2{padding: 0px; margin: 10px; display: block; float: right; width: 320px; height: 100px; border: 1px solid white;}
#reference_buttons a.button1:hover{}
#reference_buttons a.button2:hover{}
#reference_buttons a.button1.selected{}
#reference_buttons a.button2.selected{}

#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: 3px 5px 3px 2px;}
#reference #list td{background-color: #eee; padding: 3px 5px 3px 2px; border-bottom: 1px dotted #c1c1c1;}

.stretch{width: 970px;}