body {
        font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
        background-image: url(images/bg.gif);
        margin: 0px 0px 10px;
        padding: 0px;
        text-align:center;
        color:  #465D66;
        height: 100%;
        width: 100%;
        font-size: 1em;
}
form, ul, li , h1, h2, h3, h4, h5, h6, dl, dt, ol{
        padding: 0px;
        margin: 0px;
        color: #465D66;

        }
input, textarea{
        padding: 0px;
        margin: 0px;
        color: #465D66;

        }
hr {width: 95%}

a:link {
        color: #764916;
        text-decoration: underline;
        }
a:visited {
        color: #764916;
        text-decoration: underline;
        }
a:hover {
        color: #FF9900;
        }
#navigaceholder{
        background-image: url(images/menu/menul.gif);
        background-position: 0px 0px;
        margin:0px auto;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 36px;
        background-color: #FF9900;
        height: 54px;

        width: 932px;
        _width: 968px; /* this is for IE because of bad rendering, validator dont understand this */
        background-repeat: no-repeat;

        }
#navigace{
        display: block;
        background-image: url(images/menu/menur.gif);
        background-position: 896px 0px;
        margin: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        padding-right: 36px;
        height: 54px;
        width: 896px;
        background-repeat: no-repeat;
        font-size: 10px;
        line-height: 10px;

        }
#navigace ul{
        display: inline;
        }
#navigace li{
        margin:0;
        padding:0;
        float:left;
        list-style:none;
        background-image: url(images/menu/tlacbg.gif);
        }

        #navigace .index a{
                display:block;

                width:62px;
                height:54px;
                background-image: url(images/menu/index.gif);
                background-repeat: no-repeat;
                background-position: 0px 0px;
                text-decoration: none;
                }
        #navigace .index a:hover , #navigace .indexcurrent a{
                display:block;
                width:62px;
                height:54px;
                background-image: url(images/menu/index.gif);
                background-repeat: no-repeat;
                background-position: 0px -54px;
                text-decoration: none;
                }
        #navigace .katalog a{
                display:block;
                width:114px;
                height:54px;
                background-image: url(images/menu/katalog.gif);
                background-repeat: no-repeat;
                background-position: 0px 0px;
                text-decoration: none;
                }
        #navigace .katalog a:hover,#navigace .katalogcurrent a{
                display:block;
                width:114px;
                height:54px;
                background-image: url(images/menu/katalog.gif);
                background-position: 0px -54px;
                }
        #navigace .klub a{
                display:block;
                width:118px;
                height:54px;
                background-image: url(images/menu/klub.gif);
                background-repeat: no-repeat;
                background-position: 0px 0px;
                text-decoration: none;
                }
        #navigace .klub a:hover ,#navigace .klubcurrent  a {
                display:block;
                width:118px;
                height:54px;
                background-image: url(images/menu/klub.gif);
                background-position: 0px -54px;
                }
        #navigace .klic a{
                display:block;
                width:116px;
                height:54px;
                background-image: url(images/menu/klic.gif);
                background-repeat: no-repeat;
                background-position: 0px 0px;
                text-decoration: none;
                }
        #navigace .klic a:hover, #navigace .kliccurrent  a {
                display:block;
                width:116px;
                height:54px;                background-image: url(images/menu/klic.gif);
                background-position: 0px -54px;
                }
        #navigace .obchod a{
                display:block;
                width:133px;
                height:54px;
                background-image: url(images/menu/obchod.gif);
                background-repeat: no-repeat;
                background-position: 0px 0px;
                text-decoration: none;
                }
        #navigace .obchod a:hover, #navigace .obchodcurrent  a {
                display:block;
                width:133px;
                height:54px;
                background-image: url(images/menu/obchod.gif);
                background-position: 0px -54px;
                }
        #navigace .svatinf a{
                display:block;
                width:152px;
                height:54px;
                background-image: url(images/menu/svatinf.gif);
                background-repeat: no-repeat;
                background-position: 0px 0px;
                text-decoration: none;
                }
        #navigace .svatinf a:hover, #navigace .svatinfcurrent  a {
                display:block;
                width:152px;
                height:54px;
                background-image: url(images/menu/svatinf.gif);
                background-position: 0px -54px;
                }
        #navigace .souteze a{
                display:block;
                width:77px;
                height:54px;
                background-image: url(images/menu/souteze.gif);
                background-repeat: no-repeat;
                background-position: 0px 0px;
                text-decoration: none;
                }
        #navigace .souteze a:hover, #navigace .soutezecurrent  a {
                display:block;
                width:77px;
                height:54px;
                background-image: url(images/menu/souteze.gif);
                background-position: 0px -54px;
                }
        #navigace .akce a{
                display:block;
                width:57px;
                height:54px;
                background-image: url(images/menu/akce.gif);
                background-repeat: no-repeat;
                background-position: 0px 0px;
                text-decoration: none;
                }
        #navigace .akce a:hover , #navigace .akcecurrent  a {
                display:block;
                width:57px;
                height:54px;
                background-image: url(images/menu/akce.gif);
                background-position: 0px -54px;
                }
        #navigace .forum a{
                display:block;
                width:67px;
                height:54px;
                background-image: url(images/menu/forum.gif);
                background-repeat: no-repeat;
                background-position: 0px 0px;
                text-decoration: none;
                }
        #navigace .forum a:hover, #navigace .forumcurrent  a {
                display:block;
                width:67px;
                height:54px;
                background-image: url(images/menu/forum.gif);
                background-position: 0px -54px;
                }
        #navigace span{
         visibility: hidden;

        text-decoration: none;
        line-height: 14px;
        vertical-align: top;

                }
h1  {
        display:block;
        margin:0px auto;
        padding: 0;
        width:970px;
        height: 86px;
        text-align: center;
        }
h1 span { display:none;}
h5{
        margin-top: 20px;
        margin-left: 30px;
        text-align:left;}
#loginholder {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 70px;
        padding:0;
        margin:0;
        }
#login {

        width: 970px;
        margin: 0px auto;
        padding: 0;
        height: 70px;
        }
#login h2 {
        display:none;
        }
#login form{

        width: 158px;
        margin: 0px;
        text-align: left;
        padding-top: 5px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left:  793px;
        _padding-left:  763px;  /* this is for IE because of bad rendering, validator dont understand this */
        font-size: 9px;
                color: #666666;
                height: 70px;

        }
input {
        font-size: 9px;
        margin: 3px 3px 3px 0px;
        }
#login table {
        font-size: 9px;

        }

/* INDEX PODS ///////////////////////////////////////// */
#searchpod {
        width: 192px;
        height: 93px;
        background-image: url(images/searchpod.gif);
        padding: 0px;
        margin-bottom: 4px;
        }
#searchpod h2{
        font-family: Verdana, lucida, arial, helvetica, sans-serif;
        font-size: 12px;
        color: #6285A4;
        padding: 0px;
        margin: 0px;
        padding-top: 6px;
        margin-bottom: 22px;
        text-align: center;

        }

#podholder {
        width: 945px;
        height: 150px;
        margin: 0px auto;
        }
.minipod {
        float: left;
        width: 315px;
        height: 150px;
        background-image: url(images/minipod.gif);
        padding: 0px;
        }
.minipod h2{
        font-family: Verdana, lucida, arial, helvetica, sans-serif;
        font-size: 12px;
        color: #FFFFFF;
        margin: 0px;
        margin-top: 10px;
        margin-bottom: 8px;
        text-align: center;
        padding: 0px;
        }
.novinky {
        padding: 0px;
text-align:left;
        overflow: auto;
        margin: 0px 0px 0px 20px;
        _margin: 0px 0px 0px 0px;  /* this is for IE because of bad rendering, validator dont understand this */
        height: 100px;
        _height: 100px;  /* this is for IE because of bad rendering, validator dont understand this */
        width: 272px;
}

.novinka{
text-align:left;
        margin: 0px 0px 4px;
        padding: 2px;
        }
.datum{
        color: #AAAAAA;
        font-size: 9px;
        line-height: 12px;
        margin: 0px;
        padding: 0px;
        font-family: Geneva, Arial, Helvetica, sans-serif;
        }
.novinka h4{
        color:#C95A00;
        font-weight: bold;
        font-size: 13px;
        margin: 0px;
        padding: 0px;
        line-height: 18px;
        }
.novinka p{
        font-size: 11px;
        margin: 0px;
        padding: 0px;
        }
/* CONTENT ///////////////////////////////////////// */
#contentholder{
        width: 948px;
        margin: 0px auto;
        margin-top: 2px;
        }
#leftcolumn{
        width: 192px;
        margin: 0px;
        padding: 0px;
        float: left;
        }
#rightcolumn{
        width: 192px;
        margin: 0px;
        padding: 0px;
        float: left;
        }
#content{
        width: 564px;
        margin: 0px;
        padding: 0px;
        float: left;

        }
#content h3 {
        text-align: left;
        font-size: 100%;
        padding-top: 20px;
        padding-right: 20px;
        padding-bottom: 0px;
        padding-left: 30px;
        }
#content h4 {
        text-align: left;
        font-size: 90%;
        padding-top: 10px;
        padding-right: 20px;
        padding-bottom: 0px;
        padding-left: 30px;
        color: #B36800;
        }
.programname {
        text-align: left;
        font-size: 130%;
        padding-top: 10px;
        padding-right: 20px;
        padding-bottom: 10px;
        padding-left: 20px;
        margin-left: 12px;
        margin-top: 20px;
        margin-right: 12px;
        color: #ffffff;
        background-color: #F5A724;
        border-top: 2px solid #ffc769;
        border-bottom: 2px solid #ffc769;
        }

#contentin{
        width: 564px;
        min-height: 400px;
        margin: 0px;
        padding: 0px;
        padding-bottom:14px;
        background-image: url(images/contentbg.gif);
        }

.clear{
        clear: both;
        margin:0;
        padding:0;
        visibility: hidden;
        }
#content h2{
        font-family: Verdana, lucida, arial, helvetica, sans-serif;
        width: 564px;
        height: 36px;
        _height: 52px;
        margin: 0px;
        padding: 16px 0px 0px 0px;
        background-image: url(images/contenthead.gif);
        background-repeat: no-repeat;
        text-align:left;
        color: white;
        font-size: 13px;
        line-height: 20px;

        }
        #content h2 .indexh2{
                margin: 0px 0px 0px 20px;
                padding: 3px 0px 6px 36px;
                background-image: url(images/icos/index.gif);
                background-repeat: no-repeat;
                font-size: 100%;

                }
        #content h2 .katalogh2{
                margin: 0px 0px 0px 20px;
                padding: 3px 0px 6px 36px;
                background-image: url(images/icos/katalog.gif);
                background-repeat: no-repeat;
                font-size: 100%;

                }
        #content h2 .katalogh2 a{
                color: white;
                text-decoration: underline;
                }

        #content h2 .svatinfh2{
                margin: 0px 0px 0px 20px;
                padding: 3px 0px 6px 36px;
                background-image: url(images/icos/svatinf.gif);
                background-repeat: no-repeat;

                }

        #content h2 .svatklich2{
                margin: 0px 0px 0px 20px;
                padding: 3px 0px 6px 36px;
                background-image: url(images/icos/klic.gif);
                background-repeat: no-repeat;
             }
        #content h2 .shoph2{
                margin: 0px 0px 0px 20px;
                padding: 3px 0px 6px 36px;
                background-image: url(images/icos/shop.gif);
                background-repeat: no-repeat;

                }
        #content h2 .clubh2{
                margin: 0px 0px 0px 20px;
                padding: 3px 0px 6px 36px;
                background-image: url(images/icos/club.gif);
                background-repeat: no-repeat;

                }
        #content h2 .akceh2{
                margin: 0px 0px 0px 20px;
                padding: 3px 0px 6px 36px;
                background-image: url(images/icos/akce.gif);
                background-repeat: no-repeat;

                }
        #content h2 .soutezeh2{
                margin: 0px 0px 0px 20px;
                padding: 3px 0px 6px 36px;
                background-image: url(images/icos/soutez.gif);
                background-repeat: no-repeat;

                }
#contentfooter{
        width: 564px;
        height: 9px;
        margin: 0px;
        padding: 0px;
        background-image: url(images/contentfoot.gif);
        background-repeat: no-repeat;
        clear: both;
        }
#content p, #content ol, #content ul{
        text-align:left;
        margin: 5px 30px 5px 30px;
        padding-left: 0px;
        padding-right: 20px;
        _padding-left: 0px;
        _padding-right: 0px;
        padding-top: 10px;
        padding-bottom: 0px;
        font-size: 90%;
        line-height: 1.4em;
        }

#content ul dl{
        padding: 0px;
        padding-top: 10px;
        margin: 0px;
        margin-left: 10px;
        text-align: left;
        list-style-position: inside;
        list-style-type: square;

        }
#content li {
        padding: 0px;
        margin: 0px;
        margin-bottom: 5px;
        margin-left: 20px;
        text-align: left;
        list-style-position: outside;
        list-style-image: url(images/ulli.gif);
        font-size: 90%;
        }
#content li ul li{
        padding: 0px;
        margin: 0px;
        margin-top: 5px;

        text-align: left;
        list-style-position: inside;
        list-style:none;

        border-bottom: 1px dotted #666666;
        color: #666666;
        font-size: 110%;
                        padding-bottom:5px;
        }
#content li ul{

        padding: 0px;
        margin: 5px;
        margin-left: 20px;
        margin-right: 60px;
        text-align: left;
        list-style-position: inside;
        list-style-type: square;
        border-top: 1px dotted #666666;

        }
#katholder {
        width: 540px;
        padding: 0px;
        margin: 12px;
        margin-top: 0px;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #FFFFFF;
font-size: 10px;
        }
#katholder, #katholder h4{
        font-family: Verdana, lucida, arial, helvetica, sans-serif;

        }
#katholder h4{
        margin: 0px;
        font-size: 12px;
        padding:0;
        padding-top:0px;
        }
.kategorie{
        text-align:left;
        color: #465D66;
        text-decoration:none;
        background-repeat: repeat-x;
        width: 248px;
        _width: 270px;
        float: left;
        height: 52px;
        overflow: hidden;
        margin:0px 0px 0px;
        padding:0px 10px 0px 10px;
        background-image: url(images/tlacgrad.jpg);
        border-left: 1px solid white;
}
.kategorie span{

        }
.kategorie a , .kategorie2 a {
        text-decoration: none;
        }
.kategorie a:link , .kategorie2 a:link {
        text-decoration: none;
        }
.kategorie a:hover , .kategorie2 a:hover {
        text-decoration: none;
        color:  #333333;
        }
.kategorie h4{
        font-size: 14px;
        text-align:left;
        border-top: 10px solid  #F4F8F9;
        margin: 5px;
        }



#submenu {
        display: block;
        width: 192px;
        background-image: url(images/submenubg.gif);
        padding: 0px;
        }
#subul {
        display: block;
        background-image: url(images/submenub.gif);
        padding: 0;
        margin: 0;
        background-repeat: no-repeat;
        background-position: left bottom;
        padding: 15px;
        padding-left: 30px;
        list-style-image: url(images/li.gif);
        font-weight: bold;
        font-size: 13px;
        }
.suboff{
        display: none;
        font-weight: normal;
        padding-left: 10px;

        font-size: 12px;
        }
.subon {
        display: block;
        font-weight: normal;
        padding-left: 10px;
        padding-top: 10px;
        font-size: 12px;
        }
#subul li {
        list-style-type: disc;
        }
#submenu li{
        text-align: left;
        padding: 0;
        padding-bottom: 10px;
        margin: 0;

        }
#submenu li a{
        color: #465D66;
        text-decoration: none;
        }
#submenu li a:hover{
        color: #764916;
        text-decoration: underline;
        }
.panelholder{
        background-image: url(images/panelbg.gif);

        }
.panelholder h4{
        font-family: Verdana, lucida, arial, helvetica, sans-serif;
        font-size: 12px;
        color: #ffffff;
        padding-top: 10px;
        }
.panelholder2{
        background-image: url(images/panelbg2.gif);

        }
.panelholder2 h4{
        font-family: Verdana, lucida, arial, helvetica, sans-serif;
        font-size: 12px;
        color: #ffffff;
        padding-top: 10px;
        }
.panel{
        text-align: left;
        background-image: url(images/panelbot.gif);
        background-repeat: no-repeat;
        background-position: left bottom;
        padding:15px;
        margin:0;
        font-size: 13px;
        line-height: 16px;
        }
.panel h4{
        padding:0;
        margin:0;
        }
.panel p{
        padding:0;
        margin:0;
        margin-bottom:5px;
        }
.panel ul, .panel li{
        font-family: Verdana, lucida, arial, helvetica, sans-serif;
        font-size: 11px;
        padding:0px;
        margin:0px;
        list-style:none;
        padding-bottom: 2px;
        }
.panel ul a{
        text-decoration:none;
        border-left: solid 2px  #FF9900;
        padding-left: 8px;
        margin-left: 0px;
        color: #764916;
        font-weight: bold;
        }
.panel ul a:hover{
        text-decoration:none;
        border-left: 6px solid #FF9900;
        padding-left: 3px;
        color: #764916;
        font-weight: bold;
                }
.panel ul a:active, #currentkat{
        text-decoration:none;
        border-left: 6px solid #FF9900;
        padding-left: 4px;
        color: #aa6600;
        font-weight: bold;
                }
.panel  a{
        padding:0;
        margin:0;

                text-decoration:none;
                color: #764916;
                }
.panel  a:hover{

        text-decoration:none;
        color: #FF9900;
                }
.panel form{
        text-align: center;
                }
.panel li ul{
        padding-bottom:10px;

                }
.panel li ul li{
        padding:3px;
        margin:0;
        margin-left: 8px;
        list-style: none;
        border-bottom: 1px dotted #764916;
                }
.panel li ul li a{
        font-weight: normal;
        padding:0;
        margin:0;
        border: none;
        color: #764916;

        }
.panel li ul li a:hover, .panel li ul li a:active{

        font-weight: normal;
        padding:0;
        margin:0;
        border: none;
        color: #FF9900;
        }
/* SHOP ///////////////////////////////////////// */
#latest{
        padding: 30px;
        }
.shopitem{
        padding: 10px;
        margin: 2px;
        _margin: 1px;
        float:left;
        text-align:center;
        border: 1px solid #CCCCCC;
}
.shopitem span{
        display:block;
        text-align:center;
}
/* katalog /////////////////////////////////////////////////////// */
#firmy, .firmy, .archiv {
        text-align: left;
        }
.firma{
        font-size: 85%;
        margin-left: 30px;
        margin-right: 30px;
        margin-top: 10px;
        padding-top:10px;
        text-align: left;
        border-top: dotted 1px #aaaaaa;
        background-color: white;
        }
.exclusive{
        font-size: 14px;
        background-color: #F3F1EE;
        margin-left: 20px;
        margin-right: 20px;
        _margin-right: 30px;
        margin-top: 10px;
        padding-left: 10px;
        padding-right: 20px;
        _padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: left;
        border-left: dotted 3px white;
        border-right: dotted 3px white;
        border-top: dotted 3px white;
        border-bottom: dotted 3px white;
        }
.exclusive h5{
        font-size: 13px;
        margin-top: 20px;
        margin-left: 0px;
        text-align:left;
        }
#firmy h4, .firmy h4{
        font-size: 120%;
        padding-bottom: 5px;
        padding-left:0;
        padding-top:0;
        }
#firmy .web, #firmy table, .firmy .web, .firmy table{
        font-size: 95%;
        display:block;
        }
#firmy p, .firmy p{
        padding: 0;
        padding-bottom: 5px;
        margin: 0;
        font-size: 100%;
        display:inline;
        position:relative;
        margin: 0 0 0 0px;
        }
.pholder{
        display:inline;
        position:relative;
        }
#firmy a, .firmy a{
        color: #764916;
        }
/* Hide from IE5-mac \*/
.floatbox {
float: left;
width: 70px;
_width: 60px;
height: 60px;
}
* html .floatbox {
margin-right: 7px;
}

* html .exclusive p {

position:relative;

margin-left: 0;

}
.details{
        color: #764916;
        }
.firmafotos img{
        margin: 9px;
        border: solid 2px white;
        }
img{
        border: 0px;
}

#firmy input ,.firmy input {
        font-size: 11px;
        margin: 3px 3px 3px 0px;
        }
.rc {
margin-left: 10px;
        }
.floatimage{
float:right;
margin-right:30px;
margin-top: 20px;
        }
.vyplform a
        {
        display:block;
        float: right;
        padding-left: 10px;
        text-decoration:none;
        clear:both;
        }
.vyplnit{
        float: right;
        font-size: 11px;
        line-height: 20px;
        padding-top: 5px;
        margin-right: 18px;
        color: #ffffff;
        font-weight: bold;
        clear: both;
        }
.vyplnit a:link , .vyplnit a:visited {
        color: #ffffff;
        text-decoration: none;
        }
.nahoru{
        font-size: 11px;
        margin:10px;
        }
.error {
        color: red;
        font-weight: bold;
        font-size: 11px;
        text-align:left;
        margin: 5px 30px 5px 30px;
        padding-left: 0px;
        padding-right: 20px;
        _padding-left: 0px;
        _padding-right: 0px;
        padding-top: 10px;
        padding-bottom: 0px;
        }
.hlaska {
        color: green;
        font-weight: bold;
        font-size: 14px;
        text-align:center;
        margin: 5px 30px 5px 30px;
        padding-left: 0px;
        padding-right: 20px;
        _padding-left: 0px;
        _padding-right: 0px;
        padding-top: 10px;
        padding-bottom: 0px;
        }

#loginform {
padding:20px;
        }
#copy{
        text-align: center;
        font-size: 9px;
        color: #585959;
        font-family: Verdana, Arial, Helvetica, sans-serif;

        }
#copy a{
        color: #585959;

        }
.poznamka {
        font-size: 8px;
        color: #660000;
        }
.star{
        color: #ff0000;
        font-size: 110%;
        }
.inputRequirement{
    color: #ff0000;
    margin: 5px;
    }
small{
    width:300px;
}
.ceniktable {
        font-size: small !important;        font-size: x-small;
        text-align: left;
        margin: 10px 20px;

        }
.ceniktable td{
        padding: 5px;
        border: 1px solid #F0F0F0;
        }
.ceniktable .tabhead {
        font-weight: bold;
        background-color: #EEEEEE;
        }
.legend {
        font-size: x-small !important;        font-size: xx-small;
        margin: 0px 0;
        display:block;
        }

/* darky */
.oznameni {
        font-family: Georgia, "Times New Roman", Times, serif;
        background-image: url(images/deco.gif);
        margin: 0 14px;
        padding-bottom: 15px;

        }

.oznameni h3 {
        font-size: 150%;

        }
.oznameni p {
        font-size: 100%;

        }