@media screen,projection{
	body{font:75% Verdana,Arial,lucida,sans-serif; margin:0; padding:0; color:#000; background:#fff;}
	
	h2,h3,h4{font-size:140%; font-weight:normal;}
	h2{color:#fff; padding-top:0.2em; margin:0 0 1.5em; text-align:right; background:#8AABAC;}
	h3{font-size:150%; border-bottom:5px solid #E8EEEE;}
	h4{font-size:120%; font-weight:bold; margin:0.5em 0;}
	
	hr{height:1px; border:none; border-bottom:1px solid #ddd;}
	
	/* BARVY */
	.wh{color:#fff;}
	.bl{color:#000;}
	.clr,h3{color:#5B8384;}
	
	/* DELENI */
	#main{position:relative; top:0; left:0; text-align:center; line-height:1.4em; background:#fff url(../img/bg.jpg) 50% 137px no-repeat;}
	#head{height:137px; padding-bottom:1px; border-bottom:2em solid #8AABAC; background:#fff url(../img/bg-head.jpg) 50% 0 repeat-x;}
	
	#head p{position:absolute; top:92px; left:50%; padding:0; margin:0 0 0 180px; font-size:130%; font-weight:bold;}
	h1,h1 span{width:389px; height:94px;}
	h1{position:relative; top:23px; left:180px; margin:0 auto; overflow:hidden;}
	h1 span{position:absolute; top:0; right:0; display:block; background:transparent url(../img/l.jpg) 0 0 no-repeat;}
	
	#nav{float:left; width:14.15em; font-size:120%;}
	#nav div{padding:1.7em 0 1em; border:1px solid #d9d9d9; border-top:none;}
	#nav ul,#nav ul ul{list-style-type:none; margin:0; padding:0; font-weight:bold;}
	#nav ul ul{font-size:90%; font-weight:normal; margin-bottom:1em;}	
	#nav p{margin:0.5em 0;}
	#nav p a{display:block; font-size:90%; padding:1em 1em 1em 70px; border:1px solid #84B9D4; background:#C1DCE9 url(../img/info.gif) 0 50% no-repeat;}
	
	#cont{position:relative; top:-2em; left:0; width:770px; text-align:left; margin:0 auto;}
	#cont-main{margin-left:19em;}
	#cont-main div{float:right; width:99%;}
	
	img{padding:5px; background:#fff; border:1px solid #aaa;}
	table img{padding:0; border:0;}
	
	#rozcesti{list-style-type:none; margin:0; padding:0;}
	#rozcesti li{padding:1em 1em 1em 140px; margin-bottom:1em; min-height:95px; border:5px solid #000;}
	#rozcesti #aplikace{background:#F7FAFA url(../img/aplikace.jpg) 1px 1px no-repeat; border-color:#E8EEEE;}
	#rozcesti #produkty{background:#FBF9F6 url(../img/produkty.jpg) 1px 1px no-repeat; border-color:#EDE9E3;}
	#rozcesti #sklo{background:#F7FAFC url(../img/sklo.jpg) 1px 1px no-repeat; border-color:#E4EAED;}
	#rozcesti h3{font-size:140%; margin:0 0 0.5em; border:none;}
	#rozcesti p{margin:0;}
	#aplikace h3 a{color:#5B8384;}
	#produkty h3 a{color:#8E7C5B;}
	#sklo h3 a{color:#547589;}
	
	#section{list-style-type:none; padding:0; margin:0;}
	#section li{padding:1em 1em 1em 132px; margin-bottom:1em; min-height:95px; border:5px solid #E8EEEE;}
	#section h3{margin:0 0 0.5em; border:none;}
	#section p{margin:0;}
	.skl-fasady{background:transparent url(../img/section/skl-fasady.jpg) 1px 1px no-repeat;}
	.str-konstrukce{background:transparent url(../img/section/str-konstrukce.jpg) 1px 1px no-repeat;}
	.skl-pricky{background:transparent url(../img/section/skl-pricky.jpg) 1px 1px no-repeat;}
	.skl-dvere{background:transparent url(../img/section/skl-dvere.jpg) 1px 1px no-repeat;}
	.skl-konstrukce{background:transparent url(../img/section/skl-konstrukce.jpg) 1px 1px no-repeat;}
	.sprch-kouty{background:transparent url(../img/section/sprch-kouty.jpg) 1px 1px no-repeat;}
	.kovani{background:transparent url(../img/section/kovani.jpg) 1px 1px no-repeat;}
	.pfs{background:transparent url(../img/section/pfs.jpg) 1px 1px no-repeat;}
	.kalene{background:transparent url(../img/section/kalene.jpg) 1px 1px no-repeat;}
	.lepene-sklo{background:transparent url(../img/section/lepene-sklo.jpg) 1px 1px no-repeat;}
	.smalt{background:transparent url(../img/section/smalt.jpg) 1px 1px no-repeat;}
	.ohybane{background:transparent url(../img/section/ohybane.jpg) 1px 1px no-repeat;}
	.barevne{background:transparent url(../img/section/barevne.jpg) 1px 1px no-repeat;}
	.izolacni{background:transparent url(../img/section/izolacni.jpg) 1px 1px no-repeat;}
	.luxar{background:transparent url(../img/section/luxar.jpg) 1px 1px no-repeat;}
	.polozrcadla{background:transparent url(../img/section/polozrcadla.jpg) 1px 1px no-repeat;}
	
	#foot{clear:both; font-size:85%; height:2em; padding:0.5em 1em; margin:0; background:#eaefef;}
	#foot p{margin:0;}
	
	/* ODKAZY */
	a{text-decoration:underline; color:#5B8384;}
	#cont-main a{color:#0A73A9;}
	a:hover,#cont-main a:hover{color:#000;}
	#cont-main a:hover{background-color:#D3E7EF;}
	
	#nav ul li a,#nav ul ul li a{display:block; padding:0.2em 1em 0.3em; margin-bottom:1px; font-weight:bold;}
	#nav ul ul li a{padding:0.1em 0 0.1em 2.5em; font-weight:normal;}
	#nav ul li a:hover{color:#fff; background:#aaa url(../img/arr_nav.gif) 100% 50% no-repeat;}
	#nav ul li .active{font-weight:bold; text-decoration:none; color:#fff; background:#5B8384;}
	#zajem a{color:#000;}	
	
	#cont-main a:visited{}
	
	a.pdf{padding:0.3em 0 0.3em 20px; background:transparent url(../img/ik_pdf.gif) 0 50% no-repeat;}
	
	/* FORM */
	form{margin:0;}
	fieldset{margin-bottom:1em; padding:1em; border:none; border-top:3px solid #67A9CA; background:#D5E7F0;}
	legend{padding:0 0.7em; font-weight:bold; background:#fff; border:1px solid #67A9CA;}
	form table,form th,form td{border:none;}
	
	/* TAB */
	table{font-size:90%; border-collapse:collapse; border:2px solid #aaa;}
	th,td{padding:0.3em 0.5em; vertical-align:top; border:1px solid #aaa;}
	th{background:#eee;}
	tr:hover{background:#eee;}
	
	/* OSTATNI */
	.sml	{font-size:90%;}
	.hid	{display:none;}
	.cent	{text-align:center;}
	.right{text-align:right;}
	.just	{text-align:justify;}
	.flr	{float:right;}
	.fl		{float:left;}
	.cl		{clear:both;}
	.cll	{clear:left;}
	.none	{border:none;}
	.vis	{visibility:hidden; margin:0;}
	.brd	{border:1px solid #aaa;}
	img.fl,#cont-main div div.fl{margin:0 1em 1em 0;}
	img.flr{margin:0 0 1em 1em;}
	#cont-main div div.fl{float:left; width:auto;}
}
