/* @@@@@@@@@@@@@@@@@@@@@@@@@@ globální definice objektů  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

body {margin: 0; padding: 0; background: #B8B8B8 url("../comfor/img/bodyBg.png") repeat-x; text-align: center; line-height: 1.2em;}
body, input, select, textarea, table, td, th {font-family: "Arial CE", Arial, sans-serif;font-size: 11px;}

a { color: #f00;}
a:hover {text-decoration: none;}
img {border: none;}

.clear {clear: both; font-size: 0px; border: none; height: 1px; margin-bottom:-1px;  position: relative}
.clear2 {clear: both; position: relative;}
.none {display: none; clear:both}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@ layout  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

#global {
	width: 952px;
	background: #fff;
	position: relative;
	text-align: left;
	margin: 0 auto;
}

.containerBody {
	position: relative;
	width: 945px;
}

.containerBody_2 {
	float: right;
	width: 745px;
	line-height: 1.6em;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@ header  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

#header { height: 145px; oveflow: hidden; background: #B8B8B8 url("../comfor/img/headerBg.png") repeat-x; }
#header #logo { display: block; position: absolute; left: 23px; top: 51px; }
#header #shopTitle { font-size: 18px; margin: 0; background: url("../comfor/img/shopTitleBg.png") no-repeat; position: absolute; left: 199px; top: 41px; padding: 10px 0 10px 12px; }
#header #shopTitle small { display: block; font-size: 11px; color: #999; margin: 2px 0 0 0; }
#header #searchBox { position: absolute; right: 20px; top: 40px; }
#header #topMenu { position: absolute; right: 0px; _right: -7px; top: 103px; height: 40px; margin: 0; padding: 0; list-style: none; overflow: hidden; }
#header #topMenu li { margin: 0px 7px 0px 0px; padding: 0px; width: 143px; height: 40px; float: left; }
#header .topMenu6#topMenu li { width: 118px;}
#header .topMenu7#topMenu li { width: 100px;}
#header .topMenu8#topMenu li { width: 87px;}
#header #topMenu li.first { width: 145px;}
#header .topMenu6#topMenu li.first { width: 120px;}
#header .topMenu7#topMenu li.first { width: 103px;}
#header .topMenu8#topMenu li.first { width: 87px;}
#header #topMenu li a { display: block; color: #000; font-weight: bold; text-decoration: none; background: url("../comfor/img/topMenuABg.png") bottom right no-repeat; height: 20px; _height: 20px; padding: 20px 12px 0 8px;}
#header #topMenu li a:hover { background: url("../comfor/img/topMenuAHoverBg.png") bottom right no-repeat; padding: 20px 10px 0 10px; }
.sForm { margin: 0; padding: 0; }
.sForm fieldset { margin: 0; padding: 0; border: none; width: 164px; position: relative; }
.sForm label { font-size: 9px; display: block; font-weight: bold; }
.sForm .textInput { width: 145px; height: 12px; background:white; color:black }
.sForm .checkInput { width: auto; }
.sForm .formEntCheck label { display: inline; position: relative; bottom: 2px; }
.sForm .submitCont { position: absolute; right: 0; top: 15px; }


/* @@@@@@@@@@@@@@@@@@@@@@@@@@ footer  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
#footer {background: #fff url("../comfor/img/footerBg.png") right bottom no-repeat; margin: 0 0 0 10px 0; padding-top:10px; position: relative; min-height: 50px; _height:50px; clear:both; }
#footer p {text-align: right; font-size: 10px; padding: 10px 20px 10px 0; margin: 0;}
#footer a {color: #000; text-decoration: none;}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@ pravy sloupec  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

#side {width: 191px; background: #fff; margin: 0 0 10px 0;}
#side .sideBox {margin: 0 0 10px 0;}
#side .sideBoxGray {background: #e0e0e0; margin: 0 0 2px 0; padding: 0 0 5px 0;}
#side .sideBox .sForm {margin: 0 0 0 10px;}
#side .redTitle  {background: url("../comfor/img/titleBg.png") right top no-repeat; color: #fff; margin: 0 0 5px 0; padding: 11px 0 10px 10px; font-size: 11px; font-weight: bold;}
#side .redTitle small {font-weight: normal; font-size: 100%;}
#side .redTitleSwitch a {color: #fff;}
#side h3.label {font-size: 100%; color:red; font-weight:normal; padding:0em 1em; margin:0px}
#side hr {height:0px;margin:1em 0px 5px;padding:0px;border:0px; border-top:1px solid white}



#side .sideMenu {margin: 15px 0;}
#side .sideMenu ul {margin: 0; padding: 4px 0 0 10px; list-style: none;}
#side .sideMenu ul li {border:0px;margin:0px;padding:2px 0px;}
#side .sideMenu ul a {color: #000; line-height:1; border:0px; display: block; font-weight: bold; text-decoration: none; margin: 0px 0px 0px 0px; background: url("../comfor/img/gEmpBullet.png") left 2px no-repeat; padding: 0px 3px 1px 14px; }
#side .sideMenu ul ul a {font-weight: normal; margin: 0; background: url("../comfor/img/rSmallBullet.png") 6px 5px no-repeat; padding: 0 3px 1px 14px;}
#side .sideMenu ul a:hover {padding: 0 0 1px 17px;}
#side .sideBoxCart dl {margin: 0;}
#side .sideBoxCart dt {float: left; width: 90px; clear: left;}
#side .sideBoxCart dd {font-weight: bold;} 
#side .textContent {margin: 10px;}
#side .buttonBox {text-align: right; margin: 15px;}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@ uvod @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
.hpTopPromo {position: relative; height: 246px;}
.hpTopMainPromo {position: absolute; left: 0; top: 0;}
.hpTopSidePromo {position: absolute; right: 0; top: 19px; width: 194px; border-bottom: 6px solid #e0e0e0;padding: 0 0 7px 0; }

h2 {
background:transparent url(../comfor/img/titleBg.png) no-repeat scroll right top;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
margin:0pt 0pt 5px;
padding:8px 0pt 10px 10px;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@ menu4  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* nenizsi uroven menu; kontextove zavisla na obsahu stranky */
#menu4 {display:none;background:xtransparent url(../comfor/img/moznosti.gif) top left no-repeat; position:absolute; top:30px; left:207px;z-index:100;xmin-height:16px; xmin-width:50px}
#menu4 span.m4-hover {font-size:10px; color:#FF0000;text-decoration:underline;float:left;}
#menu4 strong {display:none}
#menu4 ul {display:none; background:#e0e0e0;padding:5px 10px 5px 10px;float:left;width:auto; margin:2px 0px 0px 2px}
#menu4:hover ul{display:block} 
#menu4 li {display:block}
#menu4 a {color: #000; display: block; background:#e0e0e0; font-weight: bold; text-decoration: none; margin: 0; background: url("../comfor/img/gEmpBullet.png") left 2px no-repeat; padding: 0px 3px 0px 14px; white-space:nowrap}
#menu4 a:hover {padding: 0px 0px 0px 17px;; xtext-decoration:underline}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@ .categories @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
/* definice leveho panelu (seznam kategorii) */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@ path  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* byva pod kontextovym menu  */
.cPath {
	background: url(/comfor/img/titleBg.png) right top no-repeat;
	position:relative;
	padding-top:2em;
	text-align:right;
	font-size:10px;
	}

.cPath h2 {
position:absolute;top:0px;left:0px;_left:-745px;
	color: #fff;
	margin: 0 0 5px 0;
	padding: 8px 0 10px 10px;
	font-size: 16px;
	font-weight: bold;
	text-align:left;
	background:transparent;
}	
.cPath ul {display:block;margin:10px; }
.cPath ul li {display:inline;padding:0px 1em 0em 0.5em; background: url(../comfor/img/sepPath.png) right 2px no-repeat}
.cPathDolni {display:none}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@ bookmarks  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* zalozky v detailu zbozi */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@ souvisejici  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* seznam clanku - souvisejici informace ke zbozi nebo vysledky hledani v clancich */
.cSouvisejici {clear:both; margin-bottom:15px;}
.cSouvisejici strong { display:block; background: url("../comfor/img/titleBg.png") right top no-repeat; font-size:11px; color: #fff; margin: 0 0 5px 0; padding: 8px 0 10px 10px; font-weight: bold; text-align:left; } 
.cSouvisejici ul strong { display:inline; background: transparent; font-size:11px; color: inherit; margin: 0px; padding: 0px; font-weight:inherit; }
.cSouvisejici ul { list-style: none; margin: 0; padding: 0; }
.cSouvisejici ul li { padding: 0 0 0 15px; background: url("../comfor/img/gEmpBullet.png") left 2px no-repeat; margin: 0; }
.cSouvisejici ul li a { display: block; color: #000; }




/* @@@@@@@@@@@@@@@@@@@@@@@@@@ subcategories  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */


.cSubCategories { margin: 0 0 15px 0; }
.cSubCategories h3 { color: #f00; font-size: 11px; background: url("../comfor/img/gEmpBullet.png") left bottom no-repeat; padding: 0 0 1px 14px; margin: 10px 0 3px 0; }
.cSubCategories ul { display:block; padding: 0 0 1px 14px; margin:0px;}
.cSubCategories li { display:inline; padding:0px; margin:0px;}
.cSubCategories ul a { color: #000; text-decoration: none; }
.cSubCategories ul a:hover { text-decoration: underline; }

/* @@@@@@@@@@@@@@@@@@@@@@@@@@ catalog  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* panely na uvodni strane */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@ upoutavky @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@ konfigurator  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@ dokument2  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@ prodCard  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

.cProdCard {font-size: 90%;float: left;width: 175px;height: 150px;border-top: 1px solid #E0E0E0;position: relative; left: 0; top: 0;margin: 0 8px 8px 0;padding: 0;overflow: hidden;}
.cProdCard h3 {font-size: 11px;line-height:1.2em;height:2.5em;overflow:hidden;color: #f00;background: url("../comfor/img/gEmpBullet.png") left bottom no-repeat;padding: 0 0 1px 14px;margin: 10px 0 3px 0; }
.cProdCard h3 a {color: #f00;}
.cProdCard p {padding: 0 0 0 14px; margin: 0; line-height: 110%;}
.cProdCard .pc-img {position: absolute; bottom: 0; left: 10px; width:100px; height:70px; text-align:center; overflow:hidden }
.cProdCard .pc-price {position: absolute; bottom: 20px; right: 5px;}
.cProdCard .pc-price strong {font-size: 120%; font-weight: bold;}
.cProdCard .pc-avail {padding: 0 0 0 14px;}
.cProdCard .pc-avail strong.avail1 {color: #f00;font-weight: bold;}
.cProdCard .pc-avail strong.avail2 {color: #00c;font-weight: bold;}
.cProdCard .pc-avail strong.avail3 {font-weight: bold;}
.cProdCardLink {width:358px;}
.cProdCardLink h3 {height:1.2em}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@ forms  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

div.form1 div.formHead {	font-size:11px;}
div.formError { 	color:red; 	background-color:black; } 
/* @@@@@@@@@@@@@@@@@@@@@@@@@@ konkretni stranky  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
div.footer div.img img.fRight {display:none}

.cardFile #divLevySloupecSeSnimkem {width:302px; float:right; overflow-x:hidden; margin:0px 15px;}
.cardFile .cf-img {border:1px solid #E6E6E6; width:300px; overflow:hidden;}
.cardFile .rightInfo span.left {font-weight:bold; display:block; float:left; width:125px;}
.cardFile .rightInfo span.price {font-weight:bold;}
.cardFile .rightInfo {margin:15px 0px;}
.cardFile .popis {margin:0px 10px; float:left; width:390px; _width:370px; overflow:hidden;text-align:justify}
.cardFile .rightInfo a {display:block;margin-top:10px;}
.cardFile .cf-bom .tab1 {clear:both;margin-top:15px;}
.cardFile .tab1 {clear:left;margin:10px;width:390px}
.cardFile .cf-links a {color: #000; text-decoration: none; margin: 0; background: url("../comfor/img/gEmpBullet.png") left 2px no-repeat; padding: 0 3px 1px 14px;font:11px/15px "arial ce",arial,sans-serif;font-weight:bold;}
.cardFile .cf-links a:hover {padding: 0 0 1px 17px;color:black}


.cleaner {clear:both; width:0px; height:0px; border:0px; margin:0px; padding:0px; font-size:0px; line-height:0px;}

#divKonf .selKusovnik {width:500px;}

#divSouvisejiciZbozi {clear:both; margin-top:10px;}

#pgObjednavkaEU2v2 .cFormProdejce {MARGIN: 1em auto; WIDTH: 600px}

#pgZbozi #filtry {font: 9px Verdana}
#pgZbozi #filtry .cSubCategories {margin:0}
#pgZbozi #filtry .cSubCategories ul {padding-left:4px}
#pgZbozi #filtry a {color:red}
#pgZbozi #filtry a span {margin-right:5px}

#preview { display:none; position: absolute; z-index:1000; background: transparent url(/img/shadow.png) 5px 5px no-repeat; width: 271px; text-align: center; padding-right:5px;padding-bottom:4px }
#preview div { border: 1px solid #ccc; padding: 10px; background: white url(/img/loading.gif) center center no-repeat; width: 250px; min-height: 120px; text-align: center; }
#preview img { max-width: 250px; _width: 250px; }

/* @@@@@@@@@@@@@@@@@@@@@@@@@@ vlasni css  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
#header #logo {display:block; position:absolute; top: 0px; left: 0px;}
.sForm label {color:white;}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@ ~F~I~N~  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */