/* CSS Document */
/* CNA-ER STYLE by Giovanni Bellocchio */
/* giallo senape: #D1D18C */
/* giallo scuro: #343423 */


        

/* IMPOSTAZIONI GENERALI
----------------------------------------------- */
body { margin:0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:center; background:#001D3B ; color:#fff;font-size:100%; }

UL, LI, H1, DL, DD, DT { margin:0; padding:0; list-style-type:none;}
A IMG { border:none;}
P, LI { margin:0;padding:0; font-size:0.75em; font-weight:normal}

A { color:#FFFF99; }
A:hover {color:#fff; }
.clear 
{ 
	clear:both;
}


/* STRUTTURA PAGINA
----------------------------------------------- */

#wrap { width:1000px; margin:0 auto; text-align:left; }
#nav {width:150px; text-align:right;  float:left;}

#main  { width:500px; margin:0 0 0px 0px;float:left; padding:0 0 0px 0; }
#sidebar {width:350px; margin:0px 0 0 0px; float:left;  }
#nav { }

/* NAVIGATION
----------------------------------------------- */
#nav UL { width:140px; margin:0 5px 0 5px;}
#nav UL LI { display:inline; }
#nav UL LI#logo A {padding:5px 0 5px 0;}
#nav UL LI A {text-decoration:none; color:#fff; font-size:11px; display:block; padding:18px 0 3px 0;border-bottom:1px dotted #7E7E7E;}
* html #nav UL LI A {height:1%;}
#nav UL LI A:hover {color:#ff9;}

#nav UL LI.englishlink A {border:none; color:#999;}
#nav UL LI.englishlink A:hover {border:none; color:#ff9;}

.TitoliSfondo { border-bottom: 1px #FFFFFF solid;  font-size:80%; font-weight:bold; padding:2px 0px 2px 4px}

/* CONTENT
----------------------------------------------- */
#splash {background:#001D3B; border-top:5px solid #FFF; border-bottom:5px solid #FFF; }

.item {margin:0 0 10px 0; }
.item H2 {font-family:Georgia, "Times New Roman", Times, serif; color:#C9C97C; font-size:24px; font-weight:bold; margin:0 0 10px 0;}
.item P  {font-size:0.6875em; line-height:125%;}


/* NEWS A primo box, fondo pieno */
.news-a {background:#272727; padding:5px;}
/* NEWS B box minimal */
.news-b {padding:5px;}
.news-b H2 {font-size:12px;}
/* NEWS C box con fondo e immagine */
.news-c {padding:5px 0 5px 5px; background:#001D3B; border-bottom:1px #FFFFFF solid;}
.news-c H2 {font-size:12px;}
.news-c .imgwrap {float:right; background:url(img/spot-triangologiallosx.gif) no-repeat 3px 50%; padding:0 0 0 10px;}
.news-c .imgwrap IMG {border:5px solid #CCCC33;}
/* NEWS D box dimezzato (tipicamente seguito da un altro news-d; usare HR dopo */
.news-d {width:235px; border-top:3px solid #272727; border-bottom:1px solid #272727; padding:5px 5px 10px 5px;}
.news-d H2 {font-size:12px;}
/* NEWS E fondo giallo */
.news-e {padding:5px 0 5px 5px; background:#CCCC33;}
.news-e H2 {color:#333;font-size:12px;}
.news-e P {color:#333;}
.news-e .imgwrap {float:left; margin:0 10px 0 0;}
.news-e A.more {background:#9B9B27; padding:1px;}

#layout-a #main {background:#001D3B;  }
#layout-a #content {padding:10px;} 
#layout-a #splash {padding:40px 10px 10px 10px;}
#layout-a H1 { font-family: Georgia, "Times New Roman", Times, serif; font-size:3em; color:#fff; font-weight:normal;}
#layout-a P.occhiello {font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; color:#D1D18C;margin:0}
#layout-a P.intro {font-weight:bold; color:#D1D18C; }


#layout-a #splash div {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;line-height:18px;}
#layout-a #content div {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;line-height:18px;}

/*.item div {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;line-height:18px;float:left}*/


/* splash su due colonne - tirare fuori #splash dal #main */
#layout-a2 #main { }
#layout-a2 #content {padding:10px;} 
#layout-a2 #splash {padding:40px 10px 10px 10px; margin-left:150px}
#layout-a2 H1 { font-family: Georgia, "Times New Roman", Times, serif; font-size:3em; color:#fff; font-weight:normal;}
#layout-a2 P.occhiello {font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; color:#D1D18C;margin:0;}
#layout-a2 P.intro {font-weight:bold; color:#D1D18C; }

/* monocolonna */
#layout-a3 #main { width:850px; }
#layout-a3 #content {padding:10px;} 
#layout-a3 #splash {padding:40px 10px 10px 10px; margin-left:150px}
#layout-a3 H1 { font-family: Georgia, "Times New Roman", Times, serif; font-size:3em; color:#fff; font-weight:normal;}
#layout-a3 P.occhiello {font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; color:#D1D18C;margin:0;}
#layout-a3 P.intro {font-weight:bold; color:#D1D18C; }

H3 { font-family: Georgia, "Times New Roman", Times, serif; font-size:1.5em; color:#eee; font-weight:bold; padding:0; margin:0.5em 0 0.5em 0;}
H6 { font-family: Georgia, "Times New Roman", Times, serif; font-size:0.9em; color:#999; font-weight:bold; padding:0.5em 0 0 0; margin:0.5em 0 0.5em 0; border-top:1px solid #444;}

#main P { line-height:140%; margin:1em 0 1em 0;}

#content P A { font-size:12px}
#content P  { font-size:12px}
.imgsx {float:left; border:1px solid #aaa; padding:5px; margin:0 10px 10px 0;}
.imgdx {float:right; border:1px solid #aaa; padding:5px; margin:0 0px 10px 10px;}
.imgbig {padding:20px; text-align:center; }

P.more A {display:block;background:#343423; padding:2px 2px 2px 0; text-decoration:none;}

UL.elencolink LI {border-bottom:1px dotted #707070; padding:4px 0 4px 0;}
UL.elencolink LI A {color:#ccc; display:block; background:url(img/spot-freccinagiallasx.gif) no-repeat 98% center; text-decoration:none;}
UL.elencolink LI A:hover {color:#eee; background:#333 url(img/spot-freccinagiallasx.gif) no-repeat 98% center;}
 
UL.elencopuntato {}
UL.elencopuntato LI {background:url(img/spot-freccinagialladx.gif) no-repeat left 0.27em; padding:0 0 0 15px; margin:1em 0;line-height:140%;}

DL {}
DD { font-size:0.5625em;margin:15px 0;}
DT {text-transform:uppercase; color:#D1D18C; background:#313131;font-size:0.5625em; margin:15px 0; padding:3px;}
DD STRONG {font-size:11px; font-weight:normal;}

.risultatiricerca {border-top:1px dotted #ccc;border-bottom:1px dotted #ccc; padding:1em 0;}
#content .risultatiricerca A {text-decoration:none;}

UL.pagine {margin:1em 0; font-size:0.9em;}
UL.pagine LI {float:left;border:1px solid #777; padding:2px 3px 2px 3px; margin:0 4px 0 0; background:#343423;}
UL.pagine LI A { color:#ccc;}
UL.pagine LI A:hover {background:#343423; color:#fff;}


/* SIDEBAR
----------------------------------------------- */
#splash_intro {background:#272727; width:150px; height:335px; float:left; border-top:4px solid ;border-bottom:5px solid ; vertical-align:top}
#splash_intro P {font-size:0.625em; padding:20px 5px 5px 5px;}
.normal {font-weight:normal;}

#mestieri {width:350px; float:right; border-top:1px solid ; font-weight:normal; margin-top:2px}
#mestieri UL LI {display:inline;}
#mestieri UL LI A {display:block; height:32px;  text-decoration:none; color:#fff; border-bottom:1px solid #CCCCCC; font-size:10px; line-height:32px; padding:0 0 0 5px;}
#mestieri UL LI A:hover {color:#ff9;}
#mestieri #mestieri-01 A {background:#272727 url(img/mestieri-01.gif) no-repeat 316px 0px; height:33px;}
#mestieri #mestieri-01 A:hover {background:#272727 url(img/mestieri-01.gif) no-repeat 316px -33px; height:33px;}
#mestieri #mestieri-02 A {background:#272727 url(img/mestieri-02.gif) no-repeat 316px 0px; height:33px;}
#mestieri #mestieri-02 A:hover {background:#272727 url(img/mestieri-02.gif) no-repeat 316px -33px; height:33px;}
#mestieri #mestieri-03 A {background:#272727 url(img/mestieri-03.gif) no-repeat 316px 0px; height:33px;}
#mestieri #mestieri-03 A:hover {background:#272727 url(img/mestieri-03.gif) no-repeat 316px -33px; height:33px;}
#mestieri #mestieri-04 A {background:#272727 url(img/mestieri-04.gif) no-repeat 316px 0px; height:33px;}
#mestieri #mestieri-04 A:hover {background:#272727 url(img/mestieri-04.gif) no-repeat 316px -33px; height:33px;}
#mestieri #mestieri-05 A {background:#272727 url(img/mestieri-05.gif) no-repeat 316px 0px; height:33px;}
#mestieri #mestieri-05 A:hover {background:#272727 url(img/mestieri-05.gif) no-repeat 316px -33px; height:33px;}
#mestieri #mestieri-06 A {background:#272727 url(img/mestieri-06.gif) no-repeat 316px 0px; height:33px;}
#mestieri #mestieri-06 A:hover {background:#272727 url(img/mestieri-06.gif) no-repeat 316px -33px; height:33px;}
#mestieri #mestieri-07 A {background:#272727 url(img/mestieri-07.gif) no-repeat 316px 0px; height:33px;}
#mestieri #mestieri-07 A:hover {background:#272727 url(img/mestieri-07.gif) no-repeat 316px -33px; height:33px;}
#mestieri #mestieri-08 A {background:#272727 url(img/mestieri-08.gif) no-repeat 316px 0px; height:33px;}
#mestieri #mestieri-08 A:hover {background:#272727 url(img/mestieri-08.gif) no-repeat 316px -33px; height:33px;}
#mestieri #mestieri-09 A {background:#272727 url(img/mestieri-09.gif) no-repeat 316px 0px; height:33px;}
#mestieri #mestieri-09 A:hover {background:#272727 url(img/mestieri-09.gif) no-repeat 316px -33px; height:33px;}
#mestieri #mestieri-10 A {background:#272727 url(img/mestieri-10.gif) no-repeat 316px 0px; height:33px;}
#mestieri #mestieri-10 A:hover {background:#272727 url(img/mestieri-10.gif) no-repeat 316px -33px; height:33px;}

#subhead {font-size:9px; padding:3px 0 3px 5px; width:145px; background:#13274E;}
#subhead A {color:#B9BFCA; background: url(img/spot-doppiafreccinagrigia.gif) no-repeat 0% 50%; padding:0 0 0 10px; }
#subhead A:hover {color:#fff;}

#sistemacna {margin:0 0 0px 0; clear:both; margin:22px 0 0 25px;  font-weight:normal}
#sistemacna TABLE {margin:0; padding:0; }
#sistemacna CAPTION {margin:0 0 10px 0;}
#sistemacna TD {}
#sistemacna A {display:block;width:157px; height:17px; line-height:17px; padding:0 0 0 3px; background:#333 url(img/spot-minicorner.gif) no-repeat 152px 3px; font-size:9px; margin:0; text-align:left; margin:0 0 5px 0; text-decoration:none;}
#sistemacna A:hover {color:#333; background:#CCCC33 url(img/spot-minicorner.gif) no-repeat 152px 3px;}

#partner {margin:0 0 20px 25px; padding:0; font-weight:normal}
#partner TABLE { }
#partner CAPTION {margin:0 0 10px 0;}
#partner TD {}
#partner A {display:block; height:17px; line-height:17px; background:#333 url(img/spot-minicorner.gif) no-repeat 317px 3px; font-size:9px; margin:0; padding:0 0 0 3px; text-align:left; margin:0 0 5px 0; text-decoration:none;}
#partner A:hover {color:#333; background:#CCCC33 url(img/spot-minicorner.gif) no-repeat 152px 3px;}

#sidenews {margin:0 0 20px 25px; padding:0;}
#sidenews H3 {margin:0 0 0 0; padding:11px 0 5px 0; font-size:11px; border-top:1px solid #666; color:#ccc; font-weight:bold;}
#sidenews .item {border-top:1px dotted #666; padding:7px 0 0px 0;}
#sidenews .item H2 {font-size:11px; font-weight:normal; color:#99993E; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;}
#sidenews .item H2 STRONG {color:#D1D18C;}
#sidenews .item P {font-size:0.6875em; color:#bbb; padding:0 0 0.8em 0;}
#sidenews P.more A {display:block; width:162px; padding:2px 0 2px 0; background:#343423; border-bottom:1px dotted #99993E; font-size:9px; text-align:center; float:left; text-decoration:none;}
#sidenews P.more A:hover {background:#444433;}

.sidebox {margin:20px 0 20px 25px; padding:5px;  font-weight:bold}
.sidebox H4 {font-size:0.5625em; color:#001D3B;background:#FFFFFF; margin:0 0 0 0; padding:0 0 0 0; font-weight:bold; text-transform:uppercase;}


.searchbox {background:#001D3B url(img/icona-lente.gif) no-repeat right center; font-weight:normal; }
FORM {margin:0; padding:10px 0px 0 0px; font-size:0.6875em; line-height:2em; font-weight:normal}
FORM * {vertical-align:bottom;}
INPUT.campo {border:1px solid #777; background-image:url(img/bgInput.jpg); color:#333333; padding:2px; font-weight:bold }
SELECT {border:3px solid #777; background-color:#F5F5F5; padding:4px; font-family: Georgia, "Times New Roman", Times, serif;  }
input.bottone {padding:4 3px; background:#2a2a2a;color:#FFFFFF; }

.metabox {background:none;}
.metabox P {font-size:0.5625em; color:#eee; margin:0.5em 0 0.5em 0;}



 
/* FOOTER
----------------------------------------------- */
#footer {text-align:center; clear:both; color:#333; padding:45px 0 5px 0; background:#001D3B;}
#footer HR {color:#000;}
#footer P { width:850px; margin:0 auto; text-align:left; padding:0px 0px 0px 150px; font-size:0.5625em}
#footer P A { text-decoration:none; color:#f00; }
#footer P A:hover {color:#f40;}
#footer .credits {float:left;}
#footer .footerloghi {float:right;}
#footer .crediti {color:#CCCCCC;}

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

/* IE6 italics bug */
* html body * { overflow:visible }
* html iframe, * html frame { overflow:auto }
* html frameset { overflow:hidden }