﻿/* init */

*{padding:0; margin:0;}
*, *:before, *:after {box-sizing: border-box; /*backface-visibility: hidden;*/}
body{width:100%;}
.clear{clear:both;}
.hidden{display:none;}

img{border:none;}
body > a > img{float:right;} /*nascondi shinystats*/

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}

.center{text-align:center;}

.picture{overflow:hidden;}
.picture img{display:block; width:100%; height:auto;}

div.error {color:#f00;}
.checkbox div.error:before {display:none;}

.upper{text-transform:uppercase;}
.black{color:#000;}
.white{color:#fff;}

.thin{font-weight: 100; font-style: normal;}
.light{font-weight: 300; font-style: normal;}
.book{font-weight: 500; font-style: normal;}
.reg{font-weight:600; font-style: normal;}
.bold{font-weight:700; font-style: normal;}
.heavy{font-weight:900; font-style: normal;}

.shadow1{text-shadow: 1px 1px 0px #333333;}
.shadow2{text-shadow: 2px 2px 0px #333333;}

.left{text-align:left;}
.right{text-align:right;}
.acapo{display:none;}
.spaced{letter-spacing:0.8px; clear:both;}

.cover{background-position:center center; background-size:cover; background-color:#001C33;}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}

/************************************************************/
	/*popup homepage*/
.popups{opacity:0;  position: fixed; top: 0; left: 0; z-index: 99998;  width: 100%; height: 100%; background: rgba(0,0,0,.8); text-align:center; transition:all .4s; -webkit-transition:all .4s;}
.popup_slider_inner {width: 100%; max-width: 600px; margin: 0 auto;}
.popup_slide{background-color:#eee;}
.popup_slide:hover{background-color:#fff;}
.popup_slide_inner{width:100%; height:100%;padding:20px;}

.pop_titolo{margin-bottom:10px; font-weight:bold;}
.pop_sottotitolo{margin-bottom:10px; font-weight:bold;}
.pop_testo p{margin-bottom:5px;}
.pop_testo table{margin:0 auto 10px auto;}
.slideimg img{width:100%; height:auto;}

/************************************************************/
	/* gestione table layout */

/* NOTE IE7 and older explorers don't know anything about CSS-tables,
		so we use a CSS hack to exclude them. */
.grid {-moz-box-sizing: border-box; -webkit-box-sizing: border-box;	box-sizing: border-box;	display: table;	width: 100%; height: 100%; table-layout: fixed; /* NOTE Speed up table rendering */}
/* NOTE This is the only block IE7- should read */
.grid>.row, .grid>.column, .grid>.row>.column {	height: 0.1%; /* NOTE: Forces child-margins inside the box */ position: relative;}
.grid>.row {display: table-row;	height: 1px;}
.grid>.row.expand {height: auto;}
.grid>.column, .grid>.row>.column {display: table-cell;	height: auto; /* NOTE Just to reset the IE7 fix */	width: 1px;}
.grid>.column.expand, .grid>.row>.column.expand {width: auto;}

.grid>.column.vcenter, .grid>.row>.column.vcenter {vertical-align:middle;}
.grid>.column.vtop, .grid>.row>.column.vtop {vertical-align:top;}
.grid>.column.vbottom, .grid>.row>.column.vbottom {vertical-align:bottom;}	

/************************************************************/

/*generici*/
.t60{font-size:60px; line-height: 64px;}
.t50{font-size:50px; line-height: 54px;}
.t36{font-size:36px;}
.t32{font-size:32px;}
.t30{font-size:30px;}
.t25{font-size:25px;}
.t24{font-size:24px;}
.t22{font-size:22px;}
.t20{font-size:20px;}
.t18{font-size:18px;}
.t17{font-size:17px;}
.t16{font-size:16px;}
.t14{font-size:14px; line-height:18px;}
.t15{font-size:15px; line-height:16px;}	
.t12{font-size:12px; line-height:16px;}

.lh24{line-height:24px;}
.lh22{line-height:22px;}
.lh20{line-height:20px;}
.lh18{line-height:18px;}
.lh16{line-height:16px;}

@media (min-width:760px) and (max-width:1400px){
	.t60{font-size:50px; line-height: 54px;}
	.t50{font-size:40px; line-height: 44px;}
	.t36{font-size:30px;}
	.t32{font-size:28px;}
	.t30{font-size:26px;}
	.t25{font-size:23px;}
	.t24{font-size:22px;}
	.t22{font-size:20px;}
	.t20{font-size:18px;}
	.t17{font-size:17px;}
	.t18{font-size:16px;}
	.t16{font-size:15px;}
	.t15{font-size:15px; line-height:15px;}
	.t14{font-size:14px; line-height:16px;}		
	.t12{font-size:12px; line-height:15px;}
	
	.lh24{line-height:24px;}
	.lh22{line-height:22px;}
	.lh20{line-height:20px;}
	.lh18{line-height:18px;}
	.lh16{line-height:16px;}
}
@media (min-width:481px) and (max-width:759px){
	.t60{font-size:40px; line-height: 44px;}
	.t50{font-size:32px; line-height: 36px;}
	.t36{font-size:26px;}
	.t32{font-size:25px;}
	.t30{font-size:24px;}
	.t25{font-size:22px;}
	.t24{font-size:21px;}
	.t22{font-size:19px;}
	.t20{font-size:18px;}
	.t18{font-size:17px;}
	.t17{font-size:16px;}
	.t16{font-size:15px;}
	.t15{font-size:15px; line-height:14px;}
	.t14{font-size:14px; line-height:14px;}	
	.t12{font-size:12px; line-height:13px;}
	
	.lh24{line-height:20px;}
	.lh22{line-height:19px;}
	.lh20{line-height:18px;}
	.lh18{line-height:17px;}
	.lh16{line-height:15px;}
}
@media (max-width:480px){
	.t60{font-size:34px; line-height: 38px;}
	.t50{font-size:30px; line-height: 32px;}
	.t36{font-size:24px;}
	.t32{font-size:23px;}
	.t30{font-size:22px;}
	.t25{font-size:21px;}
	.t24{font-size:20px;}
	.t22{font-size:19px;}
	.t20{font-size:18px;}
	.t18{font-size:17px;}
	.t17{font-size:16px;}
	.t16{font-size:15px;}
	.t15{font-size:15px; line-height:14px;}
	.t14{font-size:13px; line-height:14px;}	
	.t12{font-size:12px; line-height:13px;}
	
	.lh24{line-height:18px;}
	.lh22{line-height:18px;}
	.lh20{line-height:17px;}
	.lh18{line-height:16px;}
	.lh16{line-height:15px;}
}



input{border-radius:4px; font-family: 'MrEavesXLSan', sans-serif; font-weight: 400;}

input[type="text"],input[type="email"]{margin:10px 0; padding:10px 14px 10px 14px; font-size:14px; color:#000; width: 100%; border:none; background-color:#fff;}

textarea{border-radius:4px; margin:10px 0; padding:10px 14px 10px 14px; font-size:14px; color:#000; width: 100%; border:none; background-color:#fff; resize:vertical; font-family: 'MrEavesXLSan', sans-serif; font-weight: 400; font-style: normal; min-height:80px;}
input[type="button"],input[type="submit"]{padding:10px 14px; color:#fff; min-width: 175px; border:none; text-transform: uppercase; text-align:center; cursor:pointer;}
input[type="submit"]{background-color:#fff; color:#001C33;}

input[type="number"]{margin:0; padding:12px 0;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
input[type="checkbox"]{vertical-align:middle; margin-right:6px;}


h1{font-family: 'MrEavesXLSan', sans-serif; color:#001C33; font-weight: 400;}
h2{font-family: 'MrEavesXLSan', sans-serif; color:#001C33; font-weight: 300;}

/*.btn {display: inline-block; padding: 7px 20px; text-decoration: none; text-transform: uppercase; cursor: pointer; border-radius: 6px; margin-top: 7px; border: none;}
.btn_right{text-align:right;}*/

#mappa {min-height: 300px;}
