/***********************************************************************
 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: #EDF1F6 url(../images/background.jpg) 0 0 repeat-x; 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 { background: url(../images/logo.jpg); width: 1119px; height: 218px; display: block; margin: 0 auto; position:relative}
h1 { 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; }

#eshop { float: right; width: 240px; height: 85px; padding: 15px 20px 0 0; text-align: right; }
#eshop a:link, #eshop a:visited { color: #FFC304; font-weight: bold; }
#eshop a:hover { color: white; }

#search { float: right; width: 280px; height: 56px; padding: 15px 20px 0 0; text-align: right; }
#search form { padding: 0; margin: 0; }

/* ********** other ********** */
#content { width: 1119px; margin: 0 auto; background: url(../images/footer.jpg) 2px bottom no-repeat;  }
#inside { margin: 0 0 0 15px; width: 1054px; background: white; padding: 20px; float:left; height:100%; min-height:550px}
* html #inside { margin: 0 0 0 8px; width: 1053px; height: auto !important; height:500px}
#topline { background: white url(../images/topline.jpg) top left no-repeat; width: 1094px; height: 35px; margin: 0 0 0 15px; border-top:1px solid white}
#topline p{ color: black; padding: 7px 0 0 10px; margin: 0; }
#topline p a{ color: black; }
#topline a:hover {color:white }

/* ********** items ********** */
#items { width: 700px; float: left; }

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 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, #items #mapabrno{ width: 680px; height: 400px; border: 1px solid black; margin:10px auto 20px auto; font-size: 11px; line-height:16px;}
#items #mapapraha *, #items #mapazlin *, #items #mapabrno *{ 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{ clear:both;margin: 20px 0 20px 0; background: #eaeae7; padding: 5px 10px; }
#pagelinks a {	margin:5px 7px; font-size:140%}

/* ********** sidebar ********** */
#sidebar { width: 320px; float: right; }

#sidebar h2.boxyellow { width:310px; height:46px; font-size:125%; line-height:46px; background: url(../images/box-yellow.jpg) top left no-repeat; padding: 0 10px 0 0; color:black; text-align: right;  margin:0}
#sidebar h2.boxred { width:310px; height:46px; font-size:125%; line-height:46px; background: url(../images/box-red.jpg) top left no-repeat; padding: 0 10px 0 0; color:black; text-align: right; margin:0 }
#sidebar .boxinside { background: #f4f5f8; border: 3px solid #eaecf2; padding: 8px; width: 298px; margin-bottom: 20px; }

#sidebar p.rss{ text-align: center; padding: 5px; }
#sidebar p.rss img {border:0 none;}
#sidebar p.rss img a:link, #sidebar p.rss img a:visited{text-decoration: none; border: 0 none}

#sidebar ul.links{ margin: 6px 0 6px 25px; padding: 0; }
#sidebar ul.links li { list-style: disc; margin: 0; padding: 2px 0 2px 5px; font-weight: bold; }
#sidebar ul.links a:link, #sidebar ul.links a:visited {color:black;}
#sidebar ul.links a:hover {color:white;}

#sidebar hr{ clear:both; border: 0 none; border-bottom: 2px solid #eaecf2; background: #f4f5f8; color: #f4f5f8; margin:10px }

#sidebar table.calendar caption { margin: 5px auto 0 auto; width: 180px; padding: 0; text-align: center; }
#sidebar table.calendar { margin: 0 auto 0 auto; width: 180px; padding: 0; text-align: center; }
#sidebar table.calendar td { background:#eaecf2}

#sidebar .leftbox { float: left; margin: 3px 7px 3px 0px; line-height: 1px; }
#sidebar .rightbox  { float: right; margin: 3px 0px 3px 7px; line-height: 1px; }
#sidebar img.leftbox { float: left; margin: 3px 7px 3px 0px; line-height: 1px; }
#sidebar img.rightbox { float: right; margin: 3px 0px 3px 7px; line-height: 1px; }

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

/* ********** top menu ********** */
#menu { margin: 0; padding: 0; width: 1094px; height: 46px; position:absolute; top:172px; left:15px}
#menu ol.menu { margin: 0 0 0 0; padding: 0; list-style: none; z-index: 2;}
#menu ol.menu li { position:relative; float: left; list-style: none; width: 156px; margin: 0 0 0 0; padding: 0; text-align: center;  }
#menu ol.menu li.line { background: transparent url(../images/menuline.jpg) top right no-repeat; height:46px; }
#menu ol.menu li a:link, #menu ol.menu li a:visited { color: black; text-decoration: none; font-weight: bold; font-size: 120%; line-height:46px; display: block; padding: 0; margin: 0; }
#menu ol.menu li a:hover{ color: #f05212; background: transparent; text-decoration: none; }
#menu ol.menu li.selected a:link, #menu ol.menu li.selected a:visited { color: #f05212; background: transparent; text-decoration: none; }

#menu ol.menu ol.submenu { display: none; position: absolute; z-index: 3; top: 44px; left: 0; background: #f7dd00; text-align: left; margin:0; padding:0; border:1px solid #c4a200;}
#menu ol.menu ol.submenu li { margin:0; padding:0 2px 0 2px; list-style: none; text-align: left; width:189px}
#menu ol.menu ol.submenu li a:link, #menu ol.menu ol.submenu li a:visited { color: black; text-decoration: none; font-weight: bold; font-size: 110%; line-height: 140%; display: block; padding: 0; margin: 0; border-bottom:1px solid #c4a200; padding:4px 5px 4px 5px; margin:0}
#menu ol.menu ol.submenu li a:hover{background: #f05212; color: white; }
#menu ol.menu ol.submenu li.enhance { background-image: url(../images/enhance.gif); background-position: right 50%; background-repeat: no-repeat; }
#menu ol.menu ol.submenu li.selected a:link, #menu ol.menu ol.submenu li.selected a:visited { color: #f05212; background: transparent; text-decoration: none; }

#menu ol.menu ol.submenu ol.subsubmenu { display: none; position: absolute; z-index: 4; top: -1px; left: 194px; background: #f5cb00; text-align: left; margin:0; padding:0; border:1px solid #ae9000;}
#menu ol.menu ol.submenu ol.subsubmenu li a:link, #menu ol.menu ol.submenu ol.subsubmenu li a:visited { color: black }
#menu ol.menu ol.submenu ol.subsubmenu li.selected a:link, #menu ol.menu ol.submenu ol.subsubmenu li.selected a:visited { color: #f05212; background: transparent; text-decoration: none; }
#menu ol.menu ol.submenu ol.subsubmenu li a:hover{background: #f05212; color: white; }

/* ********** subcategories ********** */
#subcat dt{ font-weight: bold; margin: 1px 0 2px 0; }
#subcat dl{ padding: 2px 0 1px 0px; margin: 0 0 0 0; text-align: left; }
#subcat dd{ padding: 0 0 0 0; margin: 0 0 1px 0; }
#subcat dd a{ display: block; padding: 2px 0 2px 20px; margin: 0 0 0 2px; line-height: 17px; text-decoration: none; border: 1px none; }
#subcat dt a{ display: block; padding: 2px 0 2px 4px; margin: 0 0 0 2px; line-height: 17px; text-decoration: none; border: 1px none; }
#subcat a.active{ background-color: #d8dce7; display:block}
#subcat a.active:hover {color:black}
#subcat a.minifeed {float:right; border:0 none; padding:0; margin:4px 2px 0 3px}
#subcat a.minifeed img {border:0 none; padding:0; margin:0}

/* ********** 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: #ff4f04; padding: 1px; color:white}

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