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

body { width: 100%; margin: 0 auto; font: 9px Verdana, Arial, Helvetica, sans-serif; color:#000; text-align:center; background: url(../../img/public/it/tpl/sfondo_home.jpg) repeat-y top center #FFE7C1;}
.corpotesto { font: 10pt Verdana, Arial, Helvetica, sans-serif; color:#000;}
.corpotesto_error { font: 10pt 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;}
hr.grigia { width:100%; color: #999999; background-color: #cccccc; height: 0.5px; border: 0; text-align:left; margin-left:0px; margin-top:-9px;}
hr.grigiafina { width:100%; color: #999999; background-color: #cccccc; height: 0.5px; border:0; text-align:left; margin-left:0px; margin-top:2px;}
hr.aranciofine { width:100%; color: #fb7228; background-color: #fb7228; height: 0.5px; border:0; text-align:left; margin-left:0px; margin-top:2px;}

a {color:#ff663c;}
a:link, a:visited {text-decoration:none;color:#ff663c;}
a:focus, a:hover, a:active {text-decoration:none; color:#ff663c;}

/*
************************************
Estensione Digipeeks
************************************
*/
h1.pette {font-size: 14px;font-weight:normal;}
h1.petteOk {font-size: 15px;font-weight:bold;color: #ff0000;}

div.pette {font-size: 15px;font-weight:bold;color: #ffFF00;}
h2.pette {color:#000000;}

div.petteAbs {position:absolute;left:500px;top:80px;
}
/*
************************************
002.DIVS PAGINA
************************************
*/

#esterno { position: relative; text-align: left; width:960px; margin:0 auto; padding:0;} /* serve a regolare il dove scrivere // width:760px se vogliamo impostarlo per l'800*600 */

.uno { position: relative; text-align: left; width:960px; margin-top:0px; margin:0 auto; padding:0; top:0px } /* serve a regolare il dove scrivere // width:760px se vogliamo impostarlo per l'800*600 */

.contenuto_testo {padding:0px 20px;} /* per tenere uno standard di spaziatura in ogni caso */

/* per la parte sopra e sotto */
.scuro {width:100%; height:20px; background:#333; color:#fff;}
.scuro p { padding:3px 0 0 0;}


#top { width:100%; margin:0 auto; background:url(../../img/public/it/tpl/top.jpg) repeat-x bottom left #fff; color:#fff; height:120px;  }
	#logo_top { width:140px; display:inline; float:left; margin-top:0px; margin-right: 1px; padding-top:0px;}
	#dx_top { width:50px; display:inline; float:left; margin-top:0; }

	#top_menu {width:100%; height:30px;padding-top:0px}
	.top_menu_voce {padding-top:0px; text-align:left; margin-left:40px}
	.top_menu_voce_attivo {}

	#top_sottomenu {width:100%; height:0px; background:url(../../img/public/it/tpl/sottomenu_top.jpg) repeat-x top left;}
		.sottomenu_evidenza {margin-left:1px;}
		.sottomenu_evidenza_contenuti { padding:6px; }
	.sottomenu_evidenza_contenuti a:link, .sottomenu_evidenza_contenuti a:visited { font:11px Verdana, Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
	.sottomenu_evidenza_contenuti a:hover { font:11px Verdana, Arial, Helvetica, sans-serif; color:#000; text-decoration: underline;}

/* posizionamento dei sottomenu */
#sottomenu_home {}
#sottomenu_tour {margin-left:105px;}
#sottomenu_servizi {margin-left:205px;}
#sottomenu_download {margin-left:240px;}
#sottomenu_gallery {margin-left:325px;}
#sottomenu_promozioni {margin-left:410px;}
#sottomenu_help {margin-left: 260px;/* con promo: 495px; */}
#sottomenu_ricarica {}

	/* OLD quello per il login sulla dx // bisogna aggiungere il buon float e display a .top_menu_voce */
	.top_menu_login {float:right; width:350px; display:inline;padding-top:1px; border-left:1px solid #fff; margin-right:10px; height:36px; }


#corpo { width:100%; min-height:200px;  height:auto !important; height:200px; background:url(../../img/public/it/tpl/sfondo_corpo.jpg) repeat-x top left #fefdf9;}
.corpo_dx { margin-top:1px;width:260px; margin:0; padding:0; display:inline; float:right; height:350px; margin-right:10px;} /* contiene .box_utente_business */
.corpo_sx { margin-top:1px;width:690px; margin:0; padding:0; display:inline; float:right; /*height:300px;*/ }

/* inizio diventa utente business*/
.box_utente_business { margin-top:1px;width:250px;display:inline; float:right; min-height:280px; height:auto !important; height:300px; background:url(../../img/public/it/tpl/sotto_finestrina_utente.jpg) no-repeat bottom left #ffe5be; }

/* inizio pagina gallery - tre modelli di cornici di diverso colore */
.cornice_prima {border:2px solid #ffe5be;}
.cornice_concorrenza {border:2px solid #ffb930;}
.cornice_dopo {border:2px solid #fb702a;}


/* inizio news base standard - moduli standard */
.news_1, .news_2, .news_3 { width:100%; text-align:left; margin-top:5px; }
	.news_1, .news_2, .news_3 p { padding: 2px 3px; color:#000;}
		/* determinazione dei colori */
		.news_1 { /*background:#fff;*/ }
		.news_2 { /*background:#ffeed5;*/ }
		.news_3 { background:#feac5f; } /* molto importante quindi coloratissima */

		a.news_1:link, a.news_2:link, a.news_3:link  {color: #ff663c; font-weight:normal; text-decoration : none; font-size: 10px}
		a.news_1:visited, a.news_2:visited, a.news_3:visited  {color: #ff663c; text-decoration : none; font-size: 10px}
		a.news_1:hover, a.news_2:hover, a.news_3:hover  {color: #fb702a; text-decoration: none; font-size: 11px}

		.titolo_news_1, .titolo_news_2, .titolo_news_3 { color: #ff663c; font-weight:normal;font-size: 10px}
			/* determinazione dei colori */
			.titolo_news_1 {}
			.titolo_news_2 {}
			.titolo_news_3 {} /* sei sicurissimo che il colore prescelto vada benissimo per la news coloratissima */
/* fine news base standard - moduli standard */




/*
 * DIVS MODALBOX
 */
.top_modalbox {height:80px; background: url(../../img/public/it/tpl/sfondo_top.gif) repeat-x top left; width:99%; text-align:left; /*border-bottom:1px solid #7b7f81;*/}
.corpo_modalbox { /*height:550px;*/ width:95%; background:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; overflow:auto;}
.titolo_sezione_modalbox { padding:10px 0 15px 10px; color:#e00000; font-weight:bold; font-size:15px;}

/*
 * div per suddivisione solita
 */
    .corpo_info { float:left; padding: 3px 0; width:300px; }
        .corpo_info_posizione { padding: 2px; text-align:left;}
    .corpo_foto { float:left; width:180px;}
        .corpo_foto_posizione { padding: 2px; text-align: right; }


/* inizio box ricerca standard - moduli standard */
.box_ricerca { width:100%; background:#eee;}
	.box_ricerca_posizione { padding:10px;}
	.box_ricerca_titolo { text-transform:uppercase; height:25px; line-height:2.5; background:#ddd; color:#333; font-weight:bold; font-size:10pt; text-align: center; }
	.box_ricerca_ricerca { /* background:#ddd; */ color:#333; text-align:left;}
/* fine box ricerca standard - moduli standard */



/*
faq - contenitore colore alternato
*/

/* determinazioni di posizioni & dimensioni */
.contenitore_faq_1, .contenitore_faq_2 { width:100%; text-align:left; }
.domanda_faq, .risposta_faq { width:95%; padding-bottom: 0; /* min-height:40px; height:auto !important; height:40px; */}

	/* contenuti */
	.domanda_faq, .risposta_faq p {padding: 3px;}

	/* stili links */
	.domanda_faq a:link, .risposta_faq a:link {color:#000; font-weight:normal; 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:#666; text-decoration:none; font-size:inherit;}

/* determinazione di sfondi e colori */
.contenitore_faq_1 {}
.contenitore_faq_2 {}
.domanda_faq {font-weight:normal; background: url(../../img/public/faq_domanda.jpg) no-repeat top left;}
.risposta_faq {background:#FFE5BE;}

/*
 fine faq - contenitore colore alternato
*/


/* pagine interne */
.contenitore_singolo_brand {float:left; width:24%; height:80px; text-align:center;}


/*
************************************
003. LINKS
************************************
*/

a.menu_attivo:link,
a.menu_attivo:visited {color: #000000; text-decoration : none; font-size: 10px;}
a.menu_attivo:hover {color: #666666; text-decoration: none; font-size: 10px;}

a.menu_attivo_bianco:link,
a.menu_attivo_bianco:visited {color: #fff; text-decoration : none; font-size: inherit;}
a.menu_attivo_bianco:hover {color: #666666; text-decoration: none; font-size: inherit;}

a.menu_attivo_bianco_arancio:link,
a.menu_attivo_bianco_arancio:visited {color: #fff; text-decoration : none; font-size: inherit;}
a.menu_attivo_bianco_arancio:hover {color: #fb702a; text-decoration: none; font-size: inherit;}


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


/*
************************************
004. TABLE
************************************
*/
td, tr, th, table {font: 10pt Verdana, Arial, Helvetica, sans-serif; color: #000;  border-collapse:collapse; text-align:left;}
th.tab_standard { height:25px; padding-left:10px;}
td.tab_standard, td.tab_standard2, td.tab_standard1, td.tab_standard_entrate, td.tab_standard_uscite { height:25px; padding-left:10px;}

/*only for digipette*/
table.table_shop { border-collapse: separate; }
th.tab_shop {color:#000; background: #ddd; font-weight: bold; text-align:center;}
td.tab_shop {color:#000; background:#efefef; text-align:center;}
td.tab_riepilogo_shop { height:50px; color:#000; background: #fff; border-top:1px solid #ddd; text-align:center;}

/* definizione dei colori */
th.tab_standard {color:#000; background: #ddd; font-weight: bold;}
td.tab_standard {color:#000;}
td.tab_standard2 {color:#000;}
td.tab_standard1 {color:#000; background:#efefef; }
td.tab_standard_entrate {background:url(../../img/private/it/tpl/tabella_entrata.jpg) repeat-x top left; color:#000;}
td.tab_standard_uscite {background:url(../../img/private/it/tpl/tabella_uscita.jpg) repeat-x top left; color:#000;}



/*
************************************
005. FORM
************************************
*/
input.text { height: 17px; width: 153px; padding: 0 5px 0 6px; border: 0; margin: 0; background: url(../../img/public/it/bottoni/sfondo_form_3.gif) no-repeat 0px 0px; background-attachment: scroll !important;  background-attachment: fixed; }

.input {border:1px solid #333; font:10px verdana,helvetica,sans-serif; color:#737373; background:#efefef;}
.area_testo { border:1px dotted #999;  font:10px verdana,helvetica,sans-serif; color: #737373; background: #efefef;}
.select { font: 10px Verdana, Arial, Helvetica, sans-serif; border:1px solid #ccc; color: #737373; height:14px;}
/*options della select*/.options {background: #ccc; color:#ff6600; }

/* bottone standard */
a.button_standard { height:17px; background:transparent url('../../img/private/it/bottoni/bottone_standard_dx.png') no-repeat scroll top right;
              color: #fff; display:block; float:left; font:bold 9px verdana, sans-serif;  margin-right:6px; padding-right:10px; /* sliding doors padding */
            text-decoration: none; }
a.button_standard span {background: transparent url('../../img/private/it/bottoni/bottone_standard_sx.png') no-repeat;
                display: block; color:#000; line-height:7px; padding: 4px 0 6px 10px; }
    a.button_standard:active {}
    a.button_standard:active span { color: #000; }


input.entra_login { width:56px; height:20px; border:0; }


/*
************************************
006. STILI PER LISTE
************************************
*/
/*ul { display:inline;}*/
/*li { display:inline;}*/


/*
************************************
006. MISCELLANOUS
************************************
*/
/* .alert_ok { width:80%; min-height:20px; height:auto !important; height:20px; padding:5px 0; border:1px dashed #ccc; font-weight:bold; text-align:center; background:#89de6e;} */
/* .alert_ko { width:80%; min-height:20px; height:auto !important; height:20px; padding:5px 0; border:1px dashed #ccc; color:#edeeeb; font-weight:bold; text-align:center; background:#ff3300;} */

div.alert_ok { height:30px; background:transparent url(../../img/public/tpl/bottoni/alert_ok_dx.png) no-repeat scroll top right; color: #fff; display:block; float:left; margin-right:6px; padding-right:10px; /* sliding doors padding */ text-decoration: none; }
div.alert_ok span {background: transparent url(../../img/public/tpl/bottoni/alert_ok_sx.png) no-repeat;
                display: block; color:#000; line-height:20px; padding: 4px 0 6px 60px; }


div.alert_ko { height:30px; background:transparent url(../../img/public/tpl/bottoni/alert_ko_dx.png) no-repeat scroll top right; color: #fff; display:block; float:left; margin-right:6px; padding-right:10px; /* sliding doors padding */ text-decoration: none; }
div.alert_ko span {background: transparent url(../../img/public/tpl/bottoni/alert_ko_sx.png) no-repeat;
                display: block; color:#000; line-height:20px; padding: 4px 0 6px 60px; }
                
/*
************************************
007. ESTENSIONE DIGIPEEKS:STILE PER IMMAGINI
************************************
*/
                
img.transizione {margin:8px;}