@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://fonts.gstatic.com/s/lato/v8/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face 
{
    font-family: 'Play';
    src: url(/assets/font/play-regular-webfont.eot?) format("embedded-opentype"),
    url(/assets/font/play-regular-webfont.woff) format("woff"),
    url(/assets/font/play-regular-webfont.ttf) format("truetype"); 
}
@font-face 
{
    font-family: 'Play';
    src: url(/assets/font/play-bold-webfont.eot?) format("embedded-opentype"),
    url(/assets/font/play-bold-webfont.woff) format("woff"),
    url(/assets/font/play-bold-webfont.ttf) format("truetype"); 
}
html,
body {text-rendering: optimizeLegibility;}
body {width:100%; color:#000; margin:0; padding:0; font-family: 'Lato', Arial, Helvetica; font-size:10pt; text-align:center;}
.wrapper {position:relative; width:980px; margin:0 auto; text-align:left; z-index:2;}

/*CARATTERISTICHE GENERICHE*/

	h1,h2,h3,h4,h5,h6,h7,ul,li,p,img,pre {margin:0; padding:0; border:0;}
	ul li {list-style-type:none;}
	ul li.last {margin:0; border:0;}
	.clear {clear:both; margin:0; padding:0;}
	.right {float:right;}
	.left {float:left;}
	.allineamento_dx {text-align:right;}
	
	a,
	.column a {color:#000; text-decoration:none; text-shadow:none !important;}
	a:hover,
	.column a:hover {color:#fff;}
		
	a.indietro,
	.indietro {display:block; float:left; margin:10px 10px 0 0 !important; padding:8px 16px; color:#fff !important; background:#f5446d !important; font-weight:normal; font-size:12pt; border:0; text-decoration:none; text-align:center; cursor:pointer;}
	a.indietro:hover,
	.indietro:hover {background:#08ae86 !important;}
	
	a.indietro.right,
	.indietro.right {float:right;}
	a.indietro.left,
	.indietro.left {float:left;}
							
	.imm {position:relative; overflow:hidden;}
	.imm img,
		.imm.orizzontale img {width:100%; height:auto;}
		.imm.verticale img {width:auto; height:100%;}
	.imm img.noresize {width:auto; height:auto;}
	
	table {border-collapse:collapse; width:100%; margin:0 0 10px 0;}
	table tr td,
	table tr th {padding:5px; border-bottom:1px solid #fff; text-align:center;}
	table tr td.tipologia {text-align:left;}
	
	.testo_piccolo {font-size:7pt; font-weight:bold;}
		
	.sf {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.75; -moz-opacity:0.75; filter:alpha(opacity=75); z-index:1;}

	.bg {}
	.rosa {color:#fff; background:#f5446d; padding:3px 6px;}
	
	iframe {border:0; margin:0 0 10px 0;}
	
/*Fine CARATTERISTICHE GENERICHE*/

/* TOP */

	#top {background:#d7d7d7; width:1200px; margin:0 auto;}
	#box_menu {}
	
	h1#logo {position:relative; float:left; margin:0; padding:30px 40px; background:#6bd1eb; text-align:left; z-index:4;}
	#top ul {float:right;}
	#top ul li {margin:10px 0;}
	#top ul li#voce_tel {font-size:15pt; font-weight:bold;}
	#top ul li img {margin:0 10px 0 0;}
	#top p {position:relative; top:37px; float:left; margin:0 0 0 15px; font-size:12pt;}

	#immagine_principale {width:100%; height:360px; background:url(/assets/images/immagine_principale.jpg) top center no-repeat;}
	#immagine_principale h3#slogan {margin:100px 0 0 0; width:50%; float:right; font-family: 'Play', Arial, Helvetica; font-size:25pt; text-align:left;}
	#immagine_principale h3#slogan strong {font-size:45pt;}

/* Fine TOP */

/* MIDDLE */

	#middle {position:relative; padding:0; margin:-40px 0 0 0; z-index:2;}

	.column.left,
	.column.right {float:left; width:266px; height:360px; padding:30px;}
	.column.center {float:left; width:268px; height:420px; margin:-30px 0 0 0; padding:30px;}
	.column.left {background:#d7d7d7;}
	.column.center {background:#fff;}
	.column.right {background:#7fe5ff;}
	.column .imm {}
	.column h2 {font-size:25pt; margin:15px 0 5px 0;}
	.column p {font-size:10pt; /*font-weight:bold;*/}

/* Fine MIDDLE */

/* BOTTOM */

	#bottom  {position:relative; margin:-30px 0 0 0; height:310px; padding:10px 0 0 0; background:url(/assets/images/imm04.jpg) top center no-repeat; z-index:1;}
	
/* BOTTOM */

#footer {background:#7fe5ff; width:90%; padding:30px 5%;}
#footer .right {text-align:right;}

/*FORM*/

	#formcontatti {position:absolute; top:15px; left:30px; width:30%; padding:0; font-size:9pt; text-align:left;}
	/* senza iframe contatti */
	#formcontatti h4 {font-size:12pt; margin:0 0 10px 0 !important; padding:0 !important;}
	#formcontatti h4 strong {font-size:19pt;}
	#formcontatti input {width:92%; height:13px; margin:4px 0; padding:2% 4%; border:0; font-size:10pt; background:#fff; color:#3a3b45; font-family: 'Lato', Arial, Helvetica;}
	#formcontatti textarea,
	#formcontatti .input_area {width:92%; height:40px; margin:4px 0 10px 0; padding:2% 4%; font-size:10pt; border:0; background:#fff; color:#3a3b45; font-family: 'Lato', Arial, Helvetica;}
	#formcontatti .cerchio {width:auto; height:auto; border:0; background:none; margin:0; padding:0;}
	#formcontatti .indietro {display:block; float:left; width:100px; font-size:10pt !important; height:auto; padding:4px 0 !important; background:#fff !important; color:#000 !important; border:0;}
	#formcontatti .indietro:hover {background:#7fe5ff !important; color:#000 !important;}
	#formcontatti .accetto {float:right; margin:0 0 0 10px;}
	#formcontatti a {float:left;}
	/* con iframe contatti */
	#formcontatti iframe {height:310px; width:100%; background:none;}
	#iframecontatti {text-align:left; font-size:9pt; width:100%; height:100%;}
	#iframecontatti h4 {font-size:12pt; margin:0 0 10px 0 !important; padding:0 !important;}
	#iframecontatti h4 strong {font-size:19pt;}
	#iframecontatti input {width:100%; height:28px; margin:3px 0; padding:6px 10px 7px 10px; border:0; font-size:10pt; background:#fff; color:#3a3b45; font-family: 'Lato', Arial, Helvetica;}
	#iframecontatti textarea,
	#iframecontatti .input_area {width:100%; height:45px; margin:4px 0 7px 0; padding:7px 10px; font-size:10pt; border:0; background:#fff; color:#3a3b45; font-family: 'Lato', Arial, Helvetica;}
	#iframecontatti .cerchio {width:auto; height:auto; border:0; background:none; margin:0; padding:0;}
	#iframecontatti .indietro {display:block; float:left; width:100px; font-size:10pt !important; height:auto; padding:4px 0 !important; background:#fff !important; color:#000 !important; border:0;}
	#iframecontatti .indietro:hover {background:#7fe5ff !important; color:#000 !important;}
	#iframecontatti .accetto {float:right; margin:0 0 0 10px;}
	#iframecontatti a {float:left;}
		
/*fine FORM*/

/*CONCEPT BY*/

	#concept {margin:20px 0; padding:0; text-align:center; font-weight:600; font-size:7pt; z-index:2;}
	#concept a {font-size:7pt; font-family:Verdana; /*color:#b4b4b4;*/ color:#b2b2b2; font-weight:bold; font-stretch:expanded;}
	#concept a:hover {color:#E97D00;}
	#concept #data_progetto {display:none;}

/*Fine CONCEPT BY*/

/* tablet */

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

}