/* CSS Document */
@charset "iso-8859-2";
div#obal {
		width: 772px;
		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: #0d0d0d; color: #333;}

.clear {clear: both;} 

/* Hlavne menu */

#menu {display: table; width: 772px; height:42px; background-image:url(obrazky/menu.png); }
#menu ul {list-style-type: none;}
#menu li.onas {float: left; width: 70px; line-height: 3em; position: relative;}
#menu li.vlozky {float: left; width: 122px; line-height: 3em; position: relative; margin:0 0 0 6px;}
#menu li.kachle {float: left; width: 122px; line-height: 3em; position: relative; margin:0 0 0 4px;}
#menu li.komin {float: left; width: 70px; line-height: 3em; position: relative; margin:0 0 0 6px;}
#menu li.rozvody {float: left; width: 165px; line-height: 3em; position: relative; margin:0 0 0 6px;}
#menu li.prislusenstvo {float: left; width: 107px; line-height: 3em; position: relative; margin:0 0 0 4px;}
#menu li.kontakt {float: left; width: 80px; 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: 772px;}
* html #menu li {behavior: url(hover.htc)}



/* ostatne */
div#hlavicka {
		height: 302px;
		background-image:url(obrazky/hlavicka.png);
}

/* vlavo */
div#vlavo{ float:right;
		width:165px;
		margin:0 20px 0 0;
}
div#vlavo1{ float:right;
		width:165px;
		margin:180px -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;}
	
p.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%;
}
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#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;
}
