/*
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: #313131;
font-family: Arial, Tahoma, Verdana;
}

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

h1, h2, h3, h4 {margin: 0; padding: 0;}
h1 {font-size: 1.1em; margin: 0 0 10px 0;}

/* HEADLINE */

/* OTHERS */
.grey {color: #565656 !important;}
.azurit {color: #52b2be;}
.bigger {font-size: 1.1em;}
.bigger2 {font-size: 1.2em;}
.bigger3 {font-size: 1.3em;}
.bigger4 {font-size: 1.4em;}

.strankap ul, .strankap ol, .popisZbozi2 ul, .popisZbozi2 ol {margin: 5px 20px;}
.strankap h2, .strankap h3 {margin: 10px 0;}
.strankap p {margin: 0 0 5px 0;}

/* PAGE KODING */
#wrap {
min-height: 100%; height:auto !important; height: 100%;/*IE*/ position: relative; background: url('../images/wrap.png') repeat-y center 0;
}
#box {position: relative; width: 980px; margin: 0px auto; padding: 222px 0 132px 0; overflow: hidden; background: url('../images/header2.jpg') no-repeat}
#page {float: left; width: 980px;}
#logo {position: absolute; left: 4px; top: 78px; height: 56px; width: 362px; display: block;}
#logo span {position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: url('../images/logo.jpg') no-repeat 0 0;}

#polskezbozi {position: absolute; right: 7px; top: 85px; width: 321px; height: 57px; display: block;}
#paticka-href {position: absolute; left: 13px; bottom: 52px; width: 355px; height: 77px; display: block; z-index: 5;}

#content {float: right; width: 691px; padding: 17px 34px 0 0;}
#left {float: left; width: 236px;}
#left .menu-span, #left .news-span, #left .top-span, #left .anketa-span, #left .balmain-paris-span, #left .prodluzovani-span, #left .modni-trendy-span, #left .pro-kadernice-span, #left .rychly-kontakt-span, #left .pece-o-vlasy-span, #left .zajimavosti-span, #left .nabidka-spoluprace-span {float: left; width: 236px; height: 48px; position: relative;}
#left .menu-span span, #left .news-span span, #left .top-span span, #left .anketa-span span, #left .balmain-paris-span span, #left .prodluzovani-span span, #left .modni-trendy-span span, #left .pro-kadernice-span span, #left .rychly-kontakt-span span, #left .pece-o-vlasy-span span, #left .zajimavosti-span span, #left .nabidka-spoluprace-span span {position: absolute; left: 0; top: 0; width: 236px; height: 48px;}
#left .menu-span span {background: url('../images/left_menu.jpg') no-repeat 0 0;}
#left .anketa-span span {background: url('../images/left_anketa.jpg') no-repeat 0 0;}
#left .news-span span {background: url('../images/left_news.jpg') no-repeat 0 0;}
#left .top-span span {background: url('../images/left_top.jpg') no-repeat 0 0;}
#left .balmain-paris-span span {background: url('../images/balmain-paris.jpg') no-repeat 0 0;}
#left .prodluzovani-span span {background: url('../images/prodluzovani.jpg') no-repeat 0 0;}
#left .modni-trendy-span span {background: url('../images/modni-trendy.jpg') no-repeat 0 0;}
#left .pro-kadernice-span span {background: url('../images/pro-kadernice.jpg') no-repeat 0 0;}
#left .rychly-kontakt-span span {background: url('../images/rychly-kontakt.jpg') no-repeat 0 0;}
#left .pece-o-vlasy-span span {background: url('../images/pece-o-vlasy.jpg') no-repeat 0 0;}
#left .zajimavosti-span span {background: url('../images/zajimavosti.jpg') no-repeat 0 0;}
#left .nabidka-spoluprace-span span {background: url('../images/nabidka-spoluprace.jpg') no-repeat 0 0;}
.left_a {display: block; background: url('/images/menu-li.jpg') no-repeat 11px bottom; margin: 0 0 5px 0; padding: 3px 0 3px 23px; color: #4A4A4A;}
.news, .top5 {float: left; width: 220px; padding: 5px 0 5px 16px; background: url('../images/left_news-bg.gif') no-repeat 16px bottom; color: #565656;}
.no-bg {background: none;}
.news a, .top5 a {color: black; font-weight: bold; line-height: 1.8em;}
.news .novinka-text {font-size: 0.85em;}
.top5 span {color: #35a9b7;}
.top5 .grey {float: right; padding: 0 10px 0;}
.anketabox {float: left; padding: 5px 0 5px 16px;}
.anketabox .otazka {border-bottom: 1px dotted #dfd9d1; padding: 0 0 2px 0; margin: 0 0 2px 0;}
.anketabox .celkem {border-top: 1px dotted #dfd9d1; padding: 2px 0 0; margin: 2px 0 0;}

.contact {text-align: right; background: url('/images/contact.jpg') no-repeat 10px 0; padding: 10px 10px 10px 0;}
.skype {text-align: center; padding-left: 6px;}

#footer {position: absolute; left: 0; bottom: 0; width: 100%; height: 132px; background: url('../images/footer.jpg') no-repeat center 0;}
#footer .align {margin: 0px auto; width: 417px; height: 96px; padding: 36px 0 0 563px; font-size: 0.8em;}

/* ierest */
#zenska {position: absolute; left: 40px; top: 32px; width: 150px; height: 126px; display: block;}
#search_text {position: absolute; left: 254px; top: 203px; width: 146px; height: 16px; padding: 5px 10px; background: url('../images/search-text.jpg') no-repeat; border: none;}
#search_submit {position: absolute; left: 430px; top: 203px;}
#cart {position: absolute; right: 34px; top: 203px; padding: 0 0 0 0; line-height: 26px; color: black;}
#cart a {position: relative; width: 45px; height: 26px; font-size: 0.8em; top: -8px;}
#cart a span {position: absolute; left: 0; top: 0; width: 45px; height: 26px; background: url('../images/cart.jpg') no-repeat;}
#menu {position: absolute; left: 200px; top: 29px; list-style: none;}
#menu li {float: left; padding-right: 1px; background: url('../images/main-menu-li.jpg') no-repeat right center;}
#menu li a {float: left; display: block; line-height: 43px; padding: 0 4px; color: #0c6c8f; text-decoration: none;}
#menu li a:hover {background: url('../images/main-menu-a_hover.jpg') repeat-x 0 0;}
#head {position: absolute; left: 483px; top: 58px; width: 38px; height: 14px; background: url('../images/head.png') no-repeat 0 0;}
.prihlasen-true {position: absolute; right: 9px; top: 138px; border: 2px solid #0d6e8f; padding: 5px 15px; background: #e5f9f8;}

/* index */
.pricekiller br {clear: both;}

.pricekiller-div {width: 497px; height: 221px; background: #69b5c3 url('/images/pricekiller.png') no-repeat; padding: 70px 0 0 15px; position: relative; margin: 12px 0 0;}
.pricekiller-div label {width: 270px; height: 24px; float: left; margin: 6px 6px 6px 0; color: white;}
.pricekiller-div input {float: left; margin: 6px; border: none; padding: 2px; width: 186px; height: 24px;}
.pricekiller-submit {position: absolute; right: 53px; bottom: 8px; width: auto !important; height: auto !important;}

.pricekiller label.error {float: left; width: 150px; margin-right: -180px; color: red; font-size: 12px; padding-left: 36px;}

/* .menu */
/*.menu {float: left; list-style: none; margin: 0; padding: 0; width: 236px; margin: 0 0 5px 0;}
.menu .menu {margin: 0;}
.menu li {float: left; background: url('../images/menu-li.jpg') no-repeat 11px bottom;}
.menu li a {float: left; display: block; width: 236px; text-decoration: none;}
.menu li a span {float: left; background: url('../images/menu-a-span.jpg') no-repeat 23px 11px; display: block; width: 196px; line-height: 30px; padding: 0 0 0 40px; color: #4a4a4a;}
.menu li a:hover, .menu li a.aktivni, .menu li.aktivnili .menu {background: url('../images/menu-a_hover.png') repeat; }
.menu li a:hover span, .menu li a.aktivni span {background: url('../images/menu-a-span_hover.jpg') no-repeat 23px 11px; color: black; text-decoration: underline;}
.menu .menu .menu li a:hover span, .menu .menu .menu li a.aktivni span, .menu .menu .menu a span {background: url('../images/menu-a-span_hover.jpg') no-repeat 33px 11px; color: black; text-decoration: underline; padding: 0 0 0 50px; width: 176px;}
.menu li li {float: left; background: none;}
.menu li li a span {margin: 0 0 0 10px; _margin: 0 0 0 5px; width: 186px;}*/
#aside ul {background:none;margin:0 0 0 11px; padding:0;list-style:none; border-top:#999999 1px solid;}
#aside ul li {color:#000;background:none;font-weight:normal;font-size:100%;padding: 0;position: relative;}
#aside ul li a {color:#000;padding:0;text-decoration:none; padding:7px 0 7px 30px; display:block; background: url("../images/menu-a-span.jpg") no-repeat scroll 13px 11px; border-bottom:#999999 1px solid; font-weight: bold;}
#aside ul li a:hover, #aside ul li a.aktivni {background: url('../images/menu-a-span_hover.jpg') no-repeat 13px 11px; color: black; text-decoration: underline;}

#aside ul li ul {margin: 0; display: none; position: absolute; left: 60px; top: 20px; z-index: 5; border-top:none;}
#aside ul li ul li {width: 180px;}
#aside ul li:hover ul {display: block;}
#aside ul li.aktivnili ul {display: block; position: relative; top: 0px; left:0px; z-index: 2;}
#aside ul li.aktivnili ul li {width: 226px;}
#aside ul li.aktivnili ul li a {width: 185px; padding: 5px 0 5px 40px; background: white;}

#aside ul li:hover ul li ul {margin: 0; display: none; position: absolute; left: 60px; top: 20px; background: white;}
#aside ul li:hover ul li {width: 180px !important;}
#aside ul li:hover ul li:hover ul {display: block;}


#aside ul li ul li a {padding-left: 30px; background: #fff; font-weight: normal; z-index: 100;}
#aside ul li ul li a:hover {background: #fff; text-decoration: underline;}
#aside ul li ul li.aktivnili ul a {background: #fff; padding: 5px 0 5px 50px; width: 175px;}

/* boxik.tpl */
.product {float: left; width: 219px; height: 248px; padding: 5px; border: 1px solid #dfd9d1; margin: 0 0 -1px -1px; overflow: hidden; position: relative;}
.product .item_image {width: 219px; height: 150px; display: block; text-align: center; margin: 0 0 5px 0;}
.product h3 {font-size: 1em; line-height: 16px; height: 32px; margin: 0 0 5px 0;}
.product .basketbut {position: absolute; right: 5px; bottom: 5px;}
.product .product-prize {position: absolute; left: 5px; bottom: 7px;}
.product .akce {position: absolute; right: 5px; top: 5px; background: #cff2f0; padding: 2px; font-size: 0.9em; font-weight: bold;}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#8BD5FB;
	padding:5px;
	display:none;
	color:#fff;
}

/* zbozi */
#detail-in .obrazek {float: left; padding: 30px 20px; width: 305px; border: 1px solid #9c9c9c; display: block; text-align: center;}
#detailInfo {float: left; width: 320px; padding-left: 20px;}
.tabulka-zbozi {width: 320px; border-collapse: collapse; margin: 10px 0 0 0;}
.tabulka-zbozi td {padding: 3px 5px; border-bottom: 1px solid #9c9c9c;}
.div-koupit {padding: 7px 0; border-bottom: 1px solid #9c9c9c; background: #f0f0f0;}
.div-koupit .ks {padding: 2px 3px; border: 1px solid black; margin: 0 10px 0 5px;}
.div-koupit .sub {padding: 2px 7px; border: 1px solid #136976; margin: 0 0 0 10px; background: #2fa2b4; color: white; font-weight: bold;}
.img-varianta {display: none;}

.at-tabulka {border-collapse: collapse; width: 691px;}
.at-tabulka th {background: #238eae; border: 1px solid #238eae; padding: 5px; text-align: left; color: white;}
.at-tabulka td {padding: 5px; border: 1px solid #cbcbcb; border-top: none;}
.at-tabulka input {padding: 1px; border: 1px solid black;}
.prislusenstvi-koupit {float: right; padding: 2px 7px; border: 1px solid #136976; margin: 10px 0; background: #2fa2b4; color: white; font-weight: bold;}

/* kosik */
.kosik-tabulka {border-collapse: collapse; width: 691px; margin: 0 0 15px 0;}
.kosik-tabulka thead th {color: white; background: #238eae; padding: 5px;}
.kosik-tabulka tbody td {padding: 3px 5px;border-bottom: 1px solid #cbcbcb;}
.kosik-tabulka tfoot td {border-bottom: 1px solid #cbcbcb; padding: 10px 5px; background: #f5f5f5;}
.under_kosik-adresa {padding: 10px 60px; background: #f5f5f5; border: 1px solid #cbcbcb; width: 569px;}
.kosik-adresa {border-collapse: collapse;}
.kosik-adresa td {padding: 2px 0; vertical-align: top;}
.kosik-adresa td input, .kosik-adresa td textarea {padding: 2px; border: 1px solid #000;}
.kosik-pokladna_submit {padding: 2px 7px; border: 1px solid #136976; margin: 10px 0 0 0; background: #2fa2b4; color: white; font-weight: bold;}

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

.error, .povinne {color: red;}
.error {display: block;}

/* pokladna */
.under_pokladna-adresa {padding: 10px 60px; border: 1px solid #cbcbcb; width: 569px;}
.under_pokladna-adresa td {padding: 2px 0;}

/* registrace */
.registracebc table input, #login table input {padding: 2px; border: 1px solid #d9d6d3; border-top: 1px solid #bdb5ad;}
.registracebc .udaje {border: 1px solid #bdb5ad; background: #f3f2f0; padding: 20px;}
.registrace_tlacitko, #login .sub {padding: 2px 7px; border: 1px solid #136976; background: #2fa2b4; color: white; font-weight: bold;}

/* stranka */
.vyrobci {margin: 0; padding: 0; list-style: none;}

/* vypis.tpl */
.drobky {border-bottom: 1px solid #DFD9D1; padding: 0 0 2px 0; margin: 0 0 5px 0;}

.vyrobce-popis ul, .vyrobce-popis ol, .popis ul, .popis ol {margin: 0 20px;}


.clanky {float: left; width: 690px; margin-top: 12px; margin-bottom: 12px;}
.clanek {float: left;}
.clanek .obrazek {float: left; width: 120px; padding: 5px; text-align: center;}
.clanek .anotace {float: left; width: 540px; padding: 5px;}

.popis p {margin: 6px;}

#underfooter {text-align: center;}

.bannery {margin: 12px; text-align: center; width: 236px;}

.text {margin-bottom: 12px;}
.text p {margin: 6px;}

/* *********** podkategorie ************* */
#submenu {background:url(../images/doth.gif) repeat-x 0 100%;color:#929292;padding:5px 0 0}
#submenu p {margin:0 0 5px}
#submenu ul li {width:182px;float:left;background:none;font-weight:bold}
#submenu ul li a {background:#fff url(../images/arrow.gif) no-repeat 0 3px;padding:0 0 0 10px;color:#65b834}

.submenu .menu {width: 600px; margin: auto;}
.submenu ul.menu li {float:left;width:120px; height: 50px;}
.submenu ul.menu li a {float:left;width:120px; height: 50px;}
.submenu ul.menu li a:hover {background: transparent;}

.imgkategorie {float: right;}


/*** registrace **/

#aside .registrace {padding: 6px; text-align: center;}