/***********************************************************************
 RAF.cz
 Webdesign (C) http://hulan.cz/ - Radek HULAN, 2008
 You CANNOT use this stylesheet, or part of it, without permission!!  
***********************************************************************/

/* ********** basic definitions ********** */
html { padding: 0; margin: 0; background: #0091d5 url(../images/html.jpg) top left repeat-x; } 
body { background: transparent url(../images/body.jpg) top center no-repeat; padding: 0; margin: 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 130%; color: black; }

/* ********** anchors ********** */
a:link, a:visited { text-decoration: underline; color: #0091d6; border: 1px none; padding: 0 2px 0 2px; }
a:hover{ background: #0091d6; color: white; text-decoration: none; }

/* ********** logo ********** */
#logo { width: 830px; height: 150px; margin: 0; position: relative; }

#search { position: absolute; top: 138px; left: 696px; width: 117px; padding:4px 0 0 8px; height:18px; font-weight: bold; color:white; background: #0091d6;}
#search form, #search form input { margin: 0; padding: 0; }
#search #squery {	width:97px; height:14px; border:0 none; font-size:12px; line-height:14px; float:left; padding:0; margin:0}
#search #ssubmit { margin:0; padding:0; float:left; padding:0; }

#icons { position: absolute; top: 138px; left: 626px; color:#0091d6; background: #f0f1f1; text-align: center; }
#icons a, #icons a.active  {padding:0 3px 0 3px; margin:0; font-size:12px; line-height:22px; height:22px; display:block; float:left}
#icons a:link, #icons a:visited {color: #0091d6; text-decoration: none;}
#icons a.active:link, #icons a.active:visited, #icons a:hover {color: white; background: #0091d6;}

a#homepage { position: absolute; width: 125px; height: 120px; top: 10px; left: 9px; background: url(../images/raf.png) top left no-repeat; }
a#homepage:hover { background: url(../images/raf.png) top left no-repeat; }

#header { position: absolute; width:686px; height:120px; top:10px; left: 134px; background: url(../images/logo.jpg) top left no-repeat;}
#header object { padding:0; margin:0}
#headerkosik { position: absolute; background: #f1f1f1 url(../images/kosik.png) top left no-repeat; width: 125px; height: 45px; top: 75px; right: 0px; }
#headerkosik p { margin: 27px 0 0 5px; padding: 0; font-size: 11px; line-height: 11px; color: black; }
#headerkosik p a{color:black}

/* ********** layout boxes ********** */
h1 {display:none}

#content { margin: 0 auto; padding:0; width: 830px; background: white}
#inside { margin: 5px 0 0 0; padding:0; width: 830px; background: url(../images/content.png) top left repeat-y;}
#inside2 { margin: 5px 0 0 0; padding:0; width: 830px; background: url(../images/content-simple.png) top left repeat-y;}

.clearer { clear: both; height: 1px; font-size:1px; line-height:1px}

.items { width: 547px; margin: 0 0 0 7px; padding: 0; float: left; }
.items.wide { width: 680px; margin: 0 0 0 7px; padding: 0; float: left; }

#box-left  {width:125px; margin:0 0 0 9px; padding:0; float:left;}
* html #box-left  {margin-left:4px;}
#box-right  {width:125px; margin:0 9px 0 0; padding:0; float:right;}
* html #box-right  {margin-right:5px;}
#box-right.wide  { margin-bottom:5px; }
#singleproduct {background: url(../images/content.png) top right repeat-y; float:right; width:695px; margin-bottom:5px}

/* ********** menu ********** */
#menu {position:absolute; width:600px; height:22px; left:9px; top:138px; }
#menu h2 { font-size:12px; line-height:22px; height:22px; color: #0091d6; font-weight:normal; float:left; padding:0; margin:0; text-align: center;}
#menu h2 a:link, #menu h2 a:visited{ font-size:12px; line-height:22px; height:22px; color: #0091d6; padding:0 10px 0 10px; margin:0; font-weight:normal; text-decoration: none; display:block;}
#menu h2 a:hover{ background: #0091d6; color:white;}
#menu h2.produkty {width:115px; padding:0 0 0 10px; text-align: left;}
#menu h2.novinky {margin-left:10px;}
#menu h2.active {background:#0091d6; color:white;}
#menu h2.eshoptop {background:gray; color:white;}
#menu h2.active a:link, #menu h2.active a:visited{ background:#0091d6; color:white}
#menu span.divider { display: block; width: 9px; height: 22px; background: url(../images/menu.png) top center no-repeat; float: left; }
* html #menu h2.novinky {width:70px;}
* html #menu h2.onas {width:105px;}
* html #menu h2.download {width:90px;}
* html #menu h2.kontakty {width:70px;}
* html #menu h2.eshop {width:70px;}

/* ********** kategorie ********** */
.categories {width: 125px; margin:0; padding:0}
.categories ul.menu.hidden { display:none }
.categories ul.menu { padding: 0; margin: 0; }
.categories ul.menu li { padding: 0; margin: 0; background: #d9dadb; border-bottom:2px solid #f0f1f1; list-style: none; }
.categories ul.menu li a:link, .categories ul.menu li a:visited { font-size: 11px; line-height: 20px; text-decoration: none; margin: 0; padding:1px 5px 1px 5px; color: black; display:block; width:115px}
.categories ul.menu li.active a:link, .categories ul.menu li.active a:visited { background: #bbcce7; color: black }
.categories ul.menu li a:hover { background: #bbcce7; color: black; text-decoration: none; }

.categories ul.menu li ul.submenu { padding: 0; margin: 0; }
.categories ul.menu li ul.submenu li { text-decoration: none; margin:0; padding:0; list-style: none; border-bottom:1px dotted #686a6d}
.categories ul.menu li.folded ul.submenu  { display: none; }
.categories ul.menu li ul.submenu li a:link, .categories ul.menu li ul.submenu li a:visited { background: #f0f1f1; font-size: 11px; line-height: 18px; margin: 0; padding:1px 5px 1px 5px; color:black; }
.categories ul.menu li ul.submenu li a:hover, .categories ul.menu li ul.submenu li.active a:link, .categories ul.menu li ul.submenu li.active a:visited { background: #bbcce7; color: black; text-decoration: none;}

/* ********** paticka ********** */
#footer { width: 830px; height: 50px; margin: 0 auto; padding: 3px 0 0 0; font-size:10px; color: white; text-align: center;}
#footer a:link, #footer a:visited{ color:white}

/* ********** items ********** */
.items h2, .items .itembody h2 { color: #0091d6; font-size: 13px; line-height: 150%; font-weight: bold; margin: 0 0 5px 0; padding: 0 0 5px 0; }
.items h2 a:link, .items h2 a:visited, .items .itembody h2 a:link, .items .itembody h2 a:visited {text-decoration:none; color:#0091d6;}
.items h3, .items .itembody h3 {color:#424043; font-size:13px; line-height:120%; margin:10px 0 10px 0; clear:both; font-weight:bold; padding:0}
.items .itembody h4 {color:#424043; font-size:12px; line-height:120%; margin:10px 0 10px 0; clear:both; font-weight:bold; padding:0}
.items .itembody h5 {color:black; font-size:11px; line-height:120%; margin:7px 0 7px 0; clear:both; font-weight:bold; padding:0}
.items .itembody h6 {color:black; font-size:10px; line-height:120%; margin:5px 0 5px 0; clear:both; font-weight:bold; padding:0}

.items .itembody p, .items .itembody ul, .items .itembody ol { margin: 4px 0 6px 0; padding: 0; font-weight: normal; color: #000000; text-align: justify; font-size:11px; line-height:16px;}
.items .itembody ul{ margin: 6px 0 6px 5px; padding: 0; }
.items .itembody ul li { background-image: url(../images/li.png); background-repeat: no-repeat; background-position: 5px 9px; list-style: none; margin: 0; padding: 2px 0 2px 20px; }
.items .itembody ol{ margin: 6px 0 6px 20px; }
.items .itembody ol li{ list-style: decimal; }

.items .itembody p.padding {padding:0 5px;} 

.items .morelink { clear: both; margin: 5px 10px 10px 0; text-align: right; }
.items .iteminfo { font-size: 10px; border-top: 1px solid #eaecf2; clear: both; margin: 15px 20px 20px 20px; text-align: left;}

/* ********** images ********** */
.items .itembody img.leftbox { float: left; margin: 5px 15px 5px 0px; padding: 4px; border: 1px solid #bfbfbf; line-height: 1px; }
.items .itembody img.rightbox { float: right; margin: 5px 0px 5px 15px; padding: 4px; border: 1px solid #bfbfbf; line-height: 1px; }
.items .itembody div.box { clear:both; margin: 12px auto 7px auto; text-align: center; font-style: italic; }
.items .itembody div.box img{ border: 1px solid #bfbfbf; padding: 4px; margin: 0 auto; display: block; line-height: 1px; }
.items .itembody img.box{ border: 1px solid #bfbfbf; padding: 4px; margin: 10px 0 10px 0; }
.items .itembody div.box object{ border: 0 none; padding: 0; margin: 0 auto; display: block; line-height: 1px; }
.items .itembody img { border: 0 none; padding: 0; margin: 0; }

.items .itembody .novinka.b1 {	background: #f1f0d5;}
.items .itembody .novinka.b2 {	background: #eaedf8;}
.items .itembody .novinka.b3 {	background: #f0f7d9;}
.items .itembody .novinka.b4 {	background: #f0e8e8;}
.items .itembody .novinka.b5 {	background: #fef7d4;}
.items .itembody .novinka.b6 {	background: #e1f2fc;}
.items .itembody .novinka.b7 {	background: #e6f4e5;}
.items .itembody .novinka.b8 {	background: #fceadf;}

#box-right h2 { font-size:12px; line-height:22px; height:22px; color: white; background: #0091d6; font-weight: normal; padding:0 0 0 10px; margin:0 0 10px 0; text-align: left;}
#box-right h3 {color:#424043; font-size:11px; line-height:120%; margin:0px 0 0 0; clear:both; font-weight:normal; padding:2px 5px}
#box-right h3 a:link, #box-right h3 a:visited{color:#0091d6; text-decoration: none; font-weight:normal; margin:0; padding:0}
#box-right h3 a:hover{color:white}
#box-right .itembody, #box-right .itembody * { font-size:10px; line-height:15px;}
#box-right .itembody { margin:0; padding:2px 5px}
#box-right .itembody p { margin:5px 0 5px 0; padding:0}

.items #novinky .itembody a.image { float: left; margin: 0; padding: 0; line-height: 1px; border: 0 none; width:158px }
.items #novinky .itembody a.image img{ margin: 0; padding: 0; border: 0 none; width:158px }
.items #novinky .itembody a.image:hover { background:none }
.items #novinky .itembody .novinka { width:369px; float: right; margin: 0; padding: 5px 10px 5px 10px; border: 0 none; min-height:130px }
.items #novinky .itembody {padding:0; margin:0;}
.items #novinky .itembody h2 { color: #424043; font-size: 12px; line-height: 150%; font-weight: bold; margin: 3px 0 3px 0; padding: 0 0 5px 0; border-bottom:1px dotted #7c676c }
.items #novinky .itembody h2 a:link, .items #novinky .itembody h2 a:visited { color: #424043; font-size: 12px; line-height: 150%; font-weight: bold; }
.items #novinky .itembody h2 a:hover { color: white}
.items #novinky .morelink { clear: both; margin: 2px 10px 0 0; text-align: right; font-size:11px;}
.items #novinky .line { clear: both; margin: 9px 0 10px 0; padding:0; border-bottom:1px solid #7c676c; font-size:1px; line-height:1px;}
.items #novinky .iteminfo { font-size: 10px; clear: both; margin: 10px 0 0 0; text-align: left; color:#0091d6;}

.items table{ margin: 10px 0 10px 0; background: white; }
.items table.full {width:100%; clear:both}
.items table th { text-align: center; padding: 4px 10px; margin:0; font-weight: bold; color: white; vertical-align: middle; background: #0091d6; }
.items table th.th120 { width:100px}
.items table td.thfoto { text-align:center }
.items table td.thfoto a { text-decoration:none}
.items table td { text-align: left; padding: 3px 8px; margin:0; background: #f0f1f1; vertical-align: top}
.items table td.p { padding-left:20px; padding-right:50px;}
.items table tr.gray th { background:#808388; color:white }
.bigfont {font-size:14px;}
.items table.tricettri th { width:33%}

.items table.none{ border: 0 none; }
.items table.none th, .items table.none td{ border: 0 none; }
.items hr{ clear:both; border: 0 none; border-bottom: 1px dotted #bfb9a4; background: white; color: white; margin:1px 0}
.items table.center {text-align:center; margin:10px auto}
.items table.center td {text-align:center; vertical-align: middle;}
.items table.center th {text-align:center; vertical-align: middle;}
.items table td.center {text-align:center; vertical-align: middle;}
.items table th.center {text-align:center; vertical-align: middle;}
.items table tr.center td, .items table tr.center th {text-align:center; vertical-align: middle;}

.items table.download {width:100%; }
.items table.download th {width:50px; font-size:32px; line-height:32px; vertical-align: middle; height:70px}
.items table.download td {vertical-align: middle;}
.items table.download td.link {width:80px; font-size:11px; text-align: center;}
.items table.download td.popis h2  { color: #424043; font-size: 12px; line-height: 150%; font-weight: bold; margin: 3px 0 3px 0; padding: 0 0 5px 0; border-bottom:1px dotted #7c676c }
.items table.download td.popis p  { font-size:10px; margin:0; padding:0;}
.items table.download form {color:#0091d6; font-size:11px; padding:0; margin:4px 0 0 0;}
.items table.download form select {font-size:11px; padding:0; margin:0}
.items table.download td.line {margin:0; background: white; }
.items table.download hr{ clear:both; border: 0 none; border-bottom: 1px solid #bfb9a4; background: white; color: white; margin:1px 0}

.items table.downloadlist {width:100%}
.items table.downloadlist th {background:#bbcce7; color:black; text-align: left;}
.items table.downloadlist td{background: white; border-bottom:1px dotted #7c676c; vertical-align: middle; }
.items table.downloadlist td.size{width:80px; font-size:10px;}
.items table.downloadlist td.image{width:50px; }
.items table.downloadlist td.empty{width:50px; border:0 none;}
.items table.downloadlist .barva {float:left; display:block; margin:2px 10px 2px 5px; width:20px; height:20px;}

.items ul.news {margin:5px 0 5px 25px; padding:0}
.items ul.news li {list-style: disc; margin: 0; padding: 1px 0 1px 5px;}

.items blockquote { width: 90%; background: #ede6df; padding: 5px 10px 5px 10px; margin: 10px auto 10px auto;  }

.items #breadcrumbs {color: #686a6d; font-size:10px; margin:2px 0 10px 0}

/* ********** kategorie produktu ********** */
.items .productcategory { width: 142px; height: 120px; float: left; margin: 0 19px 12px 19px; }
.items .productcategory.last { margin-right: 0; }
.items .productcategory a.image{margin:0; padding:0; background: none; display:block;}
.items .productcategory a.image img{width:142px; height:97px; display:block}
.items .productcategory a.image span.link{margin:0; padding:0; display:block; width:137px; height:20px; line-height:20px; font-size:12px;}
.items .productcategory a.image:link, .items .productcategory a.image:visited{color:black; text-decoration: none; background: #f0f1f1; margin:0; padding:0}
.items .productcategory a.image:hover{background:#c7d3e5; color: black; text-decoration: none; }

.items #simplelist .productcategory {width:545px; height: 97px; margin:0 0 12px 0}
.items #simplelist .productcategory a.image img{float:left;}
.items #simplelist .productcategory a.image span.link{margin:0; padding:50px 0 0 0; display:block; width: 368px; height:47px; line-height:47px; font-size:12px;}

/* ********** detail produktu ********** */
.items .product div.imginfo {float:left; width:200px;}
.items .product a.imginfo{background: none; margin:0; padding:0;}
.items .product div.productinfo {float:right; width:338px; margin-right:2px;}
.items .product div.productinfo h2{ background: #becebe; color: black; font-size: 13px; line-height: 20px; height: 20px; padding: 0 0 0 10px; margin: 0 0 5px 0; }
.items .product table {clear:both; width:100%; background: none; margin:0 0 5px 0; padding:0; border-top:1px dotted #786a6a; border-bottom:1px solid #786a6a;}
.items .product table td {background: none; border:0 none; color:#0091d6; font-size:11px; line-height:16px; padding:3px 2px; vertical-align: middle}
.items .product table td.price strong {font-size:14px; line-height:18px;}
.items .product table td span.katalog {font-size:13px; color:black; padding:4px; font-weight: bold}
.items .product table td p {margin:0; padding:0; font-size:11px}
.items .product table td.filtr {width:30%; border-right:1px solid #786a6a}
.items .product table td.more {width:40%; border-right:1px solid #786a6a}
.items .productother {float:left; border:2px dotted #d7d2d2; margin:5px 13px 10px 0;}
.items .productother.last {margin-right:0; margin-left:2px}
.items .productother.selected {border:2px solid #0091d6;}
.items .productother a{background:none}
.items .productfinish {clear:both; padding:0; border-bottom: 1px solid #786a6a;}
.items p.ikona {float:left; width:280px;}
.items p.ikona img {margin-right:10px}
.items p.pdfbox {float:left; }
.items p.slevabox {float:right; width:200px; color:#0091d6; }

/* ********** forms ********** */
.items fieldset{ padding: 5px 15px 5px 8px; margin: 10px 10px 5px 10px; text-align: right; border:1px solid #0091d6}
.items .itembody fieldset { text-align: right; }
.items legend{ font-weight: bold; margin-bottom: 5px; padding: 2px 15px 2px 10px; color: white; background: #0091d6; text-align: left}
.items textarea { width: 95%; overflow: auto; clear: both; }
.items form { margin: 10px 0 10px 0; padding: 0; }

form.loginform {	margin:2px; padding:0; text-align: center;}
form.loginform input#loginemail {width:100px; margin:2px;}
form.loginform input#loginpassword {width:100px; margin:2px;}
.items input.eshopbutton, form.loginform input.eshopbutton {background: #0091d6; border:0 none; color:white; margin:2px;}
#box-right ul {padding:0; margin:5px 0 5px 10px;}
#box-right ul li {list-style: none; margin:1px 0; font-size:11px;}
#box-right ul{ margin: 6px 0 6px 5px; padding: 0; }
#box-right ul li { background-image: url(../images/li.png); background-repeat: no-repeat; background-position: 5px 9px; list-style: none; margin: 0; padding: 2px 0 2px 15px; }
#box-right ul.podpora{ margin: 6px 0 12px 2px; padding: 0; }
#box-right ul.podpora li { margin: 0; padding: 2px 0 2px 12px; }

/* ********** mini-styles ********** */
.b{ font-weight: bolder; }
.i{ font-style: italic; }
.z{ font-style: normal; font-variant: small-caps; }
.u{ text-decoration: underline; }
.c,.r{ color: red; }
.m,.l{ color: blue; }
.skip{ display: none; }
.itembody p.center, .center { text-align: center; }
small { font-size: 10px; }
.highlight { background: #f0e68c; color:black}
img {	border:0 none}

/* ********** helpers ********** */
.splitter  {	clear:both;	display:block; font-size:1px; line-height:1px;}
.splitter1  {	clear:both;	display:block; font-size:1px; line-height:1px;  height:1px}
.splitter2  {	clear:both;	display:block; font-size:1px; line-height:1px;  height:2px}
.splitter5 {	clear:both;	display:block; font-size:1px; line-height:1px; height:5px}
.splitter10 {	clear:both;	display:block; font-size:1px; line-height:1px; height:10px}
.splitter15 {	clear:both;	display:block; font-size:1px; line-height:1px; height:15px }
.splitter20 {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:20px; height:20px }
.splitter30 {	clear:both;	display:block; font-size:1px; line-height:1px; height:30px }

/* ********** print ********** */
.printbox {	clear:both;	margin:0 0px 0 570px; padding:5px 0 0 0; text-align: right; }
.printbox a:link, .printbox a:visited {text-decoration: none;}

/* ********** slimbox ********** */
#lbOverlay { position: absolute; left: 0; width: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; left: 50%; overflow: hidden; background-color: #fff; }
.lbLoading { background: #fff url(../images/loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(../images/prevlabel.gif) no-repeat 0% 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { color: #0091d6; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbBottom span { color: black; padding:2px; margin:2px}
#lbCloseLink { display: block; float: right; width: 30px; height: 33px; background: transparent url(../images/closelabel.gif) no-repeat center; margin: 5px 0; }
body.EN #lbCloseLink { background: transparent url(../images/closelabelEN.gif) no-repeat center;}
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }

/* ********** barvičky ********** */
.items table.downloadlist th.barva1, .barva1, .items .product div.productinfo h2.barva1 {background:#94cff3;} /* modra-1 */
.items table.downloadlist th.barva2, .barva2, .items .product div.productinfo h2.barva2 {background:#b6e7a5;} /* zelena-1 */
.items table.downloadlist th.barva3, .barva3, .items .product div.productinfo h2.barva3 {background:#e1f59a;} /* modra-2 */
.items table.downloadlist th.barva4, .barva4, .items .product div.productinfo h2.barva4 {background:#fcfebc;} /* zluta-1 */
.items table.downloadlist th.barva5, .barva5, .items .product div.productinfo h2.barva5 {background:#dcd8cc;} /* hneda-1 */
.items table.downloadlist th.barva6, .barva6, .items .product div.productinfo h2.barva6 {background:#d3cfaf;} /* hneda-2 */
.items table.downloadlist th.barva7, .barva7, .items .product div.productinfo h2.barva7 {background:#ece8ad;} /* zluta-2 */
.items table.downloadlist th.barva8, .barva8, .items .product div.productinfo h2.barva8 {background:#d8dee5;} /* seda-1 */
.items table.downloadlist th.barva9, .barva9, .items .product div.productinfo h2.barva9 {background:#ccd4df;} /* seda-2 */
.items table.downloadlist th.barva10, .barva10, .items .product div.productinfo h2.barva10 {background:#aab6b9;} /* cerna-1 */
.items table.downloadlist th.barva11, .barva11, .items .product div.productinfo h2.barva11 {background:#c3cadf;} /* modra-3 */
.items table.downloadlist th.barva12, .barva12, .items .product div.productinfo h2.barva12 {background:#f8f6b7;} /* cervena-1 */

.categories ul.menu li ul.submenu li.active a.hoverbarva1:link, .categories ul.menu li ul.submenu li.active a.hoverbarva1:visited, .categories ul.menu li ul.submenu li a.hoverbarva1:hover, .items .productcategory a.image.hoverbarva1:hover {background:#94cff3;} /* modra-1 */
.categories ul.menu li ul.submenu li.active a.hoverbarva2:link, .categories ul.menu li ul.submenu li.active a.hoverbarva2:visited, .categories ul.menu li ul.submenu li a.hoverbarva2:hover, .items .productcategory a.image.hoverbarva2:hover {background:#b6e7a5;} /* zelena-1 */
.categories ul.menu li ul.submenu li.active a.hoverbarva3:link, .categories ul.menu li ul.submenu li.active a.hoverbarva3:visited, .categories ul.menu li ul.submenu li a.hoverbarva3:hover, .items .productcategory a.image.hoverbarva3:hover {background:#e1f59a;} /* modra-2 */
.categories ul.menu li ul.submenu li.active a.hoverbarva4:link, .categories ul.menu li ul.submenu li.active a.hoverbarva4:visited, .categories ul.menu li ul.submenu li a.hoverbarva4:hover, .items .productcategory a.image.hoverbarva4:hover {background:#fcfebc;} /* zluta-1 */
.categories ul.menu li ul.submenu li.active a.hoverbarva5:link, .categories ul.menu li ul.submenu li.active a.hoverbarva5:visited, .categories ul.menu li ul.submenu li a.hoverbarva5:hover, .items .productcategory a.image.hoverbarva5:hover {background:#dcd8cc;} /* hneda-1 */
.categories ul.menu li ul.submenu li.active a.hoverbarva6:link, .categories ul.menu li ul.submenu li.active a.hoverbarva6:visited, .categories ul.menu li ul.submenu li a.hoverbarva6:hover, .items .productcategory a.image.hoverbarva6:hover {background:#d3cfaf;} /* hneda-2 */
.categories ul.menu li ul.submenu li.active a.hoverbarva7:link, .categories ul.menu li ul.submenu li.active a.hoverbarva7:visited, .categories ul.menu li ul.submenu li a.hoverbarva7:hover, .items .productcategory a.image.hoverbarva7:hover {background:#ece8ad;} /* zluta-2 */
.categories ul.menu li ul.submenu li.active a.hoverbarva8:link, .categories ul.menu li ul.submenu li.active a.hoverbarva8:visited, .categories ul.menu li ul.submenu li a.hoverbarva8:hover, .items .productcategory a.image.hoverbarva8:hover {background:#d8dee5;} /* seda-1 */
.categories ul.menu li ul.submenu li.active a.hoverbarva9:link, .categories ul.menu li ul.submenu li.active a.hoverbarva9:visited, .categories ul.menu li ul.submenu li a.hoverbarva9:hover, .items .productcategory a.image.hoverbarva9:hover {background:#ccd4df;} /* seda-2 */
.categories ul.menu li ul.submenu li.active a.hoverbarva10:link, .categories ul.menu li ul.submenu li.active a.hoverbarva10:visited, .categories ul.menu li ul.submenu li a.hoverbarva10:hover, .items .productcategory a.image.hoverbarva10:hover {background:#aab6b9;} /* cerna-1 */
.categories ul.menu li ul.submenu li.active a.hoverbarva11:link, .categories ul.menu li ul.submenu li.active a.hoverbarva11:visited, .categories ul.menu li ul.submenu li a.hoverbarva11:hover, .items .productcategory a.image.hoverbarva11:hover {background:#c3cadf;} /* modra-3 */
.categories ul.menu li ul.submenu li.active a.hoverbarva12:link, .categories ul.menu li ul.submenu li.active a.hoverbarva12:visited, .categories ul.menu li ul.submenu li a.hoverbarva11:hover, .items .productcategory a.image.hoverbarva12:hover {background:#f8f6b7;} /* cervena-1 */

/* ********** mapa ********** */
#box-servisni-strediska {position:relative; width:547px; height:200px;}
#box-obchodni-partneri {position:relative; width:547px; height:200px;}

#servisni-strediska {width:340px; height:200px; border:0 none; overflow:hidden; background: url(/mapa/mapa-servis.png); margin:0; padding:0; position:absolute; top:0; left:0;}
#servisni-strediska img {border:none}

#obchodni-partneri {width:340px; height:200px; border:0 none; overflow:hidden; background: url(/mapa/mapa-obchod.png); margin:0; padding:0; position:absolute; top:0; left:0;}
#obchodni-partneri img {border:none}

#box-servisni-strediska h2 { position: absolute; top: 10px; left: 382px; line-height: 36px; height: 62px; width: 155px; padding: 0 0 0 10px; margin: 0; font-size: 12px; font-weight: bold; border: 0 none; background: url(../images/h2-strediska.png) top left no-repeat; color: white; }
#box-obchodni-partneri h2 { position: absolute; top: 10px; left: 382px; line-height: 36px; height: 62px; width: 155px; padding: 0 0 0 10px; margin: 0; font-size: 12px; font-weight: bold; border: 0 none; background: url(../images/h2-obchody.png) top left no-repeat; color: white; }

.mapaform { position: absolute; top: 90px; left: 382px; width: 165px; }
.mapaform h3 { border: 1px solid #d3e4eb; font-size: 11px; font-weight: bolder; line-height: 120%; padding: 3px 8px; margin: 0; background: white; color: #0091d6; text-align: center; z-index:10; position: absolute; top:-8px; left:10px;}
.mapaform .boxform { background: #f1efe3; text-align: center; padding:10px; margin:0; border: 1px solid #d3e4eb; z-index:1;}
.mapaform form { padding:0; margin:5px 0 0 0;}
.mapaform select {width:145px; overflow: hidden; margin:5px 0 0 0;}

.bigblue {padding:2px 10px; color:white; background: #4e93ca; margin-right:40px;}

table.tablemapa {	width:547px;margin:15px 0 10px 0;}
table.tablemapa th{color:#0091d6; background: white;	font-weight: normal; text-align: left; border-bottom: 1px dotted #757064;}
table.tablemapa td { border-bottom: 1px dotted #757064; }

.eshopbox .eshopbutton {float:left;width:250px; height:165px; background: #f2efe3;margin:0 0 20px 0; position:relative;}
.eshopbox .eshopbutton.right {float:right}
.eshopbox .eshopbutton h2 {	color:black; margin:0; padding:0; position:absolute; top:10px; left:10px; font-size:14px;}
.eshopbox .eshopbutton p {padding:0; margin:0; text-align: left;}
.eshopbox .eshopbutton p.image {position:absolute; top:45px; left:10px;}
.eshopbox .eshopbutton p.text {position:absolute; top:45px; left:150px; width:80px; font-size:11px}
.eshopbox .eshopbutton p.link {position:absolute; top:128px; left:140px; width:86px; height:21px; font-weight: bold; padding:0; margin:0; background: url(../images/eshop-more.jpg) top left no-repeat;}
.eshopbox .eshopbutton p.link a {display: block; text-align: center; line-height:21px;}


#sortform .left {float:left; width:265px;}
#sortform .right {float:right; width:265px;}
#sortform p {margin:2px 0 2px 0; padding:0}
#sortform p.center {text-align: center}
#sortform p.pright {text-align: right}
#sortform h2 {background: #0092d6; color:white; padding:2px 0 2px 10px; margin:0 0 10px 0; font-size:12px;}
#sortform input.eshopbutton {width:80px;}
#sortform span.page {padding:3px; background: #b9cce4; color:black;}
#sortform span.info {font-size:10px; font-weight: bold}

.items table.simpletable {width:100%;font-size:11px; border:0 none}
.items table.simpletable th {background:white; color:#0091d6; font-weight:bold; padding:2px 3px;}
.items table.simpletable td {border-bottom: 1px dotted #bfb9a4; padding:1px; color:black}
h2.blue {background: #0092d6; color:white; padding:2px 0 2px 10px; margin:0 0 10px 0; font-size:12px;}
span.blue, p.blue {color: #0092d6}
strong.blue {background: #0092d6; color:white; padding:2px 10px; text-decoration: none}

/* ---------- page link list */
.pagelinks{ clear:both;margin: 10px 0; padding: 7px 0 7px 0; color:black; border-bottom: 1px dotted #bfb9a4; border-top: 1px dotted #bfb9a4; font-size:11px}
.pagelinks a {	margin:3px; text-decoration: none; font-size:12px}
.pagelinks span {padding:3px; background: #b9cce4; color:black;font-size:12px}

.produkt {margin:10px; float:left; width:250px; height:135px; position:relative; overflow:hidden; border:1px solid #e1e1e1;}
* html .produkt {	margin:10px 8px}
.produkt h3 {position:absolute; top:5px; left:5px; margin:0; padding:0;font-size:14px;width:240px;}
.produkt h3 a{text-decoration: none}
.produkt .imginfo {position: absolute; left:0; top:30px;}
.produkt .info {position: absolute; left:80px; top:30px; width:140px; height:40px; font-size:10px; line-height:13px; overflow: hidden;}
.produkt .cena {position: absolute; left:80px; top:75px;}
.produkt .kosik {position: absolute; left:0px; top:115px; background: #f1f1f1; padding:0; width:250px; height:21px; line-height:21px;} 	
.produkt .kosik .ikona {float: right; text-align: right;margin:3px 0 0 0}
.produkt .kosik a.basket {float:left;}
.produkt .kosik span.sleva {color: #0092d6; font-size:11px; padding-left:10px; line-height:21px; float:left;}

#box-right .produktinfo h3 a {font-size:12px;font-weight: bold;margin:0 4px 4px 4px}
#box-right .produktinfo .imginfo {text-align: center;}
#box-right .produktinfo .info {font-size:10px; line-height:13px; padding:0 5px; margin:5px;}
#box-right .produktinfo .kosik {float:right}
#box-right .produktinfo .cena {color: #0092d6; font-size:11px; padding-left:5px;}

.items h2#headline {	margin:0; padding:4px 0; }
.items #itemright {width:330px; float:right;}
.items #itemright h3 {background: #0092d6; color:white; padding:2px 0 2px 10px; margin:20px 0 10px 0; font-size:12px;}
.items .product .purchase {float:left; width:200px}
.items .product form.floatright {float:right; padding:0; margin:0; width:60px; text-align: right;}
.items .product form.floatright input.ks {float:left; width:25px; height:19px; margin:0; padding:0; }
.items .product form.floatright input.basket {margin:0; padding:0; float:right; width:21px; height:21px}

.items h3#totalpricedelivery {	color:white; font-size:16px;}
.items h3.white, .items h3#totalprice {	color:white; font-size:14px;}

.items table.navigace {padding:0; margin:5px 0 10px 0; width:100%}
.items table.navigace td {padding:0; margin:0; }
.items table.navigace h2 {padding:4px 0; margin:0; text-align: center; font-size:13px;}
.items table.navigace h2.darkgray {	background:#808388; color:white; }
.items table.navigace h2.lightgray {background: #f1f1f2;	color:#0092d6; }