/*
#################################
foglio di stile per ACER bologna
versione: beta
autore: Stefano Maroni
#################################
*/

/* tag html di base */
BODY {
    PADDING: 0px; 
    FONT-SIZE: 80%; /* converrà eliminarlo per poter gestire più agevolmente il cambio di testo */
    MARGIN: 0px; 
    COLOR: #333;
    FONT-FAMILY: Arial, Verdana, sans-serif;
}
A:link, A:visited, A:active {COLOR: #333; TEXT-DECORATION: underline}
A:hover {COLOR: #000; TEXT-DECORATION: none}

H1 {color: #2499cf; font-weight:normal; margin-top:8px; margin-bottom:4px; padding:0;}
H2 {color: #2499cf; font-weight:normal; margin-top:12px; margin-bottom:0px; padding:0; font-size:1.3em; margin-bottom:-14px;}
H3 {color: #2499cf; font-weight:normal; margin-top:6px; margin-bottom:0px; padding:0;font-size:1.1em;}
H4 {color: #333; font-weight:normal; margin-top:3px; margin-bottom:0px; padding:0;font-size:1em;}
H5 {color: #333;font-weight:bold; margin-top:0px; margin-bottom:0px; padding:0;font-size:0.9em;}

form {padding:0; margin:0;}
li {list-style-image: url(http://www.acerbologna.it/puntoelencogrigio.gif); margin-left:0px; padding-left:0px;}


/* div e contenitori vari in ordine di apparizione */
#container {padding:0px;  MARGIN: 0px; width: 100%;}
#testata {PADDING: 0em;
MARGIN: 0em; 
BACKGROUND-IMAGE: url(http://www.acerbologna.it/bgnd_head.jpg); 
background-repeat: repeat-x; 
height:127px;
float: left;
width: 100%;
display: block;}

#testata .logoimg{}
#testata .logotesto{display: none; font-size:1.5em;}
#headcontent {/*left:224px; */
position:absolute; 
margin:0px;
width: 100%;
height: 10px;
top: 0px;}
#adminarea_head {font-size:1.8em; color:#fff; padding:0.5em; padding-left:20px;}
#lingue {float:right; margin-right:20px; padding-top:2px; color:#fff}
#lingue {
float:right;
width:120px;
height: 20px;
margin-right:20px;
padding-top:3px;
color:#fff;
margin-top: 0px;}
#lingue A:link, #lingue A:visited, #lingue A:active {COLOR: #fff; TEXT-DECORATION: none}
#lingue A:hover {COLOR: #fff; TEXT-DECORATION: underline}
#centraleditesta {/*top:40px;*/ top:34px; position:absolute;left:224px;
height: 60px!important;
width: 640px;}
#link_trasversali {float:left!important;
width:140px;
color:#fff;
margin-left:20px !important;
margin-left:10px;
height: 59px !important;}
#link_trasversali A:link, #link_trasversali A:visited, #link_trasversali A:active {COLOR: #fff; TEXT-DECORATION: none}
#link_trasversali A:hover {COLOR: #fff; TEXT-DECORATION: underline}

#percorsipersonalizzati {
float:left;!important;
width:240px;
height:59px; !important;}
#box_cerca_head {
float:left;!important;
width:240px;
height:55px; !important;}
#linknoscript {font-size:0.85em; line-height:1em;}
#linknoscript A:link, #linknoscript A:visited, #linknoscript A:active {COLOR: #fff; TEXT-DECORATION: none}
#linknoscript A:hover {COLOR: #fff; TEXT-DECORATION: underline}

#box_cerca_head {float:left;}

#linkprimo {
    PADDING: 0px;
    MARGIN: 0px;
    DISPLAY: block; 
    FONT-WEIGHT: bold; 
    FONT-SIZE: 1em; 
    top:97px; 
    position:absolute;
    left:224px;
float: left; width:900px;
height: 20px;}
#linkprimo UL {
    PADDING: 0px; MARGIN: 0px; LIST-STYLE-TYPE: none; 
}
#linkprimo LI {
PADDING: 0px;
DISPLAY: inline;
FLOAT: left;
MARGIN: 0px;
WIDTH: auto;
}
#linkprimo A {
    PADDING-RIGHT: 8px; 
    DISPLAY: block; 
    PADDING-LEFT: 8px; 
    PADDING-BOTTOM: 3px; 
    MARGIN: 0px; 
    WIDTH: auto; 
    COLOR: #373737; 
    PADDING-TOP: 3px; 
    TEXT-DECORATION: none;
}
#linkprimo A:hover {
    TEXT-DECORATION: underline; COLOR: #000; /*background: #ccc;*/
}
/*#linkprimo A:active {
    BACKGROUND: #999
}
#linkprimo A.active:link {
    FONT-WEIGHT: bold; Z-INDEX: 102; BACKGROUND: #a0b6cb; POSITION: relative
}
#linkprimo A.active:visited {
    FONT-WEIGHT: bold; Z-INDEX: 102; BACKGROUND: #a0b6cb; POSITION: relative
}*/

#sidebar-a {
    FONT-SIZE: 1em;
    FLOAT: left;
    MARGIN:0px;
    WIDTH: 219px;
    padding: 0px;
    }

#accessibility {margin-left:30px; margin-top:4px; list-style-image: none;}
#accessibility ul {
margin-top:0px; 
margin-bottom:8px; 
margin-left:0px; 
padding-left:0px;}
#accessibility ul li {
list-style-image: none;
list-style-type: none;
    margin-left:0px;
    padding-left:8px !important;
    padding-left:8px;
    background-image: url(http://www.acerbologna.it/puntoelencogrigio.gif);
    background-repeat: no-repeat;
}


/*######## I LINK SULLA COLONNA DI SINISTRA ########## */
#navcontainer {FONT-SIZE: 1em; 
border-top:1px solid #ccc; 
border-bottom:1px solid #ccc; 
margin-left:30px;}

#navcontainer UL {margin:0; 
padding:0; 
margin-top: 10px; 
margin-bottom: 8px; FONT-FAMILY: Arial, Helvetica, sans-serif; LIST-STYLE-TYPE: none}
#navcontainer UL LI {margin:0px; padding:0px; height:1.3em;line-height:1.3em;list-style-image: none;}
#navcontainer A {PADDING-RIGHT: 6px; DISPLAY: block; PADDING-LEFT: 0px;  FONT-WEIGHT:BOLD; COLOR: #333; TEXT-DECORATION: none;}
#navcontainer A:link {COLOR: #333; TEXT-DECORATION: none;}
#navlist A:visited {COLOR: #333; TEXT-DECORATION: none;}
#navcontainer A:hover {COLOR: #000; TEXT-DECORATION: underline;}
/*################## */


#acer_interattiva {margin-left:30px; padding: 8px 0 0px 0;}
#acer_interattiva A:link, #acer_interattiva A:visited, #acer_interattiva A:active {font-size: 0.8em; TEXT-DECORATION: none}
#acer_interattiva A:hover {TEXT-DECORATION: underline}
#acercultura {padding:0px; 
margin-left:30px; 
border-top:1px solid #d9d7cb; 
border-bottom:1px solid #d9d7cb; 
text-align:right; 
margin-top:8px; 
margin-bottom:8px;}
#acercultura img {padding:0px;
margin:0px;
border:0px none #fff;
border-top:1px;
border-top-color:#d9d7cb !important;
border-top-style:solid !important;
border-bottom:1px;
border-bottom-color:#d9d7cb !important;
border-bottom-style:solid !important;}
#aceramministra {margin-left:30px;
padding: 8px 0 10px 0;
border-top:1px solid #d9d7cb;
margin-top:-8px}

#aceramministra ul {padding-top:0; 
padding-bottom:0; 
margin-top:0; 
margin-bottom:0; 
margin-left:0px; 
padding-left:0px; 
list-style-image: none; 
list-style-type: none;}

#aceramministra ul .nientepalle {margin:0;padding:0;list-style-type:none; list-style-image: none; background-image: none;}
#aceramministra ul li {list-style-image: none;
list-style-type: none;
    margin-left:0px;
    padding-left:8px !important;
    padding-left:8px;
    background-image: url(http://www.acerbologna.it/puntoelencogrigio.gif);
    background-repeat: no-repeat;}
    
#aceramministra p {margin:0;padding:0;}

/*MARGIN: 0px 0px 0px 230px;*/

#content {MARGIN: 0px 0px 0px 230px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:1.2em;
padding: 0em;
}
#content.fix {MARGIN: 0px 0px 0px 10px;
float: left;}

/*position: absolute;
left: 230px;
top: 130px;*/

#content li {list-style-image: none;
list-style-type: none;
    margin-left:0px;
    padding-left:8px !important;
    padding-left:5px;
    background-image: url(http://www.acerbologna.it/puntoelencogrigio.gif);
    background-repeat: no-repeat;}
#content A:link, #content A:visited, #content A:active {COLOR: #e67708; TEXT-DECORATION: underline}
#content A:hover {COLOR: #e67708; TEXT-DECORATION: none}

#briciole {DISPLAY: block; FONT-SIZE: 0.85em; TEXT-ALIGN: left; FONT-FAMILY: Arial, Verdana, sans-serif; COLOR: #333;}
#briciole A {COLOR: #333; TEXT-DECORATION: underline}
#briciole A:link, #briciole A:visited, #briciole A:active {COLOR: #333333; TEXT-DECORATION: underline;}
#briciole A:hover {COLOR: #000000; TEXT-DECORATION: none;}

#colonnadx_hp {float:left;
width: 318px;
/*margin-right:270px;
*/ margin-top:10px;}

#colfissa_hp {margin-left:27px;}


#colfissa_hp div {margin:0;
padding:0;}

#colfissa_hp h2 {margin:0px;
padding:0px;
padding-top:6px;}

/*------------------------position-----------------------------*/

#colonnanews {margin-left:338px;
margin-top:10px;
margin-right:20px;
position: absolute;
left: 230px;
top: 128px;}

/*--------controlla------*/
#colonnanews br {
display: none;}

.titolocolonnanews {display:block;
color:#e67708;
font-size:1.5em;
font-weight:bold;
font-family: arial, verdana, sans-serif;
line-height:1em;
padding-bottom:2px;
margin-bottom:0px !important;
margin-bottom:-16px;
border-bottom: 1px #ccc solid;}

.datanews {display:block;
padding:0;
margin:0;
margin-top:8px;}

.titolettonews {color:#e67708;
font-weight:bold;
display:block;
padding:2px 0 2px 0;}

.titolettonews A:link, .titolettonews A:visited, .titolettonews A:active {COLOR: #e67708;
TEXT-DECORATION: none;}

.titolettonews A:hover {COLOR: #e67708;
TEXT-DECORATION: underline;}

.testonews {display:block;
padding:0;
margin:0;
padding-bottom:4px;
margin-bottom:0px !important;
margin-bottom:-12px;
border-bottom: 1px #ccc solid;}

.tuttenews {font-family: arial, verdana;
font-weight:bold;
color:#e67708;}

.tuttenews A {font-family: arial, verdana;
font-weight:bold;
color:#e67708;}

A.tuttenews:link, A.tuttenews:visited {font-family: arial, verdana;
font-weight:bold;
color:#e67708;}

#correlata{float:right; width:180px; color:#2499cf; font-family: Arial, Verdana, sans-serif; font-size:0.8em; padding:1em;}

#correlata .titolobox {font-weight:bold;
display:block;
padding-bottom:4px;}

#correlata A:link, #correlata A:visited, #correlata A:active {COLOR: #2499cf; TEXT-DECORATION: none}
#correlata A:hover {COLOR: #2499cf; TEXT-DECORATION: underline}

/*--------controlla------*/
#linktocorrelata {border-top: 1px solid #2499cf;
border-bottom: 1px solid #2499cf;}

#linktocorrelata ul {margin:10px 0 10px 0; padding:0;}
#linktocorrelata ul li {margin-left:16px;
padding:2px;
}

#linktocorrelata A:link, #linktocorrelata A:visited, #linktocorrelata A:active {COLOR: #2499cf; TEXT-DECORATION: none}
#linktocorrelata A:hover {COLOR: #2499cf; TEXT-DECORATION: underline}



/*######## IL FOOTER & CO. ########## */
    #footer {
        CLEAR: both;
        PADDING-RIGHT: 1em;
        MARGIN-TOP: 5px;
        PADDING-LEFT: 1em;
        FONT-SIZE: 0.8em;
        PADDING-BOTTOM: 1em;
        COLOR: #AAA99F;
        PADDING-TOP: 0.5em;
        background-image: url(http://www.acerbologna.it/bgnd_footer.gif);
        background-repeat: repeat-x;
        background-color: #F5F5F2;
    }
    #footer A:link {COLOR: #AAA99F; TEXT-DECORATION: none}
    #footer A:active {COLOR: #AAA99F; TEXT-DECORATION: none}
    #footer A:visited {COLOR: #AAA99F; TEXT-DECORATION: none}
    #footer A:hover {COLOR: #AAA99F;TEXT-DECORATION: underline;}
    
    #footer_zona_dx {float: right; margin-right:20px;}
/*################## */






.sottotitolo {
    FONT-SIZE: 1em; COLOR: #000000; FONT-STYLE: italic
}


.nascosto {
    DISPLAY: none
}
.small {
    FONT-SIZE: 0.8em
}


/* formattazione elementi form */

.field100 {
    WIDTH: 100px
}
.field200 {
    WIDTH: 200px
}
.field300 {
    WIDTH: 300px
}
.field400 {
    WIDTH: 400px
}
.fieldcento {
    WIDTH: 100%
}
.pulsanti {
    /*BORDER: #000 2px solid;  
    CURSOR: pointer; 
    COLOR: #000; 
    BACKGROUND-COLOR: #fff; 
    padding:0; font-weight:bold;*/ BORDER: #000 1px solid; height: 22px;
}
.inputtext {background:#fff;}

.darkred {color:#aa1400;}
.arancione {color:#e67708;}
.white {color:#fff;}
/*-------------------------------linea----------------------------------------------*/

.linea_divisore {height:1px;
border-bottom: 1px #ffffff solid
display:block;
margin:0px;
padding: 0px;
/*margin-top: 2px !important;
margin-top:-10px;
*/}

.linea_divisore_azzurra {height:8px;
border-bottom:1px solid #a7d3ee;
display:block;
margin-bottom:2px;
line-height:8px;}


/*----- controlla-------*/
.dimensionetesto {
    display: block;
}
.puntipiccoli {list-style-image: url("puntoelencogrigio.gif"/*tpa=http://www.acerbologna.it/puntoelencogrigio.gif*/);}


#navigazionesezioni {
COLOR: #e67708;
    font-weight:bold;
    font-size:0.8em;
    FONT-FAMILY: Arial, Verdana, sans-serif;
    list-style-image: none; list-style-type: none;
}
#navigazionesezioni li {list-style-image: none;
list-style-type: none;
    margin-left:0px;
    padding-left:9px !important;
    padding-left:6px;
    background-image: url("puntoelencoarancio.gif"/*tpa=http://www.acerbologna.it/puntoelencoarancio.gif*/);
    background-repeat: no-repeat;}
#navigazionesezioni A:link, .navigazionesezioni A:visited, .navigazionesezioni A:active {COLOR: #e67708; TEXT-DECORATION: underline}
#navigazionesezioni A:hover {COLOR: #e67708; TEXT-DECORATION: none}

.linea_divisore {height:3px; border-bottom:1px solid #CCCCCC; display:block; margin-bottom:2px;}
.linea_divisore_azzurra {height:2px; border-bottom:1px solid #2499cf; display:block; margin-bottom:2px;}
.dimensionetesto {display: block;}
.shortcut {position:absolute; top:-100px;}


/* per le news --------controlla*/
.titolocolonnanews {color:#e67708; font-size:1.5em; font-weight:bold; font-family: arial, verdana, sans-serif; padding-top:26px; display: block}
.titolettonews {color:#e67708; font-weight:bold; display:block; padding:4px 0 4px 0;}
.titolettonews A:link, .titolettonews A:visited, .titolettonews A:active {COLOR: #e67708; TEXT-DECORATION: none;}
.titolettonews A:hover {COLOR: #e67708; TEXT-DECORATION: underline;}

.testonews {line-height:1.2em; display:block;}
.tuttenews {font-family: arial, verdana; font-weight:bold; color:#e67708;}
.tuttenews A {font-family: arial, verdana; font-weight:bold; color:#e67708;}
A.tuttenews:link, A.tuttenews:visited {font-family: arial, verdana; font-weight:bold; color:#e67708;}

/* per i risultati delle news */

#risultati_ricerca li {margin-bottom:8px;}
#risultati_ricerca li A {font-weight:bold; color:#e67708;}


/* per le tabelle */

.tabella {
  table-layout : fixed;
  /*width : 98%;*/
  border: 1px solid #808080;
  border-collapse: collapse;
  border-spacing: 1px;
  font-size:0.8em;
  }
.tabella th {
  background: #e5e5e5;
  border: 1px solid #808080;
  border-collapse: collapse;
  border-spacing: 0px;
  }
.tabella td {
  border: 1px solid #808080;
  border-collapse: collapse;
  border-spacing: 0px;
  }