/* STILE PAGINA Home */

/* GRIGLIA all'interno del div Contenuto */
.main_index{
	display: grid;
		grid-template-columns: [inz-col] 5% [col-2] 15% [col-3] 15% [col-4] 15% [col-5] 15% [col-6] 15% [col-7] 15% [col-8] 5% [fin-col];
		grid-template-rows: [inz-rig] auto [rig-2] auto [rig-3] auto [rig-4] auto [rig-5] auto [rig-6] auto [rig-7] auto [fin-rig];
		grid-template-areas: 
			"incell_1 incell_1 incell_1 incell_1 incell_1 incell_1 incell_1 incell_1"
			"incell_2 incell_2 incell_2 incell_2 incell_2 incell_2 incell_2 incell_2"
			"incell_3 incell_3 incell_3 incell_3 incell_4 incell_4 incell_4 incell_4"
			"incell_5 incell_5 incell_5 incell_5 incell_6 incell_6 incell_6 incell_6"
			"incell_7 incell_7 incell_7 incell_7 incell_7 incell_7 incell_7 incell_7"
			"incell_8 incell_9 incell_9 incell_10 incell_10 incell_11 incell_11 incell_12"
			"incell_13 incell_14 incell_14 incell_15 incell_15 incell_16 incell_16 incell_17";
	grid-gap: 0px 0px;
	}
	
.incell_1{grid-area:incell_1;background: rgb(255,255,255); padding:15px 0px 15px 0px;} /*contiene l'immagine principale della home */
.incell_2{grid-area:incell_2;background: rgb(255,255,255);} /* contiene testo */
.incell_3{grid-area:incell_3;background: rgb(255,255,255);}
.incell_4{grid-area:incell_4;background: rgb(255,255,255);}
.incell_5{grid-area:incell_5;background: rgb(255,255,255);}
.incell_6{grid-area:incell_6;background: rgb(255,255,255);}
.incell_7{grid-area:incell_7;background: rgb(255,255,255);}
.incell_8{grid-area:incell_8;background: rgb(255,255,255);}
.incell_9{grid-area:incell_9;background: rgb(255,255,255);}
.incell_10{grid-area:incell_10;background: rgb(255,255,255);}
.incell_11{grid-area:incell_11;background: rgb(255,255,255);}
.incell_12{grid-area:incell_12;background: rgb(255,255,255);}
.incell_13{grid-area:incell_13;background: rgb(255,255,255);}
.incell_14{grid-area:incell_14;background: rgb(255,255,255);}
.incell_15{grid-area:incell_15;background: rgb(255,255,255);}
.incell_16{grid-area:incell_16;background: rgb(255,255,255);}
.incell_17{grid-area:incell_17;background: rgb(255,255,255);}

/* Fine GRIGLIA main_index */

/* stile link pagina home */
a.style:link {
	color:#000000; 
	text-decoration:none; 
	font-style:normal;
	}
	
a.style:visited { color:#000000;
	text-decoration:none;
	font-style:normal;
	}
a.style:hover {
	color: #000000;
	text-decoration:underline;
	font-style:normal;
	font-weight:normal;
	}
	
a.style:active { 
	color:#000000;
	text-decoration:underline;
	font-style:normal;
	}
/* fine stile link */

/* STILE SERVIZI PAGINA Home */
.cont_servizi{
	display:flex;
	width:100%;
	height:auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:10px 10px 10px 10px;
}

@media (min-width:1152px) {
p.tithome{
	text-align:center;
	text-decoration:none;
	font-family: 'Open Sans', sans-serif;
	font-style:normal;
	font-weight:bold;
	font-size:20pt;
	color:#000000;
	border-top:5px solid #3576C4;
	border-bottom:5px solid #3576C4;
	padding:10px 0px 10px 0px;
	margin:10px 0px 10px 0px;
	}

div.imgservizi{
	float:left;
	width:95%;
	min-height:300px;
	max-height:480px;
	margin:0 auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	box-shadow: 3px 3px 5px 1px rgb(153,153,153);
	}

p.servizi{
	text-align:left;
	text-decoration:none;
	font-family: 'Open Sans', sans-serif;
	font-style:normal;
	font-weight:bold;
	font-size:14pt;
	color:#333;
	padding:10px 30px;
	}	
	
p.testodescservizi{
	display:block;
	height:33%;
	background:rgba(125,125,125,0.3);
	text-align:justify;
	font-size:9pt;
	font-style:italic;
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
	line-height:2;
	color:#ff4500;
	padding:5px 30px;
	}
}

@media (max-width:1151px) {	
p.tithome{
	text-align:center;
	text-decoration:none;
	font-family: 'Open Sans', sans-serif;
	font-style:normal;
	font-weight:bold;
	font-size:20pt;
	color:#000000;
	border-top:5px solid #3576C4;
	border-bottom:5px solid #3576C4;
	padding:10px 0px 10px 0px;
	margin:10px 0px 10px 0px;
	}

div.imgservizi{
	float:left;
	width:95%;
	min-height:240px;
	max-height:480px;
	margin:0 auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	box-shadow: 3px 3px 5px 1px rgb(153,153,153);
	}

p.servizi{
	text-align:left;
	text-decoration:none;
	font-family: 'Open Sans', sans-serif;
	font-style:normal;
	font-weight:bold;
	font-size:12pt;
	color:#333;
	padding:10px 30px;
	}	
	
p.testodescservizi{
	display:block;
	height:33%;
	background:rgba(125,125,125,0.3);
	text-align:justify;
	font-size:9pt;
	font-style:italic;
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
	line-height:1.5;
	color:#ff4500;
	padding:5px 30px;
	}
}

@media (max-width:1050px) {	
p.tithome{
	font-size:18pt;
	}

div.imgservizi{
	min-height:240px;
	max-height:480px;
	}

p.servizi{
	font-size:11pt;
	}	
	
p.testodescservizi{
	font-size:8.5pt;
	line-height:1.5;
	}
}

@media (max-width:880px) {	
p.tithome{
	font-size:14pt;
	}

div.imgservizi{
	min-height:200px;
	max-height:480px;
	}

p.servizi{
	font-size:9.5pt;
	}	
	
p.testodescservizi{
	font-size:7.5pt;
	line-height:1.2;
	}
}

@media (max-width:720px) {	
p.servizi{
	font-size:9pt;
	}	
	
p.testodescservizi{
	font-size:7pt;
	line-height:1.2;
	}
}

@media (max-width:660px) {	
p.servizi{
	font-size:9pt;
	background:rgba(125,125,125,0.3);
	}

p.testodescservizi{
	display:none;
	}
}

/* fine stile  SERVIZI Home */


/* STILE contenitore immagine e titoli dei lavori strutturali */
p.testo_imgstrutture{
	display:block;
	max-width:auto;
	height:50px;
	text-align:center;
	line-height:3.5; /* 2.5+1 si posizionw a metà */
	font-size:10pt;
	font-weight:bold;
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
	background:rgb(255,153,0); 
	margin:10px 10px 0px 10px;
}

div.box_imgstrutture{
	display:inline-block;
	width:96%;
	max-width:800px;
	margin:10px auto;
	border:1px solid rgb(153,153,153);
	box-shadow: 3px 3px 5px 1px rgb(153,153,153);
}
/* fine stile lavori strutturali */


/* fine stile pagina Home */