@media screen{
body{font:76% Tahoma,Verdana,Helvetica,sans-serif;color:#333;text-align:center;background:#FFF url( "/images/bgSite.png" ) center 0 no-repeat;margin:0;padding:0;}
img,fieldset{border:none;}
div,h1,h2,h3,h4,ul,ol,li,form,fieldset,p{margin:0;padding:0;}
table{font-size:100%;}
a{text-decoration:underline;color:#000;}
a:hover{text-decoration:none;}
.reader{position:absolute;z-index:100;top:-10000px;left:0;width:1px;height:1px;overflow:hidden;}
/*odsazeni formularovych policek*/
.fieldMargin{margin-bottom:.3em;}
/* ======================= header page ====================*/
#hPage{width:977px;height:233px;margin:0 auto;text-align:left;background:transparent url( "/images/bgHeader.jpg" ) 100% 0px no-repeat;position:relative;}

#hPage h2{position:absolute;top:14px;left:271px;z-index:10;font-size:20px;height:127px;width:272px;overflow:hidden;}
#hPage h2 span{position:absolute;z-index:300;height:127px;width:272px;top:0;left:0;background:transparent  url( "/images/logo-zuzu.png" ) 0 0 no-repeat;}
#hPage h2 a{cursor:pointer;}

#hMenu{position:absolute;top:0;right:41px;}
#hMenu ul{list-style-type:none;}
#hMenu ul li{float:left;width:auto;margin-right:1px;text-align:center;width:119px;height:71px;font-size:12px;position:relative;}
#hMenu ul li a{color:#388AC6;text-decoration:none;cursor:pointer;}
#hMenu ul li span{width:119px;height:71px;position:absolute;top:0;left:0;}
#hMenu ul li.m, #hMenu ul li.m span{width:128px;}
#hMenu li.m a span{background:transparent url( "/images/buttonWm.jpg" ) 0 -5px no-repeat;}
#hMenu li.a a span{background:transparent url( "/images/buttonWa.jpg" ) 0 -5px no-repeat;}
#hMenu li.f a span{background:transparent url( "/images/buttonWf.jpg" ) 0 -5px no-repeat;}
#hMenu li a:hover{color:#FE6A22;}
#hMenu li.m a:hover span{background:transparent url( "/images/buttonWm.jpg" ) 0 0 no-repeat;}
#hMenu li.a a:hover span{background:transparent url( "/images/buttonWa.jpg" ) 0 0 no-repeat;}
#hMenu li.f a:hover span{background:transparent url( "/images/buttonWf.jpg" ) 0 0 no-repeat;}
#hMenu2 {position:absolute;top:153px;left:0;width:977px;background-color:#3888C5;}
#hMenu2 ul{list-style-type:none;height:42px;}
#hMenu2 ul li{float:left;line-height:42px;text-align:center;width:139px;}
#hMenu2 ul li.last{margin:0;}
#hMenu2 ul li a{display:block;font-size:12px;color:#FFF;text-decoration:none;font-weight:bold;}
#hMenu2 .m1{background:transparent url( "/images/bgButton1.jpg" ) 0 0 no-repeat;}
#hMenu2 .m2{background:transparent url( "/images/bgButton2.jpg" ) 0 0 no-repeat;}
#hMenu2 .m3{background:transparent url( "/images/bgButton3.jpg" ) 0 0 no-repeat;}
#hMenu2 .m4{width:135px;background:transparent url( "/images/bgButton4.jpg" ) 0 0 no-repeat;}
#hMenu2 .m5{width:138px;background:transparent url( "/images/bgButton5.jpg" ) 0 0 no-repeat;}
#hMenu2 .m6{width:138px;background:transparent url( "/images/bgButton6.jpg" ) 0 0 no-repeat;}
#hMenu2 .m7{width:149px;background:transparent url( "/images/bgButton7.jpg" ) 0 0 no-repeat;}
#hMenu2 ul li a:hover{color:#EEE;font-size:13px;}
#hMenu3 {position:absolute;top:195px;left:0;width:977px;}
#hMenu3 ul{list-style-type:none;height:38px;}
#hMenu3 ul li{float:left;font-weight:bold;}
#hMenu3 ul li a{color:#FFF;text-decoration:none;padding:11px;display:block;}
#hMenu3 ul li a:hover{text-decoration:underline;}
.subMenu1{background-color:#FCB714;}
.subMenu2{background-color:#F28020;}
.subMenu3{background-color:#D01601;}
.subMenu4{background-color:#937FB4;}
.subMenu5{background-color:#4C82C2;}
.subMenu6{background-color:#32C2DD;}
.subMenu7{background-color:#ACDB1D;}

.subMenuEmpty{background-color:#EF5FA9;}
/* ======================= body page  =====================*/
#bodyPage{width:985px;height:auto;margin:0 auto;text-align:left;background:transparent url( "/images/bgBody.png" ) 0 0 repeat-y;}
#col1, #col2, #col3{position:relative;float:left;}
#col1{width:162px;margin:8px 0 8px 12px;_margin:8px 0 8px 6px;}
#col2{width:630px;margin:10px 8px 70px 8px;}
#col3{width:152px;margin:8px 0 0 0;}
#homeText{margin:10px 0;}

.mBox{margin:0 0 8px 0;width:152px;background:#FFF6E1 url( "/images/bgMarginBox.gif" ) 0 0 no-repeat;text-align:center;font-size:94%;}
.bgMBBottom{height:18px;background:transparent url( "/images/bgMBBottom.gif" ) 0 0 no-repeat;}
.mBox h3{font-size:150%;font-weight:normal; padding:4px 0;color:#D3230C;}
.mBox h3 a{color:#D3230C;}
.mBox h4{font-size:110%;padding:6px 0 0 0;}
.mBoxContent{margin:0 6px;}
.mBoxContent p{padding:.3em 0 .6em 0;line-height:1.4em;}
/* =================  col 1 =================*/
#handL{position:absolute;top:-8px;left:-12px;width:12px;height:125px;background:transparent url( "/images/bgHand.png") 0 0 no-repeat;}

.mBoxShop{margin:0 0 8px 0;width:152px;background:#FFF6E1 url( "/images/bgBoxShop.gif" ) 0 0 no-repeat;}
.mBoxShop h3{font-size:150%;font-weight:normal; padding:4px 0;color:#937FB4;text-align:center;}
.bgMBShopBottom{height:18px;background:transparent url( "/images/bgMBShopBottom.gif" ) 0 0 no-repeat;}

ul#menuProducts{margin:0 3px}
ul#menuProducts a{display:block;text-decoration:none;_width:100%}
ul#menuProducts,ul#menuProducts li ul,ul#menuProducts li ul li ul{list-style-type:none;}
ul#menuProducts li a{padding:3px 0 3px 6px;border-bottom:1px solid #D7D0DF;}
ul#menuProducts li a:hover{background-color:#E7E1EC;text-decoration:underline;}
ul#menuProducts li a.active, ul#menuProducts li a.active:hover{background-color:#E3DDE8;color:#000;}
ul#menuProducts ul{background-color:#F2F0F7;}
ul#menuProducts ul li a{padding-left:12px;border-bottom:1px solid #E6E2E9;}
ul#menuProducts ul li a:hover{background-color:#F7F0F9;}
ul#menuProducts ul ul{background-color:#F8F7FB;}
ul#menuProducts ul ul li a{padding-left:20px;font-size:11px;border-bottom:1px solid #F5F4F7;}
ul#menuProducts ul ul li a:hover{background-color:transparent;}

/* ===== content col2 ==== */
.errorMessage,.infoMessage{margin:1em;padding:1em 1em 1em 80px;min-height:40px;_height:60px;}
.errorMessage{background:#FFE4E1 url(/images/icons/error.gif) 10px 50% no-repeat;border:1px solid #FFBAB3;}
.infoMessage{background:#EAF7C4 url(/images/icons/info.gif) 10px 50% no-repeat;border:1px solid #BDE340;}

h1{font-size:200%;padding:.2em 0;color:#E6097B;font-weight:normal;letter-spacing:-1px;}
h1 a{color:#E6097B;}
#content h2{font-size:150%;margin:6px 0 4px 0;color:#F48221;}
#content h2 a {color:#F48221;}
#content h3{font-size:120%;margin:.5em 0 .2em 0;color:#E40883;}
#content h4{font-size:110%;margin:.5em 0 0 0;color:#333;}
#content p{line-height:1.3em;padding:0.3em 0 .5em 0;}
#content ul{margin:.1em .2em .7em 1em;padding:.1em .2em .7em 1em;}
#content ul li{margin:0 0 .4em 0;padding:0 0 .4em 0;}

.contentCol1, .contentCol2 {float:left;width:288px;margin:10px;_margin:10px 7px; }
.bgCOrange{background:transparent url("/images/bgCOrange.gif") 0 0 no-repeat;}
.bgCBlue{background:transparent url("/images/bgCBlue.gif") 0 0 no-repeat;}
#content .bgCBlue h2, #content .bgCBlue h2 a{color:#6F568F;}
#content .bgCBlue h3, #content .bgCBlue h3 a{color:#876DA7;}
#content .bgCOrange h2, #content .bgCOrange h2 a{color:#DC9A01;}
#content .bgCOrange h3, #content .bgCOrange h3 a{color:#E4A001;}
.contentCol2{margin:10px 10px 10px 14px;}
.indentContentCol{margin:8px 10px 0 10px;}
.bgCOrangeBottom{height:20px;background:transparent url( "/images/bgCOrangeBottom.gif" ) 0 0 no-repeat;}
.bgCBlueBottom{height:20px;background:transparent url("/images/bgCBlueBottom.gif") 0 0 no-repeat;}

/* === content  table list products === */
#breadcrumb{padding:10px 5px 0 0;}
#content table.listProduct{border-collapse:collapse;width:618px;}
#content table.listProduct caption{font-size:110%;font-weight:bold;text-align:left;margin-bottom:2px;}
#content table.listProduct th{color:#FFF;border:1px solid #FFF;border-bottom:1px solid #927BB3;padding:5px;background-color:#B3A5CB;text-align:left;}
#content table.listProduct th.dark{background-color:#927BB3;font-size:120%;}
#content table.listProduct tr{background-color:#EBE7F1;}
#content table.listProduct tr:hover,table.listProduct tr.hover{background-color:#E6E0ED;}
#content table.listProduct td{padding:.2em .4em;border:1px solid #FFF;color:#000;}
#content table.listProduct td.alignRight, #content table.listProduct th.alignRight{text-align:right;}
/* === content table detail === */
#content .detailColL{float:left;width:270px;text-align:center;padding-top:40px;}
#content .detailColR{float:left;width:260px;}
#content table.detail{width:340px;}
#content table.detail td{border:none; border-bottom:1px solid #E6E2E9;padding:6px;}
#content table.detail td.last{border:none;}
#content table.detail span.price {color:#ff0033;font-size:160%;font-weight:bold;}
#content table.detail .variant{background-color:#f5f4f4;}
#content table.detail .fieldDetail{color:#000;text-align:center;border:1px solid #666;width:25px;font-weight:bold;margin:0px;vertical-align:middle;}
#content table.detail .buttonBasket{vertical-align:middle;}

/*===== path order =====*/
#content table.pathOrder{border:none;margin:0 .5em .5em .5em;background-color:#FFDFF1;}
#content table.pathOrder td{border:none;padding:8px 15px;text-align:center;}
#content table.pathOrder td img{vertical-align:middle;}
#content table.pathOrder tr:hover{background-color:transparent;}
/* formulare v tele stranek */
#content fieldset{background-color:#F2FBFF;border:1px solid #937FB4;padding:2px;margin:1em;}
#content fieldset p{margin:0 1em;}
#content .labelIndent{display:block;float:left;width:165px;margin:0 2px 0 0;text-align:right;}
#content legend{color:#fff;font-weight:bold;padding:4px 6px;background-color:#937FB4;border-bottom:1px solid #7961A3;border-right:1px solid #7961A3;}
#content .field{padding-left:.2em;color:#000;border:1px solid #666;width:200px;}
#content .buttonOk{padding:2px 1px; font-weight:bold;background:#2F86EC url("/images/bg-btn-kosik.png") repeat-x;color:#FFF;border:1px solid #006600;cursor:pointer;}
#content .buttonKo{background:#FF9966 url("/images/button/bgButtonKo.gif") repeat-x;color:#FFF;border:1px solid #BF0000;cursor:pointer;}
/* == form detail == */
#content .detailCart fieldset{margin:0;padding:0;border:none;}
#content form .basket{padding:3px 0;}
#content form .basket .fieldDetail{color:#000;text-align:center;border:1px solid #666;width:25px;font-weight:bold;margin:0;vertical-align:middle;}
#content .detailCart .buttonBasket{width:auto;vertical-align:middle;margin-left:.5em;}
/* == form checkout == */
.fieldTransport{width:40px;background-color:#EDECEC;text-align:right;font:100% Verdana,Arial,Helvetica,sans-serif;border:none;}
.fieldSum{width:80px;background-color:#CDE0CD;border:none;font:100% Verdana,Arial,Helvetica,sans-serif;font-weight:bold;text-align:right;}
/* == button cart == */
#functionCart{text-align:right;margin:1em;}
.sorting{margin:0 .6em .5em 0;background-color:#EDEAF2;}
.fieldSearch{width:200px;border:1px solid #7F9DB9;}
.searchGreen{background-color:#EAF7C4;}
.sorting .boxLeft{float:left;width:300px;padding:5px;}
.sorting .boxRight{float:left;width:300px;text-align:right;padding:5px;}
.sorting fieldset{background-color:#EDEAF2;padding:4px;}
.sorting select{font-size:100%;}
.sorting span{white-space:nowrap;}
.sorting span input{/*position:relative;top:2px;*/ vertical-align: middle;}
.represent{padding:0 0 6px 10px;}
/* ==== content tiles products  ==== */
.tilesProduct{float:left;width:300px;height:auto;border:1px solid #EDEAF2;margin:0 6px 6px 0;}
.tilesProduct .title{height:37px;overflow:hidden;}
.tilesProduct .title h2{margin:5px;line-height:1.2em;font-size:114%;}
.tilesProduct .title h2 a{color:#E6097B;}
.tilesProduct .information{position:relative;height:180px;overflow:hidden;}
.tilesProduct .information img{margin:4px 0 0 4px;}
.tilesProduct .information .fBook{position:absolute;top:3px;left:130px;}
.tilesProduct .information .oldPrice{position:absolute;z-index:10;top:28px;left:135px;text-decoration:line-through;}
.tilesProduct .information .price{position:absolute;z-index:10;top:40px;left:135px;color:#E6097B;font-size:140%;font-weight:bold;}
.tilesProduct .description{position:absolute;z-index:10;top:65px;left:135px;width:156px;height:78px;overflow:hidden;}
.tilesProduct .information .buttonBasket{position:absolute;bottom:5px;left:135px;}
/* ==== content pagination ==== */
#pagination{clear:left;line-height:2.3em;padding:5px .6em;margin:5px auto;background-color:#EDEAF2;}
#pagination a{padding:6px;text-decoration:none;color:#000;margin:2px auto;border:1px solid #D6D1DF;}
#pagination a:hover{text-decoration:underline;border:1px solid #937FB4;}
.current{background-color:#937FB4;color:#FFF;padding:6px;border:1px solid #937FB4;font-weight:bold;}
/* ====================== col3 =========================*/
#col3 #handR{position:absolute;z-index:50;top:-62px;right:-15px;width:51px;height:120px;background:transparent url( "/images/bgHandR.gif") 0 0 no-repeat;}
/*---*/
a.fB{padding-left:20px;background:transparent url( "/images/icons/facebook.gif") 0 50% no-repeat;}
#shareFB{margin:10px;}
#shareFB iframe{border:none;width:450px;}
/* ====== footer body page ===== */
#footer{position:relative;clear:left;color:#FFF;font-size:12px;background-color:#33C3DE;height:41px;padding:0 20px;font-size:90%;margin:0 4px;}
#footer #mime{position:absolute;width:98px;height:112px;left:300px;top:-82px;background:transparent url("/images/bgMime.gif") 0 0 no-repeat;}
#footer #cornerL{position:absolute;width:18px;height:19px;left:0;top:0;background:transparent url("/images/bgFooterCL.png") 0 0 no-repeat;}
#footer #cornerR{position:absolute;width:18px;height:19px;right:0;top:0;background:transparent url("/images/bgFooterCR.png") 0 0 no-repeat;}
#footer #FB{position:absolute;right:24px;top:6px;border:1px solid #FFF;}
#footer p{line-height:41px;}
#footer a{color:#FFF;text-decoration:none;}
#footer a:hover{color:#FFFFCC;text-decoration:underline;}
#counter{display:none;}
/* ========= other =========*/
.imgLeft{float:left;margin:5px 5px 5px 0;}
.imgRight{float:right;margin:5px 0 5px 5px;}
.tAc{text-align:center;}
.width20px{width:20px;}
.width45px{width:45px;}
.floatLeft{float:left;}
.floatRight{float:right;}
.clear{clear:both;}
.cL{clear:left;}
.hiddenBlock{display:none;}
.bold{font-weight:bold;}
.noWrap{white-space:nowrap;}
.textGreen{color:green;}
.textBrown{color:#a52a2a;}
.textRed{color:#F00;}

.pics { height:  232px; width:   232px; padding: 0; margin:  0; }
.pics img { padding: 15px; border:  1px solid #ccc; background-color: #eee; width:  200px; height: 200px; top:  0; left: 0 }
#slideshow { left: 20px }
#nav { width: 300px; margin: 15px }
#nav li { width: 50px; float: left; margin: 8px; list-style: none }
#nav a { width: 50px; padding: 3px; display: block; border: 1px solid #ccc; }
#nav a.activeSlide { background: #88f }
#nav a:focus { outline: none; }
#nav img { border: none; display: block }
.skryte {visibility:hidden;display:block;}
}
@media print{
body{font-family:"Times New Roman CE",Georgia,"Times New Roman",Times,serif;color:#000;}
div{padding:0;margin:0;}
#headerPage,#col1,#col3,#pagination,#advertising,#divisionsBox,.sorting,.basket,.hiddenBlock{display:none;}
fieldset{border:none;border-bottom:1px solid #333;margin:0;padding:0 0 .5em 0;}
h1,h2,h3,h4{page-break-inside:avoid;margin:0;}
h1{font-size:180%;padding-top:0;margin-bottom:.5em;border-bottom:1px solid #000;}
h2,h3{padding:.2em 0 0 0;margin:0;}
h2{font-size:140%;}
h3{font-size:120%;}
p{margin-top:.2em;padding:0;}
a{text-decoration:underline;}
table{border-collapse:collapse;}
td,th{border:1px solid #000;}
th{text-align:left;}
}