/* IMPOSTAZIONI GENERALI
----------------------------------------------- */
HTML {background:#A8C7CF url(img/body-fondo.jpg) repeat-x top;}
BODY {margin:0; padding:0; text-align: center;  background: url(img/body-pattern.gif) repeat-y top center; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
P,UL,UL LI {margin:0; padding:0; list-style-type:none;}
A {color:#E20A16;}
H1 {margin:0; padding:0;}

H1 {font: 24px Georgia, "Times New Roman", Times, serif; letter-spacing:-0.02em; color:#E20A16; font-weight:bold;  }
H2 {font: 20px Georgia, "Times New Roman", Times, serif; letter-spacing:-0.02em; color:#E20A16; margin:11px 0; padding:0;  }
H3 {font-size:16px; color:#E20A16; }
H4 {font-size:14px; color:#E20A16; margin:0; padding:0; }
H5 {font-size:12px; color:#E20A16; }
H6 {font-size:11px; color:#666; margin:1em 0; padding:0;  }

P {margin-bottom:0.5em; color:#333;}
UL.bulletpoint LI {background:url(img/spot-miniarrow-dx.gif) no-repeat left 3px; padding:0px 0px 0px 10px; margin-bottom:0.5em;}
UL.bulletpoint {margin:1em 0 1em 0; color:#333;}

OL {margin:1em 0 1em 0; color:#333; padding:0 0 0 25px; list-style-position:outside; }
OL LI {padding:0px 0px 0px 0px; margin-bottom:0.5em; }


A {font-weight:bold; color:#E20A16;}
A:hover {color:#000;}
P.more A {background:url(img/spot-miniarrow-dx.gif) no-repeat 100% 60%; padding:0 7px 0 0;}
A IMG {border:none;}


/* STRUTTURA
----------------------------------------------- */
#wrap {background:url(img/head-fondo.jpg) no-repeat 0 0; width:800px; margin:0 auto;  }
#subwrap {text-align:left;margin:0 10px 0 10px}
#head {height:102px; position:relative;}
#presplash {padding:30px 0px 5px 10px; }
#mainwrap {margin:0 10px 0 10px; border-top:2px solid #E20A16; margin-top:15px; padding-bottom:15px;}
#sx {width:450px; margin-top:5px; float:left; border-bottom:2px dotted #B4AF9A;}
#dx {width:300px;float:right;}


/* HEAD
----------------------------------------------- */
#head #linkhome i {display:none;}
#head A#linkhome {display:block; background:url(img/logo-ecipar.gif) no-repeat 0 0; width:233px; height:57px; position:absolute; bottom:0px;}

#head UL {position:absolute;bottom:4px; right:15px;}
#head UL LI {float:left;  text-transform:uppercase; margin-left:25px; }
#head UL LI A {color:#5E5E5D; text-decoration:none;}
#head UL LI A:hover {color:#E20A16;}

#subhead UL LI {float:left;}
#subhead UL LI A {display:block; height:40px; text-indent:-1000px; outline:none;}
#subhead UL LI A#nav-aree {width:260px; background:url(img/nav-aree.gif) no-repeat 0 0;}
#subhead UL LI A#nav-servizi {width:259px; background:url(img/nav-servizi.gif) no-repeat 0 0;}
#subhead UL LI A#nav-formazione {width:261px; background:url(img/nav-formazione.gif) no-repeat 0 0;}


/* PRESPLASH
----------------------------------------------- */
#presplash H1 {color:#D6D3C6; font-size:30px; font-weight:normal; border:none;}
#presplash P {color:#fff; font-size:11px;}

#sezione #presplash {background:#355764; border-top:1px solid #fff;}
#chisiamo #presplash  {background:#333333;}
#guida #presplash  {background:#333333;}
#news #presplash  {background:#333333;}
#attivita #presplash  {background:#333333;}

#sezione #presplash H1 {background:url(img/attivita-stella.gif) no-repeat 710px center;}
#chisiamo #presplash H1 {background:url(img/chisiamo-manina.gif) no-repeat 710px center;}
#guida #presplash H1 {background:url(img/guida-top.gif) no-repeat 710px center;}
#news #presplash H1 {}


/*SPLASH
----------------------------------------------- */
#home #splash {height:180px; background:url(img/splash-home2.jpg) no-repeat 0 0; border-top:1px solid #fff; border-bottom:3px solid #efefef;}

#home #splash H1 {color:#E20A16; font-size:18px; margin:0px 0 0px 20px; padding:0; font-weight:normal;padding-top:5px;}
#home #splash P {color:#6A868E; font-size:12px; margin:0px 0 0px 20px; width:300px; line-height:1.4em;}
#chisiamo #splash {background:url(img/chisiamo-splash.jpg) no-repeat left center; height:250px;}
#guida #splash {background:url(img/guida-splash.jpg) no-repeat center center; height:150px;}

#sezione #splash {background:url(img/attivita-splash.jpg) center center; text-align:left; padding:12px 0 10px 0;}
#sezione #splash A {text-decoration:none;}

UL.nav {width:270px; margin:0px 0px 0px 0px; text-align:left; padding-left:16px; }
UL.nav LI {background:#fff url(img/spot-miniarrow-dx.gif) no-repeat 98% 50%; margin-bottom:2px; padding:5px; }
UL.nav LI UL {margin:0px 0px 0px 0; width:auto; padding:0;}
UL.nav LI UL LI {padding:0px;background:none;}
UL.nav LI UL LI A {color:#666; font-weight:normal;}
UL.nav LI UL LI A:hover {color:#E20A16;}

#sezione .subsplash { display:block; float:left; margin:0; padding:0; width:200px;}
#attivita #splashPoli {height:180px; background:url(img/poli.jpg) no-repeat 0 0; border-top:1px solid #fff; border-bottom:3px solid #efefef;}
#attivita #splash UL {background:#333; width:220px; text-align:left; font-size:10px; margin:0px 0px 0px 543px; padding:5px; line-height:14px;}
#attivita #splash UL LI A {font-weight:normal; text-decoration:none; color:#fff;}
#attivita #splash UL LI A:hover {color:#D6D3C6;}
#attivita #splash UL LI STRONG  {font-weight:bold; text-transform:uppercase; text-decoration:none; color:#e20a16;}

#attivita-B #presplash { padding-top:15px; background:#355764; border-top:1px solid #fff; text-align:right;}
#attivita-B #presplash UL {border-bottom:2px solid #E20A16; width:200px; text-align:left; font-size:10px; margin:0px 0px 10px 546px; padding-bottom:5px; line-height:14px;}
#attivita-B #presplash UL LI A {font-weight:normal; text-decoration:none; color:#fff;}
#attivita-B #presplash UL LI A:hover {color:#D6D3C6;}
#attivita-B #presplash UL LI STRONG  {font-weight:bold; text-transform:uppercase; text-decoration:none; color:#e20a16;}
#attivita-B #presplash H1 {font-size:48px; text-align:left;}
#attivita-B #presplash P { text-align:left;}

/* SIDEBAR
----------------------------------------------- */
#dx {background:#f2f2f2; border-top:2px dotted #e20a16; padding:10px;width:280px; margin:5px 0 0 0;}
#dx H2 {font-size:14px; font-weight:bold; border-bottom:1px dotted #e20a16; margin-bottom:1em;}
#dx P {color:#63605C;}


/* FOOTER
----------------------------------------------- */
#footer {height:130px; background:#3F4445 url(img/footer-fondo.gif) repeat-x top; clear:both; color:#ccc; font-size:9px; }
#footer { padding:15px 0 10px 0; }

/* FOOTER:QUICKMENU */
#footer UL {margin-top:2px;}
#footer P {color:#ccc;}
#footer UL LI {float:left; margin:0 0 0 17px; color:#A8C7CF;}
#footer UL LI UL LI {float:none; line-height:1.5em;}
#footer UL LI UL LI A {text-decoration:none; color:#fff;}
#footer UL LI UL LI A:hover {color:#f90;}

/* FOOTER:CREDITS */
P#credits { text-align:center; clear:both; }
P#credits A {text-decoration:none; color:#fff; }
* html P#credits {height:5px;}


/* UTILITY
----------------------------------------------- */
.clear { display: inline-block; }   
.clear:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clear { height: 1%; }
.clear { display: block; }

#mainwrap { display: inline-block; }   
#mainwrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html #mainwrap { height: 1%; }
#mainwrap { display: inline-block; }

HR {clear:both; margin:0 0 0 0; padding:0; height:1px; border:none; color:#fff;}