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

html, body {
	width:100%;
	height: 100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#333333;
	text-decoration: none;
	
	font-family:'PT Serif', Times, serif;
	outline:0;
}

a{
	text-decoration:none;
}

/* HEADER */

header{
	position:fixed;
	z-index:1000;
	top:0px;
	width:100%;
	margin:0 auto;
	text-align:center;
	background-color:#FFF;
	text-transform:uppercase;
}

header  h1{
	display:inline-block;
	font-size:32px;
	font-weight:700;
	color:#0e4051;
	border-bottom:1px #0e4051 solid;
	margin-top:0;
	line-height:44px;
}

header  h2{
	font-size:15.2px;
	font-weight:400;
	color:#0e4051;
	margin-top:-17px;
	margin-bottom:8px;
}

header a{
	color:#0e4051;
}

/* MENU */

nav{
	background-color:#79949d;
}

#menu-trigger{
	display:none;
}

nav ul{
	width:100%;
	display:inline-block;
	list-style:none;
	padding:7px 0 8px 0;
	margin:0;
}

nav li{
	display:inline-block;
	margin-right:10%;
} 

ul > li:nth-of-type(4){
	margin-right:0; !important
}

li > a{
	font-size:16px;
	color:#FFF;
}

.active{
	color:#0e4051;
}

li > a:hover{
	color:#0e4051;
}

/* IMG HOME */

#intro_home{
	width:100%;
	height:100%;
	margin-top:115px;
	text-align:center;
	color:#FFF;
	
	background-color:#0E4051;
	background-image:url(../img/bg_home.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
}

#intro_home  p:nth-of-type(1){
	width:60%;
	margin:0 auto;
	font-size:28px;
	padding-top:40px;
	padding-bottom:20px;
	line-height:32px;	
	border-bottom:2px #FFF solid;
}

#intro_home  p:nth-of-type(2){
	width:60%;
	margin:0 auto;
	font-size:18px;
	padding-top:16px;
	margin-bottom:50px;
	line-height:22px;	
}

#intro_home a{
	font-size:18px;
	font-weight:700;
	margin-top:20px;
	padding:10px 20px 10px 20px;
	color:#FFF;
	text-transform:uppercase;
	border:1px #FFF solid;
	background-color:#79949d;
	
	transition-property:background-color color;
	transition-duration:0.8s;
	-webkit-transition-property:background-color color;
	-webkit-transition-duration:0.8s;
	-o-transition-property:background-color color;
	-o-transition-duration:0.8s;
	-moz-transition-property:background-color color;
	-moz-transition-duration:0.8s;
}

#intro_home a:hover{
	background-color: #0e4051;
}

/* FORMAZIONE & ESPERIENZA */

.cv{
	width:100%;
	text-align:center;
	color:#333333;
	margin-top:80px;
}

.cv > h3{
	font-size:18px;
	font-weight:700;
	color: #79949d;
	text-transform:uppercase;
	padding-bottom:5px;
	padding-top:135px;
	border-bottom:1px #79949d solid;
}

.cv > p{
	font-size:16px;
	font-weight:400;
	color: #333333;
	line-height:22px;
}

#formazione{
	width:30%;
	float:left;
	margin-left:15%;
	text-justify:distribute;
}

#esperienza{
	width:30%;
	float:right;
	margin-right:15%;
}

/* For modern browsers */
.clear:before,
.clear:after {
    content:"";
    display:table;
}
.clear:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clear {
    zoom:1;
}

/* INTERVENTI */

.intro_italic{
	display:block;
	text-align:center;
	font-size:24px;
	font-style:italic;
	font-weight:700;
	margin-top:150px;
	margin-bottom:35px;
	line-height:28px;
}

.interventi{
	width:80%;
	height:auto;
	min-height:180px;
	margin:0 auto;
}

.interventi img{
	width:162px;
	max-width:100%;
	height:auto;
	float:left;
	margin:0 3% 3% 0;
}

.interventi h3{
	font-size:18px;
	font-weight:700;
	color: #79949d;
	padding-left:135px;
	height:165px;
	text-transform:uppercase;
}
.interventi p{
	font-size:16px;
	font-weight:400;
	color: #333333;
	line-height:22px;
	margin-top:-150px;
	margin-left:135px;
	padding-bottom:30px;
}

/* ICONE INTERVENTI */

#informazione_sessuale{
	background-image:url(../img/icon_informazione.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-size:120px;
}

#counseling_sessuale{
	background-image:url(../img/icon_counseling.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-size:120px;
}

#terapia_psicologica{
	background-image:url(../img/icon_terapia_psicologica.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-size:120px;
}

#terapia_coppia{
	background-image:url(../img/icon_terapia_coppia.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-size:120px;
}

#terapia_sessuale{
	background-image:url(../img/icon_terapia_sessuale.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-size:120px;
}

#ipnosi{
	background-image:url(../img/icon_ipnosi.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-size:120px;
}

#perizie{
	background-image:url(../img/icon_perizie_legali.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-size:120px;
}

/* PROBLEMATICHE */

#wrapper_pronlematiche{
	width:80%;
	margin:0 auto;
}

.problematiche{
	width:45%;
	text-align:center;	
}

.sx{
	float:left;
}

.dx{
	float:right;
}

.problematiche h3{
	font-size:18px;
	font-weight:700;
	color: #79949d;
	text-transform:uppercase;
	line-height:24px;
	margin-bottom:-10px;
}

.problematiche_italic{
	font-size:20px;
	font-weight:400;
	line-height:24px;
	font-style:italic;
	color:#79949d;	
}

.problematiche p{
	font-size:16px;
	font-weight:400;
	color: #333333;
	line-height:22px;
	padding-bottom:30px;
	border-bottom:1px #79949d solid;
}

/* PRIVACY POLICY */

.privacy-policy-wrapper{
	width:80%;
	text-align:left;
	margin:0 auto;
}

.intro_italic_policy{
	display:block;
	font-size:20px;
	font-style:italic;
	font-weight:700;
	margin-top:20px;
	margin-bottom:0;
	line-height:28px;
}

.first_policy{
	margin-top:150px;
}

.privacy-policy-wrapper h6{
	font-size:16px;
	font-weight:700;
	color: #79949d;
	text-transform:uppercase;
	line-height:24px;
	margin-top:10px;
	margin-bottom:0;
}

.privacy-policy-wrapper p{
	font-size:16px;
	font-weight:400;
	color: #333333;
	line-height:22px;
	margin-top:5px;
}

.privacy-policy-wrapper a{
	color:#2f454b;
	font-weight:600;	
}

/* BANNER COOKIE */

#cookieChoiceInfo span{
	display:block;
	margin-bottom:10px;
}

#cookieChoiceInfo a{
	padding:5px;
	background-color:#2f454b;
	color:#dbecf2;
	display:inline-block;
	font-size:16px;
	text-transform:uppercase;
	font-weight:700;
}

/* CONTATTI */

#map-canvas{
	top:115px;
	width:100%;
	max-width:100%;
	margin:0 auto;
	height:500px;
}

.popup{
	font-family:'PT Serif', Times, serif;
}

#info_contatti{
	position:absolute;
	z-index:500;
	top:220px;
	left:80px;
	width:40%;
	background-color:#2f454b;
	opacity:0.8;
}


#info_contatti p {
	margin:0;
	padding:10px 0 10px 15px;
	color:#FFF;
	font-size:18px;
	font-weight:700;
	line-height:22px;
	border-bottom:1px #FFF solid;
}

#info_contatti p:nth-of-type(4){
	font-weight:400;
	border:none;
}


.cta_form{
	text-align:center;
	display:block;
	font-size:24px;
	font-style:italic;
	font-weight:700;
	margin-top:115px;
	padding:18px 0;
	line-height:28px;
	
	background-color:#dbecf2;
	color:#2f454b;
	
	transition-property:background-color color;
	transition-duration:0.8s;
	-webkit-transition-property:background-color color;
	-webkit-transition-duration:0.8s;
	-o-transition-property:background-color color;
	-o-transition-duration:0.8s;
	-moz-transition-property:background-color color;
	-moz-transition-duration:0.8s;
}

a.cta_form:hover{
	background-color:#2f454b;
	color:#FFF;
}

#picture{
	margin:0 auto;
	display:block;
	width:180px;
	max-width:100%;
	margin-top:40px;
	margin-bottom:30px;
	border:8px #dbecf2 solid;
}

/* FORM CONTATTI STYLE */


#wrapper_form{
	width:100%;
	margin:0 auto;
	padding-bottom:50px;
}

#wrapper_form p{
	font-size:30px;
	font-style:italic;
	font-weight:700;
	color:#333333;
	margin-top:0px;
	padding-top:15px;
}

fieldset{
	width:50%;
	margin:0 auto;
	margin-top:-15px;
	padding: 0 0 0 0;
	border:none;
	/*background-color:#CF0;*/
}

form#form_contatti{
	font-family:'PT Serif', Times, serif;
	font-size:18px;
	font-weight:400;
	font-style:normal;
	color:#333333;	
}

form#form_contatti label{
	display:block;
	text-align:left;
	margin-top:15px;
	margin-bottom:5px;
	padding-left:21px;
	clear:both;
}

.label_sesso{
	float:left;
}

.radio_sesso{
	float:left;
}

form#form_contatti input{
	display: block;
	margin:0 auto; 
	border:1px solid #d8d8d8;
	width:90%;
	padding:4px 5px;
	font-family:'PT Serif', Times, serif;
	font-size:20px;
	color:#333333; 
}
	
form#form_contattit select {color:#000;margin:0 0 7px 0;border:1px solid #d8d8d8;width:240px;float:right;-moz-border-radius:9px;-webkit-border-radius:9px;background: url('gradient_white.png') repeat-x top left #efefef;padding:3px 5px 3px 10px;}
form#form_contatti option {display:block;color:#666;}
 
form#form_contatti textarea{
	display: block;
	color:#2f454b;
	font-size:18px;
	line-height:22px;
	font-style:normal;
	font-family:'PT Serif', Times, serif;
	height:150px;
	border:1px solid #d8d8d8;
	width:90%;
	margin:0 auto;
	padding:2px 5px;
	margin-bottom:10px;
	resize: none;}
	
#send{
	clear:both;
	display:block;
	width:92%;
	margin:0 auto;
	margin-top:20px;
	border:none;
	cursor:pointer;
	font-family:'PT Serif', Times, serif;
	font-size:18px; 
	font-weight:700;
	text-transform:uppercase;
	color:#FFF;
	padding:10px 0px; 
	background-color:#79949d;
	
	transition-property:background-color color;
	transition-duration:0.8s;
	-webkit-transition-property:background-color color;
	-webkit-transition-duration:0.8s;
	-o-transition-property:background-color color;
	-o-transition-duration:0.8s;
	-moz-transition-property:background-color color;
	-moz-transition-duration:0.8s;
}

#send:hover {
	background-color:#2f454b;
}
	
.faulty_field{background:#fff4f4 !important;color:#ff7454;border:1px solid #ff7454 !important;}
label span {color:#444444; font-size:60%; }

/* MESSAGGI DEL FORM */

#errori{
	width:90%;
	padding:10px 7px;
	margin:10px auto;
	border-bottom:2px solid #ce5757; 
	background:#e6abab; 
	color:#fff;
}
	
#risultato{
	width:90%;
	padding:10px 7px;
	margin:10px auto;
	border-bottom:2px solid #6090cc;  
	background:#abc6e6;
	color:#fff;
}

/* GRAZIE */

#grazie{
	font-size:18px;
	font-style:italic;
	text-align:center;
}


/* CALL_TO_CONTACT */

#ct_contatti{
	width:100%;
	margin-top:40px;
	text-align:center;
	padding:20px 0 40px 0;
	background-color:#dbecf2;
}

.cta_italic{
	color:#2f454b;
	display:block;
	font-size:24px;
	font-style:italic;
	font-weight:700;
	margin-bottom:25px;
	line-height:34px;
}

#btn_contatti{
	font-size:18px;
	font-weight:700;
	margin-top:20px;
	padding:10px 20px 10px 20px;
	color:#FFF;
	text-transform:uppercase;
	background-color:#79949d;
	
	transition-property:background-color color;
	transition-duration:0.8s;
	-webkit-transition-property:background-color color;
	-webkit-transition-duration:0.8s;
	-o-transition-property:background-color color;
	-o-transition-duration:0.8s;
	-moz-transition-property:background-color color;
	-moz-transition-duration:0.8s;
}

#btn_contatti:hover{
	background-color:#0e4051;
}

/* FOOTER */

#giovanni_address{
	width:100%;
	text-align:center;
}

#giovanni_address  p {
	width:100%;
	margin:0 auto;
	text-align:center;
	font-size:16px;
	font-style:italic;
	color:#FFF;
	background-color:#79949d;
}

#giovanni_address  p:nth-of-type(1){
	padding-top:15px;
}

#giovanni_address  p:nth-of-type(2){
	padding-bottom:15px;
	margin-bottom:20px;
}

#giovanni_address  a{
	font-size:16px;
	font-style:normal;
	color:#333333;
	
	transition-property:color;
	transition-duration:0.8s;
	-webkit-transition-property:color;
	-webkit-transition-duration:0.8s;
	-o-transition-property:color;
	-o-transition-duration:0.8s;
	-moz-transition-property:color;
	-moz-transition-duration:0.8s;
}

#giovanni_address  a:hover{
	color:#79949d;
}

#wrapper-policy-link{
	text-align:center;
	padding:0 0 25px 0;
}

#wrapper-policy-link a{
	font-size:12px;
	font-style:italic;
	font-weight:600;
	color:#333333;
	
	transition-property:color;
	transition-duration:0.8s;
	-webkit-transition-property:color;
	-webkit-transition-duration:0.8s;
	-o-transition-property:color;
	-o-transition-duration:0.8s;
	-moz-transition-property:color;
	-moz-transition-duration:0.8s;
}

#wrapper-policy-link a:hover{
	color:#79949d;
}

footer ul {
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
}

footer li{
	display:inline;
	list-style:none;
	margin-right:10%;
}

footer li:nth-of-type(3){
	margin-right:0; !important
}