/* CSS Document */
body {font-size: 75%; font-family: Arial, Verdana, sans-serif; padding:0px; margin:0px;}
.cleaner { line-height:0; font-size:0; clear:both; }

/* **** Help **** */
.l { display: inline; float: left; }
.r { display: inline; float: right  !important;; }
.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }
.out { position: absolute; left: -2000px; top: -2000px; }
.bold { font-weight: bold; }
.norm { font-weight: normal; }
.br { clear: both; }
.break { height: 1px; font-size: 1px; clear: both; overflow: hidden; visibility: hidden; display:block;}
.small { font-size: 92%; line-height: 1.2;}
.suppress { color: #666666; font-weight: normal; }
.hidden { display: none;  }
.center { text-align: center !important; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.red{color:#E82000;}
.blue {color: #00629B;}
.gray{color:#666666;}
.no-border{border:none;}
.nobr{white-space:nowrap;}
.sprite{position:absolute; top:0px; left:0px; display:block;}
a .sprite{cursor:pointer;}
.arrow{font-size:117%;}
.n-w{white-space:nowrap;}
.no-border {border: none !important;}
.no-bg{background: none !important;}
.print {display: none;}
.big {font-size: 117%;}
.italic {font-style: italic;}
.col-h-l {float: left; width: 48%;}
.col-h-r {float: right; width: 48%;}
.reset{border:0; margin:0; padding:0; list-style:none; background:none;}
.reset li {padding: 0; margin: 0; background: none; list-style: none;}

/* TITLES */
h1{font-size: 150%; padding: 0 0 0 20px; margin: 0 0 0.8em; font-weight: normal;}
h2{font-size: 117%; padding: 4px 0 0px 25px; margin: 1em 0em; text-transform: uppercase; background: url('../img/bg-h2.png') 0 0.3em no-repeat; font-family: verdana;}
h3{margin:1.2em 0 0.4em; font-size:100%;}
h4{margin:0.8em 0 0.5em; font-size:117%; }
h5, h6{margin:0.8em 0 0.5em; font-size:100%;}

/* ANCHORS */
a{color:#fff;} 
a:hover{color:#f5fe00;}

/* PARAGRAPH*/
p{ line-height:1.5; margin: 0.5em 0 1.5em;}

hr {color: #fff; background: #fff; border: 1px solid #EBEBEB; border-width: 1px 0 0; margin: 5px 0; *margin: 10px 0;}

/* LISTS */
ul{ margin: 8px 0px 17px 15px; padding:0px; }
ul li{padding-left:5px; line-height:1.5; margin:0 0 2px 10px; }

ol{list-style:none; margin:0 0px 25px;}
ol li{line-height:1.5; margin:0 0 6px;}

.lower-alpha{list-style:lower-alpha;}
.lower-alpha li{background:none; padding-left:3px; margin-left:30px; margin-bottom:0px;}

/* TABLE */
table{width:100%; padding: 0; margin: 5px 0 15px;  font-size:100%; border-collapse: collapse;}
caption{margin:1.2em 0 0em; padding: 0 0 0.6em; font-size:117%; text-align:left; font-weight:bold;}
td, th{padding:2px 0px 3px; text-align: left;} 


/* IMAGES */
img{border: none;}
img.left {margin:0 15px 5px 0; border: 4px solid #fff; float: left;}
img.right {margin:0 0 5px 15px; border: 4px solid #fff; float: right;}


/* FORM */
form, fieldset {margin:0px; padding:0px; border:0px;}
select {font-weight:normal;}
select option {padding: 0;}
.int-text {border: 1px solid #C0C0C0;}
form .error {color: #ff0000;}
input {font-family: arial; font-size: 100%;}

/* WIDTH */
.w-full {width: 99%; position: relative;}
input.w-full {width: 98%;}


/* VYPIS ZBOZI */
.offer-produkt {	position: relative;	width: 153px;	height: 210px; float: left;	border: 1px solid #6c56d8; padding: 5px;	margin: 3px 5px 7px 0px;overflow: hidden;	}	
.first{	border-top: none;}		
.offer-produkt strong.nazev a {	color: #f5fe00;	font-size: 12px;	display: block;	height: 20px;	margin: 0px 0 0px 0;	text-decoration: underline;}
.offer-produkt strong.nazev a:hover{	color: #fff;	text-decoration: underline;}			
.offer-produkt div.img{	text-align: center;	width: 150px;	height: 160px;	float: left; overflow: hidden;	padding: 0px; margin-bottom: 10px; border-bottom: 1px solid #6c56d8;  }
.offer-produkt div.text{ clear: both; padding: 0px 0px 5px 0px; font-size: 11px;	}
.offer-produkt span.cenat{	font-size: 11px; color: #fff;	font-weight: normal;  margin: 3px 0 0px 0;}			
.offer-produkt span.cenac{	font-size: 11px;	color: #fff;	font-weight: bold;	margin: 0 0 3px 0;}





/* DETAIL ZBOZI */
#zbozi-detail {margin: 20px 0 0 0; padding: 0;}
#image { width: 250px; padding-right: 30px; float: left; font-size: 11px; overflow: hidden; margin-bottom: 10px;	}
#zbozi-detail #image img { border: #e9e9e9 2px solid; padding: 2px;}
#info { float: right; width: 220px; }
h1.nadpis-produktu {font-size: 150%; padding: 0 0 0 0px; margin: 0 0 3px; }
#odrazky{	width: 210px; padding: 10px 0px 0 0px; margin-bottom: 15px; font-size: 11px; }   
#odrazky span.nazev{width: 100px; display: block;float: left;height: 20px;border-bottom: 1px solid #e5e5e5;padding: 5px 0 0 0;	font-weight: bold;}
#odrazky span.hodnota{	width: 110px; display: block;	float: left; height: 20px;	border-bottom: 1px solid #e5e5e5;	padding: 5px 0 0 0;}
#odrazky span.cena{font-weight: bold;font-size: 14px;	color: #fff;	}
#zbozi-detail #popis { margin: 0 0 20px 0; font-size: 12px; }
#vice-fotek { clear: both; margin-top: 44px;}
#vice-fotek .zalozka-fotky { width: 100px; text-align: center; font-weight:bold; margin-right:2px; background-color:#f1f1f1; color:#333; font-size: 11px; padding: 4px 10px 6px 10px; margin: 0; }
#vice-fotek .fotky{ clear:both; border:solid 1px #CFCFCF; border-top:solid 2px #b9b9b9; padding: 5px 0 5px 0; margin: 0; }
#vice-fotek .fotky img { border: #c9c9c9 1px solid; margin: 7px 0 7px 7px;}