/* CSS Document */
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dd, dt, img, cite, blockquote, form {
margin:0px;
padding:0px;
border:none;
}
body{background-color:#EFF0F2; font-family:Arial, Helvetica, sans-serif}
#wrapper{position:relative}
/*struttura di base*/
#content { margin:5px 10px }
#elastico{margin-left: 10px;}
#sinistra{position:absolute;left: 5px;width: 365px}
/*fine struttura di base*/
/*header*/
#header{background:#fff url(../images/layout/puntini.gif) left 20px repeat-x;}
#header .path{color: #E01537; font:normal 11px verdana; padding-left:5px}
#header .path a{color: #E01537; font:normal 11px verdana; text-decoration:none}
#header .path a:hover{color: #041e5b; font:normal 11px verdana; text-decoration:none}
#header .data{color: #666; font:normal 11px verdana; position:absolute; right:5px; top:0}
#header .bcd img{ padding:31px 0 31px 15px}
#header .scopriRacconta{ position:absolute; right:0; top:21px}
#header .fasciaBlu {display:none}
#fascia {display:none}
/*fine header*/
#footer { clear:left; font:normal 11px Arial, Helvetica, sans-serif; color:#999999; margin:20px 5px; background:url(../images/layout/puntini.gif) left top repeat-x; padding-top:3px; text-align:left}
#footer a{ color:#041e5b; text-decoration:none}
#footer a:hover{ color:#333; text-decoration:underline}
/*pagine*/
/* CSS Document */
/*Home page sx*/
#sinistra #home { }
#sinistra #home #benvenuto { display:none}
#sinistra #home #mondo { display:none}
#sinistra #home #forum { display:none}
#sinistra #home #forum .titolo{ font:bold italic 14px arial; color:#5CAAB3; background:url(../images/layout/puntini.gif) left bottom repeat-x}
#sinistra #home #forum ul{ display:block; list-style:none; padding:10px 5px}
#sinistra #home #forum li{ display:block; list-style:none; font-family:Arial, Helvetica, sans-serif; float:left; width:350px}
#sinistra #home #forum li small{ float:left; font:normal 11px arial; color:#818EAE; padding-right:5px}
#sinistra #home #forum li p { float:left; font:normal 11px arial; color:#E41036; padding-right:5px}
#sinistra #home #forum li a { display:block; font:bold 12px arial; color:#041E5B; text-decoration:none}
#sinistra #home #forum li a:hover { color:#E41036}
/*Home page dx*/
#elastico #home {padding:0 0px; position:relative; }
#elastico #home #interventi{ min-height:300px; height:auto !important; height:300px; background:url(../images/layout/puntini.gif) left bottom repeat-x }
#elastico #home #interventi #sx small { padding:0; margin:0; display:block; float:left }
#elastico #home #interventi .titolo{ font:bold italic 14px arial; color:#5CAAB3; background:url(../images/layout/puntini.gif) left bottom repeat-x}
#elastico #home #interventi #sx { width:260px; position:absolute; left:0; padding-top:10px; text-align:center; height:270px; z-index:1; margin-bottom:10px }
#elastico #home #interventi #sx .gallery{ width:260px; padding-top:19px; float:left; background:url(../images/layout/primo_piano.gif) top no-repeat}
#elastico #home #interventi #sx .gallery p{font:bold italic 14px arial; color:#5CAAB3; float:left; text-align:left; width:125px}
#elastico #home #interventi #sx .video{ display:none}
#elastico #home #interventi #sx .gallery p img{ margin-right:0px}
#elastico #home #interventi #sx .gallery h1{font:bold italic 12px arial; color:#041E5B; float:left; text-align:left; clear:both; margin-left:0px;}
#elastico #home #interventi #sx .gallery h1 a{color:#041E5B; text-decoration:none}
#elastico #home #interventi #sx .gallery h1 a:hover{color:#E2193B; text-decoration:none}
#elastico #home #interventi #sx .gallery .foto { padding-bottom:8px; width:250px}
#elastico #home #interventi #sx .photog{ display:none; }
#elastico #home #interventi #sx .photog h1{font:bold italic 12px arial; color:#041E5B; float:left; text-align:left; width:100px; margin-left:0px;}
#elastico #home #interventi #sx .photog h1 a{color:#041E5B; text-decoration:none}
#elastico #home #interventi #sx .photog h1 a:hover{color:#E2193B; text-decoration:none}
#elastico #home #interventi #sx .video h1{font:bold italic 12px arial; color:#041E5B; float:left; text-align:left; width:100px; clear:both; margin-left:00px;}
#elastico #home #interventi #sx .video h1 a{color:#041E5B; text-decoration:none}
#elastico #home #interventi #sx .video h1 a:hover{color:#E2193B; text-decoration:none}
#elastico #home #interventi #dx { margin-left:271px; padding-top:10px; min-height: 290px;height: auto !important;height: 290px;}
#elastico #home #interventi #dx ul { list-style:none; padding:0 5px; display:block}
#elastico #home #interventi #dx ul li { list-style:none; margin-bottom:10px; display:block; clear:left }
/*#elastico #home #interventi #dx ul li .data { float:left; width:40px; font:bold 12px arial; color:#5CAAB3; text-align:left; padding-right:5px}*/
#elastico #home #interventi #dx ul li .data { /*float:left; width:40px; */font:italic bold 11px arial; text-align:left; color:#5CAAB3; margin-top:3px}
#elastico #home #interventi #dx ul li .data small { font: normal 11px arial; color:#333}
#elastico #home #interventi #dx ul li p { font-family:arial; font-size:12px; color:#333333}
#elastico #home #interventi #dx ul li p a{ color:#071C5D; font-size:14px; font-weight:bold; text-decoration:none}
#elastico #home #interventi #dx ul li p a:hover{ color:#E2193B; font-size:14px; font-weight:bold}
#elastico #home #interventi #dx ul li p img{ padding-left:4px}
#elastico #home #focusOn { padding:10px 0; font:normal 12px arial; color:#333333; position:relative; z-index:2}
#elastico #home #focusOn .foto { padding:3px; float:left; border:#818EAE 1px solid; margin-right:15px}
#elastico #home #focusOn h1 { font:bold italic 18px arial; color:#041E5B; padding-bottom:7px; padding-top:5px }
#elastico #home #focusOn a{ font:bold 16px arial; color:#E31539; text-decoration:none}
#elastico #home #focusOn a:hover{ color:#000}
/*fine home page*/
/* continente*/
#sinistra #continente {}
#sinistra #continente #mondo { display:none}
#sinistra #continente #mondo p{ font:bold italic 14px arial; color:#5CAAB3; padding-left:5px; margin:3px 0}
#sinistra #continente #mondo h1 { font:bold 16px arial; position:absolute; right:0; top:0; width:140px; text-align:right; padding-right:5px}
#sinistra #continente #mondo h1 a {text-decoration:none}
#sinistra #continente #mondo h1 a:hover {color:#E2193B}
#sinistra #continente #mondo ul { width:110px; padding:5px; display:block; list-style-position:none; float:left}
#sinistra #continente #mondo ul li { width:110px; display:block; list-style-position:none; font:normal 11px arial; float:left; padding:2px 0 }
#sinistra #continente #mondo ul li.selected a{ color:#003366; text-decoration:none; font-weight:bold}
#sinistra #continente #mondo ul li a:hover{ color:#000; text-decoration:none }
/*destra continente*/
#elastico #continente {padding:0 0px; position:relative; background-color:#FFFFFF; margin-top:5px}
#elastico #continente #interventi{ margin:10px 5px; min-height:320px; height:auto !important; height:320px; /*background:#CFD4E0 url(../images/layout/bfInterventiContinenti.jpg) left top repeat-x; */background-color:#FFFFFF }
#elastico #continente #interventi .racconta{ position:absolute; right:5px; top:1px}
#elastico #continente #interventi #sx { width:266px; position:absolute; left:5px; padding-top:10px}
#elastico #continente #interventi #sx small { padding:0; margin:0; display:block; float:left }
#elastico #continente #interventi #sx .gallery{ width:260px; padding-top:19px; float:left; background:url(../images/layout/primo_pianoC.gif) top no-repeat}
#elastico #continente #interventi #sx .gallery p{font:bold italic 14px arial; color:#5CAAB3; float:left; text-align:left; width:125px}
#elastico #continente #interventi #sx .video{ display:none}
#elastico #continente #interventi #sx .photog{ display:none}
#elastico #continente #interventi #sx .gallery p img{ margin:0 3px}
#elastico #continente #interventi #sx .gallery h1{font:bold italic 12px arial; color:#041E5B; float:left; text-align:left; width:125px; clear:both; margin-left:0px;}
#elastico #continente #interventi #sx .gallery h1 a{color:#041E5B; text-decoration:none}
#elastico #continente #interventi #sx .gallery h1 a:hover{color:#E2193B; text-decoration:none}
#elastico #continente #interventi #sx .gallery .foto { padding-bottom:8px; width:250px; float:left}
#elastico #continente #interventi #dx { margin-left:271px; padding-top:10px}
#elastico #continente #interventi #dx ul { list-style:none; padding:0 5px; display:block}
#elastico #continente #interventi #dx ul li { list-style:none; margin-bottom:10px; display:block; clear:left }
#elastico #continente #interventi #dx ul li .data { /*float:left; width:40px; */font:italic bold 11px arial; text-align:left; color:#5CAAB3; margin-top:3px}
#elastico #continente #interventi #dx ul li .data small { font: normal 11px arial; color:#333}
#elastico #continente #interventi #dx ul li p { font-family:arial; font-size:12px; color:#333333}
#elastico #continente #interventi #dx ul li p a{ color:#071C5D; font-size:14px; font-weight:bold; text-decoration:none}
#elastico #continente #interventi #dx ul li p a:hover{ color:#E2193B; font-size:14px; font-weight:bold}
#elastico #continente #interventi #dx ul li p img{ padding-left:4px}
#elastico #continente #forum {margin:10px 5px; font:normal 11px arial; color:#041E5B; position:relative}
#elastico #continente #forum .scopri{ position:absolute; right:5px; top:0}
#elastico #continente #forum ul{ display:block; list-style:none; padding:10px 5px 10px 0}
#elastico #continente #forum li{ display:block; list-style:none; font-family:Arial, Helvetica, sans-serif; clear:left}
#elastico #continente #forum li small{ float:left; font:normal 11px arial; color:#818EAE; padding-right:5px}
#elastico #continente #forum li a { display:block; font:bold 12px arial; color:#041E5B; text-decoration:none; float:left}
#elastico #continente #forum li a:hover { color:#E41036}
#elastico #continente #focusOn { font:normal 12px arial; color:#041E5B; clear:left; }
#elastico #continente #focusOn .foto { padding:8px; float:left; border:#818EAE 1px solid; margin-right:10px}
#elastico #continente #focusOn p{ padding:5px}
#elastico #continente #focusOn a{ font:bold 16px arial; color:#E31539; text-decoration:none}
#elastico #continente #focusOn a:hover{ color:#000}
/*destra nazione*/
#elastico #nazione {padding:0 0px; margin-top:5px}
#elastico #nazione #header { background:none}
#elastico #nazione #header h1{ font:bold 18px arial}
#elastico #nazione #header ul{ display:inline; float:left; padding:5px 0 0 0; list-style:none}
#elastico #nazione #header ul li { display:none}
#elastico #nazione #header ul li.selected { display:inline; float:left; list-style:none; font:bold 12px arial; padding:0; margin:0px; text-transform:uppercase; border-bottom:none; border-top:none}
#elastico #nazione #header ul li a{ color:#fff; text-decoration:none}
#elastico #nazione #header ul li a:hover,
#elastico #nazione #header ul li.selected a:hover{ color:#000}
#elastico #nazione #sezioni { display:block; clear:left; background-color:#FFFFFF; padding:0px; font:normal 12px arial}
#elastico #nazione #sezioni #mappa { display:none}
#elastico #nazione #sezioni a {color:#051d5b; text-decoration:none; font-weight:bold}
#elastico #nazione #sezioni a:hover {color:#dd1637}
#elastico #nazione #sezioni small { color:#666666; font:normal 11px arial}
#elastico #nazione #sezioni .proposta { font:bold 14px arial;}
#elastico #nazione #sezioni #interventi{ text-align:justify; font-style:italic; height: 1%; }
#elastico #nazione #sezioni #interventi p{ }
#elastico #nazione #sezioni #interventi .racconta{ display:none}
#elastico #nazione #sezioni #interventi .domanda{ font:bold 14px arial;color:#52ACB5}
#elastico #nazione #sezioni #interventi .risposta{ font:normal 12px arial;color:#000; padding:10px 10px 20px 20px}
#elastico #nazione #sezioni #interventi .foto{ padding:0 10px 10px 0; float:left;}
/*#elastico #nazione #sezioni #interventi .titolo { color:#071C5D; font:bold 16px arial; margin-bottom:5px}*/
#elastico #nazione #sezioni #interventi .back,
#elastico #nazione #sezioni #interventi .back a,
#elastico #nazione #sezioni .back,
#elastico #nazione #sezioni .back a { display:none}
#elastico #nazione #sezioni #interventi .back a:hover, #elastico #nazione #sezioni .back a:hover { color:#000; font:bold 11px arial; text-decoration:none}
#elastico #nazione #sezioni #interventi .data { color:#52ACB5; font:bold 11px arial; clear:left}
#elastico #nazione #sezioni #interventi .da { color:#666; font:normal 11px arial}
/*menu tab*/
#elastico #nazione #sezioni #interventi ul { list-style:none; padding:0 5px; display:block}
#elastico #nazione #sezioni #interventi ul li { list-style:none; margin-bottom:10px; display:block; clear:left }
#elastico #nazione #sezioni #interventi ul li img { margin-left:4px }
#elastico #nazione #sezioni #interventi ul li p { font-family:arial; font-size:12px; color:#000}
#elastico #nazione #sezioni #interventi ul li p a{ color:#071C5D; font-size:14px; font-weight:bold; text-decoration:none}
#elastico #nazione #sezioni #interventi ul li p a:hover{ color:#E2193B; font-size:14px; font-weight:bold}
/*menu utente: racconto, photogallery e video*/
#elastico #nazione #sezioni #interventi ul.utente { list-style:none; margin:0; padding:0; display:inline}
#elastico #nazione #sezioni #interventi ul.utente li, #elastico #nazione #sezioni #interventi ul.utente li.video { list-style:none; margin:0 5px 0 0; display:inline; clear:left }
#elastico #nazione #sezioni #interventi ul.utente li.video a{ font-size:12px; font-weight:bold; text-decoration:none; color:#071C5D; background:url(../images/layout/videoIco.gif) left top no-repeat; padding:0 15px}
#elastico #nazione #sezioni #interventi ul.utente li.racconto a{ font-size:12px; font-weight:bold; text-decoration:none; color:#071C5D; background:url(../images/layout/raccontoIco.gif) left top no-repeat; padding:0 17px}
#elastico #nazione #sezioni #interventi ul.utente li.gallery a{ font-size:12px; font-weight:bold; text-decoration:none; color:#071C5D; background:url(../images/layout/galleryIco.gif) left top no-repeat; padding:0 20px}
#elastico #nazione #sezioni #interventi ul.utente li a{ font-size:12px; font-weight:bold; text-decoration:none; color:#071C5D; padding:0 5px}
#elastico #nazione #sezioni #interventi ul.utente li.selected a{ color:#999}
#elastico #nazione #sezioni #interventi ul.utente li a:hover,
#elastico #nazione #sezioni #interventi ul.utente li.selected a:hover{ color:#E41036; font-size:12px; font-weight:bold; background-color:#FFFFFF}
/*inserimento racconti*/
#content #racconta { }
#content #racconta .label {font:normal 12px arial }
/*registrazione*/
.registrazione { padding:13px; font:normal 11px arial; color:#041E5B }
.registrazione a{font:bold 12px Arial, Helvetica, sans-serif; color:#041e5b}
.registrazione a:hover{font:bold 12px Arial, Helvetica, sans-serif; color:#e11838}
.registrazione h1 {font:bold 18px Arial, Helvetica, sans-serif; color:#818EAE; padding-bottom:20px}
.registrazione h2 {font:normal 12px Arial, Helvetica, sans-serif; color:#333; padding-bottom:20px}
.registrazione h2 a{font:bold 12px Arial, Helvetica, sans-serif; color:#041e5b}
.registrazione h2 a:hover{font:bold 12px Arial, Helvetica, sans-serif; color:#e11838}
.registrazione h3 {font:bold 12px Arial, Helvetica, sans-serif; color:#333}
.registrazione input, .registrazione select {font:normal 12px Arial, Helvetica, sans-serif; background-color:#A5B2CA; color:#041E5B; border:#041E5B 1px solid}
.registrazione input#ctl00_masterCntPlcHlr_ucRegistrationControl_chkboxAssenso {font:bold 12px Arial, Helvetica, sans-serif; background-color:#CCCCCC; color:#FFFFFF; border:0; margin:2px}
.registrazione textarea {font:normal 11px Arial, Helvetica, sans-serif; background-color:#fff; color:#333; border:#041E5B 1px solid}
.registrazione .label {font:bold 13px Arial, Helvetica, sans-serif; color:#818EAE; text-align:right; vertical-align:top; width:190px}
.registrazione .help {font:bold 13px Arial, Helvetica, sans-serif; color:#4aa8ba; text-align:left; vertical-align:top; background:#f4f5f9 url(../images/layout/labelracconta.gif) left top no-repeat; padding:0 5px; text-align:left}
.registrazione .help a{font:normal 11px Arial, Helvetica, sans-serif; color:#041e5b; margin:5px 0}
.registrazione .help a:hover{font:normal 11px Arial, Helvetica, sans-serif; color:#e11838; margin:5px 0}
#contFooter { padding:13px; font:normal 11px arial; color:#041E5B }
#contFooter a{font:bold 12px Arial, Helvetica, sans-serif; color:#041e5b}
#contFooter a:hover{font:bold 12px Arial, Helvetica, sans-serif; color:#e11838}
#contFooter h1 {font:bold 18px Arial, Helvetica, sans-serif; color:#818EAE; padding-bottom:20px}
/*fine pagine*/