body { color:black; margin: 0px; padding:0px 0px 25px 0px; font-family:  arial; font-size: 14px; text-align: center; background:#fbfade url("../images/body.png") top left repeat-x /*white*/;  }
div, ul, ul li { margin:0px; padding:0px; }
img { border: none; vertical-align:middle;}
input{vertical-align:middle;}
a{color:#c52905; text-decoration:none;}
a:hover{text-decoration:underline;}
a img{ padding:3px;}
ul li ul li {margin:0px; padding:0px 0px 0px 5px;}
ul li ul {margin:0px; padding:0px;}
.clear { display: block; clear: both; }
.fleft { float: left; }
.fright { float: right; }
.nofloat { float: none; }
.abs { position: absolute;}
.lalign { text-align: left; }
.img_fleft{float:left;padding:0 0.5em 0.5em 0}
.img_fright{float:right;padding:0 0 0.5em 0.5em}
.dotted { border-bottom: 2px dotted #cdcdcd; width: 180px;}
.pading { margin: 2px 0px 2px 0px;  }
.vcenter { vertical-align: middle;}
.mcenter {margin:0px auto; float:none;}
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }
.visible {display:block;}
input{vertical-align:middle;}
input.count{width:2em;}
table{border-collapse:collapse;}
th{text-align:right;}
th, td {width: auto;}
h1, h2 , h3, h4 {padding: 0px; margin: 0px;}
h1{color:black; font-size: 150%; }
h2{color:black; font-size: 130%;}
h3{color:black; font-size: 120%;}
button {cursor:pointer ;}

/*---------------------------------------------------------------------------------------------------------------------------------*/
/*header */
/*---------------------------------------------------------------------------------------------------------------------------------*/
#container-header{height:150px; position:relative; width:998px; margin:0px auto;}
#header-logo {position:absolute; top:40px; left:0px; width:228px; height:85px; background: url("../images/sprites-logo.png") 0px 0px no-repeat}
#header-logo.parfum {background-position: 0px -91px;}
#header-logo.drogeria {background-position: 0px -182px;}
#header-logo.farby {background-position: 0px -273px;}
#header-logo.mama {background-position: 0px -364px;}
#header-logo.kozmetika{background-position: 0px -455px;}
#header-logo a {display:inline-block; width:100%; height: 100%}

#top-links {text-align:left; position: absolute; top:10px; left:0px; font-size:90%;}
#top-links a {color: #363900; margin-right:5px; display: inline-block; background: url('../images/sprites.png') no-repeat -315px -284px; padding-left:10px;}
#top-links a:hover {color: black;  text-decoration: none;}

#facebook-link {display: inline-block; position: absolute; top: 10px; right: 0px; background: url('../images/sprites.png') no-repeat 0px -120px; width: 50px; height: 35px;}

#login-menu {position: absolute; top: 10px; left: 765px; text-align: left; width: 190px; }
#login-menu h4 a {color: #342e14; background: url('../images/sprites.png') no-repeat -315px -203px; padding-left:10px;}
#login-menu #login-box {display: none; }
#login-box  table {width:100%;}
#login-box .inbox {border: 1px solid #c1d099; background: #bbd406; padding: 10px;}
#login-box .inbox input {height:21px; width: 180px; border:1px solid #ccc; background: white; padding: 0px 5px;}
#login-box .inbox label {font-weight: normal}
#login-box .inbox button { width:80px; height:30px; line-height: 30px;  border: none; text-align: center; color: white; background: url('../images/sprites.png') -240px -160px no-repeat;  padding:0px}
#login-box .inbox a {margin: 2px 0px; font-size: 90%; display: inline-block; color: black; text-decoration: underline;}

#top-phone {position: absolute; top:47px; left:360px; font-weight:bolder; text-align: center; width: 300px; font-size:95%;}
#top-phone span {color: #686560;}
#search-menu {position: absolute; top:73px; left:360px;}
#search-menu input {width:220px; height:28px; border:1px solid black; background: url('../images/sprites.png') 0 -160px no-repeat; padding: 0px 5px;}
#search-menu button {width:80px; height:30px; line-height: 30px; border: none; vertical-align: middle; text-align: center; color: white; background: url('../images/sprites.png') -240px -160px no-repeat;  padding:0px}

#basket-menu{position: absolute; bottom: 33px; right:0px; width:150px; height:110px; color:white; background: url('../images/basket.png') left top no-repeat; font-size: 90%;}
#basket-menu .status {padding-top:43px; font-style: italic; text-align: left; margin-left:5px;}
#basket-menu a.basket-link {float:right; color:white; display: inline-block; height: 32px; line-height:32px; width:96px; vertical-align: middle;  background:url('../images/sprites.png')  -160px -120px no-repeat; padding-right:31px;}

#container-menu-content {color:black; font-size:120%; position: absolute; top:114px; left:0px}
#container-menu-content ul {list-style: none; margin: 0px -2px; padding:0px;}
#container-menu-content li {margin:0px -2px 0px 0px; float:left; position: relative; padding:0px; display: inline; }
#container-menu-content li a { vertical-align: middle;height:35px; line-height:35px; color:black;}
#container-menu-content li span {display: inline-block; background: url('../images/sprites.png') 0px 0px no-repeat;}
#container-menu-content li span.left {padding-left:5px; width:170px; text-align:center;}
#container-menu-content li span.right {background-position: 100% 0%; padding-right:5px;}
#container-menu-content li span.arrow {background-position: 0px -215px; margin-left: 5px; width: 10px;} 
#container-menu-content li.first span.left {width:70px;}
#container-menu-content li a:hover span, #container-menu-content li:hover a span /*, #container-menu-content li a.active span */{display: inline-block; background-position: 0px -35px; text-decoration: none;}
#container-menu-content li a:hover span.right, #container-menu-content li:hover a span.right /*, #container-menu-content li a.active span.right */{background-position: 100% -35px;}
#container-menu-content li:hover span.arrow, #container-menu-content li a:hover span.arrow /*, #container-menu-content li a.active span.arrow */ {background-position: 0px -215px;} 
#container-menu-content ul div.submenu {position:absolute; background: white;  width: 603px;display: none; top:35px; left:2px; border: 3px solid #e0efa2; z-index:3005; font-size:90%; overflow: hidden;}
#container-menu-content ul div.submenu .sekcia {position: static; float: left; width:200px; padding: 5px 0px 205px; margin: 0px 0px -200px 0px; border:  none; border-left: 1px solid #ccc; border-right: 1px solid #ccc;  display: inline; margin-right:-1px;}
#container-menu-content ul div.submenu .sekcia:first-child {border: none;}
#container-menu-content ul div.submenu .sekcia  span.title { display:  block; background: none; color: black; font-weight: normal; font-size:85%; text-align: left; margin: 0px 5px; padding: 0px 5px; line-height: 20px; vertical-align: middle;  background:url('../images/sprites.png') 0px -75px no-repeat; text-transform: uppercase;}
#container-menu-content ul div.submenu .sekcia:first-child {font-weight: bolder;}
#container-menu-content ul div.submenu .sekcia:first-child ul {font-weight: bolder;}
#container-menu-content ul div.submenu .sekcia:first-child ul a{color: black}
#container-menu-content li:hover div {display: block;}
#container-menu-content ul ul { font-size:80%; font-weight: normal; background: white; text-align: left; margin:0px;}
#container-menu-content li:hover ul {display: block;}
#container-menu-content li li {float:none; height:auto; width:100%; margin: 0px 0px 0px 0px;}
#container-menu-content li li span {background: none;}
#container-menu-content li li a {height:auto; line-height:normal; width:180px; display: inline-block; padding:2px 10px; color: black;}
#container-menu-content li li:hover>a, #container-menu-content li li a:hover, #container-menu-content li li.active a, #container-menu-content li li.active_last a {background:#dfea9b; text-decoration:  none;} 
#container-menu-content li:hover ul ul { position: absolute; display: none; top:0px; left:180px; font-size:100%;}
#container-menu-content li:hover li:hover ul {display: block;}
#container-menu-content li:hover li:hover ul ul {display: none;}
#container-menu-content li:hover li:hover li:hover ul {display: block;}

/*------------------------------------------------------------------------------------------------------------------------*/
/*---------- content ---------*/
/*---------------------------------------------------------------------------------------------------------------------------------*/

#container-content {width:1000px; margin:0px auto 2px auto;  font-size:85%; text-align:left; border-bottom: 1px solid #c1d099; overflow:hidden; z-index: 1; }
#container-content a { color: #96a236; text-decoration: underline}
/*left */
#container-left {border: 1px solid #c1d099; background: white; float:left; display: inline;  width:224px; margin:0px 0px -3000px 0px; padding:0px 0px 3000px 0px;}
#container-left.default {display: none}
#container-left a {color:black; text-decoration: none; width: 100%; display: inline-block}
#container-left a:hover, #container-left li.active_last li a:hover  {text-decoration: underline; background:#dfea9b;}
#container-left li.active a, #container-left li.active li.active a {background: #eee;}
#container-left li.active li a, #container-left li.active li.active li a {background: none;}
#container-left li.active_last a, #container-left li.active li.active_last a, #container-left li.active li.active li.active_last a  {background:#dfea9b;}
#container-left li.active_last li a ,  #container-left li.active li.active_last li a , #container-left li.active li.active li.active_last li a {background: none;}

#container-left .menu-title {font-size:125%; background: url('../images/sprites.png') -15px -5px no-repeat; border: 1px solid #c1d099; vertical-align: middle; line-height:20px; margin: 5px -1px 5px -1px; padding: 0px 5px;}
#container-left .sekcia {font-size:140%;  line-height: 30px; margin-top: -1px; }
#container-left ul {margin-left:5px; list-style: none;}

#action-menu ul {font-weight:bolder;}
#action-menu li {background: url('../images/sprites.png') no-repeat -315px -203px; padding-left:10px;}
#menu_link_all {background: url('../images/sprites.png') no-repeat -310px -203px; padding:0px 0px 0px 15px; font-weight:bolder; display: block; margin: 5px 0px; }
/*middle*/
#container-middle {border: 1px solid #c1d099; background: white; float:left; width:760px;  margin:0px 0px -3000px 2px; padding: 5px 5px 3005px 5px; overflow: hidden; z-index: 1;}
#container-middle.default { width:988px; margin-left:0px;}
#container-middle .container_pager{text-align:right; margin:0px auto; }
#container-middle .container_pager span{ font-weight:normal; font-size:0.8em;}
#container-middle p {text-align: justify}

#content-box {width:210px;float:right; z-index:1}
#content-box #newsletter-form  {display: none;}
#facebook-box {color: #666; padding: 5px 0px 0px 5px; height: 90px; border: 2px solid #bbd406; margin-bottom: 10px; overflow: hidden; font-size:110%;  font-family:"Calibri", Arial, monospace; z-index: 1;}
#facebook-box h3 {color: #4d4d4d; text-align: center; font-weight: normal;  margin-bottom: 5px;}
#facebook-box .info {line-height:  20px;}
#facebook-box .icon {float:left; width:75px; height:70px; background: url('../images/sprites.png') no-repeat 0px -525px;  margin-right:5px;}
#facebook-box strong {color: black ; font-size: 125%;}
#facebook-box a {display:  block; width: 100%; height: 100%; text-decoration: none; color: #4d4d4d;}
#newsletter-form {background: #bbd406; color: #666; padding: 15px 5px; height:70px;}
#newsletter-form h3 {margin: 0px; color: black;}
#newsletter-form p {margin: 0px;}
#newsletter-form form {line-height:20px; vertical-align: middle; overflow: hidden;}
#newsletter-form input {border:1px solid #ccc; height: 18px; float:left; width:84%;}
#newsletter-form button {background: url('../images/sprites.png') no-repeat -10px -405px; color:white; border:none; height:20px; display: inline-block; float:left;  width:25px;}
#contact-phone {border: 2px solid #bbd406; overflow: hidden; padding: 15px 0px 0px 5px; color: black; font-weight: bolder; text-align: center; font-size:125%;height:79px}
#contact-phone h3 {color:#bad222}
#contact-phone .icon {float:left; width:65px; height:65px; background: url('../images/sprites.png') no-repeat -240px -405px; }
#user-texts {overflow: hidden; clear: both}
#user-texts .user-text {float:left; width:24%; display: inline; padding:0.5% 0.5% 0.5% 0.5%; color: #666; overflow: hidden;margin-bottom:5px; }
#user-texts .user-text a {text-decoration:  none; color: #666;}
#user-texts .user-text h5 {color:black; margin:0px;}
#user-texts .user-text h5 a {color: black;}
#user-texts .user-text .icon {float:left;  display: inline-block; width:32px; height:40px; margin-bottom:10px;background: url('../images/sprites.png') no-repeat 0px -435px; margin-right:5px;  }
#user-texts #stone .icon{}
#user-texts #discount .icon {background-position: -160px -435px; }
#user-texts #delivery .icon{background-position: -40px -435px;}
#user-texts #program .icon{background-position: -80px -435px;}
#user-texts #customers .icon{background-position: -200px -435px;}
#user-texts #actual .icon {background-position: -120px -435px;}

#container_navigation a:hover{ }
#container-middle .container_pager a, #container-middle .container_pager strong { color: #666; text-align: center; font-weight: bolder; border-right: 1px solid #d2d2d2; width: 15px; display:  inline-block; height: 20px; line-height: 20px; vertical-align: middle;}
#container-middle .container_pager a:hover, #container-middle .container_pager strong{text-decoration:none; background: #bdd329; color: black;}

#container_navigation {margin-bottom:10px;}
#container_navigation a { color: black; text-decoration: none;}
#container_navigation a:hover{text-decoration:underline; }

#container_pagenavigation {overflow:hidden; }
#container_pagenavigation a, .container_pagenavigation span{}
#container-middle .container_pagenavigation a { color:black;}
#container_pagenavigation ul {margin-left:25px;}
#container_pagenavigation ul li {color: black;}
#container_pagenavigation ul li a{color: black}

#content-banner {position:relative; width:545px ; height:209px; background: white; margin-bottom:15px; overflow: hidden; float: left;}
.default #content-banner {width: 770px;}
#banner-items {position:absolute; top:0; left:0; cursor:pointer;}
#banner-items .banner-item {width:550px; height:210px; overflow: hidden; position:absolute; top:0; left:0; }
#banner-items .banner-item img {width:550px; height:auto;}
#banner-items .banner-text {position:absolute; bottom:0px; left:0px;}
#banner-items .banner-link {position:absolute; bottom:0px; left:0px; width:550px; height:210px; display: inline-block;}

#container-middle h2 {color:black;}
#container-middle h2.brand {padding: 5px 10px; background-color:#ccc; margin: 10px -5px; color:#5B504C;}
#container-middle h4 {font-size:1.0em;}
#container-middle ul.brand-section {overflow: hidden;}
#container-middle ul.brand-section li {color:#9a9f4b; float:left; width:25%; font-size:larger; list-style-type: disc; list-style-position: inside;}
#container-middle ul.brand-section li a {color: black; text-decoration: none;}
#container-middle ul.brand-section li a:hover  {color:#9a9f4b; text-decoration: underline;}

#container-middle ul li {overflow:hidden; width:300px; list-style:disc; line-height: 20px;}
#container-middle ul li form {padding:0px; margin:0px; }

/*---------------------------------------------------------------------------------------------------------------------------------*/
/*products*/
/*---------------------------------------------------------------------------------------------------------------------------------*/
.container_products { margin:0px -7px; padding: 10px 0px; overflow:hidden;}
#container-middle.default .container_products { margin:0px 10px; padding:0px 0px; overflow:hidden;}
#container-middle .container_products.top  {padding:0px 0px 15px 0px; }
#container-middle.default .container_products.top {margin: 0px -20px; padding:0px 30px 15px 30px; }
#container-middle .container_products h2.top {color: white; fon-weight:bolder; background: #666; margin:0px 0px 25px 0px; overflow: hidden; padding: 2px 10px; }
#container-middle.default .container_products.top h2.top {margin: 0px -25px 25px -25px; padding: 2px 15px;}
#container-content .container_products h2.top a {color: white; text-decoration: none;}
.container_products h2.top a.more {float:right; font-weight: normal; font-size: smaller; margin:5px; display: inline;}
.container_products h2.top a.more:hover {text-decoration: underline;}
.container_products h2.top .icon {display: inline-block; margin-right: 10px; font-size: 135%;}
#container-middle .container_products  h2.related {text-align: center; margin-bottom: 25px; color: #999f47;}
#products-filters {overflow: hidden;}
#products-filters form {clear:both; overflow: hidden; margin: 5px -5px;}
#products-filters form .filter {float: left; margin:0px 5px; font-size:90%;}
#products-filters form .filter select {max-width:100%;}
#products-filters form .filter label {display: block;}
#products-filters #order-select {width: 14%;}
#products-filters #page-select {width: 12%}
#products-filters #filter-select {width:17%;}
#products-filters form button {margin: 8px 5px 0px; width:80px; height:30px; line-height: 30px;  border: none; text-align: center; color: white; background: url('../images/sprites.png') -240px -160px no-repeat;  padding:0px;}

#filter-train .vagon { float:left; display: inline-block; height: 64px; border: none; font-size:0; color: white; background: url("../images/sprites-vlak.png") 0px 0px no-repeat; margin-left: 5px; cursor: pointer;}
#filter-train .train { float:left; display: inline-block; width: 94px; height:64px; background: url("../images/sprites-vlak.png") 0px 0px no-repeat;}
#filter-age {overflow: hidden;}
#filter-age .train {background-position: 0px 0px;}
#filter-age .vagon {width:67px;}
#filter-age .age0 {background-position: -110px 0px;}
#filter-age .age1 {background-position: -188px 0px;}
#filter-age .age3 {background-position: -265px 0px;}
#filter-age .age4 {background-position: -343px 0px;}
#filter-age .age5 {background-position: -421px 0px;}
#filter-age .age6 {background-position: -497px 0px;}
#filter-age .age8 {background-position: -571px 0px;}
#filter-age .age10 {background-position: -648px 0px;}
#filter-age .age12 {background-position: -722px 0px;}
#filter-age .age15 {background-position: -799px 0px;}
#filter-age .age18 {background-position: -877px 0px;}
#filter-size .train {background-position: 0px -64px;}
#filter-size .sizenarodenie {background-position: -110px -64px;}
#filter-size .sizemini {background-position: -188px -64px;}
#filter-size .sizemidi {background-position: -265px -64px;}
#filter-size .sizemaxi {background-position: -343px -64px;}
#filter-size .sizemaxi_plus {background-position: -421px -64px;}
#filter-size .sizejunior {background-position: -497px -64px;}


a.image{display:block; border:1px solid #eee; width:130px; height:130px;background-color:white; margin:auto; padding:0px; overflow: hidden;}
a.image img{width:auto; height:130px; padding:0px; }

.product_item{width:185px;  color: black; padding: 5px 3px; height:290px; margin:0px -2px -2px 0px; float:left; text-align:center; position:relative; text-align: center; border:2px solid #cccccc; }
.product_item:hover {background:#dfea9b;}
.special {position:  absolute; top: -7px; left: 0px; color: white; font-size: 100%; z-index: 1; width: 100%;}
.special div {width:80px; height:36px; background:url("../images/sprites.png") 0px 0px no-repeat;  float:right; display: inline; text-align: center; vertical-align: middle; padding:0px 0px 0px 10px;}
.special .novinka_mini{background-position: -50px -244px; line-height: 30px; color: #616e43;}
.special .akcia_mini{background-position: -230px -244px; line-height: 15px; margin-left:5px;}
.special .sale_mini{background-position: -140px -244px; line-height: 15px; margin-left:5px;}
.mini {width:100%; height:40px;  position:absolute; top:115px; left:0px; overflow:hidden;}
.darcek_mini{width:35px; height:35px; background:url("../images/sprites.png") -210px -200px no-repeat; float:left;}
.zdarma_mini{width:35px; height:35px; background:url("../images/sprites.png") -210px -525px no-repeat; float:right; color: white; line-height: 34px; vertical-align:  middle; font-weight: bolder;}
.product_image{width:99%; min-height:134px; margin:0px auto; text-align:center; position:relative;}
.product_item.hover, product_item:hover {}
.product_item h2 {height:65px; color: black; overflow:hidden; font-size:1em; margin:15px 0px; font-size:120%;  font-weight:normal; }

#container-content .product_item h2 a{color:black; display: block; text-decoration: none}
#container-content .product_item:hover h2 a {text-decoration: underline}
span.stock {text-align:center; display:inline-block; color:#6f8729;}
span.stock.no {color: red;}
.product_pricebox{color:black; text-align: center; font-size:1em; }
.product_pricebox .pricebig {font-size:1.5em; font-weight:bolder;}
.product_pricebox .bigger {font-size:1.2em;}
.product_item .block_link {position:absolute; display:block; width:100%; height:100%; top:0px; left:0px; }

#product_info{ margin-top:10px; position: relative; width:560px;}
#product_info .product_image{width:200px; float:left; position: relative;}
#product_info .product_image a{background-color:white; width:200px;height:200px; display:block;border:2px solid #ccc; overflow: hidden;}
#product_info .product_image a:hover{border:2px solid #e0cb88;}
#product_info .product_image a img {vertical-align:middle; text-align:center; padding:0px; margin:auto;}
#product_info .product_image .darcek_mini{position:absolute; bottom:0px; left:0px; width:51px; height:49px; background:url("../images/sprites.png") -249px -195px no-repeat;}
#product_info .product_image .zdarma_mini{position:absolute; bottom:0px; right: 0px; width:50px; height:50px; background:url("../images/sprites.png") -249px -525px no-repeat; color: white; font-weight: bolder; vertical-align: middle; line-height:50px; font-size:115%}
#product_info h1, #product_info h2, #product_info h3, #product_info h4 {color:#9ba916; }
#product_info h1 {font-size: 19px; }
#product_info h2 {font-size: 15px; font-weight: normal; color: #4d4d4d}
#product_info .availability {margin-top:15px; line-height:20px; vertical-align: middle}
#product_text{margin-left:220px;}
#product_text h2{margin:0px; padding:0px;}
#product_text .product_pricebox{width:320px; float:left;}
#product_text .stock {font-size:larger;}
#product-form {}
#product-form input {border:1px solid #edcfab; width:50px; height:20px; vertical-align: middle; text-align:center; color:black;}
#product-form button {color: white;display: inline-block;height: 32px;line-height: 32px;width: 130px;vertical-align: middle;background: url('../images/sprites.png') -160px -120px no-repeat;padding-right: 31px; border:none; font-size:95%;}
#product_price span{font-weight:bold; font-size:1.6em;}
#product_price span.small{font-size: 0.9em;}
#fb-root {margin: 5px 0px; }

#product-boxes {position: absolute; top: 180px; left:50%; margin-left:309px; width: 200px; color: black; text-align: left; font-size:85%;}
#product-boxes .fill {background: #ccc; height:9px;}
#product-boxes .top {background: url(../images/sprites.png) -310px -405px no-repeat; height: 9px; padding-left: 10px;}
#product-boxes .bottom{background: url(../images/sprites.png) -310px -465px no-repeat; height: 18px; padding-left: 10px;}
#product-boxes .bottom .arrow {float:right; width: 9px; height:9px; background: url(../images/sprites.png) 0px -300px no-repeat; clear:both;}
#product-boxes .content {background: #ccc; padding: 0px 10px; overflow: hidden;}
#product-boxes p {margin: 0px; padding: 0px;}
#contact-product {margin-bottom:10px; font-weight: bolder;}
#contact-product h3 {color: #4d4d4d;}
#contact-product a {color: #4d4d4d; text-decoration: none; margin-top:3px; display: inline-block; font-weight: normal; vertical-align: middle; line-height: 15px;}
#contact-product a span {color: #ccc; background: #4d4d4d; padding: 1px 4px; margin-right: 2px; display: inline-block; line-height: 13px;}
#facebook-product {font-size:110%; position:  relative; color: #4d4d4d; font-family:"Calibri", Arial, monospace;}
#facebook-product h3 {color: #4d4d4d; text-align: center; font-weight: normal;}
#facebook-product .info {}
#facebook-product .icon {float:left; width:55px; height:40px; background: url('../images/sprites.png') no-repeat -80px -525px;  margin-right:5px;}
#facebook-product strong {color: black ; font-size: 115%;}
#facebook-product a {display:  block; width: 100%; height: 100%; color: #4d4d4d; text-decoration: none;}
#newsletter-product {color: #4d4d4d;}
#newsletter-product h3 {color: black;}
#newsletter-product form {line-height:20px; vertical-align: middle; overflow: hidden; margin:0px; padding: 0px;}
#newsletter-product input {border:1px solid #ccc; height: 18px; float:left; width:84%;}
#newsletter-product button {background: url('../images/sprites.png') no-repeat -10px -405px; color:white; border:none; height:20px; display: inline-block; float:left;  width:25px;}

table.related {color:black; width:100%; margin: 10px 0px; clear: both;}
table.related.news {margin: 25px 0px;}
table.related tr{ border-bottom: 1px solid #f0efeb;}
table.related tr.odd {background: #f0efeb;}
table.related tr.same:hover, table.related tr.same.hover {}
table.related tr.same:hover a, table.related tr.same.hover a{text-decoration: underline}
table.related tr.odd.selected, table.related tr.even.selected  { background:#dfea9b; }
#container-content table.related tr a {color: black; text-decoration: none;}
table.related tr.head{background:#bbd407; border:none;}
table.related tr.head th{color:white; text-align:center;  font-size:110%; font-weight:bolder;padding:5px; }
table.related tr.head th.name {text-align: left;}
table.related tr td {color:black; padding:5px; border-top:1px dotted #515151;border-bottom:1px dotted #515151; }
table.related tr td.name span{float:left; display:inline;}
table.related.news tr td span {float:none;}
table.related tr td .akcia_mini{position:static; float:left; width: 60px; height: 30px; background: url("../images/sprites.png") -30px -190px no-repeat; }
table.related tr td .novinka_mini{position:static; float:left;width: 60px; height: 30px; background: url("../images/sprites.png") -90px -190px no-repeat; }
table.related tr td .sale_mini{position:static; float:left;width: 60px; height: 30px; background: url("../images/sprites.png") -150px -190px no-repeat; }
table.related tr td.name {overflow:hidden;}
table.related tr td.name div{position:relative; zoom:1;}
table.related tr td.name a.block_link {position:absolute; display:block;  left:-5px; top:-5px;  width:100%; height:75px; zoom:1; z-index:1000;}
table.related tr td.price {font-size:larger;text-align: center;}
table.related tr td.stock {text-align: center;}
table.related tr td.form {width:85px;}
table.related tr td.form input {border:1px solid #edcfab; width:38px; height:20px; vertical-align: middle; text-align:center; color:black;}
table.related tr td.form button {width:40px;  height:40px; line-height:40px; vertical-align:  middle; color:white; background:url("../images/sprites.png") -120px -120px no-repeat; border: none;}
#kontakt-form {display: none; text-align: left;}
#container_gallery, .gallery{width:100%; overflow:hidden;margin-top:1em; overflow:hidden;}
.gallery_item{float:left;}
.gallery_item a{display:block; border:2px solid #d9d9d6; width:135px; height:135px;background-color:white;}
#container_gallery .gallery_item a{display:block; border:2px solid #d9d9d6; width:auto; height:auto; background-color:white; margin:2%;}
.gallery_item a:hover{border:2px solid #cc9900;}
.gallery_item a img{vertical-align:middle;text-align:center; margin:auto;}

#container-middle .content-box.random {margin: 0px 0px 10px; clear:both;}
/*---------------------------------------------------------------------------------------------------------------------------------*/
/*static*/
/*---------------------------------------------------------------------------------------------------------------------------------*/
ol.hilite {overflow: hidden;  padding:0px 0px 0px 15px;  margin: 0px;  text-align: center; font-weight:bold; list-style: none; width:100%; vertical-align: middle; font-size:125%}
ol.hilite li {float:left; color:black; margin: 0px 5px;  text-align: center; vertical-align: middle; line-height: 45px; display:inline; width:160px; height:50px;background: url('../images/sprites.png') -160px -320px no-repeat; }
ol.hilite li.active { color:white; background: url('../images/sprites.png') 0px -320px no-repeat; margin: 0px 5px 0px -15px ;}
.obligatory {color:red; }

#purchase {background: #bbd406; margin: 0px -5px; padding: 5px; text-align: left;}
#form-content {}
#form-content #purchase {margin: 0px; padding: 5px;}
#form-content input {width: 260px;}
#purchase .payment {width:35%;}
#purchase .shipping {width:60%;}

#purchase h1 {color: black; background: white;padding: 5px; margin: 0px -5px;}
#purchase h2 {color: white; border-bottom: 1px solid #999; margin: 5px;}
#purchase h3 {color: white; background: #999; margin: 0px -5px; padding: 0px 5px;}

table#basket, table#basket2 { width: 100%;  clear:both;  color:black;}
table#basket td, table#basket2 td {padding: 5px; background: white; color:black; border-bottom:1px solid #f1f1f1;}
table#basket th, table#basket2 th { padding: 5px; color: white ; text-align: left;}
table#basket a { color: #d4757b; }
table#basket .count {width:50px;}
table#basket td.count input {border: 2px solid #9aa144; text-align: center; width: 30px;}
table#basket th {text-align: center;}
table#basket th.name {text-align: left;}
table#basket th.left {text-align: left;}
table#basket th.pack span {font-weight: normal;}
table#basket th.pack, table#basket td.pack {width:85px;}
table#basket .price, table#basket .price2 {text-align: right;}
table#basket td.actions input {border:none;}

#purchase .voucher-form {background:  white; margin: 10px 0px; padding:0px 5px;}
#purchase .voucher-form form {padding: 5px 0px ;}
#purchase .voucher-form input {width:220px; height:28px; border:1px solid black; background: url('../images/sprites.png') 0 -160px no-repeat; padding: 0px 5px;}

#payment-shipping {margin-top:15px;}
#payment-shipping th { text-align: left; color: white; padding: 2px;}
#payment-shipping td{ background:  white; border:1px solid #f1f1f1;  padding: 2px; vertical-align: middle;}
#payment-shipping input {padding: 0px; margin: 0px;}
#shipping {float:left;}
#payment {float:right;}

#purchase  .delivery-free {margin-top:5px;}
table.summary { background: white; float: right;}
table.summary td, table.summary th {padding:3px;}
table.summary .total{font-size:larger; border-top: 1px solid black;}

#static .formbuttons span input { width:80px; height:30px; line-height: 30px;  border: none; text-align: center; color: white; background: url('../images/sprites.png') -240px -160px no-repeat;  padding:0px; cursor: pointer;}
#static .purchase-summary {background: white; padding: 0 5px; margin-bottom: 5px;}
#static .static-nav {clear:both;  position:relative; text-align:center; padding: 0px; overflow: hidden; margin:5px -5px -5px -5px;}
#static .static-nav span {display: inline-block; height: 45px; line-height:45px; vertical-align: middle; text-align: center; margin: 5px;}
#static .static-nav span.prev {float:left;}
#static .static-nav span.prev a {width:120px; padding-left:40px; height:45px;  background: url('../images/sprites.png') -160px -480px no-repeat; display: inline-block; color:white; text-decoration: none;}
#static .static-nav span.next {float:right; color: white; }
#static .static-nav span.next a {width: 120px; padding-right:40px; height:45px; background: url('../images/sprites.png') 0px -480px no-repeat; display: inline-block; color: white; text-decoration: none;}

#choices { text-align: center;}
#choices a {width: 155px; height:35px; background: url('../images/sprites.png') 0px -370px no-repeat; display: inline-block; color: white;  font-size: 110%; text-decoration: none;  line-height:35px; vertical-align: middle;}
#choices hr {border-bottom:1px solid black}

#purchase button {margin: 0px auto; width:80px; height:30px; line-height: 30px;  border: none; text-align: center; color: white; background: url('../images/sprites.png') -240px -160px no-repeat; padding:0px}
#purchase button.larger {width:135px; background-position: 0px -405px}
#purchase form table {width:100%;}
#purchase form label {font-weight: bolder;}
#purchase form input, #purchase form textarea {border: 1px solid #999;}
#purchase.forms form table th, #purchase.forms form table td {width:50%;}
#purchase .error {background-color:red; font-weight:bolder; font-size:larger; padding: 10px; }
#purchase .error li {width: auto;}

#static-login p {text-align:center;}
#static-login form table {width:100%}
#static-login form table td {width:50%; text-align:left}
#static-login form table th {width:50%; text-align:right }
#static-login form table h3 {background:#fffcc7; color:#6e535a; padding:5px; margin: 3px 0px}
#static-login .obligatory {color:#ec9e8a; }
#static-login #register, #static-login #submit_login {background: url('../images/btn_bg.jpg') top center no-repeat; text-align:center; border:none; width:176px; height:30px; line-height:30px; margin: 0px auto; }

#purchase .adress {width:40%; display:inline; float:left; margin: 5px 10px; }
#purchase .adress p {font-size: 130%; padding: 5px; }
#purchase .adress p:last-child {border:none}
#purchase #form_note {float:left; width:47%;}


#div-log h4 {font-weight:bolder; font-size:larger;}
#div-log h4 a.obligatory {color:#DB224C; font-size:larger; }
#log-info {display:none;}
#del-register {display: none;}
#del-noregister {display: none;}
#del-login {}
#del-login-ul {text-align: left; font-weight: bold; padding-left: 10px; padding-bottom: 15px;}

#content.znacky {overflow:hidden;  position:relative; padding-bottom:3px; }
a#content-arrow {bottom:0px; right: 0px; position:absolute; background:#F5F3CC; color:#5b504c; padding: 3px; display:none; margin-top: 10px; }
#content ul {list-style: disc inside;}
#content ul li {width:100%;}
#content p a {color: inherit; }


/*---------------------------------------------------------------------------------------------------------------------------------*/
/*customer*/
/*---------------------------------------------------------------------------------------------------------------------------------*/
#container-shade { background: #000; opacity: 0.8; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
#container-email { width: 400px; min-height: 200px; background: #fff; position: absolute; top: 20%; display: none; padding: 1em;  color:#5B504C;}
#container-email td { text-align: left; }
#container-customer {width:90%;margin:0px auto; padding-top:10px;  }
#container-customer a {font-size:0.8em; color:black; padding:0px 3px; font-weight:bold; text-decoration:none;}


/*---------------------------------------------------------------------------------------------------------------------------------*/
/*footer*/
/*---------------------------------------------------------------------------------------------------------------------------------*/

#bottom-menu {font-size:90%; text-align:center; margin:0px auto; width:998px; border: 1px solid #c1d099; background: white; color: #605951; margin-bottom:10px; padding:10px 0px }
#bottom-menu ul {padding:0px; margin:0px; list-style:none; overflow: hidden; width:780px; float: left;}
#bottom-menu li {display:inline; float:left; width:175px; padding: 10px  10px 10px 10px;text-align: left; margin:0px; }
#bottom-menu li.menu_id_1416 {}
#bottom-menu a {color: #242110; font-weight:bolder; }
#bottom-menu ul ul {border:none; text-align:left;  padding:5px; height:230px; overflow:hidden; width: 100%; }
#bottom-menu li.menu_id_1416 ul {overflow-y:scroll;}
#bottom-menu li li {font-size:14px; padding:3px 0px; font-weight: bolder; border:none; margin:0px; width:160px; height:auto;}
#bottom-menu li li a {color: #252406; font-weight:normal;}
#bottom-menu ul ul ul {display: none; top:0px; right:0px;}
#bottom-box {float: right; width:215px;}
#footer {font-size:0.7em; text-align:center; margin:0px auto;width:1002px; color:#999;}

/*contest*/
#container-contest {background: #f5f3cc; margin: 1px; padding:10px; border:1px solid #ccc; color:#5b504c;}
#container-contest th {width:25%;}
#contest-info {display:none; text-align: center; width:100%; font-size:125%; font-weight:bold; color: red;}
#contest-info.visible {display:block;}
#container-contest h2 {color:#cc9960}
#container-contest .contest {font-size:105%; margin: 10px 0px;}
#container-contest .contest p {margin:0px;}
#container-contest .contest table {margin-top:10px;}
#container-contest .contact td {width:60%; }
#container-contest .contact input[type=text] {width:80%; border: 1px solid #ccc; padding: 5px;}
#container-contest .obligatory {color:red; text-align:center;}