/* ===============================================  G L O B A L  =============================================== */
body						{ margin: 0; padding: 0; background: url(../images/bg-body.jpg) repeat-x #00B4FF; text-align: center; }
body, tfd, tfh,
input, textarea, select		{ font: 62.5% Tahoma, "Lucida Grande CE", lucida, sans-serif;} 
h6, h5, h4, h3, h2, h1, p,
ul, ol, li, dl, dd, dt, 
input, select, textarea,   
form, fieldset				{ margin: 0; padding: 0; }   
/* ............................................................................................................ */   
                            			/* align */
.fl		{ float: left; }
.fr     { float: right; }
.ac     { text-align: center; }
.ar     { text-align: right; }
                            			/* images */
.il     { float: left; clear: left; margin: 0 1em 0.5em 0; }
.ir     { float: right; clear: right; margin: 0 0 0.5em 1em; }
                            			/* spacing */
.h      { margin: 0 0 0.5em; }
.s      { margin: 0 0 1em; }
.sh     { margin: 0 0 1.5em; }
.d      { margin: 0 0 2em; }
                            			/* hidden & clear */
hr      		{ display: none; }
.hidden	{ position: absolute; top: -10000px; left: 0; }
.clr    		{ clear: both; height: 1px; font-size: 1px; overflow:  hidden; }
/* ============================================================================================================ */   
#page			{ width: 920px; margin: 0 auto; background: url(../images/bg-page-pattern.jpg) repeat-y; text-align: left; }
#page:after		{ content:" "; display: block; clear: both; height: 0px; }
#pagein			{ background: url(../images/bg-page.jpg) no-repeat; padding: 30px 18px 50px; height: 100%; }
#pagein:after	{ content:" "; display: block; clear: both; height: 0px; }
#klima #head	{ background: url(../images/bg-head2.jpg) no-repeat; height: 134px; position: relative; }
#elekt #head	{ background: url(../images/bg-head.jpg) no-repeat; height: 134px; position: relative; }
#stavm #head	{ background: url(../images/bg-head1.jpg) no-repeat; height: 134px; position: relative; }
#center			{ float: right; width: 629px; background: #fff; padding: 20px 0 0 30px; }
#left			{ float: left; width: 225px; background: url(../images/bg-left-phone.jpg) no-repeat top left #fff; }
#foot			{ float: left; background: url(../images/bg-foot.jpg) no-repeat; height: 79px; width: 720px; padding: 50px 0 0 200px; }

/* --------------------------------------------/ TOP BOX / ----------------------------------------------------- */
#head img	{ border: 0; margin: 0 0 0 18px; }
#head ul.link			{ list-style-type: none; /*margin: -33px 30px 0 0; float: right;*/ width: 380px; position: absolute; top: 30px; right: 40px; }
#head ul.link li			{ margin: 0 5px 3px; width: 180px; height: 25px; text-align: center; padding: 12px 0 0; float: left; display: inline; }	
#head ul.link li a		{ color: #fff; text-decoration: none; font-size: 1.1em; font-weight: bold; }
#head ul.link li a:hover	{ text-decoration: underline; }
#head li.b1			{ background: url(../images/head-button1.jpg) no-repeat; }
#head li.b2			{ background: url(../images/head-button2.jpg) no-repeat; }
#head li.b3			{ background: url(../images/head-button3.jpg) no-repeat; }
#head li.b4			{ background: url(../images/head-button4.jpg) no-repeat; }
	/* top menu */
#top-menu				{ float: left; background: #013774; width: 824px; min-height: 21px; padding: 6px 30px 0;  display: block; }
* html #top-menu		{ height: 21px; }
#top-menu ul			{ list-style-type: none; background: #013774; float: right; }
#top-menu ul li			{ float: left; color: #fff; }
#top-menu ul li a		{ font-size: 1.2em; color: #fff; text-decoration: none; padding: 0 15px 0; }
#top-menu ul li a:hover	{ text-decoration: underline; }

/* --------------------------------------------/ LEFT BOX / ----------------------------------------------------- */
#menu 				{ list-style-type:none; width: 210px; z-index:100; float:left; margin: 0 0 15px; }
#menu ul 			{ list-style-type:none; }
#menu li 			{ float:left; width: 210px; margin: 0 0 1px; background: #E5E5E5; border: 1px solid #D6D6D6; font-size: 1.2em; font-weight: bold; }
#menu li a			{ background: url(../images/menu-li-active.gif) no-repeat 10px 12px;  text-indent: 30px; padding: 0; display: block; width: 180px; color: #013774; text-decoration: none; }
#menu li a:hover	{ text-decoration: underline; }
#menu li a span		{ display: block; padding: 8px 0;}
#menu table 		{ border-collapse:collapse; padding:0; margin:0 -1px -1px; font-size: 1em; /* 1.6*/ }
#menu :hover, 			
#menu :hover > a 	{ z-index:500; white-space:nowrap;}
#menu,
#menu ul			{ visibility: visible; width: 210px; }
#menu ul li 		{ background: #F7F7F7; background-image: none; border: solid #D6D6D6; border-width: 1px 0 0; font-weight: normal; color: #4A6F98; width: 210px; margin: 0; }
#menu ul li a		{ padding: 3px 0 3px 40px; text-indent: 0; background: none; width: 170px }
#menu ul ul,
#menu ul ul ul		{ position: absolute; left:-9999px; width: 210px; }
#menu ul :hover,
#menu ul ul :hover 	{ position: relative; z-index:100; }
#menu ul :hover ul	{ display:block; position:absolute; left: 130px; top:5px; height:auto; z-index:500; background: url(../images/bg-ulul.jpg) no-repeat top right; padding: 5px 5px 0 0; border: solid #D6D6D6; border-width: 0 0 1px 1px; }
#menu ul :hover ul ul { visibility: hidden }
#menu ul :hover ul :hover ul { visibility: visible; display:block; position:absolute; left: 130px; top:5px; height:auto; z-index:500; background: url(../images/bg-ulul.jpg) no-repeat top right; padding: 5px 5px 0 0; border: solid #D6D6D6; border-width: 0 0 1px 1px;}
#menu :hover ul :hover ul li, 
#menu :hover ul :hover ul li a 			{ font-size: 0.9em; }
#menu :hover ul :hover ul :hover 		{ z-index:500;  }
#menu a:hover ul a:hover ul li a:hover 	{ background: none; } /* nepochopitelny ale bez toho IE nefunguje */
	/* contact */
#contact		{ margin: 20px 0 30px 80px; }
#contact p		{ color: #DD0000; font-size: 1.2em; font-weight: bold; text-decoration: underline; padding: 0 0 10px; }
#contact a		{ color: #367CCB; }
#contact a:hover{ text-decoration: none; }
#contact ul		{ list-style-type: none; font-size: 1.2em;  }
	/* nejprodavanejsi */
#best-selling				{ width: 210px; margin: 10px 0 0;  }
#best-selling h3			{ font-size: 1.3em; text-transform: uppercase; border-bottom: 2px solid #013774; color: #013774; padding: 0 0 5px 5px; margin: 0 0 10px; }
#best-selling #in			{ background: url(../images/bg-item-pattern.jpg) repeat-x bottom #fff; border: 1px solid #c7c7c7; padding: 20px 0 0; }
#best-selling .sell-item 		{ padding: 0 0 20px; }
#best-selling .sell-item h4 	{ font-size: 1.2em; color: #013774; text-align: center; padding: 0 0 20px;  }
#best-selling .sell-item h4 span{ color: #DD0000; }
#best-selling .sell-item p 		{ text-align: center; }

/* --------------------------------------------/ CENTER BOX / ----------------------------------------------------- */
#center h1		{ font-size: 2em; text-transform: uppercase; color: #013774; font-weight: bold; text-decoration: none; padding: 1em 0 1.5em; }
#center h2		{ font-size: 1.8em; text-transform: uppercase; color: #013774; font-weight: bold; text-decoration: none; padding: 1em 0 1.5em; }
#center h3		{ font-size: 1.5em; text-transform: uppercase; color: #013774; font-weight: bold; text-decoration: none; padding: 1em 0 1.5em; }
#center h4		{ font-size: 1.4em; text-transform: uppercase; color: #013774; font-weight: bold; padding: 1em 0 1em; }
#center p		{ font-size: 1.3em; color: #013774; padding: 0 0 0.5em; }
#center li		{ font-size: 1.3em; color: #013774; padding: 0 0 0.2em; margin-left:1em; }
#center p span	{ color: #DD0000; font-weight: bold; }
#center a		{ color: #367CCB; }
#center a:hover	{ text-decoration: none; }
	/*** item ***/
#center .item			{ width: 625px; background: url(../images/bg-item-pattern.jpg) repeat-x bottom #fff; border: 1px solid #C7C7C7; padding: 20px 0 20px; margin: 10px 0 0; }
#center .item:after		{ content:" "; display: block; clear: both; height: 0px; }
#center .item .left		{ float: left; width: 260px; }
#center .item .right	{ float: right; width: 360px; }
	/* right side of item box */
#center .item .right p	{ color: #013774; text-align: justify; padding: 0 20px 0.5em 0; font-size: 1.2em; }
#center .item .right dl	{ margin: 0 0 20px 0; font-size: 1.1em; width: 300px; color: #013774;font-weight: bold; } 
#center .item .right dl.small	{ width: 220px !important; float: left; } 
#center .item .right dt	{ width: 100%; float: left; padding: 0.4em 0; margin-bottom: -100px; background: url(../images/bg-dd.gif) repeat-x bottom; } /* solves MSIE 3px bug */
#center .item .right dd	{ margin-left: 10em; padding: 0.4em 0; }
#center .item .right a.order	{ width: 149px; height: 25px; display: block; color: #fff; padding: 7px 0 0; margin: 10px 0 0; font-size: 1.2em; text-decoration: none; background: url(../images/button-order.jpg) no-repeat; text-align: center; font-weight: bold; }
#center .item .right a.order:hover	{ text-decoration: underline; }

#center .item .right ul.list			{ float: left; list-style-type: none; margin: 0 0 0 15px; }
#center .item .right ul.list li			{ font-size: 1.1em; color: #013774; font-weight: bold; padding: 0 0 5px 35px; }
#center .item .right ul.list li span	{ color: #E70000; }
#center .item .right ul.list li.ico1	{ background: url(../images/ico-1.gif) no-repeat; width: 33px; height: 25px; padding: 5px 0 5px 35px; }
#center .item .right ul.list li.ico2	{ background: url(../images/ico-2.gif) no-repeat; width: 33px; height: 30px;}
#center .item .right ul.list li.ico3	{ background: url(../images/ico-3.gif) no-repeat; width: 35px; height: 27px;}
#center .item .right ul.list li.ico4	{ background: url(../images/ico-4.gif) no-repeat; width: 32px; height: 29px;}
#center .item .right ul.list li.ico5	{ background: url(../images/ico-5.gif) no-repeat; width: 25px; height: 24px;}

#center .item .right a.letak	{ float: left; height: 25px; display: block; color: #013774; padding: 0 10px 0 20px; margin: 0 0 0.5em; font-size: 1.2em; background: url(../images/link2.gif) no-repeat;  }
#center .item .right a.navod	{ float: left; height: 25px; display: block; color: #013774; padding: 0 0 0 20px; margin: 0 0 0.5em; font-size: 1.2em; background: url(../images/link1.gif) no-repeat;  }
	/* left side of item box */
#center .item .left p	{ text-align: center; }
#center .item .left dl	{ margin: 0 0 20px 20px; font-size: 1.0em; width: 240px; color: #013774;font-weight: bold; } 
#center .item .left dt	{ width: 100%; float: left; padding: 0.3em 0; margin-bottom: -100px; background: url(../images/bg-dd.gif) repeat-x bottom; } /* solves MSIE 3px bug */
#center .item .left dd	{ margin-left: 11em; padding: 0.3em 0; }

/* --------------------------------------------/ FOOT BOX / ----------------------------------------------------- */
#foot img		{ float: left; padding: 0 20px 0 0; margin: -7px 0 0; }
#foot ul		{ list-style-type: none; float: left; width: 520px; }
#foot ul li		{ font-size: 1.1em; color: #BA0916; float: left; padding: 0 12px 0 0; }
#foot a			{ color: #BA0916; text-decoration: none; }
#foot a:hover	{ text-decoration: underline; }

#mapa ul li { font-size: 1em;  padding: 0 12px 0 0; }