@media screen{
body{font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;font-size:70%;color:#333;text-align:center;background:#33ccff url("/images/bgPage.png") 0 3px repeat-x;margin:0;padding:0;}
img,fieldset{border:none;}
div,h1,h2,h3,h4,ul,ol,li,form,fieldset,p{margin:0;padding:0;}
acronym{cursor:help;}
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;}

#master{background-color:#fff;width:1000px;padding:3px;margin:auto}
/* ======================= header page ====================*/
#headerPage{position:relative;margin:0 auto;text-align:left;}
#headerArt{width:1000px;height:156px;background:#9999FF url("/images/headerPhoto.jpg") 0 0 no-repeat;margin-bottom:2px;}
#headerArt h1#logo {position:relative;display:block;color:#4E8100;width:462px;height:101px;margin:0;overflow:hidden;top:33px;left:207px;}
#headerArt h1#logo span {position:absolute;display:block;top:0;left:0;width:462px;height:101px;background:url("/images/logoPage.jpg") 0 0 no-repeat;z-index:2;}
#headerArt img.print{display:none}
#headerArt h1#logo a{cursor:pointer}
#headerBasket{position:absolute;top:45px;right:27px;background:url("/images/basket-shape.jpg") 0 0 no-repeat;width:194px;height:84px;color:#3A462E}
#headerBasket #count{position:absolute;left:53px;top:36px;width:16px;text-align:center;font-size:11px;font-weight:bold;color:#FFF;}
#headerBasket p{margin:0 5px 8px 90px;color:#0066cc}
#headerBasket p.empty{margin:30px 5px 20px 85px;font-weight:bold}
#headerBasket p.price{padding-top:15px;}
#headerBasket a{color:#0066cc;}
#headerMenu{position:relative;height:38px;line-height:38px;background:#e366ad url("/images/bgMenuTop.png") 0 0 no-repeat;width:1000px;}
#headerMenu ul{list-style-type:none;padding:0;margin:0;float:right}
#headerMenu ul li{float:left;background:url("/images/separatorMenuTop.png") 0 1px no-repeat;}
#headerMenu ul li a{float:left;display:block;font-size:100%;height:38px;line-height:38px;color:#FFF;text-decoration:none;text-transform:uppercase;font-weight:bold;padding:0 10px;}
#headerMenu a:hover{color:yellow;text-decoration:underline}
#headerSearch{background: url("/images/search-start.png") 0 100% no-repeat;position:absolute;z-index:60;top:8px;left:15px;width:164px;padding-left:34px;height:24px;line-height:24px}
#headerSearchStart{width:34px;height:24px}
#headerSearch .fieldSearch{width:105px;background:#fff; border:0;margin-bottom:0;padding:3px 1px;float:left}
#headerSearch .buttonSearch{background:#297ee8 url("/images/btn-search.png") 0 0 no-repeat;border:none;width:55px;font-weight:bold;color:#fff;font-size:95%;height:24px;line-height:24px;margin:0;padding:0}

/* ======================= body page  =====================*/
#bodyPage{margin:0;padding-top:3px;text-align:left;background-color:#fff;overflow:hidden}
#col1{float:left;width:200px;overflow:hidden}
#col2{margin:0 202px 3px 202px;width:auto;height:auto;overflow:hidden}
#col3{float:right;width:200px;overflow:hidden}

.searchRed{background-color:#ffcccc;border:1px solid #990033;}
/* =================  col 1 =================*/
#col1 h2.nadpis,#col3 h2.nadpis{color:#fff;background-color:#2F86EC;position:relative;display:block;height:57px;line-height:57px;width:200px;padding:0;margin:0;overflow:hidden}
#col1 h2 span,#col3 h2 span{display:block;position:absolute;left:0;top:0;height:58px;width:200px}
span.shapeKategorie{background:url(/images/h2-kategorie.jpg) 0 0 no-repeat}
span.shapeKontakt{background:url(/images/h2-kontakt.jpg) 0 0 no-repeat }
span.shapeNews{background:url(/images/h2-novinky.jpg) 0 0 no-repeat }
span.shapeTop{background:url(/images/h2-top_zbozi.jpg) 0 0 no-repeat }
span.shapePartneri{background:url(/images/h2-doporucujeme.jpg) 0 0 no-repeat }

.bgTextShape{background-color:#EEF7FA;border-left:1px solid #168baa;border-right:1px solid #168baa;padding-bottom:10px}
.bgShapeEnd{background:url("/images/bg-shape-bott.png") 0 100% no-repeat;padding-bottom:5px;margin-bottom:3px}

ul#menuProducts{margin:0 5px;font-size:110%;}
ul#menuProducts a{display:block;text-decoration:none;padding:3px 0;}
ul#menuProducts,ul#menuProducts li ul,ul#menuProducts li ul li ul{list-style-type:none;}
ul#menuProducts li a{padding:4px 0 4px 10px;background:transparent url("/images/bg-menu-left.png") 50% 100% no-repeat}
ul#menuProducts li a:hover{text-decoration:underline;}
ul#menuProducts ul{background-color:#eef7fa;}
ul#menuProducts ul li a{padding-left:25px;background:#EEF7FA url("/images/bg-menu-left2.png") 6px 100% no-repeat}
ul#menuProducts ul li a:hover{background:#EEF7FA url("/images/bg-menu-left3.png") 6px 100% no-repeat}
ul#menuProducts ul ul{background-color:#F5F9F0;}
ul#menuProducts ul li ul li a{padding-left:35px;background:#EEF7FA url("/images/bg-menu-left4.png") 50% 100% no-repeat}
ul#menuProducts ul li ul li a:hover{background:#EEF7FA url("/images/bg-menu-left5.png") 50% 100% no-repeat}
.novelties{background:transparent url( "/images/icons/novelties.gif" ) 0 50% no-repeat;}
/* === col1 dealer ===*/
.bgDealer{background-color:#FFBD6C;}
#photoDealer{position:relative;float:left;width:58px;}
#textDealer{position:relative;float:right;width:122px;}
/* ===== content col2 ==== */
#content, #contentHome{width:100%;position:relative;}
.errorMessage,.infoMessage{margin:1em;padding:1em 1em 1em 80px;min-height:40px;}
.errorMessage{background:#ffdff1 url(/images/icons/error.gif) 10px 50% no-repeat;border:1px solid #33ccff;}
.infoMessage{background:#ffdff1 url(/images/icons/info.gif) 10px 50% no-repeat;border:1px solid #3366cc;}
.noticeMessage{background-color:#CC99FF;border:1px solid #AC5FFF;padding:1em;}
h1{color:#0066cc;font-size:135%;padding:.3em 5px .6em 5px;}
h1 a{color:#0066cc}
#content h2{font-size:120%;margin:0 0 2px 0;padding:.8em 0 0 .5em;}
#content h3{font-size:115%;margin:.5em 0 .2em .4em;padding-left:3px;color:#333;border-left:2px solid #666;}
#content p{line-height:1.3em;margin:0;padding:0.3em 1em .5em 1em;}
#content ul, #homeText ul {margin:.1em .2em .7em 2em;padding:.1em .2em .7em 2em;}
#content ul li, #homeText ul li{margin:0 0 .4em 0;padding:0 0 .4em 0;}
#content table{font-size:100%;width:98%;border-collapse:collapse;margin-left:5px;border:1px solid #999;}
#content table td{padding:.2em .4em;border:1px solid #E9E9E9;}
#content .imgLeft{float:left;border:1px solid #000;margin:5px;}
#content .imgRight{float:right;border:1px solid #000;margin:5px;}
#homeText{margin:0 .6em 15px .9em;}
#homeText p{line-height:1.3em;margin:0;padding:0.3em 0 .5em 0;}
/* === content  table list products === */
#content table.listProduct{border-collapse:collapse;border-top:3px solid #33ccff;border-bottom:3px solid #33ccff;}
#content table.listProduct caption{font-size:110%;font-weight:bold;text-align:left;margin-bottom:2px;}
#content table.listProduct th{border:1px solid #FFF;border-bottom:1px solid #BCBCBC;padding:.2em .4em;background-color:#BADFFF;text-align:left;}
#content table.listProduct tr{background-color:#DFF0FF;}
#content table.listProduct tr:hover,table.listProduct tr.hover{background-color:#EDF1ED;}
#content table.listProduct td{padding:.2em .4em;border:1px solid #FFF;}
#content table.listProduct td.alignRight, #content table.listProduct th.alignRight{text-align:right;}
/* === content table detail === */
#content table.detail {width:405px;border-top:3px solid #33ccff;border-bottom:3px solid #33ccff;}
#content table.detail th {width:130px;padding:.3em .4em;border:1px solid #EDF1ED;background-color:#EDF1ED;text-align:right;vertical-align:top;}
#content table.detail tr {border:1px solid #EDF1ED;background-color:#F7F9F7;}
#content .detailImg{float:right;margin:30px 10px 5px 5px;border:1px solid #999;}
#content #magnify {position:absolute;top:189px;right:107px;width:22px;height:23px;background:#f1f1f1 url("/images/icons/magnify.gif") 3px 3px no-repeat;border-right:1px solid #999;border-top:1px solid #999; }
#content table.detail fieldset{margin:0;padding:0;border:none;background-color:#F1F1F1;}
#content table.detail .basket{padding:3px;}
#content table.detail .fieldDetail{color:#000;text-align:center;border:1px solid #666;width:25px;font-weight:bold;margin:0;vertical-align:middle;}
#content table.detail .buttonBasket{width:auto;vertical-align:middle;margin-left:.5em;}

#content table.detailItem{margin:10px auto}
#content table.detailItem th{text-align:right;padding:2px 3px;background-color:#EDF1ED;border:1px solid #ddd;width:30%}
#content table.detailItem td{background-color:#fff;border:1px solid #ddd}
/*===== path order =====*/

#content table.pathOrder{border:none;text-align:center;margin:0 .5em .5em .5em;background-color:#FFDFF1;}
#content table.pathOrder td{border:none;padding:8px;}
#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 #666;padding:2px;margin: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:.2em .4em;background:#2F86EC url("/images/bg-btn-kosik.png") 0 0 repeat-x;border:1px solid #666;}
#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;}
/* spatne se vykreslovalo v opere*/
#brand{height:42px;overflow:auto;}
#brandShow{width:200px;background-color:#ffdff1;margin:1em 1em 0 .9em;padding:.2em;border-left:1px solid #c4f0ff;border-top:1px solid #c4f0ff;border-right:1px solid #c4f0ff;text-align:center;}
.sorting{margin:0 .6em .5em .9em;background-color:#ffdff1;}
.sorting fieldset{background-color:#ffdff1;padding:4px;}
.sorting select{font-size:100%;}
.sorting span{white-space:nowrap;}
.sorting span input{/*position:relative;top:2px;*/ vertical-align: middle;}
/* ==== content tiles products  ==== */
.tilesProduct{float:left;width:282px;height:auto;border-right:1px solid #33ccff;border-bottom:1px solid #33ccff;margin:0 .3em .5em .9em}

.tilesProduct .title{height:37px;overflow:hidden;}
.tilesProduct .title h2{margin:5px;line-height:1.2em;font-size:110%;}
.tilesProduct .title h2 a,#col3 h3 a{color:#c50a0a;}
.tilesProduct .information{position:relative;height:180px;overflow:hidden;}
.tilesProduct .information img{margin:4px 0 0 4px;}
.tilesProduct .information .fBook{position:absolute;top:0px;left:130px;}
.tilesProduct .information .brand{position:absolute;z-index:10;bottom:10px;left:5px;width:125px;}
.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;}
.tilesProduct .information .price span{color:#FF0000;font:140% Arial,Verdana,Helvetica,sans-serif;font-weight:bold;}
.tilesProduct .description{position:absolute;z-index:10;top:65px;left:135px;width:142px;height:78px;overflow:hidden;}
.tilesProduct .information .buttonBasket{position:absolute;bottom:5px;left:135px;}

/* ==== content pagination ==== */
#pagination{clear:left;line-height:2.3em;padding:1.3em .6em;margin:1.5em auto .5em auto;text-align:center}
#pagination a{background-color:#2472E1;padding:3px 6px;text-decoration:none;color:#fff;margin:2px auto}
#pagination a:hover{text-decoration:underline;}
#pagination strong{background-color:#d54192;padding:2px 6px;text-decoration:none;color:#fff;margin:2px auto}
.current{background-color:#000;color:#FFF;padding:1px 2px;}
/* ====================== col3 =========================*/
#col3 h3.nadpisNews,#col1 h3{background:url("/images/diamant.png") 0 50% no-repeat;font-size:100%;padding:5px 0 5px 25px;margin:0 5px}
#col3 h3{font-size:120%;}
    #col3 .line{border-bottom:1px dotted #66ccff;width:165px;margin:0 0 6px 10px;}
#col3 p,#col1 p {margin:2px 10px 6px 10px;padding:2px 0 6px 2px;}
#col3 ol li, #col3 ul li{padding:5px 0 5px 0;}
#col3 ul{padding:10px 0 10px 15px}
#col3 ul li {list-style:none;background:url("/images/diamant-red.png") 0 4px no-repeat;padding-left:25px}

/* ====== footer body page ===== */
#footerBodyPage{clear:both;height:38px;line-height:38px;background:#D53E94 url( "/images/bgMenuTop.png" ) 0 0 no-repeat;overflow:hidden}
#footerBodyPage p{color:#FFF;line-height:38px;text-align:center}
#footerBodyPage a{color:#FFF;}
#footerBodyPage a:hover{color:#FFFFCC;}
#counter{display:none;}

/* ========= other =========*/
.tAc{text-align:center;}
.width20px{width:20px;}
.width45px{width:45px;}
.floatLeft{float:left;}
.floatRight{float:right;}
.ma{margin:auto}
.clear{clear:both;}
.hiddenBlock{display:none;}
.bold{font-weight:bold;}
.noWrap{white-space:nowrap;}
.textGreen{color:green;}
.textBrown{color:#a52a2a;}
.textRed{color:#F00;}
}
@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;}
img{float:left;border:none;margin:.5em;}
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;}
}