a img  { border: 0; text-decoration: none; outline: 0; }

@font-face {
            font-family: 'Century Gothic';
            src: url(fonts/Century-Gothic.ttf);
            }

body {
	  text-align: center;
	  padding: 0;
	  border: 0;
	  font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
	  margin-top: 0px;
	  margin-right: 0;
	  margin-bottom: 0px;
	  margin-left: 0;
	  background: #b5aea3;
	  color: #333;
	  font-size: 1em;
	  xbackground-image: url("images/bg.jpg");
	  }


#contenuto { 
			max-width: 60.625em; 
			xmin-height: 200px;
			background: #f3f3f3; 
			margin: auto; 
			padding: 30px;
			}
			
/* HEADER */ 

#header {
		 height: 150px; 
		 width: 100%; 
		 }
		 
#header2 {
		 height: 55px;
		 xbackground: #333;
		 xborder-bottom: 2px solid #000;
		 border-bottom: 1px solid #ccc;
		 }
		 
/* LOGHI */

#logo {
	   xmax-width: 13.5em; 
	   margin: auto;
	   xmargin-top: 10px;
	   }

#logo2 { max-width: 17em; }

	   	   		 
/* MENU TOP RESPONSIVE */

.nav-contenuto {
				max-width: 1000px;
				margin: 0 auto;
			   }
	
.nav-bar { width: 100%; background: transparent; }

.nav-contenuto { overflow: hidden; }

.nav-lista li { float: left; list-style: none; }

.nav-lista li a {
				 font: 0.9em 'Oswald', Arial, sans-serif;
                 display: block;
                 padding: 12px 16px;
                 color: #fff;	
				 -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */
				 -moz-transition: all 0.3s ease-out;  /* FF4+ */
				 -ms-transition: all 0.3s ease-out;  /* IE10 */
				 -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
				 transition: all 0.3s ease-out;
				 }

.nav-lista li a:hover { background: #555; color: #fff; }

.nav-menu { display: none; color: #F36; } /* icona menu mobile */ 

a.evi { background-color: #d1c7af; }	



/* HOMEPAGE / PAGINA GENERICA */

#pagina {
		 xbackground: #fff;
		 border: 1px solid #fff;
		 margin: auto;
		 text-align: center;
		 height: 100%;
		 padding: 14px;
		 max-width: 60em;
		 line-height: 1.666em;
		 font-size: 1.1em;
		 }	

#pagina p { text-align: justify; }

.bigTitle {
		   margin-left: auto;
	       margin-right: auto;
           }

.clearfix:before,
.clearfix:after {
   			     content: '\0020';
				 display: block;
				 overflow: hidden;
				 visibility: hidden;
				 width: 0;
				 height: 0;
				 }

.clearfix:after { clear: both; }


.main-page-img1 {
	             float: left;
	             margin: 0 40px 20px 0;
	             padding: 12px;
	             }
	
#boxRicerca { 
			 float: left; 
			 width: 241px; 
			 }


.label-prod-home
 				{
				 width: 100%; 
				 font: 1.0625em 'Oswald', Arial, sans-serif;
	             color: #000;
	             text-align: center;
			     }

.label-prod-home.light { font-weight: 300; }

.label-prod-home.upp { text-transform: uppercase; }

.label-prod-home.big { font-size: 2.5em; xfont-size: 40px; }

#pagina a:hover { color: #fff; }

#prodHome { float: left; min-width: 33.333%; height: 350px; margin-bottom: 40px; }

#prodSearch { float:left; min-width: 33%;  height: 350px; margin-bottom: 40px; border-right: 1px solid #ccc; }

#descLatProd { float: left; padding-left: 50px; width: 25em; }

#descProd { text-align: justify; border-bottom: 1px solid #ccc; max-width: 58.5625em; margin: auto; margin-top: 40px; margin-bottom: 40px; }

#colonna1, #colonna3 { float: left; min-width: 33.3%; height: 240px; margin-bottom: 40px; }

#colonna2 { float: left; min-width: 33.1%; height: 240px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }

#galleryProd { float: left; width: 31.25em; margin-top: 0.7em; xborder: 1px solid green; }

.titolo {
		 display: block;
		 font-size: 1.25em;
		 xfont-size: 20px;
		 font-weight: 400;
		 line-height: 2.1875em;
		 xline-height: 35px;
		 margin: 21px 0 24px;
		 text-align: center;
		 position: relative;
		 }

h1 { color: #d1c7af; font: 3.6em 'Oswald', Arial, sans-serif; margin: 0; } 

h2 { color: #868686; font: 3em 'Oswald', Arial, sans-serif; margin: 0; } 

h3 { font: 20px 'Oswald', Arial, sans-serif;  text-align: left; padding: 15px  15px 15px 0; margin: 0; }

h1.homeCol { color: #fff; font: 2.5em 'Oswald', Arial, sans-serif; padding-top: 25px; margin: 0; } 

table, th, td {
  border: 1px solid gray; 
  border-collapse: collapse;
}

th { background:#d1c7af; }

/* bottone homepage */

.bottone {
	     background: #4d4d4d;
	     color: #fff;
	     display: inline-block;
	     font: 2.5em 'Oswald', Arial, sans-serif;
	     padding: 0 14px;
	     padding-top: 25px;
	     width: 285px; 
	     height: 190px;
	     text-decoration: none;
	     -webkit-transition: all 0.3s ease-out;    
	     -moz-transition: all 0.3s ease-out;  
	     -ms-transition: all 0.3s ease-out;  
	     -o-transition: all 0.3s ease-out;  
	     transition: all 0.3s ease-out;
	     }

.bottone:hover { background: #4d4d4d; color: #fff; text-decoration: none; }


/* bottone pagina */

.bottonePagina {
	     background: #d1c7af;
	     color: #fff;
	     display: inline-block;
	     font: 1.5em 'Oswald', Arial, sans-serif;
	     margin-bottom: 30px;
	     width: 285px; 
	     height: 38px;
	     line-height: 38px;
	     text-decoration: none;
	     -webkit-transition: all 0.3s ease-out;    
	     -moz-transition: all 0.3s ease-out;  
	     -ms-transition: all 0.3s ease-out;  
	     -o-transition: all 0.3s ease-out;  
	     transition: all 0.3s ease-out;
	     }

.bottonePagina:hover { background: #4d4d4d; color: #fff; text-decoration: none; }


/* Home */


font.titolo {
			font: 22px 'Oswald', Arial, Helvetica, sans-serif;
			color: #5e5954;
			letter-spacing: 0.5px;
			}  


#box1 { float: left; max-width: 600px; } /* pulsanti verdi home */

#homeColon { 
		  max-width: 310px; 
		  xbackground: #80b966;
		  height: 230px; 
		  text-align: center; 
		  float: left;
		  } 
		  
#homeCol1 { 
		  max-width: 310px; 
		  xbackground: #80b966;
		  height: 230px; 
		  text-align: center; 
		  float: left;
		  } 

#homeCol2 { 
		  width: 310px; 
		  xbackground: #80b966; 
		  height: 230px; 
		  text-align: center; 
		  float: left;
		  margin-right: 10px;
		  margin-left: 10px;
		  } 

#homeCol3 { 
		  width: 310px;
		  xbackground: #80b966;
		  height: 230px;
		  text-align: center;
		  float: left;
		  }

#trio { min-height: 240px; margin:auto; max-width: 960px; overflow: hidden; }

.buttonHome { color: #ff8a00; }

/* FOOTER */

#footer {
		 text-align: left;
		 background: #686157;
		 color: gray;
		 height: 362px;
		 line-height: 1.6;
		 xborder: 1px solid #ccc;
         }			 

		 		 		 
/* SOCIAL */

.social {
	     max-width: 60em;
		 margin: auto; 
		 overflow: hidden;
         }

.social .custom-content a {
						   float: left;
						   margin-right: 10px;
						   display:block;
						   }

.social .custom-content.image-hover a {
									   width: 40px;
									   height: 40px;
	                                   overflow: hidden;
									   }
									   
.social .custom-content.image-hover a:hover img { margin-top: -40px; }

.info {
	   max-width: 60.625em;
	   margin: auto; 
	   margin-top: 40px;
	   margin-bottom: 20px;
	   min-height: 12em;
	   overflow: hidden;
	   xbackground: url(images/footer-bg-info.png);
	   background: #4d4d4d;
	   padding:28px;
       }
         
#column {
	     min-width: 19.6%;
		 margin: 5px 48px;
		 padding-left: 22px;
	     float: left;
	     font-size: 13px;
	     color: gray;
         }

 h4 {
	 margin: 1em 0 1em 0;
	 font: 1.5em 'Oswald', Arial, sans-serif;
	 margin-bottom: 28px;
	 padding-bottom: 13px;
	 color: #fff;
	 letter-spacing: 1px;
	 border-bottom: 1px solid gray;
     }	

/* LINKS */

a { color: #d1c7af; outline: none; text-decoration: underline; }

a:hover, a:active { outline: 0; text-decoration: underline; color: #d1c7af; } 

a.linkPag { font-size: 17px; font-weight: bold; text-decoration: underline; border: 1px solid #ccc; padding: 8px; }  

a.linkPag:hover { background: #555; }

a.ordinaPer:hover { color: #555; text-decoration: underline; }

span.thePage { font-size: 17px; font-weight: bold; border: 1px solid #ccc; padding: 8px; }

a.homeBox:hover { background: #333; }


/* RESPONSIVE */

/* IE10+ VIEWPORT FIX */
@-ms-viewport { width:device-width;}
@viewport { width:device-width;}

/* IPAD 768px  */
/* su iPad i prodotti in homepage e nella search passano da 3 a 2 colonne. Nascondo poi il Numero Verde */
@media only screen and (min-width: 768px) and (max-width: 960px) {
	
	#prodHome { min-width: 50%; }
	
	#prodSearch { min-width: 48%; }
	
	#numeroVerde { display: none; }
	
	#menuDx { margin-left: 45px; }
	
	#descLatProd { padding-left: 10px; width: 15.5em; }
	
	#descProd { padding: 8px; }
	
	#colonna1 { margin-left: 2px; }
	
	#colonna2 { border: 0; }
	
	#xbox1 { margin: auto; text-align: center; width: 100px; } /* pulsanti verdi home */
	
	#box1 { xfloat: none; margin: auto; text-align: center; width: 100%;  } /* pulsanti verdi home */
	
    #header { height: 100%; }
	
	#header2 { height: 100%; }
	
	#logo4 { margin-top: 5px; margin-bottom: 0px; }
	
	#lamp { margin-left: 0px; margin-right: 0px; margin-top: 40px; }
	
	#lampImg { max-width: 100px; margin-left: 10px; }
	
	#trio { max-width: 300px; }
	
	#column { padding-left: 3px; max-width: 15%; }
	
	#logo5 { max-width: 150px; }
}


/* IPHONE 767px  */
@media screen and (max-width:767px) {
     
    #testoHome { display: none; }
    
    #logo1 { margin-right: 0px; margin-top: 60px; margin-bottom: 0px; }
    
    #logo2 { max-width: 140px; margin: auto; }
    
	#fascetta-home, #menuDx, #boxRicerca { display: none; }
	
	#box1 { float: none; margin: auto; text-align: center; width: 300px; } /* pulsanti verdi home */
	
	#colonna1, #colonna2, #colonna3, #prodHome, #prodSearch { width: 100%; margin: auto; }
	
	#homeCol1, #homeCol2, #homeCol3 { width: 100%; margin: auto; }
	
	#column { width: 100%; margin: auto; text-align: center; margin: 0; padding: 0; }
	
	#descProd { padding: 8px; }
	
	#descLatProd  { width: 100%; margin: auto; padding-left: 8px; }
	
	#galleryProd { width: 100%; }
	
	#header { height: 100%; }
	
	#header2 { height: 100%; }
	
	#menu-small { float: none; margin-left: 0; margin:auto; }
	
	#bottone-procedi-ordine { text-align: center; }
	
	.nav-menu { display: block; padding: 20px 10px; cursor: pointer; float: right; }

	.nav-lista { float: left; width: 100%; overflow: hidden; height: 0; }

	.nav-aperto { height: auto; }
	
	.nav-lista li { width:100%; }

}