/*
odkazy: #FF9900 - světle oranžová
odkazy:hover #76DEFC - světle modrá 
avatar, img  border-color: #484848 - lehce šedivá
.selected #FF3366 - růžová
pozadí pod textem: #222222
F2F2F2 - šedivě bílá, na pozadí
*/

body, p, ul,ol,li{padding: 0px; margin: 0px;}
body{
  font-family: Verdana, sans-serif;
  font-size: 13px;
  background: #000 url('headerline-bg5.jpg') repeat-x scroll 0% 0%; /*EFEFEF-sediva*/
  color: #bbb;
  overflow: auto;  
}

table{ border-spacing: 0; border-collapse: collapse; } 
th, td{font-size: 13px;}

a, .umely_odkaz{text-decoration: underline; color: #fff;}
a:hover, .umely_odkaz:hover, a.imghack:hover span{color: yellow; text-decoration: none;}
a img, a.imghack img{border: 0px; text-decoration: none;}
a.imghack{text-decoration: none;}
a.imghack span{text-decoration: underline;}

h1{font-size: 30px; margin: 14px 0px 8px 0px; }
h2{font-size: 22px; line-height: 28px; margin: 14px 0px 5px 0px;}
h3{font-size: 20px; line-height: 26px; margin: 12px 0px 4px 0px;}
h4{font-size: 18px; line-height: 24px; margin: 10px 0px 3px 0px;}
h5{font-size: 16px; line-height: 22px; margin: 8px 0px 2px 0px;}
h6{font-size: 14px; line-height: 20px; margin: 6px 0px 1px 0px;}

h1, h2, h3, h4, h5, h6{font-weight: normal;} 

label{cursor:hand;}
label:hover{color: yellow;}
input, select, textarea{ font-family: Tahoma, sans-serif; font-size: 13px; padding: 3px; border: 1px solid #484848; background: #ECEBEB url('input-bg.gif') repeat-x scroll 0% 0%;}
input:hover,select:hover,textarea:hover{border: 1px solid #D9002C; background: #ECEBEB url('input-bg-hover.gif') repeat-x scroll 0% 0%;}
input[type="submit"]{cursor: hand;}
/*input[type="submit"]:hover{border: 1px solid #76DEFC; background: #ECEBEB url('input-bg-hover.gif') repeat-x scroll 0% 0%;}*/
pre{float: left; text-align: left;}

/*Toplinks*/
#toplinks{width: 100%; height: 20px; position: absolute; top: 0px; left: 0px; line-height: 20px; background: transparent url('toplinks-bgX.gif') repeat-x scroll 0% 0%; color: rgb(224,224,224);}
  #toplinks ul{width: 980px; margin: 0 auto; }
  #toplinks ul li{float: left; font-size: 10px; color: #DDD; list-style-type: none;}
  #toplinks ul li a{color: #FFF; padding: 0px 10px 0px 10px;}
  #toplinks ul li.caption{}

#container{margin: 30px auto; background: #303030 url('template-bg.jpg') no-repeat scroll 0px 0px;}
  #container .container_odsazeni{}
  #container .container_odsazeni .stretch{}
/*Vršek webu*/
#headerline{width: 100%; position: absolute; top: 0px; left: 0px; z-index: -100; height: 500px; background: transparent url('headerline.gif') repeat-x scroll 0% 0%;}
#header{width: 100%; height: 355px; background: transparent url('header-rightX.gif') no-repeat scroll 100% 0%; }
  #header .jazyky{width: 90px; font-size: 11px; padding-top: 15px; float: right; text-align: left; line-height: 18px; list-style-type: none;}
  #header .jazyky a{color: black;}  
  #header .jazyky a img{margin-right: 10px; border: 1px solid black;}
  #header .jazyky a.selected img{border: 1px solid white;}
  #header .click_to_home{float:left; border: 0px solid red;}
  #header .click_to_home img{width: 500px; height: 100px;}
#motiv{height: 200px; position: absolute; width: 720px; top: 128px; overflow: hidden; border: 0px solid #999;}
  #motiv .obal{}
  #motiv .motiv_image{height: 200px; width: 720px; }
  #motiv .showUp{display: none; width: 720px; position: absolute; z-index: 40; left: 0px; bottom: 0px; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}
  #motiv:hover .showUp{display: block; color: black;}
    #motiv .showUp .odsazeni{padding: 5px 10px 10px 10px; background-color: white; font-size: 11px; line-height: 15px;}
    #motiv .showUp .odsazeni a{color: black;}      
#mainmenu{position: absolute; z-index: 50; top: 331px; height: 30px; padding-left: 120px; background: transparent url('menu-bgX.gif') no-repeat scroll 0% 0%;}

#content_table, #content_div{width: 960px; border: 0px solid #999; border-bottom: 3px double #ddd; margin: 0px 10px 0px 10px;} 
  #content_table td{}
  #content_table td.stred, #content_table td.left, #content_table td.right, #content_table td.stred_wide{vertical-align: top; padding: 0px 0px 10px 0px;}
  #content_table td.stred{}
  #content_table td.left{}
  #content_table td.right{width: 320px;}
  #content_table td.stred_wide{}
  #content_table td.rightspace, #content_table td.leftspace{width: 30px; background-color: transparent;}
    
  #content_table td.left .box_cover, 
  #content_table td.right .box_cover,
  #content_table td.stred .box_cover,
  #content_table td.stred_wide .box_cover,
  #content_div .box_cover{padding-left: 15px; padding-right: 15px;}
  #content_div .box_cover{text-align: left;}

#footer table{width: 960px; margin: 10px;}
  #footer td{font-size: 11px; line-height: 20px;} 
  #footer td.sign{text-align: right;}
  
#crumbs{clear: both; font-size: 11px; padding: 5px 20px 5px 20px; background-color: #414141;}
  #crumbs .breads a{color: gray; } 
  #crumbs .breads a:hover{color:yellow;}
  #crumbs .breads span{color: gray;}

#hlaska_form{border: 3px solid #FF6600; background-color: #FFCC99; padding: 5px; color: red;}
#hlaska_form_true{border: 3px solid #0066FF; background-color: #CCCCFF; padding: 5px; text-align: center;}

#divideline{height: 0px;}

#foot_expand{padding: 10px; background-color: white;}
  #foot_expand .obsah_smp_class{width: 100%;}
  #foot_expand img{}

.formular{padding: 20px;}	
.formular fieldset{padding: 20px; margin: 15px 0px 15px 0px;}
.formular fieldset legend{font-weight: bold; color: #ccc; padding: 0px 5px 10px 5px;}

.formular.loginform,
.formular.registraceform{width: 630px; margin: 0 auto;}
.formular.avatarform{margin: 0 auto;}
.formular.addform textarea{width: 400px; height: 150px; margin-top: 3px;}
.formular.addform .smajlik_click{padding: 2px; cursor: pointer;}
.formular.newsletterform label{font-weight: normal;}
    
.tab_formular{width: 100%;}
  .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: 5px;}
    .tab_formular td.submit, .tab_formular td.center{text-align: center; background-color: transparent !important;}  
    .tab_formular td.prvni{font-weight: bold; width: 140px; vertical-align: top;}
    .tab_formular td textarea,
    .tab_formular td input,
    .tab_formular td input[type="file"]{padding: 3px; vertical-align: top;}
    .tab_formular td .popisek{font-size: 11px; text-align: left; display: block;}    

  .formular.avatarform .tab_formular td.image{width: 130px;}

.box_simple{}
  .box_simple .odsazeni{padding-top: 15px; padding-bottom: 8px;}
  .box_simple .odsazeni .title{background: #333 url('headers.jpg') no-repeat scroll 100% 0%; padding: 5px;}
    .box_simple .odsazeni .title .miniright{float: right; font-size: 11px;}
      .box_simple .odsazeni .title .miniright a{font-size: 11px; font-weight: normal; vertical-align: middle;}
    .box_simple .odsazeni .title h1,
    .box_simple .odsazeni .title h2,
    .box_simple .odsazeni .title h3,
    .box_simple .odsazeni .title .h0{letter-spacing: 0.1em; font-weight: normal; display: inline; color: #FFF;}
    .box_simple .odsazeni .title h1{font-size: 22px;}
    .box_simple .odsazeni .title h2{font-size: 17px;}
    .box_simple .odsazeni .title h3{font-size: 16px;}
    .box_simple .odsazeni .title .h0{font-size: 15px;}
    .box_simple .odsazeni .title a{color: #FFF;}
    .box_simple .odsazeni .title a:hover{color: yellow;}
  .box_simple .odsazeni .content .obsah_adv_class{padding: 5px;}
  .box_simple .odsazeni .footer{background-color: #eee; padding: 2px 5px 3px 5px; font-size: 11px; color: gray; clear: both;}
    .box_simple .odsazeni .footer a{}

/*box_simple*/
.box_simple.normal .odsazeni .content{padding: 5px;}
  .normal .odsazeni .footer{text-align: right;}
      
.uzivatel_box .odsazeni .content .avatar{margin: 5px 10px 10px 0px; float: left; border: 0px solid #484848;}
.uzivatel_box .odsazeni .content ul{float: left; width: 210px; margin: 5px 0px 10px 0px;}

.fotogalerie_box .odsazeni .content{padding: 5px 0px 5px 0px;} 
  .fotogalerie_box .odsazeni .content .nahled{width: 70px; height: 70px; overflow: hidden; float: left; margin: 2px;}
    .fotogalerie_box .odsazeni .content .nahled img{border: 1px solid #484848; }
  .fotogalerie_box .odsazeni .footer{text-align: right;}
  
.clankyrubser .odsazeni .content ul.seznam{}
.clankyrubser .odsazeni .content .reklama{padding: 5px;}
.clankyrubser .odsazeni .content .obsah_adv_class{}
  .clankyrubser .odsazeni .content .zdroj{font-style: italic; padding-top: 8px; text-align: right;}
  .clankyrubser .odsazeni .content .uvodnik{padding: 10px; font-style: italic; color: #777; border-bottom: 2px solid #ccc; border-top: 2px solid #ccc; background-color: #444444;}
  .clankyrubser .odsazeni .content .clanek{padding: 5px;}
    .clankyrubser .odsazeni .content .clanek img.nahled, .box_simple .odsazeni .content .uvodnik img.nahled{float: left; vertical-align: top; margin-right: 6px; border: 1px solid #ccc;}
  .clankyrubser .odsazeni .content .infoline{padding: 10px 5px 10px 5px; font-size: 11px; line-height: 17px;}
    .clankyrubser .odsazeni .content .infoline.smaller{padding: 5px;}
  .clankyrubser .odsazeni .content .infoline .readmore{float: right;}
  .clankyrubser .odsazeni .content .infoline .readmore a{color: #fff; font-weight: bold;}

.ul_inline_uni{margin: 0px; padding: 0px; display: inline;}
  .ul_inline_uni li{display: inline; text-align: center; list-style-type: none;}
    .ul_inline_uni li a{display: block; float: left;}
    .ul_inline_uni li.titulek span{display: block; float: left;}
    
ul.fotog_roky{}
ul.fotog_roky li{display:inline; float: left; }
ul.fotog_roky li .rok{text-align: center; width: 180px; }
ul.fotog_roky li.selected .rok{background: transparent url('menu-bg-sel.gif') repeat-x scroll 0% 50%;}
ul.fotog_roky li .rok a h3{margin-top: 15px;}
ul.fotog_roky li .rok a img{border: 1px solid gray; padding: 4px;}
ul.fotog_roky li .rok a:hover img{border: 1px solid #FFCC00;}
ul.fotog_roky li .rok .popisek{font-size:11px;position:absolute;margin-top: 130px; margin-left: 45px;}

.fotog_detail{padding:0px 20px 20px 20px;}
.fotog_detail table td{vertical-align:top;text-align:left;padding: 3px; padding-left: 10px;}
.fotog_detail table th{white-space:nowrap;vertical-align:top;text-align:left;padding: 3px;}
.fotog_detail .socials{padding: 10px 0px 20px 0px; float:right;}
.fotog_detail .nahled{width: 120px; height: 120px; float:left; text-align:center; vertical-align:bottom;}
.fotog_detail .nahled a img{border: 1px solid gray; padding: 4px;}
.fotog_detail .nahled a:hover img{border: 1px solid #FFCC00;}

.fotog_galerie{}
.fotog_galerie .preview{width: 290px;height:180px; float:left; padding: 10px; overflow:hidden; float: left;}
.fotog_galerie .preview .dateautor{font-size:11px;line-height:20px;}
.fotog_galerie .preview img{float:left; padding-right:4px;}
.fotog_galerie .preview a h3{font-size:15px;font-weight:bold;}

table.kalendar{width: 100%;}
  .kalendar td,.kalendar th{padding: 5px; border-width: 0px; border-width: 1px 0px 1px 0px; text-align: left;}
  .kalendar th{border-style: solid;}
  .kalendar td{border-style: dotted;}
    .kalendar td.bylo_row{color: #777;}
    .kalendar td.dnes_row{color: white; background-color: #FF6600;}
    .kalendar.box th{color: #777; border-top-width: 0px;}
    .kalendar.box td{padding: 3px; font-size: 11px; }

ul.seznam{padding: 5px;}
  ul.seznam li{padding: 2px 0px 2px 0px; line-height: 22px; list-style-type: none;}
  ul.seznam li a.selected{font-weight: bold; color: #FF3366;}

ul.seznam2{padding: 5px;}
  ul.seznam2 li{padding: 2px 0px 2px 0px; margin-left: 10px; list-style-type: disc;}
  ul.seznam2 li a.selected{font-weight: bold; color: #FF3366;}

.ul_inline_uni{margin: 0px; padding: 0px; display: inline;}
  .ul_inline_uni li{display: inline; text-align: center; list-style-type: none;}
    .ul_inline_uni li a{display: block; float: left;}
  
  .strankovani{padding: 10px;}
  .strankovani ul li a{padding: 0px 5px 5px 0px; height: 20px;}
    .strankovani ul li a.selected{font-weight: bold; color: yellow;}

.komentar{width: 100%; padding: 8px 0px 8px 0px;}
  .komentar .levobok{width: 70px; float: left; height: 70px; border: 0px solid red; text-align: center;}
    .komentar .levobok img{margin: 0px 10px 10px 5px; border: 0px solid #484848;}
  .komentar .pravobok{float: left; width: 500px;}
    .komentar .pravobok .text{padding: 5px; line-height: 18px;}
    .komentar .pravobok .text .smajlik{margin: 0px 1px 0px 1px; vertical-align: middle;}
  .komentar .pravobok .line{ background-color: #ddd; padding: 3px 5px 3px 5px;}
    .komentar .pravobok .line span{float: right; text-align: right}

.smszprava .line{background-color: gray; padding: 3px 5px 3px 5px; font-size: 11px;}
.smszprava .text{padding: 3px 5px 20px 5px;}
.smszpravalast .datum{font-size: 11px;}
.smszpravalast .text{padding: 5px 0px 5px 0px;}
    
.top{vertical-align: top;}
.true{color: #FF9900;}
.false{color: red;}
.size11{font-size: 11px;}
.size10{font-size: 10px;}
.oznameni{padding: 10px; font-size: large; text-align: center; letter-spacing: 0.1em;}
.right{float: right;}  
.stretch{width: 980px;}
.absmiddle{vertical-align: middle;}
.odsazeni{padding: 10px;}
.umely_odkaz{cursor: pointer;}
.divider{width: 750px; height: 14px; background: transparent url('divider.jpg') no-repeat scroll 50% 0%; }  
.selected{ font-weight: bold;}
.clear{clear: both;}
.clear2{clear: both; background-color: #333; height: 10px;}
.schovany{display: none;}
.center{text-align: center;}
.big-button{font-size: 17px; font-weight: bold; padding: 3px; }