/* CSS Document */
@charset "iso-8859-2";
div#obal {
		width: 810px;
		position: relative;
		margin: 20px auto; 
		text-align: left;
		background:url(obrazky/pozadie.png) repeat-y;
}
/* Spolocne styly */
* {margin: 0; padding: 0;}
body {margin-left: 7px; font: small/1.7 Verdana, Arial, lucida, helvetica, sans-serif; background-image: url(obrazky/bg2012.jpg); color: #333;}

.clear {clear: both;} 

/* Hlavne menu */

#menu {display: table; width: 810px; height:42px; background-image:url(obrazky/menu.png); }
#menu ul {list-style-type: none;}
#menu li.akcie {float: left;width: 79px;line-height: 2.5em;position: relative;	margin:0 0 0 4px;font-size: 16px;color:#ff9600;}
#menu li.onas {float: left; width: 65px; line-height: 3em; position: relative;margin:0 0 0 4px}
#menu li.vlozky {float: left; width: 127px; line-height: 3em; position: relative; margin:0 0 0 4px;}
#menu li.kachle {float: left; width: 131px; line-height: 3em; position: relative; margin:0 0 0 4px;}
#menu li.komin {float: left; width: 75px; line-height: 3em; position: relative; margin:0 0 0 4px;}
#menu li.materialy {float: left; width: 91px; line-height: 3em; position: relative; margin:0 0 0 4px;}
#menu li.rozvody {float: left; width: 91px; line-height: 3em; position: relative; margin:0 0 0 4px;}
/*KLIMATIZACIA  #menu li.prislusenstvo {float: left; width: 104px; line-height: 3em; position: relative; margin:0 0 0 4px;} */
#menu li.kontakt {float: left; width: 85px; line-height: 3em; position: relative; margin:0 0 0 4px;}
#menu li {float: left; width: 139px; line-height: 3em; position: relative;}
#menu li a {display: block; font-weight: bold; text-align: center; background: transparent; color: #ffffff; text-decoration: none;}
#menu li ul {position: absolute; display: none;  width: 140px;}
#menu li ul.wider {width: 170px}
#menu li li {width: 100%;}
#menu li li a {padding: 2px 3px 2px 7px; line-height: 1.4em; font-weight: normal; text-align: left; border-right: 1px solid #999; border-bottom: 1px solid #999;}

/* Hover efekty */
#menu li:hover a, #menu li.hover a {color: #000000; background: #f8f8f8;}
#menu li:hover ul, #menu li.hover ul {display: block;}
#menu li:hover li a, #menu li.hover li a {background: #ddd;}
#menu li:hover li a:hover, #menu li.hover li a:hover {color: #000; background-color: #f8f8f8;}

/* Hacky pre IE 5.x a IE 6 */

* html body {font-size: x-small;} 
* html .clear {line-height: 0;}
* html #menu li a {width: 100%;}
* html #menu {width: 810px;}
* html #menu li {behavior: url(hover.htc)}



/* ostatne */
div#hlavicka {
		height: 350px;
		background-image:url(obrazky/hlavicka.gif);
}

/* vlavo */
div#vlavo{ float:right;
		width:165px;
		margin:0 20px 0 0;
}
div#vlavo1{ float:right;
		width:165px;
		margin:180px -165px 0 0;
}
div#vlavo2{ float:right;
		width:165px;
		margin:330px -165px 0 0;
}
/* vpravo */
div#spv a {
		display: block;
		width: 90px;
		height: 70px; 
		position: absolute;
		top: 560px;
		left: 770px;}
div#spv a span {
		display: block; 
		position: absolute;
		top: -1400px;}


/* obsah */
div#obsah {
	color:#000000;
	margin: 0px 177px 0 10px;
	padding: 2em;}
	
.nadpis {
		font-family:"Monotype Corsiva";
		font-size:24px;
		color:#ff9600;
}
p.p {
		font-family:"Monotype Corsiva";
		font-size:24px;
		color:#ff9600;
		}
p.p4 {
		font-family:"Monotype Corsiva";
		font-size:24px;
		color:#ff9600;
		text-decoration:line-through;
}
p.p2 {
		font-family:"Monotype Corsiva";
		font-size:24px;
		color:#ff9600;
}

p.p3 {
		font-family:"Monotype Corsiva";
		font-size:20px;
		color:#ff9600;
}
.p1 {
text-decoration:none;
		color:#ff9600;
}

.buton {
		color:#ff9600;
		text-decoration:none;
}		
		
.text {
		color:#ffffff;
		line-height:135%;
}
.cena {
		font-family:"Monotype Corsiva";
		font-size:24px;
		color:#ff9600;
}
div#krby {
		margin:-120px 0 0 110px;
		color:#ffffff;
		line-height:135%;
		}	
div#krby1 {
		margin:10px 0 0 0px;
		color:#ffffff;
		line-height:135%;
}	
		
#obr {
		float:right;
		margin:-200px 0 0 0;
}	
#obr2 {
		float:right;
		margin:-300px 0 0 0;
}	
#obr1 {
		float:right;
		margin:-260px 0 0 0;
}	
/* paticka */
div#paticka {
		clear: both;
}

p#copy {
		font-family:"Times New Roman", Times, serif;
		font-size:16px;
		color:#ffffff;
		text-align:center;
		line-height:135%;
}	
input.text, textarea{
width: 350px;
}
div#pocitadlo {
margin: -90px 0 0 30px;
}

div#zponukyvyberame {
margin: -90px 0 0 30px;
}

div#index a {
		display: block;
		width: 280px;
		height: 150px; 
		position: absolute;
		top: 0px;
		left: 470px;}
div#index a span {
		display: block; 
		position: absolute;
		top: -1400px;}
		
		#pa {
	font-family: Arial,sans-serif;
	background: #FFF;
	text-align: center;
	padding: 10px;
	border: 2px solid #666;
	position: absolute;
	z-index: 100000;
}

#pa .pa_close {
	padding: 0;
	margin:0 ;
	position: absolute;
	top: 5px;
	right: 5px;
}

#pa a img {
	border: none;
	text-decoration: none;
}