/*layout*/
.wrapper{
	width: 100%;}

#headerWrap{
	background: transparent url(../images/base/header.jpg) center no-repeat;
	height:349px}

#header, #container, #navigation, #footer{
	width:796px; 
	margin:0 auto;
	clear:both;}
	
	#container{ min-height: 400px; height: auto !important; height: 400px;}
	
	.azienda, .red{	width: 398px;}
	
	.azienda{ float:left}
	.red{ float:right}

#footerWrap{
	clear:both;
	background: transparent url(../images/base/footer.jpg) center no-repeat;
	height:152px}


/*elementi header*/
#logo{ margin:15px auto 0 10px;}
.lingue{
	margin-right:30px;
	margin-top:25px;
	text-align:right;}

	ul#menuLingue li{ display:inline;}

#statusBar{
	background: transparent url(../images/base/statusBar.png) top left no-repeat;
	height:37px;
	margin:-30px 0 0 10px;}

	#statusBar h1{
		font-size:1.3em;
		line-height:2.1em;
		font-weight:normal;
		text-transform:uppercase;
		padding-left:10px;
		width:494px;
		overflow:hidden;
		float:left;
		word-spacing:-4px;}
	
	#statusBar a.home{
		background:transparent url(../images/base/tastoStatusbar.png) no-repeat scroll left top;
		color:#888888;
		display:block;
		float:left;
		font-size:1.3em;
		height:32px;
		line-height:32px;
		margin:2px 12px;
		padding-left:45px;
		text-transform:uppercase;
		width:119px;}

	
	#statusBar img{ margin-top:3px;}


/*elementi container*/
#container{ 
	width:796px;
	margin:0 auto;
	padding:0;}

.linker{
	margin:0 auto;
	float:left;}

.linker img{ margin:0; padding:0; top:0}

.livelloZero{ margin-left:30px;}

.livelloUno{ width:580px; margin:0 auto}

	.livelloZero .linker{
		background:transparent url(../images/base/cartellaLivelloZero.png) top left no-repeat;
		height:244px;
		width:372px;
		padding-left:8px;}
	
	.livelloUno .linker{
		background:transparent url(../images/base/cartellaLivelloUno.png) top left no-repeat;
		height:293px;
		width:268px;
		padding-left:10px;}

	.livelloUno .enfatizza{
		background:transparent url(../images/base/cartellaLivelloUnoEnfatizza.png) top left no-repeat}


.linker p{
	text-transform:uppercase;
	text-align:right;
	color:#777;}

	.livelloZero .linker p{
		padding:10px 18px 0;
		font-size:1.3em;
		margin-bottom:7px}

	.livelloUno .linker p{
		padding:2px 15px 0;
		font-size:1.2em;
		letter-spacing:-1px}
	
/*news*/
.newsContainer{
	height:244px;
	width:375px;
	background:transparent url(../images/base/indexNews.jpg) top left no-repeat;
	margin:0.5em auto;
	float:left}

	.newsContainer p{
		padding:10px 17px 0;
		font-size:1.3em;
		text-transform:uppercase;
		text-align:right;
		color:#777;}
		
		.newsContainer .newsHandler p{
			font-size:0.9em;
			text-transform:inherit;
			text-align:justify;
			color:#000;}


.newsHandler{
	height:160px;
	margin:17px 16px;
	overflow:auto;
	width:330px;}

	.newsItem{
		margin:0 1em 1em;
		border-bottom: 1px dashed #ccc}
		
		.newsItem p{
			margin:0;
			padding:0}

/*stili per i contenuti veri e propri: testi e immagini*/	
.contenuti{ 
	background: transparent url(../images/base/contenuti.jpg) top left no-repeat;
	height:466px;
	width:781px;
	padding:15px;
	margin-top:10px}

	.mappa{ background: transparent url(../images/base/contenutiMappa.jpg) top left no-repeat;}

.testo{
	width:410px;
	float:left;}
	.testo p{
		font-size:1.1em;
		line-height:1.5em;}
.immagini{
	float:left;
	margin-left:30px;
	width:315px;
	height:430px;
	overflow:auto}
	
	.immagini ul{
		margin:0;
		padding:0;}
	.immagini ul li{
		display:block;
		width:90px;
		height:50px;
		float:left;
		overflow:hidden;
		border:1px solid #CCCCCC;
		margin:2px;
		padding:0;}

	.immagini img{
		margin:0;}

/*mappa dove siamo*/
#map{ 
	width:500px;
	height:425px;
	border:1px solid}

#testoMappa{
	width:200px;
	float:left;}

#containerMappa{
	float:left;
	margin-left:30px;
	width:530px;
	height:430px;
	overflow:auto}

/*form contatti*/
.extra{
	float:left;
	margin-left:25px;
	width:310px;
	text-align:left}
#contattiForm{ width:100%;}

	#contattiForm legend{ font-weight:bold}
	#contattiForm div{
		margin-bottom:5px;
		padding-bottom:2px;
		clear:both;}
	#contattiForm label{
		display:block;
		width:110px;
		float:left;
		text-align:left;}
/*		
		#contattiForm label.error{
			background:url(../images/error.png) left no-repeat;
			height:16px;
			width:16px;
			float:right;
			clear:both}*/
			
	#contattiForm textarea{ 
		width:90%;
		height:110px;
		font:1em Arial, Helvetica, sans-serif;
		letter-spacing:1px}
	#contattiForm input, #contattiForm select{
		width:140px;}

	#contattiForm #pulsanti{
		text-align:center;
		border-top:1px dashed #ccc;
		padding-top:5px;}
		#contattiForm #pulsanti input{
		width:auto}
		
	#contattiForm img{
		border:1px solid #aaa}
		
/*indirizzo contatti*/

.testo address{
	font-style:normal;
	font-weight:bold;
	font-size:1.2em}
	.testo address span{ display:block; margin:0; padding:0}
	address #denominazione{font-size: 1.6em;}
	address #indirizzo{margin-top:20px}
	address #tel{ margin-top:20px}

/*elementi footer*/	
.menu{ position:absolute; z-index:10}

#footer ul{	list-style-type:none}

#navigation .menu{ 
	background:transparent url(../images/base/tendinaMenu.png) top left no-repeat;
	width:120px;
	height:160px;
	padding:5px;
	margin-top:-185px;
	margin:-210px 0 0 100px}

	.menu li a{
		border-bottom:1px solid #CCCCCC;
		display:block;
		font-size:1.1em;
		font-variant:small-caps;
		height:24px;
		line-height:20px;
		text-align:center;
		width:110px;
		overflow:hidden;}
	.menu li a:hover{
		border-bottom:1px solid #000;
		color:#000}

#navigation h4{
	cursor:pointer;
	width:277px;
	height:42px;
	background:transparent url(../images/base/menuFooter.png) no-repeat top left;
	margin:27px auto 10px;
	padding-top:10px;
	padding-right:20px;
	text-align:right;
	color:#888;}

#footer p, #credits p{
	text-align:center}

#indirizzoFooter{
	background:transparent url(../images/base/barraIndirizzo.png) center no-repeat;
	font-size:0.9em;
	width:770px;
	height:32px;
	margin:0 auto;
	clear:both;}

#indirizzoFooter p{ padding-top:5px;}
	
#credits{ font-size:smaller;}