body, html{
	margin:0;
	padding:0;
	
}

body{
	background: #4A565D url(../img/back0.png) repeat-x;
	margin:0;
	padding:0;
	font-size:0.75em ;
	font-family: Arial, Helvetica, sans-serif;
	color:#555;
	
}

#container{
	width: 775px;
	margin: 0 auto 0 auto;
	text-align: left;
	background: white url(../img/bg_container2.png) top left repeat-y;
	padding:0;
	
}

#centrato {
	background: url(../img/bg_container1.png) top left no-repeat;
	min-height: 500px;
}

#centrato-estintore{
	background: url(../img/estintore-back.jpg) bottom right no-repeat;
}

#centrato p{
	margin:0;
	padding:0.5em 1em;
}


h2{
	
}

h3{
	font-size:1.2em;
}

a:link, a:visited{
	color:#941717;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

.home-sep{

	margin-bottom:2em;
}


/* =TESTATA
--------------------------------------*/

#testata{
	margin-left:60px;
}

#testata #dx{
	float:right;
	text-align:right;
	padding-top:16px;
	font-size:0.9em ;
}

#testata #dx p{
	padding: 0.2em 1.2em 0 0;
	margin:0;
}


#testata #sx{
	padding-top:10px;
}

h1{
	background: url(../img/degioannis_logo.gif) top left no-repeat;
	display: block;
	width: 233px;
	height: 65px;
	margin:0;
}





#testata #sx h1 span{
	display:none;
}




/* =NAVIGAZIONE
--------------------------------------*/

#navigazione{
	
	background-color: #777;
	margin:0.8em 1.2em 1em 60px;
	text-aling:left;
}


#navigazione ul{
	
	padding:0.25em;
	margin:0;
}


#navigazione ul li{
	display:inline;
	list-style:none;
	padding-left:4px;
	margin:0;
	
}

#navigazione #lirosso{
	float:right;
	position:relative;
	width:17px;
	line-height:1.75em;
	background-color:#941717;
	padding-right: -0.25em;
}

#navigazione ul li span.sep{
	padding-left:6px;
	color: #FFF;
}


#navigazione ul li a,
#navigazione ul li a:link,
#navigazione ul li a:visited,
#navigazione ul li a:hover
{
	color: #FFF;
	font-weight:bold;
	text-decoration:none;
}

#navigazione ul li a:hover{
	text-decoration:underline;
}


#navigazione ul li .active{
	color: #FFCCCC;
	font-weight:bold;
	text-decoration:none;
}


/* =CORPO
--------------------------------------*/


#corpo{
 float:left;
 margin:0;
}

#corpo h2{
	color:#001E30;
	margin-top:1.6em;
	margin-bottom:0.5em;
	margin-left:60px;
	font-size:1.8em;
}


#corpo .sxc{
	float:left;
	width:160px;
	/*padding-top:10px;*/
	padding:8px 0 0 60px;
	margin:0;
	
}

#corpo .sxc img{
	border:0;
	border-top:6px solid #941717;
}


#corpo .sxd{
	float:right;
	width:540px;
	padding-right:12px;
	padding-top:0;
	margin:0;
}


#corpo .sxd-home{
	float:right;
	width:350px;
	padding-top:0;
	margin:0;
	padding-right:198px;
	/*background: url(../img/estintore-back.jpg) bottom right no-repeat;*/
	
}

#corpo .sxd-lista{
	
	padding: 0 12px 12px 60px;
	margin:0;
	
}



/* =PIEDE
--------------------------------------*/

#piede{
	clear:both;
	text-align:right;
	font-size:0.9em;
}


/* =NEWS (solo home)
--------------------------------------*/

#news{
	/*float:right;*/
	
	position:absolute;
	width:190px;
	padding-left:590px;
	top:164px;
	z-index:20;
}

#news h4{
	font-size:1em;
	margin-top:0px;
	margin-bottom:1em;
	padding-bottom:0;
}

#news ul{
	padding-left:0;
	padding-right:12px;
	margin-left:0;
}

#news ul li{
	font-size:0.9em;
	list-style:none;
	padding-bottom:0.5em;
	
}

#news ul li a{
	font-weight:bold;
}

.clear-left{
	clear:left;
	height:0;
	overflow:hidden;
}

.clear-right{
	clear:right;
}

.clear{
	clear:both;
}


/* =LISTE CONTENUTI
---------------------------------------*/


div.lista-cont{

	padding:0.8em 1em 0.8em 0.5em;
	margin:0.25em 0;
	width:600px;
	float:left;
	border:1px solid #EEE;
	background-color:#FFF;
	/*filter:alpha(opacity=80);
	-moz-opacity:.70;
	opacity:.70;*/
}

div.lista-cont img{
	float:left;
	margin-right:1em;
	margin-bottom:1em;
	border: 1px solid #666;
	
}

#intro-prodotti{
	padding-bottom:2em;
}
	


div.lista-cont h3{
	margin-top:0;
	display:inline;
	
}

div.lista-cont .fakelink{

	cursor:pointer;
	text-decoration:underline;
}

/* =SCHEDA PRODOTTO
-------------------------------------*/

hr.scheda{
	padding:0; 
	margin:1em 1em 1em 60px; 
	height:1px; 
	border:0px; 
	color:#EEE; 
	background-color:#EEE;
}


/* =NEWS
-------------------------------------*/

.news-item h3{
	margin-bottom:0;
}

.data-news{
	margin:0;
	padding:0 1em 0.5em 0 !important;
	font-style:italic;
}


/* =NEWSLETTER
-------------------------------------*/

#f1{

	padding: 1em 1em 1em 60px;
}


#newsletter {
	
	padding: 0 1em 1em 1em;
	background-color:#FFF;
}

#newsletter legend{
	font-weight:bold;
}

#newsletter input.azzurro{
	border:1px solid #333;
	background-color: #E0EAEF;
	margin-bottom:0.25em; 
}

#newsletter label{
	display:block;
	padding-top:1em;
	
}

#newsletter label#l-autorizzazione{
	display:inline;
}

#newsletter #disclaimer{
	padding: 1em 0;
	color:#666;
}

.rosso{
	color:red;
}


/* =CONTATTI
--------------------------------*/

a.mail{
	background: url(/img/mail_icon.gif) 0 1px no-repeat;
	padding-left:18px;
}


#f2{
	padding: 1em 1em 1em 60px;
	float:left; 
	width:473px;
}


#contatti {
	padding: 0 1em 1em 1em;
	background-color:#FFF;
}

#contatti label{
	display:block;
	width:110px;
	float:left;
	text-align:right;
}

#contatti textarea{
	font-family: Arial, sans;
	font-size:0.99em;
}

#contatti input.azzurro, #contatti textarea.azzurro , #contatti select.azzurro {
	border:1px solid #333;
	background-color: #E0EAEF;
	margin-bottom:0.25em; 
	margin-left:1em;
}

#contatti #div-submit{
	clear:left;
	padding-left:135px;
}

#contatti-dx p{
	border-left:2px solid #941717;
	margin: 1em 0;
	padding:0 0 0 0.75em;
}

#contatti #copia_mittente{
	margin-left:122px;
}



#loghi-navale{

	/*position:absolute;
	width:150px;
	top:394px;
	
	margin-left:60px;*/
	text-align:center;
}

#loghi-navale img{
	padding:1em 0 1em 0;
	border:0 !important;
	cursor:pointer;
	}
.news-item p {

	padding-left: 0 !important;
}