/***********************************************************************
 parfemy-moda.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: #cab8ac} 
body { background: white ; padding: 0; margin: 0; font-family: Verdana, Geneva, 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: #a82424; 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}

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

#items { width: 520px; margin: 15px auto; padding: 10px 0 0 0; float: left; }
* html #items {margin-left:5px}

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

.hr {	background: white url(../images/hr.png) top left no-repeat; height:5px; margin: 2px 0 2px 0; padding:0; border:0 none; color:white; clear:both}

/* ********** levy sloupec ********** */
#box-left { display:none}

/* ********** kategorie ********** */
.categories {display:none}

/* ********** pravy sloupec ********** */
#box-right { display:none }

/* ********** paticka ********** */
#footerline { display:none}
#footer { display:none}

/* ********** items ********** */
#items h2 { color: #a82424; background: url(../images/hr.png) bottom left no-repeat; font-size: 110%; line-height: 150%; font-weight: bold; margin: 10px 0 10px 0; padding: 0 0 5px 0; }
#items h2 a:link, #items h2 a:visited {text-decoration:none; color:#a82424;}
#items h2 a:hover {color:white}

#items .itembody h3 {color:black; font-size:100%; line-height:120%; margin:10px 0 10px 0; clear:both; font-weight:bold; padding:0}
#items .itembody h4 {color:black; font-size:100%; line-height:120%; margin:10px 0 10px 0; clear:both; font-weight:bold; padding:0}
#items .itembody h5 {color:black; font-size:90%; line-height:120%; margin:7px 0 7px 0; clear:both; font-weight:bold; padding:0}
#items .itembody h6 {color:black; font-size:85%; 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:90%}
#items .itembody ul{ margin: 6px 0 6px 5px; padding: 0; }
#items .itembody ul li { background-image: url(../images/li.jpg); 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 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: #a82424; vertical-align: middle; background: #ede5d0; }
#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: #f9f7ef; border-right:1px solid #ede5d0; border-bottom:1px solid #ede5d0; 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 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: 500px; background: #ede6df; padding: 5px 10px 5px 10px; margin: 10px auto 10px auto;  }

.iteminfo { font-size: 85%; border-top: 1px solid #eaecf2; clear: both; margin: 15px 20px 20px 20px; text-align: left;}
#items p.description {	font-size:90%; margin:5px 0 10px 0; font-style: italic;}

#items #filtr {height:30px; background: #ede6df; cursor: pointer; color: white; font-weight: bold; font-size: 80%; padding: 2px 0 0 40px; line-height: 25px}
#items #filtr.hidden {background: url(../images/filtr-hidden.png) top left no-repeat; }
#items #filtr.show {background: url(../images/filtr-show.png) top left no-repeat; }

#items #filtrcontent { padding: 5px 10px 5px 10px; background: white; border:1px solid #dccf9e; display:none; width:473px}
#items #filtrcontent.show {display:block}
#items #filtrcontent.hidden {display:none}
#items #filtrcontent h3 { color: black; font-weight: bold; font-size: 100%; margin: 0 0 5px 0; padding: 0; clear: both; }
#items #filtrcontent label {margin-right:10px; display:block; width:105px; float:left}
#items #filtrcontent form {margin:0; padding:0}
#items #filtrcontent form a:link, #items #filtrcontent form a:visited, #items #filtrcontent form a:hover { border: 0 none; background: none; }
#items #filtrcontent hr { border: 0 none; border-bottom: 1px solid #dccf9e; margin: 0 20px 4px 20px; padding: 8px 0 0 0; height: 1px; font-size: 1px; line-height: 1px; background: white; color: white; clear: both; }

#items #sortform { background: url(../images/sort.png) top left no-repeat; padding: 7px 15px 7px 10px; height:32px}
#items #sortform form { padding:2px 0 0 0; margin:0}
#items #sortform .right { float: right; text-align: right; color:black; margin:2px 2px 0 0}
#items #sortform .right a { text-decoration: none; color: black; margin-left: 5px; }
#items #sortform .right a:hover { color: white; }
#items #sortform .right a.active { background: #f7efd0; color: black; padding:2px 4px 2px 4px}

img.minikosik {float:left; margin:0 0 5px 5px;}

#items #breadcrumbs {color: #a82424; font-size:85%; margin:0 0 10px 0}
#items #breadcrumbs a{color:#cabb86}
#items #breadcrumbs a:hover{color:white}

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

/* ********** detail produktu ********** */
#items #produkt-box-left {	float:left; width:340px;}
#items #produkt-box-right {	float:right; width:140px;}

#items .otherlinks {text-align:right; float:right; margin:0 0 5px 0;}

#items .bigimage { float:right; margin:5px; padding:1px; border:1px solid #aaaaaa }
#items .smallimage {	float:right; margin:5px; padding:1px; border:1px solid #aaaaaa}
#items .bigimage a:link, #items .bigimage a:visited{	background: none; padding:0; }
#items .smallimage a:link, #items .smallimage a:visited{	background: none; padding:0; }
#items p.small {clear:both; margin:3px; font-size:70%; font-style: italic; text-align: right}

#items #produkt-box-left .box { background: #f9f7ef; width: 100%; border: 1px solid #ede6df; padding: 5px; margin:0 auto 10px auto}
#items #produkt-box-left .box table {width:100%;; margin:0; padding:0}
#items #produkt-box-left .box table th {color: #a82424; background: #f9f7ef; border:1px solid #dccf9e; width:125px; border:0 none; text-align: left; padding:0}	
#items #produkt-box-left .box table td {background: white; border:0 none; padding:2px 2px 2px 5px}	
#items #produkt-box-left .box span.red {color:red; font-weight: bold;}
#items #produkt-box-left .box span.gray {color:gray; font-size:80%}
#items #produkt-box-left .box.box2 { background: #f7f4f1; width: 100%; border: 1px solid #ede6df; padding: 5px; margin:5px auto 10px auto}
#items #produkt-box-left .box input.ks { width:20px;}
#items #produkt-box-left .box label {padding-left:10px}

#items #produkt-box-right p.ikona img { margin: 0 0 0 5px;  padding:0; text-align: right; float:right}

#items table.white {width:100%;margin-top:15px}
#items table.white th{width:50%;}
#items table.white td{width:50%;}
#items table.white h3{margin:3px}
#items table.white td.small .itembody {font-size:85%; line-height:125%;}
#items table.white span.red {color:red; font-weight: bold;}
#items table.white span.gray {color:gray; font-size:80%}
	
#items table.superwhite {width:100%;margin-top:15px}
#items table.superwhite th{width:50%;background:white;border:0 none}
#items table.superwhite td{width:50%;background:white;border:0 none}
#items table.superwhite .produkt {float:none; margin:5px auto;}


/* ********** 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 .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 ********** */
/* ********** forms ********** */
#items fieldset{ padding: 5px 15px 5px 8px; margin: 10px 10px 5px 10px; text-align: right; background: #f9f7ef; border:1px solid #dccf9e}
#items .itembody fieldset { text-align: right; }
#items legend{ font-weight: bold; margin-bottom: 5px; padding: 2px 15px 2px 10px; color: #a82424; background: #f9f7ef; border:1px solid #dccf9e; text-align: left}
#items textarea { width: 95%; overflow: auto; clear: both; }
#items form { margin: 10px 0 10px 0; padding: 0; }
#items input.eshopbutton {	background:#aa2628; color:white; padding:0px 10px; text-align: center; border:1px solid #d85155; border-right:1px solid #571315; border-bottom:1px solid #571315; margin:2px}
#items input.eshopbutton:hover {	color:yellow; }

/* ---------- mapa */
#items #mapa { width: 500px; height: 400px; border: 1px solid black; margin:10px auto 10px auto; font-size: 11px; line-height:16px; background: url(../mapa/mapa.jpg) top left no-repeat}
#items #mapa *{ color: #000000; font-size: 11px; line-height:16px; text-align: left;}

/* ********** 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}
img {	border:0 none}

/* ********** helpers ********** */
.splitter1  {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:1px}
.splitter5 {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:5px}
.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;}

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

/* SMOOTHBOX */
#TB_window { font-size: 90%; color: #333333; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
#TB_secondLine { font: x-small; color: #666666; }
#TB_window a:link {color: #a82424; font-weight:bold}
#TB_window a:visited {color: #a82424; font-weight:bold}
#TB_window a:hover {color: white;}
#TB_overlay { position: absolute; z-index: 100; top: 0px; left: 0px; background-color: #000; }
#TB_window { position: absolute; background: #ffffff; z-index: 102; color: #000000; border: 2px solid #a82424; text-align: left; }
#TB_window img { display: block; margin: 15px 0 0 15px; }
#TB_caption{ height: 25px; padding: 7px 30px 10px 25px; float: left; font-weight:bold}
#TB_closeWindow{ height: 25px; padding: 11px 25px 10px 0; float: right; }
#TB_closeAjaxWindow{ padding: 5px 10px 7px 0; margin-bottom: 1px; text-align: right; float: right; }
#TB_ajaxWindowTitle{ float: left; padding: 7px 0 5px 10px; margin-bottom: 1px; }
#TB_title{ background-color: #e8e8e8; height: 27px; font-weight:bold}
#TB_ajaxContent{ clear: both; padding: 2px 15px 15px 15px; overflow: auto; text-align: left; line-height: 1.4em; }
#TB_ajaxContent p{ padding: 5px 0px 5px 0px; }
#TB_load{ position: absolute; display: none; height: 100px; width: 100px; z-index: 101; }
#TB_HideSelect{ z-index: 99; position: absolute; top: 0; left: 0; background-color: #fff; border: none; }
#TB_iframeContent{ clear: both; border: none; margin-bottom: -1px; margin-top: 1px; }
* html #TB_iframeContent{ margin-bottom: 1px; }

/* ********** produkt ********** */
.produkt { width: 158px; height: 295px; float: left; margin: 5px 5px 5px 3px; background: url(../images/produkt.png) top left no-repeat; overflow:hidden; }
* html .produkt {margin-left:2px;}
#darek .produkt, .nejprodavanejsi .produkt {	float:none; margin:5px auto}
.produkt.first {	margin-left:0; }
.produkt.third {	margin-right:0; }
.produkt h3 { color: #a82424; margin: 0; padding: 0; font-size: 90%; line-height: 13px; height:30px; font-weight: bold; text-align: center; overflow:hidden;}
.produkt h3 a:link, .produkt h3 a:visited { color: #a82424; text-decoration: none;  }
.produkt h3 a:hover { color: white}

body>#content .produkt .imginfo { width: 158px; height: 130px; display: table; text-align: center; }
body>#content .produkt .imginfo a {  display: table-cell; vertical-align: middle; width:100%; height:100%; background: none; padding:0; margin:0}
body>#content .produkt .imginfo span {  display: none }
body>#content .produkt .imginfo a img { border:0 none; vertical-align: middle;}

#IEroot .produkt .imginfo {	width:158px; height:130px; padding:0; margin:0; text-align: center; }
#IEroot .produkt .imginfo * {	vertical-align: middle; }
#IEroot .produkt .imginfo a {  background: none; padding:0; margin:0}
#IEroot .produkt .imginfo span {padding:0; margin:0;  display: inline-block; height: 100%; }
#IEroot .produkt .imginfo a img{	border:0 none; }

.produkt p.info { margin: 5px 0 2px 0; padding: 0 7px 0 7px; font-size: 80%; line-height: 14px; color: #716b5d; height:55px; overflow:hidden; }
.produkt p.sleva { margin: 0 0 2px 0; padding: 0; font-size: 75%; line-height: 14px; height:14px; overflow:hidden; color: black; text-align: center}
.produkt p.sleva .red{ color: black}
.produkt p.cena { margin: 0; padding: 0; font-size: 95%; line-height: 18px; color: #716b5d; text-align: center}
.produkt p.cena strong { font-size: 100%; color: #ef0019}
.produkt p.kosik {text-align: center; padding:0; margin: 9px 0 0 0; }
.produkt p.kosik a { display:block; background: url(../button/produkt-buy.png) top left no-repeat; width: 70px; height: 19px; margin: 0 auto; padding: 2px 0 0 0:}
body.DE .produkt p.kosik a { background: url(../button/DEprodukt-buy.png) top left no-repeat; }
body.SK .produkt p.kosik a { background: url(../button/SKprodukt-buy.png) top left no-repeat; }

/* ********** produkt ********** */
#zbozi .zbozi { width: 157px; height: 126px; background: url(../images/zbozi.jpg) top left no-repeat; float: left; position: relative; margin: 0 0 10px 12px; }
#zbozi .zbozi.first { margin-left: 0; }
#zbozi .zbozi h2 { position: absolute; top: 2px; left: 5px; margin: 0; padding: 0; text-transform: uppercase; border: 0 none; background: none; }
#zbozi .zbozi h2 a:link, #zbozi .zbozi h2 a:visited{ font-size: 90%; border:0 none }
#zbozi .zbozi div.image{ position: absolute; top: 42px; left: 30px; }
#zbozi .zbozi div.image a:hover{ background: none; border:0 none }