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

img {border: none;}
a {cursor: pointer; color: #CB0084;}
a:hover {color: #000; text-decoration: none;}
input {border: none;}
* {outline-style: none;}

/* ALL */
.margin0 {margin: 0;}
.line-through {text-decoration: line-through;}
.pink-text {color: #CB0084;} 
.blue {color: #257FCF;}
.bigger {font-size: 1.1em;}

/* HEADLINE */
h1 {color: #257fcf; margin: 0 0 15px 0; font-size: 1.7em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;}
h3.left_headline {float: left; width: 230px; height: 39px; line-height: 39px; padding: 0 0 0 10px; margin: 7px 0 1px 0; background: #71bdc0 url('../images/left_headline.jpg') no-repeat 0 0; color: white; font-size: 0.9em;}
h3.akcni-produkty {padding: 0 0 10px 0; color: #447700;}

/* PAGE KODING */
#wrap {
min-height: 100%; height:auto !important; height: 100%;/*IE*/ position: relative;
}
#box {position: relative; width: 960px; margin: 0px auto; padding: 170px 0 150px 0; _padding: 170px 0 0 0; %padding: 170px 0 160px 0; overflow: hidden; _margin-bottom: -180px;}
#page {float: left; width: 960px;}
#logo {position: absolute; /*left: 25px;*/left: 0; top: 25px; height: 60px; width: 370px; display: block;}
#logo span {position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: url('../images/logo.jpg') no-repeat 0 0;}

/* MAIN */
#main {float: right; width: 705px;}
#main p {margin: 0 0 10px 0;}
#products, .vypis {float: left; width: 705px;}
.product {float: left; width: 345px; height: 175px; background: url('../images/product_shadow.jpg') no-repeat 0 bottom; padding: 0 0 10px 0; margin: 0 15px 5px 0;}
.product2 {float: left; width: 345px; height: 175px; background: url('../images/product_shadow.jpg') no-repeat 0 bottom; padding: 0 0 10px 0; margin: 0 0 5px 0;}
.product_in {float: left; width: 343px; height: 173px; border: 1px solid #cbcbcb; position: relative;}
.product_in table {float: left; border-collapse: collapse;}
.product_in table td {width: 169px; height: 173px; text-align: center;}
.product_in .img {/*float: left; width: 149px; height: 153px; */padding: 0 10px;}
.rest {float: left; width: 164px; height: 153px; padding: 10px 10px 10px 0; position: relative;}
.rest h2 {margin: 0 0 10px 0; line-height: 18px; height: 36px;}
.rest h2 a {color: #cb0084; font-size: 0.8em; text-decoration: none;}
#main .rest p {width: 164px; height: 55px; margin: 0; padding: 0;}
.rest .prize {float: right;}
.rest .detail {position: absolute; bottom: 17px ; right: 99px; width: 55px; height: 24px; line-height: 24px; color: white; background: #7ab033 url('../images/product_detail.jpg') no-repeat 0 0; text-align: center; text-decoration: none; padding: 0 20px 0 0; font-size: 0.9em;}
.rest .detail:hover {color: white; text-decoration: underline;}
.rest .intobasket {position: absolute; bottom: 17px ; right: 10px; width: 74px; height: 24px; line-height: 24px; color: white; background: #ff9000 url('../images/product_intobasket.jpg') no-repeat 0 0; cursor: pointer;}
.product_in .akce {position: absolute; left: -1px; top: -1px;}

/* LEFT */
#left {float: left; width: 240px; margin: 0;}
#left h3 {float: left; width: 210px; margin: 0 0 10px 15px; _margin: 0 0 10px 7px; padding: 10px 0; border-bottom: 1px solid white; color: white; text-indent: 15px; font-size: 1.1em;}
#submenu {float: left; width: 240px; background: #34c1e4 url('../images/submenu_top.png') no-repeat 0 0; margin-bottom: 15px;}
#submenu-bottom {float: left; width: 240px; height: 15px; background: url('../images/submenu_bottom.jpg') no-repeat 0 bottom;}
ul.menu {list-style: none; float: left; margin: 0; padding: 0 15px;}
ul.menu li {border-bottom: 1px solid #2c5ed6; width: 210px; float: left;}
ul.menu li a {display: block; width: 195px; padding-left: 15px; line-height: 29px; color: #fff; text-decoration: none; background: url('../images/submenu_a.gif') no-repeat 5px 12px; font-size: 0.9em;}
ul.menu li a:hover, ul.menu li a.aktivni {text-decoration: underline; color: #fff; background: url('../images/submenu_a-aktivni.gif') no-repeat 4px 13px;}
ul.menu li a.aktivni,ul.menu li a.aktivni:hover {text-decoration: underline; color: #fff; background: #2c5ed6 url('../images/submenu_a-aktivni.gif') no-repeat 4px 13px;}
ul.menu li ul.menu {list-style: none; display: inline; background: #447700; padding: 0;}
ul.menu li ul.menu a {background: none; width: 160px; padding-left: 30px; color: #fff; text-decoration: none; display: block; line-height: 24px;}
ul.menu li ul.menu a:hover, ul.menu li ul.menu a.aktivni {background: none; color: #00fcff; text-decoration: underline;}

.orange {float: left; width: 240px; background: #ff63f6 url('../images/orange-top.png') no-repeat 0 0; margin-bottom: 15px;}
.orange-bottom {float: left; width: 240px; height: 5px; background: url('../images/orange-bottom.jpg') no-repeat 0 bottom;}
.orange_in {float: left; width: 210px; padding: 0 15px 10px 15px; position: relative; height: 90px;}
.orange_in a.orangeimg {float: left; width: 90; height: 90px; display: block; margin: 0 10px 0 0;}
.orange_in h4 {margin: 0 0 5px 0; padding: 0; font-size: 1em; color: white;}
.orange_in h4 a {color: white; text-decoration: none;}
.orange_in h4 a:hover {color: white; text-decoration: underline;}
.orange_in p {margin: 0; font-size: 0.9em; color: #474747;}
.orange_in .detail {position: absolute; bottom: 10px; right: 15px; color: #91004e; text-decoration: underline;}
.orange_in .detail:hover {color: #000; text-decoration: none;}

.grey {float: left; width: 240px; background: #d4d4d4 url('../images/grey-top.png') no-repeat 0 0; margin-bottom: 15px;}
.grey .in {padding: 0 15px; width: 210px; display: block; font-size: 0.9em;}
.grey p {margin: 0; padding: 0;}
.grey-bottom {float: left; width: 240px; height: 15px; background: url('../images/grey-bottom.jpg') no-repeat 0 bottom;}

.phone {padding: 0 15px 10px 45px; width: 180px; line-height: 24px; background: url('../images/phone.png') no-repeat 15px 0; display: block; clear: both; font-weight: bold;}
.transfer {padding: 0 15px 10px 45px; width: 180px; line-height: 24px; background: url('../images/transfer.png') no-repeat 15px 0; display: block; font-weight: bold;}

#facebook {float: left; width: 240px; height: 42px; position: relative; margin-bottom: 15px;}
#facebook span {position: absolute; left: 0; top: 0; width: 240px; height: 42px; background: url('../images/facebook.png') no-repeat 0 0; color: #3b5997; line-height: 42px;}

#news_text {float: left; width: 158px; height: 16px; padding: 5px; margin: 0; background: #ececec url('../images/newsletter_text.jpg') no-repeat 0 0; color: #adadad;}
#news_submit {float: left; padding: 0; margin: 0;}


#footer {position: absolute; left: 0; bottom: 0; width: 100%; /*height: 90px;*/ background: #dedede url('../images/footer.jpg') repeat-x 0 0; padding: 15px 0; color: #6a6a6a; font-size:0.9em;}
#footer .align {position: relative; margin: 0px auto; /*height: 105px;*/ width: 960px;}
#footer .align .prodejce {float: right; width: 190px;}
#footer .align .prodejce div {padding-top: 5px; font-size: 1.1em;}
#footer .align .proc-zde {float: left;}
#footer .align .odkazy {float: left; width: 960px; background: url('../images/odkazy.jpg') repeat-x 0 0; padding: 7px 0 0 0;}
#footer .align .odkazy a {color: #000/*6a6a6a*/;}
#footer .align .odkazy span {float: right;}
.tick {background: url('../images/tick.jpg') no-repeat 10px center; padding: 0 0 0 25px; display: block; line-height: 1.5em; font-size: 1.1em;}
.proc-nakupovat-u-nas {width: 155px; height: 15px; line-height: 15px; position: relative; color: #ff9000; display: block;}
.proc-nakupovat-u-nas span {position: absolute; left:0 ; top: 0; width: 155px; height: 15px; background: url('../images/proc-nakupovat-u-nas.jpg') no-repeat 0 0;}
.kontakt-na-prodejce {width: 146px; height: 15px; overflow: hidden; position: relative; color: #ff9000;}
.kontakt-na-prodejce span {position: absolute; left:0 ; top: 0; width: 155px; height: 15px; background: url('../images/kontakt-na-prodejce.jpg') no-repeat 0 0;}

/* IEREST */
#menu {position: absolute; top: 113px; left: 0; list-style: none; margin: 0; padding: 0;}
#menu li {float: left;}
#menu li a {float: left; display: block; line-height: 42px; padding: 0 15px; color: #2c63d7; text-decoration: none; /*font-size: 0.9em; */font-weight: bold;}
#menu li a:hover {background: #142300 url('../images/menu.jpg') repeat-x 0 0; color: white;}

#cart {position: absolute; top: 17px; right: 0; width: 150px; height: 48px; background: url('../images/cart.jpg') no-repeat 0 0; color: #7d7d7d; padding: 34px 15px 0 0; text-align: right; line-height: 1.4em; cursor: pointer;}
#cart .cart_headline {position: absolute; top: 11px; right: 15px; width: 60px; height: 14px;}
#cart .cart_headline span {position: absolute; top: 0; left: 0; width: 60px; height: 14px; background: url('../images/cart_headline.jpg') no-repeat 0 0;}
#cart a {color: #7d7d7d; font-weight: bold;}
#cart a:hover {color: #000; text-decoration: none;}

#search {position: absolute; top: 121px; right: 0;}
#search #search_text {position: absolute; top: 0; right: 26px; width: 148px; height: 15px; padding: 5px; background: #ececec url('../images/search_text.jpg') no-repeat 0 0; color: #adadad;}
#search #search_submit {position: absolute; top: 0; right: 0; background: #142300;}

/* HLAVICKA */
#drobecky {display: block; width: 685px; margin-bottom: 11px; border-bottom: 1px solid #cbcbcb; line-height: 30px; background: url('../images/house.gif') no-repeat 3px center; padding-left: 20px;}

/* ZBOZI */
.detail .left {float: left; width: 355px;}
.detail .left .left_obr {float: left; width: 355px; position: relative;}
.detail .left .left_obr .sdilet {position: absolute; bottom: 15px; right: 15px; width: 59px; height: 18px; background: #627aac; color: white;}
.detail .left .left_obr .sdilet span {position: absolute; left: 0; top: 0; width: 59px; height: 18px; background: url('../images/fb_sdilet.jpg') no-repeat 0 0;}
.detail .left .hlavni_obr td {width: 350px; height: 320px; border: 1px solid #cbcbcb; text-align: center;}
/*.otherpic {float: left; padding: 0 0 0 2px;}*/
.other1, .other2 {float: left;/*position: relative; display: -moz-inline-stack; display: inline-block; vertical-align: top; *display: inline; border-collapse: collapse; padding: 2px 0; _margin: 2px 4px 2px 0;*/}
/**html .other2 {margin: 2px 0;}*/
.detail .left .other1 td, .detail .left .other2 td {border: 1px solid #cbcbcb; width: 112px; height: 105px; margin: 5px 0 0 0; text-align: center;}
.detail .right {float: right; width: 330px;}
.detail .right .zbozi_tabulka {width: 330px; border-collapse: collapse;}
.detail .right .zbozi_tabulka td {padding: 5px 0; border-bottom: 1px solid #cbcbcb;}
.buy_form {background: #efefef; padding: 10px; border: 1px solid #cbcbcb; border-top: none; position: relative;}
.buy_form input.ks {border: 1px solid black; padding: 2px 5px;}
.buy_form .button_koupit {position: absolute; top: 10px; right: 10px; width: 74px; height: 24px; line-height: 24px; color: white; background: #ff9000 url('../images/product_intobasket.jpg') no-repeat 0 0; cursor: pointer;}

.tisk {float: left; display: block; width: 127px; height: 20px; line-height: 20px; padding-left: 33px; font-size: 0.9em; background: url('../images/tisk.jpg') no-repeat 0 0; margin: 10px 10px 0 0; color: #000; text-decoration: none;}
.poslat-znamemu {float: left; display: block; width: 127px; height: 20px; line-height: 20px; padding-left: 33px; font-size: 0.9em; background: url('../images/poslat-znamemu.jpg') no-repeat 0 0; margin: 10px 0 0 0; color: #000; text-decoration: none;}

.popis-produktu {position: relative; width: 705px; height: 30px; line-height: 30px; color: #ff9000;}
.popis-produktu span {position: absolute; left: 0 ; top: 0; width: 705px; height: 30px; background: url('../images/popis-produktu.jpg') no-repeat 0 0;}
.videa-k-produktu {position: relative; width: 705px; height: 30px; line-height: 30px; color: #ff9000;}
.videa-k-produktu span {position: absolute; left: 0 ; top: 0; width: 705px; height: 30px; background: url('../images/videa-k-produktu.jpg') no-repeat 0 0;}
.center {padding: 15px; border: 2px solid #efefef; border-top: none; z-index: 1;}
.center ol {padding: 0 0 10px 20px;}
.center ol li {padding: 0 0 5px 0;}

/* KOSIK */
#basket .vypis-kosik {border-collapse: collapse; width: 705px;}
#basket .vypis-kosik thead {background: #2d6cd8; color: white; font-weight: bold; border-collapse: collapse; width: 705px;}
#basket .vypis-kosik thead td {padding: 5px; border: 1px solid #0e3e92;}
#basket .vypis-kosik tbody td {padding: 5px; border-bottom: 1px solid #cbcbcb;}
#basket .vypis-kosik tfoot td {padding: 5px; border-bottom: 1px solid #cbcbcb; background: #efefef;}

#pokladna .vypis-pokladna {border-collapse: collapse; width: 705px;}
#pokladna .vypis-pokladna thead {background: #699e00; color: white; font-weight: bold; border-collapse: collapse; width: 705px;}
#pokladna .vypis-pokladna thead th {padding: 5px; border: 1px solid #447700; text-align: left;}
#pokladna .vypis-pokladna tbody td {padding: 5px; border-bottom: 1px solid #cbcbcb;}
#pokladna .vypis-pokladna tfoot td {padding: 5px; border-bottom: 1px solid #cbcbcb; background: #efefef;}

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

#adresa {float: left; width: 705px; background: #efefef; border: 1px solid #cbcbcb;}
.adresa {margin-top: 30px;}
.dodaci_adresa {float: left; width: 328px; background: #efefef; border: 1px solid #cbcbcb; padding: 10px; font-size: 1.1em;}
.fakturacni_adresa {float: left; width: 308px; background: #efefef; border: 1px solid #cbcbcb; margin-left: 24px; padding: 10px; font-size: 1.1em;}
.povinne {color: red;}
.error {color: red; display: block; font-size: 0.9em;}
.dodaci_adresa td, .fakturacni_adresa td {padding: 1px 0;}
.dodaci_adresa td input, .fakturacni_adresa td input, .dodaci_adresa td textarea, .fakturacni_adresa td textarea {border: 1px solid #cbcbcb; padding: 2px;}

.dodaci_adresa-pokladna {float: left; width: 328px; border: 1px solid #cbcbcb; padding: 10px; font-size: 1.1em; margin-top: 10px;}
.fakturacni_adresa-pokladna {float: left; width: 308px; border: 1px solid #cbcbcb; margin-left: 24px; padding: 10px; font-size: 1.1em; margin-top: 10px;}
.dodaci_adresa-pokladna td, .fakturacni_adresa-pokladna td {padding: 1px 0;}
.dodaci_adresa-pokladna td input, .fakturacni_adresa-pokladna td input, .dodaci_adresa-pokladna td textarea, .fakturacni_adresa-pokladna td textarea {border: 1px solid #cbcbcb; padding: 2px;}

.back {width: 61px; height: 24px; position: relative; display: block; padding-right: 10px;}
.back span {position: absolute; left: 0; top: 0; width: 61px; height: 24px; background: url('../images/zpet.jpg') no-repeat 0 0;}

/*             styles for the star rater                */
#hodnoceni {padding-left: 3px;}
#hodnoceni span.hodnocen {float: left;display: block;margin-top: 2px;margin-left: 10px;width: 80px;}
#hodnoceni span.stars {float: left;display: block;}
#hodnoceni ul {padding: 0px;margin: 0px;}
#hodnoceni ul li {padding: 0px;margin: 0px;}
.star-rating {list-style:none;padding: 0px;width: 100px;height: 20px;position: relative;background-image: url('/images/star_rating.gif');background-repeat: repeat-x;background-position: left top;margin-right: 0px;margin-bottom: 5px;margin-left: 222px;}
.star-rating li {padding:0px;margin:0px;/*\*/float: left;/* */}
.star-rating li a {display: block;width: 20px;height: 20px;text-decoration: none;text-indent: -9000px;z-index: 20;position: absolute;padding: 0px;}
.star-rating li span {display: block;width: 20px;height: 20px;text-decoration: none;text-indent: -9000px;z-index: 20;position: absolute;padding: 0px;}
.star-rating li a:hover, .star-light {z-index: 1;left: 0px;background-image: url('/images/star_rating.gif');background-position: left bottom;}
.star-rating li span:hover {z-index: 1;left: 0px;background-image: url('/images/star_rating.gif');background-position: left bottom;}
.star-rating a.one-star, .star-rating span.one-star{left: 0px;}
.star-rating a.one-star:hover, .star-rating span.one-star:hover{width:20px;}
.star-rating a.two-stars, .star-rating span.two-stars{left:20px;}
.star-rating a.two-stars:hover, .star-rating span.two-stars:hover{width: 40px;}
.star-rating a.three-stars, .star-rating span.three-stars{left: 40px;}
.star-rating a.three-stars:hover, .star-rating span.three-stars:hover{width: 60px;}
.star-rating a.four-stars, .star-rating span.four-stars{left: 60px;}	
.star-rating a.four-stars:hover, .star-rating span.four-stars:hover{width: 80px;}
.star-rating a.five-stars, .star-rating span.five-stars{left: 80px;}
.star-rating a.five-stars:hover, .star-rating span.five-stars:hover{width: 100px;}

#jezditko{margin-top:23px; padding-bottom: 12px; background: url('../images/jezditko.jpg') no-repeat 0 bottom; position: relative;}
#s6 { width: 703px; height: 290px; border: 1px solid #cbcbcb; background-color: #fff;}
#s6 div { width: 536px; height: 290px; color: #333; text-align: center; font-size: 13px; }
#s6 div a{text-align:center;display:block}
#s6 div img { background: #fff;margin: 0 auto }



#s6 div { top: 0; left: 0;text-align:center }

#nav {position: absolute; top: 10px; left: 8px; z-index: 5;}
#nav a{float: left; margin: 0 2px; height: 25px; line-height: 25px; text-align: center; width: 25px; background: url('../images/nav-a.png') no-repeat 0 0; display: block; text-decoration: none; color: #ff9000; font-size: 1em;}
#nav a.activeSlide { background: url('../images/nav-a.png') no-repeat 0 0; color: #447700; font-weight: bold;}
#nav a:focus { outline: none; }