/***********************************************************************
 raf.cz
 Webdesign (C) http://hulan.cz/ - Radek HULAN, 2008
 You CANNOT use this stylesheet, or part of it, without permission!!  
***********************************************************************/
/***********************************************************************
 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: white; 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 { display:none }

#search { display:none}

#icons { display:none }

a#homepage { display:none }

#header { display:none}

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

#content { background: white}
#inside { background: white;}
#inside2 { background: white;}

.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  {display:none}
#box-right  {display:none}

/* ********** menu ********** */
#menu {display:none}

/* ********** kategorie ********** */
.categories {display: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;}

.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 { 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.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}

/* ---------- page link list */
#pagelinks{ clear:both;margin: 0; padding: 0; color:black; text-align: right}
#pagelinks a {	margin:0 3px; font-size:100%; text-decoration: none}
#pagelinks{ clear:both;margin: 0; padding: 0 10px; color:black}
#pagelinks span {margin:0 3px; padding:2px; color:black}

/* ********** 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;}

form  {display:none}

/* ********** 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; padding: 1px; 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}
.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 {	display:none}