* { padding: 0; margin: 0; }
body { font-size: 100%; font-family: 'Noto Sans', Verdana, Arial, sans-serif; background-color: #e6d7ac; margin: 0; padding: 0; /*background-repeat:no-repeat; background-position:center top;*/ background-image: url(images/body_bg.jpg); }
span.mob { display:inline; }
span.web { display:none; }
span.red { color:#C00; font-weight:bold; }
img { margin-bottom:-4px; }
img.img_mob { }
img.logo { max-width:321px; }
ul.lista { margin-right:25px; padding-right:25px; }

a.link { color:#163b05; font-weight:bold; }
a.link:hover { text-decoration:none; }
a.link_footer { color:#fff; }
a.link_footer:hover { text-decoration:none; }
a img { border:0px; text-decoration:none; }

div.pulsanti { width:100%; margin-bottom:15px; }
	a.icone { background-color:#163b05; width: 85%; min-width:45px; display: block; }
	
div.claim_landing { padding: 15px; font-size:120%; color:#fff; font-weight:bold; }

div.contenitore { width:96%; padding:2%; /*background-color:#6585BF;*/ font-size:120%; }
h1.titolo_pagina { margin-top:15px; margin-bottom:20px; font-size: 130%; font-weight:bold; color:#163b05; border-bottom:1px solid #163b05;}
img.realizzazioni { max-width:47%; padding-right:2%; padding-bottom:2%; }

#immagine_principale { width:100%; }
#immagine_principale_realizzazioni { width:100%; }
#immagine_principale_non_solo_serramenti { width:100%; }
#immagine_principale_qualita { width:100%; }
#immagine_principale_lavorazioni { width:100%; }
#immagine_principale_landing_arredamenti { width:100%; }
	div.contenitore_top { width:100%; } /*serve per fare un'unica riga logo e menu*/
		div.contenitore_top_centato { } /*serve per fare un'unica riga logo e menu*/
			div.top_logo { text-align:center; }
			div.top_manu { }
	div.contenitore_menu_top { width:100%; } /*serve per fare un'unica riga del menu*/

		/*DEFINIAMO IL DIV DEL MENU ORIZZONTALE mob*/
		div#hormenu_mob {
		 width: 100%; 
		 /*float: left;*/
		 padding: 0;
		 /*border-top: 1px solid black;*/
		 font-family: 'Open Sans Condensed', sans-serif;
		 }
		/*TOGLIAMO IL MARCATORE DI LISTA*/
		div#hormenu_mob ul {
		 margin: 0;
		 padding: 0;
		 list-style-type: none;
		 }
		/*definiamo i singoli elementi principali del menu*/
		div#hormenu_mob li {
		 /*width:100%;*/
		 display:block;
		 margin-bottom: 3px;
		 } 
		/*definiamo gli stili per i link del menu*/
		div#hormenu_mob a {
		 display: block;
		 padding-top: 7px;
		 padding-bottom: 7px;
		 background-color:#163b05;
		 color: #fff;
		 text-decoration: none;
		 text-align:center;
		 font-weight:bold;
		 }
		
		/* fine menu mob */
		
		/*menu full nascosto in versione mobile*/
		div#hormenu {
		 display:none;
		 }
		/*fine menu full*/

div.icona_top { text-align:center; margin-top:20px; margin-bottom:20px; }

div.telefona { max-width: 120px; margin-right: auto; margin-left: auto; padding-top:7px; padding-bottom:7px; text-align:center; }
div.telefona a { border:0px; display:block; background-color:#163b05; }

/*dati form*/
label.one { display: block; }
div.privacy { font-size: 70%; }
label.radio { width:auto; }
input { display: block; width:90% }
input.provincia { width:auto; }
input.radio { width:auto; display:inline; }
textarea.form { display: block; width:90%; }
input.invia { width:auto; padding:7px; background-color:#163b05; color:#fff; font-weight:bold; border:1px solid #fff; display:inline; font-size:100%; font-family: 'Josefin Sans', sans-serif;}
/*fine dati form*/

#footer_full { font-family: 'Open Sans Condensed', sans-serif; width:100%; background-color:#303030; background-color:rgba(48,48,48,0.83); color:#CCC; padding-top:10px; padding-bottom:10px; border-top:2px solid #858587; }
	#footer_centrato { font-size:85%; padding-left:8px; padding-right:8px; }
		#footer_istituzionali { padding-bottom:10px; }
		#footer_social { padding-bottom:10px; }

@media (min-width: 768px) {
	span.mob { display:none; }
	span.web { display:inline; }
	img.img_mob { display:none; }
	div.pulsanti { display:none; }
	div.contenitore { width:708px; padding:10px; margin-left:auto; margin-right:auto; }
	h1.titolo_pagina { margin-top:20px; margin-bottom:30px; font-size: 140%; font-weight:bold; color:#163b05; border-bottom:1px solid #163b05;}

	/*#immagine_principale { position:relative; z-index:-2; height:386px; overflow:hidden; }*/
	#immagine_principale { position:relative; z-index:-2; height:386px; overflow:hidden; background-image: url(images/principali/falegname.jpg); background-repeat:no-repeat contain; background-position:center; }
	#immagine_principale_realizzazioni { position:relative; z-index:-2; height:386px; overflow:hidden; background-image: url(images/principali/arredamenti.jpg); background-repeat:no-repeat contain; background-position:center; }
	#immagine_principale_non_solo_serramenti { position:relative; z-index:-2; height:386px; overflow:hidden; background-image: url(images/principali/non_solo_serramenti.jpg); background-repeat:no-repeat contain; background-position:center; }
	#immagine_principale_qualita { position:relative; z-index:-2; height:386px; overflow:hidden; background-image: url(images/principali/qualita.jpg); background-repeat:no-repeat contain; background-position:center; }
	#immagine_principale_lavorazioni { position:relative; z-index:-2; height:386px; overflow:hidden; background-image: url(images/principali/lavorazioni.jpg); background-repeat:no-repeat contain; background-position:center; }
	#immagine_principale_landing_arredamenti { position:relative; z-index:-2; height:386px; overflow:hidden; background-image: url(images/principali/arredamenti2.jpg); background-repeat:no-repeat contain; background-position:center; }
		div.contenitore_top { margin-left:auto; margin-right:auto; background-color:#303030; background-color:rgba(48,48,48,0.83); position:absolute; height:165px; }
			div.contenitore_top_centato { width: 768px; margin-left:auto; margin-right:auto; background-color:#f00; } 
				div.top_logo { float:left; width:150px; display:block; height:165px; }
				div.top_manu { float:left; width:615px; background-color:#ccc; display:block; }
		div.contenitore_menu_top { margin-left:auto; margin-right:auto; background-color:#DFA9AA; position:absolute; }
	
			/*nascondiamo menu mob*/
			div#hormenu_mob {
				display:none;
			 }
			
			/*DEFINIAMO IL DIV DEL MENU ORIZZONTALE*/
			div#hormenu {
			 display:block;
			 /*width: 768px;*/ 
			 float:left; width:600px; display:block; 
			 height: 55px;
			 line-height:55px;
			 /*margin-left:auto;
			 margin-right:auto;*/
			 font-family: 'Open Sans Condensed', sans-serif;
			 }
			/*TOGLIAMO IL MARCATORE DI LISTA*/
			div#hormenu ul {
			 margin: 0;
			 padding: 0;
			 list-style-type: none;
			 }
			/*definiamo i singoli elementi principali del menu*/
			div#hormenu li {
			 display:inline-block;
			 /*width:20%;*/
			 width:25%;
			 /*altezza voce principale menu*/
			 height: 55px;
			 line-height:55px;
			 /*altezza voce principale menu*/
			 float:left;
			 margin: 0;
			 padding: 0;
			 color:#000;
			 /*text-align:center;*/
			 text-align:right;
			 } 
			/*definiamo gli stili per i link del menu*/
			div#hormenu a {
			 
			 padding: 0px;
			 /*
			 background-color:#003178;
			 background-color:rgba(0,49,120,0.80);
			 */
			 color: #fff;
			 text-decoration: none;
			 text-align:center;
			 font-family: 'Open Sans Condensed', sans-serif;
			 font-size:120%;
			 }
			 div#hormenu a:hover {
				text-decoration: underline;
				color:#e6dfc3;
			 }
			
		
		/* fine menu */
	
	div.icona_top { display:none; }
		#footer_centrato { width:708px; /*tolti 16px di padding left e right*/ margin-left:auto; margin-right:auto; }
			#footer_istituzionali { width:67%; margin-right:3%; float:left; }
			#footer_social { width:28%; float:right; text-align:right; }
	
	div.telefona { display:none; }
	
	/*dati form*/
	label.one { width: 210px; padding-right:10px; text-align:right; display:inline-block; }
	label.privacy_text { width: 460px; display:inline-block; }
	input { width: 460px; display:inline; }
	textarea.form { width: 460px; display:inline; }
	input.provincia { width:50px; }
	
	/*fine dati form*/
	
}

@media (min-width: 1000px) {
	#immagine_principale { height:502px; }
	#immagine_principale_realizzazioni { height:502px; }
	#immagine_principale_non_solo_serramenti { height:502px; }
	#immagine_principale_qualita { height:502px; }
	#immagine_principale_lavorazioni { height:502px; }
	#immagine_principale_landing_arredamenti { height:502px; }
		div.contenitore_top { }
			div.contenitore_top_centato { width: 1000px; }
				div.top_logo { width:200px; }
		div.contenitore_menu_top { background-color:#5491A0; }
			/*DEFINIAMO IL DIV DEL MENU ORIZZONTALE*/
			div#hormenu {
			 /*width: 1000px;*/
			 width: 780px;
			 height: 55px;
			 line-height:55px;
			 }
			/*TOGLIAMO IL MARCATORE DI LISTA*/
		
			/*definiamo i singoli elementi principali del menu*/
			div#hormenu li {
			 /*altezza voce principale menu*/
			 height: 55px;
			 line-height:55px;
			 } 	

	div.contenitore { width:960px; padding:10px; }
	
		#footer_centrato { width:960px; }
	
	/*dati form*/
	label.one { width: 230px; padding-right:10px; text-align:right; }
	label.privacy_text { width: 650px; }
	input { width: 650px; }
	textarea.form { width: 650px; }
	/*fine dati form*/
	
}

		
@media (min-width: 1200px) {
	#immagine_principale { height:603px; }
	#immagine_principale_realizzazioni { height:603px; }
	#immagine_principale_non_solo_serramenti { height:603px; }
	#immagine_principale_qualita { height:603px; }
	#immagine_principale_lavorazioni { height:603px; }
	#immagine_principale_landing_arredamenti { height:603px; }
		div.contenitore_top { }
			div.contenitore_top_centato { width: 1200px; }
				div.top_logo { width:240px; }
		div.contenitore_menu_top { background-color:#60905A; }
			/*DEFINIAMO IL DIV DEL MENU ORIZZONTALE*/
			div#hormenu {
			 /*width: 1200px;*/
			 width: 940px;
			 height: 55px;
			 line-height:55px;
			 }
			/*TOGLIAMO IL MARCATORE DI LISTA*/
		
			/*definiamo i singoli elementi principali del menu*/
			div#hormenu li {
			 /*altezza voce principale menu*/
			 height: 55px;
			 line-height:55px;
			 } 	

	div.contenitore { width:1160px; padding:10px; }
	
		#footer_centrato { width:1160px; }
	
}