@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;
	margin:10px 20px;
	padding-bottom:10px;}
	#contatti_recapiti h1{font-size:2.0em; text-transform:uppercase; font-weight:bold; line-height:25px; color:black;}
	#contatti_recapiti p{font-size:1.5em; line-height:18px;}

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

#contatti_form div{position:absolute; width:185px;}
#contatti_form div[title="nome"]{top:0; left:75px;}
#contatti_form div[title="tel"]{top:30px; left:75px;}
#contatti_form div[title="mail"]{top:60px; left:75px;}
#contatti_form div[title="note"]{top:0; right:0; width:210px; !important}

#contatti_form_mini{
	position:relative;
	height:55px;
	margin:5px 20px 0 20px;
	border-top:1px solid #BFB5A8;
}


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

#contatti_form input{
	width:100%;
	border:1px solid #BCBCBC;
	line-height:18px;
	height:24px; padding-left:4px;
	font-size:12px;
}
#contatti_form select{
	width:102%;
	border:1px solid #BCBCBC;
	line-height:18px;
	height:24px;
}
#contatti_form textarea{
	width:99%;
	height:77px;
	line-height:18px;
	border:1px solid #BCBCBC;
	font-size:12px; padding-left:4px;
	font-family:Arial, Helvetica, sans-serif;}

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

#contatti_form label {font-size:13px; line-height:20px; position:absolute;}
#contatti_form label[title="nome"]{left:0; top:0;}
#contatti_form label[title="tel"]{left:0; top:30px;}
#contatti_form label[title="mail"]{left:0; top:60px;}
#contatti_form label[title="note"]{left:275px; top:0;}

/* ---- 1. Validator ---- */
 <!-- il validator è nel CSS Globale per renderlo utilizzabile in tutti i possibilo form del sito -->

/* ________________________________________________________________________________________________________________
	                                              04. PRIVACY CONFERMA 
   ________________________________________________________________________________________________________________ */

.form_rightSmall{position:absolute; top:5px;left:0;width:15px;font-size:12px; outline-style:none;}
	.form_rightSmall input[type="checkbox"]{position:relative; width:15px; height:15px; margin-top:4px;}
.form_rightBig{position:absolute;top:5px;left:20px;}
.form_rightBig p{font-size:11px}

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



/* Contatti */
div#map{
	position:relative;width:340px;height:240px;
	margin:10px 0 10px 10px;
	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;}
*/