/* -------------------------------------------------


------------------ NaseNadobi.cz --------------------


------------------------------------------------- */

/* 01. HTML Tagy */

body {
    background: #f2f6f6 url('/img/bg.png') top repeat-x;
    font-family: Arial, sans-serif; font-size: 0.75em; text-align: center; color: #3e5700;
    margin: 0; padding: 0;
}
a {color: #ef8e27;}
a:hover {text-decoration: none;}
hr, .invis {display: none;}

.left-head p, .right-head p, #log-button {margin: 0px;}
h1 {font-size: 20px; margin: 25px 0 25px 0; font-weight: bold;}
img {border: none;}
.clear {clear: both;}
.center {text-align: center;}
.right {text-align: right;}
.button {background: url('/img/button.gif') top no-repeat; width: 70px; height: 22px; border: none; text-align: center; color: #ffffff; font-size: 12px; font-weight: bold; cursor: pointer;}
.button-l {background: url('/img/button-l.gif') top no-repeat; width: 99px; height: 22px; border: none; text-align: center; color: #ffffff; font-size: 12px; font-weight: bold; cursor: pointer;}
.strong {font-weight: bold;}
.green {font-weight: bold; color: #8eb826;}
.orange {font-weight: bold; color: #ef8e27;}
p.error {font-weight: bold; color: #DF0101;}


/* Hlavicka webu */
#web {background: #5089ce url('/img/bg_web.jpg') top no-repeat; width: 990px; margin: auto; text-align: left;}
#top {height: 275px; position: relative; }
#logo {width: 264px; height: 46px; float: left; margin: 20px 0 0 22px;}
#logo p {margin: 0px;}
#web-switcher {width: 302px; height: 42px; margin: auto; position: absolute; top: 0; left: 354px;}
#web-switcher ul {margin: 0; padding: 0; list-style: none; font-weight: bold;}
#web-switcher ul li {width: 151px; height: 42px; line-height: 42px; float: left; text-align: center; color: #ffffff;}
#web-switcher ul li a {display: block; color: #fadd1c;}
#web-switcher ul li.active {background-position: top left !important; text-transform: uppercase; font-weight: bold;}
#web-switcher ul li.switcher-left {background: url('/img-el/switcher_left.png') bottom left no-repeat;}
#web-switcher ul li.switcher-right {background: url('/img-el/switcher_right.png') bottom left no-repeat;}
#cart {width: 270px; height: 92px; float: right; margin-right: 10px;}
#cart-box {background: url('/img/cart.png') top left no-repeat; width: 270px; height: 70px;}
#cart-box p.cart-info {width: 160px; margin: 20px 10px 0 0; float: right; color: #0052b2;}
#cart-box p.cart-price {width: 160px; margin: 0 10px 0 0; float: right; font-size: 16px; font-weight: bold; color: #ffffff;}
#cart-button {background: url('/img/cart-shadow.png') top left no-repeat; width: 260px; height: 22px; padding-right: 10px; text-align: right;}

#content {background: url('/img/content.png') repeat-y; width: 970px; margin: 0 10px 0 10px;}

/* Levy sloupec */
#left {background: url('/img/left-top.png') top left no-repeat; width: 190px; float: left;}
#left-roof {background: url('/img/roof.png') top right repeat-y; width: 190px; height: 20px;}
.left-head {background: url('/img/left-head.png') top left no-repeat; height: 30px; line-height: 30px; font-size: 18px; color: #ffffff; padding-left: 20px;}
.left-cont {height: 150px; /*background: url('http://hechter.creontech.cz/img/left-right.png') top left repeat-y;*/ background-color: #FFF; margin-bottom: 10px; padding: 10px;}
.left-cont p {margin: 10px 0 0 0;}
.left-cont p.no-top {margin-top: 0px;}
.left-cont-m {background: url('/img/left-right.png') top left repeat-y; margin-bottom: 10px;}
.left-cont-m ul {margin: 0; padding: 0; list-style: none;}
.left-cont-m ul li {border-bottom: 1px solid #ddebda;}
.left-cont-m ul li.akce {background: url('/img/left-cont-a.png') no-repeat;}
.left-cont-m ul li.novinka {background: url('/img/left-cont-n.png') no-repeat;}
.left-cont-m ul li.doporucujeme {background: url('/img/left-cont-d.png') no-repeat;}
.left-cont-m ul li a {height: 30px; line-height: 30px; padding-left: 15px; font-weight: bold; color: #3e5700; text-decoration: none;}
.left-cont-m ul li.active {background: #8fb927 url('/img/category_active.png') repeat-x;}
.left-cont-m ul li.active a {color: #fff;}
.left-cont-m ul li ul {margin-top: 1px;}
.left-cont-m ul li ul li {background: #dae6eb url('/img/subcategory.png') repeat-y; border-top: 1px solid #ffffff;}
.left-cont-m ul li ul li a {background: url('/img/subcategory_li.png') left center no-repeat; padding-left: 15px; margin-left: 15px; color: #3e5700 !important;}

/* Content webu */
#center {background: #ffffff url('/img/center.jpg') top left no-repeat; width: 580px; padding: 11px 0 15px 10px; float: left;}
.center-in {width: 560px; margin-left: 5px;}
#main-menu {width: 560px; margin: auto; padding: 0;}
#main-menu ul {list-style: none; margin: 0 auto; padding: 0 !important; height: 32px; line-height: 32px;}
#main-menu ul li {background: url('/img/main-menu-split.png') center right no-repeat; padding-right: 10px; margin-right: 9px; float: left;}
#main-menu ul li.no-li {background: none; padding: 0px; margin: 0px;}
#main-menu ul li a {text-decoration: none; font-weight: bold; text-transform: uppercase;}
#main-menu ul li a:hover {text-decoration: underline;}

#sub-menu {background: url('/img/sub-menu-bg.png') top left no-repeat; width: 560px; height: 22px; line-height: 22px; margin: auto;}
#sub-menu a {background: url('/img/sub-menu-split.png') top left no-repeat; height: 22px; line-height: 22px; padding-left: 20px; margin-left: 8px; color: #52a6dc; float: left;}
#sub-menu p {margin: 0 0 0 10px; float: left; font-weight: bold;}

.shorting {float: left; display: block; width: 558px; border: 1px solid #ddebda; min-height: 28px; _heigh: 28px; _height: auto; font-weight: bold; line-height: 30px; margin-top: 1px;}
.shorting-div {float: left; display: block; width: 548px; padding-left: 10px; border: 1px solid #ddebda; min-height: 28px; _heigh: 28px; _height: auto; font-weight: bold; line-height: 30px; margin-top: 1px;}
.shorting a {margin: 0 5px 0 5px; font-weight: normal;}
.shorting a.active {color: #52a6dc; font-weight: bold; text-decoration: none;}
.shorting p.short-left {margin: 0 0 0 10px; float: left;}
.shorting p.short-right {margin: 0 5px 0 0; float: right;}
.shorting p.short-right a {margin: 0 2px 0 2px;}

/* Zobrazeni produktu */
#big_labels {height: 30px; clear: both; margin-bottom: 10px;}
#big_labels p {margin: 0;}
#big_labels .akce {background: url('/img/label_akce_big.jpg') top left no-repeat; width: 180px; line-height: 30px; text-align: center; height: 30px; color: #fff; text-transform: uppercase; font-weight: bold; float: left; margin: 5px;}
#big_labels .novinky {background: url('/img/label_novinka_big.jpg') top left no-repeat; width: 180px; line-height: 30px; text-align: center; height: 30px; color: #fff; text-transform: uppercase; font-weight: bold; float: left; margin: 5px;}
#big_labels .doporucujeme {background: url('/img/label_doporucujeme_big.jpg') top left no-repeat; width: 180px; line-height: 30px; text-align: center; height: 30px; color: #fff; text-transform: uppercase; font-weight: bold; float: left; margin: 5px;}
form{ padding: 0; margin: 0;}
#products {width: 590px; margin: 5px auto 5px auto;}
.product-item {width: 180px; margin: 5px; float: left; height: 335px;}
.product-name {display:block; background: #8eb826 url('/img/product-name.png') top left repeat-x; height: 24px; padding: 8px 10px 10px 10px; color: #ffffff; text-align: left; font-weight: bold; font-size: 12px;}
.product-img {position: relative; line-height: 170px;border-left: 1px solid #ddebda; border-right: 1px solid #ddebda; height: 170px; _height: 170px; margin: 0 auto;}
.product-img-hor{display:block; margin: 0 auto; height: 170px; width: auto; text-align: center;}
.product-img img{max-height: 150px;display: inline-block; line-height: 170px; vertical-align: middle;}
.product-price {background: #f9f9f7; border-left: 1px solid #ddebda; border-right: 1px solid #ddebda; border-top: 1px solid #ddebda; height: 30px; line-height: 30px; padding: 0 10px 0 10px; font-size: 11px;}
.product-price span.price-left {float: left;}
.product-price span.price-right-small {float: right; font-size: 11px;}
.product-price span.price-right {float: right; font-size: 16px;}
.product-img .label_doporucujeme {width: 108px; height: 23px; background: url('/img/label_doporucujeme.png') top left no-repeat; position: absolute; bottom: 5px; left: 0; margin: 0; padding: 0;}
.product-img .label_novinka {width: 75px; height: 23px; background: url('/img/label_novinka.png') top left no-repeat; position: absolute; bottom: 5px; left: 0; margin: 0; padding: 0;}
.product-img .label_akce {width: 57px; height: 23px; background: url('/img/label_akce.png') top left no-repeat; position: absolute; bottom: 5px; left: 0; margin: 0; padding: 0;}
.product-tocart {background: #eaf5d2; height: 30px;border: 1px solid #ddebda; text-align: center;}
.product-sum {background: url('/img/product_sum.png') no-repeat; width: 50px; height: 22px; float: left; margin: 4px 0 0 8px; padding: 0;}
.product-sum input {width: 26px; border: none; background: none; float: left; margin: 2px 0 0 2px; text-align: center; color: #637285;}
.tocart-button {border: none; margin: 4px 0 0 2px; width: 105px; height: 22px;}
.tocart-button-big {border: none; margin: 0 !important; width: 105px; height: 22px;}
.product-sum-big {background: url('../img/product_sum_big.png') no-repeat; width: 60px; height: 30px; float: left; margin: 0 5px 0 0 !important;}
.product-sum-big input {width: 32px; border: none; background: none; float: left; margin: 4px 0 0 4px; text-align: center; color: #637285; font-weight: bold;}
.product-name a{color: #ffffff; text-decoration: none;}

/* Pravy sloupec */
#right {background: url('/img/right-top.png') top right no-repeat; width: 190px; float: right;}
#right-roof {background: url('/img/roof.png') top left repeat-y; width: 190px; height: 20px;}
.right-head {background: url('/img/right-head.png') top left no-repeat; height: 30px; line-height: 30px; font-size: 18px; color: #ffffff; text-align: right; padding-right: 20px;}
.right-cont {background: url('/img/left-right.png') top left repeat-y; margin-bottom: 10px; padding: 10px;}
#tab-login {width: 170px; border-collapse: collapse; border: none;}
#tab-login td.top-pad {padding-top: 10px;}
input {background: url('/img/input.png') top left repeat-x; width: 166px; border: 1px solid #aed450; height: 20px;}
#log-link {font-size: 11px;}
.right-bot {margin: 10px 0 0 0; text-align: right;}
.bot-mar {margin: 0 0 10px 0;}
.right-new {width: 170px; text-align: center; margin-bottom: 10px;}
.right-new p{margin: 0; font-weight: bold; font-size: 14px; line-height: 1.3em;}
.right-new img {border: 1px solid #ddebda;}

/* Detail produktu */
#product-detail {width: 560px; margin: auto;}
#product-detail-left {width: 252px; float: left;}
.product-detail-foto {width: 250px; border: 1px solid #ddebda; text-align: center; position: relative;}
.product-detail-foto .label_doporucujeme {width: 108px; height: 23px; background: url('/img-el/label_doporucujeme.png') top left no-repeat; position: absolute; bottom: 5px; left: 0; margin: 0; padding: 0;}
.product-detail-foto .label_novinka {width: 75px; height: 23px; background: url('/img-el/label_novinka.png') top left no-repeat; position: absolute; bottom: 5px; left: 0; margin: 0; padding: 0;}
.product-detail-foto .label_akce {width: 57px; height: 23px; background: url('/img-el/label_akce.png') top left no-repeat; position: absolute; bottom: 5px; left: 0; margin: 0; padding: 0;}
#product-detail-right {width: 288px; float: right;}
#product-detail-right p {margin: 0px 0px 10px 0px;}
#tab-product-info {width: 288px; border-collapse: collapse; margin-bottom: 5px;}
#tab-product-info tr {border: 1px solid #ddebda;}
#tab-product-info td {width: 144px; background: #f9f9f7; height: 30px; line-height: 30px; padding: 0px 5px 0px 5px;}
.tocart-button-big {border: none; margin: 4px 0 4px 0; width: 162px; height: 30px;}
.center-ul {margin: 15px 0px 15px 0px; list-style: none; padding: 0px;}
.center-ul li {padding-left: 15px; background: url('/img/list-cube.png') center left no-repeat; height: 18px; line-height: 18px;}

/* Kosik */
#cart_menu {width: 560px; height: 34px;margin-bottom: 25px;}
#cart_menu ul {margin: 0; padding: 0; list-style: none; font-weight: bold;}
#cart_menu li{background: url('/img/cart-gray.png') top left no-repeat; width: 140px; height: 34px; line-height: 34px; text-align: center; color: #a3a3a3; float: left;}
#cart_menu li.active {background: url('/img/cart-green.png') top left no-repeat; color: #fff;}

.cart_items {background: #f9f9f7; width: 560px; border-collapse: collapse; border: 1px solid #ddebda;}
.cart_items th {background: #8eb826; height: 26px; text-align: center; color: #fff; font-weight: bold; padding-left: 5px; border: 1px solid #ddebda;}
.cart_items td {border: 1px solid #ddebda; padding: 0 5px 0 5px; height: 26px; text-align: center;}
.cart_items th.c_i_name {width: 170px; text-align: left;}
.cart_items td.c_i_name {width: 170px; text-align: left;}
.cart_items td.c_i_store {width: 50px;}
.cart_items td.c_i_ks {width: 30px;}
.cart_items td.c_i_vat {width: 90px; text-align: right;}
.cart_items th.c_i_vat {width: 90px; text-align: right; padding: 0 5px 0 5px;}
input.cart_ks {width: 20px; height: 14px; font-size: 11px; text-align: center;}

.cart_price {background: #52a6dc; width: 560px; border-collapse: collapse; margin-top: 10px; font-size: 14px; font-weight: bold; color: #ffffff;}
.cart_price td {padding: 0 5px 0 5px; border: 0; height: 32px; text-align: center;}
.cart_price td.c_p_name {width: 332px; text-align: left;}
.cart_price td.c_i_name {width: 295px; text-align: left;}
.cart_price td.c_i_vat {width: 90px; text-align: right;}

#cart_buttons {width: 560px; margin-top: 20px;}
#cart_buttons td.t1 {text-align: left;}
#cart_buttons td.t2 {text-align: right;}

.cart_gray_div {background: #f9f9f7; width: 500px; border-collapse: collapse; border: 1px solid #ddebda; margin: 0 auto 20px auto; padding: 10px;}
.cart_gray_form {width: 400px; margin: auto;}
.cart_gray_form tr {height: 60px;}
.cart_gray_form label {display: block; padding: 4px 0;}
.cart_gray_form td {width: 200px;}

.cart_deli {background: #f9f9f7; width: 520px; border-collapse: collapse; border: 1px solid #ddebda; margin: auto;}
.cart_deli td {border: 1px solid #ddebda;}
.cart_deli td.sel {height: 24px; line-height: 24px; text-align: left;}
.cart_deli td.sel input {margin-right: 10px; width: 20px; float: left;}

#heel {background: #5089ce; width: 560px; _width: 960px; height: 30px; line-height: 30px; margin: 0 auto;padding: 0 15px 0 15px; _padding: 0 15px 0 25%; font-size: 11px; color: #ffffff; _margin-bottom: -10px;}
#heel a {color: #ffffff;}