/*
Author: Jakub Beránek
Studio: www.vindi.cz
*/
html, body {
background: #99dcf7 url('../images/background.png') repeat-y center 0;
height: 100%;
font-size: 0.9em; 
padding: 0; 
margin: 0;
color: #2e3335;
font-family: Arial, Tahoma, Verdana;
line-height: 1.4em;
}

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

/* HEADLINE */
h1, h2, h3, h4 {color: #e93395;}
h1 {color: #e93395; margin: 15px 0; font-size: 1.6em;}
.akce {margin: 5px 0; color: #e93395;}
.index-aktuality {margin: 5px 0; color: #e93395; font-size: 1.2em;}

/* OTHERS */
.float_left {float: left;}
.float_right {float: right;}
.align_center {text-align: center;}
.underline {text-decoration: underline;}
.pink {color: #e4007b;}
.dark {color: #2e3335;}
.blue {color: #048ec8;}
.strong {font-weight: bold;}
.smaller {font-size: 0.9em;}
.smaller2 {font-size: 0.85em;}
.bigger {font-size: 1.1em;}
.bigger2 {font-size: 1.2em;}
.bigger3 {font-size: 1.3em;}
.bigger4 {font-size: 1.4em;}
.t_right {text-align: right;}
.margin0 {margin: 0;}

p {margin: 0 0 10px 0;}

#center ul, #center2 ul {margin: 0; padding: 0; list-style: none;}
#center ul li, #center2 ul li {padding: 0 0 5px 15px; background: url('../images/popisZbozi-li.gif') no-repeat 0 6px;}

/* PAGE KODING */
#wrap {
min-height: 100%; height:auto !important; height: 100%;/*IE*/ position: relative;
}
#hlavni-box {position: relative; width: 980px; margin: 0px auto; padding: 0 0 85px 0; _padding: 0 0 68px 0; overflow: hidden; background: white url('../images/header.jpg') no-repeat 0 0;}
#page {float: left; width: 980px; padding: 187px 0 0 0;}
#logo {position: absolute; left: 14px; top: 48px; height: 58px; width: 261px; 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: 797px;}
/* CENTER */
#center {float: left; width: 616px;}
#center2 {float: left; width: 797px;}
#drobecky {float: left; padding: 0; line-height: 30px; font-weight: bold; color: #0186bd;}
#drobecky img {float: left;}
#drobecky span {padding: 0 10px 0 5px; line-height: 30px; background: url('../images/drobecky-span.png') no-repeat right 0; display: block; float: left;}
#drobecky a {color: #0186bd;}
.vypis {width: 616px;}
.product {float: left; width: 204px; height: 271px; border: 1px solid #99dcf7; position: relative; margin: -1px -1px 0 0;}
.product h3 {font-size: 0.9em; padding: 5px; margin: 0; line-height: 1.3em; height: 2.6em;}
.product h3 a {color: #e4007b; text-decoration: none;}
.product h3 a:hover {text-decoration: underline;}
.product .image {float: left; width: 204px; height: 150px; text-align: center; border-collapse: collapse;}
.product p {float: left; margin: 0; height: 21px; width: 194px; padding: 0 5px;}
.product p strong {color: #e4007b; font-size: 1.2em;}
.product p a {float: right; width: 57px; height: 21px; display: block; background: #0490c9; position: relative;}
.product p a span {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url('../images/product_detail.jpg') no-repeat 0 0;}
.product p.description {font-size: 0.85em; line-height: 1.2em; margin: 0; padding: 18px 5px 7px 5px; height: 2.4em;}
.product .vyrobce {position: absolute; left: 5px; bottom: 64px; _bottom: 60px; %bottom: 60px;}
.product .akce-sleva {position: absolute; right: 5px; bottom: 64px;}
/*.product .akce-sleva .akce {width: 50px; height: 16px; background: #d71631 url('../images/akce.jpg'); text-align: center; color: white; line-height: 16px; font-size: 0.8em; margin: 1px 0;}*/
.product .akce-sleva .nove {width: 50px; height: 16px; background: /*#59ca05*/ url('../images/nove.png'); text-align: center; color: white; line-height: 16px; font-size: 0.8em; margin: 1px 0;}
.product .akce-sleva .sleva {width: 50px; height: 16px; background: /*#ff7400*/ url('../images/sleva.png'); text-align: center; color: white; line-height: 16px; font-size: 0.8em; margin: 1px 0;}
/* RIGHT */
#right {float: right; width: 168px; _margin-right: -2px;}
.nadpis_modry {float: left; width: 143px; height: 29px; line-height: 29px; padding: 0 10px 8px 15px; background: #048ec7 url('../images/nadpis_modry.jpg') no-repeat 0 0; color: white; font-weight: bold;}
.nadpis_ruzovy {float: left; width: 143px; height: 29px; line-height: 29px; padding: 0 10px 8px 15px; background: #e4017b url('../images/nadpis_ruzovy.jpg') no-repeat 0 0; color: white; font-weight: bold;}
.box-modry {float: left; width: 168px; background: #d4f0fb url('../images/box-modry_center.jpg') repeat-y 0 0; margin-bottom: 15px;}
.box-modry_in {float: left; width: 148px; background: url('../images/box-modry_bottom.jpg') no-repeat 0 bottom; padding: 5px 10px 4px 10px; font-size: 0.9em;}
.box-ruzovy {float: left; width: 168px; background: #fbd4f1 url('../images/box-ruzovy_center.jpg') repeat-y 0 0; margin-bottom: 15px;}
.box-ruzovy_in {float: left; width: 148px; background: url('../images/box-ruzovy_bottom.jpg') no-repeat 0 bottom; padding: 5px 10px 4px 10px; font-size: 0.9em;}
.box-modry_in p, .box-ruzovy_in p {line-height: 1.2em; padding: 0 0 0 4px;}
.box-modry_in p.align_center, .box-ruzovy_in p.align_center {padding: 0;}
.table_contact {font-size: 0.9em; margin: 0 0 20px 0;}
/* LEFT */
#left {float: left; width: 169px;}
#prepinani {float: left; width: 169px; height: 29px;/*height: 34px; background: url('../images/prepinani.jpg') no-repeat 0 bottom;*/ position: relative; font-size: 1em; font-weight: bold; color: white;}
#prepinani .produkty a {position: absolute; width: 80px; height: 29px; line-height: 29px; display: block; text-align: center; left: 0; top: 0; background: #e4007b url('../images/prepinac_ruzovy.jpg') no-repeat 0 0; cursor: pointer; color: white; text-decoration: none;}
#prepinani .znacky a {position: absolute; width: 80px; height: 29px; line-height: 29px; display: block; text-align: center; right: 0; _right: -1px; top: 0; background: #e4007b url('../images/prepinac_ruzovy.jpg') no-repeat 0 0; cursor: pointer; color: white; text-decoration: none;}
#prepinani a:hover {text-decoration: underline;}
#prepinani .selected a {/*top: 5px; */background: #048ec8 url('../images/prepinac_modry.jpg') no-repeat 0 0;}
.undermenu {float: left; width: 169px; background: #d4f0fb url('../images/menu_center.jpg') repeat-y 0 0;}
.undermenu2 {float: left; width: 169px; background: url('../images/menu_top.jpg') no-repeat 0 0; border-top: 4px solid #048ec8;}
.undermenu3 {float: left; width: 169px; background: url('../images/menu_top.jpg') no-repeat 0 0; border-top: 4px solid #048ec8;}
#left .menu {float: left; width: 167px; background: url('../images/menu_bottom.jpg') no-repeat 0 bottom; margin: 0; padding: 0 1px 8px 1px; list-style: none;}
#left .menu li{width: 167px; float: left;}
#left .menu li a{display: block ; width: 137px; padding: 0 15px; line-height: 30px; color: #0186bd; text-decoration: none; font-size: 0.9em; font-weight: bold;}
#left .menu li a:hover {background: #e80e84; font-weight: bold; color: #fff;}
#left .menu li a.aktivni {background: #f3fcff url('../images/menu-li-a_aktivni.jpg') no-repeat 0 0; font-weight: bold; color: #00577b;}
#left .menu li a.aktivni:hover {text-decoration: underline;}
#left .menu li ul.menu {list-style: none; display: inline; margin: 0; padding: 0 0 4px 0; background: #f3fcff url('../images/menu-li-a-ul.jpg') no-repeat 0 bottom;}
#left .menu li ul.menu li a {width: 122px; padding: 0 15px 0 30px; text-decoration: none; display: block; line-height: 20px; font-weight: normal; text-transform: lowercase; color: #00577b;}
#left .menu li ul.menu a:hover, #left .menu li ul.menu a.aktivni{ background: #e80e84; color: #fff; font-weight: normal;}


#footer {position: absolute; width: 100%; height: 85px; left: 0; bottom: 0; color: white; }
#footer .align {position: relative; width: 738px; height: 67px; margin: 0px auto; background: #0392cd url('../images/footer.png') no-repeat 0 0; padding: 18px 90px 0 152px;}
#footer .align #sign {position: absolute; left: 11px; top: 41px; width: 119px; height: 28px;font-weight: bold;}
#footer .align #sign span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/sign.jpg') no-repeat 0 0;}
#footer .align a {color: white;}
#footer .align a.footer_up {position: absolute; top: 7px; right: 18px; color: white; font-weight: bold; text-decoration: none; padding-right: 15px; background: url('../images/footer_up.png') no-repeat right 0; line-height: 16px; font-size: 0.8em;}
#footer .align a.footer_up:hover {text-decoration: underline;}
#footer .align p {font-size: 0.85em; margin: 0; padding: 10px 0 0 0;}

/* IEREST */
#menu {position: absolute; width: 980px; height: 57px; left: 0; top: 116px; background: url('../images/menu.png') repeat-x 0 bottom; margin: 0; padding: 0; list-style: none; text-transform: uppercase;}
#menu li {float: left; background: url('../images/menu-li.png') no-repeat right 14px; padding: 0 3px 0 1px; text-align: center;}
#menu li.home {background: none; padding: 0;}
#menu li.last {background: none;}
#menu li a {float: left; display: block; padding: 0; height: 57px; line-height: 52px; color: white; text-decoration: none; font-weight: bold; font-size: 0.9em;}
#menu li a span {float: left;}
#menu li a span .arrow {float: left; padding: 0 14px; height: 57px; display: block;}
#menu li a:hover, #menu li a.active {background: #e4007b url('../images/menu_left.jpg') no-repeat 0 0;}
#menu li.home a {width: 48px; background: url('../images/menu-li_home.jpg') no-repeat 0 bottom; display: block; padding: 0; height: 27px; padding: 30px 0 0 0; line-height: 15px; margin-right: 5px; _margin-right: 2px;}
#menu li.home a:hover {background: url('../images/menu-li_home.jpg') no-repeat 0 bottom;}
#menu li a:hover span, #menu li a.active span {background: url('../images/menu_right.jpg') no-repeat right bottom; display: block;}
#menu li a:hover span .arrow, #menu li a.active span .arrow {background: url('../images/menu_arrow.jpg') no-repeat center 42px; display: block; padding: 0 14px 0 14px; height: 57px;}

#cart {position: absolute; width: 160px; height: 41px; right: 154px; top: 111px; background: #e4007b url('../images/cart.jpg') no-repeat 0 0; padding: 10px 33px 0 10px; font-weight: bold; font-size: 0.9em; color: white;}
#cart a {color: white;}
#cart a#cart-a {position: absolute; right: 10px; top: 11px; width: 37px; height: 35px; display: block;}
#search_text {position: absolute; left: 360px; top: 54px; border: none; margin: 0; padding: 13px 0 13px 20px; width: 198px; height: 14px; background: #ddeff7 url('../images/search_text.jpg') no-repeat 0 0; font-size: 0.8em;}
#search_submit {position: absolute; left: 578px; top: 54px; background: #e8248e;}
#kid_rest {position: absolute; right: 5px; top: 123px; width: 119px; height: 49px; background: url('../images/kid_rest.jpg') no-repeat 0 0;}

/* kosik-tpl */
.tabulka-vypis {border-collapse: collapse; width: 797px; background: #ffe8f9 url('../images/kosik-tabulka.png') repeat-y 0 0; margin: 0 0 15px 0;}
.tabulka-vypis thead tr {background: url('../images/kosik-tabulka_thead.png') no-repeat 0 0; position: relative;}
.tabulka-vypis thead tr td {color: #048ec8; font-weight: bold; font-size: 1.1em; padding: 10px 15px; border-bottom: 1px solid #f669b5; background: none;}
.tabulka-vypis tfoot tr {background: url('../images/kosik-tabulka_tfoot.png') no-repeat 0 bottom; position: relative;}
.tabulka-vypis tfoot tr td {padding: 10px 15px; background: none; border-top: 1px solid #f669b5;}
.tabulka-vypis tbody td {padding: 5px 15px; background: none;}
.tabulka-vypis tbody .tr1 {background: url('../images/kosik-tabulka_tr2.png') repeat-y 0 0; position: relative;}
.tabulka-vypis tbody .tr1 td {background: none;}

.dodaci_adresa {float: left; border-collapse: collapse; width: 350px; margin: 0 37px 0 0; padding: 15px; background: #d4f0fb url('../images/adresa-div.png') no-repeat 0 bottom;}
.fakturacni_adresa {float: left; border-collapse: collapse; width: 350px; padding: 15px; background: #d4f0fb url('../images/adresa-div.png') no-repeat 0 bottom;}
.dodaci_adresa h2, .fakturacni_adresa h2 {margin: -15px -15px 0 -15px; padding: 15px; background: url('../images/adresa-h2.png') no-repeat 0 0;}
.dodaci_adresa input, .fakturacni_adresa input, .dodaci_adresa textarea, .fakturacni_adresa textarea {padding: 2px; border: 1px solid #a6d9ee; border-top: 1px solid #01a8ec; margin: 1px 0;}
.fakturacni_adresa #adresyr, .fakturacni_adresa #adresys {border: none; padding: 0;}

#dodani-kosik {float: left; width: 767px; padding: 0 15px 15px 15px; background: #d4f0fb url('../images/dodani-bottom.png') no-repeat 0 bottom;}
#dodani-kosik h3 {background: #e4007b url('../images/dodani-top.png') no-repeat 0 0; margin: 0 -15px 5px -15px; line-height: 30px; padding: 0 15px 7px 15px; color: white;}
#dodani-kosik .dodani {padding: 5px 0; border-bottom: 1px solid #01a8ec;}

.dodani p{
    margin-left:10px;
    font-size:0.9em;
} 

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

/* prodejny */
.fotky-prodejny {float: right; width: 350px;}
.fotky-prodejny a {display: block; float: left; padding: 2px; border: 1px solid #01a8ec; margin: 2px; background: #d4f0fb;}
.fotky-prodejny a:hover {border: 1px solid #e93395; background: #ffe8f9;}
#prodejna-popis{
    float:left;
    width:420px;
}

/* vypis.tpl */
#katPopis{
    font-size:0.9em;   
}
#katPopis p{
    margin:0 0 4px 0;
    text-indent:1em;
}

#filtr {width: 521px; height: 68px; background: #fbd4f1 url('../images/filtr.png') no-repeat 0 0; padding: 0 95px 0 0; position: relative; margin: 10px 0;}
#filtr .sub {position: absolute; top: 13px; right: 13px;}
#filtr .reset {position: absolute; top: 7px; right: 100px;}
#filtr .filtr_right {border-collapse: collapse; float: right; width: 225px;}
#filtr .filtr_right td {line-height: 34px;}
#filtr .filtr_right .select {padding: 7px 0 5px 0;}
#filtr .filtr_right .select select {border: 1px solid #e5067e;}
#filtr .filtr_right input {padding: 2px; border: 1px solid #e5067e;}
#filtr .filtr_left {float: left; padding: 0 10px; line-height: 68px;}

.strankovani {float: left; position: relative; width: 596px; line-height: 28px; background: #fbd4f1 url('../images/strankovani.jpg') no-repeat 0 0; padding: 0 10px; margin: 10px 0;font-size:0.8em}

#center .submenu .menu, #center2 .submenu .menu {list-style: none; margin: 0; padding: 0;}
#center .submenu .menu li, #center2 .submenu .menu li {float:left; padding: 0 0 0 15px; background-position: 0 center;}
#center .submenu .menu li a, #center2 .submenu .menu li a {width: 185px; line-height: 21px; display: block; float: left;}

/* zbozi.tpl */
.zbozi-left {position: relative; width: 797px;}
.koupit {width: 289px;}
.zbozi-tabulka {/*float: left; */border-collapse: collapse; width: 289px; background: #ffe8f9;}
.zbozi-tabulka thead {background: url('../images/zbozi-thead.jpg') no-repeat 0 0; width: 289px; height: 46px; line-height: 46px;}
.zbozi-tabulka thead td {padding: 0 10px;}
.zbozi-tabulka tfoot {background: url('../images/zbozi-tfoot.jpg') no-repeat 0 bottom; width: 289px; height: 37px; line-height: 37px;}
.zbozi-tabulka tfoot td {text-align: right; padding: 0 10px 10px 10px;}
.zbozi-tabulka tbody .tr1 {background: url('../images/zbozi-tbody_tr1.jpg') repeat-y 0 0; width: 289px; line-height: 15px; position: relative; display: block;}
.zbozi-tabulka tbody .tr2 {background: url('../images/zbozi-tbody_tr2.jpg') repeat-y 0 0; width: 289px; line-height: 15px; position: relative; display: block;}
.zbozi-tabulka tbody .tr1 td, .zbozi-tabulka tbody .tr2 td {padding: 5px 5px 5px 10px; background: none;}
.zbozi-tabulka .ks {border: 1px solid #e5067e; padding: 2px 5px; text-align: right; font-weight: bold;}
.zbozi-tabulka .sub {position: relative; top: 10px;}
.popisZbozi {width: auto;font-size:0.9em} 
.parametry {width: 469px;}
.parametry {border-collapse: collapse; margin: 10px 0;}
.parametry th {background: #66c8ef; text-align: left; padding: 5px; color: white;}
.parametry td {padding: 3px 5px;}
.parametry .even td {background: #d1f2ff;}

.zbozi-right {float: right; width: 302px; padding: 0 0 10px 5px;}
.foto {text-align: center;}
.doplnujici {float: right; width: 190px; padding: 0 0 0 5px; position: relative;}
.doplnujici2 {float: right; width: 190px; padding: 0 0 0 5px; position: relative;}
.doplnujici-table {float: left; margin: 1px; border-collapse: collapse;}
.doplnujici-table td {width: 57px; height: 78px; border: 1px solid #75cdf1; text-align: center; padding: 1px;}
.doplnujici-table td img {max-width: 57px; max-height: 75px;}
.varianta-obr {float: left; width: 149px; height: 157px; background: #d4f0fb url('../images/varianta.gif') no-repeat 0 0; margin: 0 4px 4px 0; text-align: center; padding: 5px 0;}
.varianta-obr2 {float: left; width: 149px; height: 157px; background: #d4f0fb url('../images/varianta.gif') no-repeat 0 0; margin: 0 0 4px 0; text-align: center; padding: 5px 0;}
.varianta-obr a, .varianta-obr2 a {text-decoration: none;}
.varianta-obr img, .varianta-obr2 img {margin-top: 10px; border: 1px solid #95d9f4;}
.souvisejici-zbozi-100 {float: left; width: 100%;}
.souvisejici-zbozi-100 .souvisejici {float: left; width: 149px; height: 157px; background: #ffe8f9 url('../images/souvisejici.gif') no-repeat 0 0; margin: 0 5px 5px 0; text-align: center; padding: 5px 0;}
.souvisejici-zbozi-100 .souvisejici2 {float: left; width: 149px; height: 157px; background: #ffe8f9 url('../images/souvisejici.gif') no-repeat 0 0; margin: 0 0 5px 0; text-align: center; padding: 5px 0;}
.souvisejici h4, .souvisejici2 h4 {height: 36px; overflow: hidden; margin: 0 0 5px 0;}
.souvisejici h4 a, .souvisejici2 h4 a {color: #0186bd; text-decoration: none;}
.souvisejici img, .souvisejici2 img {border: 1px solid #f896cb;}