@charset "utf-8";
/* CSS Document */

body { font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#8D8C8C; text-align:left; background: #ffffff url(/clip/bg-body.jpg) repeat-x center top;}

* {padding: 0px; margin: 0;}
.clear {clear: both;visibility: hidden; line-height: 1%; font: 1%;}
img{ border:0;}
fieldset{ border:none;}
legend{ border:none; padding:0px; margin:0px; height:0px;}

a{ color:#8d8c8c; text-decoration:none;}
a:hover{ color:#8d8c8c; text-decoration:underline;}


#background{background:url(/clip/bg-kytky.jpg) no-repeat center 129px;}
#holder{ width:970px; margin: 0 auto 0 auto; }
#top{ width:970px; height:405px; position:relative;}
.logo{ position:absolute; top:25px;}
.heureka{ position:absolute; top:30px; right:110px;}
.facebook{ position:absolute; top:30px; right:20px;}

#login{ width:180px; position:absolute; top:165px; left:10px; padding:10px;}
#login input{ width:169px; height:22px; background: transparent url(/clip/bg-login-in.png) no-repeat center top; border:none; padding:8px 0 0 10px; font-size:11px; color:#838383; margin:0 0 8px 0;}
#login input.btn-prihlasit{width:92px; height:26px; background: transparent url(/clip/btn-prihlasit.png) no-repeat center top; color:#fff; cursor:pointer; font-size:12px; font-weight:normal; padding:0 0 3px 0; float:right; margin:5px 0 5px 0;}
.login-text{ color:#fff; margin:10px 0 0 0;}
.login-text a{ color:#fff; text-decoration:none; font-size:11px;}
.login-text a:hover{ color:#482604;}

.slide{width:554px; height:333px; position:absolute; top:60px; left:220px; background:url(/clip/bg-slide.png) no-repeat center top; padding:6px 0 0 6px; z-index:20;}
.slide-img{width:537px; height:315px;}

.shop-cart{ width:195px; position:absolute; top:205px; right:5px;}
.shop-cart .nadpis{ font-size:18px; font-weight:normal; padding: 0 0 0 20px; color:#fff;}
.shop-cart .nadpis img{ margin-right:10px; vertical-align:middle;}
.shop-cart .nadpis a{ color:#FFFFFF;}
.shop-cart .nadpis a:hover{ color:#FFFFFF;}

.shop-cart ul{ list-style:none; margin:30px 0 0 0;}
.shop-cart li{ display:block; color:#ffffff; height:21px; margin:0 0 10px 0; background:url(/clip/bg-kosik.png) no-repeat left top; padding:5px 0 0 10px;}
.shop-cart li span.darky{margin-left:34px; font-weight:bold;}
.shop-cart li span.cena{margin-left:45px; font-weight:bold;}

#content{ width: 970px; background: #ffffff url(/clip/bg-content.jpg) repeat-y center top;}
#left{ width:205px; float:left; display:inline; padding-bottom:35px;}

.vyhledavani{ width: 185px; text-align:center; margin:0 auto 20px auto;}
.vyhledavani input{ text-align:center; width:170px; height:30px; background: transparent url(/clip/bg-vyhledavani.jpg) no-repeat center top; border:none; margin:5px 0 5px 0; color:#ef7900; font-size:18px; padding-top:5px;}
.vyhledavani input.btn-vyhledat{ width:131px; height:34px; background: transparent url(/clip/btn-vyhledat.jpg) no-repeat center top; color:#fff; cursor:pointer; font-size:14px; font-weight:normal; padding:0;}

#menu-left ul{ list-style:none; width:185px; margin:0 auto 0 auto;}
#menu-left li{ margin:0 0 2px 0;}
#menu-left li a{ display:block; padding:5px 10px 5px 10px; width:165px; background:#f39a40; text-decoration:none; color:#fff;}
#menu-left li a:hover{ background:#ef7901;}

.kontakty-hp{width:185px; margin:20px auto 0 auto; font-size:11px;}
.kontakty-hp h3{ font-size:12px; color:#ef7901; font-weight:normal;}
.kontakty-hp ul{ list-style:none; }
.kontakty-hp li{ color:#fff; }
.kontakty-hp li a{ color:#ef7901;}
.kontakty-hp li a:hover{ text-decoration:none;}

#right{width:695px; float:right; display:inline; padding:0 35px 35px 35px; background:url(/clip/bg-right.jpg) repeat-x center top;}
.banner-holder{ margin-bottom:20px;}
.banner{ width:324px; height:60px; background:#bababa; margin-right:35px; float:left; display:inline;}
.banner-holder .no-m{ margin-right:0;}

#detail{ margin-bottom:30px;}
#detail h1{font-size:20px; color:#464646; font-weight:normal; font-family: Arial, Helvetica, sans-serif; margin-bottom:25px;}
#detail h2{ margin:20px 0 10px 0; font-size:14px; font-weight:bold;}
#detail h3{ font-size:12px; font-weight:bold; color:#EF7900; margin:20px 0 10px 0;}
#detail p{font-size:11px; margin-bottom:10px;}

#detail .box { margin:0 0 30px 0;}
#detail .box img{ float: right; display:inline; margin:0 0 20px 20px; border:5px solid #e4e4e4;}
#detail .box strong{color:#8d8c8c;}
#detail .box ul li{margin-left:20px;}

#detail .detail-img{background:#FFFFFF; margin:0px 35px 10px 0; width:200px;  float:left; display:inline;}
#detail .no-m{ margin-right:0;}


.detail-cenik{ margin:0 0 30px 0;}
.detail-cenik table{ width:100%;}
.detail-cenik table tr.nadpis{ color:#fff; font-weight:bold; background:#F39A40;}
.detail-cenik table tr.nadpis th{padding:5px;}
.detail-cenik table tr.odd { background:#f0f0f0;}
.detail-cenik table tr.odd td{ padding:5px; color:#8d8c8c; font-size:11px; }
.detail-cenik table tr.odd td span.textorange{color:#EF7900;}
.detail-cenik table tr.even td{ padding:5px; color:#8d8c8c; font-size:11px;}
.detail-cenik table tr.even td span.textorange{color:#EF7900;}
.detail-cenik .upr{ text-align:center; }

.detail-cenik  input.btn-koupit{width:69px; height:20px; background: transparent url(/clip/btn-tridit.png) no-repeat center top; border:none; color:#fff; cursor:pointer; font-size:11px; font-weight:normal; padding:0 0 2px 0; }


#detail-novinka{ margin-bottom:30px;}
#detail-novinka h1{font-size:20px; color:#464646; font-weight:normal; font-family: Arial, Helvetica, sans-serif; margin-bottom:25px;}
#detail-novinka h2{ margin:20px 0 10px 0; font-size:14px; font-weight:bold;}
#detail-novinka h3{ font-size:12px; font-weight:bold; color:#EF7900; margin:20px 0 10px 0; }
#detail-novinka h3.bily{ font-size:12px; font-weight:bold; color:#ffffff; margin:20px 0 10px 0; }
#detail-novinka p{ margin-bottom:10px;}

.detaily{}
.detaily .box-2{width:220px; float:left; display:inline; margin:0 15px 20px 0;}
.detaily .box-2 .no-m{margin-right:0;}
.detaily .box-2 .nadpis{ color:#f38400; font-size:11px; font-weight:bold;}
.detaily .box-2 ul{ background:#f4f4f4; padding:5px; margin-top:3px;  border-bottom:1px solid #ededed; border-top:1px solid #ededed;}
.detaily .box-2 ul li{ margin-left:20px; color:#8D8C8C; font-size:11px;}
.benefit{ margin-bottom:15px;}

#detail-novinka .box { margin:0 0 30px 0;}
#detail-novinka .box img{ float: left; display:inline; margin:0 20px 20px 0; border:5px solid #e4e4e4;}
#detail-novinka .box strong{color:#8d8c8c;}
#detail-novinka .box ul li{margin-left:20px;}
.novinka-odkaz {margin:15px 0 0 0; text-align:right;}
.novinka-odkaz a{ font-weight:bold; color:#EF7900;}

#detail-novinka .detail-img{background:#e4e4e4; padding:10px; margin:10px 15px 0 0; width:200px;  float:left; display:inline;}
#detail-novinka .no-m{ margin-right:0;}

.drob-menu{ color:#EF7900; font-weight:bold; text-align:right; padding:20px 20px 0 0; font-size:11px;}
.drob-menu a{ text-decoration: none; color:#464646; font-size:11px; font-weight:normal;}
.drob-menu a:hover{ color:#EF7900;}
.drob-menu a.drob{ text-decoration: none; color:#EF7900; font-size:11px; font-weight:bold;}
.drob-menu a.drob:hover{ color:#EF7900; font-weight:bold;}

h2{font-weight:normal; font-size:20px; color:#49494b; margin:0 0 20px 0;}
.opt-text{ margin:15px 0 30px 0;}
.opt-text h1{ font-size:20px; color:#464646; font-weight:normal; font-family: Arial, Helvetica, sans-serif; margin:0 0 10px 0; }
.opt-text h2{ font-size:12px; color:#ef7900; font-weight:bold; font-family: Arial, Helvetica, sans-serif; margin:10px 0 0 0; }
.opt-text p{ font-size:12px; text-align:justify; }

.vyber_sel{ padding:5px 20px; background:#f2f2f2; margin:0 0 30px 0;}
.vyber_sel label{ color:#6d6d70; font-weight:bold; display:inline-block; width:80px; font-size:11px;}
.vyber_sel select{ border:1px solid #fff; width:115px; margin:0 5px 0 0; vertical-align:middle; font-size:11px;}
.vyber_sel input.btn-trideni{width:69px; height:20px; background: transparent url(/clip/btn-tridit.png) no-repeat center top; border:none; color:#fff; cursor:pointer; font-size:11px; font-weight:normal; padding:0 0 2px 0; }

.product-holder{ margin:0 0 0px 0;}
.product{width:220px;  float:left; display:inline;  padding:0; margin:0 15px 20px 0;}
.product p{ font-size:11px;}
.product h3 a{font-size:12px; color:#ef7900; font-weight:bold;  text-decoration:none;}
.product h3 a:hover{color:#9e9e9e;}
.product .prod-img{background:#e4e4e4; padding:10px; margin:10px 0 0 0; position:relative;}
.product .prod-cena{ width:200px; height:30px; background:#f2f2f2; margin-top:5px; color:#ef7900; font-size:18px; font-weight:bold; padding:10px 0 0 20px;}
.product .koupit a{ display:block; position:absolute; top:115px; right:65px; width:66px; height:23px; border:2px solid #fff; z-index:15; background:#ef7900; text-align:center; padding:8px 0 0 0; color:#fff; text-decoration:none; font-weight:bold;}
.product .koupit a:hover{background:#49494B;}
.product .detail { display:block; position:absolute; top:100px; right:0; width:66px; height:22px; border:2px solid #fff; background:#f4a14d; text-align:center; color:#fff; font-weight:bold; text-decoration:none; padding:7px 0 0 0;}


.strankovani{width:675px; padding:10px 10px 10px 10px; background:#f2f2f2; margin:10px 0 30px 0; float:left; text-align:right;}
.strankovani form{ margin:0px; padding:0px; display:inline;}
.strankovani input{ margin:1px; padding:1px; width:25px; border:1px solid #000000; cursor:pointer; background:#ECE9D8; color:#000000; float:left;}
.strankovani input.orange{ margin:1px; padding:1px; width:25px; border:1px solid #000000; cursor:pointer; background:#EF7900; color:#FFFFFF; float:left;}
.strankovani .strana{ margin:5px 0 0 10px; float:left;}

.news-holder{ margin:0 0 20px 0;}
.news{}
.news h3{font-size:11px; color:#ef7900; font-weight:bold; font-family: Arial, Helvetica, sans-serif; margin:10px 0 0 0;}
.news p{ text-align:justify; font-size:11px;}

.fast-navi-holder{}
.fast-navi{width:190px; float:left; display:inline; background:url(/clip/bg-f-navi.jpg) repeat-x left top; padding:15px; margin:0 15px 0 0;}
.fast-navi h3{font-size:12px; color:#ef7900; font-weight:bold; margin-bottom:10px;}
.fast-navi ul{list-style:none;}
.fast-navi li{ margin:0 0 5px 0;}
.fast-navi li a{color:#a1a1a1; text-decoration:none;}
.fast-navi li a:hover{ color:#ef7900;}
.no-m{margin:0;}

#menu-top{ height:32px; text-align:right;}
#menu-top ul{ list-style:none;}
#menu-top li{ display:inline-block; float:right; margin:0 0 0 2px;}
#menu-top li a{ font-size:11px; display:inline-block; width: 120px; height:21px; background:url(/clip/bg-menu-top.jpg) no-repeat center top; text-align:center; text-decoration:none; color:#fff; padding:5px 0 0 0;}
#menu-top li a:hover{font-size:11px; background:url(/clip/bg-menu-top-o.jpg) no-repeat center top;}


/* login-upr */
.login-upr{width:180px; height:145px; background:#F7BD7E; padding:15px 20px 0 20px; }
.login-upr fieldset{width:180px; border:0; border-bottom:1px solid #1F011A; padding-bottom:10px;}
.login-upr fieldset input{width:180px; border:1px solid #ffffff; margin-bottom:8px;}
.login-upr fieldset input.btn-login{font: 11px Verdana, Helvetica, sans-serif; color: #ffffff; padding-bottom:2px;font-weight: normal; width:67px; height:21px; border:0; background-image:url(/clip/btn-login.jpg);background-color: transparent; margin:0 0 0 0; float:right; cursor:pointer;}
.login-upr fieldset input.rem{width:18px; height: 18px; border:0; float:left; display:inline; margin-top:10px;}
.login-upr fieldset label{height:18px; float:left; display:inline; margin:10px 0 0 5px; color:#ffffff; padding-top:2px;}
.login-upr  a{color:#ffffff; text-decoration:none;}
.login-upr  p{margin-top:8px;}


/* login-2 */
#login-2{width:180px; padding:0px 5px 0 5px;}
#login-2 .user{width:180px; height:25px; color:#ffffff; text-align:right; font-weight:bold; font-size:14px; padding:5px 10px 0 0; margin-bottom:0px;}
#login-2 .edit-user{width:175px; height:25px; padding:0 5px 0 5px; margin-bottom:2px;}
#login-2 .edit-user label{margin:6px 0 0 0; float:left; color:#ffffff; font-weight:bold; font-size:10px;}
#login input.edit{width:71px; height:16px; background: transparent url(/clip/btn-edit.png) no-repeat center top; color:#fff; cursor:pointer; font-size:12px; font-weight:normal; padding:0 0 5px 0; float:right; margin:5px 0 5px 0;}
#login-2 .logout{width:180px; padding:10px 0px 0 0; text-align:right;}
#login-2 .body{width:180px; margin:20px 0px 0 0; text-align:right; color:#FFFFFF; font-size:18px;}
#login-2  a{ color:#fff; text-decoration:none; font-size:11px;}
#login-2  a:hover{ color:#482604;}

/* registrace */

.user-info-reg{width: 695px; margin:5px 0 0 0;}
.user-info-reg h3{ height:23px; background:#F37E0D; color:#ffffff; padding:7px 0 0 10px; font-size:13px;}
.user-info-reg p{margin:5px 15px 15px 15px; font-size:11px; color:#F7BD7E;}
.user-info-reg td.top{color:#FFFFFF;}

.buttons input.btn-back{font: 12px Verdana, Helvetica, sans-serif; color: #ffffff; font-weight: bold; width:146px; height:30px; border:0; background-image:url(/clip/shoping-cart/btn-back.jpg);background-color: transparent;  margin:20px 0 30px 15px; cursor:pointer;}
.buttons input.btn-next{font: 12px Verdana, Helvetica, sans-serif; color: #ffffff; font-weight: bold; width:146px; height:30px; border:0; background-image:url(/clip/shoping-cart/btn-pokracovat.jpg);background-color: transparent;  margin:20px 0 30px 5px; cursor:pointer}
.buttons input.btn-next-dokon{font: 12px Verdana, Helvetica, sans-serif; color: #ffffff; font-weight: bold; width:160px; height:30px; border:0; background-image:url(/clip/shoping-cart/btn-pokracovat-dokon.jpg);background-color: transparent;  margin:20px 0 30px 5px; cursor:pointer}


.user-info-reg-holder{width: 695px; margin:1px 0 10px 0; background:#F5F5F5; padding:5px 0 10px 0;}
.user-info-reg-holder p{ margin:15px 0 0 15px; font-size:11px; color:#ffffff;}
.user-info-reg-holder fieldset{ border:0;}
.user-info-reg-holder p{margin:15px 15px 0px 15px; font-size:11px; color:#000000;}
.user-info-reg-holder label{ width:110px;  display:block; float:left; display:inline; padding-right:15px; text-align:right; margin:6px 0 0 0; color:#EF7900;}
.user-info-reg-holder label.right{ width:110px;  display:block; float:right; display:inline; padding-right:15px; text-align:right; margin:6px 0 0 0; color:#EF7900;}
.user-info-reg-holder label span{ color:#f40000; font-size:10px;}
.user-info-reg-holder input{ width:200px; height:18px; float:left; display:inline; border:1px solid #A1A1A1; margin:3px 0 0 0;}
.user-info-reg-holder input.check{ width:20px; height:18px; float:left; display:inline; border:1px solid #A1A1A1; margin:3px 0 0 0;}
.user-info-reg-holder input.right{ width:200px; height:18px; float:right; display:inline; border:1px solid #A1A1A1; margin:3px 41px 0 0;}
.user-info-reg-holder input.delsi{ width:240px; height:18px; float:left; display:inline; border:1px solid #A1A1A1; margin:3px 0 0 0;}
.user-info-reg-holder input.odeslat{ width:100px; height:20px; float:left; display:inline; border:1px solid #A1A1A1; margin:3px 0 0 3px; cursor:pointer;}
.user-info-reg-holder select{ width:202px; height:18px; float:left; display:inline; border:1px solid #A1A1A1; margin:3px 0 0 0;}


/* anketa */
#anketa-holder{width:187px; padding:0px 5px 10px 0px;}
#anketa-holder .otazka{padding:0px 5px 5px 0px; color:#EF7900; font-weight:bold;}
#anketa-holder .odpoved{padding:4px 2px 2px 0px; color:#A1A1A1;}
#anketa-holder .hlasovalo{padding:6px 5px 3px 0px; color:#A1A1A1; }
#anketa-holder .hlas-ok{padding:5px 5px 5px 5px; border:1px solid #1CAA09; background:#72C766; color:#FFFFFF;}
#anketa-holder .hlas{padding:5px 5px 5px 5px; border:1px solid #C50202; background:#DC7D7D; color:#FFFFFF;}
#anketa-holder input.submit{ font-size: 11px; padding:0px 0px 0px -2px; margin:0px 0px 0px -3px; background: url(/images/jpg/bg_anketa.jpg) no-repeat top right; color:#A1A1A1; border:0px; cursor:pointer;}



#kosik{}
#newsletter{}
#prihlaseni{}
#baners{}
#anketa{}
#vyhledavani{}
#baners img{ border:10px solid #3a0634;}





/* kontakty */
.kontakt{ float:left; display:inline; margin:10px 20px 30px 20px;}
.kontakt h5{ color:#EF7900; font-size:12px; font-weight:bold;}
.user-info-k .kontakt p{ color:#767676; margin:5px 0 0 0; font-size:11px;}
.kontakt a{ color:#EF7900;}
.user-info-k{width: 715px; margin:5px 0 0 0;}
.user-info-k h3{ height:23px; background:#f39a40; color:#ffffff; padding:7px 0 0 10px; font-size:13px;}
.user-info-k h4{ color:#EF7900; padding:7px 0 0 10px; font-size:13px;}
.user-info-k p{margin:5px 15px 15px 15px; font-size:10px; color:#969696;}

.user-info-holder-k{width: 715px; margin:1px 0 10px 0; background:#f2f2f2; padding:5px 0 10px 0;}
.user-info-holder-k p{ margin:15px 0 0 15px; font-size:10px; color:#EF7900;}
.user-info-holder-k fieldset{ border:0;}
.user-info-holder-k label{ width:85px;  height:18px display:block; float:left; display:inline; padding-right:15px; text-align:right; margin:6px 0 0 0; color:#EF7900;}
.user-info-holder-k label span{ color:#f40000; font-size:10px;}
.user-info-holder-k input{ width:235px; height:18px; float:left; display:inline; border:1px solid #e0e0e0; margin:3px 0 0 0;}
.user-info-holder-k textarea{ width:572px; height:100px; float:left; display:inline; border:1px solid #e0e0e0; margin:3px 0 0 0;}
.user-info-holder-k input.btn-dotaz{font: 12px Verdana, Helvetica, sans-serif; color: #ffffff; font-weight: bold; width:146px; height:30px; border:0; background-image:url(/clip/btn-dotaz.png);background-color: transparent;  margin:10px 40px 0 0; cursor:pointer; float:right;}


#footer{ background:#f5f5f5; width:950px; height:30px; margin:10px 0; padding:15px 20px 0 0; text-align:right; font-size:10px;}
.partneri{ text-align:left; margin:10px 0 10px 5px; font-size:11px; color:#a1a1a1;}
.partneri a{font-size:11px; color:#a1a1a1; text-decoration:none;}
.partneri a:hover{color:#ef7900;}


/* soutez */
#soutez-holder {float:left; margin:5px; padding:10px; width:650px; background: #FBEDDE; border: 1px solid #FE7E00; color:#464646;}
#soutez-holder .otazka-nadpis-h{ padding:0px 0 0 0; font-weight: bold;}
#soutez-holder .otazka-nadpis{ padding:10px 0 0 0; font-weight: normal;}
#soutez-holder .odpoved-nadpis{ padding:10px 0 0 0; font-weight: bold; }
#soutez-holder .odpoved{ padding:10px 0 0 0; font-weight: normal;}
#soutez-holder .popis{ padding:20px 0 10px 0; font-weight: normal;}

#soutez-holder fieldset{ border:none; width:640px;}
#soutez-holder label{ color:#FE7E00; display: inline-block; width:120px; float:left; margin:2px 10px 0 0px;}
#soutez-holder label.popis{ color:#FE7E00; display: inline-block; width:700px; float:left; margin:10px 10px 0 0px;}
#soutez-holder fieldset input{ border:1px solid #FE7E00; color:#FE7E00; float:left; width:365px; margin-bottom:8px;}
#soutez-holder fieldset input.maly{ border:1px solid #FE7E00; color:#FE7E00; float:left; width:180px; margin-bottom:8px; margin-right:4px;}
#soutez-holder input.btn-soutezit{width:101px; height:28px; background:transparent url(/images/jpg//btn-src-orange.jpg) no-repeat top center; border:0; color:#ffffff; font-size:12px; font-weight:bold; margin: 10px 0 0px 0; padding-bottom:2px; float:left; cursor:pointer;}

/* odhlaseni */
#odhlaseni {float:left; width:470px; margin:20px 0 0 0; padding:10px 10px 10px 10px; line-height:20px; border:1px solid #FD9237; background:#FCD6B6;}
#odhlaseni input.submit{font-size:12px; color: #FFFFFF; font-weight:normal; padding:1px 8px 2px 8px; margin:15px 0 0 0; background: #FEAD72; border:1px solid #FD9237; cursor:pointer;}
#odhlaseni input.text{width:250px; font-size:12px; color: #FD9237; font-weight:normal; padding:2px 2px 3px 2px; margin:15px 0 0 0; background: #FFFFFF; border:1px solid #FD9237;}

#odhlaseni .cerveny{color: #FE2C00;}
#odhlaseni .zeleny{color: #68A31F;}
#odhlaseni .upoz{float:left; display:inline; width: 90px; color: #333333; font-weight:bold; margin:0px 0 0 0;}
#odhlaseni .chyba{float:left; display:inline; width: 370px; color: #333333; font-weight:normal; margin:0px 0 0 0;}