* {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;}
.bold {font-weight: bold;}
.cleaner {clear: both !important;}
span.showspan {display:inline;}

fieldset, img {border:none;} 

hr {display: none;}

p {
padding:0 0 8px 0;
}

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

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

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

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

#area {
width: 100%;
}


#container {
float: left;
width: 580px; 
background: #FFA133 url('container_head.jpg') no-repeat center top;
/* background: transparent url('content_bg.jpg') repeat-y center top; */
}

    #content {
    /* margin: 35px; */
    margin: 0 10px 0 10px;
    padding: 0 25px 0 25px;
    background: white url('content_head.jpg') no-repeat center top;
    text-align: left;
    min-height: 460px;
    }
    
    #contentFooter {
    height: 45px;
    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: 430px;
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;
}




#newsMenu ul li span {
    display: block;
    height: 29px;
    line-height: 29px;
    padding-right: 10px;
    float: left;
    cursor: pointer;
}

#newsMenu ul li span.pos {
    display: none;
}

#newsMenu {
    background-color: #ffa133;
    position: relative;
    float: left;
    width: 100%;
    margin: 2px 0 5px 0;
    padding: 5px 0 5px 0;
}

.c_lb, .c_rb, .c_lt, .c_rt {
    position: absolute;
    width: 6px;
    height: 6px;
    background-image: url('newsmenu_bg.jpg');
    background-color: transparent;
}

.c_lt {
    top: 0;
    left: 0;
    background-position: left top;
}
.c_rt {
    top: 0;
    right: 0;
    background-position: right top;
}
.c_lb {
    bottom: 0;
    left: 0;
    background-position: left bottom;
}
.c_rb {
    bottom: 0;
    right: 0;
    background-position: right bottom;
}




#newsMenu ul li {
    display: block;
    float: left;
    margin-left: 5px;
}

#newsMenu a {
    color: #3e3e3e;
    font-weight: bold;
    text-decoration: none;
    padding-left: 10px;
    height: 29px;
    float: left;
}


#newsMenu a:hover, #newsMenu li.active a {
    color: white;
    background-color: #ff8a00;
    background: #ff8a00 url('newsmenu_item_l.jpg') no-repeat left center;
}

#newsMenu a:hover span, #newsMenu li.active a span {
    background: #ff8a00 url('newsmenu_item.jpg') no-repeat right center;
}




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

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



#topHeader {
width: 1000px;
height: 63px;
overflow: hidden;
position: relative;
text-align: left;
background: transparent url('header_rohy.jpg') no-repeat 652px 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: 10px;
}

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: 64px;
padding-top: 15px;
background: transparent url('footer_bg.jpg') no-repeat center center;
}


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














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

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

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

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

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

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


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

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

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


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

#mainmenu {
background-color: white;
margin: 0 10px 0 10px;
}
#mainmenu a span { display: inline; }

#mainmenu #mainmenuHead {
height: 15px;
background: #ffa133 url('mainmenu_head.jpg') no-repeat bottom center;
}
#mainmenu #mainmenuFoot {
height: 15px;
background: #ffa133 url('newsBox_foot.jpg') no-repeat top center;
}


#mainmenu ul.TreeMenu li {
margin: 1px 6px 1px 6px;  
display: block;
width: 167px;
height: 27px;
}

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

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

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

#mainmenu ul.TreeMenu li a span {

}


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

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







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

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



#info {
margin:125px 5px 110px 0px;
font-size:10pt;
line-height: 8px;
text-align: center;

}

#info p{
margin:10px 0 0 0;
}
#info #svatekDnes{display:block; font-weight: bold;}
#info #svatekZitra{font-weight: bold; margin:8px 0 0 0px;display:block;line-height: 13px;}
#info #date{font-weight: bold;}

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

#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('newsBox_head.jpg') no-repeat top center;
}
#newsBox .foot {
height: 15px;
background: transparent url('newsBox_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================ */







#newlist {
background-color: white;
}




#footer {
clear: both;
}

#analytics {
display:none;
}

.galeriListBox a {
text-decoration: none;
}

.galeriListItem {
margin-bottom: 10px;
min-height: 210px;
float: left;
margin: 0 30px 30px 25px;
width: 195px;
}

.galeriListItem .galeriListImage {
text-align: center;
}

.galeriListItem .galeriListImage img {
border: 5px solid #ffa035;
}


.galeriListItem .galeriListCount {
margin-bottom: 10px;
text-align: center;
font-size: 8pt;
}

.galeriListItem .galeriListImage a {
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; 
}

#centerColumn {
    padding-bottom: 19px;
    position: relative;
}

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

#backToNewsList {
position: absolute;
right: 0;
bottom: 0;
width: 250px;
text-align: right;
}
                  
.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;
}


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

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

#mraky {
position: absolute;
top: 60px;
}

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

#headerFlash {
text-align: left;
position: relative;
left: 6px;
}










.addComment input, .addComment textarea {
    background-color: #F0F0F0;
    border: 1px solid #BBBBBB;
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 22px;
}

.addComment input {
    width: 252px;
    height: 22px;
}

.addComment textarea {
    width: 510px;
    font: 13px Arial,Tahoma,sans-serif;
    line-height: 22px;
}

.addComment .com_mail {
    float: right;
}

#work .comment_button {
    width: 79px;
    float: right;
    font-size: 12px;
    height: 17px;
    color: white;
    border: none;
    background: transparent url('comment_button.jpg') no-repeat center center;

}

form.reaction {
    display: none;
}



.commentHeader {
    border-bottom: 1px solid #ff8a00;
}

.comment {
    margin-top: 8px;
}

.comment-text {
    padding: 8px 0;
    text-align: justify;
}

.comment-2 .commentHeader, .comment-2 .comment-text {
    padding: 0 15px;
}

.comment-2 {
    margin-left: 20px;
    background-color: #ffeed9;
    padding: 5px 0;
}

.codeImg, .codeInput {
    float: left;
    margin-right: 5px;
}

.addComment input.codeInput {
    width: 50px;
    text-align: center;
    text-transform: uppercase;

}


.addComment .mess {
    color: red;
    line-height: 22px;
}

#fb_btn {
    position: relative;
}

#fb_btn a {
    position: absolute;
    right: 20px;
    top: -30px;
}


ul.lister {
    float: right;
    margin-top: 10px;
}

ul.lister li {
    float: left;
}

ul.lister li a, ul.lister li span {
    padding: 2px 5px;
    border: 1px solid orange;
    margin-left: 4px;
    text-decoration: none;
    color: orange;
}

ul.lister li a:hover, ul.lister .active span {
    background-color: orange;
    color: white;
}

ul.lister li.prev, ul.lister li.max, ul.lister li.next {
    display: none;
}




#divId {
    z-index: 9999;
}

#hpboxes {
    z-index: 0;
}


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

#jsSlider ul li {
    display: block;
}

#jsSlider ul li .xContent {
    height: 480px;
    width: 665px;
    margin: 10px 0px 0 5px;
    overflow-y: auto !important;
    overflow-x: hidden;
}

.xxContent {
    margin-right: 5px;
}

#toLeft a, #toRight a {
    float: left;
    height: 490px;
    width: 30px;
    cursor: pointer;
    margin: 0 15px 0 0;
    outline: none;
    background: transparent url('arrows.png') no-repeat left center;
}
#toLeft span, #toRight span {display: none;}

#toRight a {
    float: right;
    margin: 0px;
    background-position: right center;
}