/* ===============================================  G L O B A L  =============================================== */
body						{ background: url(../images/bg-body.gif) no-repeat center top; text-align: center; }
body, td, th,
input, textarea, select		{ font: 62.5% Verdana, Tahoma, "Lucida Grande CE", lucida, sans-serif; }
img, fieldset				{ border: 0 solid; }
h6, h5, h4, h3, h2, h1, p,
ul, ol, li, dl, dd, dt, 
input, select, textarea,   
form, fieldset, body 		{ margin: 0; padding: 0; }   

/* ............................................................................................................ */   
	/* hidden & clear & half */
hr      	{ display: none; }
.hidden	 	{ position: absolute; top: -10000px; left: 0; }
.clr		{ clear: both; height: 1px; font-size: 1px; overflow:  hidden; }
	/* pouzivat acronym - IE nerozezna abbr */
acronym, 
abbr 		{ background: url(../images/dot.gif) repeat-x bottom; border: 0; cursor: help; padding: 0; } 
	/* text */
p			{ font-size: 1.2em; line-height: 140%; color: #2b2b2b; text-align: justify; padding: 0 0 0.7em; }
p#navigation{ padding: 1.5em 0 1.5em 30px; }
	/* seznamy */
ul 				{ list-style-type: none; margin: 0 0 1em; }
li				{ color: #2b2b2b; padding: 0.3em 0 0.3em 20px; }
ul.nobullet li 	{ background: 0; padding-left: 0; }
ol 				{ margin: 0 0 1em; list-style-position: inside; }
ol li			{ background: none; padding: 0; margin: 0.5em 0; list-style-type: decimal; }
	/* tabulky */ 
table			{ width: 100%; margin: 0 0 1.5em; border: 0; border-collapse: collapse; clear: both; background: #fff; }
table th,
table td 		{ font-size: 1.2em; color: #58585A; vertical-align: middle; border: solid #F5F5F5; border-width: 0 0 1px 0; border-collapse: collapse; padding: 0.6em; }
table caption	{ font-size: 1.2em; font-style: italic; padding: 0 0 0.5em; }
table th		{ background: #F2F2F2; font-weight: bold; text-align: left; }
	/* formular */
form input,
form textarea	{ font-size: 1.2em; padding: 3px; border: 1px solid #525252; }	
form input.sub	{ font-size: 1.1em; border: 0; padding: 3px 10px 2px; color: #fff; cursor: pointer; }

/* ============================================================================================================ */
#page		{ width: 1000px; margin: 0 auto; text-align: left; background: url(../images/bg-page.jpg) repeat-y center; }
#page:after	{ content:" "; display: block; clear: both; height: 0px; }
#pagein		{ background: url(../images/bg-pagein.jpg) no-repeat center 295px; padding: 0 20px 0 21px; width: 959px; }
#pagein:after	{ content:" "; display: block; clear: both; height: 0px; }
#head		{ float: left; min-height: 330px; margin: 0 -20px 0 -21px; width: 1000px; background: url(../images/bg-head.jpg) no-repeat center top; position: relative; }
* html #head    { height: 330px; display: inline; }
#main		{ float: left; width: 100%; background: url(../images/bg-main.png) repeat-x top #fff; } 
#main:after	{ content:" "; display: block; clear: both; height: 0px; }
#left		{ width: 259px; float: left; margin: 0 0 0 10px; display: inline; }
#center		{ width: 655px; float: right; padding: 0 15px 0 0; }
#foot		{ float: left; width: 1000px; margin: 0 -20px 0 -21px; padding: 50px 0 0; background: url(../images/bg-foot.png) no-repeat center top #fff;}

	/* horni banery na indexu */
#center #signpost			{ height: 250px; margin: 0 -15px 0 0; }
#center #signpost p span 	{ font-size: 1.1em; font-weight: bold; color: #006c8b; }
	/* horni banery na subpage */
#center #signpost-subpage 		{ width: 100%; }	
#center #signpost-subpage a		{ margin: 0 31px 0 0; }
#center #signpost-subpage a.nm	{ margin: 0;}

#center ul li				{ font-size: 1.2em; background: url(../images/li.png) no-repeat left 8px; padding: 0.7em 0 0.7em 25px; }

#center #detail				{ padding: 0 0 0 30px}
#center #detail h1			{ margin: 0 0 1em -30px; }
#center h1					{ color: #feae05; background: url(../images/detail-h2.png) no-repeat left 50%; padding: 0.2em 0 0.2em 30px; margin: 0 0 1em; }
#center #detail img			{ border: 1px solid #ededed; padding: 5px; margin: 0 0 1em; }
#center #detail img.ico		{ border: 0; padding: 0; margin: 0 3px 30px; }
#center #detail p			{ padding: 0 0 1.4em; }
#center #detail p a.pdf		{ background: url(../images/ico-pdf.png) no-repeat left 50%; padding: 0.7em 0 0.7em 40px; color: #f5a600; }

#center #detail .item		{ float: left; margin: 0 0 20px; width: 620px; }
#center #detail .item h2	{ font-weight: bold; }

#center p.ac { text-align:left;}
#center p.ac img { border: 1px solid #ededed; }
/* --------------------------------------/ LEFT BOX /----------------------------------------------------------- */
	/* novinky */
#left #news			{ background: url(../images/bg-newsp.png) repeat-y; }
#left #newsin		{ background: url(../images/bg-newsb.png) no-repeat bottom; min-height: 330px; padding: 0 15px 15px; }
* html #left #newsin{ height: 330px; }
#left #news h2		{ display: block; position: relative; padding: 0 0 30px; margin: 0 -15px 0; }
#left #news h2 span	{ width: 259px; height: 46px; background: url(../images/bg-news-h3.png) no-repeat; display: block; position: absolute; top: 0; left: 0; z-index: 1; }
#left .news			{ padding:0; overflow:hidden;}
	/* rychle kontakty */
#left #quick-contact		{ padding: 20px 0 20px 10px; }
#left #quick-contact p		{ font-size: 1.1em; line-height: 160%; }
#left #quick-contact p span	{ color: #398700; font-weight: bold; }
	/*** submenu ***/
#left #submenu			{ margin: 0 0 20px; background: url(../images/bg-submenu-top.png) no-repeat top; padding: 17px 0 0; }
#left #submenuin		{ background: url(../images/bg-submenu-pattern.png) repeat-y; }
#left #submenubox		{ background: url(../images/bg-submenu-bot.png) no-repeat bottom; padding: 0 0 19px 1px; }
* html #left #submenubox{ height: 100px;}
	/* 1.uroven */
#left #submenu ul		{ margin: 0;  }
#left #submenu ul li	{ width: 237px; margin: 0; padding: 0 0 0 20px; border-top: 1px solid #fff; margin: 0 0 -2px }
#left #submenu ul li	{ background: url(../images/submenu-li.png) repeat-y;   }
#left #submenu ul li a	{ text-transform: uppercase; color: #fff; text-decoration: none; padding: 0.8em 0 0.8em 20px; display: block; background: url(../images/arrow.png) no-repeat left 8px;  }
#left #submenu ul li a:hover { background: url(../images/arrow-hover.png) no-repeat left 8px;}
	/* 2.uroven */
#left #submenu ul li ul				{ margin: 0 0 0 -20px; background: none; padding: 0; }
#left #submenu ul li ul li 			{ background: url(../images/submenu-li-li.png) repeat-y; padding: 0 0 0 40px; width: 217px; }
#left #submenu ul li ul li a 		{ color: #fff; text-transform:none; background: url(../images/arrow-white.gif) no-repeat left 8px; padding: 0.6em 0 0.6em 15px; }
#left #submenu ul li ul li a.active { background: url(../images/arrow-white-down.gif) no-repeat left 8px; font-weight: bold; }
#left #submenu ul li ul li a:hover		{ background: url(../images/arrow-white-down.gif) no-repeat left 8px; }
	/* 3.uroven */
#left #submenu ul li ul li ul 		{ margin: 0 0 0 -40px; background: none; padding: 0;}
#left #submenu ul li ul li ul li	{ background: url(../images/submenu-li-li-li.png) repeat-y; padding: 0 0 0 55px; width: 202px; }
#left #submenu ul li ul li ul li a	{  color: #000; background: url(../images/arrow-black.gif) no-repeat left 7px; paadding: 0.6em 0 0.6em 15px; }
#left #submenu ul li ul li ul li a.active 	{ background: url(../images/arrow-black-down.gif) no-repeat left 7px; font-weight: bold; }
	/* 4.uroven */
#left #submenu ul li ul li ul li ul				{ margin: 0 0 0 -55px; background: none; padding: 0;}
#left #submenu ul li ul li ul li ul li			{ background: url(../images/submenu-li-li-li-li.png) repeat-y; padding: 0 0 0 72px; width: 185px; }
#left #submenu ul li ul li ul li ul li a		{ color: #fff; background: url(../images/arrow-white.gif) no-repeat left 7px; }
#left #submenu ul li ul li ul li ul li a.active { background: url(../images/arrow-white-down.gif) no-repeat left 7px; font-weight: bold; }
	/* 5.uroven */
#left #submenu ul li ul li ul li ul li ul				{ margin: 0 0 0 -72px; #margin: 0 0 8px -72px;background: none; padding: 0; }
#left #submenu ul li ul li ul li ul li ul li			{ background: url(../images/submenu-li-li-li-li-li.png) repeat-y; padding: 0 0 0 89px; width: 168px; }
#left #submenu ul li ul li ul li ul li ul li a			{ color: #000; background: url(../images/arrow-black.gif) no-repeat left 7px; }
#left #submenu ul li ul li ul li ul li ul li a.active 	{ background: url(../images/arrow-black-down.gif) no-repeat left 7px; font-weight: bold; }

	/* radce */
#help { background: url('../images/bg_help.png') no-repeat left bottom;  margin: 0 0 2em; padding: 0 0 1em;}
#help h2 { background: url('../images/bg_help.png') no-repeat left top; height: 60px; margin: 0; }
#help a { color: #000;}
#help ul { padding: 0 20px;}
#help ul li { padding-left: 0;}
#help ul li a { font-size: 1.2em; text-decoration:none; font-weight:bold; line-height:1.5; }
#help ul li a:hover { font-size: 1.2em; text-decoration:underline; font-weight:bold; line-height:1.5; }

/* --------------------------------------/ TOP BOX /----------------------------------------------------------- */
	/* vyhledavaci form */
#head #hotline				{ position: absolute; top: 64px; riight: 45px; left: 710px; font-size:18px; color:#333300; font-family:Geneva, Arial, Helvetica, sans-serif; }
#head form				{ position: absolute; top: 302px; riight: 45px; left: 710px; }
#head form fieldset		{ border: 0; }
#head form legend		{ display: none; }
#head form input		{ float: left; border: 1px solid #c1c1c1; color: #818181; width: 200px;  }
#head form input.sub	{ border: 0; position: relative; top: -5px; padding: 0 0 0 5px; width: auto }
	/* menu */
#head ul#menu		{ background: url(../images/menu-li-off.gif) repeat-x left top #c20a1e; width: 959px; margin: 5px 0 0 21px; float: left; display: inline;  }
#head ul#menu li	{ float: left; border-left:1px solid #c9545e; background: url(../images/menu-li-off.gif) repeat-x left top #c20a1e; padding:0; margin:0; }
#head ul#menu li a			{ font-size: 11px; font-weight:normal; color: #fff; text-decoration: none; height:26px; display:block; padding:10px 26px 0px 26px;}
#head ul#menu li a:hover	{  background: url(../images/menu-li-on.gif) repeat-x left top #c20a1e;}
/*  .m0 { width:65px; border-left:0;}
.m1 { width:88px;}
.m2 { width:125px;}
.m3 { width:123px;}
.m4 { width:122px;}
.m5 { width:146px;}
.m6 { width:57px;}
.m7 { width:82px;}
.m8 { width:77px;} */

/* --------------------------------------/ FOOT BOX /----------------------------------------------------------- */
#foot p				{ font-size: 1.0em; text-align: center; }
#foot p a.logo		{ padding: 0 10px 0 0; }
#foot p a.logo img	{ position: relative; top: 2px; }
* html #foot p a.logo img { top: 2px}
.hint	{ height: 150px; width: 100%; background: #e2e2e2; border: 1px solid #666;}

/* --------------------------------------/ Dodatky - HNZ /----------------------------------------------------------- */
.video {margin: 20px 0pt; padding:20px; background-color:#f0f0f0; text-align:center; border:1px solid #d9d8d8;}
.item-line { width:100%; height:1px; margin:10px 0; border-top:1px solid #d9d8d8; display:block;}
.hp-navig { width:656px; margin:0 0 20px 0;}
.hp-navig a { width:164px; height:200px; position:relative; display:block; overflow:hidden; float:left; padding:0; margin:0; cursor:pointer;}
.hp-navig a span { text-indent:-9999px; cursor:pointer;}
.hp-navig a.btn01 span { width:164px; height:200px; position:absolute; top:0; left:0; background: url(../images/hp-btn-01.jpg) no-repeat left top; }
.hp-navig a.btn02 span { width:164px; height:200px; position:absolute; top:0; left:0; background: url(../images/hp-btn-02.jpg) no-repeat left top; }
.hp-navig a.btn03 span { width:164px; height:200px; position:absolute; top:0; left:0; background: url(../images/hp-btn-03.jpg) no-repeat left top; }
.hp-navig a.btn04 span { width:164px; height:200px; position:absolute; top:0; left:0; background: url(../images/hp-btn-04.jpg) no-repeat left top; }
.hp-navig a.btn01:hover, .hp-navig a.btn01:hover span, .hp-navig a.btn02:hover, .hp-navig a.btn02:hover span, .hp-navig a.btn03:hover, .hp-navig a.btn03:hover span, .hp-navig a.btn04:hover, .hp-navig a.btn04:hover span { background-position:0 -200px;}

#center .news { border-bottom:1px solid #d9d8d8; padding-bottom:10px;}

.zpet { width:212px; height:34px; display:block; overflow:hidden; position:relative; margin-top:20px; cursor:pointer;}
.zpet span { width:212px; height:34px; display:block; overflow:hidden; position:absolute; top:0; left:0; background: url(../images/button-zpet.jpg) no-repeat left top;}
.zpet:hover, .zpet:hover span { background-position:0 -34px;}

.btn-brands { padding:10px 0 20px 0;}
.btn-brands a { width:191px; height:97px; display:block; overflow:hidden; position:relative; float:left; text-indent:-9999px; cursor:pointer;}}
.btn-brands a span { width:191px; height:97px; display:block; overflow:hidden; position:absolute; top:0; left:0;}
.btn-brands a:hover, .btn-brands a:hover span { background-position:0 -97px;}
.btn-midea { background: url(../images/butt-midea-hover.jpg) no-repeat left top; margin-right:30px;}
.btn-daikin { background: url(../images/butt-daikin-hover.jpg) no-repeat left top; margin-right:30px;}
.btn-panasonic { background: url(../images/butt-panasonic-hover.jpg) no-repeat left top;}

.btn-type { padding:10px 0 20px 0;}
.btn-type a { width:191px; height:191px; display:block; overflow:hidden; position:relative; float:left; text-indent:-9999px; cursor:pointer;}}
.btn-type a span { width:191px; height:191px; display:block; overflow:hidden; position:absolute; top:0; left:0;}
.btn-type a:hover, .btn-type a:hover span { background-position:0 -191px;}
.btn-mobilni { background: url(../images/butt-mobilniklima-hover.jpg) no-repeat left top; margin-right:30px;}
.btn-dumbyt { background: url(../images/butt-dumbytkancelar-hover.jpg) no-repeat left top; margin-right:30px;}
.btn-centralni { background: url(../images/butt-centralniklima-hover.jpg) no-repeat left top;}

.el-eshop { padding:39px 0 0 702px;}
.zel-uspo { position:absolute; left:537px; top:153px;}
.btn-eshop { width:254px; height:154px; position:relative; display:block; overflow:hidden; cursor:pointer;}
.btn-eshop span { width:254px; height:154px; position:absolute; top:0; left:0; background: url(../images/eshop.jpg) no-repeat left top;}
.btn-eshop:hover, .btn-eshop:hover span { background-position:0 -154px;}

.banner-hp { padding-top:20px;}