/***********************************************************************
 IMAGECZ.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; }
body { background: white; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: small; line-height: 140%; color: black; }

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

/* ********** top logo ********** */
#logo { display:none}

a#homepage { float: left; width: 700px; height: 170px; padding: 0; margin: 0; background: transparent; display: block; }
a#homepage:hover { background: url(../images/logo.jpg); }
a#homepage span { margin-left: -20000px; }

/* ********** other ********** */
#content { margin: 10px auto; }
#topline { display:none }

/* ********** items ********** */
h1 {	color: #000000; font-size:150%; line-height: 140%; font-weight: bold; margin:10px 0 10px 0; padding:0}
h1 a:link, h1 a:visited {color: #000000;  }
h1 a:hover {color: white;  }
h2 {	clear:both; color: #000000; font-size:150%; line-height: 140%; font-weight: bold; margin:10px 0 10px 0; padding:0}
h2 a:link, h2 a:visited {color: #000000;  }
h2 a:hover {color: white;  }
h3 {	clear:both; color: #334c8b; font-size:130%; line-height: 130%; font-weight: bold; margin:10px 0 10px 0; padding:0}
h3 a:link, h3 a:visited {color: #334c8b;  }
h3 a:hover {color: white;  }
h4 {	clear:both; color: #000000; font-size:120%; line-height: 120%; font-weight: bold; margin:10px 0 10px 0; padding:0}
h4 a:link, h4 a:visited {color: #000000;  }
h4 a:hover {color: white;  }
h5 {	clear:both; color: #000000; font-size:110%; line-height: 120%; font-weight: bold; margin:7px 0 7px 0; padding:0}
h5 a:link, h5 a:visited {color: #000000;  }
h5 a:hover {color: white;  }
h6 {	clear:both; color: #fec303; font-size:100%; line-height: 120%; font-weight: bold; margin:5px 0 5px 0; padding:0}
h6 a:link, h6 a:visited {color: #fec303;  }
h6 a:hover {color: white;  }

#items {	display:block;}
#items h1 {	display:block; }

.itembody p, .itembody ul, .itembody ol, .itembody li{ margin: 4px 0 6px 0; padding: 0; font-weight: normal; color: #000000; text-align: justify; }
.itembody ul{ margin: 6px 0 6px 20px; padding: 0; }
.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; }
.itembody ol{ margin: 6px 0 6px 42px; }
.itembody ol li{ list-style: decimal; }

#items blockquote { width: 680px; background: #eaeae7; padding: 5px 10px 5px 10px; margin: 10px auto 10px auto;  }

#items div.enhanced { width: 680px; background: #f4f5f8; padding: 5px; margin: 10px auto 0 auto; border-top:2px solid #eaecf2; }
#items span.enhanced,  #item h2 span.enhanced {color:#0099FF}
#items div.enhanced a:link, #items div.enhanced a:visited {	background: white; padding:1px 3px; margin: 1px 4px; border:1px solid #eaecf2; text-decoration: none; display:block; float:left; font-size:100%}
#items div.enhanced a:hover {	background: #f05212; color: white; text-decoration: none;}

.itembody .produktboxtop { float: left; width: 320px; background: url(../images/produkt-top.jpg) top left no-repeat; padding-top: 46px; margin: 0 0 0 20px; }
.itembody .produktboxtop img { margin: 0 0 0 3px; border: 0 none; }
.itembody .produktboxmiddle { display: block; background: url(../images/produkt-middle.jpg) top left repeat-y; }
.itembody .produktboxmiddle p { margin: 0; padding: 10px; }
.itembody .produktboxmiddle p.image { margin: 0; padding: 0; }
.itembody .produktboxmiddle h3 { display: none; }
.itembody .produktboxbottom { width: 320px; height: 46px; background: url(../images/produkt-bottom.jpg) top left no-repeat; }

.iteminfo { font-size: 85%; border-top: 1px solid #eaecf2; clear: both; margin: 15px 20px 20px 20px; text-align: left;}

/* ********** images ********** */
#items .itembody .leftbox { float: left; margin: 5px 15px 5px 0px; padding: 4px; border: 1px solid #bfbfbf; line-height: 1px; }
#items .itembody .rightbox  { float: right; margin: 5px 0px 5px 15px; padding: 4px; border: 1px solid #bfbfbf; line-height: 1px; }
#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 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; background: #f5cb00; font-weight: bold; color: black; }
#items table td { text-align: left; padding: 3px 8px; margin:0; background: white; border-right:1px solid #d5d3ce; border-bottom:1px solid #d5d3ce; 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 solid #bfb9a4; background: white; color: white; margin:5px 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 span.date { float: right; font-size: small; font-weight: normal; }

#items .morelink { clear: both; margin: 5px 10px 10px 0; text-align: right; }
#items .morelink a:link, #items .morelink a:visited{ font-weight: bold; color: #ff4f04; }
#items .morelink a:hover{ color: white; }

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

/* ---------- mapa */
#items #mapapraha, #items #mapazlin{ width: 680px; height: 400px; border: 1px solid black; margin:10px auto 20px auto; font-size: 11px; line-height:16px;}
#items #mapapraha *, #items #mapazlin *{ color: #000000; font-size: 11px; line-height:16px; text-align: left;}

/* ---------- produkty */
#items .produkt {	width:220px; padding:5px; height:360px; float:left; overflow:hidden; border-right: 1px solid #cdc7b7; border-bottom:1px solid #cdc7b7}
#items .produkt h2 {	font-size:110%; height:40px; overflow:hidden; margin:0 0 5px 0; padding:0}
#items .produkt h2 a:link, #items .produkt h2 a:visited{	text-decoration:none}
#items .produkt .imginfo {	width:220px; height:160px; padding:0; text-align: center; display:table-cell; vertical-align: middle;}
#items .produkt .imginfo * {	vertical-align: middle;}
#items .produkt .imginfo span {padding:0; margin:0;  display: inline-block; height: 100%; }
#items .produkt .imginfo a img{	border:0 none; }
#items .produkt .produktinfo { background: #eaecf2; clear: both; width: 210px; margin: 5px 0 10px 0; padding: 5px; height: 110px; overflow: hidden; font-size: 85%; text-align: justify; }
#items .produkt .koupitinfo { font-weight: bold; font-size: 110%; float: right; }
#items .produkt .cenainfo { font-weight: bold; font-size: 110%; }

#items .koupit { font-weight: bold; font-size: 110%; float: right;padding:0; margin:0}
#items .koupit img {	border:0 none;}
#items .koupit a:link, #items .koupit a:visited {	text-decoration:none; color:#ff4f04}
#items .koupit a:hover {	color:white}

#items table.dokumenty {width:100%; clear:both}
#items table.dokumenty th {width:33%; background: #f5cb00; }
#items table.dokumenty td {width:13%; font-size:85%; text-align: center}

#items table.produkttable {width:100%; text-align: center; margin:10px auto}
#items table.produkttable td {width:33%; text-align: center; padding:5px 0}
#items table.produkttable td h3, #items table.produkttable td p {text-align: center;}
#items table.produkttable img {border:0 none}

#items .sortform{ float: right; width: 340px; text-align: right; }
#items .sortform form { padding: 0; margin: 0; float: right; }
#items .sortform fieldset {border:0 none; border-bottom:1px dotted #012B5D; border-top:1px dotted #012B5D; text-align: right}

#items #avreseni .reseni { width: 339px; padding: 5px; height: 500px; float: left; overflow: hidden; border-right: 1px solid #cdc7b7; border-bottom: 1px solid #cdc7b7; }
#items #avreseni .reseni p{ background: #e9e9e6; padding: 5px 10px; overflow: hidden; font-size: 90%; }
#items #avreseni .reseni p.avreseni{ background: white; padding: 0 0 5px 0; text-align: center; }
#items .itembody p.avreseni img{ float: right; margin: 5px 0px 5px 15px; padding: 4px; border: 1px solid #bfbfbf; line-height: 1px; }
#items #avreseni .reseni img{ border: 5px solid #7f7f7f; padding: 5px; margin: 5px auto; float: none; }
#items #avreseni .reseni h3{ text-align: center; margin-bottom: 0; }

.obchodnipodminky { background: #e9eae6; color: black; margin: 10px auto; padding: 10px; width: 680px; height: 200px; overflow: auto; }

/* ---------- page link list */
#pagelinks{ display:none}

/* ********** footer ********** */
#footer { clear: both; text-align: right; padding: 10px 25px 3px 0; font-size:85%; line-height:130%}

/* ********** top menu ********** */
#sidebar { display:none }
#subcat { display:none }
#menu { 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: 11px; }
.highlight { background: #f0e68c; padding: 1px; color:black}

/* ********** helpers ********** */
.splitter1  {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:1px}
.splitter10 {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:10px}
.splitter15 {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:15px }
.splitter20 {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:20px }
.splitter30 {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top: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;}
.printbox img {	border:0 none}

.noprint { display:none }