body, html {
scrollbar-base-color: #FCBF26; margin: 0px; font-family: Verdana; font-size:11px; font-weight : normal} table {font-family: Verdana; font-size: 11px; color: #31240B}

.body {background-color:#FCBF26}
.white  {background-color:#FFFFFF}
.bottom {background-image: url('pictures/bottom.gif'); background-repeat: repeat-x}

.logo {background-image: url('pictures/logo3.jpg'); background-repeat: no-repeat; font-family: trebuchet MS; font-size:13px; color: #E8E8E8; text-decoration: none; font-weight : bold}
.menu {background-image: url('pictures/menu.gif'); background-repeat: no-repeat}
.odkazy {background-image: url('pictures/odkazy.gif'); background-repeat: no-repeat}
.aktualne {background-image: url('pictures/aktualne.gif'); background-repeat: no-repeat}
.sponzori {background-image: url('pictures/sponzori.gif'); background-repeat: no-repeat}
.admin {background-image: url('pictures/admin.jpg'); background-repeat: no-repeat}
.cinka {background-image: url('pictures/cinka.jpg'); background-repeat: no-repeat}
.club {background-image: url('pictures/club.jpg'); background-repeat: no-repeat}
.pohar {background-image: url('pictures/pohar.jpg'); background-repeat: no-repeat}

.lajna {background-color:#31240B}
.lista {background-image: url('pictures/lista.gif'); background-repeat: repeat-y}
.lista2 {background-image: url('pictures/lista2.gif'); background-repeat: repeat-y}
.line {background-image: url('pictures/line.gif'); background-repeat: repeat-y}
.line2 {background-image: url('pictures/line2.gif'); background-repeat: repeat-y}
.top {background-image: url('pictures/top.gif'); background-repeat: repeat-x}
.lista_bottom {background-image: url('pictures/lista_bottom.gif'); background-repeat: no-repeat}
.lista2_bottom {background-image: url('pictures/lista2_bottom.gif'); background-repeat: no-repeat}
.oblouk_top_left {background-image: url('pictures/oblouk_top_left.gif'); background-repeat: no-repeat}
.oblouk_top_right {background-image: url('pictures/oblouk_top_right.gif'); background-repeat: no-repeat}
.oblouk_bottom_left {background-image: url('pictures/oblouk_bottom_left.gif'); background-repeat: no-repeat}
.oblouk_bottom_right {background-image: url('pictures/oblouk_bottom_right.gif'); background-repeat: no-repeat}

.form {font-family:Verdana;font-size:11px;color: #31240B; border:1px solid #31240B;width:300px; background-color: #ffffff}

 .nadpis {font-size: 15px; font-weight : bold; font-family: trebuchet MS; color: #31240B}
 .nadpis :link    {color: #31240B; text-decoration: underline}
 .nadpis :visited {color: #31240B}
 .nadpis :active  {color: #31240B}
 .nadpis :hover   {color: #FCBF26; text-decoration: none}

#content_bottom {display: none;}

 .velke {
 font-size: 17px;
 color: #31240B;
 font-weight : bold;
 font-family: trebuchet MS;
 font-variant: small-caps;
 background-image: url('pictures/arrow4.gif');
 background-repeat: no-repeat;
 background-position: center right;
         }

.odkaz {color: #31240B; font-family: Verdana; font-size:11px; font-weight : normal; text-decoration: none}
.odkaz :link {color: #31240B}
 .odkaz :visited {color: #31240B}
  .odkaz :active {color: #31240B}
.odkaz :hover {color: #FFFFFF; text-decoration: none}

.vyrazne {color: #31240B; font-family: Verdana; font-size:11px; font-weight : normal; text-decoration: none}
.vyrazne :link {color: #31240B}
 .vyrazne :visited {color: #31240B}
  .vyrazne :active {color: #31240B}
.vyrazne :hover {color: #FCBF26; text-decoration: none}

.male {color: #31240B; font-family: Verdana; font-size:10px; font-weight : normal; text-decoration: none}
.male :link {color: #31240B; text-decoration: none}
 .male :visited {color: #31240B; text-decoration: none}
  .male :active {color: #31240B; text-decoration: none}
.male :hover {color: #FCBF26; text-decoration: none}

.caution {color: #E20000; font-weight : bold}
.check {color: #008215; font-weight : bold}

.border {border:2px solid #474747}
.border :link {border:2px solid #474747}
.border :visited {border:2px solid #474747}
.border :active {border:2px solid #474747}
.border :hover {border:2px solid #FCBF26; filter: alpha(opacity=50%)}



 /* ---------------------------------------------------------------- */

.suckerdiv ul{
font-size: 17px;
font-weight : bold;
font-family: trebuchet MS;
font-variant: small-caps;
margin: 0;
padding: 0;
list-style-type: none;
width: 156px; /* Width of Menu Items */
}

.suckerdiv ul li{
position: relative;
background-image: url('pictures/arrow2.gif');
background-repeat: no-repeat;
background-position: center left;

}

/*Sub level menu items */
.suckerdiv ul li ul{
border-left:1px solid #474747; border-right:1px solid #474747; border-top:1px solid #474747;
font-weight : bold;
position: absolute;
width: 130px; /*sub menu width*/
top: 0;
visibility: hidden;
}

/* Sub level menu links style */
.suckerdiv ul li a{
 display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #31240B;
text-decoration: none;
 padding-left:25px; padding-right:5px; padding-top:0px; padding-bottom:0px
}

.suckerdiv ul li a:visited{
color: #31240B;
}

.suckerdiv ul li a:hover{
background-image: url('pictures/arrow3.gif');
background-repeat: no-repeat;
background-position: center left;
color: #6A4E18;
background-color: #FCBF26;
}

.suckerdiv .subfolderstyle{
background: url('../img/arrow-list.gif') no-repeat center right;
}


/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */


/* ---------------------------------------------------------------- */




#lightbox{        position: absolute;        left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%        ; }

#imageData{        padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;        }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;        }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


      
#fbplikebox {
    display: block;
    padding: 0;
    z-index: 99999;
    position: fixed;
}

.fb-page {
    width: 250px !important;
}

.fbplbadge {
    background-color: #3B5998;
    display: block;
    height: 150px;
    /* top: 50%; */
    /* top: 100px; */
    top: 0px;
    /* margin-top: -75px; */
    position: absolute;
    left: -47px;
    width: 47px;
    background-image: url(http://1.bp.blogspot.com/-PUYBb2326SY/T13eXFv1sPI/AAAAAAAABdE/VOqfHVMXhWk/s1600/w2b_vertical-right.png);
    background-repeat: no-repeat;
    overflow: hidden;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}