/* FF6600 - oranž,
 FFDE00 - žlutá a6 do okrova
 8BC4F4 - modrá nadpis
 0091FD / modrá nadpis střed */
body,p,ul,ol,li { padding: 0px; margin: 0px;}
body{
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 13px;
  background-color: #000051;/*F0F0F0*/
  background: #000051 url('body-bg.jpg') repeat-x scroll 0% 100%;
  color: #8FC2FF; /*#99CCFF;D1E8FE;6699FF*/
  overflow: auto;
  padding: 0px; margin: 0px;
}
table{border-spacing: 0; border-collapse: collapse;} 
th,td{font-size: 13px;}
a,.umely_odkaz{text-decoration: underline; color: #FFD800;}/*FFDE00*/
a:hover, .umely_odkaz:hover, a.imghack:hover span{color: #FFCC00;text-decoration: none;}
/*a:visited, .umely_odkaz:visited, a.imghack:visited span{color: #CCCC00;}*/ 
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:#0080FF;}
input, select, textarea{font-family: Arial, 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 #8BC4F4; 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{display: block; width: 100%; height: 24px; line-height: 24px; color: gray; border: 0px solid blue; }
  #toplinks ul{width: 960px; margin: 0 auto; list-style-type: none;}
  #toplinks ul li{float: left; font-size: 11px; color: #DDD;}
  #toplinks ul li a{color: #FFF; padding: 0px 10px 0px 10px;}
  #toplinks ul li.caption{}
#container{margin: 0px auto; width: 1200px; background: #000066 url('cont-bg.jpg') repeat-y scroll 50% 0px; padding: 0px; margin-top: -16px;}
  #container .container_odsazeni{padding: 0px; }
  #container .container_odsazeni .stretch{}
/*Vršek webu*/
#headerline{position:absolute; width: 100%; height: 420px; padding: 0px; top: 0px; z-index: -100; background: transparent url('background.jpg') repeat-x scroll 0px 0px;}
#header{width: 1200px; height: 340px; margin: 0px; background: transparent url('header.jpg') no-repeat scroll 0px 0px; border: 0px solid blue;}
  #header .jazyky{position: absolute; margin-left: 1100px; font-size: 12px; top: 8px; text-align: left; line-height: 20px;}
  #header .jazyky li{list-style-type: none;}
  #header .jazyky li a{color: white; padding: 0px 10px 0px 10px;}  
  #header .jazyky li a img{margin-right: 10px; border: 1px solid black;}
  #header .jazyky a.selected img{border: 1px solid white;}
  #header div.socico{display:block; position: absolute; margin-left: 1085px; top: 64px;}
  #header div.socico ul li{display:inline; list-style-type:none;padding-left:10px;}  
  #header .click_to_home{position:absolute;margin-left: 180px;}
  #header .click_to_home img{height: 92px; width: 710px;}
#motiv{width: 951px; overflow: hidden; background-color: transparent; height: 190px; position: absolute; top: 136px; margin: 0px 0px 0px 249px; }
  #motiv .obal{}
  #motiv #corner{position: absolute; margin-left: 880px; width: 70px; cursor: hand; height: 70px; background: transparent url('corner.png') no-repeat scroll 100% 0%; }
  #motiv .motiv_image{width: 950px; height: 190px; float: right; border-right: 1px solid #8BC4F4;}
  #motiv .showUp{display: none; color: #000066; width: 951px; position: absolute; z-index: 40; right: 0px; bottom: 0px; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}
  /*#motiv:hover .showUp{display: block; color: #000066;}*/
  #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: 93px; width: 1200px; margin: 0px; height: 41px; border: 0px solid red;}

#main_tab{width: 1160px; border: 0px solid #999; margin: 0px 20px 0px 20px;} 
  #main_tab td{border: 0px solid gray;}
  #main_tab td.midcol, #main_tab td.leftcol, #main_tab td.rightcol{vertical-align: top; padding: 0px 0px 10px 0px;}
  #main_tab td.leftcol{width: 260px;}
  #main_tab td.rightcol{width: 240px;}
  #main_tab td.rightspace, #main_tab td.leftspace{width: 15px; background-color: transparent;}
    
  #main_tab td.leftcol .box_cover, 
  #main_tab td.rightcol .box_cover,
  #main_tab td.midcol .box_cover{padding-left: 0px; padding-right: 0px;}
 
#crumbs{clear: both; font-size: 12px; padding: 0px 15px 0px 15px; border: 0px solid red; line-height: 46px; height: 46px; background: transparent url('crumbs-bg.png') repeat-x scroll 0px 0px;}
  #crumbs .breads a{} 
  #crumbs .breads a:hover{}
  #crumbs .breads span{}
  #crumbs .loginout a{font-weight: bold;}

#footer{height: 100px; background: transparent url('body-bg.jpg') repeat-x scroll 0px 100%; }/**/
#footer table{width: 1200px; height: 100px; margin: 0px 0px 0px 0px; background: transparent url('logo-min.jpg') no-repeat scroll 50% 100%;}
  #footer td{font-size: 11px; border: 0px solid red; padding: 35px 10px 10px 10px;} 
  #footer td.sign{text-align: right;}
  
#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{}

#zpravy{height:80px;} /*.marquee*/
#zpravy li .date{font-size: 11px;}

.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_basic{width:100%;}
.tab_basic td{padding:2px;}

.tab_rss{width: 600px; margin: 10px auto;}
.tab_rss td{vertical-align: middle; border: 1px solid red;}
  
.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: #006699 url('h-bg-wide.gif') repeat-x scroll 50% 100%; padding: 4px 10px 4px 10px; color: #FFF;}
    .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{font-weight: normal; display: inline; color: #FFF;}
    .box_simple .odsazeni .title h1{font-size: 22px; letter-spacing: 0.1em;}
    .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 .content .obsah_adv_class{padding: 5px;}
  .box_simple .odsazeni .footer{background-color: #000051; padding: 2px 5px 3px 5px; font-size: 11px; color: gray; clear: both;}
    .box_simple .odsazeni .footer a{color:#CCCC00}

#main_tab td.leftcol .box_simple .odsazeni .title{background-position: 0% 100%; padding-left: 13px;}
#main_tab td.midcol .box_simple .odsazeni .title{background-position: 50% 100%; padding-left: 13px;} 
#main_tab td.rightcol .box_simple .odsazeni .title{background-position: 100% 100%;}

#main_tab td.midcol .box_simple .odsazeni .title h1,
#main_tab td.midcol .box_simple .odsazeni .title h2.prvni_cl a{font-size: 22px;}

/*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: 1px solid #484848;}
.uzivatel_box .odsazeni .content ul{float: left; width: 150px; margin: 5px 0px 10px 0px;}
.soclikes_box .odsazeni .content{text-align:center; padding: 5px;}
.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: #ccc; border-bottom: 2px solid #000051; border-top: 2px solid #000051; background-color: #000089;}
  .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: yellow;}
  .clankyrubser .odsazeni .content .socials{padding: 5px; vertical-align: middle;}

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{ background-color: #000088;}
    .kalendar.box th{color: #777; border-top-width: 0px;}
    .kalendar.box td{padding: 3px; font-size: 11px; }

.tab_odkazy{width: 100%;}
.tab_odkazy td,.tab_odkazy th{text-align:left; padding: 2px; vertical-align:top;}
.tab_odkazy td{padding: 0px 5px 10px 5px;}
.tab_odkazy th a.nazev{font-size: 16px;}
.tab_odkazy th a.url{font-size: 10px; font-weight: normal;}
.tab_odkazy th{border-top: 1px solid gray;}
.tab_odkazy th.t2{width: 100px;text-align:center;}
.tab_odkazy th.t2{padding: 5px;}
.tab_odkazy td.t3{}

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: #FFCC00;}

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: #FFCC00;}

.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;}
  
  .strankovani{padding: 10px;}
  .strankovani ul li a{padding: 0px 5px 5px 0px; height: 20px;}
    .strankovani ul li a.selected{font-weight: bold; color: #FFCC00;}

ul.substranky li{display: block; float: left; padding: 5px; line-height: 20px;}
ul.substranky li a{white-space:nowrap;}

ul.menufoot{}
ul.menufoot li{float: left; list-style-type: square; margin: 0px 10px 0px 10px;}

ul.fotog_roky{}
ul.fotog_roky li{}
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: 0px;}

.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: 300px;height:180px; float:left; padding: 10px; overflow:hidden;}
.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;}

.anketa{width:100%;}
.anketa .nazev{padding: 3px;}
.anketa .popis{padding: 3px; font-size:11px;}
.anketa .info{font-style:italic;}
.anketa .row{padding: 5px 0px 5px 0px;}
.anketa .row a.odkaz{display:block; padding: 2px;}
.anketa .row a.odkaz:hover{background-color: #000055;}
.anketa .row a.odkaz .procenta{font-size:11px; float:right; text-decoration:none;}
    
.komentar{width: 100%; padding: 8px 0px 8px 0px; border-top: 1px solid gray;}
  .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: 550px;}
    .komentar .pravobok .text{padding: 5px; line-height: 18px;}
    .komentar .pravobok .text .smajlik{margin: 0px 1px 0px 1px; vertical-align: middle;}
  .komentar .pravobok .line{padding: 3px 5px 3px 5px;}
    .komentar .pravobok .line span{float: right; text-align: right}

.smszprava .line{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;}

.zprava h4{border-bottom: 2px solid #0091FD;}
.zprava p.text{padding: 3px 0px 30px 0px; text-align: justify;}
.zprava .date{font-size: 11px;}
.zprava .text{padding: 0px;}
    
.top{vertical-align: top;}
.true{color: #FF9900;}
.false{color: red;}
.size11{font-size: 11px;}
.oznameni{padding: 10px; font-size: large; text-align: center; letter-spacing: 0.1em;}
.right{float: right;}
.stretch{width: 1200px;}  
.stretchX{zoom:1; width:expression((document.compatMode && document.compatMode == 'CSS1Compat') ? (document.documentElement.clientWidth < 1000 ? "1000px" : (document.documentElement.clientWidth > 1200 ? "1200px" : 'auto')) : (document.body.clientWidth < 1000 ? "1000px" : (document.body.clientWidth > 1280 ? "1200px" : 'auto'))); min-width: 1000px; max-width: 1200px;}
.absmiddle{vertical-align: middle;}
.odsazeni{padding: 0px;}
.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; }
