@media screen, projection{
	body{font-size:80%; font-family: Georgia,Arial,lucida,sans-serif; background:url(../img/bg2.jpg) 0 0; margin:0;}
	
	h1{font-size:280%;}
	h3{margin:10px 0 0 0; border:0;}
	.box h3{font-size:140%; margin:0 0 10px 0;}
	
	#envelope{position: relative; width:980px; margin:0 auto;}
	#header{height:60px;}
	#nadpis{position:absolute; right:10px; top:2px;}
	#main{border:15px solid #340640; background:white url(../img/silueta.jpg) 5% 100% no-repeat;}
	#fb{position:absolute; padding:1.5em 0 0 2em;}
	
	#nav{margin-left:200px; width:140px; float:left; font-size:120%; padding:1em 1em;}
	#nav ul{padding:0; margin:0; list-style-type:none;}
	#nav ul li{padding:2px;}
	
	#nav a{font-weight:bold; text-decoration:none;}
	
	#content{margin-left:370px; padding: 0 1em 1em 0;}
	#footer{text-align:right; font-size:90%;}
	
	a{color:#f19716;}
	h1, h2, h3, a:hover, #nav a.active, #footer a{color:#340640;}
	
	hr{color:black;height:1px;border:none;border-bottom:1px solid #f19716;}
	p{margin:2px 0;}
	.clear{clear:both;}
	.box{border:2px solid #f19716; padding:0.5em; background:#ffefd7; margin:0.5em 0;}
	.big{font-size:120%;}
	img{border:1px solid #340640; margin:5px;}
	.noborder{border:none;}
	.vypln{height:250px;}
	.mb{margin-bottom:0.5em;}
	.center{text-align:center;}
	.mt{margin-top:1em;}
	.none{display:none;}
}