/*###########################################################################################
#######################################  LOSTIM di Mennea Giovanni
#######################################      copyright LOSTIM
#######################################       www.lostim.com   	       (css versione grafica)
###########################################################################################*/

#body {
	margin: 0 0 0 0;
	text-align:center;
	font-family: Tahoma, Verdana, Helvetica, Arial;
	background-color: #DDEEEE;
}

#pagina {
	margin-left: 7%;
	margin-right: 7%;
	text-align:left;
	background-color: #FFFFFF;
	height: auto !important;
	height:0;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}

#corpo {
    width: 100%;
    padding:0;
    margin-top:1px;
    height:auto !important;
	height:2px;
}

#centro {
    float:left;
    width:78%;
}

#contenuto {
	float:right;
	width: 75%;
	height: auto !important;
	height:0;
}

#contenuto p {
    line-height: 1.3em;
    margin-top:0px;
    text-indent:25px;
    margin-bottom:5px;
}

#contenuto a:link, #contenuto a:visited {
    color: #0000BB;
    font-family: Tahoma, Arial, Verdana, Helvetica;
    /*font-weight: bold;*/
    text-decoration: none;
}

#contenuto a:hover, #contenuto a:active {
    text-decoration: underline;
}

img {border:0px}

.no_print_link {
    /* questa classe non viene mostrata per la stampa */
}

#torna a:hover {
	color: #FFFFFF;
    background-color: #ff4b25;
    text-decoration: none;
    padding: 2px;
}

#torna {
	border-bottom: 2px solid #ff4b25;
	background-color: #FFFFFF;
	background-image: url(../img/freccia_su.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/*TOP*/
#top1 {
	position:relative;
	height: 100px;
	padding-right: 0px;
	text-align: right;
	margin:0px;
	padding:0px;
	background-image:url(../img/top_dx.jpg);
	background-position:right;
}

#top_sx1 {
   	position:absolute;
	left:0px;
	top:0px;
	width:256px;
}

#top2 {
	position:relative;
	height: 85px;
	padding-right: 0px;
	text-align: left;
	margin:0px;
	padding:0px;
	background-image:url(../img/top_dx2.jpg);
	background-position:left;
}

#top_sx2 {
   	position:absolute;
	right:0px;
	top:0px;
	width:256px;
}

#home_ref {
    float:left;
    padding-top:3px;
    padding-bottom:3px;
    background-image:url(../img/home.gif);
    background-repeat:no-repeat;
}

#cerca_nel_sito {
    float:right;
}

#cerca_nel_sito img {
    vertical-align: top;
    padding-top:4px;
}

/*##############################################################################################
####################################### MENU CONTESTUALE #######################################
##############################################################################################*/

#menu_contestuale {
    padding: 3px;
    height: 22px;
	background-color: #ff4b25;
	font-family: Tahoma, Verdana, Helvetica, Arial;
	margin:0;
	color:#000000;
	text-indent:20px;
}

#menu_contestuale a {
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}

#menu_contestuale a:hover {
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}

/*FINE MENU CONTESTUALE*/

/*nasconde i salti al menu e al contenuto + il logo x intestazione stampa ,nella versione grafica*/
.nascosto {display: none;}
.grafica {display:none;}
.centrato {text-align:center;}
.right {padding-left:10px;}
#logo_stampa {display: none;}

/* INIZIO OGGETTI X MENU
##################################################################################################*/

.menu {width:100%;}

.titoli_menu {
    width:97%;
	font-family: Tahoma, Verdana, Helvetica, Arial;
	font-weight: bold;
    text-indent: 5px;
    color: #FFFFFF;
	border-bottom:1px solid #000000;
    background:url(../img/no_right_corner.gif) no-repeat top right;
    background-color: #FF4B25;
}

#mappa_sito div {
    padding-left: 10px;
    font-weight: bold;
    text-decoration: underline;
}

.menu ul {
    list-style-type:none;
    padding:0px;
    margin:0px;
    margin-top:4px;
    margin-bottom:4px;
}

.menu li {
    display: block;
    width:97%;
	margin: 0px;
	text-indent:15px;
    background-color: #FFFFFF;
    background-image:url(../img/freccia_li_menu.gif);
    background-repeat:no-repeat;
    border-bottom: 1px solid #FFFFFF;
}

.menu li a:hover, .menu li a:active {
	text-indent:15px;
    background-color: #00887A;
    color: #FFFFFF;
}

.menu a:link, .menu a:visited {
    text-decoration:none;
    color:#000000;
}

/* FINE OGGETTI X MENU
##################################################################################################*/

/* INIZIO MENU DI SINISTRA
##################################################################################################*/

#menu_sx {
	float: left;
	width: 22%;
	margin-left:3px;
	border-right:1px solid #000000;
    font-family: Tahoma, Arial, Verdana, Helvetica;
	color:#31411B;
}

/* FINE MENU DI SINISTRA
##################################################################################################*/

/* INIZIO MENU DI DESTRA
##################################################################################################*/

#menu_dx {
	float: right;
	width: 20%;
	padding-left:3px;
	border-left:1px solid #000000;
	font-family: Tahoma, Arial, Verdana, Helvetica;
	color:#31411B;
}

/* FINE MENU DI DESTRA
##################################################################################################*/

/*FINE COLONNA DESTRA*/

/*COLONNE CENTRALI HOME*/

/*1. speciale news*/

#colonna_speciale {
	margin-top: 16px;
}

#titolo_speciale {
     width:99%;
	 color: #000000;
	 font-family: Tahoma, Verdana, Helvetica, Arial;
	 font-weight:bold;
	 text-align: center;
	 background-color: #AAFFFF;
	 border: 1px solid #000000;
	 padding:2px;
	 margin-bottom:6px;
}

#speciale {
    width:99%;
    font-family: Tahoma, Verdana, Helvetica, Arial;
    min-height: 160px;
    background-color: #FFFFFF;
    margin-top:3px;
    padding:2px;
    color:#000000;
   	border: 1px dotted blue;
}

#speciale .immagine {
    float:left;
    margin-left:5px;
    margin-right:5px;
}

#speciale h2 a:link, #speciale h2 a:visited {
    color: #0000BB;
    text-align: center;
    font-family: Tahoma, Arial, Verdana, Helvetica;
}

/*1. Colonna news*/
#colonna_news {
	float:left;
	width:62%;
	font-family: Tahoma, Verdana, Helvetica, Arial;
}

#colonna_news .ultime_notizie {
	width:99%;
	color: #000000;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-weight:bold;
    background:url(../img/no_right_corner.gif) no-repeat top right;
	background-color:#66FFCC;
	padding:3px;
	margin-bottom:4px;
}

#colonna_news .news_home {
	width:100%;
	background-color: #EEFFFF;
	margin-bottom:8px;
	border-top:1px dotted #8CB356;
	border-bottom:1px dotted #8CB356;
	padding:2px;
	min-height:140px;
}

.news_home h2 {
    margin:0;
    padding:0;
    width:100%;
    margin-bottom:5px;
}

.news_home .immagine {
    float:right;
    margin-right:3px;
}

.autore {text-align:right;}

/*2. Colonna documenti(bandi_avvisi + banner)*/
#colonna_documenti {
    float:right;
    width:36%;
}

#colonna_documenti .bandi_avvisi /*titolo sulla home*/{
    background:url(../img/no_right_corner.gif) no-repeat top right;
    background-color:#00887A;
    font-weight:bold;
    margin-bottom:4px;
    font-family: Tahoma, Verdana, Helvetica, Arial;
    padding:3px;
    color:#FFFFFF;
}

#colonna_documenti .bandi_avvisi_home {
    font-family: Tahoma, Arial, Verdana, Helvetica;
	background-color: #FAFAFA;
	margin-bottom:0px;
	padding: 2px;
	border-top:1px dotted #8CB356;
	border-bottom:1px dotted #8CB356;
}

.banner_box {
    display: block;
    min-height: 65px;
    margin-bottom: 2px;
    text-align:center;
    padding-top:2px;
    padding-bottom:2px;
}

/*FINE COLONNE CENTRALI HOME*/

/*BOTTOM(parte inferiore)*/

#bottom {
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	height: 80px;
	background-image:url(../img/immagine_sotto.gif);
	background-repeat: repeat-x;
    background-color: #DDEEEE
}

#indirizzo_bottom {
    font-family: Tahoma, Verdana, Helvetica, Arial;
    text-align: center;
	height: 50px;
	line-height: 20px;
    background-color: #DDEEEE
}

#indirizzo_bottom a:link, #indirizzo a:visited {color:#000000;}

#validatori {
	text-align: center;
	background-color: #DDEEEE;
	border:0px solid #000000;
	height: 50px;
	border-bottom:1px solid #000000;
}

#validatori a {
	color: #425527;
	font-weight:bold;
}

#validatori img {
    border-left: 6px solid #DDEEEE;
    border-top: 5px solid #DDEEEE;
}

.nofloat {
	clear:both;
}

/*##############################################################################################
####################################### VESTI GRAFICHE #########################################
##############################################################################################*/
#versioni_data {

    background-color: #5c5e5b;
	border-bottom:1px dotted #000000;
	border-top:1px solid #000000;
}

#vesti_grafiche {
	margin-left:2px;
	float:left;
    width: 78%;
	color:#FFFFFF;
	padding-top:2px;
	padding-bottom:2px;

}

#vesti_grafiche div {
	float:left;
    padding: 0;
	margin: 0;
}

#vesti_grafiche ul {
	float:right;
    padding: 0;
    margin: 0;
}

#vesti_grafiche li {
	display: inline;
	padding: 0 25px 0 22px;
	border-right:1px solid #FFFFFF;
}

#vesti_grafiche a {
	color: #FF9999;
	text-decoration: none;
	padding: 0 0 0 3px;
	font-family: Tahoma, Verdana, Helvetica, Arial;
	font-weight: bold;
}

#vesti_grafiche a:link, #vesti_grafiche a:visited {
	color: #FF9999;
}

#vesti_grafiche a:hover, #vesti_grafiche a:active {
	color: #FFFFFF;
}

#dim_testo {
    width:20%;
    float:right;
    padding-top:2px;
	padding-bottom:2px;
    text-align:center;
    color:#FFFFFF;
}

#dim_testo img{
    vertical-align: top;
}

/*##############################################################################################
##################################### FINE VESTI GRAFICHE ######################################
##############################################################################################*/

.intestazione1 {
    width:99%;
	color: #000000;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-weight:bold;
    text-align: left;
    background:url(../img/no_right_corner.gif) no-repeat top right;
	background-color:#66FFCC;
    border-bottom: 1px solid #000000;
	padding:3px;
	margin-bottom:4px;
}

.intestazione2 {
    width:99%;
	color: #000000;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-weight: bold;
    text-align: left;
    background:url(../img/no_right_corner.gif) no-repeat top right;
	background-color:#CCCCFF;
	border-bottom: 1px solid #000000;
    padding:3px;
	margin-bottom:4px;
}

/*################################# INIZIO SCHEDE UTENTI ###################################*/

#scheda_utente {
    padding: 10px;
    border: 1px solid #000000;
}

#scheda_utente img {
    border: 1px solid #00FF99;
    float:right;
    margin-top: 10px;
}

#scheda_utente h2 {
    text-align: right;
    color: #000000;
}

#scheda_utente h3 {
    text-align:left;
    color: #990055;
}

#scheda_utente .campo_dati {
    width: 60%;
    padding: 3px;
    font-family: Tahoma, Arial, Verdana, Helvetica;
    border-bottom: 1px dotted #000000;
}

.scheda_bottom {
    padding-left: 10px;
    padding-top: 10px;
    border-top: 1px dashed #00FF99;
    border-bottom: 1px dashed #00FF99;
}

.campo_dati_bottom {
    width: 98%;
    padding: 3px;
    font-family: Tahoma, Arial, Verdana, Helvetica;
    border: 1px dotted #000000;
 	background-color: #EEFFFF;
}

.scheda_utente2 {
    width: 100%;
}

.scheda_utente2 img {
    float: left;
}

.scheda_utente2 div {
    background-color : #EEFFFF;
    margin-left: 25px;
    padding: 3px;
    border: 1px solid #000000;
}

table {
	width: 100%;
	border-collapse:collapse;
}

caption {
    text-align: left;
    padding: 3px;
}

td {
	font-family: Tahoma, Arial, Verdana, Helvetica;
	color: #000000;
	padding: 2px;
	border: 1px solid #CCCCFF;
	text-align: left;
}

form td {
	font-family: Tahoma, Arial, Verdana, Helvetica;
	color: #000000;
	padding: 2px;
	border: 1px solid #FFFFFF;
	text-align: left;
}

form table {
    width: 5em;
    margin: auto;
}

.row_header {
    width: 120px;
    background-color:#CCCCFF;
    border-bottom: 1px solid #000000;
}

.row_header2 {
    width: 250px;
    background-color:#CCCCFF;
    border-bottom: 1px solid #000000;
}

/*################################# FINE SCHEDA UTENTI ###################################*/

/*############################## INIZIO SETTORI/SERVIZI-UFFICI ##################################*/

.settore_breve {
    padding: 10px;
    margin-left: 10px;
    border-top: 1px dashed #000000;
    border-bottom: 1px solid #000000;
}

#scheda_organo {
    padding: 10px;
    border: 1px solid #000000;
}

#scheda_organo h3 {
    text-align:left;
    color: #990055;
}

#scheda_organo .campo_dati {
    padding-left: 5px;
    padding-top: 3px;
    font-family: Tahoma, Arial, Verdana, Helvetica;
}

/*################################ FINE SETTORI/SERVIZI ##################################*/

/*##################################### CERTIFICATI ######################################*/

#certificato {
    border:1px solid #000000;
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    background:url(../img/certificato_big.jpg) no-repeat top right;
}

#certificato img {
    float: right;
    width: 20%;
    border: 1px solid #000000;
}

#certificato label{
    float: left;
    padding-left: 15px;
    margin-right: 5px;
    width: 35%;
    font-weight: bold;
    border-top: 1px dashed #77CCCC;
}

#certificato textarea{
    width: 165px;
    height: 150px;
}

#certificato input[type="radio"] {width: 20px;}

#certificato br{clear: left;}

#certificato.text {
    width: 150px;
}

.text {
    border: 1px solid #000000;
    margin-bottom: 2px;
    color: #000000;
    background-color: #CCCCCC;
    background-image: url(../img/input_arrow2.gif);
	background-repeat: no-repeat;
    padding-left: 14px;
}

.text:focus {background-color: #CCCCFF;}

#submitbutton {width: 120px;}

#resetbutton {width: 70px;}

/*################################## FINE CERTIFICATI ####################################*/

h1 {
	width:100%;
	padding:5px;
	margin-top:10px;
	font-family: Tahoma, Verdana, Helvetica, Arial;
	font-weight: bold;
	color: #31411B;
}

h2 {
	font-family: Tahoma, Verdana, Helvetica, Arial;
	color: #000000;
	padding-top:6px;
	padding-bottom:4px;
	margin: 0;
	font-weight:bold;
}

h2 a:link, h2 a:visited {
	color: #0000BB;
	text-decoration:none;
	font-weight:bold;
}

h2 a:active, h2 a:hover {
    text-decoration:underline;
}

h3 {
	color: #000000;
	padding:5px 0px 5px 0px;
	margin: 0 0 0 0;
	font-family: Tahoma, Verdana, Helvetica, Arial;
	font-weight: bold;
}

h3 a:link, h3 a:visited {
	color: #0000BB;
	text-decoration:none;
}

h3 a:hover, h3 a:active {
	color: #0000BB;
	text-decoration: underline;
}

h5 {
    text-indent: 10px;
}

.download_cat_list {
    list-style-image: url(../img/download_cat.gif);
}

.download_list {
    list-style-image: url(../img/download_bullet.gif);
}

.num_cat_list {
    list-style-image: url(../img/info_cat_bullet.png);
}

.num_list {
    list-style-image: url(../img/info_bullet.png);
}

.num_list li {
    margin-left: 40px;
}

.tel_item {
    margin-top: 10px;
    list-style-image: url(../img/telefono.gif);
}

.mail_item {
    list-style-image: url(../img/mail.gif);
}

.web_item {
    list-style-image: url(../img/web_small.gif);
}

.lista_cat_links {
    list-style-image: url(../img/web.gif);
}

.lista_links {
    list-style-image: url(../img/web_small.gif);
}

.lista_links li {
    margin-left: 40px;
}

.lista_cat_certificati {
    list-style-image: url(../img/certificato.gif);
}

.lista_certificati {
    list-style-image: url(../img/certificato_small.gif);
}

.lista_certificati li {
    margin-left: 40px;
}

.lista_utenti {
    list-style-image: url(../img/user_bullet.gif);
}

.lista_utenti li {
    margin-left: 60px;
}

.lista_uffici {
    list-style-image: url(../img/office_bullet.gif);
}

.lista_uffici li {
    margin-left: 30px;
}

li.void {
    list-style-image: url(../img/void_list_item.gif);
}

.grassetto {font-weight:bold}

.corsivo {font-style:italic}

.tratteggio{
	border-top:1px dashed #31411B;
	margin-top:20px;
	margin-bottom:8px;
}

#errori {
    padding-left: 50px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 2px solid #FF0000;
    font-family: Tahoma, Arial, Verdana, Helvetica;
    background: url(../img/errori.jpg) no-repeat top left;
}

.separatore{
	border-top:1px solid #31411B;
	margin-top:20px;
	margin-bottom:8px;
}

.descrizione_breve {
    text-align: left;
    font-family: Tahoma, Arial, Verdana, Helvetica;
    background-color:#FFFFFF;
    padding: 10px;
    border-bottom: 1px dashed #000000;
}

.testo {
	padding: 0px 0px 5px 0px;
	font-family: Tahoma, Arial, Verdana, Helvetica;
}

.testo_breve {
    margin-bottom: 3px;
    padding: 3px;
    background-color: #EEFFFF;
    border-bottom:1px solid #000000;
}

.testo_breve:hover {
    background-color: #CCCCFF;
}

.testo_breve:first-letter {
    font-weight: bold;
    font-size: 150%;
    font-style: italic;
    margin-right: 2px;
}

/*#########################################################################################
###################################### INIZIO CERCA #######################################
#########################################################################################*/

#centrato table {
	margin: 0px auto; /* al centro del cerca */
	font-family: Tahoma, Verdana, Helvetica, Arial;
}

#cerca td {
	text-align: right;
}

.campo_input {
	border: 0px solid #000000;
	color:#000000;
	background-color:#FFFFFF;
    background-image: url(../img/input_arrow1.gif);
	background-repeat: no-repeat;
    padding-left: 14px;
	margin-top: 4px;
	font-size: 10px;
	width: 180px;
	height: 13px
}

.campo_input:focus {background-color:#DDFFFF;}

#ordina {
    border: 1px solid #000000;
    padding-bottom: 10px;
    padding-left: 10px;
    background-color: #EEFFFF;
}

#ordina label{
    margin-right: 5px;
    font-weight: bold;
}

#ordina input[type="submit"] {
    margin-left: 6%;
}

#ordina br{clear: left;}

#cerca {
    border: 1px solid #000000;
    padding-left: 10px;
    background-color: #99FFAA;
}

#cerca label{
    margin-right: 5px;
    font-weight: bold;
}

#cerca input[type="submit"] {
    margin-left: 3%;
}

#cerca2 {
    border: 1px solid #000000;
    padding-left: 10px;
    background-color: #CCCCFF;
}

#cerca2 label{
    margin-right: 5px;
    font-weight: bold;
}

#cerca2 input[type="submit"] {
    margin-left: 3%;
}

.pg_list_submit { /* lista pagine x risultati ricerche */
    width: 20px;
    font-weight: bold;
    border: none;
    background: #FFFFFF;
    color: #0000BB;
}

.pg_list_submit:hover {
    color: #000000;
}

.pg_list_dir {
    color: #0000BB;
    border: none;
    background: #FFFFFF;
}

.pg_list_dir:hover {
    color: #000000;
    min-width: 0px;
}

#torna_elenco {
    margin-left: 50px;
    text-align: right;
    padding-right: 3%;
}
/*#########################################################################################
######################################## FINE CERCA #######################################
#########################################################################################*/

/*##################################### FOTO_GALLERY ####################################*/

#container {
    position : relative;
    width : 99%;
    height: 600px;
    background : #FFFFFF;
}

#gallery_nav {
    text-align: center;
    font-family: Tahoma, Arial, Verdana, Helvetica;
    font-weight: bold;
}

a.mini, a.mini:visited {
    color : #4A679F;
    font-weight : bold;
    text-decoration : none;
    border : 1px solid gray;
    width : 100px;
    height : 65px;
    float : left;
    margin-left : 8px;
    margin-top : 6px;
    z-index : 100;
}

a.mini:hover {
    border : 1px solid yellow; /* colore bordo al passaggio x evidenziare */
}

#vis_nav {
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
    border: 1px solid #000000;
}

#vis_nav div {
    margin-top: 5px;
}
/*################################### FINE FOTO_GALLERY #################################*/