/* ********************************************************** */
/* ********************************************************** */
/* **                                                      ** */
/* **    FORMATTAZIONI GENERICHE DEI TAG XHTML             ** */
/* **                                                      ** */
/* ********************************************************** */
/* ********************************************************** */


body {
margin: 5px;
margin-right: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

body, blockquote, p, ul, ol {
font-size: 12px;
}

a {
text-decoration: none;
color: #0066CC;
font-weight: bolder;
}

a:link, a:visited {
text-decoration: none;
}

img { 
border: 0px;
}

h1, h2 {
margin: 0px;
padding: 0px;
}

h1 {
width: 130px;
position: relative;
top: -9px;
left: 5px;
}

#HP h1 {
position: absolute;
top: 5px;
width: 99%;
height: 90px;
}

h2 {
width: 630px;
font-size: 18px;
color: #FF0000;
text-align: right;
border-bottom: 2px solid #3333CC;
}

#HP h2 {
display: none;
}


/* ********************************************************** */
/* ********************************************************** */
/* **                                                      ** */
/* **    FORMATTAZIONI GRAFICHE DI CLASSI E ID             ** */
/* **                                                      ** */
/* ********************************************************** */
/* ********************************************************** */


.lapalisse, #EOF, h1 #nomeSito {
display: none;
}

.vistaVuota {
color: #AAAAAA;
font-weight: bold;
}

#percorso {
text-align: right;
width: 630px
}

#HP #percorso {
display: none;
}


#pulsantiera p {
	font-size: 10px;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 157px;
	height: 26px;
	background-image: url(bgMenuInterno_f3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
}

#pulsantiera a {
	margin: 0px;
	padding: 2px;
	width: 153px;
	height: 23px;
	display: block;
	background-image: url(http://www.cnel.it/_layout/bgMenuInterno.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#pulsantiera a:hover {
	background-image: url(http://www.cnel.it/_layout/bgMenuInterno_f2.gif);
	color: #CC0000;
}

#pulsantiera a:active {
	background-image: url(http://www.cnel.it/_layout/bgMenuInterno_f3.gif);
	color: #000000;
}


/* ************************************************************ */
/* **  Corpo della pagina.                                   ** */
/* ************************************************************ */

#testo {
border-left: 2px solid #C3D2F2;
padding-left: 5px;
border-bottom: 2px solid #C3D2F2;
padding-bottom: 5px;
}

#HP #testo p {
font-size: 11px;
margin-top: 0px;
margin-bottom: 5px;
}

/* Cornice dei titoli della Home Page.                          */
#HP h3 {
height: 24px;
margin-bottom: 10px;
font-size: 12px;
color: #0000CC;
padding: 0px;
background-image: url(bgH3.gif);
background-repeat: no-repeat;
background-position: left top;
}

/* Eccezione: cornice del titolo in colonna centrale.          */
#HP #colCx h3 {
background-image: url(bgH3Cx.gif);
}

/* Eccezione: il titolo della ricerca non ?ncorniciato.       */
#HP #divCerca h3 {
background-image: none;
padding-left: 22px;
padding-top: 20px;
margin-bottom: 0px;
}

/* Div fatto apposta per contenere tutto il testo dell'agenda.  */
#HP #contenutoAgenda {
height: 150px;
}

#HP #divCartinaEuropa {
text-align: center;
}

/* Eccezione: la cornice che decora il box della ricerca.       */
#HP #divCerca {
background-image: url(http://www.cnel.it/_layout/bgSearch.gif);
background-repeat: no-repeat;
background-position: left top;
width: 175px;
height: 110px;
}

/* Nel box di ricerca gli elementi vanno a destra.              */
#HP #divCerca p {
padding-right: 10px;
text-align: right;
}

#HP #Search {
background-color: #99BBDD;
color: #FFFFFF;
border: 0px none #FFFFFF;
font-size: 10px;
cursor: pointer;
cursor: hand;
}

/* Div fatto apposta per contenere gli ultimi aggiornamenti.    */
#HP #contenutoNews {
height: 70px;
width: 410px;
padding-right: 10px;
}

/* In entrambi gli "scroll" sposto un po' il testo dal bordo.   */
#HP #contenutoAgenda p, #HP #contenutoNews p {
margin-left: 2px;
color: #0000CC;
}

/* Alcune sezioni della HP sono maggiormente distanziate.       */
#HP #divPartnership, #HP #divAreaImmigrazione {
margin-bottom: 45px;
}
#HP #divAgenda, #HP #divComunicazione {
margin-bottom: 25px;
}

/* L'immagine dell'Org. Naz. Coord. va centrata.                */
#HP #divAreaImmigrazione p {
text-align: center;
}

/* Posizionamento in orizzontale delle due bandiere.            */
#linkIt, #linkEn {
margin: 10px;
display: inline;
}
#linkIt {
margin-left: 30px;
}
#linkEn {
margin-left: 10px;
}

/* Allineamento dei link in HP accanto ai rispettivi segni ">". */
#testo span.puntualizzo {
position: absolute;
color: #0000CC;
font-weight: bold;
}
#HP #testo a {
position: relative;
left: 12px;
}

/* Diminuzione della grandezza del font per il link segnala.   */
#linkSegnala a {
font-size: 10px;
}



/* ************************************************************ */
/* **  Nelle pagine interne ci saranno box sulla destra      ** */
/* **  contenenti i link per quella sola sezione.            ** */
/* ************************************************************ */

#linkDiSezione p {
margin: 0px;
width: 210px;
color: #1F74FF;
font-weight: bold;
}

#linkDiSezione #header {
margin-bottom: 5px;
}

#linkDiSezione a {
position: relative;
left: 12px;
}


/* ************************************************************ */
/* **  Barra orizzontale: menu di navigazione.               ** */
/* ************************************************************ */

#navigazione ul, #navigazione li {
list-style-type: none;
list-style-image: none;
margin: 0px;
padding: 0px;
}

#navigazione #menu1 {
display: none;
}

#HP #navigazione #menu1 {
display: block;
}

#navigazione li {
float: left;
font-size: 10px;
}

#navigazione a {
margin: 0px;
padding: 0px;
padding-top: 1px;
width: 106px;
height: 28px;
display: block;
text-align: center;
text-decoration: none;
font-weight: bold;
color: #0066CC;
background: #FFFFFF url(http://www.cnel.it/_layout/bgMenu.gif) no-repeat left top;
}

/* ************************************************************ */
/* **  Eccezione: il primo bottone ?omposto da una sola    ** */
/* **  riga di testo.                                        ** */
/* ************************************************************ */

#menu1 a {
padding-top: 6px;
padding-bottom: -6px;
height: 22px;
}

#navigazione a:hover {
color: #000000;
background: #FFFFFF url(http://www.cnel.it/_layout/bgMenu_.gif) no-repeat left top;
}

/* ************************************************************ */
/* **  Sottomenu che si apre a tendina.                      ** */
/* ************************************************************ */

#navigazione .sottomenu {
margin: 0px;
margin-top: -2px;
padding: 0px;
float: left;
display: none;
position: absolute;
width: 300px;
border-top: 1px solid #99BBDD;
}

#navigazione .sottomenu a {
margin: 0px;
padding: 1px 2px 3px 5px;
width: 293px;
height: 13px;
display: block;
text-align: left;
text-decoration: none;
color: #000000;
border: 2px solid #99BBDD;
background-image: none;
border-top: 0px none #99BBDD;
border-right: 1px solid #99BBDD;
border-bottom: 1px solid #99BBDD;
border-left: 1px solid #99BBDD;
background-color: #C3D2F2;
}

#navigazione .sottomenu a:hover {
color: #0066CC;
background-image: none;
background-color: #FFFFFF;
}


/* ************************************************************ */
/* **  Barra verticale: menu di servizio.                    ** */
/* ************************************************************ */

#servizio {
width: 130px;
margin: 0px;
padding: 0px;
}

#servizio p {
margin: 5px;
padding: 3px;
border-bottom: 1px solid #C3D2F2;
font-weight: bold;
font-size: 10px;
}

#servizio #linkCesLink {

border-bottom: 2px solid #a8beec;
border-top: 2px solid #a8beec;
border-left: 2px solid #a8beec;
border-right: 2px solid #a8beec;
}

#servizio p#data, #servizio , #servizio p#linkHome, #servizio #linkBobby {
border-bottom: 0px none #FFFFFF;
} 

#servizio p#data {
color: #DD0000;
margin-top: 0px;
padding-top: 0px;
}

#servizio #linkDocumenti, #servizio #linkHome, #servizio #linkBack, #servizio #linkCesLink, #servizio #linkBobby {
margin-top: 10px;
}

#servizio #linkCesLink img, #servizio #linkHome img, #servizio #linkBack img {
vertical-align: middle;
}

#servizio #linkCesLink img {
margin-left: 10px;
}
#servizio #linkHome img {
margin-left: 20px;
}
#servizio #linkBack img{
margin-left: 6px;
}


/* ************************************************************ */
/* **  Eccezioni: non tutte le voci del menu di servizio     ** */
/* **  sono da mostrare in HP o, al contrario, nelle pagine  ** */
/* ** interne.                                               ** */
/* ************************************************************ */

#servizio #linkStatistiche, #servizio #linkSegnala, #servizio #linkBobby {
display: none;
} 

body#HP #servizio #linkStatistiche, body#HP #servizio #linkSegnala, body#HP #servizio #linkBobby {
display: block;
} 

body#HP #servizio #linkHome, body#HP #servizio #linkBack {
display: none;
}


/* ********************************************************** */
/* ********************************************************** */
/* **                                                      ** */
/* **    POSIZIONAMENTO DEGLI ELEMENTI                     ** */
/* **                                                      ** */
/* ********************************************************** */
/* ********************************************************** */

#navigazione {
position: absolute;
top: 0px;
left: 140px;
}

#HP #navigazione {
top: 80px;
left: 5px;
}

h2 {
margin-left: 135px;
}

#percorso {
margin-left: 135px;
margin-top: -35px;
}

#testo {
position: absolute;
top: 100px;
left: 140px;
width: 400px;
/* +++++++++++++++++++++++++++++++++++++++++++++
+ Sinch?ispettiamo i monitor 800x600 teniamo +
+ questa larghezza.                            +
+++++++++++++++++++++++++++++++++++++++++++++ */
}

#contenutoAllargato #testo {
width: 610px;
}


#contenutoConPulsantiera {
position: absolute;
top: 90px;
}

#HP #testo {
top: 120px;
}

#contenutoConPulsantiera #testo {
top: 50px;
}

#footer {
text-align: right;
}

#linkDiSezione {
margin-top: 50px;
margin-left: 555px;
/* +++++++++++++++++++++++++++++++++++++++++++++
+ Sinch?ispettiamo i monitor 800x600 teniamo +
+ questa posizione.                            +
+++++++++++++++++++++++++++++++++++++++++++++ */
}

#pulsantiera {
position: absolute;
top: 70px;
left: 141px;
width: 630px;
}

#servizio {
position: absolute;
top: 40px;
}

#HP #servizio {
top: 120px;
}

#colSx {
width: 177px;
}

#colCx {
width: 215px;
position: absolute;
left: 197px;
top: 0px;
}

#colDx {
width: 177px;
position: absolute;
left: 427px;
top: 0px;
}



/* ********************************************************** */
/* ********************************************************** */
/* **                                                      ** */
/* **    C  N  E  L  S  T  A  T  S                         ** */
/* **                                                      ** */
/* ********************************************************** */
/* ********************************************************** */

.cnelstats {

}

.cnelstatsPopup {

}