/* definice webu */
html,form,input{
	margin:0;
	padding:0;
}
body{
	margin:0;
	padding:0;
	background: #ebebeb url("../images/body.gif") repeat 0 0;
	font-family:arial; font-size:13px;
}

div#web
{
	position:relative;
	width:778px;
	/* z-index:1;*/
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	background:url("../images/underlayer.gif") repeat-y 0 0;
  }
  
/* konec definice webu */
	/* *********************************************************************************************** */
/* hlavička stránky */ 

	div#heading {
		position: relative;
		width: 778px;
		min-height: 39px;
		top: 0px;
	}
	div#heading span{
		position:absolute;
		top:0;
		left:0;
		margin:0;
		padding:0;
		height:41px;
		width:100%;
		background:url("../images/heading.gif") no-repeat 0 0;
	}
	
	
	h1{
		position:relative;
		margin:0;
		padding:0;
		width:100%;
		height:306px;
	}
	h1 span{
		position:absolute;
		top:0;
		left:0;
		margin:0;
		padding:0;
		height:100%;
		width:100%;
		background:url("../images/title.jpg") no-repeat;
	}
	
	/* menu */
		#menu{position:absolute;top:12px;left:255px;}
		#menu ul{margin:0; padding:0;}
		#menu li,form{display: inline; list-style: none; padding: 0 10px 0 0;}	
		#menu a:link {color: #ffffff; text-decoration:none;}
		#menu a:visited {color: #ffffff; text-decoration:none;}
		#menu a:hover {color: #eeeeee; text-decoration:underline;}
		#menu a:active {color: #ffffff; text-decoration:none;}
	/* konec menu */
	
	
/* konec hlavičky */
/* *********************************************************************************************** */
/* obsahová část */

	main {
		position: relative;
		width: 778px;
		top: 0px;
		margin:0;
	}
	#reference {float:left; width:225px; margin:10px 0 0 10px;}
	#reference div
	{
		width:214px;
		margin:0 auto;
		text-align:right;
		position:relative;
		z-index:3;
		color:#fff;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	/* 
	buď seznamem:
	#reference ul{ margin:34px 5px 0 0;}
	#reference li{ list-style-type:none; padding: 0 0 22px 0;}
	#reference a { color:#fff; text-decoration:none;}*/
	
	/* nebo takhle:*/
	.container { top: 35px; left:-5px;}
	#reference a {
	display:block;
	padding: 0 0 22px 0;
	color:#fff; 
	text-decoration:none;
}


	/* reference */
		#amati, #plzenskafilharmonie, #petravlkovaband, #tvtachov, #czechinfoline, #kurorchester, #khkpk, #giebel,#mestanska-beseda-plzen,#paragliding, #krystofmarek, #zusplana, #zusplzenbrzkove, #zestebrno, #monika, #ondra, #ohk-rokycany, #obecvisky, #bavauto, #byt-real, #autopasek ,#stkmarpa, #giebel2, #valenzova, #ohkpj, #honda-plzen,
#ohk-plzen-mesto,#ik-katka {height:190px;}
		
		#ik-katka span{ position:absolute; top:0; left:0; margin:0; padding:0; height:176px; width:100%; background:url("../reference/2006-redesign-ik-katka.jpg") no-repeat 0 0;} 
		
		#ohk-plzen-mesto span{ position:absolute; top:0; left:0; margin:0; padding:0; height:176px; width:100%; background:url("../reference/2006-design-cms-ohk-plzen-mesto.jpg") no-repeat 0 0;} 
		
		#honda-plzen span{ position:absolute; top:0; left:0; margin:0; padding:0; height:176px; width:100%; background:url("../reference/2006-design-honda-plzen.jpg") no-repeat 0 0;} 
		
		#ohkpj span{ position:absolute; top:0; left:0; margin:0; padding:0; height:176px; width:100%; background:url("../reference/2006-design-cms-ohkplzen-jih.jpg") no-repeat 0 0;} 
		
		#valenzova span{ position:absolute; top:0; left:0; margin:0; padding:0; height:176px; width:100%; background:url("../reference/2006-design-ci-valenzova.jpg") no-repeat 0 0;} 
		
		#giebel2 span{ position:absolute; top:0; left:0; margin:0; padding:0; height:176px; width:100%; background:url("../reference/2006-design-ci-giebel.jpg") no-repeat 0 0;} 
		
		#autopasek span{ position:absolute; top:0; left:0; margin:0; padding:0; height:176px; width:100%; background:url("../reference/2006-design-autopasek.jpg") no-repeat 0 0;}
		
		#stkmarpa span{ position:absolute; top:0; left:0; margin:0; padding:0; height:176px; width:100%; background:url("../reference/2006-design-stkmarpa.jpg") no-repeat 0 0;}
		
		#byt-real span{ position:absolute; top:0; left:0; margin:0; padding:0; height:176px; width:100%; background:url("../reference/2006-design-byt-real.jpg") no-repeat 0 0;}
		
		#bavauto span{ position:absolute; top:0; left:0; margin:0; padding:0; height:176px; width:100%; background:url("../reference/2006-design-bavauto.jpg") no-repeat 0 0;}
		
		#obecvisky span{ position:absolute; top:0; left:0; margin:0; padding:0; height:176px; width:100%; background:url("../reference/2006-design-obecvisky.jpg") no-repeat 0 0;}
		
		#ohk-rokycany span{ position:absolute; top:0; left:0; margin:0; padding:0; height:176px; width:100%; background:url("../reference/2006-design-ohk-rokycany.jpg") no-repeat 0 0;}
		
		#monika span{ position:absolute; top:0; left:0; margin:0; padding:0; height:176px; width:100%; background:url("../reference/2006-design-vrabcovi_monika.jpg") no-repeat 0 0;}
		
		#ondra span{ position:absolute; top:0; left:0; margin:0; padding:0; height:176px; width:100%; background:url("../reference/2006-design-vrabcovi_ondra.jpg") no-repeat 0 0;}
			
		#zestebrno span{ position:absolute; top:0; left:0; margin:0; padding:0; height:176px; width:100%; background:url("../reference/2006-design-zestebrno.jpg") no-repeat 0 0;}
		
		#krystofmarek span{ position:absolute; top:0; left:0; margin:0; padding:0; height:176px; width:100%; background:url("../reference/2006-design-krystofmarek.jpg") no-repeat 0 0;}
		
		#zusplzenbrzkove span{ position:absolute; top:0; left:0; margin:0; padding:0; height:176px; width:100%; background:url("../reference/2006-design-zusplzenbrzkove.jpg") no-repeat 0 0;}
		
		#zusplana span{ position:absolute; top:0; left:0; margin:0; padding:0; height:176px; width:100%; background:url("../reference/2006-design-zusplana.jpg") no-repeat 0 0;}
		
		#paragliding span{ position:absolute; top:0; left:0; margin:0; padding:0; height:176px; width:100%; background:url("../reference/2006-design-paragliding.jpg") no-repeat 0 0;}
		
		#mestanska-beseda-plzen span{ position:absolute; top:0; left:0; margin:0; padding:0; height:176px; width:100%; background:url("../reference/2006-design-mestanska-beseda-plzen.jpg") no-repeat 0 0;}
		
		#giebel span{ position:absolute; top:0; left:0; margin:0; padding:0; height:176px; width:100%; background:url("../reference/2006-logo-giebel.gif") no-repeat 0 0;}
		
		#khkpk span{ position:absolute; top:0; left:0; margin:0; padding:0; height:176px; width:100%; background:url("../reference/2006-design-krajska-hospodarska-komora-plzenskeho-kraje.jpg") no-repeat 0 0;}
		
		#kurorchester span{ position:absolute; top:0; left:0; margin:0; padding:0; height:176px; width:100%; background:url("../reference/2006-design-kurorchester.jpg") no-repeat 0 0;}
		
		#amati span{ position:absolute; top:0; left:0; margin:0; padding:0; height:176px; width:100%; background:url("../reference/2006-redesign-amati.jpg") no-repeat 0 0;}
		
		#plzenskafilharmonie span{ position:absolute; left:1px; margin:0; padding:0; height:176px; width:100%; background:url("../reference/2005-redakcni_system-plzenskafilharmonie.gif") no-repeat 0 0;}
		
		#petravlkovaband span{ position:absolute; left:1px; margin:0; padding:0; height:176px; width:100%; background:url("../reference/2005-redesign-petravlkovaband.gif") no-repeat 0 0;}
		
		#tvtachov span{ position:absolute; left:1px; margin:0; padding:0; height:176px; width:100%; background:url("../reference/2005-redesign-tvtachov.gif") no-repeat 0 0;}
		
		#czechinfoline span{ position:absolute; left:1px; margin:0; padding:0; height:176px; width:100%; background:url("../reference/2005-redakcni_system-czechinfoline.gif") no-repeat 0 0;}
	
	/* konce referencí */
	
	
	#content{width:515px; margin:0 0 0 250px;padding:0;text-align:justify;}
	

/* konec obsahové části */
/* *********************************************************************************************** */
/* patička */

#footer{
	margin:0; 
	padding:0;
	width:100%;
	height:6px;
	background: url("../images/footer.gif") top left no-repeat;
}
#footer span {padding:0;}

#under_footer{
	margin:0; 
	padding:0;
	width:100%;
	font-size:11px;
	color:#777373;
	text-align:center;
}
#under_footer span {padding:0px 45px;}

/* konec patičky */
/* *********************************************************************************************** */
/* nastavení písem aj.*/

a:link {color: #522f05; text-decoration:underline;}
a:visited {color: #522f05; text-decoration:underline;}
a:hover {color: #de0000; text-decoration:none;}
a:active {color: #de0000; text-decoration:none;}

img{margin:0; border:none;}

.cleaner{width:90%;clear:both;visibility:hidden;height:1px;padding:0;margin:0;}

h1{font-size:150%;color:#FF0000; padding:0;}
h2{font-size:130%;color:#686453; padding:5px 0 0 0;}
h3{font-size:110%;color:#686453; padding:10px 0 0 0; margin:0;}
h4{font-size:100%;color:#686453; padding:0; margin:0;}
p{margin:0; padding:0;}

.red { color: #de0000 !important; text-align:left; }
.red a {color: #de0000 !important; text-decoration:underline;}