/* css document */
body, td, th, div, p, ul, li, img, form { padding: 0px; margin: 0px; }
	
body{
letter-spacing: 1px; line-height: 110%;
background-attachment: scroll;
background-position: center bottom;
background-repeat: no-repeat;
background-color: #000066;
font-size: 12px;
color: white;}

textarea, input{letter-spacing: 0.025em;}

body, textarea, input{font-family: Arial, Helvetica, sans-serif; }

a, .photobox h6 a{color: #06f;}
a:hover,  .photobox h6 a:hover{color: #09f;}

h1, h2, h3, h4{font-weight: normal;}
h2{font-size: 25px; line-height: 25px;}
h3{font-size: 22px; line-height: 22px;}
h4{font-size: 19px; line-height: 19px;}
h5{font-size: 16px; line-height: 16px;}
h6{font-size: 13px; line-height: 13px; margin: 3px 2px 3px 0px; }
img{border: 0px;}
th, td{text-align: left;}
h2 a{color: white;}
h3 a{color: white;}
h6 a{color: white;}
/* Important! This style setting objects to variable width. Targetted to the most used resolutions at the world. No more than 1280px and no less than 1000px */
.stretch_it{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;}

/* main layout. Covering all divs and tables. Nothing is out of this div. Backround-image is random in index*/
#layout {margin: 0px auto;
background-attachment: scroll;
background-position: left top;
background-repeat: no-repeat;
background-color: transparent;}

/* Header. Containing image header and menu */
#header {
	padding: 0px; height: 260px;
  text-align: right;
}
#header_img{height: 217px;}

#menu{float: right; height: 30px; width: 77%; background-color: transparent;} /* Menu. Floating to right. Ordered after header clickable wide transparent image */
  #menu ul{margin: 0px 10px 0px 0px;}
  #menu ul li{list-style-type: none; display: inline; text-align: center;}
  #menu ul li a{display: block; float: left; color: black; font-size: 13px; font-weight: bold; text-decoration: none; line-height: 30px; padding-left: 1.4%; padding-right: 1.4%;}
  #menu ul li a:hover{font-weight: bold; color: white; background: blue url('menu-hoverss.jpg') repeat-x scroll left top;}
  #menu ul li a.active_menu{font-weight: bold; color: white; background: blue url('menu-active.jpg') repeat-x scroll left top;}

#menudown{float: right; background-color: transparent;} /* Menu at the footer.*/
  #menudown a{}
  #menudown a:hover{}
  #menudown a.active_menu{font-weight: bold; color: white;}
    
/* Layout table. Three columns. Left and right fixed width. Middle (main) resized to resolution */
#layout_table{}
  #layout_table td, #layout_table th{vertical-align: top;}

/* main middle column of the layout table */
#main{ width: 50%; min-width: 600px;}
  #main p{line-height: 18px;}
  
/* left and right column of the layout table */
#left, #right, #left_spacer, #right_spacer{width: 25%; background-color: transparent; }
  #left_spacer, #right_spacer{ height: 10px; background-color: transparent;} /* top rows.  */

#left, #right{ vertical-align: top;}
/* Footer. */
#footer{clear: both; background-color: transparent; font-size: 11px; height: 170px; text-align: right;}
  #footer .spacer{width: 1000px; height: 150px;}

#box_langs{width: 230px; text-align: center; margin: 0px auto 35px auto; height: 45px; font-size: 11px;} /* box with flags  */
  #box_langs .top{height: 15px; line-height: 15px; background: transparent url('box-langs-top.gif') no-repeat scroll left bottom;}
  #box_langs .middle{background: transparent url('box-langs-middle.gif') repeat-y scroll left top;}
  #box_langs .bottom{height: 15px; background: transparent url('box-langs-bottom.gif') no-repeat scroll left top;}

  #box_langs .middle .infomail{border-top: 1px solid #2E2E75; padding-top: 5px;}    
  #box_langs .middle a img{border: 2px solid gray; margin: 5px;}
  #box_langs .middle a:hover img{border: 2px solid white;}
  #box_langs .middle a.active_lang img{border: 3px solid white;}

#drobky{color: gray; font-size: 11px;}

#nabidky{background-color: #000055; border: 1px solid #2E2E75; margin-bottom: 20px;}

#form_basic{}
  #form_basic th, #form_basic td{padding: 3px;}
  #form_basic input{font-size: 11px;}
  #form_basic textarea{font-size: 11px;}
  #form_basic td.smileys{background-color: rgb(0,0,102); padding-right: 20px;} 
  #form_basic .smileys img{padding: 1px;}

#fanshop_table{ border-collapse: collapse;}
  #fanshop_table td, #fanshop_table th{ padding: 5px;}
  #fanshop_table th.nadpis{padding-top: 10px;}
    #fanshop_table th.nadpis h3{font-size: 23px; font-weight: bold; margin: 0px;}
  #fanshop_table td.popis p{line-height: 110%;}
  #fanshop_table td.cena{vertical-align: middle; height: 26px; line-height: 26px;}
    #fanshop_table td.cena span{vertical-align: middle; font-size: 22px;}
  #fanshop_table td.addrow{text-align: right; border: 0px solid silver; background-color: #000033;}
  #fanshop_table td.spacer_row{height: 60px;}
  #fanshop_table td table td{padding: 2px;}

#nakupni_kos{border-collapse: collapse; border: 1px solid #2E2E75; background-color: #000055;}
  #nakupni_kos td{vertical-align: middle; padding: 5px; height: 22px;}
  #nakupni_kos th{vertical-align: middle; padding: 5px; line-height: 22px; background-color: #000055; border-top: 1px solid #2E2E75; border-bottom: 1px solid #2E2E75;}
  #nakupni_kos td.licha{background-color: #000099;}
  #nakupni_kos th .cenatotal{font-size: 20px;}

#info_buyer{background-color: #000055; border: 1px solid #2E2E75; padding: 10px;}
#submenu{}
  #submenu li{ }
  #submenu li a{font-size: 14px; display: block; line-height: 20px; padding: 3px;}
    #submenu li a:hover{background-color: #000099;}  
    #submenu li a.selected{font-weight: bold;}

#order{}
  #order fieldset{padding: 10px;}
    #order fieldset legend{line-height: 30px; color: white; font-weight: bold; }
    #order fieldset table{margin-top: 20px;}

.pricestyle{ font-weight: bold; color: #00cc66;}      
.total_cost_basket{border: 1px solid black; text-align: center; background-color: #000066; padding: 5px 3px 5px 3px;}
  .total_cost_basket .pricestyle{font-size: 15px; line-height: 20px;}
 
.box{width: 230px; margin: 0px auto 30px auto; font-size: 11px;} /* boxes. Side contents.  */
  .box_top{height: 60px;}
  .box_middle{padding: 5px; background-color: #000033; border-left: 1px solid black; border-right: 1px solid black;}
  .box_bottom_left{height: 20px; background: transparent url('box-bottom-left-s.gif') no-repeat scroll left bottom;}
  .box_bottom_right{height: 20px; background: transparent url('box-bottom-right-s.gif') no-repeat scroll right bottom;}
  .box_bottom_left, .box_bottom_right{ line-height: 20px; text-align: center;}

.article{text-align: justify; margin-bottom: 40px; clear: both;}
  .article .available_langs{clear: both; padding: 5px; font-size: 11px; background-color: #000050;}
  .article .image_box{margin: 0px 10px 10px 0px; float: left; font-size: 10px; font-style: italic; color: silver; text-align: left;}
  .article .read_more{text-align: right; line-height: 20px; font-weight: bold;}
  .article .prelozil{ color: gray; }
  .article .autor{text-align: right; line-height: 20px;}
  .article .date{text-align: right; line-height: 30px; height: 30px;}
  .article .preamble{text-align: justify; line-height: 18px;}
  .article .text{text-align: justify; display: block; clear: both; padding: 15px 0px 20px 0px; line-height: 18px;}     

.middle_bottom{background: #000055 url('box-bottom-main.gif') repeat-x scroll left bottom; height: 33px; line-height: 33px; text-align: center; margin-top: 20px;}

.other{text-align: justify; font-size: 12px; color: #E1E1E1;}  

.hl{margin-bottom: 20px;}
  .hl .available_langs{clear: both; padding: 5px; font-size: 11px; background-color: #101072;}
  .hl .image_box{margin: 0px 5px 5px 0px;font-size: 10px; font-style: italic; color: silver;}
  .hl .read_more{text-align: right; line-height: 18px;}

.table_cikcak{width: 100%;}
  .table_cikcak th{background: transparent url('divider-mid.gif') repeat-x scroll left bottom; font-size: 14px; color: black; line-height: 20px; text-align: center; }
  .table_cikcak th.left{background: transparent url('divider-left.gif') no-repeat scroll right bottom; width: 15px;}
  .table_cikcak th.right{background: transparent url('divider-right.gif') no-repeat scroll left bottom; width: 15px;} 
  .table_cikcak td{ padding: 5px;}
    .table_cikcak td.middle{border-top: 3px solid silver; }
    .table_cikcak td.licha { background: #101072 url('blu-gradient.gif') repeat-y scroll left top; }
    .table_cikcak td.middle div{line-height: 20px;}
      .table_cikcak td.middle div.nazev span{float: right;}
      .table_cikcak td.middle .status{float: right; font-style: italic;}
      .table_cikcak td.middle div.odkazy span{float: right; }
      
.archive_div, .link_div{padding: 3px 0px 3px 0px; line-height: 16px;}
  .link_div{margin-bottom: 5px;}
    .link_div p{font-size: 11px; }
  .archive_div .nadpis{display: block; width: 500px;}
  .archive_div .available_langs, .link_div .url{float: right;}

.comment{margin-bottom: 30px; width: 100%;} /* boxes. Side contents.  */
  .comment .top{line-height: 20px; background-color: rgb(0,0,153); padding: 3px 3px 3px 3px;}
  .comment .middle{font-size: 11px; padding: 5px 5px 5px 7px; border-left: 5px solid rgb(0,51,153); border-top: 1px solid rgb(0,0,102); border-bottom: 1px solid rgb(0,0,102); border-right: 1px solid rgb(0,51,153);}
  .comment .bottom{line-height: 16px; font-size: 11px; font-style: italic; color: gray; background-color: rgb(0,0,153);}  
  .comment .languageflag, .comment .right{float: right;}
  .comment .id{position: absolute; margin-left: 250px;}

.gallery_list{float: left; width: 33%; margin: 0px; padding: 0px; text-align: center; }
.photobox{text-align: center;}

  .gallery_list .gallery_inner{ margin: 0px auto 15px auto; width: 155px; background-color: #000055; border: 1px solid #2E2E75; height: 240px;}
  .gallery_list .title{ margin: 5px 0 5px 0; }
  .gallery_list .photo, .photobox .photo {margin: 10px auto; padding: 0; border: none; }
  .gallery_list .author, .photobox .author{ color: gray; text-align: center; font-size: 11px; letter-spacing: 0.01em;}
  .gallery_list .date, .photobox .date{ text-align: center; }
  .gallery_list .number, .photobox .number{  padding: 0; color: gray; text-align: center; font-size: 11px; }

.image_list{float: left; width: 25%; margin: 0px; padding: 0px; text-align: center; }
  .image_list .image_inner{ margin: 0px auto 15px auto; width: 125px; background-color: #000055; border: 1px solid #2E2E75; height: 163px;}
  .image_list .name{ margin: 5px 0 5px 0; font-size: 11px; letter-spacing: 0.01em; }
  .image_list .photo {margin: 10px auto; padding: 0; border: none; }

  
.gallery{text-align: justify; margin-bottom: 40px; clear: both;}
  .gallery .image_box{margin: 0px 10px 10px 0px; float: left; font-size: 10px; font-style: italic; color: silver; text-align: left;}
  .gallery .date{text-align: right; line-height: 30px; height: 30px;}
  .gallery .author{text-align: right; line-height: 30px; height: 30px;}  
  .gallery .text{text-align: justify; line-height: 18px;}  

.links_box{text-align: center;}

.Velikost1{font-size: 12px;}
.Velikost2{font-size: 14px;}
.Velikost3{font-size: 16px;}
                       
/* claendar, */
.cellsabsmiddle th, cellsabsmiddle td{vertical-align: middle !important; }
.center{text-align: center;}
.absmiddle{vertical-align: middle;}
.top{vertical-align: top;}
.next{background-color: #99FF99; color: red; margin-bottom: 3px; text-align: center; line-height: 20px; height: 20px; font-size: 11px;}
.spacing{padding: 10px;}
.minispacing{padding: 3px;} /* for language box */
.backlink{padding: 0px; margin: 0px 0px 10px 0px; clear: both;} /* for language box */
.cleaner{clear: both;} /* using where we need finish floating objects */
.spacer{height: 40px; clear: both;}
.minispacer{height: 10px; clear: both;}
.center{text-align: center;}
.linkit{ color: blue; cursor: pointer; font-weight: normal; text-decoration: underline; line-height: 15px;}
.hideit{display: none;}
.false{color: red;}
.important{color: red; font-weight: bold;}
.true{color: #06F;}
.hideSEO{display: none;}
.bigbutton{font-size: 15px; font-weight: bold; line-height: 22px;}