@charset "utf-8";
/* Controllato con IE 5.5 (con file stile aggiuntivo) 6 e 7, Firefox, Opera, Safari -> nessun problema rilevante */


/* l'* mi serve per eliminare tutti i margini e i padding */
* { margin:0; padding:0; }

a, a:link, a:visited { color: #294546; text-decoration:none; font-weight:bold; }
a:hover {text-decoration:underline; }
a img { border:0; }
.clear { clear:both; }
/* uso html, body perchè alcuni browser usano il tag html al posto del body */
html, body { height:100%; font-family:"Trebuchet MS";font-size:13px; background-image:url(images/bg_body.png); background-position:center; background-repeat:repeat-y; color: #294546; }

/* Questo è il contenitore dentro c'è tutto */
div#wrapper { width:870px; height:676px; margin:15px auto; margin-bottom:5px; /* position:absolute; top:50%; left:50%; margin-left:-435px; margin-top:-338px; */ } /* se si vuole provare a centrarlo questa è una soluzione basta decommentare la parte commentata e commentare margin:15px auto; */

div#anelli_left { width:72px; height:676px; background-image:url(images/anelli_left.png); background-repeat:no-repeat; float:left; }
div#logo { width:666px; height:106px; float:left; border:1px solid #5e7f7f; border-top:0; }

div#mailbox { width:129px; height:106px; float:right; border-top:1px solid #d6e4e0; border-right:1px solid #d6e4e0; background: url(images/mailbox.png) #618686; }
div#mailbox div.min { position:relative; float:left; width:100%; height:100%; background-image: url(images/mailbox_mout.png); }
div#mailbox div.content { position:relative; margin-top:-42px; margin-left:14px; float:left; color:#294546; }
div#mailbox div.content img { width:36px; height:27px; }

/*********************/
/* Inizio stili menu */
div#menu { width:130px; height:569px; float:right; overflow:hidden; }
div#menu ul { list-style:none; }
div#menu ul li { list-style:none; float:left; width:130px; height:113px; border:0; border-bottom:1px solid #618686; background: url(images/bg_menu_min.png) no-repeat; margin:0; padding:0; }
/* Collegamenti (Link) */
div#menu ul li a, div#menu ul li a:link, div#menu ul li a:visited { font-weight:bold; text-transform:uppercase; font-size:15px; color:#294546; text-decoration:none; }
div#menu ul li a:hover {  }
div#menu ul li div.min { position:relative; float:left; width:130px; height:113px; background: url(images/bg_menu_mout.png) no-repeat; } /* Sfondo cella in rollover (quando passo sopra con il mouse lo nascondo gradualmente in questo modo cambio lo sfondo con un'effetto fade) */
div#menu ul li div.content { position:relative; margin-top:-43px; float:left; color:#294546; letter-spacing:1px; padding-left:4px; padding-right:4px; height:40px; } /* Contenuto cella (qui si può inserire quello che si vuole immagini, testo, ecc..) */

/* Informazioni con indirizzo e telefoni */
div#info { width:656px; height:20px; float:left; background-color:#d3e8e3; border-left:1px solid #add3c4; border-right:1px solid #5e7f7f; padding:0 5px; text-align:center;}

/* Contenuto principale della pagina*/
div#content { width:616px; height:500px; float:left; border-left:1px solid #add3c4; border-right:1px solid #5e7f7f; background-color:#d3e8e3; padding:15px 25px; overflow:hidden; }
div#content div.form_contatti { float:left; width:300px; }
.form_contatti table { width:100%; }
.form_contatti table td { vertical-align:top; }
.form_contatti table td img.captcha { border:1px solid #294546; }
.form_contatti table td input { width:100%; font-family:"Trebuchet MS"; font-size:12px; border:1px solid #7f9db9; }
.form_contatti table td input.captcha { width:140px; }
.form_contatti table td input:hover { border:1px solid #294546; background-color:#e8eeed; }
.form_contatti table td input:focus { border:1px solid #294546; background-color:#e8eeed; }
.form_contatti table td input.submit { width:auto; padding:0 7px; }
.form_contatti table td textarea { width:100%; font-family:"Trebuchet MS"; font-size:12px; border:1px solid #7f9db9; }
.form_contatti table td textarea:hover { border:1px solid #294546; background-color:#e8eeed; }
.form_contatti table td textarea:focus { border:1px solid #294546; background-color:#e8eeed; }

div#content div.privacy { float:right; width:280px; font-size:10px; text-align:justify; border-left:1px solid #5e7f7f; padding-left:15px; padding-right:5px; overflow: auto; height:465px; }
div#content div.privacy h3 {  }
div#content div.privacy p {  }

div#content ul.galleria { list-style:none; width:450px; margin:0 auto; }
div#content ul.galleria li { list-style:none; float:left; margin:10px 15px; padding:5px; padding-bottom:15px; background:url(images/shadow100.png) no-repeat bottom center #fff; }

div#map { width:550px; height:450px; margin:auto; border:2px solid white; }
div#map .titolomappa { font-size:14px; font-weight:bold; }

div.freccia_galleria { width:110px; height:18px; border:1px solid #294546; color:#d3e8e3; background-color:#e8eeed; vertical-align:bottom; padding: 0 5px; }
div.freccia_galleria a, div.freccia_galleria a:link, div.freccia_galleria a:visited { text-decoration:none; color:#294546; }
div.freccia_galleria a:hover { text-decoration:none; }

ul.foto { list-style:none; width:550px; height:160px; margin:auto; }
ul.foto li { list-style:none; border:0px; float:left; padding:4px;  background: url(images/shadow150.png) no-repeat bottom center; margin:0 8px; }
ul.foto li img { border:2px solid #ffffff; }

ul.foto120 { list-style:none; width:540px; margin:auto; }
ul.foto120 li { list-style:none; border:0px; float:left; padding:4px;  background: url(images/shadow100_verde.png) no-repeat bottom center; margin:0 8px; }
ul.foto120 li img { border:2px solid #ffffff; }

div#info2 { width:646px; padding: 0 10px; height:18px; border-left:1px solid #add3c4; border-right:1px solid #5e7f7f; border-top:1px solid #5e7f7f; background-color:#d3e8e3; float:left; }
div#info2 div.left { float:left; }
div#info2 div.right { float:right; text-align:right; }

/* Foot con Copyrights e link a mattioli */
div#copyrights { width:670px; color:#618686; font-size:12px; text-align:center; margin:0 auto; }
div#copyrights a, div#copyrights a:link, div#copyrights a:visited {color:#618686; }
/*div#copyrights a:hover { text-decoration:underline;  }*/

/* Messaggi di errore */
.AllGood { width:50%; border:1px solid #003300; background-color: #006600; color:#fff; margin:auto; }
.Error { width:50%; border:1px solid #990000; background-color: #FF3300; color: #003300; margin:auto; }
.warning { width:50%; border:1px solid #CC6600; background-color: #FF9900; color: #003300; margin:auto; }