@charset "utf-8";

*{
	margin:0;
	padding:0;
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/*  tags Generali */


html, body{
    font-family: Lato, Roboto, sans-serif,Trebuchet, Tahoma, Geneva,  Verdana, Arial;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    margin:0;
    padding:0;
    overflow-x: hidden;
    }
body{
    width: 100%;
    font-size: small;
	background-color: #ffffff;
	color: #2b2b2b;
   font-size: smaller;
    }
p{
	margin-top: 10px;
}
a {
	text-decoration: none;
	color: rgba(255, 255, 255, 0);
}
.content1{
    width: 75%;
    margin-top: 0%;
    margin-left: auto;
    margin-right: auto;
	position: relative;
	background-color: #ffffff;
}
.content{
    width: 90%;
    margin-top: 0%;
    margin-left: auto;
    margin-right: auto;
	position: relative;
}
.content p{
	margin-left: 2%;
	margin-right: 2%;
}
.l_ITA{display: block;}
.l_ENG{display: none;}	
.obl{color:#F7023B; font-weight: 700;}

.etich {color:#ffffff; font-weight: 700; float: left; width: 21%; text-align: left; margin-left: 20px}
#sfondo_portfoglio p #aprivacy a{color:#ffffff; z-index: 100;}
#sfondo_portfoglio p #aprivacy a:hover{color:#ccae07}
.bold_900{
	font-weight: 900;
}
.bold_700{
	font-weight: 700;
}
.bold_300{
	font-weight: 300;
}
.italic {
	font-style: italic;
}
.txtcenter {text-align: center;}
.txtleft {text-align: left;}
.txtright {text-align: right;}
.txtgiustificato {text-align: justify;}

.centrMargini {
	margin-left: auto;
	margin-right: auto}
	
/* ---- PADDING ---- */
.padd_1 {padding:1%}
.padd_2 {padding:2%}
.padd_3 {padding:3%}
.padd_4 {padding:4%}

.paddT70{padding-top: 70px}
.paddT50{padding-top: 50px}
.paddT30{padding-top: 30px}
.paddT20{padding-top: 20px}
.paddT10{padding-top: 10px}
.paddT5{padding-top: 5px}

.paddLeft1{padding-left: 1%}
.paddLeft3{padding-left: 3%}
.paddLeft5{padding-left: 5%}
.paddLeft10{padding-left: 10%}
.paddLeft15{padding-left: 15%}
.paddLeft20{padding-left: 20%}
.paddLeft25{padding-left: 25%}
.paddLeft30{padding-left: 30%}

.paddRight1{padding-right: 1%}
.paddRight3{padding-right: 3%}
.paddRight5{padding-right: 5%}
.paddRight10{padding-right: 10%}
.paddRight15{padding-right: 15%}
.paddRight20{padding-right: 20%}
.paddLeft25{padding-left: 25%}
.paddLeft30_xl{padding-left: 30%}

.paddLeft-Right1{padding-left: 1%; padding-right: 1%}
.paddLeft-Right3{padding-left: 3%; padding-right: 3%}
.paddLeft-Right5{padding-left: 5%; padding-right: 5%}
.paddLeft-Right10{padding-left: 10%; padding-right: 10%}
.paddLeft-Right15{padding-left: 15%; padding-right: 15%}
.paddLeft-Right20{padding-left: 20%; padding-right: 20%}
.paddLeft-Right25{padding-left: 25%; padding-right: 25%}
.paddLeft-Right30{padding-left: 30%; padding-right: 30%}

.header{
	width: 100%;
}
.header img{
	width: inherit;
	height: inherit;
}
.sliderheader{
   
}
.container{
width:100%;
margin:0 auto;
background:rgba(204, 204, 204, 0);
}
.containerProj{
width:100%;
margin:0 auto;
background:rgba(255, 255, 255, 0.7);
}

.clearfix:after,
.container:after{
     display:block;
     overflow:hidden;
     visibility:hidden;
     width:0;
     height:0;
     clear:both;
}
.clearfix,
.container{
	zoom:1;
}

.container .colonna{
border-right: 0px solid rgba(0, 221, 255, 0);
text-align: center;
align-items: stretch;
vertical-align: top;
}

.emphyBox{
	width: 100%;
	color:rgba(0, 0, 0, 0);
}

.riga{
clear: both;
width: 100%;
height: 100%;
text-align: center;
}

.clear{background-color:rgba(247, 247, 247, 0.7);color:#2D4991;}
.dark{background-color:rgba(91, 90, 90, 0.7);color:#ffffff;}
.blue{background-color:rgba(44, 73, 147, 0.5); color:#ffffff;}
.arancio{background-color:rgba(234, 124, 7, 0.5); color:#ffffff;}
.verde{background-color:rgba(51, 119, 26, 0.5); color:#ffffff;}
.shadowBottom{box-shadow: 0 7px 10px -4px rgba(44, 73, 147, 0.5);}

.icoSvg{
	width:40px;
	height:40px;
	float:left;
	margin-right: 5%;
	text-align: left;
	background-position: left;
	background-repeat: no-repeat;
}
.linea{
	color: rgba(155, 126, 12, 0);
	background-color: #9B7E0C;
	width: 100px;
	height: 2px;
   display: inline-block;
   margin: 10px;
}
.tit_sez h2{
	color: #9B7E0C;
	margin-left: auto;
    margin-right: auto;
	text-decoration: none;
	}
.tit_sez span{
	color: #9B7E0C;
	background-color: #9B7E0C;
	width: 20%;
    height: 2px;
    margin-top: 5%;
	
}
#hr1{margin-left:0%; display: inline-block;}
#hr2{margin-left:80%; display: inline-block;}
.tit_sez a {
	vertical-align: top;
	width: 50%;
	text-decoration: none;
	color:#2b2b2b;
	text-align: center;
}
.tit_sez a:hover {
	color: #9B7E0C;
}
.sfondoImg{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	min-height: 35px;
	background-attachment:fixed;
	height: 100%;
}
.sfondoColor{
	height: 100%;
	width: 100%;
	padding-bottom: 20px;
	background-attachment:fixed;
}

/* stili Sezione Portfoglio */
#sfondo_portfoglio{
	background-image: url(../IMG/disptext_back.png);
	height: 100%;
}
#sfondo_portfoglio button {
    background-color: rgba(1, 23, 79, 0.7);
    color: #fff;
    border-radius: 25px;
	}
#sfPortColor{
	background-color: rgba(56, 71, 76, 0)
}

/*#sfPortColor p {
	width: 90%;
	margin-left: auto;
    margin-right: auto;
	}*/

#sfondo_portfoglio p a{
	color: #2b2b2b;
}
#sfondo_portfoglio p a:hover{
	color: #9B7E0C;
}
#sfondo_portfoglio button:hover{
		background-color: rgba(255, 255, 255, 0.7);
		color:rgba(1, 23, 79, 1);
		border: solid 1px rgba(1, 23, 79, 0.7);
}

.boxPortf{
	margin-bottom: 1.5%;
	background-color: rgba(43, 43, 43, 0.7);
	display: inline-block;
	vertical-align: top;
	box-shadow: 5px -5px 10px rgba(20, 13, 0, 0.4);
}
.boxPortf img{
	width: 100%;
	height: 100%;
}
.descImp{
	color: rgba(255, 255, 255, 1);
    position: absolute;
    margin: -20% 0% 0% 0%;
    padding: 2%;
    background-color: rgba(1, 23, 79, 0.7);
}

/* stili Sezione servizi*/
#sfServColor{
	background-color:rgba(38, 79, 91, 0.7)
}
#sfServColor h2{
	color:#000000;
}
#sfServColor hr{
	color:#000000;
	background-color: #000000;
	width: 7%;
	height: 4px;
	margin: 2%;
	margin-left: auto;
	margin-right: auto;	
}
.boxServ{
	margin-bottom: 1.5%;
	border: solid 0px #707070;
	background-color: rgba(214, 214, 214, 0.3);
	box-shadow: 0px -5px 10px rgba(20, 13, 0, 0.7);
	position: relative;
	border-radius: 20px;
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	}
.boxServ img{
	width: 100%;
	height: 100%;
	border-radius: 20px;
	}
	
.boxServ_1{
	margin-bottom: 1.5%;
	background-color: rgba(234, 226, 213, 0);
	position: relative;
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	background-repeat: no-repeat;
}
.boxServ_1::before,
.boxServ_1::after{
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.boxServ_1::before {
   content: attr(data-title);
    top: 0;
    background-color: rgba(234, 226, 213, 0.9);
    height: 55px;
    width: 90%;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    padding: 5%;
    color: #9B7E0C;
    font-style: italic;	
}
.boxServ_1::after {
    content: attr(data-description);
    top: 55px;
    width: 90%;
    background: #111111;
    background-color: rgba(234, 226, 213, 0.9);
    font-size: 14px;
    text-align: justify;
    padding: 0% 5%;
    left: 0;
    line-height: 1.5;
	
}
.boxServ_1:hover::before,
.boxServ_1:hover::after {
   opacity: 1;
}

  .boxServ_1:hover::after {
	overflow: auto;
	max-height: 150px;}

.boxServ_1 img{
	width: 100%;
	height: 100%;
	padding:10%
	}
	/* ------- icone verde turchese ------*/
	


.areaServTesto{
	width: 87%;
  margin: 0% auto;
  text-align: justify;
  line-height: 1.5;
  background-color: rgba(255, 255, 255, 0.3);
	padding: 20px;
}
.areaServTesto p{
	font-size: 14px;
	line-height: 1.3;
}
.areaServTesto h4, .areaServTesto h3 {
	display: inline-block;
  margin-left: 20px;
}

#sfondo_portfoglio .areaServTesto h4 {
    text-align: left;
}
#sfondo_portfoglio .areaServTesto h3 {
	text-align: right;
}
#serv_1, #serv_2, #serv_3, #serv_4, #serv_5,
#serv_1M, #serv_2M, #serv_3M, #serv_4M, #serv_5M,
#serv_1S, #serv_2S, #serv_3S, #serv_4S, #serv_5S
{ display: none;}
/*
 .boxServ_2 img{
	width: 95%;
	height: 95%;
padding:5%
	}
.boxServ_2::before,
.boxServ_2::after{
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.boxServ_2::before {
   content: attr(data-title);
    top: 0;
	left: 0;
    background-color: rgba(38, 79, 91, 0.9);
    height: 55px;
    width: 90%;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding: 5%;
    color: #ffffff;
    font-style: italic;	
}
.boxServ_2::after {
    content: attr(data-description);
    top: 55px;
    width: 90%;
    color: #ffffff;
    background-color: rgba(38, 79, 91, 0.9);
    font-size: 14px;
    text-align: justify;
    padding: 0% 5%;
    left: 0;
    line-height: 1.5;
	min-height: 150px;
	max-height: 150px;
}
.boxServ_2:hover::before,
.boxServ_2:hover::after {
   opacity: 1;
}

  .boxServ_2:hover::after {
	overflow: auto;}
*/

/* stili Sezione categorie */
.contCategorie{
	width: 80%;
	min-width: 50%;
	height: auto;
	min-height: 50px;
	font-size: small;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(224, 103, 155, 0);
	border: 0px solid rgba(224, 103, 155, 0);
	margin-bottom: 0%;
    padding: 1% 1% 1% 10%;
	position: relative;
	text-align: left;
    color: rgba(44, 73, 147,1);
}
.contCategorie span{
	width: 100%;
	float: left;
	display: block;
	position:relative;
	text-align:center;
	padding-bottom: 10px;
	margin-left: -10%;
}
.contCategorie button{
	width: auto;
    min-width: 100px;
    margin-left: 1%;
	margin-bottom: 1%;
	padding: 1% 0% 1% 0%;
    background-color: rgba(255, 255, 255, 0);
    border: 0px solid #000000;
    display: inline-block;
    font-size: small;
    color: rgba(44, 73, 147,1);
	text-align: left;
}
.contCategorie button:hover{
	text-decoration: underline;
}

/* stili Sezione footer */
#sfondo_footer{
	background-image: url(../IMG/sfondo_fondo.png);
	min-height: 300px;
	height: auto;
}

#sffooterColor{
	background-color:rgba(3, 30, 38, 0.65);
	min-height: 300px;
	color:#ffffff;
	z-index: 0;
}
.fArea{
	margin: 8%;
	line-height: 20px;
	text-align: left;
}
#fArea_4{
	text-align: left;
	padding-left: 10px;
}
#fArea_5, #fArea_6{
	display: inline-block;
	float: left;
	margin-top: 3%;
	margin-right: 5%;
	line-height: 20px;
	text-align: left;
	width: 90%;
}
#fArea_5 ul,  #fArea_6 ul,  #fArea_7 ul {
	margin-left: 0px;
	list-style: none;
}
#fArea_5 li,  #fArea_6 li {
	display: inline-block;
}
#fArea_7 li{
	display: block;
}
#fArea_5 li a img {
	width: 60px;
	height: 50px;
	margin-left: 10px;
}
#fArea_6 li a img {
	width: 60px;
	height: 50px;
	margin-left: 10px;
}

.fArea li a{
	text-decoration: none;
	color: #ffffff;
}

.fArea li a:hover{
	text-decoration: underline;
}
.fArea a{
	text-decoration: none;
	color: #ffffff;
}
.fArea  a:hover{
	text-decoration: underline;
}
/* DETTAGLIO PROGETTO*/

.cont_dettproj img{
   height: 480px;
   width: 100%;
}

/* AREA RICERCA SUBCATEGORE PROGETTI*/

.pulsSubCat{
	width: auto;
	min-width: 100px;
	padding: 6px;
	display: inline-block;
	border: 0px solid #000000;
	font-size: medium;
	font-style: italic;
	border-left: 1px solid #CEA204;
}

.pulsSubCat:hover{
	color: #CEA204;
	border-bottom: 1px solid  #000000;
}
/*************** PRIVACY *******************/
#privacy a{
	color: #000000;
}
#privacy a:hover{
	text-decoration: underline;
}
#privacy .content{
	width: 80%;
}
#privacy .content p{
	margin: 0%;
}
#privacy ul{
	margin-top: 1%;
}
#privacy li{
	line-height: 1.3;
	text-align: justify;
}
#privacy .ulDecimal{
	list-style: decimal;
	margin-left: 50px;
}
#privacy .ulLetter{
	list-style: upper-latin;
	margin-left: 20px;
}
#privacy .ulSquare{
	list-style: square;
	margin-left: 20px;
}
#privacy .ulNone{
	list-style: none;
	margin-left: 30px;
}
#privacy .ulNone .ulSquare{
	list-style: none;
	margin-left: 20px;
}
/*************** FINE PRIVACY *********************/

/*  NEWS*/

/* area Textarea*/

.botton
{
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 1;
	background-color: #005672;
	color: #ffffff;
	font-size: xx-large;
	font-weight: 700;
	text-decoration: none;
	float: right;
}
a .botton:hover
{
	color: #CEA204;;
}

.boxnew
{
    width: 20%;
    height: auto;
    display: inline-block;
    padding: 1%;
    text-align: center;
		color:#ffffff;
		border:  3px solid rgba(38, 79, 91, 0.7);
	/*background-color: rgba(38, 79, 91, 0.5);*/
    background-color: rgba(255, 255, 255, 0.8);
		vertical-align: top;
}
.boxnew:hover
{
	transform: scale(1.1, 1.1);
	box-shadow: 3px 5px 5px  rgba(206, 162, 4, 0.7);
}

.boxnew a > img
{
	width: 100%;
}

.boxnew > h4
{
	font-size: large;
	font-weight: 700;
	/*color: rgb(38, 79, 91);*/
	padding: 2%;
	text-shadow:0.5px  0.5px #E5E5E5;
	color: #000000 ;
}
.boxnew > p
{
	font-size: medium;
	font-weight: 500;
	/*color: rgb(38, 79, 91);*/
	padding: 2%;
	text-align: left;
	color: #000000 ;
}

.boxnew div
{
	text-align: justify;
	padding: 2%;
	font-size: small;
	background-color: transparent;
}

/* area six sidebar */

.areasix
{
	width: 90%;
	display: inline-block;
	padding-left: 7%;
	color: #ffffff;
}
.areasix p
{
	text-align: left;
	font-size: large;
	font-weight: 700;
	margin-bottom: 10px;
}
.areasix input
{
	display: block;
	min-width: 150px;
	margin-bottom: 3px;
	text-align: left;
	padding: 3px;
	cursor: pointer;
}
.areasix input:hover
{
	border-bottom:  3px solid rgb(204, 174, 6);
	color:  rgba(38, 79, 91, 1);
	font-weight: 600;
	transform: translate(10px);
}
.areasix .filtriNew{
	width: 100%;
}
#filtriNewC{display: none;}

#filtriNewR{display: none;}

/*  CONTATTI*/

.fcontatti a p{
	padding-top: 30px;
	color: #000000;
	cursor: pointer
}
.fcontatti a p span:hover{
	text-decoration: underline;
	color: #ccae07;
}
.fcontatti input[type='text']
{
	width: 65%;
	padding: 2px;
	margin: 3px 5px ;
}
.fcontatti input[type='radio']
{
	width: 10%;
	padding: 2px;
	margin: 3px 5px ;
	display: inline-block;
}
.fcontatti input[type='submit']
{
	width: 30%;
	padding: 3px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	background-color: rgb(204, 174, 6);
	font-weight: 700;
}
.fcontatti input[type='submit']:hover
{
	background-color: rgb(242, 116, 70);
}
.fcontatti h4
{
	color: #ffffff;
	margin-bottom: 30px;
}
.fcontatti h5
{
	color: #ffffff;
	text-decoration: underline;
	margin-bottom: 20px;
	text-align: right;
	width: 95%;
}
.fcontatti label > span
{
	width: 200px
}