@import url("menu.css");
@import url("menu_funzioni.css");
@import url("menu_funzioni_secondario.css");
@import url("login.css");
@import url("login_alt.css");
@import url("maschere.css");
@import url("indice.css");
@import url("questionari.css");
@import url("ambiente_test.css");

/* 
Colori:

#81C1AA - verde in testata
#DDE8E4 - verde chiaro derivato
#CC2228 - rosso scuro
 */

* {
	background: transparent;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0; padding: 0; border: 0;
}

body, html { background: #FFFFFF; text-align: center; color: #000000; }

/* ripristino i tag generici */
b { font-weight: bold; }
i { font-style: italic; }

/* classe per le finestre di popup con le mappe */
body.mappa { padding: 5px; }

#splash_testuale {
  position: relative;
  width: 100%;
  margin-top: 130px; 
  /* margin-top: 40px !important; */
  /* margin-top: 20px; */
  /* border: 1px solid red;   */
}

#splash_testuale span {
  display: block;
  /* border: 1px solid green;  */
}

#splash_testuale .titolo {
  margin-top: 20px;
  font-size: 1.85em;
  font-weight: bold;
  letter-spacing: -0.03em;
  color: #1244D7;
}

#splash_testuale .sottotitolo {
  /* padding-left: 20px; */
  font-size: 1.0em;
  color: #AAC;
}

#splash_testuale .luogo {
  /* width: 450px; */
  text-align: center;
  margin-top: 20px;
}

#testata {
	height: 90px;
	width: 100%;
	background: #1244D7 url(../images/angolo_basso_sx.gif) bottom left no-repeat;
}

.EDTNA-01 #loghi {
  height: 90px;
  width: 400px;
  background: transparent url(../images/EDTNA-01_elemento_testata_convegno.gif) top left no-repeat;
  margin: 0;
  float: left;
}

.ac05-07s #loghi {
  height: 90px;
  width: 400px;
  background: transparent url(../images/ac05-07s_elemento_testata_convegno.gif) top left no-repeat;
  margin: 0;
  float: left;
}

.AC05-06PN #loghi {
  height: 90px;
  width: 400px;
  background: transparent url(../images/AC05-06PN_elemento_testata_convegno.gif) top left no-repeat;
  margin: 0;
  float: left;
}

.dialper #loghi { 
	margin: 0; 
	float: left; 
	background: transparent url(../images/elemento_testata_convegno.gif) top left no-repeat;  
	width: 216px; height: 90px; 
} 

#loghi { 
	margin: 0; 
	float: left; 
	width: 216px; height: 90px;
} 

/* la index ha una grafica diversa visto che i dati sono già in centro alla pagina */
body.index #loghi { background: transparent url(../images/elemento_testata.gif) top left no-repeat; }

#colophon,
#colophon_bis {
	z-index: 30;
	width: 100%;
	text-align: center;
	/* background: #FFFFFF; */
	color: #6B7A96;
	padding-top: 5px;
	padding-bottom: 15px;
	font-size: 0.7em !important;
	font-size: 0.65em;
	line-height: 1.4em;
	position: absolute;
	bottom: 0;
	left: 0;
}

#colophon_bis { padding-bottom: 10px; }

#colophon a, #colophon_bis a { color: #6B7A96; }

#colophon_bis span { color: #6B7A96; }

#colophon_bis a.link_acropolis,
#colophon_bis span.copyright { margin-left: 5px; float: left; }

#colophon_bis span.copyright { margin-left: 10px; text-align: left; }

#colophon_bis span.browse {
  margin-right: 5px;
  float: right;
  text-align: right;
}

#colophon_bis span.copyright, #colophon_bis span.browse { padding-top: 4px; }

/* stile per i link generici */
a { color: #CC2228; }
a:hover { color: #81C1AA; }

/* il titolo nella pagina, inserito nella testata */
h1 {
	background: #1244D7 url(../images/angolo_alto_dx.gif) top right no-repeat;
	float: right;
	font-size: 1.6em;
	font-weight: bold;
	color: #FFFFFF;
	padding: 50px 50px 0 0;
	height: 40px !important;
	/* height: 90px; */
}

#corpo {
	width: 90%;
	text-align: left;
	padding-top: 30px;
	margin: 0 auto;
}

/* titolini nel testo */
h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #CC2228;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
  /* text-transform: capitalize; */
}

h3 {
	font-size: 0.8em;
	font-weight: normal;
	font-style: italic;
	color: #000000;
	margin-top: 1.5em;
	margin-bottom: -2em;
}

p {
	margin: 0 0 1.5em 0;
	display: block;
	font-size: 0.9em;
	text-align: justify;
}

div.evidente {
	font-size: 1.3em;
	font-weight: bold;
	color: #000000;
	margin: 1em 0;
}

em {
	color: #CC2228;
	font-weight: bold;
}

#corpo ul { 
	font-size: 0.9em; 
	list-style: none; 
	margin-bottom: 0.5em; 
} 

.titolo { font-weight: bold; }

#corpo table td { vertical-align: top; }
#corpo table th { font-size: 0.8em; }

#corpo table td {
	padding: 3px;
	border: 1px solid #CCCCCC;
}

#corpo table tfoot td { font-size: 0.8em; text-align: right; border: 0; }

br { clear: both; }

div.attenzione,
div.attenzione2 {
	float: left;
	background: #DDE8E4;
	border: 1px solid #81C1AA;
	padding: 5px;
	font-size: 1.1em;
	margin: 30px 0 0;
	width: 40%;
  height: auto;
	display: block;
	clear: both;
}

div.attenzione2 {
	font-size: 0.9em;
}

div.attenzione div.tasti, 
div.attenzione2 div.tasti {
  float: right;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
}

div.attenzione div.tasti input { font-size: 0.8em; }

/* box di informazione aggiuntivi a lato */
div.box {
	float: right;
	background: #DDE8E4 url("../images/quadrato_piccolo_verde.gif") top left no-repeat;
	border: 1px solid #81C1AA;
	padding: 5px;
	font-size: 0.8em;
	margin-left: 30px;
}

div.box span.titolo {
	display: block;
	margin-left: 20px;
	margin-bottom: 0.6em;
	font-size: 1.2em;
}

div.box ul {
	font-size: 0.8em;
	list-style: outside;
}

div.box ul li {
	margin: 0;
	line-height: 1.4em;
}

ul.normale {
	font-size: 1em;
	list-style: disc outside !important;
	padding-left: 20px;
}

ul.normale li {
	margin: 0;
	line-height: 1.4em;
}

/* tabella degli alberghi convenzionati */

#alberghi {
	font-size: 0.9em;
	border-collapse: separate;
}

#alberghi td {
	padding: 3px;
	border: 1px solid #CCCCCC;
}

#alberghi { empty-cells: show }

/* nome hotel */
#alberghi .nh { font-weight: bold; }

/* indirizzo hotel */
#alberghi .ih { font-size: 0.8em; }

table.calendario {
	font-size: 0.9em;
	border-collapse: collapse;
	margin-bottom: 1em !important;
	margin-bottom: 4em;
}

table.calendario td {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

table.calendario td, table.calendario th { padding: 3px; }

.ora {
	text-align: right;
	background-color: #CCCCCC;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF !important;
}

.nobordi { border: 0 !important; }

.sessione_comune {
	width: 60%;
	background: #EBE2CA url(../images/quadrato_piccolo.gif) top left no-repeat;
	padding: 5px;
	margin: 5px 0;
}

.luogo { font-size: 1.3em; font-weight: bold; color: #002263; }

#da_ricordare table {
	width: 50%;
	margin: 50px auto;
	font-size: 1.3em;
}

#box_news {
	z-index: 1;
	width: 200px;
	height: 90px;
	position: absolute;
	left: 30px;
	top: 414px;
	/* bottom: 30px; */
	margin: 0; padding: 0;
	background: transparent url(../images/fondo_box_news.gif) top left no-repeat;
	/* padding: 5px 50px 3px 25px; */
	cursor: hand;
}

.immagini_news {
	float: left;
	border: 1px solid #81C1AA;
	margin-right: 10px;
}

#box_atti {
	z-index: 1;
	width: 212px;
	height: 30px;
	position: absolute;
	left: 78px;
	top: 510px;
	margin: 0; padding: 0;
	background: transparent url(../images/fondo_box_atti.gif) top left no-repeat;
	cursor: hand;
}

#notizia_principale { margin-bottom: 6em; }

.altre_notizie {
  font-size: 0.8em;
  border-top: 1px solid #81C1AA;
}

.altre_notizie img { display: none; }

dl.lista_nomi { font-size: 0.95em; }
dl.lista_nomi dt { margin-top: 0.75em; display: block; background: none; }
dl.lista_nomi dd { padding-left: 10px; display: block; background: none; }

/** nuovi stili per home page */
.DIALPER-02 #corpo_alt {
  margin: 0 210px 0 0 !important;
  background: url(../eventi/DIALPER-02/images/dialper-02_splash.gif) bottom right no-repeat;
  height: 100px;
  padding: 350px 30px 0 0;
}

/** nuovi stili per home page */
.DIALPER-03 #corpo_alt {
  margin: 0 210px 0 0 !important;
  background: url(../eventi/DIALPER-03/images/dialper-03_splash.gif) bottom right no-repeat;
  height: 100px;
  padding: 350px 30px 0 0;
}


#splash_titolo {
  position: relative;
  right: 20px;
  top: 20px;
}

#elenco_loghi {
  margin: 30px 30px 0 0;
  width: 160px;
  float: right;
}

#elenco_loghi ul { list-style: none; }
#elenco_loghi ul li { margin: 0 0 30px; }

#pulsante_compila {
  display: block;
  float: right;
  width: 360px;
  height: 60px;
  background: url(../images/fondo_pulsante_compila.gif) top left no-repeat;
  margin-right: -120px;
  color: #FFF;
  text-align: left;
  text-indent: -5000px;
  position: relative;
}

.dal {
  background-image: url(../images/fondo_pulsante_compila_dal.gif) !important;
  cursor: default !important;
}

/* modifiche agli stili da usare solo in fase di stampa */
@media print {
	#menu, #box_login { display: none; }
	
	h1 { text-align: left }
	
	/* h2 { page-break-before: always; } */
	
	.ora {
		border-top: 1px solid #CCCCCC !important;
		border-bottom: 1px solid #CCCCCC !important;
	}
	
	.sessione_comune {
		border: 1px solid #000000;
	}
}
