/*
Author: Jakub Beránek
Studio: www.vindi.cz
*/
html, body {
background: #5a5a5a url('../images/bg.jpg') repeat center 0;
height: 100%;
font-size: 0.9em; 
padding: 0; 
margin: 0;
color: #000;
font-family: Verdana, Arial, Tahoma;
}

img {border: none;}
a {outline: none; cursor: pointer; color: #b02522;}
a:hover {color: #000; text-decoration: none;}

/* all */
.red, .error, .povinne {color: #b02522;}
.none {display: none;}
.line-through {text-decoration: line-through;}
.akce {position: absolute; left: 10px; bottom: 2px; color: #FFEA00; font-weight: bold;}

/* headline */
h1, h2, h3, h4, h5 {margin: 0; padding: 0;}
h1 {color: #b02522; font-weight: normal; margin: 0 0 10px 0; font-size: 1.8em;}
h2 {color: #b02522; font-size: 1.4em; margin: 10px; line-height: 1.4em;}

/* PAGE KODING */
#wrap {
min-height: 100%; height:auto !important; height: 100%;/*IE*/ position: relative; background: url('../images/wrap.jpg') repeat-y center 0;
}
#box {position: relative; width: 958px; margin: 0px auto; padding: 338px 9px 15px 10px; overflow: hidden; background: url('../images/header2.jpg') no-repeat center 16px;}
#logo {position: absolute; left: 26px; top: 260px; width: 483px; height: 33px;}
#logo span {position: absolute; left: 0; top: 0; width: 483px; height: 33px; background: url('../images/logo.jpg') no-repeat 0 0;}

#content {float: left; width: 958px; background: url('../images/content-center.jpg') repeat-y 0 0; _margin-bottom: -338px;}
#content-in {float: left; width: 958px; background: url('../images/content-top.jpg') no-repeat 0 0;}
#content-in2 {float: left; width: 947px; background: url('../images/content-bottom.jpg') no-repeat 0 bottom; padding: 5px 6px 20px 5px;}
#center {float: right; width: 691px; padding: 10px;}
#center p {margin-bottom: 10px;}
#search {position: relative; height: 21px; width: 691px;}
#search-text {position: absolute; right: 47px; top: 0; height: 21px; line-height: 21px; width: 163px; border: 0; background: url('../images/search-text.jpg') no-repeat 0 0; padding: 0 10px;}
#search-submit {position: absolute; right: 0; top: 0;}

/* products */
.products, .vypis {float: left; width: 650px; padding: 0 21px 0 20px;}
.product {width: 190px; margin: 10px 35px 15px 0; position: relative; display: inline-block; vertical-align:top; position: relative; zoom: 1; *display: inline;}
.product2 {width: 190px; margin: 10px 0 15px 0; position: relative; display: inline-block; vertical-align:top; position: relative; zoom: 1; *display: inline;}
/*.product {float: left; width: 190px; margin: 10px 40px 15px 0; display: inline;}
.product2 {float: left; width: 190px; display: inline; margin: 10px 0 15px 0;}*/
.product-top {float: left; width: 180px; background: url('../images/product-top.jpg') no-repeat 0 0; margin: 0; padding: 0 0 0 10px; line-height: 20px; color: white; font-size: 1em;}
.product-top a {color: white; text-decoration: none;;}
.product-top a:hover {color: #b02522;}
.product-image {float: left; width: 190px; border-collapse: collapse; padding: 0;}
.product-image td {width: 188px; height: 125px; text-align: center; border-collapse: collapse; padding: 0; border-left: 1px solid #262626; border-right: 1px solid #262626;}
.product-image td a {/*width: 188px; height: 125px; display: block;*/ /*background: #262626;*/ overflow: none;}
.product-bottom {float: left; width: 180px; background: url('../images/product-bottom.jpg') no-repeat 0 0; margin: 0; padding: 0 10px 0 0; text-align: right; line-height: 20px; color: white; font-size: 1em;}

#left {float: left; width: 227px; padding: 0 5px 0 4px;}
#left .left-head {float: left; width: 217px; color: #ffea00; font-size: 1.2em; padding: 0 0 0 10px; font-weight: bold; display: block; margin: 10px 0;}
#left .news, #left .top {float: left; width: 217px; padding: 0 5px; border-bottom: 1px solid #676767; line-height: 22px; font-size: 0.9em; color: white;}
#left .top a, #left .news a {color: white;}

#footer {float: left; width: 928px; height: 48px; line-height: 48px; padding: 0 15px; font-size: 0.85em; background: url('../images/footer.png') no-repeat 0 0; margin-top: 1px; color: black;}
#footer span {float: right; color: white;}
#footer a {color: black;}

#odkazy {float: left; width: 928px; padding: 0 15px; font-size: 0.8em; text-align: center; padding-top: 10px;}

/* CLASS MENU */
.menu {float: left; width: 227px; list-style: none; padding: 0; margin: 0;}
.menu li{width: 227px; float: left; margin-bottom: 4px;}
.menu li a{display: block; width: 212px; padding-left: 15px; line-height: 19px; color: #000; text-decoration: none; font-size: 0.9em; background: white url('../images/leftmenu.jpg') no-repeat 0 0;}
.menu li a:hover, .menu li a.aktivni {background: #b02522 url('../images/leftmenu.jpg') no-repeat 0 0; background-position: 0 -19px; color: #fff;}
.menu li.slevy a{background: white url('../images/leftmenu-slevy.jpg') no-repeat 0 0;}
.menu li.slevy a:hover, .menu li.slevy a.aktivni {background: #b02522 url('../images/leftmenu-slevy.jpg') no-repeat 0 0; background-position: 0 -19px; color: #fff;}
.menu li ul.menu{list-style: none; display: inline; margin: 0; padding: 0;}
.menu li ul.menu li a{width: 170px; padding: 0 0 0 30px; text-decoration: none; display: block; height: 25px; line-height: 25px; border: none; background: url('../images/submenu_arrow.jpg') no-repeat 20px center;}
.menu li ul.menu a:hover, .menu li ul.menu a.aktivni{ background: url('../images/submenu_arrow.jpg') no-repeat 20px center; color: #cdb578; font-weight: normal;}
.separator {float: left; background: #676767; width: 199px; height: 1px; margin: 10px 14px; display: inline; font-size: 1px;}

/* IEREST */
#undermenu {position: absolute; left: 10px; top: 302px; height: 35px; width: 958px; line-height: 35px; background: #585858 url('../images/undermenu.png') no-repeat 0 0;}
#menu {position: absolute; top: 0; left: 15px; list-style: none; margin: 0; padding: 0;}
#menu li {float: left; height: 35px; background: url('../images/menu-li.jpg') no-repeat right center; padding: 0 1px 0 0;}
#menu li.last {background: none; padding: 0 0 0 0;}
#menu li a {float: left; display: block; color: white; padding: 0 15px; text-transform: uppercase; text-align: center; line-height: 35px; text-decoration: none; font-size: 0.85em; text-transform: uppercase;}
#menu li a:hover {text-decoration: underline; background: url('../images/menu-a_hover.jpg') repeat-x 0 0;}
#cart-text {position: absolute; right: 68px; top: 6px; width: 204px; height: 24px; background: url('../images/cart-text.jpg') no-repeat 0 0; line-height: 24px; text-align: center; color: black; font-size: 0.8em;}
#cart-a {position: absolute; right: 13px; top: 5px; width: 46px; height: 25px;}
#cart-a span {position: absolute; left: 0; top: 0; width: 46px; height: 25px; background: url('../images/cart-a.jpg') no-repeat 0 0;}

/* zbozi.tpl */
#detail-in {padding-top: 20px;}
#vedle-formu {float: left; width: 342px; margin: 0 20px 0 0;}
.variantaa {float: left;}
.varianty-table {float: left; border-collapse: collapse; margin: 0 4px 7px 0;}
.varianty-table2 {float: left; border-collapse: collapse; margin: 0 0 7px 0;}
.varianty-table td, .varianty-table2 td {width: 80px; height: 100px; text-align: center; border: 1px solid black;}
.img-popis {width: 70px; height: 30px; display: block; padding: 0 5px 2px 5px; border: 1px solid black; border-bottom: none;}
.obrazek {float: left; padding: 20px; border: 1px solid black; width: 300px; text-align: center; display: block; margin: 0 0 10px 0;}
#detailInfo {float: left; width: 300px; padding: 0;}
.ks {padding: 2px 5px; border: 1px solid black;}
#detail-in .sub {padding: 2px 5px; background: #b02522; color: white; font-weight: bold; border: 1px solid black;}

#varianty-obr {float: left; width: 691px; padding: 5px 0;}
.varianta_in {position: relative; display: -moz-inline-stack; display: inline-block; vertical-align: top; *display: inline; zoom: 1; padding: 4px; border: 1px solid #000; margin: 8px 2px; width: 120px;}
.varianta_in img {padding: 0 0 4px 0;}

/* kosik.tpl */
.kosik-tabulka {border-collapse: collapse; width: 689px; margin: 0 0 10px 0;}
.kosik-tabulka thead th {background: #b02522; color: white; text-align: left;}
.kosik-tabulka td, .kosik-tabulka th {padding: 5px 5px;}
.kosik-tabulka tfoot td {border-top: 1px solid black; border-bottom: 1px solid black; background: #f3f2f2;}
.under_kosik-adresa {padding: 20px 50px; width: 589px; border: 1px solid black; background: #f3f2f2;}
.kosik-adresa td {padding: 2px 0; vertical-align: top;}
.kosik-adresa td input, .kosik-adresa td textarea {border: 1px solid black; padding: 2px;}
.kosik-sub {padding: 2px 10px; border: 1px solid black; background: #b02522; color: white; font-weight: bold; margin-top: 10px;}

.dodani1 {width: 659px; line-height: 30px; height: 30px; background: #fff; border: 1px solid #cbcbcb; margin-top: -1px; padding: 0 15px;}
.dodani2 {width: 659px; line-height: 30px; height: 30px; background: #f3f2f2; border: 1px solid #cbcbcb; margin-top: -1px; padding: 0 15px;}

/* pokladna.tpl */
.under_pokladna-adresa {padding: 20px 50px; width: 589px; border: 1px solid black;}
.under_pokladna-adresa td {padding: 2px 0;}