@import url("//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700");

/* 2016-06-11, don Giovanni: questo lo attiverò più avanti quando avrò migliore padronanza sul tipo di tipografia usare per i layout responsivi, con gli EM o i REM al posto dei PX...
body { font-size: 100%; } */

/* Questa istruzione permette di considerare anche i border e i padding nel totale della larghezza di un elemento, è consigliata sia qui:
http://www.html.it/articoli/box-model-naturale-con-border-box-1/
sia qui, in vista di un più efficace design responsivo:
http://www.w3schools.com/css/css_rwd_grid.asp
*/
/* * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
} */
/* 2016-09-19, don Giovanni: qui: https://css-tricks.com/box-sizing/ consiglia questa versione ancora più omni-inclusiva */
html {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
*, *:before, *:after {
	-moz-box-sizing: inherit;
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	font-size: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	font-family: arial;
	font-size: 13px;
	background-color: #f2f2f2;
}
textarea
{
	font-family: arial;
	font-size: 13px;
}

#container_barra_link {
	background-color: #0066CC;
	width: 100%;
}

#barra_superiore { background-color: #FFFFFF; }
#barra_link {
	background-color: #0066CC;
	/* padding: 5px; */
	/*border-left: 1px solid rgb(80%,80%,80%); border-right: 1px solid rgb(80%,80%,80%); border-top: 1px solid rgb(80%,80%,80%); border-bottom: 1px solid rgb(80%,80%,80%); */
	width: 100%;
	margin: 0px auto;
	margin-top: 0px;
	/* padding: 4px; */
	/* ATTENZIONE: QUESTA DIRETTIVA display: table SERVE PERCHE' ALTRIMENTI SE NEL DIV CI SONO ALTRI DIV, AUTOMATICAMENTE IL DIV NON PRENDE L'ALTEZZA DEI DIV FIGLI.
	INOLTRE, NEL CASO IN CUI NON FOSSE DEFINITO IL width, VA DEFINITO AL 100%, COSICCHE' PRENDE LA LARGHEZZA COMPLETA, E NON LA LARGHEZZA DEL TESTO SEMPRE CHE SI VOGLIA CHE ABBIA LA LARGHEZZA AL 100% DELL'ELEMENTO IN CUI E' CONTENUTO */
	display: table;
	/* line-height: 100%; */
}
#barra_home_page_sponsor, #barra_home_page_sponsor_small
{
	padding: 0px;
	margin: 0px;
}
@media screen and (max-width:727px) {
	#barra_home_page_sponsor { display: none; }
	#barra_home_page_sponsor_small { display: block; }
}
@media screen and (min-width:728px) {
	#barra_home_page_sponsor { display: block; }
	#barra_home_page_sponsor_small { display: none; }
}
#barra_alta_ricerca {
	background-color: #FFFFFF;
	/* padding: 5px; */
	/* border-left: 1px solid rgb(80%,80%,80%); border-right: 1px solid rgb(80%,80%,80%); */
	width: 100%;
	max-width: 1200px !important;
	margin: 0px auto;
	/* ATTENZIONE: QUESTA DIRETTIVA display: table SERVE PERCHE' ALTRIMENTI SE NEL DIV CI SONO ALTRI DIV, AUTOMATICAMENTE IL DIV NON PRENDE L'ALTEZZA DEI DIV FIGLI.
	INOLTRE, NEL CASO IN CUI NON FOSSE DEFINITO IL width, VA DEFINITO AL 100%, COSICCHE' PRENDE LA LARGHEZZA COMPLETA, E NON LA LARGHEZZA DEL TESTO SEMPRE CHE SI VOGLIA CHE ABBIA LA LARGHEZZA AL 100% DELL'ELEMENTO IN CUI E' CONTENUTO */
	display: table;
}
#input_ricerca {
	font-size: 12pt;
	border: 1px solid #808080;
	width: 60%;
	height: 30px;
	padding: 0px 10px 0px 10px;
	background-color: #f8f8f8;
}
#input_ricerca_home {
	font-size: 14pt;
	border: 1px solid #808080;
	width: 80%;
	height: 40px;
	padding: 0px 10px 0px 10px;
	background-color: #f8f8f8;
}
#corpo_centrale {
	background-color: #FFFFFF;
	/* padding: 5px; */
	/* border-left: 1px solid rgb(80%,80%,80%); border-right: 1px solid rgb(80%,80%,80%); border-bottom: 1px solid rgb(80%,80%,80%); */
	margin: 0px auto;
	/* ATTENZIONE: QUESTA DIRETTIVA display: table SERVE PERCHE' ALTRIMENTI SE NEL DIV CI SONO ALTRI DIV, AUTOMATICAMENTE IL DIV NON PRENDE L'ALTEZZA DEI DIV FIGLI.
	INOLTRE, NEL CASO IN CUI NON FOSSE DEFINITO IL width, VA DEFINITO AL 100%, COSICCHE' PRENDE LA LARGHEZZA COMPLETA, E NON LA LARGHEZZA DEL TESTO SEMPRE CHE SI VOGLIA CHE ABBIA LA LARGHEZZA AL 100% DELL'ELEMENTO IN CUI E' CONTENUTO */
	display: table;
	width: 100%;
	max-width: 1200px;
	border-left: 1px solid rgb(70%,80%,80%);
	border-right: 1px solid rgb(70%,80%,80%);
	border-bottom: 1px solid rgb(70%,80%,80%);
}
#corpo_centrale_home_page {
	background-color: #FFFFFF;
	/* padding: 5px; */
	/* border-left: 1px solid rgb(80%,80%,80%); border-right: 1px solid rgb(80%,80%,80%); border-bottom: 1px solid rgb(80%,80%,80%); */
	margin: 0px auto;
	/* ATTENZIONE: QUESTA DIRETTIVA display: table SERVE PERCHE' ALTRIMENTI SE NEL DIV CI SONO ALTRI DIV, AUTOMATICAMENTE IL DIV NON PRENDE L'ALTEZZA DEI DIV FIGLI.
	INOLTRE, NEL CASO IN CUI NON FOSSE DEFINITO IL width, VA DEFINITO AL 100%, COSICCHE' PRENDE LA LARGHEZZA COMPLETA, E NON LA LARGHEZZA DEL TESTO SEMPRE CHE SI VOGLIA CHE ABBIA LA LARGHEZZA AL 100% DELL'ELEMENTO IN CUI E' CONTENUTO */
	display: table;
	width: 100%;
	max-width: 1200px;
	border-left: 1px solid rgb(70%,80%,80%);
	border-right: 1px solid rgb(70%,80%,80%);
	border-bottom: 1px solid rgb(70%,80%,80%);
}

#barra_link::after, #barra_alta_ricerca::after, #corpo_centrale::after {
	clear: both;
	display: block;
}

#link_sinistra
{
	/* line-height: 100%; */
}

#barra_loggati
{
	background-color: #0066CC;
	width: 1000px;
	margin: 0px auto;
	padding: 0px 5px 0px 5px;
	font-family: verdana; font-size: 10px; font-weight: bold;
	color: #FFFFFF;
}


#info_entra { width: 50%; }
#info_entra h1, #info_entra h2 { margin: 10px; }
#info_entra p {  margin: 10px; }

#form_entra { float: right; width: 50%; padding: 10px; background: #eee; border: 1px solid #aaa; margin-bottom: 15px; margin-top: 10px; }
#form_entra form { margin-left: 5px; }
#form_entra form fieldset { border: none;  }
#form_entra form label { font-weight: bold; font-size: smaller; }
#form_entra form label, #form_entra form input { display: block; }
#form_entra form label, #form_entra form input[type=checkbox] { display: inline; }
#form_entra form label, #form_entra form input[type=submit] { margin-bottom: 20px; }

.iscrizione_campi { width: 100%; max-width: 250px; }
.messaggio_autore_campi { width: 100%; max-width: 320px; }
#bilancio { position: relative; }
#bilancio_consuntivo { position: absolute; top:0; left:0; width: 50%; }
#bilancio_preventivo { position: absolute; top:0; right:0; width: 50%; }



/**************
MENU RESPONSIVO
2016-09-22: L'avevo preso qui? http://www.w3schools.com/howto/howto_js_topnav.asp - Oppure da un'altra parte?
***************/

ul.menu_responsivo {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #0066CC;
}
ul.menu_responsivo  li a.menu_responsivo_selezionato {
  background-color: #004080;
}
ul.menu_responsivo li { float: left; }
ul.menu_responsivo li a {
  display: inline-block;
  color: #ffffff;
  text-align: center;
  padding: 12px 12px;
  text-decoration: none;
  transition: 0.2s;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
ul.menu_responsivo li a:hover { background-color: #003366; }
ul.menu_responsivo li.icon { display: none; }
ul.menu_responsivo li a.icon:hover { background-color: #0066CC; }
ul.menu_responsivo li a.menu_responsivo_domenica { display: none; padding: 14px 10px }

@media screen and (max-width:680px) {
	ul.menu_responsivo li:not(:first-child) { display: none; }
	/* PER NASCONDERE ANCHE IL PRIMO ELEMENTO: DISATTIVARE RIGA SOPRA E ATTIVARE RIGA SOTTO */
	/* ul.menu_responsivo li { display: none; } */
	ul.menu_responsivo li.icon {
	float: right;
    display: inline-block;
  }
 }

@media screen and (max-width:680px) {
	ul.menu_responsivo.responsive { position: relative; }
	ul.menu_responsivo.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
	}
	ul.menu_responsivo li a.menu_responsivo_domenica { display: block; }
	ul.menu_responsivo.responsive li {
    float: none;
    display: inline;
  }
	ul.menu_responsivo.responsive li a {
    display: block;
    text-align: left;
	padding: 6px 12px;
  }
}

@media screen and (max-width:768px) {
	padding: 6px 6px;
}

/**************
FINE MENU RESPONSIVO
**************/


#riquadro_ricerca
{
	padding: 8px;
}
#riquadro_link_preferiti { display: none; }

/* serve il "center center"?
/* #riquadro_ricerca .submit { position:relative; top: -8px; background: url('//servizio.qumran2.net/icone/cerca2.jpg') no-repeat; width: 114px; height: 27px; border: none; color: transparent; font-size: 0; cursor: pointer; } */
/* #riquadro_ricerca .submit { float: right; margin-left: 6px; background: url('//servizio.qumran2.net/icone/cerca2.jpg') no-repeat; width: 114px; height: 27px; border: none; color: transparent; font-size: 0; cursor: pointer; } */
#riquadro_ricerca .submit { margin: 0px 0px 0px 5px; background: url('//servizio.qumran2.net/icone/cerca_bn_27.png') no-repeat; width: 27px; height: 27px; border: none; color: transparent; cursor: pointer; }
.submit_home { margin: 0px 0px 0px 5px; background: url('//servizio.qumran2.net/icone/cerca_bn_27.png') no-repeat; width: 27px; height: 27px; border: none; color: transparent; cursor: pointer; }

img.logo_pagine_interne { content: url("//servizio.qumran2.net/icone/logo_200.jpg"); }
#logo_home_page { width: 100%; max-width: 400px; }

div.ritaglio_nascosto { background-color: #e6e6e6; padding: 6px; }

/* 2016-09: nascondo il perfezionamento ricerca dalla barra sinistra */
#ritagli_perfeziona_ricerca_barra_sinistra { display: none; }
#ritagli_perfeziona_ricerca_allarga_restringi { display: block !important; margin: 10px 0px 10px 0px; line-height: 2em; }
#ritagli_perfeziona_ricerca { display: block !important; margin: 10px 0px 6px 0px; line-height: 2.2em; }
#ritagli_perfeziona_ricerca_tipo { display: inline !important; }
#ritagli_perfeziona_ricerca_lunghezza { display: inline !important; }

span.autore_fonte { display: block !important; } 
span.autore_fonte_smartphone { display: none !important; } 

#div_elenco_sottoaree { display: block !important; }
#div_elenco_sottoaree_smartphone { display: none !important; }

#barra_centrale_unica { width: 100%; float: left; padding: 10px; }

span.passa_all_altro_rito { display: none; font-weight: normal; }

#link_destra { display: none !important; }
#avviso_tempo_impiegato { display: block !important; }
#barra_loggati { display: none !important; }
#buttonSelect { display: none !important; }
#banner_google_dfp { display: none !important; }
#barretta_festa { display: none !important; }
#commenti_perfeziona_ricerca_barra_sinistra { display: none !important; }
#scritta_casuale { display: none !important; }

#spunti_libreriadelsanto { width: 100%; }

#intestazione_parole_nuove { display: none !important; }
#intestazione_parole_nuove_smartphone { display: inline !important; }
#titolo_parole_nuove { display: inline !important; }

P.commenti_elenco_inserito_il { display: none; }
P.commenti_elenco_citazioni { display: none; }
P.commenti_elenco_giorno_liturgico { display: block; }
P.commento_citazioni { display: none; }
P.commenti_elenco_titolo { font-size: 16px;}
SPAN.commenti_data_festa_ristretta	{ display: none; }
SPAN.commenti_data_festa_estesa 	{ display: inline; }

SPAN.spazio_tra_i_due_pulsanti { display: none !important; }

/*************************
PER SMARTPHONE (max 374)
*************************/
@media only screen and (max-width: 374px) {
	#link_servizio_blog { display: none !important; }
	#link_servizio_guida { display: none !important; }

	#container_logo { width: 20%; float: left; padding: 7px; }
	img.logo_pagine_interne { content: url("//servizio.qumran2.net/icone/q_200.jpg"); width: 60px }

	#container_ricerca { width: 80%; float: left; padding: 7px 7px 4px 7px; }
	#input_ricerca { width: 70%; }
	#input_ricerca_home { width: 70%; }

	#titolo_parole_nuove { display: none !important; }
}


/*************************
PER SMARTPHONE (max 479)
*************************/
@media only screen and (max-width: 479px) {
	#banner_google_dfp { display: block !important; }
	#banner_google_dfp_320 { display: block !important; }
	#banner_google_dfp_468 { display: none !important; }
	#banner_google_dfp_728 { display: none !important; }
}

	
/*************************
PER SMARTPHONE (max 599)
*************************/
@media only screen and (max-width: 599px) {
	SPAN.commenti_data_festa_ristretta	{ display: inline; }
	SPAN.commenti_data_festa_estesa 	{ display: none; }
	
	/* SPAN.pulsante_anteprima				{ display: none; } */
}

/*************************
PER SMARTPHONE (min 374 max 736)
fino al 2016-09-22: max 599
*************************/
@media only screen and (min-width: 374px) and (max-width: 736px) {
	#link_servizio_guida { display: none !important; }
	#container_logo { width: 18%; float: left; padding: 7px; }
	#container_ricerca { width: 82%; float: left; padding: 7px 7px 4px 7px; }

	#input_ricerca { width: 82%; }
	#input_ricerca_home { width: 82%; }
	img.logo_pagine_interne { content: url("//servizio.qumran2.net/icone/q_200.jpg"); width: 70px }
}

/*************************
PER SMARTPHONE (min 480 max 736)
fino al 2016-09-22: max 599
*************************/
@media only screen and (min-width: 480px) and (max-width: 736px) {
	#banner_google_dfp { display: block !important; }
	#banner_google_dfp_320 { display: block !important; }
	#banner_google_dfp_468 { display: none !important; }
	#banner_google_dfp_728 { display: none !important; }
}

/*************************
PER SMARTPHONE (max 736)
fino al 2016-09-22: max 599
*************************/
@media only screen and (max-width: 736px) {
	#form_entra { width: 100%; }
	#info_entra { width: 100%; }
	#div_elenco_sottoaree { display: none !important; }
	#div_elenco_sottoaree_smartphone { display: block !important; }
	#commenti_perfeziona_ricerca_smartphone { display: block !important; }

	#logo_home_page { width: 100%; max-width: 240px; }
	
	.logo_pagine_interne { width: 100%; border: 4px 3px 4px 4px }

	#riquadro_ricerca .submit { background: url('//servizio.qumran2.net/icone/cerca_bn_27.png') no-repeat; width: 27px; height: 27px; border: none; color: transparent; cursor: pointer; }

	#riquadro_link_preferiti { display: block; text-align: right; font-size: 13px; }
	#riquadro_link_preferiti a { color: #6f6f6f; }
	
	#barra_sinistra { display: none }
	#barra_sinistra_home_page { display: none }
	#barra_centrale { width: 100%; float: left; padding: 7px; }
	#barra_centrale_home_page { width: 100%; float: left; padding: 7px; }
	#barra_destra_home_page { width: 100%; }
	
	#banner_sponsor_barra_centrale_728 { display: none !important; }
	#banner_sponsor_barra_centrale_320 { display: block !important; }

	span.commento_tipo_testo { display: inline; }
	span.commento_tipo_audio { display: inline; }
	span.commento_tipo_video { display: none; }

	span.autore_fonte { display: none !important; } 
	span.autore_fonte_smartphone { display: block !important; } 

	P.ritaglio_testo			{ font-size: 17px; margin: 11px 0px 0px 0px; line-height: 1.3em; }
	P.ritaglio_testo_spaziato	{ font-size: 17px; margin: 22px 0px 0px 0px; line-height: 1.3em; }
	P.testi_descrizione_area	{ display: none !important; }
	SPAN.testi_dettagli_nome_file  { display: none !important; }
	SPAN.testi_dettagli_area  { display: none !important; }
	SPAN.testi_dettagli_video  { display: none !important; }
	SPAN.testi_dettagli_contatti  { display: none !important; }
	
	SPAN.spazio_tra_i_due_pulsanti { display: inline !important; }

	/* 2016-09-13: per mostrare la miniatura quadrata */
	DIV.miniatura
	{
		position: relative;
		width: 100px;
		height: 100px;
		overflow: hidden;
	}
	DIV.miniatura img
	{
		position: absolute;
		left: 50%;
		top: 50%;
		height: 100%;
		width: auto;
			-webkit-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
	}
	DIV.miniatura span { display: none !important; }

	#barra_alta_link_servizio a { color: #6f6f6f;  padding: 0px 4px 0px 4px; max-width: 1200px }

	#commenti_prossime_date_commenti { display: inline !important; }

	#commenti_scelta_feriali_festivi { display: none !important; }
	#commenti_scelta_feriali_festivi_smartphone { display: inline !important; }

	#torna_alla_pagina_precedente_commenti { display: block !important; }

	span.passa_all_altro_rito { display: inline; font-weight: normal; }

	DIV.prima_e_dopo_immagine { display: none; }
	
	DIV.div_immagine_ritaglio {
	width: 100%;
	}

	img.banner_pdf_perdono { width: 100% }
	
	/* 2016-09-13: per mostrare la miniatura quadrata nelle aree immagini... però per ora non riesco a farlo funzionare :-( */
/*	.thumb_immagini
	{
		position: relative;
		width: 120px;
		height: 120px;
		overflow: hidden;
		border: 1px solid rgb(90%,90%,90%);
	}
	IMG.miniatura_immagini_orizzontale
	{
		position: absolute;
		left: 50%;
		top: 50%;
		height: 100%;
		width: auto;
			-webkit-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
	}
	IMG.miniatura_immagini_verticale
	{
		position: absolute;
		left: 50%;
		top: 50%;
		height: auto;
		width: 100%;
			-webkit-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
	} */
}


/***************************
PER TABLET:
***************************/
@media only screen and (min-width: 737px) and (max-width: 767px) {
	#container_logo { width: 30%; float: left; padding: 10px; }
	#container_ricerca { width: 70%; float: left; padding: 10px; }

	#riquadro_ricerca  { margin-top: 10px; }

	.logo_pagine_interne { width: 100%; border: 4px 3px 4px 4px }

	#logo_home_page { width: 100%; max-width: 400px; }


	#riquadro_ricerca .submit { background: url('//servizio.qumran2.net/icone/cerca_bn_27.png') no-repeat; width: 27px; height: 27px; border: none; color: transparent; cursor: pointer; }
	#input_ricerca { width: 87%; }

	#barra_sinistra { width: 25%; float: left; padding: 10px; }
	#barra_sinistra_home_page { width: 20%; float: left; padding: 10px; }
	#barra_centrale { width: 75%; float: left; padding: 10px; }
	#barra_centrale_home_page { width: 60%; float: left; padding: 10px; }
	#barra_destra_home_page { width: 20%; float: left; padding: 10px; }

	#banner_sponsor_barra_centrale_728 { display: none !important; }
	#banner_sponsor_barra_centrale_320 { display: block !important; }
	
	#link_destra { display: block !important; }
	#avviso_tempo_impiegato { display: block !important; }

	#barra_alta_link_servizio a { color: #6f6f6f;  padding: 0px 7px 0px 7px }

	#barra_loggati { display: block !important; width: 100%; }
	#buttonSelect { display: none !important; }

	#banner_google_dfp { display: block !important; }
	#banner_google_dfp_320 { display: block !important; }
	#banner_google_dfp_468 { display: none !important; }
	#banner_google_dfp_728 { display: none !important; }

	#barretta_festa { display: block !important; }
	#commenti_perfeziona_ricerca_barra_sinistra { display: block !important; }
	#commenti_perfeziona_ricerca_smartphone { display: none !important; }
	#commenti_prossime_date_commenti { display: none !important; }

	#commenti_scelta_feriali_festivi { display: block !important; }
	#commenti_scelta_feriali_festivi_smartphone { display: none !important; }

	#torna_alla_pagina_precedente_commenti { display: none !important; }

	span.autore_fonte { display: none !important; } 
	span.autore_fonte_smartphone { display: block !important; } 

	P.ritaglio_testo			{ font-size: 15px; margin: 11px 0px 0px 0px; line-height: 1.3em; }
	P.ritaglio_testo_spaziato	{ font-size: 15px; margin: 22px 0px 0px 0px; line-height: 1.3em; }

	#scritta_casuale { display: block !important; }
	
	#intestazione_parole_nuove { display: inline !important; }
	#intestazione_parole_nuove_smartphone { display: none !important; }
	
	DIV.commenti_descrizione_completa { clear: none; }
	
	P.commenti_elenco_inserito_il { display: none; }
	P.commenti_elenco_citazioni { display: none; }
	P.commenti_elenco_giorno_liturgico { display: none; }
	P.commento_citazioni { display: none; }
	P.commenti_elenco_titolo { font-size: 18px;}

	SPAN.spazio_tra_i_due_pulsanti { display: inline !important; }
	
	DIV.div_immagine_ritaglio {
		float: right;
		padding-left: 10px;
	}
	img.banner_pdf_perdono { max-width: 600px }
}

/****************************
PER SCHERMI PIU' GRANDI DI 768, MA FINO A 1.200
****************************/
@media only screen and (min-width: 768px) and (max-width: 1199px) {
	#container_logo { float: left; padding: 10px; }
	#container_ricerca { width: 70%; float: left; padding: 10px; }

/*	#input_ricerca { width: 60%; } */

	#barra_sinistra { width: 25%; float: left; padding: 10px; }
	#barra_sinistra_home_page { width: 20%; float: left; padding: 10px; }
	#barra_centrale { width: 75%; float: left; padding: 10px; }
	#barra_centrale_home_page { width: 60%; float: left; padding: 10px; }
	#barra_destra_home_page { width: 20%; float: left; padding: 10px; }

	#banner_sponsor_barra_centrale_728 { display: none !important; }
	#banner_sponsor_barra_centrale_320 { display: block !important; }

	#link_destra { display:block !important; }
	#link_destra { text-align: right; }
	#avviso_tempo_impiegato { display: block !important; }

	#barra_alta_link_servizio a { color: #6f6f6f;  padding: 0px 7px 0px 7px }
	
	#barra_loggati { display: block !important; width: 100% }
	#buttonSelect { display: block !important; }

	#banner_google_dfp { display: block !important; }
	#banner_google_dfp_320 { display: none !important; }
	#banner_google_dfp_468 { display: none !important; }
	#banner_google_dfp_728 { display: block !important; }

	#barretta_festa { display: block !important; }
	#commenti_perfeziona_ricerca_barra_sinistra { display: block !important; }
	#commenti_perfeziona_ricerca_smartphone { display: none !important; }
	#commenti_prossime_date_commenti { display: none !important; }

	#commenti_scelta_feriali_festivi { display: block !important; }
	#commenti_scelta_feriali_festivi_smartphone { display: none !important; }

	#torna_alla_pagina_precedente_commenti { display: none !important; }

	#scritta_casuale { display: block !important; }
	
	#riquadro_ricerca  { margin-top: 20px; }

	#intestazione_parole_nuove { display: inline !important; }
	#intestazione_parole_nuove_smartphone { display: none !important; }

	DIV.commenti_descrizione_completa { clear: none; }

	P.commenti_elenco_inserito_il { display: block; }
	P.commenti_elenco_citazioni { display: block; }
	P.commenti_elenco_giorno_liturgico { display: block; }
	P.commento_citazioni { display: block; }
	P.commenti_elenco_titolo { font-size: 18px;}

	P.ritaglio_testo			{ font-size: 15px; margin: 11px 0px 0px 0px; line-height: 1.3em; }
	P.ritaglio_testo_spaziato	{ font-size: 15px; margin: 22px 0px 0px 0px; line-height: 1.3em; }
	
	DIV.div_immagine_ritaglio {
		float: right;
		padding-left: 10px;
	}
	img.banner_pdf_perdono { max-width: 600px }
}

/*****************************
PER PC - GRANDI SCHERMI
*****************************/
@media only screen and (min-width: 1200px) {
	#container_logo { width: 25%; float: left; padding: 10px; }
	#container_ricerca { width: 70%; float: left; padding: 10px; }

	/* #input_ricerca { width: 50%; } */

	#barra_sinistra { width: 25%; float: left; padding: 10px; }
	#barra_sinistra_home_page { width: 20%; float: left; padding: 10px; }
	#barra_centrale { width: 75%; float: left; padding: 10px; }
	#barra_centrale_home_page { width: 60%; float: left; padding: 10px; }
	#barra_destra_home_page { width: 20%; float: left; padding: 10px; }

	#banner_sponsor_barra_centrale_728 { display: block !important; }
	#banner_sponsor_barra_centrale_320 { display: none !important; }

	#barra_link { width: 1200px !important; }
	#link_destra { display:block !important; }
	#link_destra { text-align: right; }
	#avviso_tempo_impiegato { display: block !important; }

	#barra_alta_link_servizio a { color: #6f6f6f;  padding: 0px 7px 0px 7px }

	#barra_loggati { display: block !important; }
	#buttonSelect { display: block !important; }

	#banner_google_dfp { display: block !important; }
	#banner_google_dfp_320 { display: none !important; }
	#banner_google_dfp_468 { display: none !important; }
	#banner_google_dfp_728 { display: block !important; }

	#barretta_festa { display: block !important; }
	#commenti_perfeziona_ricerca_barra_sinistra { display: block !important; }
	#commenti_perfeziona_ricerca_smartphone { display: none !important; }
	#commenti_prossime_date_commenti { display: none !important; }

	#commenti_scelta_feriali_festivi { display: block !important; }
	#commenti_scelta_feriali_festivi_smartphone { display: none !important; }

	#torna_alla_pagina_precedente_commenti { display: none !important; }

	#scritta_casuale { display: block !important; }

	#riquadro_ricerca  { margin-top: 20px; }

	#intestazione_parole_nuove { display: inline !important; }
	#intestazione_parole_nuove_smartphone { display: none !important; }

	DIV.commenti_descrizione_completa { clear: none; }

	P.commenti_elenco_inserito_il { display: block; }
	P.commenti_elenco_citazioni { display: block; }
	P.commenti_elenco_giorno_liturgico { display: block; }
	P.commento_citazioni { display: block; }
	P.commenti_elenco_titolo { font-size: 18px;}

	P.ritaglio_testo			{ font-size: 15px; margin: 11px 0px 0px 0px; line-height: 1.3em; }
	P.ritaglio_testo_spaziato	{ font-size: 15px; margin: 22px 0px 0px 0px; line-height: 1.3em; }
	
	DIV.div_immagine_ritaglio {
		float: right;
		padding-left: 10px;
	}
	img.banner_pdf_perdono { max-width: 600px }
}

/*****************************
LINK IMMAGINI: VISUALIZZARE O NO IL TOOLTIP IN MOUSE OVER. IN REALTA' CI VORREBBE UN QUALCOSA DI DIVERSO, PERCHE' NON E' DETTO CHE SCHERMO PICCOLO SIA SENZA MOUSE E VICEVERSA... PERO' ALMENO COSI' SU SMARPTHONE, PHABLET E TABLET SPESSO SI OVVIA AL FASTIDIOSO EFFETTO DELL'ANTEPRIMA DELL'IMMAGINE che dovrebbe comparire onmouseover, ma che non essendoci il mouse, compare al primo touch, invece così al primo touch apre subito la pagina dell'immagine intera.
*****************************/
@media only screen and (max-width: 1023px) {
span.link_immagini_senza_tooltip { display: block; }
span.link_immagini_con_tooltip { display: none; }
}

@media only screen and (min-width: 1024px) {
span.link_immagini_senza_tooltip { display: none; }
span.link_immagini_con_tooltip { display: block; }
}

#commenti_perfeziona_ricerca_smartphone { margin: 10px 0px 5px 0px; line-height: 2em; }
#commenti_prossime_date_commenti { margin: 5px 0px 10px 0px; line-height: 2em; }
#torna_alla_pagina_precedente_commenti { display: none !important; }

#barra_alta_link_servizio
{
	text-align: right;
	font-size: 13px;
	padding: 5px;
	color: #6f6f6f;
}
#barra_alta_link_servizio a:hover { color: #000000;}
#barra_alta_link_servizio A.aiutaci { border: #0066CC 1px solid; padding: 2px 5px 2px 5px; color: #FFFFFF; background: #0066CC; font-weight: bold; }

.EstrattoDiCommento
{
	padding: 5px;
	background-color: Cornsilk;
	font-size: 8pt;
}

/* se non lo ripeto due vol.pagina_principale 
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border-left: 1px solid rgb(80%,80%,80%);
	border-right: 1px solid rgb(80%,80%,80%);
	border-top: 1px solid rgb(80%,80%,80%);
	width: 1000px;

	text-align: center;
}

/* 2012-10-24: tolgo il blu chiaro dai link (#0066CC), non metto il "blue" che è un po' troppo acceso, ma lo stesso dei link delle pagine di ricerca di Google, ovvero: #1122CC */
A:link, A:visited, A:active
{
	color: #1122CC;
	text-decoration: none;
}
A:hover 
{
	color: #1122CC;
	text-decoration: underline;
}


A.A2:link, A.A2:visited, A.A2:hover 
{
	color: #FFFFFF;
	text-decoration: none;
}
A.A2:hover 
{
	color: #FF9900;
	text-decoration: none;
}

A.testi_titolo:link, A.testi_titolo:visited, A.testi_titolo:hover 
{
	/* QUANDO SI FA UNA RICERCA E VENGONO LE ETICHETTE DELLE AREE, FORSE SE FOSSE UN COLORE NEUTRO STAREBBE MEGLIO... color: #333; */
	color: #1122CC;
	text-decoration: none;
	font-weight: bold;
}
A.testi_titolo:hover 
{
	color: #1122CC;
	text-decoration: underline;
}

A.opzione_sinistra 					{ margin: 4px 0px 12px 0px; border: #0066CC 1px solid; font-size: 12px; padding: 2px 5px 2px 5px; border-radius: 4px 0px 0px 4px; font-weight: normal; color: #0066CC; }
SPAN.opzione_sinistra_selezionata 	{ margin: 4px 0px 12px 0px; border: #0066CC 1px solid; font-size: 12px; padding: 2px 5px 2px 5px; border-radius: 4px 0px 0px 4px; font-weight: normal; color: #FFFFFF; background: #0066CC; }

A.opzione_centrale					{ margin: 4px 0px 12px 0px; border-top: #0066CC 1px solid; border-right: #0066CC 1px solid; border-bottom: #0066CC 1px solid; font-size: 12px; padding: 2px 5px 2px 5px; font-weight: normal; color: #0066CC; }
SPAN.opzione_centrale_selezionata 	{ margin: 4px 0px 12px 0px; border-top: #0066CC 1px solid; border-right: #0066CC 1px solid; border-bottom: #0066CC 1px solid; font-size: 12px; padding: 2px 5px 2px 5px; font-weight: normal; color: #FFFFFF; background: #0066CC; }

A.opzione_destra 				{ margin: 4px 0px 12px 0px; border-top: #0066CC 1px solid; border-right: #0066CC 1px solid; border-bottom: #0066CC 1px solid; font-size: 12px; padding: 2px 5px 2px 5px; border-radius: 0px 4px 4px 0px; font-weight: normal; color: #0066CC; }
SPAN.opzione_destra_selezionata	{ margin: 4px 0px 12px 0px; border-top: #0066CC 1px solid; border-right: #0066CC 1px solid; border-bottom: #0066CC 1px solid; font-size: 12px; padding: 2px 5px 2px 5px; border-radius: 0px 4px 4px 0px; font-weight: normal; color: #FFFFFF; background: #0066CC; }

A.opzione_unica					{ margin: 4px 0px 12px 0px; border: #0066CC 1px solid; font-size: 12px; padding: 2px 5px 2px 5px; border-radius: 4px 4px 4px 4px; font-weight: normal; color: #0066CC; }
SPAN.opzione_unica_selezionata 	{ margin: 4px 0px 12px 0px; border: #0066CC 1px solid; font-size: 12px; padding: 2px 5px 2px 5px; border-radius: 4px 4px 4px 4px; font-weight: normal; color: #FFFFFF; background: #0066CC; }


A.opzione_sinistra:hover, A.opzione_centrale:hover, A.opzione_destra:hover, A.opzione_unica:hover
{
	color: #FFFFFF;
	margin: 4px 0px 12px 0px;
	padding: 2px 5px 2px 5px;
	/* background-color: #0066CC; */
	background-color: #004d99;
	text-decoration: none;
}

A.pulsante_1, A.pulsante_2
{
	color: #1122CC;
	border: #0066CC 1px solid;
	font-size: 11px; border-radius: 4px 4px 4px 4px; font-weight: BOLD; text-transform: uppercase;
	padding: 3px 7px 3px 5px; text-decoration: none;
	/* vertical-align: super; */
}
A.pulsante_1:hover, A.pulsante_2:hover
{
	color: #FFFFFF;
	border: #0066CC 1px solid;
	background-color: #0066CC;
	text-decoration: none;
}
A.pulsante_1 { margin: 2px 5px 2px 12px; }
A.pulsante_2 { margin: 2px 12px 2px 5px; }

.EstrattoDiCommento A:link
{
	color: DarkSlateGray ;
	text-decoration: none;
}

.EstrattoDiCommento A:visited
{
	color: DarkSlateGray ;
	text-decoration: none;
}

.EstrattoDiCommento A:hover
{
	color: black;
	text-decoration: none;
}

A.grigio:link 
{
	/* color: #808080; */
	color: rgb(60%,60%,60%);
	text-decoration: none;
}

A.grigio:visited 
{
	/* color: #808080; */
	color: rgb(60%,60%,60%);
	text-decoration: none;
}

A.grigio:hover 
{
	/* color: #808080; */
	color: rgb(60%,60%,60%);
	text-decoration: underline;
}

A.grigio_75:link, A.grigio_75:visited
{
	color: #404040;
	text-decoration: none;
}

A.grigio_75:hover 
{
	color: #333;
	text-decoration: underline;
}

A.link_barra_sinistra:link, A.link_barra_sinistra:visited, A.link_barra_sinistra:active, A.immagini_area:link, A.immagini_area:visited, A.immagini_area:active
{
	color: #333;
	/* color: #646464; */
	text-decoration: none;
}

A.link_barra_sinistra:hover , A.immagini_area:hover 
{
	color: #E47911;
	text-decoration: underline;
}

A.link_menu_sottoaree:link, A.link_menu_sottoaree:visited, A.link_menu_sottoaree:active
{
	color: #333;
	/* color: #646464; */
	text-decoration: none;
}

A.link_menu_sottoaree:hover 
{
	color: #E47911;
	text-decoration: underline;
}

A.senza_sottolineatura:link, A.senza_sottolineatura:visited, A.senza_sottolineatura:hover, A.senza_sottolineatura:active
{
	color: #1122CC;
	text-decoration: none;
}

A.header_link_alti:link, A.header_link_alti:visited
{
	font-size: 13px;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
}

A.header_link_alti_nuovo:link, A.header_link_alti_nuovo:visited
{
	font-size: 13px;
	padding: 6px 5px 6px 5px;
	color: #ffffff;
}

A.header_link_alti:hover
{
	font-size: 13px;
	padding: 3px 5px 3px 5px;
	background: #0066CC none repeat scroll 0% 50%;
	color: #ffffff;
	text-decoration: none;
}

A.header_link_alti_nuovo:hover
{
	font-size: 13px;
	padding: 15px 5px 15px 5px;
	background: #cbe2f1 none repeat scroll 0% 50%;
	color: #0066CC;
	text-decoration: none;
}

A.header_link_alti_selezionato:link, A.header_link_alti_selezionato:visited, A.header_link_alti_selezionato:hover
{
	font-size: 13px;
	padding: 3px 5px 3px 5px;
	background: #0066CC none repeat scroll 0% 50%;
	color: #ffffff;
	text-decoration: none;
}

A.header_link_alti_selezionato_nuovo:link, A.header_link_alti_selezionato_nuovo:visited, A.header_link_alti_selezionato_nuovo:hover
{
	font-size: 13px;
	padding: 15px 5px 15px 5px;
	background: #cbe2f1 none repeat scroll 0% 50%;
	color: #0066CC;
	text-decoration: none;
}

A.pulsante_download:link, A.pulsante_download:visited, A.pulsante_download:hover
{
	/* border: 1px solid #4B4B4B; *(
	/* color: #404040; */
	border: 1px solid #4B4B4B;
	color: #808080;
	padding: 1px 2px 1px 2px;
	text-decoration: none;
	margin:0 0.2em 0.2em 0;
	border-radius: 5px;
	background-color: #FFFFFF;
	font-weight: bold;
	font-size: 8pt;
}

/*A.pulsante_download:link 
{
	border: 1px solid #4B4B4B;
	padding: 2px 3px 2px 3px;
	background: #009900 none repeat scroll 0% 50%;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 10pt;
	font-family: calibri;
	border-radius:60px;
}*/


A.etichette_testi:link, A.etichette_testi:visited
{
	background-color: #FFFFFF;
}

A.etichette_testi:link, A.etichette_testi:visited, A.etichette_testi:link, A.etichette_testi:visited
{
	/* border: 1px solid #4B4B4B; *(
	/* color: #404040; */
	border: 1px solid #4B4B4B;
	color: #808080;
	padding: 1px 2px 1px 2px;
	text-decoration: none;
	display: block;
	margin:0 0.2em 0.2em 0;
	float: left;
	border-radius: 4px;
	background-color: #FFFFFF;
	font-weight: bold;
}

A.etichette_testi:hover
{
	border: 1px solid #4B4B4B;
	color: #404040;
	padding: 1px 2px 1px 2px;
	background: #808080 none repeat scroll 0% 50%;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	display: block;
	float: left
}

A.etichette_ritagli:link, A.etichette_ritagli:visited
{
	border: 1px solid #4B4B4B;
	color: #808080;
	padding: 0.1em 0.3em 0.2em 0.3em;
	text-decoration: none;
	display: block;
	margin:0 0.3em 0.3em 0;
	float: left;
	border-radius: 4px;
	background-color: #FFFFFF;
	font-weight: bold;
}

A.etichette_ritagli:hover 
{
	border: 1px solid #4B4B4B;
	padding: 0.1em 0.3em 0.2em 0.3em;
	background: #808080 none repeat scroll 0% 50%;
	color: #ffffff;
	text-decoration: none;
	display: block;
	float: left;
	font-weight: bold;
}

/*
A.etichette_testi:hover
{
	background: #808080 none repeat scroll 0% 50%;
	color: #FFFFFF;
}
*/

td.barra_sinistra_pagine_interne
{
	padding: 10px 10px 10px 10px;
}

td.corpo_pagine_interne
{
	padding: 10px 20px 10px 10px;
}

div.etichette_testi
{
	border: 1px solid #4B4B4B;
	color: #404040;
	padding: 0.1em 0.3em 0.2em 0.3em;
	text-decoration: none;
	margin:0em 0.3em 0.3em 0em;
	float: left;
	border-radius: 4px;
	font-weight: bold;
	text-decoration: none;
	float: left;
	font-weight: bold;
}

P.home_contesto
{
	margin: 0px 50px 0px 30px;
	text-align: left;
	color: #FF6600;
	font-size: 20px;
	/* border-bottom: 1px solid rgb(80%,80%,80%); */
	padding-bottom: 5px;
}

P.link_barra_sinistra 
{
	font-size: 13px;
}

/*
#tutte_le_mie_news { width: 700px; margin: auto; }
#tutte_le_mie_news .la_mia_news { min-height: 200px; border-bottom: 1px solid #aaa; margin-bottom: 10px; }
#tutte_le_mie_news .la_mia_news .testo { width: 80%; float: left; min-height: 200px; }
#tutte_le_mie_news .la_mia_news .testo h4, #tutte_le_mie_news .la_mia_news .testo p { margin: 0; padding: 0; }
#tutte_le_mie_news .la_mia_news .immagine { width: 20%; float: right; min-height: 200px;}
#tutte_le_mie_news .la_mia_news .immagine img { float: right; width: 100px; }

#tutte_le_news { width: 700px; margin: auto; display: table; }
#tutte_le_news .la_mia_news { display: table-row; min-height: 200px; }
#tutte_le_news .la_mia_news .testo { display: table-cell; width: 80%; float: left; min-height: 200px; padding: 10px 0; border-top: 1px solid #aaa; }
#tutte_le_news .la_mia_news .testo h4, #tutte_le_news .la_mia_news .testo p { margin: 0; padding: 0; }
#tutte_le_news .la_mia_news .testo p { }
#tutte_le_news .la_mia_news .immagine { display: table-cell; width: 20%; float: right; min-height: 200px; border-top: 1px solid #aaa; padding: 10px 0; }
#tutte_le_news .la_mia_news .immagine img { float: right; width: 100px; }
*/

P.bordino_grigio_news
{
	border-top: 1px solid rgb(80%,80%,80%);
	margin: 6px 0px 6px 0px;
}
#tutte_le_news { margin: auto; }
#tutte_le_news .singola_news { display: table-row; min-height: 140px; margin-bottom: 10px; }
#tutte_le_news .singola_news .testo_news { display: table-cell; width: 73%; float: left; min-height: 140px; padding: 10px 0; }
#tutte_le_news .singola_news .testo_news p.news_data { text-transform: uppercase; font-size: 11px; margin: 0px 2px 0px 0px; padding: 0px 0px 0px 0px; color: #646464; }
#tutte_le_news .singola_news .testo_news h4 { font-size: 18px; margin: 1px 2px 3px 0px; padding: 2px 3px 0px 0px; }
#tutte_le_news .singola_news .testo_news p { line-height: 18px; font-size: 14px; margin: 1px 2px 2px 0px; padding: 0px 3px 0px 0px; }
#tutte_le_news .singola_news .testo_news p.news_link { font-size: 14px; margin: 1px 2px 3px 0px; ; padding: 0px 3px 0px 0px; }
#tutte_le_news .singola_news .immagine_news { width: 27%; float: right; min-height: 140px; padding: 10px 0; }
#tutte_le_news .singola_news .immagine_news img { float: right; width: 100%; max-width: 130px; }

SPAN.vedi_tutte_le_news { margin: 0px 0px 0px 10px; font-size: 12px; color: rgb(60%,60%,60%); font-weight: bold; }

DIV.barra_criteri_ricerca
{
	font-size: 12px;
	margin: 2px 0px 0px 0px;
}
SPAN.titoletto_barra_sinistra 
{
	font-size: 12px;
	color: #646464;
	font-weight: bold;
}
P.titoletto_barra_sinistra 
{
	font-size: 12px;
	color: #646464;
	font-weight: bold;
	margin: 10px 0px 8px 0px;
}
P.link_barretta_ricerca_contenuti_verticale 
{
	font-size: 13px;
	line-height: 14px;
	margin: 4px 0px 4px 0px;
}

P.link_barretta_ricerca_contenuti_verticale_selezionata 
{
	font-size: 13px;
	line-height: 14px;
	margin: 4px 0px 4px 0px;
}

P.link_barretta_verticale 
{
	line-height: 14px;
	margin: 4px 0px 4px 0px;
	font-size: 13px;
}

P.link_barretta_commenti_verticale 
{
	font-size: 13px;
	/* line-height: 14px; */
	margin: 4px 0px 4px 0px;
}

P.barretta_testi 	
{
	margin: 6px 0px 6px 0px;
}

P.barretta_bibbia 	
{
	line-height: 14px;
	margin: 6px 0px 6px 0px;
}

P.richiamo_alla_domenica_contesto 		{ margin: 4px 0px 0px 0px; font-size: 12px; }
P.richiamo_alla_domenica_data_nome 		{ margin: 2px 0px 2px 0px; font-size: 14px; line-height: 1.2em; }
P.richiamo_alla_domenica_vangelo 		{ margin: 2px 0px 2px 0px; font-size: 13px; }
P.richiamo_alla_domenica_passa_a 		{ margin: 2px 0px 4px 0px; font-size: 11px; }


P.ordina_per
{
	font-size: 12px;
	line-height: 14px;
	margin: 2px 0px 2px 0px;
}

P.testi_data_inserimento
{
	font-size: 14px;
	color: #000000;
	margin: 20px 0px 10px 0px;
	background-color: rgb(92%,92%,92%);
	padding: 6px 8px 6px 8px;
}

P.testi_titolo_area
{
	font-size: 18px;
	color: #808080;
	margin: 20px 0px 10px 0px;
	padding: 11px 5px 11px 5px;
	clear: both;
	background-image: url(//servizio.qumran2.net/icone/sfondinoazzurro.gif);
}

P.testi_descrizione_area
{
	font-size: 12px;
	color: #4B4B4B;
	margin: 4px 0px 10px 0px;
	clear: both;
}

P.testi_mailing_list_area
{
	font-size: 10px;
	font-family: verdana;
	color: #4B4B4B;
	margin: 0px 0px 10px 0px;
	clear: both;
}

P.testi_intestazione_area
{
	font-size: 18px;
	margin: 30px 0px 10px 0px;
	font-weight: bold;
	color: #ffffff;
}
SPAN.testi_intestazione_area { margin-right: 10px; padding: 6px 16px 6px 16px; border-radius: 3px; line-height: 1.3em; }
A.testi_intestazione_area {	color: #ffffff; }


P.testi_sommario_area
{
	font-size: 10px; color: #ffffff; font-weight: bold;
	/* font-family: verdana; */
	/* color: #808080; */
	line-height: 12px;
	margin: 16px 0px 3px 0px;
	clear: both;
}
SPAN.testi_sommario_area { vertical-align: 28%; padding: 2px 3px 2px 3px; border-radius: 3px; }
A.testi_sommario_area {	color: #ffffff; }

P.riepilogo_risultati_ricerca
{
	font-size: 16px;
	margin: 0px 0px 4px 0px;
}
P.testi_allarga_ricerca
{
	font-size: 13px;
	margin: 12px 0px 6px 0px;
}
P.testi_cerca_anche
{
	font-size: 12px;
	margin: 12px 0px 6px 0px;
}

P.testi_bordino_grigio_con_sommario_area
{
	border-top: 1px solid rgb(80%,80%,80%);
	margin: 16px 0px 12px 0px;
}

P.testi_titolo_con_sommario_area
{
	font-size: 16px;
	line-height: 22px;
	margin: 3px 0px 4px 0px;
	/* border-bottom: 1px solid rgb(80%,80%,80%); */
}

P.testi_bordino_grigio
{
	border-top: 1px solid rgb(80%,80%,80%);
	margin: 16px 0px 12px 0px;
}

P.testi_titolo
{
	font-size: 16px;
	line-height: 22px;
	margin: 14px 0px 6px 0px;
	/* border-bottom: 1px solid rgb(80%,80%,80%); */
}

P.testi_descrizione
{
	font-size: 14px;
	line-height: 18px;
	margin: 3px 0px 8px 0px;
}
P.testi_descrizione_videoyoutube
{
	font-size: 18px;
	font-weight: bold;
	margin: 3px 0px 15px 0px;
}
P.testi_file_allegato
{
	line-height: 15px;
	margin: 0px;
}

P.testi_temi, div.testi_temi
{
	font-family: verdana;
	font-size: 11px;
	line-height: 15px;
	margin: 0.5em 0 0.5em 0;
	display: table;
}

P.testi_anteprima_presentazioni
{
	line-height: 15px;
	margin: 0px;
	clear: both;
}

P.testi_dettagli
{
	font-size: 10px;
	font-family: verdana;
	/* color: #808080; */
	color: rgb(60%,60%,60%);
	line-height: 12px;
	margin: 0px;
	clear: both;
}

P.anteprima_testi_titolo
{
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
}
P.immagini_titolo
{
	font-size: 12px;
	/* color: #808080; */
	margin: 7px 0px 3px 0px;
}

P.immagini_descrizione
{
	font-size: 11px;
	/* color: #808080; */
	margin: 4px 0px 3px 0px;
}

P.immagini_citazioni
{
	font-size: 11px;
	color: rgb(60%,60%,60%);
	margin: 3px;
	clear: both;
}

P.immagini_temi
{
	font-size: 11px;
	color: rgb(60%,60%,60%);
	margin: 3px;
	clear: both;
}

P.immagini_dettagli
{
	font-size: 10px;
	font-family: verdana;
	color: rgb(60%,60%,60%);
	margin: 2px;
	clear: both;
}

/* SPAN.gestione_file { display: none; }
SPAN.gestione_file:hover { display: inline; }
SPAN.titolo_file:hover + SPAN.gestione_file {
	display: inline;
} */
SPAN.gestione_file { display: inline; }

P.q
{
	font-size: 13px;
}

P.immagine_nome_area
{
	font-size: 14px;
	color: #000000;
	line-height: 12px;
	margin: 0px 0px 12px 0px;
}
P.immagine_titolo
{
	font-size: 20px;
	color: #000000;
	margin: 0px 0px 14px 0px;
}
P.immagine_descrizione
{
	font-size: 13px;
	color: #000000;
	margin: 0px 0px 14px 0px;
}
P.immagine_torna_a
{
	font-size: 14px;
	color: #000000;
	margin: 0px 0px 12px 0px;
}
DIV.immagine
{
	float: left;
	margin: 0px 0px 12px 0px;
}
DIV.icona_link_prima_di_immagine { display: table-cell; vertical-align: middle; text-align: center; }
DIV.link_prima_di_immagine
{
	float: left;
	margin: 0px 0px 0px 0px;
	/* border: 1px solid #4B4B4B; */
	width: 100px;
	display: table;
}
DIV.link_dopo_di_immagine
{
	float: left;
	margin: 0px 0px 0px 0px;
	/* border: 1px solid #4B4B4B; */
	width: 100px;
	display: table;
}
P.immagine_clicca_per_vedere
{
	font-size: 13px;
	color: #000000;
	line-height: 1.3em;
	margin: 18px 0px 20px 0px;
}
P.immagine_dettagli
{
	font-size: 13px;
	color: #000000;
	line-height: 20px;
	margin: 0px 0px 10px 0px;
}
P.immagine_spiegazione
{
	font-size: 15px;
	line-height: 19px;
	color: #000000;
	margin: 0px 0px 10px 0px;
}
UL.immagine_spiegazione LI
{
	font-size: 15px;
	color: #000000;
	margin: 0px 0px 10px 0px;
	list-style-image: url(//servizio.qumran2.net/icone/elenco_puntato_1.jpg);
}
P.immagine_spiegazione_spaziato
{
	font-size: 15px;
	line-height: 19px;
	color: #000000;
	margin: 23px 0px 0px 0px;
}
P.immagini_brani
{
	line-height: 12px;
	margin: 12px 0px 0px 0px;
}
P.immagini_brani_liturgia
{
	line-height: 12px;
	margin: 22px 0px 0px 0px;
}

P.immagini_brani_visualizza_tutte
{
	font-size: 13px;
	color: #000000;
	line-height: 12px;
	margin: 10px 0px 14px 0px;
}

P.film_brani
{
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	line-height: 12px;
	margin: 10px 0px 8px 0px;
}

P.entra_titolo 
{
	margin: 20px 10px;
	font-size: 30px;
	font-family: "Open Sans", arial;
	font-weight: bold;
	color: #000000;
}

P.entra_sottotitolo 
{
	margin: 30px 10px 10px 10px;
	font-size: 20px;
	font-family: "Open Sans", arial;
	font-weight: bold;
	color: #FFA500;
}

P.entra_paragrafo_normale
{
	margin: 10px;
	font-size: 16px;
	font-family: "Open Sans", arial;
	color: #4B4B4B;
	line-height: 1.60em;
}

P.bordino_grigio
{
	border-top: 1px solid rgb(80%,80%,80%);
	margin: 16px 0px 16px 0px;
}

P.bordino_grigio_no_margini
{
	border-top: 1px solid rgb(80%,80%,80%);
	margin: 4px 0px 4px 0px;
}

P.bordino_grigio_barra_sinistra
{
	border-top: 1px solid rgb(80%,80%,80%);
	margin: 12px 0px 12px 0px;
}

P.bordino_grigio_stretto
{
	border-top: 1px solid rgb(80%,80%,80%);
	margin: 10px 0px 10px 0px;
}

P.bordino_tra_righe_miniature_immagini
{
	border-top: 1px solid rgb(80%,80%,80%);
	margin: 10px 0px 10px 0px;
}

P.bordino_grigio_sponsor_barra_dx_home_page 
{
	border-top: 1px solid rgb(80%,80%,80%);
	margin: 10px 0px 10px 0px;
}

div.vangeli_illustrati_immagine {float: right; clear: right}
div.vangeli_illustrati_immagine_portrait {width: 152px}
div.vangeli_illustrati_immagine_landscape {width: 202px}
div.vangeli_illustrati_immagine img {margin: 0px 0px 2px 2px; border: 1px solid maroon}
div.vangeli_illustrati_immagine a.altre_immagini {display: block; font-size: 75%; text-align: right}

P.vangeli_forma_breve { font-style: italic; font-size: 12px; border-bottom: 1px solid rgb(80%,80%,80%); margin: 24px 0px 6px 0px; }

P.vangeli_intestazione_letture_liturgia
{
	font-size: 16px;
	margin: 6px 0px 3px 0px;
}

P.letture_titolo
{
	margin: 16px 0px 5px 0px;
	border-bottom: 1px solid rgb(70%,70%,70%);
}

P.vangeli_allarga_restringi
{
	font-size: 13px;
	line-height: 12px;
	margin: 4px 0px 10px 0px;
}

.letture_libro
{
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	color: red;
	margin: 0px 10px 0px 0px;
}

P.letture_proclazione_libro
{
	font-size: 13px;
	font-weight: bold;
	margin: 6px 0px 0px 0px;
}

P.letture_ritornello_salmo
{
	font-size: 13px;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
}

P.vangeli_bordino_grigio
{
	border-top: 1px solid rgb(80%,80%,80%);
	margin: 22px 0px 16px 0px;
}

P.vangeli_titolo_liturgia
{
	padding: 4px 0px 4px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 18px;
	font-weight: bold;
}

P.vangeli_feriali_festivi
{
	padding: 4px 0px 4px 0px;
	margin: 0px 0px 12px 0px;
	font-size: 11px;
	clear: both;
}

P.vangeli_titolo
{
	/* border-top: 1px solid rgb(70%,70%,70%); */
	/* border-bottom: 1px solid rgb(70%,70%,70%); */
	padding: 4px 0px 4px 0px;
	line-height: 18px;
	margin: 10px 0px 10px 0px;
	font-size: 16px;
	clear: both;
}

P.vangeli_titolo_spaziato
{
	/* border-top: 1px solid rgb(70%,70%,70%); */
	/* border-bottom: 1px solid rgb(70%,70%,70%); */
	padding: 4px 0px 4px 0px;
	line-height: 18px;
	margin: 21px 0px 10px 0px;
	font-size: 16px;
	clear: both;
}

img.immagine_allarga_restringi {
	vertical-align: -10%;
}

TABLE.vangeli_sezione 
{
	/* background-color: Cornsilk; */
	/* background-color: rgb(85%,85%,85%); */
	background: #D7E4FF;
	border-top: 1px solid rgb(70%,70%,70%);
	border-bottom: 1px solid rgb(70%,70%,70%);
	padding: 6px 6px 6px 6px;
	line-height: 18px;
	margin: 28px 0px 8px 0px;
	font-size: 18px;
}

P.vangeli_sezione 
{
	/* background-color: Cornsilk; */
	/* background-color: rgb(85%,85%,85%); */
	background-color: #aaeeff;
	border-top: 1px solid rgb(70%,70%,70%);
	border-bottom: 1px solid rgb(70%,70%,70%);
	padding: 6px 6px 6px 6px;
	line-height: 18px;
	margin: 28px 0px 8px 0px;
	font-size: 20px;
}

DIV.vangeli_temi
{
	font-family: verdana;
	font-size: 10px;
	line-height: 15px;
	margin: 10px 0px 20px 0px;
	display: table;
}

.elencoareelaterale 
{
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 16px;
}

A.elencoareelaterale:link 
{
	color: #404040;
	text-decoration: none;
}

A.elencoareelaterale:visited 
{
	color: #404040;
	text-decoration: none;
}

A.elencoareelaterale :hover 
{
	color: #404040;
	text-decoration: underline;
}

.elenco_areedisegni_laterale 
{
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 16px;
}

A.elenco_areedisegni_laterale:link 
{
	color: #404040;
	text-decoration: none;
}

A.elenco_areedisegni_laterale:visited 
{
	color: #404040;
	text-decoration: none;
}

A.elenco_areedisegni_laterale :hover 
{
	color: #404040;
	text-decoration: underline;
}

.elencoareecentrale 
{
	/* color: blue !important;
	*/
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.elencoareecentralegrande 
{
	/* color: blue !important;
	*/
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.elencoareecentrale a:link 
{
	color: #1122CC !important;
	text-decoration: none;
}

.elencoareecentrale a:visited 
{
	color: #1122CC !important;
	text-decoration: none;
}

.elencoareecentrale a:hover 
{
	color: #1122CC !important;
	text-decoration: underline;
}

.elencoareecentrale a:active 
{
	color: #1122CC !important;
	text-decoration: none;
}

img.bordino_grigio
{
	border: 1px solid rgb(80%,80%,80%);
}
img.immagine_quadrata_vangeli
{
	border: 1px solid rgb(80%,80%,80%);
	margin: 5px 8px 0px 0px;
}

img.bordino_grigio_chiaro
{
	border: 1px solid rgb(90%,90%,90%);
}

td.idee 
{
	font-size: 12px;
}

td.inserimento_idee 
{
	font-size: 12px;
	text-align: right;
}

tr.sezione_form_inserimento 
{
	border-bottom: #CCCCCC 1px solid;
	font-weight: bold;
	text-align: left;
	font-size: 15px;
	color: #FFFFFF;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background: #008000;
}

tr.sezione_idea_titoli 
{
	border-bottom: #CCCCCC 1px solid;
	text-align: left;
	font-size: 15px;
	color: #000000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

tr.sezione_idea_in_evidenza 
{
	border-bottom: #CCCCCC 1px solid;
	text-align: left;
	font-size: 15px;
	color: #000000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background: #DFEFFF;
}

P.idea_titolo { margin: 16px 0px 12px 0px; line-height: 1.4em; }
P.idea_titolo  span.idea_titolo { font-size: 18px; font-weight: bold; }
P.idea_titolo  span.idea_sottotitolo { font-size: 16px; }
SPAN.idea_sottotitolo { font-size: 16px; margin: 16px 0px 12px 0px; line-height: 1.4em }
P.idea_descrizione { font-size: 15px; margin: 10px 0px 10px 0px; line-height: 1.3em }
P.idea_caratteristiche { font-size: 15px; margin: 5px 0px 0px 0px; }
P.idea_fornitore { color: #808080; font-size: 12px; margin: 12px 0px 16px 0px; }

/* SERVE PER L'INPUT TEXT DELLA BARRA DI RICERCA, CON IL COLORE GRIGIO QUANDO METTO "CERCA NEI TESTI" */
#input001 
{
	font-size: 12pt;
	border: 1px solid #808080;
	width: 50%;
	height: 30px;
	padding: 0px 5px;
	/* border: 1px solid blue;
	*/
}

.normal 
{
	color: #aaa;
}

.higtlighted 
{
	color: #000;
	/* background: lightyellow;
	*/
}

.EvidenceSearchTerm 
{
	color: red;
	/* 2013-06-12, dG: ho tolto il MAIUSCOLO dai termini cercati nelle aree testi
	/* text-transform: uppercase;
	*/
	font-weight: bold;
}

#linguette_riquadro_ricerca
{
	width: 80%;
}

#linguette_riquadro_ricerca ul
{
	list-style: none outside none;
	white-space: nowrap;
	padding: 1px;
	border-bottom: 1px solid grey;
	padding-left: 0.3em;
	overflow: visible;
	font-size: 85%;
	margin-bottom: 0;
}

#linguette_riquadro_ricerca li.Selezionato, #linguette_riquadro_ricerca li.NonSelezionato
{
	display: inline;
	margin-left: 3px;
	padding: 1px 0.5em;
}

#linguette_riquadro_ricerca li.Selezionato
{
	background-color: white;
	color: black;
	border-top: 1px solid grey;
	border-right: 1px solid grey;
	border-left: 1px solid grey;
	border-bottom: 1px solid white;
	font-weight: bold;
}

#linguette_riquadro_ricerca li.NonSelezionato
{
	cursor: pointer;
	background-color: lightgrey;
	color: #4B4B4B;
	border: 1px solid grey;
}

#linguette_riquadro_ricerca li.NonSelezionato:hover
{
	background-color: grey;
	color: #FFFFFF;
	text-decoration: none;
}

#linguette_riquadro_ricerca ul a:hover
{
	text-decoration: none;
}

/* #riquadro_ricerca
{
	border-right: 1px solid grey;
	border-bottom: 1px solid grey;
	border-left: 1px solid grey;
	padding: 8px;
	margin-bottom: 0.5em;
} */

.bilancio_barra_superiore {
	padding: 3px 5px 3px 5px;
	background: #CBE2F1 none repeat scroll 0% 50%;
	color:#1974CD;
	font-weight: bold;
	/* box-shadow:1px 1px 1px gray; */
}

.evidenzia {
	padding: 5px 7px 5px 7px;
	background: #CBE2F1 none repeat scroll 0% 50%;
	font-size: 13px;
	/* box-shadow:1px 1px 1px gray; */
}

.notifica {
	vertical-align: super;
	background-color:#CBE2F1;
	color:#1974CD;
	font-weight: bold;
	font-size: 10px;
	padding: 1px 6px 1px 6px;
	border-radius: 4px;
	/* box-shadow:1px 1px 1px gray; */
}
.notifica a:link, .notifica a:visited
{
	color:#1974CD;
}
.notifica a:hover
{
	color:#1974CD;
	text-decoration: none;
}

P.area_preferita
{
	font-size: 11px;
	margin: 2px 0px 2px 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

DIV.container_miniatura
{
	float: right;
	margin-left: 10px;
}

DIV.container_miniatura_sinistra {
	float: left;
	padding-right: 10px;
	padding-top: 10px;
}

/* .miniatura_youtube {
	float: right;
	display: inline;
	clear: both;
} */

DIV.div_miniatura_file {
	float: right;
	margin: 0px 0px 6px 9px;
}
.miniatura_file_bordata {
	border: 1px solid rgb(80%,80%,80%);
}


DIV.miniatura {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}

DIV.miniatura img {
	float: left;
	margin: 0px;
	padding: 0px;
	background: #fff;
	display: inline;
}

DIV.miniatura span {
	font-size: 12px;
	font-weight: bold;
	/* float: left; */
	margin: 0px;
	padding: 4px 10px 4px 10px;
	/* width: 50%; */
	color: #FFFFFF;
	
	background: #222; /* browser che non supportano rgba */
	background: rgba(0,0,0,0.5);
	position: absolute;
	right: 0px;
	bottom: 0px;
	/* questo serve o no???
	display: block; */
}


.immagine_scritta_info {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}

.immagine_scritta_info img {
	border: 1px solid rgb(80%,80%,80%);
	float: left;
	margin: 0;
	padding: 0;
	background: #fff;
	display: inline;
}

.immagine_scritta_info span {
	float: left;
	margin: 2px;
	padding: 2px;
	width: 45px;
	color: #FFFFFF;
	
	background: #222; /* browser che non supportano rgba */
	background: rgba(0,0,0,0.5);
	position: absolute;
	left: 0;
	top: 0;
}

.immagine_scritta_info span strong {
	padding: 3px;
	margin: 0px 0px 3px 0px;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	display: block;
	padding-bottom: 0px;
}

p.tabella_aree_immagini_nome_area
{
	margin: 4px 0px 4px 0px;
	font-size: 16px;
	font-weight: bold;
}

p.tabella_aree_immagini_numero_immagini
{
	margin: 7px 0px 10px 0px;
	font-size: 12px;
	color: gray;
}
P.link_a_voce_cathopedia
{
	font-size: 16px;
	margin: 0px 0px 4px 0px;
	background-color: #EBEBEB;
	padding: 6px 8px;
}

P.link_semantici
{
	font-size: 16px;
	margin: 0px 0px 4px 0px;
	background-color: #EBEBEB;
	padding: 6px 8px;
}

/* div mostrato come tabella */
#tabella_immagini { display: table; width: 100%;	 border-collapse: collapse; }

/* div mostrato come riga di tabella */
#tabella_immagini .row_immagini { display: table-row; border-bottom: 1px solid rgb(90%,90%,90%); margin: 2px; }

/* div mostrato come cella di tabella */
#tabella_immagini .row_immagini .cell_immagini { display: table-cell; width: 25%; text-align: center; padding: 17px 0px 2px 0px; }

/* dentro la cella c'è un div che racchiude l'immagine
la larghezza di questo div deve essere impostato inline immagine per immagine */
#tabella_immagini .row_immagini .cell_immagini .thumb_immagini { position: relative; padding: 0px; margin: 0px auto; }
.thumb_immagini { position: relative; padding: 0px; margin: 0px auto; }

/* background 'note' */
#tabella_immagini .row_immagini .cell_immagini .thumb_immagini .background_scritta_immagini { margin: 1px; width: 46px; height: 16px; padding: 3px; background: #808080; position: absolute; left: 0; top: 0; opacity:0.8; filter:alpha(opacity=80); }
.thumb_immagini .background_scritta_immagini { margin: 1px; width: 46px; height: 16px; padding: 3px; background: #808080; position: absolute; left: 0; top: 0; opacity:0.8; filter:alpha(opacity=80); }

/* scritta 'note' */
#tabella_immagini .row_immagini .cell_immagini .thumb_immagini .scritta_immagini { margin: 1px; width: 46px; height: 16px; padding: 3px; font-size: 12px; background: transparent; position: absolute; left: 0; top: 0; color: #fff; font-weight: bolder; text-transform:uppercase; }
.thumb_immagini .scritta_immagini { margin: 1px; width: 46px; height: 16px; padding: 3px; font-size: 12px; background: transparent; position: absolute; left: 0; top: 0; color: #fff; font-weight: bolder; text-transform:uppercase; }

/* #tabella_immagini .row_immagini .cell_immagini p { padding: 0px; margin: 0px; font-size: smaller; } */
#tabella_immagini .row_immagini .cell_immagini p.area_immagini, .row_immagini .cell_immagini p.titolo_immagini, .row_immagini .cell_immagini p.parole_immagini, .row_immagini .cell_immagini p.immagini_area { font-weight: bolder; }
#tabella_immagini .row_immagini .cell_immagini p.immagini_stella { margin: 0px 0px 4px 0px; }
#tabella_immagini .row_immagini .cell_immagini p.immagini_area { margin: 0px 0px 4px 0px; font-size: 11px; }

#tabella_immagini .row_immagini .cell_immagini p.liturgia_immagini, #tabella_immagini .row_immagini .cell_immagini p.visto { color: red; }

/* PER L'ELENCO DEI COMMENTI */
P.avviso_vecchi_commenti
{
	font-size: 16px;
	font-family: "Open Sans", arial;
	color: #000000;
	margin: 16px 0px 20px 0px;
	background-color: #EBEBEB;
	padding: 6px 8px 6px 8px;
}

P.commenti_bordino_grigio
{
	border-top: 1px solid rgb(80%,80%,80%);
	margin: 16px 0px 16px 0px;
}
p.commento_tipo
{
	margin: 16px 0px 6px 0px;
}
span.commento_tipo_testo { vertical-align: 28%; font-size: 10px; color: #ffffff; font-weight: bold; background: #4351EF none repeat scroll 0% 50%; padding: 2px 3px 2px 3px; margin: 0px 10px 0px 0px; border-radius: 4px; }
span.commento_tipo_video { vertical-align: 28%; font-size: 10px; color: #ffffff; font-weight: bold; background: #008F90 none repeat scroll 0% 50%; padding: 2px 3px 2px 3px; margin: 0px 10px 0px 0px; border-radius: 4px; }
span.commento_tipo_audio { vertical-align: 28%; font-size: 10px; color: #ffffff; font-weight: bold; background: #FA5B49 none repeat scroll 0% 50%; padding: 2px 3px 2px 3px; margin: 0px 10px 0px 0px; border-radius: 4px; }

P.commenti_elenco_titolo			{ font-family: "Open Sans", Arial; margin: 0px 0px 0px 0px; }
P.commenti_elenco_autore 			{ font-family: "Open Sans", Arial; font-size: 14px; margin: 0px 0px 0px 0px; }
P.commenti_elenco_giorno_liturgico 	{ font-family: "Open Sans", Arial; font-size: 13px; margin: 0px 0px 0px 0px; }
P.commenti_elenco_citazioni			{ font-family: "Open Sans", Arial; font-size: 13px; margin: 0px 0px 2px 0px; }
P.commenti_elenco_inserito_il		{ font-family: "Open Sans", Arial; font-size: 12px; margin: 0px 0px 0px 0px; color: rgb(60%,60%,60%); }
P.commenti_elenco_testo				{ font-family: "Open Sans", Arial; font-size: 15px; margin: 15px 0px 0px 0px; line-height: 1.4em; }
P.commenti_elenco_testo_spaziato	{ font-family: "Open Sans", Arial; font-size: 15px; margin: 28px 0px 0px 0px; line-height: 1.4em; }

#commento h2 { font-family: "Open Sans", Arial; font-size: 20px; font-weight: bold; background-image: url(//servizio.qumran2.net/icone/bordino-grigio.jpg); background-repeat: repeat-x; background-position: bottom; margin: 10px 0px 7px 0px; padding: 0px 0px 5px 0px; text-align: left; }
	
H2.commento_titolo			{ font-family: "Open Sans", Arial; font-size: 20px; font-weight: bold; background-image: url(//servizio.qumran2.net/icone/bordino-grigio.jpg); background-repeat: repeat-x; background-position: bottom; margin: 10px 0px 7px 0px; padding: 0px 0px 5px 0px; text-align: left; }
P.commento_autore 			{ font-family: "Open Sans", Arial; font-size: 14px; margin: 0px 0px 2px 0px; }
P.commento_giorno_liturgico 	{ font-family: "Open Sans", Arial; font-size: 14px; margin: 0px 0px 2px 0px; }
P.commento_iscrizione_mailing_list 	{ font-family: "Open Sans", Arial; font-size: 14px; margin: 0px 0px 2px 0px; }
P.commento_citazioni		{ font-family: "Open Sans", Arial; font-size: 13px; margin: 0px 0px 15px 0px; }
P.commento_testo			{ font-family: "Open Sans", Arial; font-size: 16px; margin: 15px 0px 0px 0px; line-height: 1.5em; }
P.commento_testo_spaziato	{ font-family: "Open Sans", Arial; font-size: 16px; margin: 28px 0px 0px 0px; line-height: 1.5em; }
P.commento_piede_commento	{ font-family: "Open Sans", Arial; font-size: 14px; margin: 23px 0px 10px 0px; line-height: 1.5em; }
P.commento_piede_commento A { border: #0066CC 1px solid; padding: 2px 5px 2px 5px; border-radius: 4px 4px 4px 4px; color: #FFFFFF; background: #0066CC; }
P.commenti_vecchi_commenti
{
	font-size: 14px;
	color: #000000;
	margin: 20px 0px 10px 0px;
	background-color: rgb(92%,92%,92%);
	padding: 6px 8px 6px 8px;
}

#test ul { font-family: "Open Sans", Arial; font-size: 14px; line-height: 1.5em; }


P.ritagli_bordino_grigio
{
	border-top: 1px solid rgb(80%,80%,80%);
	margin: 16px 0px 12px 0px;
}

P.ritagli_allarga_restringi
{
	font-size: 13px;
	line-height: 12px;
	margin: 8px 0px 10px 0px;
}

P.ritagli_testo
{
	font-size: 13px;
	/* margin: 0.3em 0em 0.3em 0em; */
	margin: 10px 0px 10px 0px;
}

P.ritagli_temi
{
	font-family: verdana;
	font-size: 11px;
	line-height: 15px;
	margin: 0.5em 0em 2.8em 0em 
}
P.ritagli_dettagli
{
	font-size: 10px;
	font-family: verdana;
	color: #808080;
	line-height: 12px;
	margin: 0px;
	clear: both;
}
P.ritagli_precedente_successivo
{
	font-size: 13px;
	margin: 0px 0px 4px 0px;
	background-color: #EBEBEB;
	padding: 6px 8px;
}

P.ritaglio_autore_fonte		{ font-family: Verdana; font-size: 11px; margin: 0px 0px 0px 0px;}
P.ritaglio_singolo_titolo 	{ margin: 5px 0px 5px 0px; padding: 0px 0px 5px 0px; font-size: 19px; font-weight: bold; background-image: url(//servizio.qumran2.net/icone/bordino-grigio.jpg); background-repeat: repeat-x; background-position: bottom; }
P.ritaglio_elenco_titolo	{ margin: 5px 0px 5px 0px; padding: 0px 0px 5px 0px; font-size: 19px; font-weight: bold; }
P.ritaglio_tipo
{
	margin: 0px 0px 4px 0px;
	font-size: 10px; color: #ffffff; font-weight: bold;
}
span.ritaglio_tipo_testo { background: rgba(224, 192, 20, 1) none repeat scroll 0% 50%; padding: 2px 3px 2px 3px; border-radius: 4px; }
span.ritaglio_tipo_preghiera { background: rgba(6, 47, 227, 0.64) none repeat scroll 0% 50%; padding: 2px 3px 2px 3px; border-radius: 4px; }
span.ritaglio_tipo_racconto { background: rgba(0, 144, 22, 1) none repeat scroll 0% 50%; padding: 2px 3px 2px 3px; border-radius: 4px; }
span.ritaglio_tipo_esperienza { background: rgba(227, 6, 6, 1) none repeat scroll 0% 50%; padding: 2px 3px 2px 3px; border-radius: 4px; }

span.numero_stelle { display: inline-block; border: #CCCCCC 1px solid; font-size: 12px; padding: 3px 2px 0px 2px; border-radius: 6px; font-weight: normal; color: #808080; }

P.gioco_autore			{ font-family: Verdana; font-size: 10px; color: #808080; margin: 0px 0px 7px 0px;}
P.gioco_dettagli		{ font-size: 15px; margin: 5px 0px 0px 0px; line-height: 1.3em; }
P.gioco_ambientazione	{ font-size: 15px; margin: 11px 0px 0px 0px; line-height: 1.3em; }
P.gioco_materiale		{ font-size: 15px; margin: 11px 0px 0px 0px; line-height: 1.3em; }
P.gioco_regole			{ font-size: 15px; margin: 11px 0px 0px 0px; line-height: 1.3em; }
P.gioco_regole_spaziato	{ font-size: 15px; margin: 22px 0px 0px 0px; line-height: 1.3em; }
P.gioco_vince_chi		{ font-size: 15px; margin: 11px 0px 0px 0px; line-height: 1.3em; }
P.gioco_valori			{ font-size: 15px; margin: 11px 0px 5px 0px; line-height: 1.3em; }
P.gioco_singolo_titolo	{ margin: 18px 0px 8px 0px; padding: 0px 0px 5px 0px; font-size: 18px; font-weight: bold; background-image: url(//servizio.qumran2.net/icone/bordino-grigio.jpg); background-repeat: repeat-x; background-position: bottom; }
P.gioco_elenco_titolo 	{ margin: 18px 0px 5px 0px; padding: 0px 0px 5px 0px; font-size: 18px; font-weight: bold; }

P.elenco_autori_commenti_nome		{ font-size: 18px; margin: 20px 0px 5px 0px }
P.elenco_autori_commenti_dettagli	{ font-size: 14px; margin: 5px 0px 5px 0px }
P.elenco_autori_commenti_profilo	{ font-size: 13px; margin: 0px 0px 5px 0px; line-height: 16px; color: rgb(50%,50%,50%); }
P.elenco_autori_commenti_home_page	{ font-size: 12px; margin: 0px 0px 20px 0px; color: rgb(60%,60%,60%); }

P.testi_da_tradurre { margin: 0px 0px 0px 0px }

#avviso_tempo_impiegato {
	font-size: 10px;
	color: #000000;
	position: fixed;
	left: 10px;
	top: 10px;
	/* background-color: yellow; */
}

div.donazioni {
	font-family: 'Open Sans', Arial;
	font-size: 16px;
	text-align: center;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	background-color: #FFFF99;
	padding: 7px;
	border: solid 1px #c3c3c3;
}

div.informativa_cookie {
	font-family: 'Open Sans', Arial;
	font-size: 15px;
	text-align: left;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	background-color: #FAFAFA;
	padding: 7px;
	border: solid 1px #c3c3c3;
}

div.iscrizione_newsletter {
	font-family: 'Open Sans', Arial;
	font-size: 20px;
	color: #E69400;
	text-align: center;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	background-color: #FAFAFA;
	padding: 6px;
	border: solid 1px #c3c3c3;
}

div.iscrizione_comunicare_sorriso {
	font-family: 'Open Sans', Arial;
	font-size: 20px;
	color: #E69400;
	text-align: center;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	background-color: #FAFAFA;
	padding: 6px 6px 6px 6px;
	border: solid 1px #c3c3c3;
}

DIV.pulsanti_paga_adesso { float: left; margin: 5px; }

.griglia {
  padding: 0;
  margin: 0;
}
.griglia  li {
  /* border: 5px solid #333333; */
  display: inline-block;
  width:  185px;
  margin: 5px;
  /* background: #333333; */
  vertical-align: top;
  text-align: center;
}

@media screen and (max-width:736px) {
	/* per le miniature delle immagini nell'elenco delle aree immagini */
	.griglia li { width: 46%; }
	.griglia li img.bordino_grigio { width: 100%; max-width: 185px; }

	/* per le miniature delle immagini nelle aree immagini */
	/* .griglia li .thumb_immagini { width: 46%; } */
	.griglia li .thumb_immagini img { width: 100%; max-width: 185px; }
}

#footer { clear:both; font-family: verdana; font-size: 10px; margin: 15px 15px 20px 15px; text-align: center; }

.video-responsive {
position: relative;
/* in origine era 56.25, ma sia su schermi grandi che piccoli mostrava due barre nere sopra e sotto; mettendo a 52,25 almeno su schermi grandi le barre nere spariscono */
/* padding-bottom: 56.25%; */
padding-bottom: 52.25%;
padding-top: 35px;
height: 0;
overflow: hidden;
}

.video-responsive iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
max-width: 640px;
max-height: 360px;
}

.pulsante_iscrizione_newsletter {
    background-color: #E69400; /* Arancione */
    border: none;
    color: white;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
}