@charset "utf-8";
/* CSS Document */

img{
border:none;
}

a{
color:#878889;
text-decoration:none;
font-weight:bold;
}

a:hover{
color:#878889;
text-decoration:underline;
font-weight:bold;
}

.footer a{
color:#fff;
text-decoration:none;
}

.footer a:hover{
color:#fff;
text-decoration:underline;
}

body{
font: 100% Arial, Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0;
color: #000000;
background: #fff url(../img/bg.jpg);
/*padding-top:21px;*/
}

.container {
width: 800px;  
background: #FFFFFF;
margin: 21px auto;
border: 1px solid #000000;
} 

.header {
width:100%;
margin:0;
padding:0;
background-image: url(../img/header.jpg);
height:170px;
}

.header_cinturini {
width:100%;
margin:0;
padding:0;
background-image: url(../img/header_cinturini.jpg);
height:170px;
}

.sidebar {
float: right; /* poiché questo elemento è mobile, occorre specificare una larghezza */
}

.sidebar_azienda {
float: right;
width:220px;
height:620px;
}

.sidebar_dovesiamo {
width:525px;
height:380px;
border-left:3px solid #c4c4c4;
margin:0;
padding:0;
float: right;
}

.sidebar_contatti {
width:500px;
height:480px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#878889;
margin-top:25px;
padding:0;
float: right;
}

.main { 
height:250px;
margin: 0 535px 0 0; /* il margine destro di questo elemento div crea la colonna sul lato destro della pagina; indipendentemente dalla quantità di contenuto presente nel div sidebar1, lo spazio della colonna rimane inalterato.
È possibile rimuovere questo margine se si desidera che il testo del div #mainContent riempia lo spazio di #sidebar1 quando il contenuto di #sidebar1 finisce. */
padding: 0 0px;
}

.logo {
background-image: url(../img/logo.jpg);
height:120px;
width:220px;
}

.testo {
width:150px;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#878889;
text-align:justify;
padding-top:20px;
padding-left:70px;
}

.testo_azienda {
width:450px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#878889;
margin: 20px 0 0 70px;
text-align:justify;
}

.testo_rot_cint {
width:280px;
height:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#878889;
margin: 20px 0 0 70px;
text-align:justify;
}

.testo_dovesiamo {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#878889;
margin: 20px 0 0 70px;
text-align:justify;
}

.testo_contatti {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#878889;
margin: 20px 0 0 70px;
text-align:justify;
}

.titolo {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#878889;
text-transform: uppercase;
} 

.footer {
width:775px;
height:30px;
background-color:#646567;
padding: 0 10px 0 15px; /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sovrastanti. */
}

.footer p {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#FFFFFF;
margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
padding: 10px 0; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */
}

.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

.menu {
width:800px;
height:30px;
background-color:#8ABC95;
font-size:12px;
font-family:Arial, Helvetica, sans-serif; 
}

ul { 
list-style-type: none;
margin: 0; 
padding: 7px; 
background-color:#8ABC95;
height: auto;
overflow: hidden;
float:right;
text-transform:uppercase;
}
	
li { 
float: left; 
display: inline; 
}

/** stile specifico li  **/
li {
border-left: 1px #fff solid; 
padding: 0 15px;
margin-left: -1px;
}

li a:hover {
color:#000;
text-decoration:none;
/*border-left: 1px #000 solid; 
padding-left:15px;
margin-left: -16px;*/
}

li a{
color:#fff;
text-decoration:none;
font-weight:bold;
}

li a.active {
color:#000;
margin-left: -1px;
text-decoration:none;
}

.bandiere{
float:left;
margin-left:15px;
margin-top:7px;
}

.home_img{
width:410px;
height:200px;
margin-top:25px;
}