/* ie5mac hide \*/ 
html{height:100%;margin:0;padding:0} 
/* end */ 
html,body,form,ul,ol{padding:0;margin:0}

body	{
	text-align: center;
	min-width:760px; /* for mozilla*/
	height:100%;
}

.ct {
	margin:auto;
	width: 758px;
	/*width: 760px;*/
	text-align: left;
	height:99.9%;
	min-height:100%;
	position:relative;
	overflow:visible;
	border:1px #FFA3C2;
	border-style: none solid solid solid;
}
/* ie5mac hide \*/
* html .ct{width:760px}
/* end */
html>body .ct{height:auto} /*for mozilla as IE treats height as min-height anyway*/
#main{width:100%}

#top{
	position:absolute;
	top:0;
	left:-1px;
	width:760px;
	height:72px;
	overflow: hidden;
	color: #000000;
	z-index:200;
	background-color: #FFFFFF;
	border-bottom: 1px solid #FFA3C2;
}

/* ie5mac hide \*/
* html .ct, * html #top {width:760px}
/* end */


#ln {
	position:relative;/*ie needs this to show float */
	width:142px;
	float:left;
	padding-top:72px; /*needed to make room for header*/
	background-color: #ECECEC;
	border: 1px #FFA3C2;
	border-style: none solid solid none;
}

#cc { /* center column content - text*/
	float:left;
	width: 450px;
}

#rn {
	position:relative;/*ie needs this to show float */
	width:150px;
	float:right;
	padding-top:0px;/*needed to make room for header */
	background-color: #FFFFFF;
	border-style: none; /*temp*/
}

#footer {
	width:758px;
	/* width:760px; */
	clear:both;
	height:50px;
	text-align:center;
	left:0;
	margin-top:5px;
	position: absolute;
}
* html #footer {margin-bottom:-1px}/* ie rounding bug*/
* html #footer {/* only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
}

div,p  {margin-top:0} /*clear top margin for mozilla*/

#content { /* centerText + right Menu */
	padding-top:72px; /*make room for header*/
	float: right;
	width:605px;
}

#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */
html >body #minH{float:left;width:0px;height:100%;margin-bottom:-52px} /*safari wrapper */

/* Catalog Nav */
#cn {
    z-index:201;
	position: absolute;
	margin: 49px 0 0 141px;
	line-height: 16px;
}

html>body #cn {
	margin: 51px 0 0 142px;
}


/* Links anchors */
#cn a {
	/* color:#000000; */
	background: #ECECEC;
	padding:0 15px;
	border:1px solid #FFA3C2;
	position:relative;
	top:2px;/* for ie5 */
	height:17px;
	voice-family: "\"}\""; 
	voice-family:inherit; 	
	top:1px;/* ie mac gets this */
	height:auto;
	padding:2px 15px 3px;
}
/*ie5 jumps this next style because of voice family hack above - It must follow immediately */
/* ie5mac hide \*/ 
#cn a {top:2px;height:auto;padding:2px 15px 3px}
/* end */ 

/* fonts */
#ln, #top, #cn, #footer, h1, h2, h3, .hd, #akc .bct {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif}
#cc, #rn, table, td  {font-family: "Arial CE", Arial, 'Trebuchet MS', sans-serif}
#ln, #footer, #bsl,.fp li {font-size: 11px}
h3, #cc, #rn, table, td {font-size: 12px}
h2, #cn, #top {font-size:13px}
#lo h1 {font-size:16px}
#cc h1 {font-size:19px;letter-spacing:1px;text-transform:uppercase}

#ln h3, #rn h3 {font-weight:normal}
.bprice {font-weight:bolder}
.hd, .cit {font-weight:bold}

#ln a, #tn a:hover, #cn a, a:hover {text-decoration:none}
.listprice {text-decoration:line-through}
#ln a:hover, #tn a {text-decoration:underline}

#rm h3, .bct h3, .itm {text-align:center}
.cit {text-align:right}
.price, .nbr, .subtotal {white-space:nowrap}
.fl, #logo {float:left}

img, table {border:0}

#tn {float:right;margin-top:5px}
#logo {margin-top:13px}
#copy, #bn {margin-top:7px}

/* colors */
#dz #ln, #dz #bsl, #akc, #promo, #vo {background-color:#FFEAF2}
#pz #ln, #cref, #pz #bsl {background-color:#EAF5FF}
#kz #ln, #awd  {background-color:#FFF7EA}
#iz #ln, #nm, #tz #ln {background-color:#F5FFEB}
#dor {background-color: #FFFFEC}
#bsl {background-color:#ECECEC}

a:link, a:visited {color: #3366CC}
a:hover {color:#CC0033}
a:active {color: #FF9933}

#cc h1 {color:#C0D279}
#ln h3, #cc h2, .hb .hd {color:#cc0033}
.bprice, .price, .discount {color:#990000}


#akc .emp {color:#CC0033;white-space:nowrap;}
.cit {color: #999966}
#rn h3 {color: #000000}

#cn a:hover {border-bottom-color: #FFFFFF}
#cn a#sel {border-bottom: 1px solid #FFFFFF}
#cn a:hover, #cn a#sel {background:#FFFFFF}

/* headers */
#cc h1 {margin: 10px 0 0 0}
#cc h2,#cc h3 {margin: 10px 0 3px 0}
.hd {padding:12px 0 4px 0}
.hd {padding:4px 0 8px 0}
#ln h3 {margin: 8px 0 8px 8px}
#rn h3 {margin: 2px 8px 3px 8px}
.bct h3 {padding-top:0px}
.hb {border:1px solid #CCCC99;padding: 8px 12px 8px 20px;margin: 24px 12px 0 0;}
.itm {padding:8px}

/* margins*/
#ln #hledat, #ln .arow, #ln ul, .ml8 {margin-left:8px}
#ln #hledat {padding-top:8px}
.mt8 {margin-top:8px}
ul.vinfo {margin-top:0.2em}

/* lists */
ol {list-style-position: inside}
ul {list-style-type: none}

#ln li {line-height:1.2em;margin-bottom:0}
#rn li {margin: 0.4em 0 0.6em 0}
.hb li, #dor li {padding-left:10px; background: url(http://www.cosmo.cz/i/ul_dot.gif) no-repeat 0 7px;margin-bottom: 0.2em;} 
.fp li, li.dot {padding-left:20px; background: url(http://www.cosmo.cz/i/ul_dot.gif) no-repeat 8px 6px;} 
.dt li {padding-left: 10px; margin-top: 0.5em; background: url(http://www.cosmo.cz/i/ul_dot.gif) no-repeat 0px 6px;}
 
.fp {margin-top:0.5em;}
#rsn li, .vinfo li, #to li, .arrow li {padding-left:10px; background: url(http://www.cosmo.cz/i/parr.gif) no-repeat 0px 2px; margin-bottom: 0.5em}

/* right nav boxes */
#rn .vb {border: 1px #FFA3C2; border-style: solid none solid solid;margin-top: 20px}
#rn .bct {padding:8px; background-color:#FFFFFF; border-top: 1px solid #FFA3C2}

/* central text */
#cc .bct {border-top:1px solid #CCCC99;padding:0.5em}
.cx:after {content:".";display:block;font-size:0px;line-height:0px;height:0;clear:both;visibility:hidden}
.cx {display: inline-table}
/* ie5mac hide \*/
* html .cx {height:1%}
.cx {display:block; height:100%}

.cl {display:block;font-size:0px;line-height:0px;height:0;clear:both;margin-top:0.5em;}
#cc h3 {clear:both}
strong.std {font-weight: normal;}


#lo #cc {width:550px}
/*#to #cc {width:605px}*/
/*#to #content {width:666px;  min-height: 1200px; } */

#lo h1 {color: #CC6600; margin:0; padding-top: 1em; padding-bottom:0.25em;letter-spacing: normal;text-transform: none}
#index h1 {color: DimGrey; font-size:11px; letter-spacing: normal;text-transform: none; font-weight: normal; text-align: center;}

.requiredItemLabel, .tableHeader, .errorItemLabel, .label, .tlacitko, .tlacitko1 {font-weight: bold}
.label {color:#000000}
.errorMessage {color:#990000}
.errorItemLabel {color:#FF0000}
.tableHeader {background-color:#E7E7E7; height:2em}
.rowDiv {background-color:#E7E7E7; margin:0; padding:0; height:2px}
.tlacitko1 {color:#339933}
.vb .content {margin: 2px 0 12px 0;}
.vb .description {background-color:#EAF5FF; padding: 0.2em; text-align:center;}
.sklad {color: #339933;font-weight: bold}
/* lista */
#topLista {
padding: 1px 0 0 0;
margin: 0;
clear: both;
font: 10px Trebuchet, Arial, Helvetica, sans-serif;
color: #696969;
height: 16px;
background: #ffffff url(http://www.cosmo.cz/i/lista.gif) repeat-x;
text-align: center;
}

#topLista li {list-style: none; display: inline;padding-right: 20px;}
#topLista h1 {font: normal 10px Trebuchet, Arial, Helvetica, sans-serif; display: inline;}
li.start {margin-left:-210px;}
#topLista a {color: #5a6982;text-decoration: none;}
#topLista a:hover {color: #cc0033;}

#zl {z-index:203;position: absolute;margin:39px 0 0 660px;}
#index h1 {color:#cc0033;font-size:19px;}

.nobr { white-space: nowrap; }