@charset "UTF-8";
/**********************************************
SITO: Merci Pericolose
FILE: styles.css
CREATO: 09/09/2008
MODIFICATO:
AUTORE: Mirco Moretti [at] MuseComunicazione.it

INDICE
1.	GENERALI
2. 	HEADER
3.	NAV
4.	CONTENUTI
5. 	FOOTER
6.	VARI


TABELLA CODICI COLORE

#d3e6f3 (celestino chiaro) link rollover NAVBAR + form ricerca
#1c4464 (blu scuro) Titoli <H2> e <p> nei Contenuti
#91aec7 (celestino) box-highlight1
#5b7689 (blu scuro-medio) box-highlight2, Novità, Copyright
#e47008 (arancio) Box Registrati e Link testuali
#38566e (blue opaco) Box Novità Norme ADR
#3399cc (Tuchese) Link Box News-Servizi 

**********************************************/



/* =GENERALI 
**********************************************/

body { font: normal 0.875em "Trebuchet MS",Arial, Verdana, sans-serif; margin:0; padding:0; background-color:#ccc; }
p { color:#1c4464; }

#container { position:relative; z-index:10; }

#wrapper { width:980px; margin:0 auto; background:url(../images/bg-header.jpg) repeat-x; }

#content { padding:25px 0 40px 20px; background-color:#fff; width:960px; overflow:hidden }

a.external { background: url(../images/external.png) center right no-repeat; padding-right: 13px; }

.clear { clear:both }



/* =HEADER 
**********************************************/

#header	{ position:relative; z-index:999; height:372px; }
#skip { position:absolute; top:-999em; }

#header h1 { display:block; width:370px; height:80px; background:url(../images/logo.png) no-repeat; position:absolute; top:25px; left:20px; }
#header h1 a { display:block; width:300px; height:80px; text-indent:-9999px }
#header h1 a:focus { outline:none; }

#intro { position:absolute; top:190px; left:20px; width:100% }
#intro p { font-size:1.05em; font-style:italic; font-weight:bold; line-height:1.6; width:470px; }
.claim-text { text-transform:uppercase; }
.orange-claim-text { color:#e47008 }

img#foto-header { position:absolute; width:469px; height:183px; display:block; top:-17px; right:40px; }

/* Box Utility */
#box-utility { position:absolute; width:262px; height:71px; top:38px; right:5px; background:url(../images/bg-box-utility.png) no-repeat; padding:15px 0 0 8px }
#box-utility h2 { color:#933; padding-bottom:3px; }
#box-utility p { font-size:0.9em; line-height:1.3; padding-right:80px }
#box-utility a,#box-utility a:visited { color:#c70000; font-weight:bold }
#box-utility a:hover { text-decoration:none }
#box-utility img { float:right; margin-top:-20px }


#search { position:relative; top:338px; left:20px; }

a#pericolo, a:visited#pericolo { display:block; width:411px; font:bold 0.9em "Georgia", Times New Roman, Times, serif; background:url(../images/bg-pericolo.png) no-repeat left center; line-height:26px; padding-left:10px; text-decoration:none;  color:#990000;  }
a:hover#pericolo { color:#cc0000; }

/* Stile per Box di Ricerca */
#searchform { position:absolute; top:2px; right:36px; width:230px; }
input#searchtext, input#searchsubmit { float:left;}
input#searchtext { background:url(../images/bg-searchtext.png) no-repeat left center; height:14px; border:none; width:168px; padding:5px 2px;
font-size:10px; color:#1c4464 }
input#searchsubmit { background:url(../images/search-button.png) no-repeat left top; border:none; width:52px; height:24px; margin-left:3px; }
input#searchsubmit:hover { background:url(../images/search-button.png) no-repeat left bottom; }



/* =NAVIGAZIONE 
**********************************************/

ul#menu-servizio { font-size:1em; position:absolute; top:4px; right:0px; width:370px; height:24px;	background:url(../images/bg-menu-servizio.png) no-repeat left top; }
ul#menu-servizio li { display:inline; margin-left:14px; }
ul#menu-servizio li a, ul#menu-servizio li a:visited { padding:0 0 0 28px; text-decoration:none; color:#fff; line-height:20px; }
ul#menu-servizio li a:hover, ul#menu-servizio li.current a { text-decoration:underline; color: #FFEB2F }

#nav { position:absolute; width:980px; top:130px; height:25px; font:bold 0.875em "Georgia", Times New Roman, Times, serif; text-transform:uppercase; }
#nav ul { margin-left:10px; }
#nav ul li { float:left; padding:0 18px;}
#nav ul a, #nav ul li a { display:block; line-height:42px; text-decoration:none; color:#fff; }					
#nav ul li a:hover { color:#d3e6f3; }
#nav ul li.current a { color:#d3e6f3; background:url(../images/freccia-link.png) no-repeat center bottom; }

#box-highlight1 li a, #box-highlight2 p a, #box-registrati p a { background:url(../images/freccia-text-link.png) no-repeat left center; padding-left:8px; } 
#box-highlight1 li a.text-link-arancio, #box-highlight2 p a, #box-registrati p a { line-height:2 }



/* =TITOLI H1,H2,H3,... 
**********************************************/

h2, h3 { font-family:"Georgia", Times New Roman, Times, serif; font-weight:bold }
#intro h2 { font-size:1.4em; margin-bottom:0.5em; }

#content h2	{ font-size:1.2em; }
#content h3 { font-size:1.1em; font-style:italic; margin-bottom:1em; color:#1c4464; }
#content h4 { font-size:1em; font-weight:bold; color:#b9460e; text-transform:capitalize; margin-bottom:0.9em; }

#box-highlight1 h2, #box-highlight2 h2, #box-registrati h2, #box-novita h2 { line-height:38px;}
#box-highlight1 h2 { background:url(../images/bg-box-highlight1.png) no-repeat left top; }
#box-highlight2 h2 { background:url(../images/bg-box-highlight2.png) no-repeat left top; }
#box-highlight1 h2 a, #box-highlight1 h2 a:visited, #box-highlight1 h2 a:hover,
#box-highlight2 h2 a, #box-highlight2 h2 a:visited, #box-highlight2 h2 a:hover { display:block; color:#fff; text-decoration:none; width:270px; padding-left:10px; }

#box-registrati h2 a, #box-registrati h2 a:visited, #box-registrati h2 a:hover { display:block; color:#fff; text-decoration:none; width:330px; padding-left:10px; background:url(../images/bg-box-registrati.png) no-repeat left top; }

#box-novita h2 { color:#fff; }
#box-news h2 { border-bottom:dotted 1px #1c4464; padding-bottom:10px }

#footer-interno h2 { font-size:1.1em; color:#1c4464; }



/* =CONTENUTO PRINCIPALE 
**********************************************/

#content em { font-style:italic; }
#content a, #content a:visited { text-decoration:underline; color:#e47008; }
#content a:hover { text-decoration: none; }

/*>>>>>>>> INIZIO COLONNA SX */

#box-highlight1, #box-highlight2 { float:left; position:relative; width:280px; line-height:1.2 }
#box-highlight1 { margin-right:20px; } 
#box-highlight1 ul { border:solid 1px #91aec7; min-height:80px; height:auto !important; height:80px; padding:6px 10px; }
#box-highlight1 li a, #box-highlight1 li a:visited { color:#1c4464 }
#box-highlight1 li a.text-link-arancio, #box-highlight1 li a.text-link-arancio:visited { color:#e47008 }

#box-highlight2 p { border:solid 1px #5b7689; min-height:80px; height:auto !important; height:80px; padding:6px 10px; }
#box-highlight2 img { float:right; margin:2px 0 0 0 }

#content-left { float:left; position:relative; width:580px }
#content-left p { font-size:1em; margin-bottom:1.4em; }

#main-content { clear:both; padding-top:10px; line-height:1.6; padding:10px }

a#CallToAction, a#CallToAction:visited { display:block; background:url(../images/bg-CallToAction.png) no-repeat left center; width:260px; line-height:24px; padding-left:25px; margin-top:25px; font-weight:bold; text-decoration:none; color:#fff }
a#CallToAction:hover { text-decoration:underline }

/* Stili Tabella Verifica */
table#obbligo,#obbligo td { border:solid 1px #090; }
#obbligo caption,#table-symbol caption { color:#090; font:bold italic 0.9em "Georgia", Times, sans-serif; text-align:left; padding-bottom:4px }
#obbligo th,#table-symbol th { color:#fff; background-color:#090; font-size:1em; font-weight:bold }
#obbligo td { font-size:0.8em; padding:2px }
#obbligo td.centrato { text-align:center; font-size:1em; color:#090; }
/* Fine Stili Tabella Verifica */

/* Stili Tabella Form */
table#table-form { border:solid 1px #090; background:#E6F4B9; padding:2px }
#table-form caption { color:#fff; background:#090; font:bold italic 0.9em "Georgia", Times, sans-serif; text-align:center; width:560px; padding:4px 0; }
#table-form tr.bg-table { background:#c9d6a0 }
#table-form td { font-size:0.9em; font-weight:bold; padding:8px 2px; border:none; color:#373b2a }
#table-form td.centrato { text-align:center; font-size:1em; color:#090; }
/* Fine Stili Tabella Form */

/* Stili Tabella ETICHETTE */
table#table-symbol { border:solid 1px #090; background:#E6F4B9; padding:0; }
#table-symbol tr { border:none}
#table-symbol td { font-size:0.875em; font-weight:bold; color:#5b7689; vertical-align:middle; padding:6px; border:none }
/* Fine Stili Tabella ETICHETTE */

#main-content hr { margin:2em 0; }
#main-content .evidenzia { background-color:#d3e6f3; border:solid 1px #91aec7; padding:6px }
#main-content img { border:solid 1px #91aec7; margin:0 4px; padding:3px }
#table-symbol img { border:none }
#table-symbol img.border { border:solid 1px #090; }
#main-content .testo-anno { background:#e47008; border:solid 1px #663300; color:#fff; font-size:1.4em; padding-left:6px }


/*>>>>>>>> INIZIO COLONNA DX */

#content-right { float:right; position:relative; width:340px; right:20px; padding:0; }

#box-registrati p { border:solid 1px #e47008; min-height:80px; height:auto !important; height:80px; margin:0; padding:6px 10px; line-height:1.2 }
#box-registrati img { float:right; padding-left:6px }

#box-novita  { background:#234158 url(../images/bg-box-novita.png) repeat-x left 38px; border:solid 2px #38566e; margin-top:40px; min-height:80px; height:auto !important; height:80px; padding:0 10px 10px; }
#box-novita p { padding-top:6px; line-height:1.6; color:#fff; }
#box-novita a, #box-novita a:visited { display:block; background:url(../images/freccia-box-novita.png) no-repeat left center; color:#fff; padding-left:22px; margin-top:20px; font-weight:bold; text-decoration:none; text-transform:uppercase }
#box-novita a:hover { text-decoration:underline; }

#box-servizi { margin-top:30px; }
#box-servizi ul { padding:10px 0 0 10px; }
#box-servizi li { list-style:disc url(../images/freccia-verde.png) inside; border-bottom:dotted 1px #1c4464; margin-left:-10px; padding:5px 0 }
#box-servizi li a, #box-servizi li a:visited { text-decoration:none; color:#3399cc }
#box-servizi li a:hover { text-decoration:underline; }




/* =FOOTER 
**********************************************/

#footer	{ width:980px; margin:0 auto; background:#9bc5e4 url(../images/bg-footer.jpg) repeat-x left top; position:relative; z-index:1; }

#footer-interno	{ padding:10px 0 15px 20px; position:relative; z-index:2; overflow:auto; }

#footer-interno #link, #footer-interno #consulenza, #footer-interno #recapiti { padding:20px 0 50px 10px; position:relative; z-index:2; overflow:auto; }
#footer-interno #recapiti { background:url(../images/bg-recapiti.png) no-repeat left bottom; margin-left:10px; padding:20px 0 15px 20px }

#footer-interno #link ul,
#footer-interno #consulenza ul,
#footer-interno #recapiti p { margin:0.5em 0 0 0; }

#footer-interno #link ul li,
#footer-interno #consulenza ul li,
#footer-interno #recapiti p { line-height:1.4; }

#footer-interno #link ul li a, #footer-interno #link ul li a:visited,
#footer-interno #consulenza ul li a, #footer-interno #consulenza ul li a:visited,
#footer-interno #recapiti a, #footer-interno #recapiti a:visited { color:#1c4464; text-decoration:none; }

#footer-interno #link ul li a:hover,
#footer-interno #consulenza ul li a:hover,
#footer-interno #recapiti a:hover { color:#e47008; text-decoration:none; }

#footer-interno #recapiti address a:hover { text-decoration:underline; }

a.mail {background: url(../images/mail.gif) center left no-repeat; padding-left: 16px;}

.col { float:left; width:280px; position:relative; }

#footer-copyright { position:relative; padding:10px 0 10px 20px; font:bold 13px "Georgia", Times New Roman, Times, serif; background-color:#5b7689; border-top:solid 1px #fff; z-index:2; clear:both; color:#fff }
#footer-copyright span { font-style:italic; font-size:0.75em; padding-left:120px }
#footer-copyright span a { font-size:12px; color:#91aec7; text-decoration:none }
