* {margin:0; padding:0;}

body {font:0.8em/1.5 Arial,Tahoma,sans-serif; text-align:center; color: #252525;}


h1 {font-size:160%;font-weight:normal;}
h2 {font-size:140%; padding-bottom:8px;color:#22a152;}
h3 {font-size:120%; color:#c46a00;padding-bottom:8px;}
h4 {font-size:10pt;line-height:15pt;padding:5px 0;}
h5 {font-size:100%;}

a {color:black;}
a:hover {text-decoration: none;}
a span {display: none;}
a span.pos {display: none;}

.fright {float: right !important;}
.fleft {float: left !important;}
.aleft {text-align: left !important;}
.right {text-align: right !important;}
.acenter {text-align: center !important;}
.bold {font-weight: bold;}
.cleaner {clear: both !important;}

fieldset, img {border:none;} 

hr {display: none;}

p {
padding:0 0 8px 0;
}

ul, li {
padding:0;margin:0;
list-style: none;
}

body {
background: #a2ba01 url('body_bg.jpg') repeat-x center top;
}

#page {
margin:0 auto;
background: transparent url('page_bg.jpg') no-repeat center 30px;
}

#main {
background: transparent url('main_bg.jpg') no-repeat center 30px;
width:1000px !important;
margin: 0 auto; 
}

#area {
width: 100%;
}


#container {
float: left;
width: 580px;
background: #B6C838 url('container_head.jpg') no-repeat center top;
}

    #content {
    /* margin: 35px; */
    min-height: 250px; 
    margin: 0 10px 0 10px;
    padding: 0 25px 0 25px;
    background: white url('content_head.jpg') no-repeat center top;
    text-align: left;
    }
    
    #contentFooter {
    height: 40px;
    overflow: hidden;
    background: transparent url('content_footer.jpg') no-repeat center bottom;
    }
    
      #contentFooter #geneslink {
      text-align: right;
      font-size: 8pt;
      margin: 20px 15px 0 15px;    
      }
      #contentFooter #geneslink #footerCopy {
      float: left;
      }
      #contentFooter #geneslink a {
      color: black;    
      }


#content h1 {
background: transparent url('h1.jpg') no-repeat  center bottom;
font-size: 14.5pt;
font-weight: bold;
padding-bottom: 7px;
margin-bottom: 15px;
}

#content h1#pagetitle {
float: left;
}
#content h1#pagetitle span {
display: block;
padding-right: 50px;
background: transparent url('h1_right.jpg') no-repeat  right center;
}

#content #nadpis {
padding-right: 50px;
background: transparent url('h1_right.jpg') no-repeat  right center;
}

#content h2 {
font-size: 10.5pt;
color: black;
padding-left: 15px;
background: transparent url('h2.jpg') no-repeat  left 5px;
}

#content h3 {
font-size: 10pt;
color: #c46a00;
padding-left: 15px;
background: transparent url('h3.jpg') no-repeat  left 5px;
}



#content dl {
clear: both;
}

#content dl dt { 
float: left;
width: 80px;
}

#content dl dd input {
background-color: #f0f0f0;
border: 1px solid #bbbbbb;
}


#content dl dd textarea {
background-color: #f0f0f0;
border: 1px solid #bbbbbb;
display: block;
width: 510px;
height: 80px;
margin-bottom: 20px;
}

#content input.submit {
display: inline-block;
width: 30px;
height: 30px;
border: 0;
cursor: pointer;
background: white url('inputButton.jpg') no-repeat center center;
}




/* ================================= HEADER ==================================== */
#header {
height:205px; 
}

#header a {
font-weight: bold;
color: white;
text-decoration: none;
}



#topHeader {
width: 1000px;
height: 30px;
overflow: hidden;
position: relative;
text-align: left;
background: #252525 url('header_rohy.jpg') no-repeat 712px bottom;
}

#topHeader #loginBox {
float: left;
width: 532px;
color: white;
margin-left: 10px;
font-size: 85%;
}

#topHeader #loginBox .textinput {
background: url('input_text_bg.jpg') no-repeat scroll 0 0 transparent;
width: 168px;
height: 23px;
border: none;
float: left;
}

input.submitinput {
background: url('button.jpg') no-repeat scroll 0 0 transparent;
width: 80px;
height: 23px;
border: none;
float: right;
margin-left: 5px;
}

#topHeader #shareBox {
position: absolute;
right: 10px;
bottom: 7px;
}

dl.lineBlock {
float: left;
margin: 12px 0 5px 0px;  
}

dl.lineBlock.fright {
margin-left: 10px;
}

#topHeader #loginBox dl.lineBlock dd.in {
float: left;
font-size: 120%; 
margin-right: 5px;
}

dl.lineBlock dt {
float: left;
}


#logo {
width:204px;
height:81px;
float:left;
margin: 25px 0 0 0; 
}

/* ================================= END HEADER ==================================== */










/* ================================= FOOTER ==================================== */

#footer {
height: 75px;
padding-top: 10px;
background: transparent url('footer_bg.jpg') no-repeat center center;
}


/* ================================= END FOOTER ==================================== */














/* ================================= LEFT COLUMN ==================================== */

#leftColumn {
float: left;
width: 200px;
margin-right: 10px;
background: #b5c834 url('leftCol_head.jpg') no-repeat top center;
}

#leftColFoot {
height: 15px;
background: #b5c834 url('leftCol_foot.jpg') no-repeat bottom center;
}

#webMenu {
height: 117px;
margin-bottom: 48px;
}

#webMenu a {
display: block;
height: 61px;
}

#webMenu a.krkouniLink {
width: 130px; float: left;
}


div#leftColContainer {
background-color: #b5c834;
}

#pokec a {
width: 150px;
margin: 20px 0 20px 0; 
background: #b5c834 url('pokec.jpg') no-repeat center center;
height: 101px;
display: inline-block;
}

#flash {
margin: 0 auto 10px auto;
background-color: white;
height: 150px;
width: 150px;
}


/* ================== MAINMENU ================== */

.box {
margin: 0 10px 10px 10px;
background-color: white;
}

#mainmenu {
background-color: white;
}

#mainmenu a span { display: inline; }
#productMenu a span { display: inline; }
#howtoMenu a span { display: inline; }

.menuHead {
height: 15px;
background: #b5c834 url('box_head.jpg') no-repeat bottom center;
}
.menuFoot {
height: 15px;
background: #b5c834 url('box_foot.jpg') no-repeat top center;
}


.box ul.TreeMenu li {
margin: 1px 6px 1px 6px;  
display: block;
width: 167px;
height: 27px;
overflow: hidden;
}

.box ul.TreeMenu li a {
display: block;
padding: 0px 10px 3px 10px;
text-align: left;
text-decoration: none;
color: black;
font-size: 12pt;
}

.box ul.TreeMenu li a:hover {
background: white url('mainmenu_hover.jpg') no-repeat top center;
}

.box ul.TreeMenu li a span.pos {
display: none;
}

.box ul.TreeMenu li a span {

}

h2#howtoNadpis span, h2#produktyNadpis span {
display: none;
}

h2#howtoNadpis {
height: 30px;
background: transparent url('title_jak_na_to.jpg') no-repeat 20px center;
}
h2#produktyNadpis {
height: 30px;
background: transparent url('title_produkty.jpg') no-repeat 20px center;
}


/* ================== END MAINMENU ================== */

/* ================================= END LEFT COLUMN ==================================== */







/* ================================= RIGHT COLUMN ==================================== */

#rightColumn {
float: right;
width: 200px;
text-align: left;
}




#info {
margin:105px 10px 115px 0px;
font-size:11pt;
line-height: 1.2em;
text-align: left;

}

#info p{
margin:10px 0 0 0;
}

#info .marginTop {
display: inline-block;
margin: 5px 0 0 15px; 
}

#info .cont {
margin-left: 20px;
margin-bottom: 10px;
}


#newsBox {
padding: 0 10px 10px 10px;
background-color: #b5c834;
}

#newsBox .newsBoxContent {
background-color: white;
padding: 0 10px 0 10px;
font-size: 7.5pt;
}

#newsBox .newsBoxContent a {
color: black;
}

#newsBox .newsBoxContent h4 {
line-height: 1.2em;
font-size: 10pt;
}               
#newsBox .newsBoxContent span.newsDate {
font-size: 7pt;
display: block;
margin-bottom: 10px;
}

#newsBox .head {
height: 16px;
background: transparent url('box_head.jpg') no-repeat top center;
}
#newsBox .foot {
height: 15px;
background: transparent url('box_foot.jpg') no-repeat top center;
margin-bottom: 10px;
}
#newsBox .marginTop {
display: inline-block;
margin: 5px 0 0 5px;
}

#rColumnFooter {
height: 72px;
margin-bottom: 10px;
background: transparent url('rightCol_foot.jpg') no-repeat bottom center;   
}

/* ================================= END RIGHT COLUMN ==================================== */



a.linkButton {
display: block;
float: right;
margin-right: 2px;
height: 30px;
width: 30px;
background: transparent url('link_button.jpg') no-repeat center center;
}
a.linkButton span{
display: none;
}














/* ============ KONTAKTNI FORM CONTACT================ */












#footer {
clear: both;
}

#analytics {
display:none;
}

.galeriListBox a {
text-decoration: none;
}

.galeriListItem {
margin-bottom: 10px;
min-height: 210px;
}

.galeriListItem .galeriListImage {
border: 5px solid #ffa035;
float: left;
margin: 0px 20px 10px 0; 
}

.galeriListItem .galeriListImage a {
float: left;
line-height: 0;
}

.onPageGaleriImages li {
float: left;
margin-right: 4px;
margin-bottom: 10px;
width: 124px;
overflow: hidden;
}

.onPageGaleriImages li img {
border: 2px solid #ffa035; 
}
.onPageGaleriImages .noMargin {
margin-right: 0;
}

.onPageGaleriImageContent {
font-size: 8pt;
text-align: center;
}




.titleNewsList a span {
display: inline;
}
.titleNewsList a {
text-decoration: none;
}
.textBlockNewsList img, #centerColumn img {
border: 4px solid #ffa035;
float: left;
margin: 0 10px 10px 0; 
}

.boxNewsList {
padding-bottom: 10px;
margin-bottom: 20px;
border-bottom: 2px solid #ffa035;   
position: relative;
}

#backToNewsList {
position: relative;
}
                  
.moreNewsList {
position: absolute;
right: 0;
bottom: 4px;
padding-right: 22px;
background: transparent url('more.jpg') no-repeat right center;
color: #c36a01;
text-decoration: none;
font-weight: bold;
}



/* ============================= PRODUKTY PRODUCTS ============================ */

#produktList ul li {
color: #003550;
float: left;
width: 236px;
height: 292px;
margin: 0 32px 20px 0;
position: relative;
background: #d4df87 url('product_head.jpg') no-repeat top center;
}
#produktList h3 {
background: url();
padding-left: 0;
}

#produktList h3 a{
color: #003550;
}

#produktList .productContainer {
margin: 0 8px 0 8px;
}

#produktList .productListBoxContent {
position: absolute;
bottom: 0;
right: 0;
width: 236px;
background: white url('product_foot.jpg') no-repeat bottom center;
}

#produktList .noMargin {
margin-right: 0;
}

#produktList .produktListInfo {
float: left;
font-size: 8pt;
padding: 4px 0 4px 8px;
width: 120px;
}
#produktList .produktListInfo select{
font-size: 8pt;
width: 45px;
}

.produktCena {
font-weight: bold;
}

input.produktDokose {
float: right;
border: none;
width: 95px;
font-weight: bold;
color: #003550;
font-size: 8pt;
padding: 5px 30px 5px 10px; 
margin: 8px 8px 0 0;
cursor: pointer;
background: transparent url('doKose_button.jpg') no-repeat right center;
}






#detailProduktImg {
float: left;
margin: 0 20px 20px 0;
}


#lista {
color: #003550;
height: 43px;
background: transparent url('product_lista.jpg') no-repeat center center;
}

#lista .produktCena {
float: left;
margin: 15px 0 0 30px;
}

#lista .produktDokose {
margin-right: 30px;
margin-top: 15px;
}

#lista .produktSize {
float: right;
margin: 15px 10px 0 0; 
}




/* ============================= END PRODUKTY PRODUCTS ============================ */








#obsahKosiku {
font-size: 7.5pt;
width: 100%;
border-collapse: collapse;
}

#obsahKosiku td {
border-bottom: 1px solid #7c8b13;
text-align: center;
}

#obsahKosiku .big {
font-size: 9pt;
padding-top: 15px;
}

#obsahKosiku .lastCol {
width: 160px;
}


#kosfinalsum {
float: left;
margin-top: 20px;
}

#kosbuttons, #objednat {
float: right;
margin-top: 20px;
text-align: center;
}

#kosbuttons #bt_buy, #objednat #bt_buy { 
margin-bottom: 5px;
color: black;
font-size: 13.5pt;
border: none;
cursor: pointer;
width: 227px;
height: 41px;
background: transparent url('kos_button.jpg') no-repeat center center;
}

#objednat {
width: 300px;
float: right;
text-align: right;
}

#objednat #bt_buy {
margin-top: 10px;
}








#pokladnaUziv input {
background: url('input_bg.jpg') no-repeat scroll 0 0 transparent;
width: 197px;
height: 19px;

border: none; 
}


p.info {
color: #a2ba01;
font-size: 90%;
margin-bottom: 20px;
}


div#zaplaceniPomoci input {
margin: 0 10px 10px 0; 
}

div#zaplaceniPomoci label { 
float: right;
width: 500px;
padding-bottom: 10px; 
}

div#zaplaceniPomoci li {
clear: both; 
}


#content textarea#poznamka {
float: left;
background: url('textarea_bg.jpg') no-repeat scroll 0 0 transparent;
width: 525px;
height: 55px;
border: none; 
}




#cmelak, #motyl, #mrak, #mraky {
display: none;
}

#cmelak, #motyl {
position: absolute;
top: 190px;
}



#mrak {
position: absolute;
top: 20px;
}