/***********************/
/* Regole CSS generali */
/***********************/

html{
	background: #041A36 url(/portale-theme/images/_portale/home/bg-html.jpg) repeat-x 0 top;
}

body{
	background: transparent url(/portale-theme/images/_portale/home/body-bg.gif) no-repeat right bottom;
	min-width: 990px;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	color: #FFFFFF;
}

/* Fahrner image replacement, variante accessibile */

span.fir{
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
} 

/**********/
/* HEADER */
/**********/

/* Definizione header */
#header{
	position: relative;
	height: 80px;
}

/* Logo Cestec */
#header h1{
	width: 309px;
	height: 80px;
	background: url(/portale-theme/images/_portale/home/header-logo.jpg) no-repeat;
}

/* Link in logo Cestec */
#header h1 a{
	width: 309px;
	height: 80px;
	display: block;	
}

/* Definizioni navigazione primaria e relativi link */
#header #navigazione{
	font: normal 12px "Trebuchet MS",Garuda,Arial,sans-serif;
	position: absolute;
	top: 25px;
	right: 0;
}

#header #navigazione dl{
	float: left;
	height: 38px;
	background: url(/portale-theme/images/_portale/home/nav-separatore.jpg) no-repeat left;
	padding: 5px 7px 0 9px;
}

#header #navigazione dt{
	color:#66CCFF;
	font-size: 10px;
}

#header #navigazione dd{
	color: #FFFFFF;
	text-transform: uppercase;
}

#header #navigazione a{
	text-decoration: none;
	color: #FFFFFF;
}

#header #navigazione a:hover{
	text-decoration: underline;
}

/**********/
/* PAYOFF */
/**********/

/* Definizione payoff */
#payoff{
	height: 220px;
	background: url(/portale-theme/images/_portale/home/payoff-bg.gif) no-repeat;
	position: relative;
}

/* Posizionamento SWF o immagine sostitutiva */
#payoff #logo{
	position: absolute;
	right: 0;
	top: 0;
}

/*************/
/* CONTENUTI */
/*************/

/* Definizione <div> generico dei contenuti */
#contenuti{
	width:1013px;
	margin-top: 10px;
	position: relative;
	background: #CCCCCC url(/portale-theme/images/_portale/home/home-angolo.gif) no-repeat right top;
}

/********************/
/* COLONNA SINISTRA */
/********************/

/* Definizione colonna sinistra */
#contenuti #colonna-sin{
	float: left;
	width: 244px;
	min-height: 560px;
	padding-bottom: 25px;
	background: #324a69 url(/portale-theme/images/_portale/home/home-colonnasx-piede.gif) no-repeat 0 bottom;
}

/* Definizione testata grafica */
#contenuti #colonna-sin #colonna-sin-testa{
	background: #CCCCCC url(/portale-theme/images/_portale/home/home-colonnasx-testa.gif) no-repeat 0 bottom;
	width: 244px;
	height: 34px;
}

/* Titolo News & Eventi */
/* AM *** Commentata
#contenuti #colonna-sin h3{
	width: 244px;
	height: 76px;
	margin-bottom: 22px;
	background: url(/portale-theme/images/_portale/news-titolo.gif) no-repeat;
} */

/* Definizioni singoli box news, e relativi link */
#contenuti #colonna-sin li a.testo{
	padding-bottom: 10px;
}

#contenuti #colonna-sin li a.testo{
	text-decoration: none;
	color: #FFFFFF;
	float: left;
	width: 145px;
}

#contenuti #colonna-sin li a.data{
	text-decoration: none;
	color: #66CCFF;
}

#contenuti #colonna-sin li a:hover{
	text-decoration: none;
}

#contenuti #colonna-sin li img{
	background: url(/portale-theme/images/_portale/home/news-foto-bg.gif) no-repeat;
	padding: 4px 4px 4px 0;
	width: 73px;
	height: 47px;
	float: left;
	margin-right: 8px;
}

#contenuti #colonna-sin li h5{
	color: #66CCFF;
	font-weight: bold;
	float: left;
	width: 150px;
}

/* Titolo Archivio News */
#contenuti #colonna-sin #archivio-news{
	clear: left;
	display: block;
	width: 235px;
	height: 26px;
	background: url(/portale-theme/images/_portale/home/news-archivio.gif) no-repeat;
}

/********************/
/* COLONNA CENTRALE */
/********************/

/* Definizione colonna centrale */
#contenuti #colonna-cen{
	float: left;
	width: 535px;
	min-height: 560px;
	padding: 0 0 23px 16px;
	background: #324a69 url(/portale-theme/images/_portale/home/home-colonnacentrale-piede.gif) no-repeat 0 bottom;
}

#contenuti #colonna-cen #colonna-cen-testa{
	background: #CCCCCC url(/portale-theme/images/_portale/home/home-colonnacentrale-testa.gif) no-repeat 0 bottom;
	width: 551px;
	height: 31px;
	margin-left: -16px;
}

/* Titolo per il lancio centrale, nel caso in cui il sito venga visitato da screen reader o altri dispositivi in cui non vengono caricate le immagini */
#contenuti #colonna-cen h2{
	display: none;
}

/* Margine per lancio centrale */
#contenuti #colonna-cen #lancio-img{
	margin:0 0 10px -16px;
}

/* Definizioni navigazione tra sezioni principali, sfondi e relativi link */
#contenuti #colonna-cen dl{
	width: 520px;
	height: 48px;
	margin-bottom: 1px;
	background: url(/portale-theme/images/_portale/home/sezione-bg.gif) no-repeat;
}

#contenuti #colonna-cen dt{
	float: left;
}

#contenuti #colonna-cen dl dt a{
	width: 254px;
	height: 48px;
	display: block;
}

#contenuti #colonna-cen .ambiente{
	background: url(/portale-theme/images/_portale/home/sezioni-ambiente.jpg) no-repeat;
}

#contenuti #colonna-cen .innovazione{
	background: url(/portale-theme/images/_portale/home/sezioni-innovazione.jpg) no-repeat;
}

#contenuti #colonna-cen .efficienza{
	background: url(/portale-theme/images/_portale/home/sezioni-efficienza.jpg) no-repeat;
}

#contenuti #colonna-cen .comunicazione{
	background: url(/portale-theme/images/_portale/home/sezioni-comunicazione.jpg) no-repeat;
}

#contenuti #colonna-cen .pianificazione{
	background: url(/portale-theme/images/_portale/home/sezioni-pianificazione.jpg) no-repeat;
}

#contenuti #colonna-cen .internazionali{
	background: url(/portale-theme/images/_portale/home/sezioni-internazionali.jpg) no-repeat;
}

#contenuti #colonna-cen .assistenza-bandi{
	background: url(/portale-theme/images/_portale/home/sezioni-assistenza-bandi.jpg) no-repeat;
}

#contenuti #colonna-cen dl dd{
	color: #003333;
	padding: 11px 0 0 260px;
	font-size: 12px;
}

#contenuti #colonna-cen dl dd a{
	color: #2d7fa8;
	text-decoration: none;
}

#contenuti #colonna-cen dl dd a:hover{
	text-decoration: underline;
}

/******************/
/* COLONNA DESTRA */
/******************/

/* Definizione colonna destra */
#contenuti #colonna-des{
	float: left;
	width: 218px;
	padding-top: 30px;
	color: #304968;
	font-size: 13px;
}

/* Titolo Ricerca Progetti */
#contenuti #colonna-des #titolo-progetti{
	width: 200px;
	height: 26px;
	background: url(/portale-theme/images/_portale/home/search-progetti.gif) no-repeat;
}

/* Didascalia su ricerca progetti e bandi*/
#contenuti #colonna-des .didascalia{
	margin: 10px 20px 0px 10px;
}

/* Menu a tendina per scelta progetti e band*/
#contenuti #colonna-des select{
	margin: 8px 0 0 10px;
	width: 160px;
}

/* Titolo Ultimo Progetto Inserito */
#contenuti #colonna-des #titolo-ultimo-progetto{
	width: 185px;
	height: 12px;
	background: url(/portale-theme/images/_portale/home/search-ultimo-progetto.gif) no-repeat;
	margin: 0 0 8px 0;
}

/* Definizioni <div> su ultimo progetto inserito: titolo, didascalia e link relativo */
#contenuti #colonna-des #ultimo-progetto{
	font-size: 12px;
	margin: 10px 10px 0 10px;
}

#contenuti #colonna-des #ultimo-progetto h6{
	color: #336699;
	font-weight: bold;
}

#contenuti #colonna-des #ultimo-progetto h6 a{
	color: #336699;
	text-decoration: none;
}

#contenuti #colonna-des #ultimo-progetto h6 a:hover{
	text-decoration: underline;
}

/* Titolo Ricerca Bandi*/
#contenuti #colonna-des #titolo-bandi{
	width: 200px;
	height: 26px;
	background: url(/portale-theme/images/_portale/home/search-bandi.gif) no-repeat;
	margin: 10px 0 0 0;
}

/* Titolo Ultimo Bando Inserito */
#contenuti #colonna-des #titolo-ultimo-bando{
	width: 185px;
	height: 12px;
	background: url(/portale-theme/images/_portale/home/search-ultimo-bando.gif) no-repeat;
	margin: 0 0 8px 0;
}

/* Definizioni <div> su ultimo bando inserito: titolo, didascalia e link relativo */
#contenuti #colonna-des #ultimo-bando{
	font-size: 12px;
	margin: 10px 10px 0 10px;
}

#contenuti #colonna-des #ultimo-bando h6{
	color: #336699;
	font-weight: bold;
}

#contenuti #colonna-des #ultimo-bando h6 a{
	color: #336699;
	text-decoration: none;
}

#contenuti #colonna-des #ultimo-bando h6 a:hover{
	text-decoration: underline;
}

/* Banda vuota per separare i lanci a CURIT e CENED */
#contenuti #colonna-des #separatore{
	width: 200px;
	height: 26px;
	background: url(/portale-theme/images/_portale/home/search-separatore.gif) no-repeat;
	margin: 10px 0 0 0;
}

/* Definizione generico lancio (dimensioni e posizionamento) */
#contenuti #colonna-des .lancio{
	width: 183px;
	height: 47px;
	display: block;
	margin: 8px 0 0 10px;
}

/* Personalizzazione lancio CENED */
#contenuti #colonna-des .cened{
	background: url(/portale-theme/images/_portale/home/lancio-cened.jpg) no-repeat;
}

/* Personalizzazione lancio CURIT */
#contenuti #colonna-des .curit{
	background: url(/portale-theme/images/_portale/home/lancio-curit.jpg) no-repeat;
}

/**********/
/* FOOTER */
/**********/

/* Definizione footer e relativi link */
#footer{
	clear: left;
	height: 27px;
	width: 797px;
	background: transparent url(/portale-theme/images/_portale/home/footer-bg.gif) no-repeat 0 23px;
	color: #041A36;
	padding: 29px 0 16px 10px;
}

#footer a{
	text-decoration: none;
	color: #041A36;
}

#footer a:hover{
	text-decoration: underline;
}