html, body {
background: #fff url('/images/background.jpg') repeat-y center 0;
height: 100%;
font-size: 0.9em; 
padding: 0; 
margin: 0;
color: #000;
font-family: Arial, Tahoma, Verdana;
}

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

/* HEADLINE */
h1 {color: #C61A5F; font-size: 2em;}
h2 {color: #C61A5F; font-size: 1.6em; line-height:130%;}
h3 {color: #C61A5F; font-size: 1.3em;}

/* OTHERS */
.span-nadpis {float: left; color: #D61B66; text-transform: uppercase; padding: 7px 3px; display: block; font-weight: bold; font-size:small; width: 168px; background: url('/images/left-menu_li.gif') repeat-x 0 bottom;}
.fl_right {float: right;}
.ta_right {text-align: right; font-size:16px; text-decoration:underline;}
.ta_leftvyrobce { font-size:18px; font-weight:bold;}
.ta_leftvyrobce a { font-weight:bold; text-decoration:underline; color:#000;}
.ta_leftvyrobce a:hover { color:#C06;}
.pink, .form-required {color: #C61A5F;}
.black {color: black;}
.normal {font-weight: normal;}
.italic {font-style: italic;}
.nadpis-index {background: url('/images/nadpis-podtrzeni.jpg') repeat-y right 0; color: #333; text-align: right; padding: 5px 10px 5px 0; margin: 10px 0;}
.nadpis-index-sipka {background: url('/images/nadpis-sipka.jpg') no-repeat right center; padding: 0 20px 0 0;}
.smaller {font-size: 0.9em;}
.bigger {font-size: 1.1em;}
.bigger2 {font-size: 1.3em;}
.bigger3 {font-size: 1.5em;}
.underline {text-decoration: underline;}
.reg-none {display: none;}

/* PAGE KODING */
#wrap {
min-height: 100%; height:auto !important; height: 100%;/*IE*/ position: relative; background: url('/images/body.png') repeat-x 0 0;
}
#box {position: relative; width: 980px; margin: 0px auto; padding: 155px 0 278px 0; overflow: hidden;_margin-bottom: -130px;}
#page {float: left; width: 980px; padding: 0 0 10px 0; background: url('/images/page-shadow_down.png') repeat-y 184px bottom;}
#logo {position: absolute; left: 0px; top: 20px; height: 81px; width: 200px; display: block;}
#logo span {position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; background: url('/images/logo.png') no-repeat 0 0;}

/* MAIN */
#main {float: right; width: 777px; padding: 11px 0 0 19px; background: url('/images/page-shadow_up.png') no-repeat 0 0; min-height: 447px; _height: 447px; position: relative;}
.vypis {float: left; width: 777px; _padding: 0 0 10px 0; %padding: 0 0 10px 0;}
.product {float: left; width: 180px; height: 330px; border: 0px solid #ddd; padding: 5px 6px; margin: 0 -1px -1px 0; position: relative; background: url('/images/product-back.jpg') no-repeat 1px 302px;}
.product .image {float: left; width: 180px; height: 254px; overflow: hidden;}
.product .image table {float: left; border-collapse: collapse;}
.product .image table tr td {width: 180px; height: 210px; overflow: hidden; border-collapse: collapse; text-align: center;}
.product h3 { line-height: 16px; margin: 0; padding: 1px; font-size: 12px; width: 180px; text-align: center;}
.product h3 a {color: #3c3c3c; text-decoration: none;}
.product h3 a:hover {color: #C61A5F; text-decoration: underline;}
.product .vyrobce {}
.product .kate { line-height:16px; font-size:x-small;text-align:center; padding-top:2px;}
.product .add {position: absolute; right: 7px; bottom: 7px;}
.product .prize {position: absolute; right: 72px; bottom: 32px; padding-left: 10px; display: block;font-size: 1.1em; font-weight:bold;  }
.product .zobrazit {position: absolute; left: 6px; bottom: 81px; line-height: 20px; width: 180px; display: block; background: url('/images/zobrazit.png') repeat 0 0; text-align: center; color: white; font-weight: bold; display: none;}
.product .slevavypis {position: absolute; left: 6px; bottom: 131px; line-height: 20px; display: block; background: url('/images/sleva.png') repeat 0 0; }
.product .akcevypis {position: absolute; left: 6px; bottom: 160px; line-height: 20px; display: block; background: url('/images/akce.png') repeat 0 0; }
.product .novinkavypis {position: absolute; left: 6px; bottom: 186px; line-height: 20px; display: block; background: url('/images/novinka.png') repeat 0 0; }
.product .vyprodejvypis {position: absolute; left: 6px; bottom: 210px; line-height: 20px; display: block; background: url('/images/vyprodej.png') repeat 0 0; }

/* LEFT */

#menu2 ul.menu li {text-decoration: none; color: #fff; background: #fff repeat-y 0 0;}
#menu2 ul.menu li:hover {text-decoration: none; color: #FFF; background: url('/images/left-menu_a-hovervanoce.jpg') repeat-x 0 bottom;}
#menu2 ul.menu li a { font-size:medium;}
#menu2 ul.menu li a:hover, ul.menu li a.aktivni {text-decoration: none; color: #FFF; background: #fff url('/images/left-menu_a-hover.jpg') repeat-y 0 0;}
#menu2 ul.menu li ul.menu {padding: 1px 0 0 0; list-style: none; display: inline; margin: -1px 0 0 0; background: none;color: #FFF;}
#menu2 ul.menu li ul.menu a {width: 162px; padding-left: 16px; text-decoration: none; display: block; line-height: 30px; background: none;color: #FFF;}
#menu2 ul.menu li ul.menu a:hover, ul.menu li ul.menu a.aktivni {color: #fff; text-decoration: none; background: #f1f1f1;}
#menu2 ul.menu li ul.menu li ul.menu a {width: 143px; padding-left: 35px;color: #FFF;}



#left {float: left; width: 178px; margin: 0; padding: 11px 0 0 0;}
ul.menu {width: 178px; list-style: none; float: left; margin: 0; padding: 0 0 20px 0; background: url('/images/left-menu_ul.jpg') no-repeat center 0;}
ul.menu li {padding-bottom: 1px; width: 178px; float: left; background: url('/images/left-menu_li.gif') repeat-x 0 bottom;}
ul.menu li a{display: block; width: 166px; padding-left: 12px; line-height: 30px; color: #000; text-decoration: none;/* background: url('/images/left-menu_a.gif') no-repeat 3px 9px;*/ font-size: 13px; font-weight: bold;}
ul.menu li a:hover, ul.menu li a.aktivni {text-decoration: none; color: white; background: #d61b66;}
ul.menu li ul.menu {padding: 1px 0 0 0; list-style: none; display: inline; margin: -1px 0 0 0; background: none;}
ul.menu li ul.menu li {background: none;}
ul.menu li ul.menu a {width: 162px; padding-left: 16px; text-decoration: none; display: block; line-height: 30px; background: none;}
ul.menu li ul.menu a:hover, ul.menu li ul.menu a.aktivni {color: #C61A5F; text-decoration: none; background: #f1f1f1;}
ul.menu li ul.menu li ul.menu a {width: 143px; padding-left: 35px;}
/*ul.menu li ul.menu li ul.menu a {width: 143px; padding-left: 35px; color: #fff; text-decoration: none; display: block; line-height: 30px; font-weight: normal; background: none;}*/

ul.menu2 {float: left; width: 178px; margin: 0; padding: 0 0 20px 0; list-style: none; background: url('/images/left-menu_ul.jpg') no-repeat center 0;}
ul.menu2 li {float: left; padding-bottom: 1px; background: url('/images/left-menu_li.gif') repeat-x 0 bottom;}
ul.menu2 li a {float: left; display: block; width: 158px; padding: 0 0 0 20px; line-height: 30px; background: url('/images/left-menu2_a.gif') no-repeat 5px 12px; color: #414141; text-decoration: none; font-size: 0.9em;}
ul.menu2 li a:hover {color: #fff; text-decoration: underline; background: #666 url('/images/left-menu2_a.gif') no-repeat 5px 12px;}



#footer {position: absolute; left: 0; bottom: 0; width: 100%; height: 277px; background: #000 url('/images/footer.gif') repeat-x 0 0px; border-top: 1px solid #cbc3c0;}

#footer .align {position: relative; margin: 0px auto; width: 980px;}
.align #menu2 { float:center; list-style: none; margin: 0; padding: 0;}
.align #menu2 li {float: left; padding-left: 2px; background: url('/images/menu2-li.jpg') no-repeat 0 center;}
.align #menu2 li.first {padding-left: 0; background: none;}
.align #menu2 li a {float: left; display: block; line-height: 34px; padding: 0 13px;}
.align #menu2 li.first a {padding-left: 9px;}
.align .information {float: left; background: url('/images/footer-separator.gif') repeat-y right 0; padding: 10px 30px 10px 0; margin: 20px 30px 0 0;}
.align .information h4 {color: #ccc; background: url('/images/footer-contact.jpg') no-repeat right center; padding: 0 0 0 15px;}
.align .information a {padding-left: 15px; background: url('/images/left-menu2_a.gif') no-repeat 0 center; line-height: 20px; color: #fff;}
.align .information a:hover {color: #C61A5F; text-decoration: underline;}
.align .contact {float: left; background: url('/images/footer-separator.gif') repeat-y right 0; padding: 10px 30px 10px 0; margin: 20px 30px 0 0;}
.align .contact h4 {color: #ccc; background: url('/images/footer-information.jpg') no-repeat right center;}
.align .contact a {padding-left: 15px; background: url('/images/left-menu2_a.gif') no-repeat 0 center; line-height: 20px; color: #fff;}
.align .contact a:hover {color: #C61A5F; text-decoration: underline;}

.align .contact .phone:hover {padding-left: 30px; background: url('/images/phone.jpg') no-repeat 0 center; line-height: 20px; color: #fff;}
.align .contact .phone {padding-left: 30px; background: url('/images/phoneb.jpg') no-repeat 0 center; line-height: 20px; color: #fff;}

.align .contact .email:hover {padding-left: 30px; background: url('/images/email.jpg') no-repeat 0 center; line-height: 20px; color: #fff;}
.align .contact .email {padding-left: 30px; background: url('/images/emailb.jpg') no-repeat 0 center; line-height: 20px; color: #fff;}

.align .contact .icq:hover {padding-left: 30px; background: url('/images/icq.jpg') no-repeat 0 center; line-height: 20px; color: #fff;}
.align .contact .icq {padding-left: 30px; background: url('/images/icqb.jpg') no-repeat 0 center; line-height: 20px; color: #fff;}

.align .contact .skype:hover {padding-left: 30px; background: url('/images/skype.jpg') no-repeat 0 center; line-height: 20px; color: #fff;}
.align .contact .skype {padding-left: 30px; background: url('/images/skypeb.jpg') no-repeat 0 center; line-height: 20px; color: #fff;}

.align .contact .twitter:hover {padding-left: 30px; background: url('/images/twitter.jpg') no-repeat 0 center; line-height: 20px; color: #fff;}
.align .contact .twitter {padding-left: 30px; background: url('/images/twitterb.jpg') no-repeat 0 center; line-height: 20px; color: #fff;}

.align .contact .facebook:hover {padding-left: 30px; background: url('/images/facebook.jpg') no-repeat 0 center; line-height: 20px; color: #fff;}
.align .contact .facebook {padding-left: 30px; background: url('/images/facebookb.jpg') no-repeat 0 center; line-height: 20px; color: #fff;}

.align .contact .rss:hover {padding-left: 30px; background: url('/images/rss.jpg') no-repeat 0 center; line-height: 20px; color: #fff;}
.align .contact .rss {padding-left: 30px; background: url('/images/rssb.jpg') no-repeat 0 center; line-height: 20px; color: #fff;}

.align .online {float: left; background: url('/images/footer-separator.gif') repeat-y right 0; padding: 10px 30px 10px 0; margin: 20px 30px 0 0;}
.align .online h4 {color: #ccc; background: url('/images/footer-online.jpg') no-repeat right center;}
.align .verified {float: right; margin: 30px 0 0 0;}
.align .kecy { text-align:right;padding: 0px 0px 0px 0; margin: 0px 0px 0 0;}
.align .kecy a { color:#FFF;}


                                                      
/* IEREST */
#volejte {position: absolute; left: 230px; top: 15px; font-size: 1em; width: 580px; height: 50px; padding: 3px 3px; color:#FFF;}
#volejte strong {display: block; margin-bottom: 8px; font-size: 1.4em; font-weight: bold; color: #fff;
letter-spacing: 1px;
}
#volejte strong a {font-weight: bold; color: #fff;}

#cart {position: absolute; font-size: 12px; right: 5px; top: 10px; height: 53px; width: 165px; padding: 10px 0 0 25px; line-height: 20px;color:  #fff;}
#cart strong {font-size: 16px;}
#cart img.cart {position: absolute; right: 188px; top: 6px; }
#cart a {color:  #d61b66;}


#menu {position: absolute; right: 220px; top: 30px; list-style: none; padding: 0; margin: 0;}
#menu li {padding: 0 10px;}

#hornimenu {position:  absolute; right: 0px; top: 86px; width: 750px; height: 26px; text-align: right;}
#hornimenu ul {list-style: none;}
#hornimenu ul li {height: 26px; display: inline-block; min-width: 105px; margin: 0px; margin-right: 4px;}
#hornimenu ul li a {height: 24px; line-height: 24px;
display: block; padding: 2px 4px; text-align: center; text-transform: uppercase; font-size: 14px;}
#hornimenu ul li a:hover { color: #fff;}

#hornimenu ul li.spodnipradlo a {background: #d61b66; color: white;}
#hornimenu ul li.spodnipradlo a:hover {background: #fff; color: black;}

#hornimenu ul li.parfemy a {background: #d61b66; color: white;}
#hornimenu ul li.parfemy a:hover {background: #fff; color: black;}

#hornimenu ul li.obleceni a {background: #d61b66; color: white;}
#hornimenu ul li.obleceni a:hover {background: #fff; color: black;}
#hornimenu ul li.magazin a {background: #d61b66; color: white;}
#hornimenu ul li.magazin a:hover {background: #fff; color: black;}



#listahore {position: absolute; top: 114px; left: 0px; width: 980px; height: 38px;background: #e4e url('/images/hornimenu.png') no-repeat;}

#search {float: left;position: relative; top:7px; left: 5px; font-size: 1.4em; width: 199px; height: 26px; background: #e4e4e4 url('/images/search-text.png') no-repeat 0 0;}
#search-text {float: left; width: 157px; padding-left: 6px; height: 26px; border: none; background: transparent; color: #545454;}
#search-submit {float: left; margin-left: 6px; border: none; background: transparent; width: 30px; height: 26px;
text-indent: 9999px; cursor: pointer;
}



#horni_submenu {height: 38px; float: right; text-align: right; color: white; font-size: 14px; margin-right: 9px;}
#horni_submenu li {display: inline-block; height: 38px; line-height: 38px; color: white;}
#horni_submenu li a {color: white;}

#horni_submenu li.informace:hover ul.informace_menu {display: block !important;}

#horni_submenu ul.informace_menu {display: none; position: absolute; right: 0px; top: 32px; background: white; border: 1px solid #d61b66; padding-bottom: 6px;}
#horni_submenu ul.informace_menu li {display: block;width: 158px; height: 20px; line-height: 20px;margin: 6px; text-align: center;background: url('/images/left-menu_li.gif') repeat-x 0 bottom;}
#horni_submenu ul.informace_menu li a {float: left;display: block;  padding: 0 0 0 20px;  background: url('/images/left-menu2_a.gif') no-repeat 5px 6px; color: #414141; text-decoration: none; font-size: 0.9em;}
#horni_submenu ul.informace_menu li:hover a { text-decoration: underline; }

#horni_submenu li.registr:hover ul.registr_menu {display: block !important;  margin-right: 129px;}

#horni_submenu ul.registr_menu {display: none; position: absolute; right: 0px; top: 32px; background: white; border: 1px solid #d61b66; }
#horni_submenu ul.registr_menu li {display: block;width: 158px; height: 20px; line-height: 20px;margin: 6px; text-align: center;background: url('/images/left-menu_li.gif') repeat-x 0 bottom;}
#horni_submenu ul.registr_menu li a {float: left;display: block;  padding: 0 0 0 20px;  background: url('/images/left-menu2_a.gif') no-repeat 5px 6px; color: #414141; text-decoration: none; font-size: 0.9em;}
#horni_submenu ul.registr_menu li:hover a { text-decoration: underline; color:#000;  }
/*ul.menu2 {float: left; width: 178px; margin: 0; padding: 0 0 20px 0; list-style: none; background: url('/images/left-menu_ul.jpg') no-repeat center 0;}
ul.menu2 li {float: left; padding-bottom: 1px; background: url('/images/left-menu_li.gif') repeat-x 0 bottom;}
ul.menu2 li a {float: left; display: block; width: 158px; padding: 0 0 0 20px; line-height: 30px; background: url('/images/left-menu2_a.gif') no-repeat 5px 12px; color: #414141; text-decoration: none; font-size: 0.9em;}
ul.menu2 li a:hover {color: #fff; text-decoration: underline; background: #666 url('/images/left-menu2_a.gif') no-repeat 5px 12px;}*/



#novinkaa {text-align: center; margin: auto; width: 480px;}
.novinky_kratke {width: 330px !important; position: absolute; left: 270px; top: 1px;}

#novinkaa ul {list-style: none;}
#novinkaa ul li {
    background: white; border: 1px solid black; height: 20px; line-height: 20px; font-size: 16px; font-weight: bold;
    float: left;
    padding: 3px 12px; margin: auto; width: 100px;
    margin-top: 4px;
    margin-right: 6px;
    cursor: pointer;
}

/* index.tpl */
.text-clanek {float: left; width: 778px; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; margin: 10px 0; background: url('/images/text-clanek.png') no-repeat 100% 0; position: relative;}
.text-clanek .clanek {float: right; width: 360px; height:200px; padding: 15px 10px; margin-left: 5px;}
.text-clanek .clanek .starsi {position: absolute; right: 10px; top: 15px;}
.text-clanek .clanek .vice {position: absolute; right: 10px; bottom: 10px; /*padding-right: 20px; background: url('/images/clanek-vice.jpg') no-repeat right 0;*/ line-height: 15px; display: block;}
.text-clanek .text {float: left; width: 360px;height:200px; padding: 15px 10px;}

.index-text-clanek {float: left; width: 778px; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; margin: 10px 0; background: url('/images/text-clanek.png') no-repeat; position: relative;}
.index-text-clanek .index-clanek {float: left; width: 360px; height:200px; padding: 15px 10px; margin-left: 5px;}
.index-text-clanek .index-clanek .index-starsi {position: absolute; left: 10px; top: 15px;}
.index-text-clanek .index-clanek .index-vice {position: absolute; left: 210px; bottom: 10px; /*padding-right: 20px; background: url('/images/clanek-vice.jpg') no-repeat right 0;*/ line-height: 15px; display: block;}
.index-text-clanek .index-text {float: right; width: 360px;height:200px; padding: 15px 0 0 10px;}

#jezditko {float: right; width: 360px; height: 250px; margin: 0 10px 10px 0px; _margin: 0 0 10px 5px; border: 0px solid #000; position: relative;background: red ;color: white;}
#s6 {float: left; width: 360px; height: 250px;}
#s6 div {width: 360px; height: 250px; position: relative;}
#jezditko #nav {position: absolute; left: 360px; top: 65px; z-index: 10;background: red ;color: white;}
#jezditko #nav a {float: left; width: 12px; height: 12px; line-height: 12px; text-align: center; font-size: 0.7em; background: red ; display: block; color: white; text-decoration: none; margin: 0 3px 0 0;}
#jezditko #nav a:hover {background-color: #000; background-position: 0 -12px; color: #fff;}
#jezditko #nav a.activeSlide {background-color: #000; background-position: 0 -12px; color: #fff;}


#jezditko2 {float: left; width: 777px; height: 333px; margin: 10px 0; position: relative;}
#s66 {float: left; width: 777px; height: 333px;}
#s66 div {width: 777px; height: 333px; position: relative;}
#jezditko2 #nav2 {position: absolute; right: 10px; top: 300px; z-index: 10;}
#jezditko2 #nav2 a {float: right; width: 10px; height: 10px; line-height: 20px; text-align: center; background: white; display: block; color: none; text-decoration: none; margin: 0 3px 0 0; border: 0px solid black;}
#jezditko2 #nav2 a:hover, #jezditko2 #nav2 a.activeSlide {background: #903; color: none;}
#jezditko2 #nav2 a.activeSlide {font-weight: bold;}


#indexjezditko #nav a:hover, #indexjezditko #nav a.activeSlide {background-color: #c9c9c9; background-position: 0 -12px; color: #515151;}
#indexjezditko2 {float: left; width: 777px; height: 400px; margin: 10px 0; position: relative;}
#indexs66 {float: left; width: 777px; height: 400px;}
#indexs66 div {width: 777px; height: 400px; position: relative;}
#indexjezditko2 #indexnav2 {position: absolute; right: 10px; top: 300px; z-index: 10;}
#indexjezditko2 #indexnav2 a {float: right; width: 10px; height: 10px; line-height: 20px; text-align: center; background: white; display: block; color: none; text-decoration: none; margin: 0 3px 0 0; border: 0px solid black;}
#indexjezditko2 #indexnav2 a:hover, #indexjezditko2 #nav2 a.activeSlide {background: #903; color: none;}
#indexjezditko2 #indexnav2 a.activeSlide {font-weight: bold;}

#vanocejezditko  {background-color: #c9c9c9; background-position: 0 -12px; color: #515151;}
#vanocejezditko2 {float: left; width: 777px; height: 518px; margin: 10px 0; position: relative;}
#xx66 {float: left; width: 777px; height: 518px;}
#xx66 div {width: 777px; height: 518px; position: relative;}
#vanocejezditko2 #vanocenav2 {position: absolute; right: 10px; top: 300px; z-index: 10;}
#vanocejezditko2 #vanocenav2 a {float: right; width: 10px; height: 10px; line-height: 20px; text-align: center; background: white; display: block; color: none; text-decoration: none; margin: 0 3px 0 0; border: 0px solid black;}
#vanocejezditko2 #vanocenav2 a:hover, #indexjezditko2 #nav2 a.activeSlide {background: #903; color: none;}
#vanocejezditko2 #vanocenav2 a.activeSlide {font-weight: bold;}


#ssssjezditko {float: right; width: 180px; height: 330px; margin: 0 0 10px 10px; _margin: 0 0 10px 5px; border: 0px solid #f4f4f4; position: relative;}
#sss6 {float: left; width: 180px; height: 330px;}
#sss6 div {width: 180px; height: 330px; position: relative;}
#ssssjezditko #navsss {position: absolute; left: 180px; top: 65px; z-index: 10;}
#ssssjezditko #navsss a {float: left; width: 12px; height: 12px; line-height: 12px; text-align: center; font-size: 0.7em; background: white url('/images/nav-a.jpg') no-repeat; display: block; color: white; text-decoration: none; margin: 0 3px 0 0;}
#ssssjezditko #navsss a:hover, #ssssjezditko #navsss a.activeSlide {background-color: #c9c9c9; background-position: 0 -12px; color: #515151;}

.caraakcni { float:left; width:770px; height: 22px; background-color:#000; color:#FFF; text-align: center; padding-left: 20px; padding-top: 6px; }
.caraakcni a { color:#Cc9;}
.caraakcni a:hover {color:#FFF;}

.akcni-tabulky div {float: left; width: 240px; height: 100px; border: 0px; padding: 10px 5px 15px 0px; margin: 5px; }
.akcni-tabulky .akcni-velikost_tabulka {background: #FFFFFF  no-repeat 0 0;}

.akcni-tabulky div {float: left; width: 240px; height: 100px; border: 0px; padding: 10px 5px 15px 0px; margin: 5px; }
.akcni-tabulky .akcni-kontakty_tabulka {background: #FFFFFF no-repeat 0 0;}

.akcni-tabulky div {float: left; width: 240px; height: 100px; border: 0px; padding: 10px 0px 15px 8px; margin: 5px; }
.akcni-tabulky .akcni-doprava_tabulka {background: #FFFFFF  no-repeat 0 0;}


/* kosik.tpl */
.vypis-kosik {border-collapse: collapse; width: 777px;}
.vypis-kosik thead {background: #000; color: #fff;}
.vypis-kosik thead th {font-weight: bold; font-size:14px; padding: 7px 5px 7px;}
.vypis-kosik tbody td {padding: 5px; background: #ffffff;}
.vypis-kosik tfoot td {background: #E6E6E6; padding: 5px; font-size:16px;}
.prepocitat {float: right; position: relative; top: 2px; left: 0; color: white; font-size: 0.9em;}
.dostupnostkos { font-size: 12px;}
.dostupnostkos2 { font-size: 11px; color: #900;}
.nazevkos {font-size: 16px;}
.variantakos {color: #900;}

.slevakos {width: 550px; float: right; background: url('/images/slevakospo.png'); padding: 4px; margin-top: -4px; }
.slevakos input.text {border: 2px solid #903; font-size:18px; width:100px;  }
.slevakos input.submit { padding: 0 0 0 4px; margin-bottom: -7px; }


.dodani1 {width: 670px; line-height: 15px; background: #f5f5f5; border-bottom: 1px dotted #dadada; padding: 10px;}
.dodani2 {width: 670px; line-height: 15px; background: #f5f5f5; padding: 10px;}

.dodaci_adresa {float: left; width: 355px; background: #f5f5f5; padding: 10px; margin: 0 23px 0 0; color: #404040;}
.fakturacni_adresa {float: left; width: 355px; background: #f5f5f5; padding: 10px; color: #404040;}
.dodaci_adresa input, .fakturacni_adresa input, .dodaci_adresa select, .fakturacni_adresa select {padding: 3px; border: 1px solid #e3e3eb; border-top: 1px solid #aaadb2; margin: 2px 0;}
.dodaci_adresa textarea, .fakturacni_adresa textarea {padding: 3px; border: 1px solid #e3e3eb; border-top: 1px solid #aaadb2; margin: 2px 0;}

.butkosik { padding-left:100px;}
.butkosik2 { padding-left:220px;}

.povinne, .error {color: red;}
.error {display: block;}
div.darek-zdarma div {
	float: left;
	width: 25%;
	overflow: hidden;
	text-align: center;
}

/* paticka.tpl */
.reg-none {position: absolute; left: 150px; top: -4px;}
.reg-none input {width: 90px; height: 16px; background: white url('/images/reg-none-input.jpg') no-repeat 0 0; border: none; position: relative; top: -10px; padding: 5px;}
.reg-none input#email {width: 120px; background: white url('/images/reg-none-input2.jpg') no-repeat 0 0;border: none; position: relative; top: -10px; padding: 5px;}
.reg-none input.sub {width: auto; height: auto; padding: 0; top: -2px; background: white;}

/* pokladna.tpl */
.vypis-pokladna {border-collapse: collapse; width: 777px;}
.vypis-pokladna thead {background: #000; color: #fff;}
.vypis-pokladna thead td {font-weight: bold; font-size:14px; padding: 7px 5px 7px;}
.vypis-pokladna tbody td {padding: 5px; background: #ffffff;}
.vypis-pokladna tfoot td {background: #f1f1f1; padding: 5px; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; font-size:16px;}

.dodaci_adresa-pokladna {float: left; width: 355px; border: 1px solid #dadada; padding: 10px; margin: 0 23px 0 0;}
.fakturacni_adresa-pokladna {float: left; width: 355px; border: 1px solid #dadada; padding: 10px;}
.tlacitka .back {float: left; position: relative; width: 80px; height: 33px; display: block; text-align: center; margin: 0 5px 0 0;}
.tlacitka .back span {position: absolute; left: 160; top: 0; width: 80px; height: 33px; background: url('/images/back.png') no-repeat 0 0;}

.butkosik3 { padding-left:130px;}
.butkosik4 { padding-left:280px;}


/* stranka.tpl */
.stranky {padding: 6px;}
.stranky ul {margin: 0 15px;}
.vyrobci-all {margin: 0; padding: 0;}
.vyrobci-all li {margin: 3px 20px}

/* registrace.tpl */
.register .udaje input {padding: 3px; border: 1px solid #e3e3eb; border-top: 1px solid #aaadb2; margin: 2px 0;}
.register .adresys input, .register .adresyr input {padding: 0; border: none;}

/* vyhledavani.tpl */
.vyhledavani-text {width: 140px; padding: 0 6px; height: 26px; background: url('/images/vyhledavani-text.jpg') no-repeat 0 0; border: none;}
.vyhledavani-submit {position: relative; top: 8px;}

/* vypis.tpl */
.kategorie {padding: 0 0 20px 0;}
.kategorie h1 { text-transform: uppercase;  padding-bottom:10px; color:#000;}
#drobecky {line-height: 30px; border-bottom: 1px solid #f1f1f1; margin: 0 0 10px 0;}
.zaznamy {border-bottom: 2px solid #333; padding: 10px 0 5px 0;}
.zaznamy2 {border-top: 2px solid #333; padding: 5px 0 10px 0;}
.razeni {padding: 5px 0 5px 0;}
.velikost {padding: 7px 3px 7px; width: 520px; background:#333; color:#FFF;}
.katvyrobce { float: right; padding: 7px 13px 7px; width: 230px; background:#D61B66; color:#FFF;}

.strankovani {padding: 3px 2px 5px 3px; width: 280px; background:#D61B66; color:#FFF;}
.strankovani a { color:#FFF; font-weight:bold; font-size:16px;}
.strankovani a:hover { color:#000; text-decoration:underline;}


.strankovani a.prevPage {background: url("http://www.peknydarek.cz/images/bg-strankovani-a-predchozi.png") no-repeat top left;
	width: 19px;
	height: 19px;
	margin: 7px 0 0 0;
	padding: 0;
    color: #ff0055;
}
 
.strankovani a.nextPage {background: url("http://www.peknydarek.cz/images/bg-strankovani-a-dalsi.png") no-repeat top left;
    width: 19px;
	height: 19px;
	margin: 7px 0 0 0;
	padding: 0;
    color: #ff0055 !important;
}

.bankategorie { float: right;padding: 0 0 10px 10px; width: 270px; border:#E8E8E8; }

.ukazVarianty {font-size: 12px; margin-top: 5px; display: block;}
.ukazVarianty:hover { color:#FF0000;}
.ukazVarianty:hover a { color:#FF0000;}


.js_varianty {width: 360px; border: 1px solid #FF0000;
    background: white;
    position: absolute;
    top: 200px;
    left: -200px;
    z-index: 999;
}

.js_varianty table {width: 320px; text-align: left; margin: auto; margin-top: 12px; margin-bottom: 12px;}
.js_varianty table td.nazev {width: 160px;}

.js_varianty a.zavrit {text-align: right; display: block; padding: 6px; padding-bottom: 0px;}

/* vyrobce */
.vyrlogo {float: right; padding: 0 0 10px 10px;}

#submenu2 ul {margin-left: 24px; margin-top: 12px; }
#submenu2 h4 { font-size:16px; color:#000; padding-bottom:4px; }
#submenu2 a { color:#000; text-decoration:underline;}
#submenu2 a:hover { color:#C06;}



/* zbozi.tpl */
/*********    jQZoom    *************/
.jqzoom {border:1px solid #5b5b5b; float:left; position:relative; padding:0px; cursor:move; margin: 0 0 5px 0;}
.jqzoom img {float:left; padding: 1px;}
div.zoomdiv {z-index: 100; position: absolute; top: 52px !important; left: 341px !important; width: 200px; height: 200px; background: #fff; border:1px solid #5b5b5b; display:none; text-align: center; overflow: hidden;}
div.jqZoomPup {z-index: 10; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 50px; height: 50px; border: 1px solid #aaa; background: #fff url(/images/zoom.gif) 50% top  no-repeat; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50);}
/************************************/
.zbozi_tabulka {float: left; margin-top: 12px;}
.width_444 {width: 444px; float: left; margin: 0 0 0 6px;}
.div-pink {background: #000 ; color: white; text-align: center; font-weight: bold; font-size:16px; padding: 5px 0; font-weight: normal;}
.div1 {float: left; padding: 4px 3px; width: 111px;}
.div2 {float: left; padding: 4px 3px; width: 85px; color:#C61A5F;}
.div2-3 {float: left; padding: 4px 3px; width: 80px;}
.div3 {float: left; padding: 6px 3px; width: 48px;}
.div4 {float: left; padding: 6px 3px; width: 76px;}
.div3 input {border: 2px solid #000; padding: 2px;}
.border-pink_4px {background: #ccc;}
.border-grey_1px {border-bottom: 1px solid #000;}
ou
.pridat-do-kosiku {float: right;}
.pridat-do-oblibenych {padding: 0 0 0 30px; background: url('/images/pridat-do-oblibenych.png') no-repeat 0 0; line-height: 28px; display: inline-block; color: #000; float: left;}
.p_sleva {text-align: right; color: #009900; margin: -5px 0 0;}
.p_dostupnost {text-align: right; color:#999; margin: -5px 0 0;}

.vypiszbozi {float: right;  _padding: 0 0 10px 0; %padding: 0 0 10px 0;}
.nadpisvlevozbozi {text-align: left; font-size:18px; font-weight:bold; padding: 5px 10px 5px 0; margin: 10px 0;}


#detail .hlidani {text-align: right;}
.hlidani_1 {padding: 0 0 0 20px; line-height: ;}

.right {float: right; width: 455px;}

.zbozi_vyber_velikosti {position: absolute; bottom: 0px; width: 415px;}
.vyberteveli {font-size: 1.3em; margin-top:10px; font-weight: normal; text-align: right;}
.vyberteveli select {font-size: 1em; border: 2px solid #000;}

.dostupnost_skladem {color: #3fb23f;}

.zbozi_vyrobce-popis {position: relative; float: left; width: 415px; min-height: 198px; background: url('/images/zbozi_popis-vyrobce.png') no-repeat 0 0; padding: 20px 20px 0 20px;}
.zbozi_vyrobce-popis h2 {float: right; padding: 0 0 10px 10px; text-transform:uppercase; font-size:26px; color:#121212;}
.zbozi_vyrobce-popis span {font-size: 0.85em;}
.zbozi_vyrobce-popis .popisVyrobce {float: left; margin-bottom: 12px;}

div.zbozi_vyrobce-popis .akce {float: left; width: 56px; line-height: 24px; display: block; margin: 0 10px 0 0;}
div.zbozi_vyrobce-popis .vyprodej {float: left; width: 94px; line-height: 24px; display: block; margin: 0 10px 0 0;}
div.zbozi_vyrobce-popis .novinka {float: left; width: 94px; line-height: 24px; display: block;}
div.zbozi_vyrobce-popis .sleva {float: left; width: 94px; line-height: 24px; display: block;}
div.zbozi_vyrobce-popis .vyhody {padding: 20px 20px 20px 30px; background: url('/images/proc.png') no-repeat 0 center; line-height: 20px;}
div.zbozi_vyrobce-popis .nadvyhody { padding-top: 5px; padding-bottom:5px; color:#000;}
div.zbozi_vyrobce-popis .pozadizbozy { background:#EAEAEA; padding-left:5px;}

ul.tab-menu {margin: 0 0 10px 0; padding: 0; list-style: none; height: 30px; display: block;}
ul.tab-menu li {float: left; margin: 0 5px 0 0;}
ul.tab-menu li a {display: block; line-height: 30px; padding: 0 15px; background: #d61b66; color: #fff;}
ul.tab-menu li a:hover, ul.tab-menu li a.active {background: #000;}

div.facebook {width:200px; display: inline-block; position: relative; top: -5px;}
div.facebook a {
	display: block;
	padding: 10px 0 10px 35px;
	color: #3f3f3f !important;
	font-weight: bold;
	text-decoration: none;
	background: url('/images/bg-facebook.png') no-repeat left center;
}
div.facebook a:hover, div.facebook a:focus, div.facebook a:active {color: #e6004d !important;}



/*.right-links {float: right; width: 200px; padding: 0 0 10px 10px; background: url('/images/operator.png') no-repeat right bottom; margin: 10px 0;}*/
.links-phone {padding-left: 30px; background: url('/images/phone.jpg') no-repeat 0 center; line-height: 20px;}
.links-skype {padding-left: 30px; background: url('/images/skype.jpg') no-repeat 0 center; line-height: 20px;}
.links-icq {padding-left: 30px; background: url('/images/icq.jpg') no-repeat 0 center; line-height: 20px;}
.highlight {background: #E2E2E2;}
.highlight input {border-color: #d61c67;}
.left {float: left; width: 304px;}
.left .otherpic {float: left;}
.doplnujici {float: left; margin: 0 5px 5px 0; padding: 1px; border: 1px solid black;}
.noveokno {float: left; width: 294px; padding: 7px 5px; margin: 0 0 5px 0; text-align: right;}
.noveokno a {color:#000; padding: 0 0 0 25px; background: url('/images/zoom.png') no-repeat 0 center; display: inline-block; line-height: 18px;}
.showhide {float: left; width: 294px; padding: 7px 5px; background: #5b5b5b; margin: 0 0 5px 0;}
#showvideo {background: #5b5b5b url('/images/video.png') no-repeat 0 1px; padding: 5px 0 5px 35px; border: none; text-decoration: underline; line-height: 15px; cursor: pointer; display: block; color: white; font-weight: bold;}
#video {position: absolute; right: 0; top: 52px; width: 735px; padding: 20px; border: 1px solid #000; background: #fff; z-index: 100; text-align: center}
#video h2 {text-align: left; padding: 0 0 10px 0; margin: 0 0 20px 0; border-bottom: 2px solid #000;}
#video #hidevideo {position: absolute; right: 30px; top: 30px;}

div.produkt .foto {display: block; width: 332px; height: 180px; margin: 0px auto 5px auto; overflow: hidden;}
div.produkt .foto .obrazek {display: none;}

table.xvelikosti {
	border-width: 1px;
	border-spacing: 0px;
	border-style: none;
	border-color: green;
	border-collapse: collapse;
	background-color: white;
}
table.xvelikosti th {
	border-width: 1px;
	padding: 5px;
	border-style: outset;
	border-color: gray;
	background-color: rgb(255, 255, 240);
	-moz-border-radius: ;
}
table.xvelikosti td {
	border-width: 1px;
	padding: 5px;
	border-style: outset;
	border-color: gray;
	text-align:center;
	background-color: rgb(255, 255, 240);
	-moz-border-radius: ;
}

.zbozi-kontakt div { float:right; width:700px; height: 67px; padding-right:0px;}
.zbozi-kontakt .zbozi-skype_tabulka { width:324px;	}
.zbozi-kontakt .zbozi-kontaktybexy_tabulka { width:376px; }

.zbozi-tabulky div {float: left; width: 217px; height: 69px; border: 0px solid #F4F4F4; padding: 10px 5px 20px 0px; margin: 15px; }
.zbozi-tabulky .zbozi-velikost_tabulka {background: #FFFFFF  no-repeat 0 0;}

.zbozi-tabulky div {float: left; width: 217px; height: 69px; border: 0px solid #F4F4F4; padding: 10px 5px 20px 0px; margin: 15px;}
.zbozi-tabulky .zbozi-kontakty_tabulka {background: #FFFFFF no-repeat 0 0;}

.zbozi-tabulky div {float: left; width: 217px; height: 69px; border: 0px solid #F4F4F4; padding: 10px 5px 20px 0px; margin: 15px;}
.zbozi-tabulky .zbozi-doprava_tabulka {background: #FFFFFF  no-repeat 0 0;}

p.hlidani {text-align: right;}
p.hlidani .hlidani_1 {line-height: 25px; display: inline-block; padding: 0 0 0 30px; text-decoration: none; background: url('/images/hlidani_1.png') no-repeat 0 center; color: #000; margin: 0 10px 0 0;}
p.hlidani .hlidani_2 {line-height: 25px; display: inline-block; padding: 0 0 0 30px; text-decoration: none; background: url('/images/hlidani_2.png') no-repeat 0 center; color: #000; margin: 0 10px 0 0;}
p.hlidani .doporucit {line-height: 25px; display: inline-block; padding: 0 0 0 30px; text-decoration: none; background: url('/images/doporucit-znamemu.png') no-repeat 0 center; color: #000;}

#comment-form table input, #comment-form table textarea {width: 250px; padding: 2px; border: 1px solid #000;}
#comment-form .sub {margin: 5px 0 0 104px; padding: 2px 5px; border: 1px solid #9d0944; background: #d61b66; color: white; cursor: pointer;}

.zbozi-v-kategoriich p {font-weight: bold; color: #C61A5F; margin: 2px 20px; }
.zbozi-v-kategoriich a { text-decoration:underline; }

.js_LoginWindow {
    top: 30%;
    margin-left: -150px;
    width: 300px;
}

.js_LoginForm {
	text-align: center;
}
.js_LoginForm .popis {
	float: none;
}
.js_LoginForm .input {
	width: 150px;
}

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

#soutez .otazka {
	padding: 6px;
	border: 1px dashed #F8F8F8;
	margin: 3px;
}

#soutez .otazka:hover {
	border: 1px dashed black;
}

#soutez .otazka-nazev {
	font-size: 1.1em;
	font-style: italic;
	margin-left: 6px;
}
#soutez label {
	margin: 3px;
}
#soutez input {
    display: inline;
	margin-left: 40px;
	margin-top: 6px;
	margin-bottom: 6px;
}
#soutez select {
	margin-left: 40px;
	margin-top: 6px;
	margin-bottom: 6px;
}
#soutez div.sub {
	text-align: center;
}
#soutez div.sub input {
	margin:auto;
	border: 1px solid black;
	background: #fff;
	padding: 3px;
	cursor: pointer;
}
#soutez div.sub input:hover {
	background: #C4CED4;
}
#soutez label.error {
	display: none;
	margin-left: 10px;
	color: red;
}

#clanky .clanek {}
.cobrazek {float: left; padding: 10px 15px 15px 0;}

/* newsletter */

.newsletter {width: 700px; float: right; background: #333 ; padding: 10px; margin-top: -4px; text-align: right;}
.newsletter_text {border: 0px; margin: 12px 0px 0px 12px; width: 190px; height:20px; padding: 4px 2px; border: 1px solid #999; position: relative; top: -10px; }
.newslettertext {font-size:17px; text-align: left;}
.newsletter label {  text-align: left;color:#FFF; font-size:12px;margin-top: 6px; margin-left: 20px; line-height: 16px;  display: inline-block;}
.newsletter_email{ color:#fff;}
.newsletter_submit { margin-left: 6px; margin-right:6px;top: -6px;}


/* filtr */
.filtr_aktivni {padding: 12px; color: red;}


.ui-dialog {background: #fff !important;}
.ui-dialog * {color: #900;}

.ui-dialog-titlebar {display: none;}

/* všechny značky */
div.vsechny_znacky {
    margin: 0 4px;
}
div.vsechny_znacky h3 {
    display: block;
    padding: 4px 10px;
    background-color: #F3F3F3;
    margin: 12px 0px 6px 0px;
}
div.vsechny_znacky ul {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
    overflow: hidden;
}
div.vsechny_znacky ul li {
    float: left;
    list-style: none;
    width: 29%;
    margin-right: 10px;
    margin-bottom: 5px;
    display: block;
}


#objednavka {position: relative; padding: 6px; padding-top: 18px;}

#objednavka h1 {font-weight: normal;}

#objednavka .kredit {position: absolute; width: 250px; color: black; font-size: 16px;
top: 20px; right: 0px; font-weight: bold;}
#objednavka .kredit strong {color: #C61A5F;}
#objednavka .kredit a {font-size: 12px; font-weight: normal;}

#objednavka .info {margin-top: 12px; width: 764px;
      height: 110px; font-size: 14px;
      padding-left: 135px; padding-top: 12px;
      background: url("/images/objednavka_dopis.png") no-repeat 20px 0px;}

#objednavka .info strong {text-transform: uppercase; color: #C61A5F; font-weight: normal;}
#objednavka .info .uvitaci_text {color: #C61A5F; padding-left: 18px; margin-top: 12px;}

#objednavka .vypis-kosik-objednavky {border-collapse: collapse; width: 764px;}
#objednavka .vypis-kosik-objednavky thead td {background: black; color: white; padding: 6px 4px;
font-size: 16px;}

#objednavka .vypis-kosik-objednavky tbody td {
    
    
}
#objednavka .vypis-kosik-objednavky tr.spodni td {border-bottom: 1px solid black; padding-bottom: 12px;}
#objednavka .vypis-kosik-objednavky .kos_obrazek {float: left; margin: 12px; margin-left: 50px;}
#objednavka .vypis-kosik-objednavky .kos_info {float: left; padding: 12px 0px; width: 278px;}
#objednavka .vypis-kosik-objednavky .kos_info .nazevkos {color: black;}
#objednavka .vypis-kosik-objednavky .poznamka strong {float: left; background: #ff0066; width: 72px; padding: 6px; color: white;
margin-left: 75px;}
#objednavka .vypis-kosik-objednavky .poznamka em {float: left; background: #e4e4e4; width: 593px; padding: 6px; }

#objednavka .poznamkaexp {margin-bottom: 12px; float: left;}
#objednavka .poznamkaexp strong {float: left; background: #ff0066; width: 135px; padding: 6px; color: white;}
#objednavka .poznamkaexp em {float: left; background: #e4e4e4; width: 605px; padding: 6px; }

#objednavka .vypis-kosik-objednavky .skladem {color: #009900;}
#objednavka .vypis-kosik-objednavky .neskladem {color: #ff0066;}

#objednavka .vypis-kosik-objednavky .infosklad span {display: block; color: white; padding: 10px; text-align: center; font-size: 14px;}
#objednavka .vypis-kosik-objednavky .infosklad span.vseskladem {background: #009900;}
#objednavka .vypis-kosik-objednavky .infosklad span.skladem {background: #009900; float: left; width: 100px;}
#objednavka .vypis-kosik-objednavky .infosklad span.udodavatele {background: #ff0066; float: left; width: 196px}
#objednavka .vypis-kosik-objednavky .infosklad span.vseudodavatele {background: #ff0066; }

#objednavka .vypis-kosik-objednavky tr.sleva td {color: #ff0066; font-size: 14px; font-weight: bold; padding: 6px;}
#objednavka .vypis-kosik-objednavky tr.sleva td.right {text-align: right; padding-right: 12px;}

#objednavka .vypis-kosik-objednavky tr.dodani td {color: black; font-size: 18px; font-weight: bold; padding: 6px; background: #e4e4e4;
text-transform: uppercase;}
#objednavka .vypis-kosik-objednavky tr.dodani td.right {text-align: right; padding-right: 12px;}

#objednavka .vysvetlivky {padding: 6px; float: left; width: 320px;}
#objednavka .vysvetlivky div {padding: 3px;}
#objednavka .vysvetlivky .skladem {color: #009900;}
#objednavka .vysvetlivky .neskladem {color: #ff0066;}

#objednavka .uhrazenost {color: white; text-transform: uppercase; font-size: 16px;}
#objednavka .uhrazenost .uhrazena {background: #009900; float: left; width: 432px; text-align: center; padding: 12px 0px; }
#objednavka .uhrazenost .neuhrazena {background: #ff0066; float: left; width: 432px; text-align: center; padding: 12px 0px; }
#objednavka .uhrazenost .cenacelkem {background: black; float: left; width: 432px; text-align: center; padding: 16px 0px;
font-weight: bold;}

#objednavka .odeslatihned {float: left; margin-right: 6px; background: #009900; color: white; padding: 14px 6px; width: 320px; text-transform: uppercase; text-align: center;}

#objednavka .zpusobdodani {float: right; width: 420px; font-size: 16px; padding: 6px; text-align:right}

#objednavka .infolinka {float: left; font-size: 18px; margin-bottom: 12px;}
#objednavka .infolinka .skype_tabulka {float: left; margin-left: 12px;}
#objednavka .infolinka .kontaktybexy_tabulka {float: left; margin-left: 24px;}

#objednavka .dotazformular {background: url('/images/gray_back.png') bottom repeat-x; padding: 6px;}
#objednavka .dotazformular form fieldset {float: left; width: 350px; border: 0px;}
#objednavka .dotazformular form fieldset label {float: left; width: 100px; margin: 6px; margin-left: 12px; font-size: 16px; color: #ff0066;}
#objednavka .dotazformular form fieldset input {float: left; width: 200px; border: 1px solid #ff0066; background: white; height: 30px;
margin: 3px;}
#objednavka .dotazformular form textarea {border: 1px solid #ff0066; width: 400px; height: 80px; text-align: left;}
#objednavka .dotazformular form input.submit {float: right; margin-top: 12px; background: #ff0066; border: 1px solid #ff0066; color: white; padding: 6px 0px; width: 200px;
text-transform: uppercase;}

#objednavka .dotazformular form .cisloobjednavky {font-size: 16px; display: block; padding: 12px; margin-top: 12px;}
#objednavka .dotazformular form .cisloobjednavky strong {color: #ff0066; font-size: 24px; font-weight: normal;}

#objednavka .progress {font-size: 14px; color: #ff0066; font-weight: bold; margin-top: 24px; width: 750px; margin-left: 5px;}
#objednavka .progress .yes {background: #339900; float: left; height: 20px;}
#objednavka .progress .no {background: #e61a59; height: 20px;}

#objednavka .progress .nezpracovano {width: 150px;}
#objednavka .progress .prijata {width: 300px;}
#objednavka .progress .objednano {width: 450px;}
#objednavka .progress .fakturovano {width: 600px;}
#objednavka .progress .expedovano {width: 750px;}

#objednavka .progress .stavy ul {list-style: none; margin-top: 0px;}
#objednavka .progress .stavy ul li {display: inline-block; width: 140px; text-align: center; padding: 6px 0px;}
#objednavka .progress .stavy ul li.active {color: #339900;}

#objednavka #historie {float: left; width: 355px; padding: 10px;}
#objednavka #zasilky {float: left; width: 355px; padding: 10px;}
#objednavka #zasilky h3 {font-size: 24px; color: black; font-weight: normal; text-transform: uppercase;}

#objednavka .adresa {background: url('/images/gray_big_back.png') bottom repeat-x; padding-top: 12px; margin-top: 12px;}
#objednavka .adresa h3 {font-size: 24px; color: black; font-weight: normal; text-transform: uppercase;}
#objednavka .dodaci_adresa {background: transparent; margin-right: 0px;}
#objednavka .fakturacni_adresa-pokladna {background: transparent; border: 0px;}

#objednavka .tlacitka {padding: 12px; margin-top: 12px;}
#objednavka .zrusit {width: 150px; background: black; color: white; text-align: center; text-transform: uppercase; padding: 12px;
float: left;}

#objednavka .bonus {width: 150px; background: #ff0066; color: white; text-align: center;  text-transform: uppercase; padding: 12px;
float: right;}

.social{
background: url('/images/fb.png') no-repeat;
display: block;
float: left;
height: 422px;
padding: 0px;
position: fixed;
left: -205px;
top: 200px;
width: 232px;
z-index: 1002;
}

.social iframe{
margin-left:-2px;
width: 250px;
	height: 422px;
	float: left;
}

.hiddenVyrobcePopis2 {display: none;}


/* pexeso */
 
#boxcard {
  margin: 0 auto;
  z-index: 1;
  padding-left: 80px;
}

#boxcard div {
	float: left;
  width: 140px;
  height: 140px;
  background: #fff url(http://www.bexy.cz/images/pexeso/pozadibexy.png) repeat-x 50% 50%; 
  margin: 5px;
  padding: 2px;
  border: 1px solid #999;
  cursor: pointer;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
  box-shadow: 0 1px 2px rgba(0,0,0,.5);
  z-index: 2;
}

#boxcard div img {
  border: none;
  width: 140px;
  height: 140px;
  z-index: 3;
}

.opacity {
  opacity: .8;
  filter: alpha(opacity=80);
}

#boxbutton {
  clear: both;
  text-align: center;
  padding: 20px;
}
.pocet {
  padding: 20px;
  clear: both; font-size: 16px;
  }
  .pocet msg {text-transform: uppercase}
.ireset {
  font-weight: bold;
  margin-left: 200px;
  padding: 5px 20px;
  background: #C06;
  border: 0px solid #191919;
  color: #fff;
  font-size: 13px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}   

.link:hover { background: #999; }

.banner-pexeso-kosik, .banner-pexeso {
  display: block;
  width: 60px; height: 60px;
  position: absolute;
  top: 40px; left: 620px;
}

.banner-pexeso {top: 42px; left: 425px;}

.zprava {padding: 6px; text-align: center; font-size: 16px;}