body,p,ul,ol,li{padding: 0px; margin: 0px;}

body{
  font-family: Tahoma, sans-serif; font-size: 12px;
  background-color: #002C67;
  text-align: center; /*Vycentrování pro IE #CC3300 body_bg */
  color: #79B9D5;
}

table{ border-spacing: 0; border-collapse: collapse; } 
th, td{font-size: 12px;}

ul{list-style: none;}
li{}

a, .umely_odkaz{text-decoration: underline; color: #BC3001;}
a:hover, .umely_odkaz:hover{color: #FF6600;}
a img{border: 0px;}

h1{font-size: 25px; margin: 10px 0px 8px 0px; }/*padding-left: 30px; background: transparent url('h1.jpg') no-repeat scroll 0% 50%; color: #EE3200;*/
h2{ font-size: 22px; line-height: 24px; margin: 10px 0px 5px 0px;}
h3{ font-size: 20px; line-height: 22px; margin: 8px 0px 4px 0px;}
h4{ font-size: 18px; line-height: 20px; margin: 6px 0px 3px 0px;}
h5{ font-size: 15px; line-height: 17px; margin: 4px 0px 2px 0px;}
h6{ font-size: 14px; line-height: 16px; margin: 2px 0px 1px 0px;}

h1, h2, h3, h4, h5, h6{color: #FFF;} /*EE3200*/

input, select, textarea{ font-family: Tahoma, sans-serif; font-size: 12px;}

pre{float: left; text-align: left;}

#container{margin: 0 auto; background: transparent url('cont-bg.jpg') repeat-y scroll 50% 0%; }
#header{height: 350px; text-align: left;}
.uvod,.others{background: transparent url('header.jpg') no-repeat scroll 50% 0%;}
  
#logo_area{height: 290px;}
  #logo_area .logo{border: 0px solid white; display: block; width: 430px; height: 150px; margin-left: 280px; }
  #logo_area .logo img{width: 430px; height: 150px; border: 0px solid red;}
    
#odsazeni_obsahu{padding-left: 80px; padding-right: 80px; text-align: left;}

#footer{ height: 170px; background: transparent url('footer.jpg') no-repeat scroll 50% 0%; }
  #footer .odsazeni{}
#footer2{}
  #footer2 .odsazeni{}

  #footer2 .odsazeni a.button_poptavka{display: block; width: 150px; height: 90px; background: transparent url('button_poptavka.jpg') no-repeat scroll 0% 0%; float: left;}
  #footer2 .odsazeni a.button_dotaz{display: block; width: 150px; height: 90px; background: transparent url('button_dotaz.jpg') no-repeat scroll 0% 0%; float: left;}    
  #footer2 .odsazeni a.button_otazky{display: block; width: 150px; height: 90px; background: transparent url('button_otazky.jpg') no-repeat scroll 0% 0%; float: left;}
  #footer2 .odsazeni a.button_reference{display: block; width: 150px; height: 90px; background: transparent url('button_reference.jpg') no-repeat scroll 0% 0%; float: left;}
  
  #footer2 .odsazeni a:hover.button_poptavka,
  #footer2 .odsazeni a:hover.button_dotaz,  
  #footer2 .odsazeni a:hover.button_otazky,
  #footer2 .odsazeni a:hover.button_reference{background-position: 100% 0%;}

#footer_line{ width: 100%; height: 30px; line-height: 30px; background-color: #022553; margin-top: 10px;}
  #footer_line #obsah_smp{padding: 3px;}
    #footer_line #obsah_smp p{display: inline;}
    #footer_line #obsah_smp .sign{position: absolute; right: 10px; padding-right: 20px;}
  
#webmenu{ position: absolute; width: 1020px; margin: 0 auto; top: 240px; text-align: center; background-color: transparent; margin-top: 0px; margin-left: 8px; margin-right: 8px; font-family: Tahoma, sans-serif; } /*background-color: brown;*/
#webmenu li{display: inline; line-height: 28px; margin: 0px 8px 0px 8px;}
#webmenu li a{color: #1B2E46; font-size: 13px; font-weight: bold; text-decoration: none; } 
#webmenu li a:hover{color: blue;}
#webmenu li a.selected{text-decoration: underline; color: blue;}

#crumbs{ font-size: 11px; color: gray; margin-top: 0px; position: absolute; width: 900px; margin: 0 auto; top: 320px;}
  #crumbs a{ font-size: 11px; color: gray;} 
  #crumbs a:hover{ font-size: 11px; color: #333;}

#reference_content{width: 750px; border: 0px solid red; margin: 0 auto; clear: both; padding-bottom: 20px;}
  #reference_content .informace{font-size: 11px; position: absolute; z-index: 100; background-color: #eee; margin-left: -75px; margin-top: 10px; border: 4px solid gray; width: 300px;}
    #reference_content .informace .odsazeni{padding: 4px;}  
  #reference_content .reference_box{padding: 0px; margin: 0px; width: 144px; height: 165px; float: left;  border: 0px solid red; }
  #reference_content .reference_box .body{padding: 5px; text-align: center; }
  #reference_content .reference_box .body a.odkaz{font-size: 11px; line-height: 14px;}
  #reference_content .reference_box .body .odkaz_info{font-size: 11px; line-height: 14px; color: blue;}

#partneri_content{width: 750px; border: 0px solid red; margin: 0 auto; clear: both; padding-bottom: 5px; }
  #partneri_content .informace{font-size: 11px; position: absolute; z-index: 100; background-color: #eee; margin-left: -75px; margin-top: -10px; border: 4px solid gray; width: 300px;}
    #partneri_content .informace .odsazeni{padding: 4px;}  
  #partneri_content .partneri_box{padding: 3px 0px 0px 0px; margin: 5px; text-align: center; width: 170px; height: 210px; float: left; border: 3px solid #E0E0E0; }
  #partneri_content .partneri_box .nadpis{}
  #partneri_content .partneri_box .body{width: 150px; height: 150px; margin: 3px 10px 3px 10px; text-align: center; border: 0px solid gray; vertical-align: middle;}
    #partneri_content .partneri_box .body a img{border: 0px solid black;} 
  #partneri_content .partneri_box a.odkaz{font-size: 11px; line-height: 14px;}
 
#tab_box{width: 750px; margin: 0 auto; clear: both;}
  #tab_box td, #tab_box th{ width: 750px; padding: 5px;}
  #tab_box td{border-top: 2px solid #CCC;}
  #tab_box td.obrazek{width: 140px; text-align: center; vertical-align: top;}
  #tab_box td.body{vertical-align: top;}
    #tab_box td.body .soubory{padding: 1px 5px 1px 5px; line-height: 20px; margin-top: 10px; border-left: 3px solid silver;}  
  #tab_box td.ico{ width: 20px;}
  #tab_box td .infolinka{clear: both; color: #666; margin: 0px;}
    #tab_box td .infolinka .soubor{position: absolute; font-weight: normal; font-size: 11px;}  
    #tab_box td .infolinka .velikost{float: right; font-weight: normal; font-size: 11px;}

#hlaska_form{border: 3px solid #FF6600; background-color: #FFCC99; padding: 5px; color: red;}
	
.formular fieldset{padding: 20px 20px 20px 20px;}
.formular fieldset legend{font-weight: bold;}
    
.tab_formular{width: 100%; margin-top: 20px;}
  .tab_formular input.error_sign, .tab_formular textarea.error_sign{background-color: #FFCCCC;}
  .tab_formular label.error_sign{color: red; font-weight: bold; text-decoration: underline;}  
  .tab_formular .required{color: red; font-size: 11px;}
  .tab_formular .required_blink{color: red; font-size: 11px; font-weight: bold; text-decoration: underline;}
    .tab_formular .unrequired{color: silver; font-size: 11px;}  
  .tab_formular td{padding: 10px;}
    .tab_formular td.submit{text-align: center;}  
    .tab_formular td.prvni{font-weight: bold; vertical-align: top; width: 120px;}
    .tab_formular td.druhy textarea,
    .tab_formular td.druhy input,
    .tab_formular td.druhy input["file"]{padding: 3px; vertical-align: top;}
    .tab_formular td.druhy .popisek{font-size: 11px;}    
            
.box_cover{background-color: #022553;}
.box{padding: 3px;}
  .box .top{height: 12px; width: 100%; background: transparent url('tc.jpg') repeat-x scroll 0% 0%;}
  .box .top .left{float: left; height: 12px; width: 12px; background: transparent url('tl.jpg') no-repeat scroll 0% 0%;}
  .box .top .right{float: right; height: 12px; width: 12px; background: transparent url('tr.jpg') no-repeat scroll 100% 0%;}  
  .box .title{border: 2px solid #051E3F; border-top: 0px; border-bottom: 0px;}
  .box .title span{ font-size: 12px; padding-left: 10px; }  
  .box .content{padding: 5px; border: 2px solid #051E3F; border-top: 0px; border-bottom: 0px;}  
  .box .bottom{height: 20px; width: 100%; background: transparent url('bc.jpg') repeat-x scroll 0% 100%;}
  .box .bottom .left{float: left; height: 20px; width: 20px; background: transparent url('bl.jpg') no-repeat scroll 0% 100%;}
  .box .bottom .right{float: right; height: 20px; width: 20px; background: transparent url('br.jpg') no-repeat scroll 100% 100%;}

.center{text-align: center;}
.true{color: green;}
.false{color: red;}
.umely_odkaz{cursor: pointer;}
.divider{width: 750px; height: 14px; }  
.stretch{width: 1020px;}
.selected{ font-weight: bold;}
.clear{clear: both;}
.schovany{display: none;}
.absmiddle{vertical-align: middle;}
.big-button{font-size: 17px; font-weight: bold; padding: 3px;}