/***************************************************************************************************************************  
	Website: www.trugliotrasporti.it
	Version: 1.0			                                                   				
 ***************************************************************************************************************************/	


*, 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, .hide {
display:none;
visibility:hidden;
}

.disabilita, h1, h2.frase {
position:absolute;
margin-left:-5000px;
}

body {
background:url("../images/bg.jpg") repeat-x top center #006691;
font-family:Verdana, Geneva, sans-serif;
color:#888;
}

		   
		   
/*************************************************************************************************************			*  TOP
 *	TOP  				                                                   				
 *************************************************************************************************************/		  
		  
#top { 
width:980px;
height:143px;
margin: 0px auto 0px;
padding: 0;
}

#logo { 
padding-top: 32px;
}

#logo img{ 
border:none;
}

#header { 
background:url("../images/header.jpg") no-repeat top center;
width:842px;
height:399px;
margin: 0px auto 0px;
padding: 0;
}

#slideshow { 
width:801px;
height:450px;
margin: 0 auto 0;
padding:0;
text-align:left;
}

#slideshow img {
margin: 0;
border:none;
}


/*************************************************************************************************************			*  MENU
 *	MENU  				                                                   				
 *************************************************************************************************************/		  
		  
#menu { 
background:url("../images/navigazione.jpg") no-repeat top center;
width:842px;
height:81px;
margin: 0px auto 0px;
padding: 0px 0px 0px 0px;
}

#menu ul { 
padding:40px 0 0 20px;
}

#menu ul li { 
list-style:none;
display:inline;
text-align:center;
width:134px;
float:left;
}

#menu ul li a { 
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
color:#777;
text-decoration:none;
font-weight:normal;
}

#menu ul li strong { 
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
color:#0087c0;
text-decoration:none;
font-weight:normal;
}

#menu ul li a:hover { 
color:#0087c0;
}

/*************************************************************************************************************			*  CONTENT
 *	CONTENT  				                                                   				
 *************************************************************************************************************/		  
		  
#content { 
background:url("../images/body.jpg") repeat-y top center;
width:842px;
margin: 0px auto 0px;
padding: 0;
}

.testo { 
width:750px;
margin: 0px auto 0px;
}

.testo p { 
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#888;
padding-bottom:15px;
margin-top:20px;
line-height:20px;
text-align:left;
}

.pics { 
float:left;
width:175px;
padding-left:45px;
margin-top:20px;
margin-bottom:20px;
}

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


#content h2 { 
width:750px;
margin:0 auto 0;
font-family:Verdana, Geneva, sans-serif;
font-size:13px;
color:#0087c0;
padding-top:35px;
padding-bottom:20px;
line-height:20px;
text-align:left;
font-weight:bold;
border-bottom:1px #eaeaea solid;
}

.testo-sezione { 
float:left;
width:560px;
padding:0 15px 0 15px;
margin:25px 0 25px 0;
border-left:1px dotted #ccc;
}

.testo-sezione p{ 
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#888;
padding-bottom:11px;
line-height:20px;
text-align:left;
}

.testo-sezione h3{ 
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#0087c0;
padding-bottom:13px;
line-height:20px;
text-align:left;
}

.interlinea { 
border-top:1px dotted #ccc;
width:560px;
height:30px;
}

#contatti { 
float:left;
width:240px;
}

#contatti p{ 
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#888;
margin-bottom:13px;
margin-left:10px;
line-height:20px;
text-align:left;
}

#contatti p strong{ 
color:#888;
}

#contatti p span{ 
font-size:9px;
}

#contatti p a{ 
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#0087c0;
text-decoration:none;
}

#contatti h3{ 
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#0087c0;
padding: 25px 0 10px 10px;
line-height:20px;
text-align:left;
}

#contatti p a:hover{ 
border-bottom:1px dotted #0087c0;
}

#mappa { 
float:left;
width:485px;
border-right:1px dotted #ccc;
padding-left:50px;
margin-top:25px;
margin-bottom:25px;
}

#mappa p { 
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#888;
margin-bottom:13px;
margin-top:10px;
line-height:20px;
text-align:left;
}

#mappa small a{ 
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color:#0087c0;
margin-top:10px;
text-align:left;
text-decoration:none;
}

#mappa small a:hover{ 
border-bottom:1px #0087c0 dotted;
}

		   
/*************************************************************************************************************			*  FOOTER
 *	FOOTER  				                                                   				
 *************************************************************************************************************/		  
	
	
#footer { 
background:url("../images/footer.jpg") no-repeat top center;
width:842px;
height:142px;
margin: 0px auto 0px;
}

#footer p{ 
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color:#555;
padding:5px 0 5px 48px;
}

#footer ul { 
padding: 20px 0 20px 48px;
}

#footer ul li { 
list-style:none;
display:inline;
padding-right: 7px;
}

#footer ul li a{ 
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color:#777;
text-decoration:none;
}

#footer ul li a:hover{ 
border-bottom:dotted 1px #09F;
}

#footer img{ 
border:none;
}