@charset "utf-8";
/* CSS Document */

@import url("reset.css");

/* --------------------------------------------------------------- */
/* HTML ELEMENTS												   */
/* --------------------------------------------------------------- */

strong { font-weight:bold; }
em { font-style:italic; }

h1, h2, h3, h4, h5, h6 { margin: 0.6em 0 0.6em; color: #000000; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
h1 { font-size:200%; }
h2 { font-size:150%; }
h3 { font-size:130%; }
h4 { font-size:120%; }
h5 { font-size:110%; }
h6 { font-size:100%; }

p{ margin-bottom:15px; }

.clearer{ clear:both; }

a { color:#a20109; text-decoration: none }
a:hover { color: #7c1212; text-decoration: underline;}

html,body {
	margin: 0;
	padding:0;
	background-position:top center;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:150%;
}


/* --------------------------------------------------------------- */
/* GENERAL CLASSES												   */
/* --------------------------------------------------------------- */

.visibile{}
.invisibile{display:none;}

/* -------- BREADCRUMBS ------- */
#breadcrumbs { overflow:hidden; margin-top:0px; margin-bottom:20px; font-style:italic; zoom:1; }
#breadcrumbs p { float:left; margin:0px; line-height: inherit; }
#breadcrumbs ol { display:block; overflow:hidden; }
#breadcrumbs li { float:left; padding-left:14px; background-image:url(../img/breadcrumb_arrow.png); background-repeat:no-repeat; background-position:4px; }
#breadcrumbs li.first { padding-left:5px; background-image:none; }

/* MESSAGGI DI ERRORE */
.msgBox{ padding:10px; background:#FFEE00 url(../img/message.png) 10px center no-repeat; padding-left:50px; border:1px solid #ccc; margin-bottom:20px; }

/* -------- Tabella Stilata ------- */
.styled_table 	{ width:100%; }
.styled_table .oddRow	{ background-color:#FFFFCC; }
.styled_table .evenRow	{ background-color:#FFFFAA; }
.styled_table tr th		{ padding:5px; background-color:#efebcc; color:#000000; text-align:left;  vertical-align:middle; border:2px solid #FFFFFF; font-weight: bold;}
.styled_table tr td { padding: 5px; border:2px solid #FFFFFF;}


/* -------- Form Stilata ------- */
.styledForm {  }
.styledForm em.required{ width:10px; height:9px; background-image:url(../img/required_blue.gif); background-repeat:no-repeat; text-indent:-9999px; display:inline-block; overflow:hidden; vertical-align:top; font-size:0px;  }
.styledForm legend { font-weight:bold; }
.styledForm fieldset { margin-top:20px; padding:20px 10px 10px 10px; border:1px solid #FF0000;  }
.styledForm label { font-weight:bold; display:block; text-align:left; margin-right:10px; margin-bottom:2px; }
.styledForm input {  }
.styledForm select { vertical-align:top; }
.styledForm textarea { vertical-align:top; }

.styledForm ul	{ margin:0px; padding:0px; list-style:none; }
.styledForm li	{ margin:0px; padding:0px; padding-top:10px; padding-bottom:10px; padding-left:5px; padding-right:10px; clear:both; overflow:hidden; }
.styledForm li.oddRow	{ background-color:#EEE; }
.styledForm li.evenRow	{ background-color:#DDD; }
.styledForm .comment	{ font-style:italic; font-size:12px; color:#FF6633; }
.styledForm li span.comment	{ margin-left:15px; }
.styledForm fieldset.checkbox label { text-align:left; width:auto; display:inline; }
.styledForm fieldset.checkbox input { vertical-align:top; border:0px; }
.styledForm fieldset.commandButtons { border:0px; text-align:left; padding:0px; margin-top:10px; }
.styledForm fieldset.commandButtons ul { overflow:hidden; }
.styledForm fieldset.commandButtons li { float:left; clear:none; }
.styledForm fieldset.commandButtons input { width:auto; padding:8px 24px 5px 23px; border:1px solid #ccc; }
.styledForm fieldset.multipleSelectCommand ul { overflow:hidden; }
.styledForm fieldset.multipleSelectCommand li { float:left; clear:none; }
.styledForm fieldset.multipleSelectCommand li.button { margin-top:25px; }
.styledForm fieldset.multipleSelectCommand li.button li { float:none; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; }
.styledForm fieldset.multipleSelectCommand label { display:block; text-align:left; }
.styledForm fieldset.multipleSelectCommand select { width:350px; height:150px;  }

.styledForm fieldset.commandButtons input#Submit { background-repeat:no-repeat; background-position:center; cursor:pointer;  }
.styledForm fieldset.commandButtons input.btnAvanti { width:144px; height:49px; border:0px; overflow: hidden; display:block; text-indent:-9999px; background-color:transparent; background-image:url(../img/btn-avanti.gif); }
.styledForm fieldset.commandButtons input.btnConferma { width:144px; height:49px; border:0px; overflow: hidden; display:block; text-indent:-9999px; background-color:transparent; background-image:url(../img/btn-conferma.gif); }


/* --------------------------------------------------------------- */
/* XHTML LAYOUT ELEMENTS										   */
/* --------------------------------------------------------------- */

/* ******************************************************************************************* */
/* PAGE STRUCTURE										   			                           */
/* ******************************************************************************************* */

/* ------ CONTAINER ------- */
#container{
	width: 920px; 
	margin:0 auto;
	margin-top:30px;
  	padding:0;
	background-color:#FFF;
}

/* ------ HEADER ---------- */

div#header {
	position:relative;
	width:888px;
	margin:0 auto;
	padding:15px 15px 0px 15px;
	overflow:hidden;
}
#logoInterno {
	margin-top:10px;
	width:208px;
	height:200px;
	float:left;
	margin-left:5px;
	
}
#logo {
	margin-left:20%;
	margin-bottom:25%;
	padding:0px;
	width:208px;
	height:200px;
	background-image: url(../img/logo-pagineInterne.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#menuAlto {
	position:absolute;
	top:21px;
	right:30px;
	font-size:14px;
	clear:both;
}
#menuAlto ul {
	color:#FFFFFF;
	overflow:hidden;
	clear:both;
}
#menuAlto li {
	float:left;
	display:block;
	margin-left:11px;
	width:116px;
	height:25px;
	background-image: url(../img/off_red.png);
	background-repeat:no-repeat;
	background-position:top;
	text-align:center;
}
#menuAlto li.selected {
	background-image: url(../img/on_red.png);
}
#menuAlto li a:hover {
	text-decoration:none;
}
#menuAlto li span {
	display:block;
	margin-top:6px;
}


#titoloNuvola {
	float:right; 
	background-image: url(../img/sottoMenu.png);
	background-repeat:no-repeat; 
	background-position:top;
	font-size:22px; 
	width:620px;
	height:49px;
	margin-top:30px;
	padding-left:20px;
	color:white;
}
#titoloNuvola div{
	padding-top:6px;
}

#logoFlash {
	float:right; 
	background-image: url(../img/logoFlash.png);
	background-repeat:no-repeat; 
	width:500px;
	height:100px;
	padding-left:90px;
}


/* -------- CONTENT ------- */
#content {
	margin:0 auto;
	padding-left:30px;
	padding-right:25px;
	overflow:hidden;
	clear:both;
	background-color:#FFFFFF;
	background-repeat:repeat-y;
}

/* ------ NAVIGATION ------- */
#navigation { width:220px; float:left; }
#navigation ul { margin-top:5px; margin-bottom:5px; margin-right:10px; }
#navigation ul li { list-style:none; margin-bottom: 10px; }
#navigation ul li a { text-decoration:none; font-weight:bold; color: #A20109; font-size:13px;}
#navigation ul li a:visited { text-decoration: none; font-weight:bold; color: #A20109; font-size:13px;}
#navigation ul li a:hover { text-decoration: underline; font-weight:bold; color: #7c1212; font-size:13px;}


/* -------- CONTENT ------- */
#contentInterno { width:800px; float:left; margin-left: 40px; min-height:400px; height:auto!important; height:400px;}	
#contentInterno a { color:#a20109;}	
#contentInterno a:hover {color:#e3202a;}
#contentInterno h1 {font-size:22px; color:#9e1e1e;}
#contentInterno p { font-size:12px; color:#333333; }

#copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
        font-style: italic;
        text-align: center;
}

/* -------- FOOTER ------- */

#footer {
	position:relative;
	margin-top:20px;
	margin-left:30px;
	margin-right:5px;
	padding-left:10px;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	overflow:hidden;
	background-image: url(../img/footer.png);
	background-repeat:no-repeat;
}
	
#footer a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}
	
#footer .mail {
	position:relative;
}

#footer .iva {
	position:absolute;
	display:block;
	top:0px;
	right:20px;
	color:#666;
}

/* ******************************************************************************************* */
/* PAGE'S SPECS											   			                           */
/* ******************************************************************************************* */

/* -------- Index ------- */
.titolo_paragrafo { color: #A20109; border-bottom: 2px solid #A20109;  font-weight:bold; margin-top:10px; margin-bottom: 5px;}

#loginContainer {
	width:45%;
	float:left;
}
#frmLogin			{ }
#frmLogin li	 	{ padding:5px; }
#frmLogin label 	{ font-weight:bold; display:inline-block; width:auto; text-align:left; }

#moduliDisponibili {
	width:45%;
	float:right;
}
#moduliDisponibili ul {
	margin-top:20px;
	margin-left:20px;
	list-style:inside;
}
#moduliDisponibili li {
	margin-top:3px;
}

/* -------- Elenco Moduli ------- */
#moduliDisponibiliInterno ul {
	margin-top:20px;
	margin-left:20px;
	list-style:inside;
}
#moduliDisponibiliInterno li {
	margin-top:3px;
}


/* -------- Elenco Adesioni ------- */
.logoConcorso { position: absolute; width:0px; height:0px; }
.logoConcorso img { position:relative; top:-130px; left:500px; z-index:90000;  }

#compilaAdesione {
	display:block;
	overflow:hidden;
	clear:both;
	zoom:1;
}
#compilaAdesione a {
	background-color:#FFFFFF;
	background-image: url(../img/pulsante_red.png);
	float:left;
	background-position:top right;
	background-repeat:no-repeat;
	color:#FFFFFF!important;
	text-decoration:none;
	text-align:center;
	overflow:hidden;
}
#compilaAdesione a span {
	line-height:normal;
	float:left;
	margin: 0 10px 0 0px;
	padding: 11px 48px 12px 48px;
	background-color:#FFFFFF;
	background-image: url(../img/pulsante_red.png);
	background-position:top left;
	background-repeat:no-repeat;
}
#compilaAdesione a:hover {
	background-position:bottom right;
}
#compilaAdesione a:hover span {
	background-position:bottom left;
}

#adesioniChiuse {
	display:block;
	padding:20px;
	background-color:#DDDDDD;
	font-weight:bold;
	font-size:14px!important;
}

.listaAdesioni tr td { background-position:left; background-repeat:no-repeat; padding-left:25px; vertical-align:middle; }
.listaAdesioni td.data { padding-left:0px; }
.listaAdesioni td.accettata { background-image:url(../img/ok.png); }
.listaAdesioni td.daValutare { background-image:url(../img/wait.png); }
.listaAdesioni td.rifiutata { background-image:url(../img/ko.png); }
.listaAdesioni td.materialeRicevuto { background-image:url(../img/ricevuta.png); }
.listaAdesioni td.materialeNonRicevuto { background-image:url(../img/noricevuta.png); }
.listaAdesioni td.scaricaRicevuta { background-image:url(../img/ricevuta.png); }
.listaAdesioni td.ricevutaNonDisponibile { padding-left:0px; }

/* -------- FAQ Moduli ------- */
.faqModuloMainTitle { text-decoration:underline; font-size:130%; margin-top:2em; }
.faqModuloSubTitle { font-style:italic; font-size:110%; }


/* -------- Iscrizione Moduli ------- */

.regolaRegistrazione{
	background-color:#eceae9;
	border:solid 1px #e3dfde;
	padding:5px;
	color:#666;
}
.regolaRegistrazione ul {
	margin:20px;
	list-style:inside;
}
.regolaRegistrazione li {
	margin-top:3px;
	clear:both;
}
.regolaRegistrazione li strong {
	font-size:1.2em;
}
.regolaRegistrazione ul.listaSottoStep {
	margin:0px;
	margin-left:50px;
	overflow:hidden;
	list-style:none;
}
.regolaRegistrazione ul.listaSottoStep li {
	float:left;
	margin-left:10px;
	clear:none;
}


/* LISTA FILE UPLOAD */
.uploadedFiles ul { list-style:disc; padding:10px 0px 10px 20px; }
.uploadedFiles li { margin-bottom:10px; }
.uploadedFiles li a.elimina { background-repeat:no-repeat; background-position:left; background-image:url(../img/delete.png); margin-left:15px; padding-left:15px; }


/* -------- Riepilogo Moduli ------- */

div.riepilogoDati h4 { margin-left:15px; margin-top:20px; }
div.riepilogoDati h5 { margin-left:15px; margin-top:10px; }
div.riepilogoDati ul { border-left:1px solid #ccc; padding-left:15px; margin-left:15px; }
div.riepilogoDati li { margin-top:5px; }

#contentInterno div.riepilogoDati div.modificaDati { margin-top:15px; margin-left:30px; margin-bottom:30px;}
#contentInterno div.riepilogoDati div.modificaDati a { background-color:#7c1212; color:#FFFFFF; text-decoration:none; padding:5px; }
#contentInterno div.riepilogoDati div.modificaDati a:hover { background-color:#a20109; color:#FFFFFF; }
	
	
/* -------- GIURIA ------- */
/* -------- Dettaglio Adesione ------- */

div#commentiAdesione { margin-top:40px; margin-bottom:20px; background-color:#DDD; border:1px solid #CCC; padding:1px; }
div#commentiAdesione h3 { }
div#commentiAdesione h4 { color:#0099FF; margin:0px; margin-top:3px; }
div#commentiAdesione h4 span { color:#FF9933; }
div#commentiAdesione p { margin:0px; }
div#commentiAdesione ul li { position:relative; padding-bottom:20px; padding-left:5px; padding-right:5px; }
div#commentiAdesione ul li.evenRow { background-color:#EEE; }
div#commentiAdesione ul li.oddRow { background-color:#FFC; }
div#commentiAdesione ul.operations { overflow:hidden; position:absolute; top:0px; right:0px; margin:0px; padding:0px; }
div#commentiAdesione ul.operations li { float:left; }




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */

tr.odd td {
	background-color: #FFFFCC;
}

tr.even td {
	background-color: #FFFFAA;
}

