body { 
	background: #f7f7f7 url("../images/background.png") repeat-x;
	margin: 0; 
	padding: 0; 
	text-align: center; 
	font: 12px /1.5em Tahoma, Arial,Geneva,sans-serif;
	color: #000;
}
hr{ margin: 0; padding: 0; visibility: hidden; display: none; }
.display-none{ visibility: hidden; display: none; }
.clear{ clear: both; } 
.center{ text-align: center; } 
.right{ text-align: right; } 
.margin-top-50 { margin-top: 50px; }
.float-left{ float: left; }
p{ margin: 0 0 10px 0; padding: 0; }

a{ text-decoration: underline; color: #000; }
a:hover{ color: #da12a1; }
a img{border: 0; }
#web{ width: 920px; margin: 0 auto 0 auto; text-align: left; position: relative; }

#header{ position: relative; width: 920px; height: 140px; }
#logotype{ width: 231px; height: 58px; position: absolute; left: 0px; top: 29px; }
#logotype a{ display: block; width: 231px; height: 58px; background: url('../images/logo.png') no-repeat;  }
#logotype a span{ visibility: hidden; display: none; }

#top-nav{ width: 380px; height: 50px; position: absolute; left: 280px; top: 45px;  }
#top-nav ul{ width: 380px; height: 50px; margin: 0; padding: 0; }
#top-nav ul li{ margin: 0 35px 0 0; padding: 0; height: 20px; float: left; list-style-type: none;  }
#top-nav ul li a{ display: block; color: #F5F5F5; font-size: 11px; text-decoration: none; }
#top-nav ul li a.active{ text-decoration: underline; }
#top-nav ul li a:hover{  text-decoration: underline; }

#search{ position: absolute; right: 0; top: 33px; height: 32px; width: 250px; }
#search .input{ background: #3d3d3d; border: 1px solid #CDCDCD; width: 199px; color: #d6d3d0;  padding: 10px 5px 5px 5px; }
#search .submit{ background: transparent; border: 0; color: #d6d3d0; padding: 2px; }

#navigation{ width: 920px; margin: 0; padding: 0;  position: absolute; top: 82px; left: 0; }
#navigation ul{ margin: 0 10px 10px 10px; padding: 20px 0 20px 0; width: 900px; }
#navigation ul li{ float: left; display: block; list-style-type: none; margin: 0px 10px 0 10px; }
#navigation ul li a{ text-decoration: none; color: #f5f5f5; display: block; padding: 10px; }
#navigation ul li a:hover{ text-decoration: underline;  }
#navigation ul li a.active{ background: #fff; color: #da12a1; }
#navigation ul li.first{ margin-left: 0; }

/* --- --- --- */
#main{ width: 920px; margin: 0; background: #fff; padding: 10px 0 30px 0; }
#main-in, #titulka-main{ width: 900px; margin: 0 10px 0 10px; }
#footer{ width: 920px; font-size: 9px; background: #fff; padding-bottom: 30px; }
#footer a{ margin: 0; }
#footer span{ margin: 0 8px 0 8px; }
#footer p{ margin: 0; padding: 0; line-height: 1.5em; }
#footer p.fleft{ float: left; padding-left: 10px; }
#footer p.fright{ float: right; text-align: right; padding-right: 10px; }

#main-toolbar{ width: 900px; border-bottom: 2px solid #F5F5F5; margin: 0 0 20px 10px; }
#main-toolbar-tools{ width: 220px; float: left; }
#main-toolbar-tools table{ border-collapse: collapse; font-size: 11px; width: 210px; margin: 0 0 10px 0; color: #636363; }
#main-toolbar-tools table th{ width: 60px; font-weight: normal; padding: 3px; text-align: left; }
#main-toolbar-tools table td{ padding: 3px; }
.newsticker-jcarousellite{ width: 500px; float: left; position: relative;  }
.newsticker-jcarousellite h3{ margin: 2px 0 7px 0; font-weight: bold; font-size: 13px; }
.newsticker-jcarousellite h3 a{ text-decoration: none; color: #636363; }
.newsticker-jcarousellite p{ margin: 5px 0 5px 0; font-size: 11px; color: #636363; }

#kosik{	width: 150px; float: right; }
#kosik h2{  margin: 2px 0 7px 0; font-weight: normal; font-size: 13px; color: #636363; }
#basket{ margin: 0 5px 5px 5px; padding-left: 25px; background: url('../images/basket.png') no-repeat 0 2px; font-size: 10px;  }

/* --- MAIN CONTENT STYLING --- */
#content{ width: 920px; float: right; }
#content-in{ width: 900px;  padding: 18px 10px 18px 0;  }
h1{ font-size: 24px; margin: 25px 0 15px 0; font-weight: normal; color: #da12a1; }
h2{ font-size: 16px; margin: 20px 0 10px 0; font-weight: normal; color: #000; }
h3{ font-size: 12px; margin: 10px 0 10px 0; font-weight: bold; color: #000; }

/* --- KONTAKT --- */
#contact-data{ width: 640px;}
#contact-data .column{ width: 200px; float: left; margin-left: 10px; }
#contact-data .quick-contact{ width: 360px; float: left; }
#contact-data .quick-contact2{ width: 210px; float: right; }
#contact-form{ width: 640px; margin: 15px 0 15px 0; padding: 0 0 10px 0; border-top: 3px solid #F5F5F5; border-bottom: 3px solid #F5F5F5; }
#contact-form .short{ width: 200px; float: left; padding-left: 10px; }
#contact-form label{ font-weight: bold; }
#contact-form .message{ margin-left: 10px; }
#contact-form .message textarea{ width: 570px; padding: 5px; border: 1px solid #868686; }
#contact-form .short input{ padding: 5px; border: 1px solid #868686; }

/* --- STYLOVANIE PRODUKTU --- */
.produkt-titulka{ width: 250px; height:  240px; margin: 0 25px 15px 25px; background: #fff; padding: 10px 0 10px 0; float: left; font-size: 10px;
border-bottom: 1px solid #F5F5F5;
 }
.no-margin{ margin-right: 0; }
.akciovy{ border: 1px solid #da12a1; }
.produkt-img{ width: 120px; float: left; text-align: center; position: relative;  }
.produkt-info p{  height: 120px; }
.produkt-titulka h3{ height: 45px; margin: 0; padding: 0; font-size: 12px; }
.produkt-titulka h3 a{ text-decoration: none;  }
.produkt-titulka h3 a:hover{ color: #da12a1; }
.produkt-titulka table{ width: 230px; margin: 0 10px 0 10px; border-collapse: collapse; }
.produkt-titulka table td{ width: 75px; text-align: center; }
.produkt-titulka .cena{ font-size: 13px; text-align: center; font-weight: bold; }
.produkt-titulka .cena span{ font-size: 10px; font-weight: normal; color: #868686; }
.produkt-titulka .pridat-do-kosika a{ height: 35px; width: 35px; background: url('../images/pridat-do-kosika.png') no-repeat; display: block; margin-left: 37px; }
.produkt-titulka .pridat-do-kosika a:hover{ background-position: 0 -35px; }
.produkt-titulka .pridat-do-kosika a span { visibility: hidden; display: none; }

.produkt-titulka .akciova-cena{ font-weight: normal;color: #000; }
.produkt-titulka .akciova-cena span{ font-weight: bold; color: #da12a1; }


/* --- PRODUKT INFO PAGE--- */
#produkt-info{ width: 640px;}
#produkt-info-akcia{ font-weight: bold; margin: 10px 0 15px 0; text-align: center; border: 1px solid #da12a1; background: #f8d4ee; }
#produkt-info-akcia p{ margin: 0; padding: 10px 0 10px 0; }
#produkt-info-akcia strong{ color: #da12a1; }
#produkt-info-img{ width: 220px; float: left; }
#produkt-info-info{ width: 420px; float: right; }
#nasa-cena{ width: 420px; margin: 0 0 15px 0; background: #f7f2f6; border-bottom: 1px solid #dcd6db; }
#nasa-cena p{ margin: 0; padding: 15px; font-size: 11px; font-weight: normal; color: #565656; }
#nasa-cena p span{ font-size: 22px; padding: 0 30px 0 0; font-weight: bold; color: #402558;}
#nasa-cena p span.cena{ font-size: 14px; padding: 0 30px 0 0; color: #000; }

#produkt-info-info table{ border-collapse: collapse; width: 420px; margin-bottom: 10px; }
#produkt-info-info table th{ width: 100px; font-size: 11px; padding: 6px; border-bottom: 1px solid #f3ecf1; vertical-align: center; }
#produkt-info-info table td{ width: 110px; font-size: 11px; padding: 6px; border-bottom: 1px solid #f3ecf1; vertical-align: center; }
#product-info-toolbar{ background: #fcf5fa; width: 420px; padding: 8px 0 8px 0; }
#vytlacit { float: left; width: 110px; height: 22px; }
#opytat-sa { float: left; width: 110px; height: 22px; }
#pridat-do-kosika { float: right; width: 141px; margin-right: 20px; }

#vytlacit a{ height: 22px; padding-left: 25px; background: url("../images/print.gif") no-repeat; display: block; margin-left: 20px; }
#opytat-sa a{height: 22px; padding-left: 25px; background: url("../images/opytat-sa.gif") no-repeat; display: block; width: 80px; }
#pridat-do-kosika a{ background: url("../images/product-info-do-kosika.png") no-repeat; display: block; width: 141px; height: 22px; }

#pridat-do-kosika a span{ visibility: hidden; display: none; }
#pridat-do-kosika a:hover { background-position: 0 -22px; }

#prazdny-kosik{ background: url("../images/prazdny-kosik.png") no-repeat 50px 0; width: 640px; font-size: 14px; border: 1px solid #F5F5F5; margin: 30px 0 50px 0; }
#prazdny-kosik p{ margin: 0; padding: 20px 20px 20px 120px; font-weight: bold; }
#kosik-pridany{ background: url("../images/kosik-pridany.png") no-repeat 50px 0; width: 640px; font-size: 14px; border: 2px solid #da12a1; margin: 30px 0 50px 0; }
#kosik-pridany p{ margin: 0; padding: 20px 20px 20px 120px; font-weight: bold; color: #da12a1; }
#kosik-vymazany{ background: url("../images/kosik-vymazany.png") no-repeat 50px 0; width: 640px; font-size: 14px; border: 2px solid #39244b; margin: 30px 0 50px 0; }
#kosik-vymazany p{ margin: 0; padding: 20px 20px 20px 120px; font-weight: bold; color: #39244b; }
#tooltip{ background: url("../images/tooltip.png") no-repeat 50px 0; width: 640px; font-size: 12px; border: 1px solid #7f7f7f; margin: 50px 0 20px 0; }
#tooltip p{ margin: 0; padding: 20px 20px 20px 120px; }



#kosik table{ width: 640px;  border: 1px solid #f1e8ee; border-collapse: collapse; }
#kosik table th{ padding: 5px; text-align: center; background: #e6dce3; border: 1px solid #ede3ea;  text-align: center; }
#kosik table td{ padding: 9px 5px 9px 5px; border: 1px solid #ede3ea; }
#kosik table td.nazov{ width: 300px; }
#kosik table td.pocet-ks{ width: 100px; }
#kosik table td.spolu{ width: 200px; }
#kosik table td.vymazat{ width: 40px; text-align: center; }
#kosik table td span{ color: #444; padding-left: 10px; font-size: 10px; }
#kosik .sumakuhrade th{ background: #f6f1f5; text-align: right; padding: 15px; color: #39244b; }
#kosik .sumakuhrade th.center{ text-align: center; }
#kosik .sumakuhrade th span{ font-weight: normal; font-size: 10px; color: #444; }
p.kosik-pridane{ font-weight: bold; margin: 15px 0 15px 0; padding: 15px; background-color: #cdc6ce; text-align: center; }
p.kosik-zmazane{ font-weight: bold; margin: 15px 0 15px 0; padding: 15px; background-color: #cdc6ce; text-align: center; }

.lightbox form{ margin: 0; padding: 0.5em; }
.lightbox form label{ display: block; font-weight: bold; }
.lightbox form input{ padding: 5px; border: 1px solid #868686; width: 90%; margin-left: 5%; } 
.lightbox form textarea{ padding: 5px; border: 1Px solid #868686; width: 90%; height: 110px; margin-left: 5%; }
.lightbox form p.form-submit{ text-align: center; margin: 15px 0 15px 0; }
.lightbox form p.form-submit input{ width: 120px; background: #fff; font-weight: bold; }

#objednavka-toolbar{ width: 640px; background: url("../images/objednavka-toolbar.png") repeat-x left bottom; margin: 5px 0 15px 0; }
#objednavka-toolbar ul{ margin: 0; padding: 0; }
#objednavka-toolbar li{ float: left; color: #fff; font-size: 14px; margin: 0; padding: 15px 37px 15px 37px; list-style-type: none; color: #f8f3f7; text-align: center; }
#objednavka-toolbar li.active{ text-decoration: underline; }

#doprava, #platba{ width: 640px; border-collapse: collapse; border: 1px solid #331e45; }
#doprava td, #platba td{ border: 1px solid #ede3ea; background: #f6f1f5; padding: 9px 5px 9px 5px; vertical-align: top; }
#doprava td h3, #platba td h3{ margin-top: 0; }
#doprava td h3 small{ float: right; }
#doprava td span{ color: #868385; font-size: 10px; padding-left: 10px; }

.form-submit{ margin-top: 20px; text-align: right; }

.ok{ margin: 30px 0 30px 0; border: 1px solid #dab4cf; background: #f5F5F5;  }
.ok p{ margin: 0; padding: 15px; }
.chyba{ margin: 30px 0 20px 0; border: 1px solid #da12a1; background: #fceef8 url("../images/error.gif") no-repeat 30px center;}
.chyba p{ margin: 0; padding: 15px 15px 15px 60px; font-weight: bold; }

.form{ width: 640px; border-collapse: collapse; }
.form td{ padding: 8px 10px 8px 10px; vertical-align: top; width: 280px; }
.form th{ padding: 8px 10px 8px 10px; vertical-align: top; font-weight: normal; width: 360px; }
.form td p{ margin: 10px 0 8px 0; padding: 0; font-size: 11px; }
.form th label{ font-weight: bold; display: block; }
#form th label span{ color: #8c828d; padding-left: 5px; }
.form th input, .form th textarea{ margin: 5px 0 5px 0; width: 90%; border: 1px solid #CDCDCD; padding: 8px; font-size: 16px; }
.form th textarea{ height: 120px; font-size: 13px; }
#firemnyzakaznik{margin-top: 15px; }

.objednavka-confirm{ width: 640px; border-collapse: collapse; border: 1px solid #eee4eb; }
.objednavka-confirm th{ border: 1px solid #F5F5F5; padding: 5px; font-weight: bold; width: 180px; vertical-align: center; }
.objednavka-confirm td{ border: 1px solid #F5F5F5; padding: 5px; width: 460px; vertical-align: center; }
.objednavka-confirm tr.second{ background: #fcfcfc; }

#kosik-summary{ width: 640px; border-collapse: collapse; border: 1px solid #eee4eb; }
#kosik-summary tr.second{ background: #fcfcfc; }
#kosik-summary th{ border: 1px solid #F5F5F5; padding: 5px; vertical-align: center; text-align: center; font-weight: bold; font-size: 11px; background: #F5F5F5; }
#kosik-summary td{ border: 1px solid #F5F5F5; padding: 5px; vertical-align: center; font-size: 11px;  }
#kosik-summary th.nazov{ width: 540px; }
#kosik-summary th.pocet-ks{ width: 50px; }
#kosik-summary th.spolu{ width: 50px; }
#kosik-summary tr.sumakuhrade th{ font-weight: bold; font-size: 12px; padding: 15px; }
#kosik-summary tr.sumakuhrade th.right{ text-align: right; }

#kosik-summary td span, #kosik-summary th span{ padding-left: 5px; color: #868686; }

#objednavka-poznamka{ margin: 5px 0 25px 0;font-family: Courier, "courier new", serif; font-size: 11px; padding: 5px 15px 5px 15px; }
#vseobecne-podmienky{ width: 640px; border-collapse: collapse; border: 1px solid #331e45; margin: 20px 0 20px 0; }
#vseobecne-podmienky td{ border: 1px solid #ede3ea; background: #f6f1f5; padding: 9px 5px 9px 5px; vertical-align: top; }
#vseobecne-podmienky input{ width: 20px; }
#vseobecne-podmienky h3{ margin-top: 0; }

.platba{ padding-left: 30px; }
.platba-tp{ text-align: right; margin: 25px 0 25px 0; }

#promo{ width:  100%; background: #da12a1; margin: 15px 0 15px 0; border: 3px solid #ae0e80; }
#promo p{ color: #fff; font-weight: bold; margin: 0; padding: 15px; text-align: center; }
#promo p a{ color: #fff; text-decoration: underline; }
#promo p a:hover{ text-decoration: underline; color: #CDCDCD; }