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

@import url('https://fonts.googleapis.com/css?family=Open+Sans'); /* font-family: 'Open Sans', sans-serif; */

html{
	 font-size: 100%;
	 width:100%;
	 height:100%;
} 

#cookie {
	width:100%;
	height:auto;
	/*position:absolute;
	left:100%;
	margin-left:-510px;*/
	color:#FFF;
	background-color:#000;
	opacity:0.9;
	text-align:center;
	position:fixed;
	z-index:100;
	font-size:14px;
	padding: 2px 2px 2px 2px;
}



body{
	font-size =16px                  /*    16px / 16px  = 1em              */
	/*line-height:1.150em;            /*    18px  / 16px = 1.125em    */
	text-align: center;
	color: #000;
	/* background: #e6e6e6; */
	background:#FFF;
	padding: 0;
	margin: 0;
	width:100%;
	height:100%;
	font-family: 'Open Sans', sans-serif;
}

a:link {
	text-decoration: none;
	text-align: center;
	color: #000;
}
a:visited {
	text-decoration: none;
	text-align: center;
	color: #000;
}
a:hover {
	text-decoration: none;
	text-align: center;
	color: #000;
}
a:active {
	text-decoration: none;
	text-align: center;
	color: #000;
}

/*  consideriamo 1em paria  16PX (testo)
quindi
1em = 16px. Quindi, 1px = 1 ÷ 16 = 0.0625em.
Quindi moltiplichiamo per N per ottenere gli em necessari alle dimensioni del nostro contenitore:
0.0625em × N = 46.25em
*/

#titolo {
	width:100%;
	font-size:32px;
	color:#000;
	margin-top:20px;
	text-align:center;
}

.h1lisa {
	font-size:32px;	
}

#barramenu {
	width:100%;
	text-align:center;
	display:inline-block;
	margin-top:5px;
	margin-bottom:10px;
}

.menuvoci {
	margin:5px 5px 5px 5px;
	color:#000;
	text-transform:uppercase;
	font-size:18px;
	display:inline-block;
}



@keyframes animatedBackground {
	from { background-position: 50% 0%; background-size: 100% auto; }
	to { background-position: 50% 100%; background-size: 100% auto; }

}

#grandecont {
	width:98%;
	vertical-align:top;
	margin-top:5px;
	display:inline-block;
	text-align:center;
	min-height: 83%;
    height: auto !important;
    height: 83%;
   /* margin: 0 auto -100px; */
}

#contquadrati {
	width:60%;
	min-width:300px;
	display:inline-block;
	vertical-align:top;

}

#boxlife {
	width:35%;
	display:inline-block;
	vertical-align:top;
	text-align:justify;
	line-height:140%;
}

.punti {
	margin-bottom:5px;
	margin-top:5px;
	list-style:none;
}

.grassetto {
	font-weight:bold;
}

.azzurro {
	color:#004B97;
}

.titlavori {
	font-size:26px;
	text-transform:uppercase;
}

#importante {
	width:310px;
	height:150px;
	overflow:hidden;
	display:inline-block;
	margin: 2px 2px 2px 2px;
	text-align:left;
	border:#E4E4E4 1px solid;
	transition: box-shadow 0.50s;
	vertical-align:top;
	
	
}

#importante:hover {
	border:#E4E4E4 1px solid;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.86);
	-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.86);
	box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.86);
	transition: box-shadow 0.50s;
}

#imgimp {
	width:148px;
	vertical-align:top;
	overflow:hidden;
	display:inline-block;
	
	height:150px;
	width:auto;
	max-width:148px;
	vertical-align:top;
	overflow:hidden;
	display:inline-block;
}

.imgimp {
	/*
	height:149px;
	width:149px;
	*/
	height:149px;
	width:auto;
	max-width:148px;
	vertical-align:top;
	overflow:hidden;
	display:inline-block;
}

#imptesto {
	height:149px;
	width:149px;
	display:inline-block;
	vertical-align:top;
	line-height:1.2em;
	text-align:right;
	float:right;
}

.titolo {
	color:#004B97;
	font-weight:bolder;
	font-size:15px;
}

#centra {
	width:100%;
	text-align:center;
}
.socialico {
	margin:2px 2px 2px 2px;
}

.sfondoshare {
	background-color:#355E91;
	margin-left:2px; margin-right:2px;
	width:20px;
	height:20px;
}

.sfondoshare2 {
	background-color:#355E91;
	margin-left:2px; margin-right:2px;
	border:#E4E4E4 1px solid;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.86);
	-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.86);
	box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.86);
}

#piede {
	width:100%;
	/*height:150px;*/
	font-size:13px;
	background-color:#E4E4E4;
	color:#293343;
	text-align:center;

}

#contgen {
	width:96%;
	display:inline-block;
	text-align:justify;
	font-size:18px;
}

#imgboxmain {

	text-align:center;
	text-align:left;
}

#condividiimg {

	display:none;
	margin-top:10px;
	position:absolute;
}

.fotocopertina {
	width:99%;
	height:auto;
}

#su {
	position:fixed;
	width:30px;
	height:30px;
	font-size:20px;
	top:100%;
	left:100%;
	margin-top:-50px;
	margin-left:-50px;
	z-index:100;
	background-color:#004B97;
	color:#FFF;
	font-weight:bolder;
	opacity:0.7;
	border:#E4E4E4 1px solid;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.86);
	-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.86);
	box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.86);
	
}

.imgswip {
	max-width:750px;
    max-height:550px;
	
}

.imgcontacts {
	width:48%;
	height:auto;
	min-width:300px;
	display:inline-block;
}

.contcontacts {
	width:48%;
	height:auto;
	min-width:300px;
	display:inline-block;
	text-align:left;
	vertical-align:top;
	margin-top:10px;
	margin-bottom:10px;
}

.listinput {
	font-size:16px;
	width:200px;
	color:#000;
	text-align:center;
	border:none;
	border-bottom:#293343 1px dashed;
	color:#000;
}

.listinput2 {
	font-size:16px;
	width:200px;
	color:#000;
	text-align:center;
	border:none;
	border-bottom:#293343 1px dashed;
	color:#000;
}

.bottone {
	width:200px;
	text-align:center;
	color:#000;
	font-weight:bolder;
	
	background: #3f4c6b;
	background: -moz-linear-gradient(top, #3f4c6b 0%, #618ba5 13%, #618ba5 85%, #3f4c6b 100%);
	background: -webkit-linear-gradient(top, #3f4c6b 0%,#618ba5 13%,#618ba5 85%,#3f4c6b 100%);
	background: linear-gradient(to bottom, #3f4c6b 0%,#618ba5 13%,#618ba5 85%,#3f4c6b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#3f4c6b',GradientType=0 );
}

.testopiccolo {
	font-size:12px;
	color:#000;
}

.jump {
	border:none;
	border-bottom:#293343 1px dashed;
	border-top:#293343 1px dashed;
	font-size:14px;
	color:#141414;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-align:center;
}

.contdescr {
	width:310px;
	height:auto;
	display:inline-block;
	vertical-align:text-top;
}

.itaengbox {
	width:300px;
	height:130px;
	overflow:hidden;
	font-size:16px !important;
	text-align:left !important;
	font-weight:300 !important;
	font-family:Arial, Helvetica, sans-serif !important;
	display:inline-block;
	margin:2px 2px 2px 2px;
	border:#CCC 1px solid;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	overflow-y: scroll;
	vertical-align:text-top;;
	

}
#itap { display:block; float:right; font-size:18px; color:#03F; -webkit-transition: width 2s, height 4s; transition: width 2s, height 4s;   }
#engp { display:block; float:right; font-size:18px; color:#03F;  -webkit-transition: width 2s, height 4s; transition: width 2s, height 4s;}
#itam { display:none; float:right; font-size:18px; color:#03F  -webkit-transition: width 2s, height 4s; transition: width 2s, height 4s;}
#engm { display:none; float:right; font-size:18px; color:#03F; t -webkit-transition: width 2s, height 4s; transition: width 2s, height 4s;}

/*
 *  STYLE 4
 */

#style-4::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #FFF;
}

#style-4::-webkit-scrollbar
{
	width: 5px;
	background-color: #FFF;
}

#style-4::-webkit-scrollbar-thumb
{
	background-color: #0C0;
	border: 1px solid #FFF;
}


/*
 *  STYLE 5
 */

#style-5::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #FFF;
}

#style-5::-webkit-scrollbar
{
	width: 5px;
	background-color: #FFF;
}

#style-5::-webkit-scrollbar-thumb
{
	background-color: #F00;
	border: 1px solid #FFF;
}


input[type='checkbox'] {
	background-color:#600;
	color:#FFF;
	border:#000 2px solid;
}

#cookienew {
	width:80%;
	text-align:left;
	padding-left:5px;
	padding-right:5px;
	background-color:##ABBDC2;
	color:#000;
	bottom:0;
	z-index:99999;
	position:fixed;
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
	box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
	border-top: 6px solid #1C6EA4;
	border-bottom: 6px solid #1C6EA4;
	border-radius: 5px;
}
.chiudX {
	width:100%;
	text-align:right;
	
}
.x {
	background-color:#000;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:800;
	text-decoration:none;
	
}


@media screen and (max-width: 1160px) and (min-width: 791px) {
	
#contquadrati {
	width:600px;
	min-width:300px;
	display:inline-block;
	vertical-align:top;

}

#boxlife {
	width:250px;
	display:inline-block;
	vertical-align:top;
	text-align:justify;
	line-height:140%;
}

#importante {
	width:280px;
	height:150px;
	overflow:hidden;
	display:inline-block;
	margin: 2px 2px 2px 2px;
	text-align:left;
	border:#E4E4E4 1px solid;
	transition: box-shadow 0.50s;
	vertical-align:top;
	
	
}

#imgimp {
	width:138px;
	vertical-align:top;
	overflow:hidden;
	/*display:inline-block;*/
	float:left;

}

.imgimp {
	height:138px;
	width:auto;
}

#imptesto {
	height:135px;
	width:139px;
	/*display:inline-block;*/
	vertical-align:top;
	line-height:1.2em;
	text-align:right;
	float:right;

}

.titolo {
	color:#004B97;
	font-weight:500;
}

#condividiimg {

	display:block;
	margin-top:10px;
	position:absolute;
}

.imgswip {
	max-width:750px;
    max-height:550px;	
}

#grandecont {
	width:98%;
	vertical-align:top;
	margin-top:5px;
	display:inline-block;
	text-align:center;
	min-height:10%;
}
 
}

@media screen and (max-width: 790px) {

#contquadrati {
	width:95%;
	min-width:300px;
	display:inline-block;
	vertical-align:top;
}


#boxlife {
	width:95%;
	min-width:300px;
	display:inline-block;
	vertical-align:top;
	text-align:justify;
	line-height:140%;
}

#importante {
	width:280px;
	height:150px;
	overflow:hidden;
	display:inline-block;
	margin: 2px 2px 2px 2px;
	text-align:left;
	border:#E4E4E4 1px solid;
	transition: box-shadow 0.50s;
	vertical-align:top;
	
	
}

#imgimp {
	width:138px;
	vertical-align:top;
	overflow:hidden;
	/*display:inline-block;*/
	float:left;

}

.imgimp {
	height:138px;
	width:auto;
}

#imptesto {
	height:135px;
	width:139px;
	/*display:inline-block;*/
	vertical-align:top;
	line-height:1.2em;
	text-align:right;
	float:right;

}

.titolo {
	color:#004B97;
}

#condividiimg {

	display:block;
	margin-top:10px;
	position:absolute;
}

.imgswip {
	width:80%;
	height:auto;
	
}

.h1lisa {
	font-size:20px;
	font-weight:600;
}

.menuvoci {
	margin:5px 5px 5px 5px;
	color:#000;
	text-transform:uppercase;
	font-size:16px;
	display:inline-block;
}



}

@media screen and (max-width: 500px) {

.imgswip {
	max-height:250px;
	height:auto;
	width:auto;
	max-width:260px;
	
}

.imgimp {
	height:138px;
	width:auto;
}

#barramenu {
	width:90%;
	/*max-width:400px;*/
	text-align:center;
	display:inline-block;
	margin-top:5px;
	margin-bottom:10px;
}

.menuvoci {
	margin:5px 5px 5px 5px;
	color:#000;
	text-transform:uppercase;
	font-size:16px;
	display:inline-block;
}



}