
/***************************************************************************************************************************  
	Website: www.lucalarenza.com
	Version: 3.0
	Design Author: qrnet mediastudio
	Author URI: http://www.qrnet.it/ 				                                                   				
 ***************************************************************************************************************************/	


*, body, h1, h2, h3, h4, h5, h6, table, form {
margin:0;
padding:0;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
				   
.nascondi, hr {
display:none;
visibility:hidden;
}

.disabilita, h1, h2 span {
position:absolute;
margin-left:-3000px;
}

body {
background:#000;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
margin: 0 auto 0;
color:#999;
}


/*************************************************************************************************************			*  TOP
 *	TOP  				                                                   										
 *************************************************************************************************************/		  
		  
#top { 
width:750px;
height:37px;
margin: 100px auto 0px;
padding:0;
clear:both;
}


/*************************************************************************************************************			*  LOGO
 *	LOGO  				                                                   				
 *************************************************************************************************************/		  
		  
#logo { 
background:url("images/logo.jpg") no-repeat top left;
width:169px;
height:37px;
margin: 0;
padding: 0;
float:left;
}

#logo h1 {
margin:0;
padding:0;
}

#logo h1 a {
display:block;
height:37px;
width:169px;
}

#logo h1 a span {
margin-left:-3000px;
position:absolute;
}


/*************************************************************************************************************			*  LOGO-HOME
 *	LOGO-HOME  				                                                   				
 *************************************************************************************************************/		  
		  
#logo-home { 
background:url("images/logo.jpg") no-repeat top left;
width:750px;
height:36px;
margin: 100px auto 0;
padding: 0;
}

#logo h1 {
margin:0;
padding:0;
}


#logo h1 span {
margin-left:-3000px;
position:absolute;
}

/*************************************************************************************************************			*  NAVIGATION
 *	NAVIGATION  				                                                   				
 *************************************************************************************************************/		  
		  
#navigation { 
width:550px;
height:37px;
margin: 0;
padding: 0;
float:right;
text-align:right;
}

#navigation ul { 
height:37px;
margin-top:13px;
width:550px;
padding-bottom:10px;
}

#navigation ul li { 
height:37px;
list-style:none;
display:inline;
margin-left:20px;
}

#navigation ul li a { 
height:37px;
padding-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:1px;
font-size:10px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
color:#ccc;
}

#navigation ul li a:hover { 
color:#555;
}

#navigation ul strong { 
height:37px;
padding-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:1px;
font-size:10px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
background: url("images/freccetta.jpg") no-repeat bottom center;
color:#555;
}


		   
/*************************************************************************************************************			*  BOX
 *	BOX  				                                                   				
 *************************************************************************************************************/		  
		  
#box { 
background:url("images/box.jpg") top center no-repeat;
width:750px;
height:370px;
margin: 10px auto 0px;
padding: 0px 0px 0px 0px;
clear:both;
}

#box h2{
padding: 30px 0px 0px 40px; 
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
text-transform:uppercase;
color:#555;
float:left;
}



/*************************************************************************************************************			*  NEWS
 *	NEWS  				                                                   				
 *************************************************************************************************************/	

.news { 
width:300px;
margin-top:23px;
padding:0px 20px 10px 40px;
float:left;
}


.news p{ 
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#888;
text-align:justify;
font-weight:bold;
width:300px;
margin:5px 0 0 0;
}

.news a{ 
font-weight:bold;
text-decoration:none;
text-align:left;
color:#555;
}

.news img{ 
width:300px;
height:100px;
text-align:left;
border: 1px solid #ccc;
padding:3px;
margin-bottom:10px;
}

.news h3{
padding: 0; 
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
text-transform:uppercase;
text-decoration:none;
color:#555;
}

.news h3 a{
text-decoration:none;
color:#555;
}

.news h3 a:hover, .news a:hover, .pages-news a:hover { 
color:#999;
}

.separatore-news { 
width:300px;
margin:0 0 20px 0;
height:10px;
border-bottom:1px solid #ccc;
float:left;
}

.pages-news { 
text-align:left;
font-size:11px;
}

.pages-news a{
margin: 15px 0 0 40px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
text-decoration:none;
color:#555;
}


.single { 
width:670px;
padding:0px 20px 10px 40px;
float:left;
}


.single p{ 
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#888;
text-align:justify;
font-weight:bold;
width:670px;
margin:5px 0 0 0;
}

.single a{ 
font-weight:bold;
text-decoration:none;
text-align:left;
color:#555;
}

.single img{ 
width:300px;
height:100px;
text-align:left;
border: 1px solid #ccc;
padding:3px;
margin-bottom:10px;
}



/*************************************************************************************************************			*  CONTENUTI
 *	CONTENUTI  				                                                   				
 *************************************************************************************************************/	

#contenuti { 
width:290px;
height:253px;
float:left;
border-right: 1px solid #ccc;
margin-top:15px;
}

#contenuti p{ 
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#888;
text-align:justify;
font-weight:bold;
padding:0px 20px 8px 40px;
}

#contenuti h3{
padding: 0px 0px 10px 40px; 
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
text-transform:uppercase;
color:#555;
}

/*************************************************************************************************************			*  CONTENUTI-PROD
 *	CONTENUTI-PROD  				                                                   				
 *************************************************************************************************************/	

#contenuti-prod { 
width:425px;
height:253px;
float:left;
border-right: 1px solid #ccc;
margin-top:23px;
}

#contenuti-prod p{ 
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#888;
text-align:justify;
font-weight:bold;
padding:0px 20px 8px 40px;
}

#contenuti-prod h3{
padding: 0px 0px 10px 40px; 
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
text-transform:uppercase;
color:#555;
}

#contenuti-prod h4{
padding: 0px 0px 10px 40px; 
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
text-transform:uppercase;
color:#555;
}

#contenuti-prod p a{
padding: 0px 0px 10px 40px; 
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
text-transform:uppercase;
color:#555;
}


/*************************************************************************************************************			*  PICS-PROD
 *	PICS-PROD  				                                                   				
 *************************************************************************************************************/	

.pics-prod { 
width:270px;
float:right;
padding-top:20px;
padding-right:34px;
text-align:left;
}

.pics-prod img{ 
margin:2px;
padding:3px;
border:1px #ccc solid;
}



/*************************************************************************************************************			*  ARCHIVIO
 *	ARCHIVIO  				                                                   				
 *************************************************************************************************************/		  
		  
#archivio { 
width:300px;
height:20px;
margin: 30px 0 0 0;
padding-right: 70px;
float:right;
text-align:right;
}

#archivio ul { 
height:20px;
width:300px;
}

#archivio ul li { 
height:20px;
list-style:none;
display:inline;
margin-left:20px;
}

#archivio ul li a { 
height:20px;
padding-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:1px;
font-size:11px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
color:#777;
}

#archivio ul li a:hover { 
color:#999;
}

#archivio ul strong { 
height:20px;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:1px;
font-size:11px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
color:#999;
}


/*************************************************************************************************************			*  PICS
 *	PICS  				                                                   				
 *************************************************************************************************************/	

.pics { 
width:405px;
float:right;
padding-top:15px;
padding-right:34px;
text-align:left;
}

.pics img{ 
margin:2px;
padding:3px;
border:1px #ccc solid;
}	   

.numeri{ 
text-align:right;
padding-right:10px;
}

.numeri ul{ 
text-align:right;
}

.numeri ul li{ 
display:inline;
list-style:none;
padding-left:3px;
}

.numeri ul li a{ 
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
color:#777;
}

.numeri ul li a:hover{ 
color:#999;
}

.numeri ul li strong{ 
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
color:#999;
}



/*************************************************************************************************************			*  STORES
 *	STORES  				                                                   				
 *************************************************************************************************************/	

#stores { 
width:750px;
margin: 10px auto 0px;
padding: 0px 0px 0px 0px;
clear:both;
}

.testo { 
float:left;
width:445px;
}

.testo p{ 
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#888;
text-align:justify;
font-weight:bold;
padding:0px 20px 0px 40px;
border-right: 1px solid #ccc;
}

.testo h3{
padding: 0px 0px 10px 40px; 
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
text-transform:uppercase;
color:#555;
}

.foto { 
width:250px;
float:right;
padding-top:20px;
padding-right:34px;
text-align:left;
}

.foto img{ 
width:250px;
height:70px;
margin:2px;
padding:3px;
border:1px #ccc solid;
}
		   
		   
		   
/*************************************************************************************************************			*  FOOTER
 *	FOOTER  				                                                   				
 *************************************************************************************************************/		  
		  
#footer { 
width:750px;
margin: 10px auto 0px;
padding: 0px 0px 0px 0px;
clear:both;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#555;
font-weight:bold;
}

#footer img{ 
border:none;
}

.left { 
float:left;
text-align:left;
width:300px;
}

.right { 
float:right;
text-align:right;
width:300px;
}
