/* 
    Document   : css
    Created on : 5.11.2009, 22:58:00
    Author     : Doctor
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body{
    margin:0 auto;
    background:#228742;
    font-family:Arial,Helvetica,sans-serif;
}
#main{
    width:1000px;
    margin:0px auto;

}
h1{
    font-size:16px;
    margin-top:10px;
    margin-bottom:0px;
}


/* Nastavení pozadí a bloků */

#bg-top-repeat{
    background:transparent url(../images/bg-top-repeat.jpg) repeat-x scroll 0 0;
    height:174px;
    width:auto;
}
#bg-top-bg{
    background:transparent url(../images/bg-top-bg.jpg) no-repeat scroll 0 0;
    height:174px;
    margin:auto;
    width:1000px;
}

#bg-top-search{
    background:transparent url(../images/bg-top-search.png) no-repeat scroll 0 0;
    float:right;
    height:48px;
    margin:0 0 0 516px;
    position:absolute;
    width:296px;
}
.bg-top-menu-11{margin:0 0 0 110px;position:relative;height:auto;width:auto;float:left;}
.bg-top-menu-11 a{color:black;text-decoration:none;}
.bg-top-menu-11 a:hover{text-decoration:underline;}

.bg-top-menu-12{margin:0 0 0 20px;position:relative;height:auto;width:auto;float:left;}
.bg-top-menu-12 a{color:black;text-decoration:none;}
.bg-top-menu-12 a:hover{text-decoration:underline;}

.bg-top-menu-21{margin:116px 0 0 110px;position:absolute;height:auto;width:auto;float:left;}
.bg-top-menu-21 a{color:white;text-decoration:none;}
.bg-top-menu-21 a:hover{text-decoration:underline;}

.bg-top-menu-22{margin:116px 0 0 240px;position:absolute;height:auto;width:auto;float:left;}
.bg-top-menu-22 a{color:white;text-decoration:none;}
.bg-top-menu-22 a:hover{text-decoration:underline;}

.bg-top-menu-23{margin:116px 0 0 378px;position:absolute;height:auto;width:auto;float:left;}
.bg-top-menu-23 a{color:white;text-decoration:none;}
.bg-top-menu-23 a:hover{text-decoration:underline;}

.bg-top-menu a{color:white;text-decoration:none;}
.bg-top-menu a:hover{text-decoration:underline;}
.bg-menu-left{
    background:transparent url(../images/hledat-left.png) no-repeat scroll 0 0;
    height:50px;
    width:18px;
    float:left;
}
.bg-menu-center{
    background:transparent url(../images/hledat-center.png) repeat-x scroll 0 0;
    height:50px;
    width:auto;
    float:left;
    padding:10px;
}
.bg-menu-right{
    background:transparent url(../images/hledat-right.png) no-repeat scroll 0 0;
    height:50px;
    width:20px;
    float:left;
}
.bg-menu-2-left{background:transparent url(../images/bg-menu-left.png) no-repeat scroll 0 0;height:50px;width:18px;float:left;}
.bg-menu-2-center{background:transparent url(../images/bg-menu-center.png) repeat-x scroll 0 0;height:30px;width:auto;float:left;padding:20px 10px 10px;}
.bg-menu-2-right{background:transparent url(../images/bg-menu-right.png) no-repeat scroll 0 0;height:50px;width:20px;float:left;}
/* Sloupce */

#obsah{
    margin:175px 0 0 205px;
    position:absolute;
    width:590px;
    z-index:-25;
}
#menu-leve{
    margin:175px 0 0 5px;
    position:absolute;
    width:202px;
}
#menu-prave{
    margin:175px 0 0 806px;
    position:absolute;
    width:200px;
}

/* Odkazy */

.bg-menu-kategorie-middle a{
    display:block;
    margin-left:-9px;
    padding-left:14px;
    width:170px;
    text-decoration:none;
    color:black;
}
.bg-menu-kategorie-middle a:hover{
    background:white;
    display:block;
    
}




/* Nastavení kategorie */

.bg-menu-kategorie-top-left{
    background:transparent url(../images/kategorie/bg-menu-kategorie-top-left.png) no-repeat scroll 0 0;
    width:18px;
    height:28px;
    margin:0px 0px 0px 0px;
    float:left;
    position:relative;
    }
.bg-menu-kategorie-top-center{
    background:transparent url(../images/kategorie/bg-menu-kategorie-top-center.png) repeat-x scroll 0 0;
    width:auto;
    height:21px;
    padding-top:7px;
    margin:0px 0px 0px 0px;
    float:left;
    position:relative;
    font-family:arial;
    font-weight:bold;
}
.bg-menu-kategorie-top-center a{
    color:black;
    text-decoration:none;
}
.bg-menu-kategorie-top-center a:hover{
    color:white;
    text-decoration:none;
}
.bg-menu-kategorie-top-right{
    background:transparent url(../images/kategorie/bg-menu-kategorie-top-right.png) no-repeat scroll 0 0;
    width:17px;
    height:28px;
    margin:0px 0px 0px 0px;
    float:left;
    position:relative;
}
.bg-menu-kategorie-middle-top{
    background:transparent url(../images/kategorie/bg-menu-kategorie-middle-top.png) no-repeat scroll 0 0;
    width:194px;
    height:8px;
    margin:-5px 0 0;
    float:left;
    position:relative;
}
.bg-menu-kategorie-middle{
    background:transparent url(../images/kategorie/bg-menu-kategorie-middle.png) repeat-y scroll 0 0;
    width:194px;
    margin:0px 0px 0px 0px;
    float:left;
    position:relative;
}
.kategorie-middle{
    width:168px;
    padding:2px 14px;
    float:left;
    position:relative;
}
.kategorie-middle span{
    font-size:10px;
}

.bg-menu-kategorie-bottom{
    background:transparent url(../images/kategorie/bg-menu-kategorie-bottom.png) no-repeat scroll 0 0;
    width:194px;
    height:10px;
    margin:0px 0px 0px 0px;
    float:left;
    position:relative;
}
.menu-kategorie{
   width:201px;
   margin-left:-3px;
}
.menu-kategorie a{
    
}
.menu-bar-top{
   background:transparent url(../images/bg-zbozi-header.png) no-repeat scroll 0 0;
   width:188px;
   height:26px;
   text-align:center;
}
.menu-bar-top img{
    margin-top:4px;
}
.menu-bar-middle{
   background:transparent url(../images/bg-zbozi-middle.jpg) repeat-y scroll 0 0;
   width:188px;
   overflow:hidden;
}
.menu-bar-bottom{
   background:transparent url(../images/bg-zbozi-footer.png) no-repeat scroll 0 0;
   width:188px;
   height:10px;
   padding-bottom:8px;
}
.search{
    background:transparent none repeat scroll 0 0;
    border:2px solid black;
    float:left;
    height:16px;
    width:150px;
    margin:11px 0 0 18px;
    position:relative;
}

.hledat{
    background:transparent none repeat scroll 0 0;
    border:2px solid black;
    float:left;
    margin:11px 0 0 12px;
    position:relative;
    width:75px;
}

/* ------ Obsah - bublinkove pozadi -------- */

#obsah-bar-top{
    background:transparent url(../images/obsah/bar-top.jpg) no-repeat scroll 0 0;
    width:588px;
    height:30px;
    z-index:-10;
    position:relative;
    margin-left:auto;
}
#obsah-bar-middle{
    background:transparent url(../images/obsah/bar-middle.jpg) repeat-y scroll 0 0;
    width:588px;
    overflow:hidden;
    z-index:-10;
    position:relative;
    margin-left:auto;

}

#obsah-bar-bottom{
    background:transparent url(../images/obsah/bar-bottom.jpg) no-repeat scroll 0 0;
    width:588px;
    height:30px;
    z-index:-10;
    position:relative;
    margin-left:auto;
}
#navigace{
    padding-left:13px;
    padding-top:8px;
}
#navigace a{
    color:black;
    text-decoration:underline;
}
#navigace a:hover{
    color:white;
    text-decoration:none;
}

/* ------ Obsah -------- */

a.selected .bg-top-left{
    background:transparent url(../images/obsah/bg-top-left.png) no-repeat scroll 0 0;
    width:15px;
    height:34px;
    float:left;
    margin-left:-2px;
}
a.selected .bg-top-middle{
    background:transparent url(../images/obsah/bg-top-middle.png) repeat-x scroll 0 0;
    height:34px;
    float:left;
    font-weight:bold;
    
}
a.selected .bg-top-middle-2{
    background:transparent url(../images/obsah/bg-top-middle.png) repeat-x scroll 0 0;
    height:24px;
    float:left;
    font-weight:bold;
    padding-top:10px;
}
.bg-top-middle h1,h2{
    font-size:16px;
    
}

.bg-top-middle-2 h2{
    font-size:16px;
    margin-top:10px;
}

a.selected .bg-top-right{
    background:transparent url(../images/obsah/bg-top-right.png) no-repeat scroll 0 0;
    width:25px;
    height:34px;
    float:left;
}
.bg-middle-top{
    background:transparent url(../images/obsah/bg-middle-top.png) no-repeat scroll 0 0;
    width:592px;
    height:14px;
    float:left;
    z-index:-5;
    margin-top:-4px;
    margin-left:-2px;
    position:relative;
    border:medium none;
}
.bg-middle{
    background:transparent url(../images/obsah/bg-middle.png) repeat-y scroll 0 0;
    width:592px;
    float:left;
    z-index:-5;
    position:relative;
    margin-left:-2px;
}
.bg-bottom{
    background:transparent url(../images/obsah/bg-bottom.png) no-repeat scroll 0 0;
    width:592px;
    height:14px;
    float:left;
    z-index:-5;
    position:relative;
    margin-left:-2px;
}

/*-------- Obsah ---------*/
.detail-obsah{
    margin:5px 15px 0;
    font-size:12px;
}
.detail-obsah h2{
    font-size:15px;
    font-weight:bold;
}
.detail-obsah p{
    font-size:12px;
    text-align:justify; 
}
.detail-obsah img{
    border:none;
}
.detail-obsah a{color:black;}
.detail-obsah a:hover{text-decoration:none;color:#2B7037;}
.podrobny-popis p{
    width:558px;
}
#img-hlavni{
    float:right;
    margin:0 0 0 10px;
    height:200px;
    text-align:center;
    width:200px;
}
.img-hlavni{
    max-height:200px;
    max-width:200px;
}
.prodej{
    border-bottom:2px solid black;
    border-top:2px solid black;
    float:left;
    height:40px;
    padding:5px 0 5px 0;
    position:relative;
    width:100%;
}
.fotografie{
    text-align:center;
}
.fotografie img{
    padding-right:15px;
    border:none;
}
.fotografie a{text-decoration:none;}
.detail-popis{
    float:left;
    min-height:330px;
    padding:5px 0 5px 0;
    position:relative;
    width:100%;
}
.sklad{
    float:left;
}
.sklad strong{
    color:green;
}
.koupit{
    float:right;
    height:30px;
    width:215px;
}
.radek-jedna{float:left;width:215px;}
.radek-dva{float:left;width:215px;padding-top:4px;}
.vase-cena{
    float:left;
    padding-left:3px;
    padding-top:3px;
}
.cena{float:right;}
.cena span{font-weight:bold;color:maroon;font-size:16px;}
.pocet-kusu{float:left;padding:3px;}
.ks{border:1px solid black;
    float:left;
    height:14px;
    margin-left:7px;
    padding-left:0;
    width:22px;
    text-align:center;
}
.vlozit-do-kosiku{float:left;border:1px solid black;height:18px;width:100px;}
.novinky-email{
    background:white;
    border:1px solid black;
    margin-top:10px;
    width:163px;
    text-align:center;
}
.novinky-odeslat{
    background:transparent none repeat scroll 0 0;
    border:1px solid black;
    margin-top:8px;
    width:165px;
}


/*Hlavicka obsah*/



.left{margin-left:0px;}
.usual div {}
#usual2 {}
#tabs3 {}
.usual li{    
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    
}

.usual ul a.selected {background:blue none repeat scroll 0 0;color:#000000;cursor:default;margin-left:0px;}

.bg-top-left{background:transparent url(../images/obsah/bg-top-left.png) no-repeat scroll 0 0;width:15px;height:34px;float:left;margin-left:-2px;}
.bg-top-middle{background:transparent url(../images/obsah/bg-top-middle.png) repeat-x scroll 0 0;height:34px;float:left;font-weight:bold;}
.bg-top-middle-2{background:transparent url(../images/obsah/bg-top-middle.png) repeat-x scroll 0 0;height:34px;float:left;font-weight:bold;}
.bg-top-right{background:transparent url(../images/obsah/bg-top-right.png) no-repeat scroll 0 0;height:34px;float:left;font-weight:bold;width:24px;}

a.selected .bg-top-middle-3 {background:transparent url(../images/obsah/bg-top-middle.png) repeat-x scroll 0 0;color:#000000;cursor:default;}
a.selected .bg-top-left-3 {background:transparent url(../images/obsah/bg-top-left.png) no-repeat scroll 0 0;}
a.selected .bg-top-right-3  {background:transparent url(../images/obsah/bg-top-right.png) no-repeat scroll 0 0;}

a.selected .bg-top-middle-4 {background:transparent url(../images/obsah/bg-top-middle.png) repeat-x scroll 0 0;color:#000000;cursor:default;}
a.selected .bg-top-left-4 {background:transparent url(../images/obsah/bg-top-left.png) no-repeat scroll 0 0;}
a.selected .bg-top-right-4  {background:transparent url(../images/obsah/bg-top-right.png) no-repeat scroll 0 0;}

.first a{color:black;text-decoration:none;}
.second a{color:green;text-decoration:none;}
.third a{color:blue;text-decoration:none;}

#tab2{margin:5px 15px 0;}
#tab3{margin:5px 15px 0;}

#tab1 p{font-size:12px;text-align:justify;}
.tab1 p{font-size:12px;text-align:justify;}
#tab2 p{font-size:12px;text-align:justify;}
#tab3 p{font-size:12px;text-align:justify;}
#tab1 h2{font-size:13px;font-weight:bold;}
.tab1 h2{font-size:13px;font-weight:bold;}
#tab2 h2{font-size:13px;font-weight:bold;}
#tab3 h2{font-size:13px;font-weight:bold;}
.bg-top-left-3{background:transparent url(../images/obsah/bg-top-left-noactive.png) no-repeat scroll 0 0;width:15px;height:34px;float:right;margin-left:-2px;}
.bg-top-middle-3{background:transparent url(../images/obsah/bg-top-middle-noactive.png) repeat-x scroll 0 0;height:24px;float:right;font-weight:bold;padding-top:10px;}
.bg-top-right-3{background:transparent url(../images/obsah/bg-top-right-noactive.png) no-repeat scroll 0 0;width:25px;height:34px;float:right;margin-right:10px;}
.bg-top-middle-3 h1{font-size:16px;}
.bg-top-middle-3 h2{font-size:16px;margin-top:0px;}

.bg-top-left-4{background:transparent url(../images/obsah/bg-top-left-noactive.png) no-repeat scroll 0 0;width:15px;height:34px;float:right;margin-left:-2px;}
.bg-top-middle-4{background:transparent url(../images/obsah/bg-top-middle-noactive.png) repeat-x scroll 0 0;height:24px;float:right;font-weight:bold;padding-top:10px;}
.bg-top-right-4{background:transparent url(../images/obsah/bg-top-right-noactive.png) no-repeat scroll 0 0;width:25px;height:34px;float:right;margin-right:10px;}
.bg-top-middle-4 h1{font-size:16px;}
.bg-top-middle-4 h2{font-size:16px;margin-top:0px;}


li, menu, dir{
-moz-padding-start:0px;
display:block;
list-style-type:disc;
margin-left:-40px;
position:relative;

}

/*--------Výpis produktů---------*/
.vypis-produkt-blok{
    border:1px solid silver;
    float:left;
    height:180px;
    margin-left:6px;
    margin-top:5px;
    overflow:hidden;
    width:270px;
}
.vypis-produkt-blok-in{margin:10px;}
#tab1 .vypis-produkt-blok-in p{text-align:left;}
#tab1 .vypis-produkt-blok-in h2{margin-top:0px;height:30px;font-size:13px;margin-bottom:0;}
.vypis-produkt-blok-in h2 a{color:#2B7037;}
.vypis-produkt-blok-in h2 a:hover{color:#000;text-decoration:none;}

.vypis-produkt-leva{float:left;width:150px;margin-left:15px;}
.vypis-produkt-prava{float:right;margin-right:10px;}
.vypis-produkt-titulek{}
.vypis-produkt-titulek a{text-decoration:underline;font-size:14px;color:black;font-weight:bold;}
.vypis-produkt-titulek a:hover{text-decoration:none;}
.vypis-produkt-blok-img{height:110px;float:right;width:90px;text-align:center;}
.vypis-produkt-img{max-height:90px;max-width:85px;}
.vypis-produkt-bottom{
    color:maroon;
    float:right;
    font-size:16px;
    font-weight:bold;
    overflow:hidden;
    text-align:right;
    width:258px;
    margin-left:5px;
    margin-right:10px;
    }
.vypis-produkt-leva p{text-align:left;margin-top:0px;}
#tab1 .vypis-produkt-leva p{text-align:left;margin-top:0px;}
.vypis-produkt-tlacitko-koupit{float:left;}

/*-------- Výpis košík -----------*/
.kosik-tabulka{
    width:100%;
}
.kosik-tabulka th{padding:5px;}
.kosik-tabulka td{padding:5px;}
.kosik-hlavicka-tabulky{
    background:#E2E0E0;
}
.ks-kosik{border:solid 1px #E2E0E0;width:24px;}
.uprav_kusy{border:solid 1px #E2E0E0;width:55px;}
.uprav_kusy:hover{cursor:pointer;}
.kosik-tabulka a{color:black;}
.kosik-tabulka a:hover{text-decoration:none;}
.kosik-fieldset{padding:15px;border:solid 1px black;margin-bottom:15px;}
.kosik-legend{border:1px solid #D9D9D9;background: #D9D9D9;padding:7px;font-weight:bold;}
.kosik-fieldset input{border:solid 1px #D9D9D9; }
.kosik-fieldset textarea{height:50px;width:100%;border:1px solid #D9D9D9;}
.kosik-fieldset span{color:red;font-weight:bold;}
.pokracovat-na-rekapitulaci{font-weight:bold;padding:2px;font-size:12px;width:100%;}






.box{
    width:276px;
    float:left;
    margin:2px;
}
.b{width:276px;float:left;margin:2px;}
.box-head-title-left{
    background:transparent url(../images/box/box-head-title-left.png) no-repeat scroll 0 0;
    width:15px;
    height:26px;
    float:left;
    margin-left:-2px;
}
.bhtl{background:transparent url(../images/box/box-head-title-left.png) no-repeat scroll 0 0;width:15px;height:26px;float:left;margin-left:-2px;}
.box-head-title-center{
    background:transparent url(../images/box/box-head-title-center.png) repeat-x scroll 0 0;
    height:26px;
    float:left;
    font-weight:bold;
}
.bhtc{background:transparent url(../images/box/box-head-title-center.png) repeat-x scroll 0 0;height:26px;float:left;font-weight:bold;}
.box-head-title-center h2{
    font-size:12px;
    margin-top:8px;
}
.bhtc h2{font-size:12px;margin-top:8px;}
.box-head-title-center h2 a{
    color:#000;
    text-decoration:underline;
}
.bhtc h2 a{color:#000;text-decoration:underline;}
.box-head-title-center h2 a:hover{
    color:#2B7037;
    text-decoration:none;
}
.bhtc h2 a:hover{color:#2B7037;text-decoration:none;}
.box-head-title-center h3{
    font-size:12px;
    margin-top:8px;
}
.bhtc h3{font-size:12px;margin-top:8px;}
.box-head-title-right{
    background:transparent url(../images/box/box-head-title-right.jpg) no-repeat scroll 0 0;
    width:25px;
    height:26px;
    float:left;
}
.bhtr{background:transparent url(../images/box/box-head-title-right.jpg) no-repeat scroll 0 0;width:25px;height:26px;float:left;}
.box-head{
    background:transparent url(../images/box/box-head1.png) no-repeat scroll 0 0;
    width:276px;
    height:14px;
    float:left;
    z-index:-5;
    margin-top:-5px;
    margin-left:-2px;
    position:relative;
}
.bh{
    background:transparent url(../images/box/box-head1.png) no-repeat scroll 0 0;
    width:276px;
    height:14px;
    float:left;
    z-index:-5;
    margin-top:-5px;
    margin-left:-2px;
    position:relative;
}
.box-middle{
    background:transparent url(../images/box/box-middle.png) repeat-y scroll 0 0;
    width:276px;
    float:left;
    z-index:2;
    position:relative;
    margin-left:-2px;
}
.bm{background:transparent url(../images/box/box-middle.png) repeat-y scroll 0 0;width:276px;float:left;z-index:2;position:relative;margin-left:-2px;}
.box-bottom{
    background:transparent url(../images/box/box-bottom.png) no-repeat scroll 0 0;
    width:276px;
    height:14px;
    float:left;
    z-index:-5;
    position:relative;
    margin-left:-2px;
}
.bb{background:transparent url(../images/box/box-bottom.png) no-repeat scroll 0 0;width:276px;height:14px;float:left;z-index:-5;position:relative;margin-left:-2px;}
