@charset "utf-8";
/*
Descrizione: CSS con contenuti Specifici pagina Contatti.
Version: 1.0
Autore: Farizzo
*/

/* --- TOC

01. AREE PRINCIPALI
02. INPUT, SELECT E TEXTAREA
03. DIV LABEL, DIV CAMPO, VALIDATOR
	1. Validator
04. PRIVACY CONFERMA


/* ________________________________________________________________________________________________________________
	                                              01. AREE PRINCIPALI 
   ________________________________________________________________________________________________________________ */

#contatti_recapiti{
	position:relative;
	border-bottom:1px solid #BFB5A8;
	border-top:1px solid #BFB5A8;
	margin:10px 20px;
	padding:10px;}
	#contatti_recapiti h1{font-size:2.2em; text-transform:uppercase; font-weight:normal; line-height:25px; color:#00142C;}
	#contatti_recapiti p{font-size:1.5em; line-height:18px;}

#contatti_form{
	position:relative; height:180px; margin:10px 20px 0 20px;}

#contatti_form div{position:absolute; width:245px;}
#contatti_form div[title="nome"]{top:0; left:90px;}
#contatti_form div[title="mail"]{top:30px; left:90px;}
#contatti_form div[title="citta"]{top:60px; left:90px;}
#contatti_form div[title="note"]{top:90px; left:90px;}

#contatti_form_mini{
	position:relative;
	height:65px;
	margin:5px 20px 0 20px;
}


/* ________________________________________________________________________________________________________________
	                                              02. INPUT, SELECT E TEXTAREA 
   ________________________________________________________________________________________________________________ */

#contatti_form input{
	width:100%;
	border:1px solid #BCBCBC;
	background-color:#E6E6E6;
	line-height:18px;
	height:18px;
	padding-left:2px;
	font-size:12px;
}
#contatti_form select{
	width:230px;
	border:1px solid #BCBCBC;
	line-height:18px;
	height:20px;
}
#contatti_form textarea{
	width:100%;
	height:77px;
	line-height:18px;
	border:1px solid #BCBCBC;
	background-color:#E6E6E6;
	font-size:12px;
	padding-left:2px;
	font-family:Arial, Helvetica, sans-serif;}

/* ________________________________________________________________________________________________________________
	                                              03. DIV LABEL, DIV CAMPO, VALIDATOR
   ________________________________________________________________________________________________________________ */

#contatti_form label {font-size:13px; line-height:20px; width:75px; text-align:right; position:absolute;}
#contatti_form label[title="nome"]{left:0; top:0;}
#contatti_form label[title="mail"]{left:0px; top:30px;}
#contatti_form label[title="citta"]{left:0px; top:60px;}
#contatti_form label[title="note"]{left:0; top:90px;}

/* ---- 1. Validator ---- */
.forminputerror{
	position:absolute; top:-5px;left:0; font-size:1.5em; width:8px; height:12px; color:red; font-weight:bold;}


#divformmessage div.contenitore_formmessage{
	position:absolute; top:35px;left:0;
	height:180px; width:100%; background:url(../img/bg_Opacity70.png) repeat scroll top left;
	z-index:100;}
	.contenitore_formmessage p{
		position:absolute; top:80px;left:45px;
		font-size:12px !important; line-height:30px; width:300px;height:30px;
		background-color:#F3F3F3; border:1px solid #999; text-align:center;
		margin:0 !important; padding:0 !important;}
	.close_alert{
		position:absolute; top:72px;right:30px;
		width:18px; height:18px; }
		.close_alert img{width:18px;height:18px;}

#area_right_ok #form_inviata p{ font-size:12px; text-align:left; padding:20px;}

/* ________________________________________________________________________________________________________________
	                                              04. PRIVACY CONFERMA 
   ________________________________________________________________________________________________________________ */

.form_rightSmall{position:absolute;top:0;left:60px;width:15px;font-size:12px; outline-style:none;}
.form_rightBig{position:absolute;top:0;left:70px;}
.form_rightBig p{font-size:11px !important;}

.form_invia{position:absolute;bottom:20px;right:25px; width:147px;height:26px; outline-style:none; outline-width:0;}



/* Contatti */
div#map{
	position:relative;width:295px;height:373px;
	margin:10px 0 0 20px;
	border:1px solid #989898;}
/*
div#map_link{
	position:relative;width:510px;
	margin:5px auto 15px auto;text-align:right;}
div#map_link a{font-size:12px;color:#CCC;margin-left:5px;}
*/