/*
 *** Info generali sul file:
 *
 * sito web: gruppoarena.com
 * file: css versione it
 * data creazione: 20009.08.10
 * data ultima modifica: -
 * novita apportate: inizio
 *
 *** Macro areee [scrivi il numero per la ricerca]
 *
 * 001. STILI DI BASE
 * 002. DIVS PAGINE
 * 003. LINKS
 * 004. TABLE
 * 005. BOTTONI & FORM
 * 006. LISTE
 */


/*
************************************
 001. STILI DI BASE
************************************
 */
html,body {width: 100%; height: 100%; margin: 0 auto; padding: 0; font: 11px Verdana, Arial, Helvetica, sans-serif; color:#000; text-align:center; background:#fff;}
td, tr, th, table {font: 12px Verdana, Arial, Helvetica, sans-serif; color: #000; text-align:left;}
.corpotesto {font: 10px Verdana, Arial, Helvetica, sans-serif; color:#000;}
.corpotesto_error { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #FF3300;}
.titolotesto {font: 11px Verdana, Arial, Helvetica, sans-serif; color:#000; font-weight:bold;}
img, a {margin:0; padding:0; border:0;}
br.cucu {clear:both; height:0px;}
br.br_clear {clear: left; }
div.nascondi {display:none;}

/*
************************************
002.DIVS PAGINA
************************************
*/

#esterno { width:100%; height:100%; position:relative;  background:url(../../img/public/esterno.jpg) repeat-x top left #fff; }
body>div#esterno {height:auto; min-height:100%}

/** mantieni come standard **/
.posiziona_contenuto {margin:15px; text-align:left;} /*per i contenuti dei box */

/** determinazioni larghezze **/
#top, #corpo_home, #pre_bottom, #contenitore_menu { width:980px; margin:0 auto;}

/** determinazioni altri stili **/
#corpo_home {position:relative; min-height:300px; background:url(../../img/public/corpo_home.jpg) repeat-x top left #fff; border:1px solid #d3d3d3;}
	#corpo_home_sx, #corpo_home_dx {position:relative; float:left; display:inline; width:480px;}

			.box_bottone {width:80%; border:3px solid #fff; text-align:center;}
				.box_bottone_interno { margin: 1%;  background:#fff; text-align:center;}
				.box_bottone_contenuto { padding:5px; font-size:12px; font-weight:bold; }


			.box_bottone_brand {width:22%; border:3px solid #fff; text-align:center; float:left; display:inline;}
				.box_bottone_brand_interno { margin: 1%;  background:#fff; text-align:center;}
				.box_bottone_brand_contenuto { padding:5px; font-size:12px; font-weight:bold; }
			

/* parte bassa */
#footer {position:absolute; margin:0 auto; bottom: 0;width: 100%; left: 0px;}


/*
faq - contenitore colore alternato
*/

/* determinazioni di posizioni & dimensioni */
.contenitore_faq_1, .contenitore_faq_2 { width:100%; text-align:left; }
.domanda_faq, .risposta_faq {}

	/* contenuti */
	.domanda_faq, .risposta_faq p {}

	/* stili links */
	.domanda_faq a:link, .risposta_faq a:link {color:#000; font-weight:bold; text-decoration:none; font-size:inherit;}
	.domanda_faq a:visited, .risposta_faq a:visited {color: #000; text-decoration:none; font-size:inherit;}
	.domanda_faq a:hover, .risposta_faq a:hover {color:#0065a7; text-decoration:none; font-size:inherit;}

/* determinazione di sfondi e colori */
.contenitore_faq_1 {}
.contenitore_faq_2 {}
.domanda_faq {font-weight:bold; color:#cc0000;}
.risposta_faq {}


/*
News bloggate - moduli standard // inizio
*/

/* determinazioni di posizioni & dimensioni */
.news_1, .news_2, .news_3 { width:100%; text-align:left; margin-top:5px; }

	/* parte di sx dove c'� la data */
	.datanews { width: 80px; height:90px; float:left; display:inline; font: bold 15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align:center;}
		.datanews .mese {margin-top:15px;}
		.datanews .giorno {margin-top:5px; font-size:18px;}
		.datanews .anno {margin-top:-4px; font: bold 9px Verdana, Arial, Helvetica, sans-serif;}
	/* contenuti */
	.news_1, .news_2, .news_3 p { padding: 3px 5px;}
		.titolo_news_1, .titolo_news_2, .titolo_news_3 {font-weight:bold; font-size:15px; text-transform:uppercase;}
	/* parte bassa per img e allegati */
	.immagini_news, .allegati_news { width:97%; padding:4px;}

	/* stili links */
	.news_1 a:link, .news_2 a:link, .news_3 a:link, .allegati_news a:link  {color:#000; font-weight:bold; text-decoration:none; font-size:inherit;}
	.news_1 a:visited, .news_2 a:visited, .news_3 a:visited, .allegati_news a:visited  {color: #000; text-decoration:none; font-size:inherit;}
	.news_1 a:hover, .news_2 a:hover, .news_3 a:hover, .allegati_news a:hover {color:#0065a7; text-decoration:none; font-size:inherit;}

/* determinazione di sfondi e colori */
	.news_1 {}
	.news_2 {background:#ffeed5;}
	.news_3 {background:#feac5f;} /* molto importante quindi coloratissima */
	.news_1, .news_2, .news_3 p {color:#000;}
	.titolo_news_1 {color:#001975;}
	.titolo_news_2 {color:#001975;}
	.titolo_news_3 {color:#001975;} /* sei sicurissimo che il colore prescelto vada benissimo per la news coloratissima */
	.datanews {background: url(../../img/public/data_news.png) no-repeat top center;}
	.datanews .mese {color:#fff;}
	.datanews .giorno {color:#000;}
	.datanews .anno {color:#666;}
	.immagini_news {border:1px solid #999; background:#ddd9c8; color:#444;}
	.allegati_news {border:1px solid #999; background:#ddd9c8; color:#444;}

/* news bloggate - moduli standard // fine */


/* stili testo */
.testo {font-size: 12px; color: #000; text-align:left; padding: 0 5px 0 15px; }
.titolo {font-size: 15px; color: #000; font-weight:bold; text-align:left; padding:15px 0;}
.boxtesto { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 10px; color: #000000;  padding:10px 0 0 15px; margin:0; }

/* ul and li */
.solito { text-align:left; list-style-image:url(../../img/tpl/frecciolina.gif); list-style-position: outside;}
.soliti1 { margin-bottom: 5px;}
.soliti2 {margin-bottom: 5px;font-weight:bold;}

/* stili link */
a:link, a:visited {color:#000; text-decoration:none;}
a:hover, a:focus, a:active {color:#222; text-decoration:underline;}

a.menu_attivo_bianco:link, a.menu_attivo_bianco:visited { color: #fff; text-decoration : none; font-size:10px; }
a.menu_attivo_bianco:hover, a.menu_attivo_bianco:focus, a.menu_attivo_bianco:active { color: #24BEDF; text-decoration: underline; font-size:10px; }

.cursor_link { cursor:hand; cursor:pointer;}


/* stili form */

input {border:2px solid #fff; padding:3px; background: #E0E0E0;}
	input:hover {border:2px solid #ccc; padding:3px; background: #E0E0E0;}
textarea.input {border:2px solid #B0DFEE; background:#F1F8FA;}
.txtform { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #333333; border:outset 1px #ccc;  background: #FFFCE1; margin-top:2px; text-align:left; display:inline;}




/* stili tabelle */
td.standard0 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: right; color: #000000; }
td.standard1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-align:left; }
td.standard2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; background: #e0e0e0; }

/* tabella login */
table.login { width:270px; border:0; margin:0; margin-left:3px; padding:0; border-collapse:collapse;}
td.login { height:15px; vertical-align:bottom; padding-top:4px; border-bottom:1px solid #666; color:#fff; width:50%;}

/* tabella calendario */
table.calendario_eventi { padding:0; border-collapse:collapse;}
th.calendario_eventi { width:26px; height:21px; background:url(../../img/bottoni/calendario_intestazione.jpg) no-repeat left top; text-align:center; color:#fff; }
td.calendario_eventi_vuoto { width:26px; height:21px; background:url(../../img/bottoni/calendario_vuoto.jpg) no-repeat left top; text-align:center;  color:#000; }
td.calendario_eventi_attivo_blu { width:26px; height:21px; background:url(../../img/bottoni/calendario_attivo_blu.jpg) no-repeat left top; text-align:center;  color:#000; font-weight:bold; }
td.calendario_eventi_attivo_marrone { width:26px; height:21px; background:url(../../img/bottoni/calendario_attivo_marrone.jpg) no-repeat left top; text-align:center;  color:#000; font-weight:bold; }
td.calendario_eventi_attivo_arancione { width:26px; height:21px; background:url(../../img/bottoni/calendario_attivo_arancione.jpg) no-repeat left top; text-align:center; color:#000; font-weight:bold; }
td.calendario_eventi_anteprima_legenda { width:182px; height:30px; padding-top:10px; background:url(../../img/bottoni/calendario_anteprima_legenda.jpg) no-repeat bottom center; text-align:center; color:#fff; }

    form input.input {
		border:2px solid #fff; padding:3px; background: #E0E0E0;
    }

    form input.input:hover {
		border:2px solid #ccc; padding:3px; background: #E0E0E0;    
		}