@charset "utf-8";
/* Contenuto fluido semplice
   Nota: per i contenuti di tipo fluido è necessario rimuovere gli attributi di altezza e larghezza del contenuto dal codice HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 non supporta max-width, quindi viene usata per impostazione predefinita la larghezza 100% */
.ie6 img {
	width:100%;
}

/*
	Proprietà griglia fluida Dreamweaver
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Ispirato da "Responsive Web Design" di Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	e Golden Grid System di Joni Korpi
	http://goldengridsystem.com/
*/

/* Layout mobile: 480 px e inferiori. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background-color: #F3F3F3;
}
#header {
	clear: both;
	float: left;
	margin-left: 5%;
	width: 90%;
	display: block;
	margin-right: 5%;
	margin-bottom: 5%;
}
#logo {
	clear: none;
	float: left;
	margin-left: 4%;
	width: 100%;
	display: block;
	margin-top: 2%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 5%;
}
#slogan {
	clear: none;
	float: left;
	margin-left: 4%;
	width: 100%;
	display: block;
	margin-top: 2%;
	margin-right: 1%;
	margin-bottom: 2%;
	margin-left: 5%;
	color: #59656d;
	text-align: center;
}

#content {
	margin: 0 auto;
	max-width: 480px;
}

#foto {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-attachment: scroll;
	background-position: center top;
	float: left;
	background-color: #59656d;
}

#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#centro {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#centro_home {
	clear: both;
	float: left;
	margin-left: 1%;
	width: 98%;
	display: block;
	margin-right: 1%;
}
#benvenuto_home {
	width: 96%;
	clear: both;
	float: left;
	display: block;
	padding: 1%;
	line-height: 150%;
	margin: 1%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}
#pagina {
	width: 96%;
	clear: both;
	float: left;
	display: block;
	padding: 1%;
	line-height: 150%;
	text-align: justify;
	font-family: Verdana, Geneva, sans-serif;
	margin: 1%;
}
.servizi_h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #59656d;
	font-size: 1.5em;
}
.imgbanner {
	display: block;
	width: 200px;
}
.imgragpavone {
	display: block;
	width: 165px;
	float: left;
	margin-right: 2%;
}
#footer_sotto {
	display: block;
	clear: both;
	float: left;
	width: 98%;
	margin-right: 1%;
	margin-left: 1%;
}
#footer_sotto_contatti {
	float: left;
	width: 90%;
	text-align: center;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1 em;
	line-height: 150%;
	display: block;
	clear: both;
	margin-top: 2%;
	margin-right: 5%;
	margin-bottom: 2%;
	margin-left: 5%;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #59656d;
}
#footer_info {
	float: left;
	width: auto;
	text-align: left;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	line-height: 150%;
	margin: 2%;
	color: #FFF;
}
#footer_servizi {
	float: left;
	width: auto;
	text-align: left;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	line-height: 150%;
	margin: 2%;
	color: #FFF;
}

#footer_contatti {
	float: left;
	width: auto;
	text-align: left;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	line-height: 150%;
	margin: 2%;
	color: #FFF;
}
#footer_privacy {
	float: left;
	width: auto;
	text-align: left;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	line-height: 150%;
	margin: 2%;
	color: #FFF;
}
#footer_social {
	float: left;
	width: auto;
	text-align: left;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	line-height: 150%;
	margin: 2%;
	color: #FFF;
}
.footer_link {
	color: #FFF;
	text-decoration: none;
}
.footer_sotto_link {
	text-decoration: none;
	color: #000;
}
.mailto {
	color: #FFF;
	text-decoration: none;
}
.article_w {
	width: auto;
	float: left;
	padding: 1%;
	margin: 1%;
}
.imgnews {
	max-height: 200px;
	overflow: hidden;
	width: auto;
	margin-right: 2%;
	display: block;
	margin-top: 2%;
	margin-bottom: 2%;
}
article time {
	color: #063871;
	font-weight: bold;
}
article leggitutto a {
	color: #215CAA;
	font-weight: bold;
	float: right;
	text-decoration: none;
}
article leggitutto a:hover {
	color: #215CAA;
	text-decoration: underline;
}
article titolo a {
	color: #215CAA;
	font-weight: bold;
	text-decoration: none;
	margin-top: 2%;
}
article titolo a:hover {
	color: #215CAA;
	text-decoration: underline;
}

/* Layout tablet: da 481 px a 768 px. Eredita stili da: Layout mobile. */

@media only screen and (min-width: 481px) {
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 94%;
	padding-left: 3%;
	padding-right: 3%;
}
#slogan {
	clear: none;
	float: right;
	width: 80%;
	display: block;
	text-align: right;
	margin-top: 1%;
	margin-right: 5%;
	margin-bottom: 1%;
	margin-left: 1%;
}
}

/* Layout desktop: da 769 px a 1232 px max.  Eredita stili da: Layout mobile e Layout tablet. */

@media only screen and (min-width: 869px) {
.gridContainer {
	width: 90%;
	/*max-width: 1232px;*/
	max-width: 90%;
	margin: auto;
	background-color: #F3F3F3;
}
#header {
	clear: both;
	float: left;
	margin-left: 5%;
	width: 90%;
	display: block;
	margin-right: 5%;
	margin-bottom: 0%;
}

#logotitolo {
	clear: none;
	float: left;
	width: 100%;
	display: block;
	margin-top: 1%;
	margin-bottom: 1%;
}

#logo {
	clear: none;
	float: left;
	width: 15%;
	display: block;
	margin-top: 1%;
	margin-bottom: 1%;
}

#studio_h1 {
	clear: none;
	float: left;
	width: 60%;
	display: block;
	margin-top: 2%;
	margin-bottom: 0%;
}


#slogan {
	clear: none;
	float: right;
	width: 60%;
	display: block;
	text-align: right;
	margin-top: 1%;
	margin-right: 5%;
	margin-bottom: 2%;
	margin-left: 1%;
}
#content {
	margin: 0 auto;
	/*max-width: 1140px;*/
    max-width: 90%;
}

#foto {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-attachment: scroll;
	background-position: center top;
	float: left;
	background-color: #59656d;
}

#menu {
	clear: both;
	float: left;
	width: 96%;
	display: block;
	text-align: center;
	padding-top: 1%;
	padding-right: 2%;
	padding-bottom: 1%;
	padding-left: 2%;
}


#menu_ {
	clear: both;
	float: left;
	margin-left: 3%;
	width: 96%;
	display: block;
	margin-right: 1%;
}



.imglinksvert {
	display: block;
	float: left;
	padding: 2%;
	width: 15%;
}

.imglinksoriz {
	display: block;
	float: left;
	width: 20%;
	padding: 2%;
}
.imgpartnersvert {
	display: block;
	float: left;
	padding: 2%;
	width: 13%;
}

.imgpartnersoriz {
	display: block;
	float: left;
	width: 20%;
	padding: 2%;
}


.imgserviziohome {
	display: block;
	width: 120px;
	float: left;
	padding-right: 1em;
	padding-bottom: 1em;
	height: 80px;
	padding-top: 1em;
}


.servizi {
	width: 90%;
	clear: both;
	display: block;
	border: thin solid #CCC;
	float: left;
	padding: 1em;
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
}
.servizio_titolo {
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #FFF;
}
.servizio_titolo_pagina {
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #036;
}

.imgservizio {
	display: block;
	width: 300px;
	float: left;
	padding-right: 1em;
	padding-bottom: 1em;
}
.servizi_link {
	text-decoration: none;
	color: #000;
}
.leggitutto {
	text-decoration: none;
	color: #036;
}


.news_home {
	width: 40%;
	display: block;
	border: thin solid #CCC;
	float: left;
	padding: 1em;
	margin-top: 1em;
	margin-right: 2em;
	margin-bottom: 1em;
	margin-left: 0em;
}




#news {
	clear: none;
	float: right;
	width: 20%;
	display: block;
	border: thin solid #CCC;
	padding: 0.5em;
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 0em;
}
}

.studio_h1 {
	color: #59656d;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.slogan {
	color: #59656d;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.sloganautore {
	color: #59656d;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing: 0.2em;
}



#article_pag {
	float: left;
	width: auto;
	text-align: left;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	margin-top: 2%;
	margin-right: 2%;
	margin-bottom: 2%;
	margin-left: 2%;
}
.article_w {
	width: auto;
	float: left;
	padding: 1%;
	margin: 1%;
}
.imgnews {
	max-height: 200px;
	overflow: hidden;
	width: auto;
	margin-right: 2%;
	vertical-align: top;
	float: left;
	margin-bottom: 2%;
	margin-top: 2%;
}
article time {
	color: #063871;
	font-weight: bold;
	display: block;
}
article leggitutto a {
	color: #215CAA;
	font-weight: bold;
	float: right;
	text-decoration: none;
}
article leggitutto a:hover {
	color: #215CAA;
	text-decoration: underline;
}
article titolo a {
	color: #215CAA;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin-top: 2%;
}
article titolo a:hover {
	color: #215CAA;
	text-decoration: underline;
}

.imgservizi {
	width: 90%;
}
.formcontatticampi {
	width: 80%;
}
.formcontattitextarea {
	width: 100%;
}

.imgfotogallery {
	width: 350px;
	float: left;
	padding: 0.5em;
}