/*
 *** Info generali sul file:
 *
 * sito web: lapizzaacasa.com - v. it
 * file: css versione it
 * data creazione: 2008.01.29
 * data ultima modifica: 2008.01.30
 * novità apportate: completamento stili
 *
 *** 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]
 */


/*
************************************
 001. STILI DI BASE
************************************
 */
body { width: 100%; margin: 0 auto; font: 11px Verdana, Arial, Helvetica, sans-serif; color:#000; text-align:center; background:#fff;}
div, p, span, td, tr, th, table {font: 11px Verdana, Arial, Helvetica, sans-serif;}
.corpotesto { font: 11px Verdana, Arial, Helvetica, sans-serif; color:#000;}
.corpotesto_error { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #FF3300;}
.dinamic_form_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;}
hr.coco { height: 0px;    margin: 0px;    padding: 0px;    overflow: hidden;    clear: both; display: block; visibility: hidden; }

hr.doppiapasta { width:220px; color: #c2b26d; background-color: #c2b26d; height: 0.5px; border:0; text-align:center; margin-left:0px; margin-top:2px;}

h1 {font-size:14px; font-weight:lighter; text-transform:uppercase; color:#000;}

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

#login_top {width:100%; background:#EB360C;}
#top { width:100%; height:200px; /* dopo possiamo toglierla */ background:url(../../img/public/tpl/top.jpg) repeat-x top left;}
    #header { width:100%; height:31px; background:url(../../img/public/tpl/header.jpg) repeat-x top left;}


#soprattutto { width:775px; height:246px; z-index:10; position:absolute; top:-30px; left:0; }
    #soprattutto_top { width:775px; height:34px; background:url(../../img/public/tpl/soprattutto_top.png) no-repeat top left;}
    #soprattutto_corpo { width:775px; height:162px; background:url(../../img/public/tpl/soprattutto_corpo.png) no-repeat top left;}
    #soprattutto_bottom { width:775px; height:50px; background:url(../../img/public/tpl/soprattutto_bottom.png) no-repeat top left;}
    #soprattutto_bottom_chiuso { width:775px; height:18px; background:url(../../img/public/tpl/soprattutto_bottom_chiuso.png) no-repeat top center;}


#corpo {width:100%; min-height:500px; height:auto !important; height:500px; background:url(../../img/public/tpl/corpo.jpg) repeat-x top left #e7e6a4;}


/* inizio parte centrale del corpo */
#menu_underpages { width:99%; font-size:93%; text-align:left; padding: 0; margin: 0;}
#underpages { width:99%; text-align:left; padding:0; margin: 0;
background: url(../../img/public/tpl/underpages_corpo.jpg) repeat top left; clear:left;
    min-height:250px; height:auto !important; height:250px;}

#underpages div.posiziona_elementi { margin:0 10px;}
#underpages p { margin:0 10px;}
#underpages p.titolotesto { font-size:12px; font-weight:bold;}


#underpages_prima_contenuto {width:100%; height:20px; margin:0; padding:0; background: url(../../img/public/tpl/underpages_top.jpg) repeat-x top left;}
#underpages_bottom { width:99%; text-align:left; padding:0; margin:0;
background: url(../../img/public/tpl/underpages_bottom.png) repeat-x top left; height:57px; clear:left;}

/*
 * menu di destra
 */
div#menu_underpages ul{list-style-type: none; text-align: center; padding: 0px; margin: 0px; }
div#menu_underpages li {float:left; margin: 0 4px 0 0; padding: 0px; vertical-align:middle; }
div#menu_underpages .menu_underpages_attivo li { float: left; margin:0 4px 0 0; padding:0px; color:#333; vertical-align:middle;}

.menu_underpages a, .menu_underpages_attivo a { display:block; text-align:center; width:110px; height:37px; text-transform:uppercase; text-decoration:none; line-height:40px;}
.menu_underpages a:link,
.menu_underpages a:visited { background: url(../../img/public/tpl/menu_underpages_spento.jpg) repeat-x top left; color:#333; text-decoration:none;}
.menu_underpages a:hover,
.menu_underpages a:focus,
.menu_underpages a:active {background: url(../../img/public/tpl/menu_underpages_spento.jpg) repeat-x top left; color:#5B5B24; text-decoration:none;}

.menu_underpages_attivo a:link,
.menu_underpages_attivo a:visited {background: url(../../img/public/tpl/menu_underpages_acceso.jpg) repeat-x top left; color:#5B5B24; text-decoration:none; font-weight:bold;}
.menu_underpages_attivo a:hover,
.menu_underpages_attivo a:focus,
.menu_underpages_attivo a:active {background: url(../../img/public/tpl/menu_underpages_acceso.jpg) repeat-x top left; color:#5B5B24; text-decoration:none; font-weight:bold;}
/* fine parte centrale del corpo */


#bottom {width:100%; height:132px; /* da togliere poi */ background:url(../../img/public/tpl/bottom.jpg) repeat-x top left #e70000;}


    .contenuto {position:relative; text-align:left; width:766px; margin:0 auto;} /* serve per mettere i contenuti in tutti i div #nomediv */

/*  Alert okko - moduli standard
    // inizio  */

div.contenitore_alert { width:100%; overflow:hidden;}
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; }

/*  Alert okko - moduli standard
    // fine */



/*  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:17px;}
        .datanews .giorno {margin-top:8px; 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:13px; 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:#5B5B24;}
    .titolo_news_2 {color:#5B5B24;}
    .titolo_news_3 {color:#5B5B24;} /* sei sicurissimo che il colore prescelto vada benissimo per la news coloratissima */
    .datanews {background: url(../../img/public/tpl/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 */


/*  Sondaggi - moduli standard
    // inizio */

/* determinazioni di posizioni & dimensioni */
.form_sondaggio, .domanda_sondaggio {width:242px;}
.form_sondaggio { height:100%; overflow: hidden; }
.domanda_sondaggio { padding:5px; margin:0; margin-top:-2px;}
#tnx_voto {}
#result_sondaggio {text-align:center;}

/* determinazioni di sfondi e colori */
.form_sondaggio {background:url(../../img/public/tpl/sondaggi/sfondo.png) no-repeat bottom left;}
.domanda_sondaggio {background:#D0BF98;}
.radio_sondaggi {}
button.sondaggi {}

/*  Sondaggi - moduli standard
    // fine */


/*  Invita un amico - moduli standard
    // inizio */

/* determinazioni di posizioni & dimensioni */
#form_invito {}
#tnx_invito_ok {}
#tnx_invito_ko {}

table.tab_invita_amico {}
td.tab_invita_amico {}

input.invia_amico {background:#c2b26d; border: 1px solid #faf8f8;}
button.invia_amico {}
/* determinazioni di sfondi e colori */


/*  Invita un amico - moduli standard
    // fine */


/*
 * 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;}




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

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

/* utilizzato nel dettaglio scheda */
a.link_dettaglio:link,
a.link_dettaglio:visited {color: #4d6577; text-decoration: none; font-size: inherit;}
a.link_dettaglio:hover {color: #666666; text-decoration: underline; font-size: inherit;}

/* utilizzato nel dettaglio scheda */
a.link_login {color: #000000; text-decoration: underline; font-size: inherit;}
a.link_login:hover {color: #666666; text-decoration: underline; font-size: inherit;}

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


/*
************************************
004. TABELLE
************************************
*/

td, tr, th, table {color:#000; text-align:left;}
th.tab_standard {color:#fff; background: #009900; font-weight: bold;}
.tab_standard {}
.tab_standard2 {border-bottom:1px dotted #ccc; }
.tab_standard1 {background:#fff; border-bottom:1px dotted #ccc;}


/*
************************************
005. FORM
************************************
*/

input.testo { width:150px; height:18px; border:0px; margin:0px; padding:0px 5px 0px 6px; background: url(../../img/public/splash/input_testo.png) no-repeat 0px 0px; background-attachment: scroll !important;  background-attachment: fixed; }

input.cap { width:80px; height:18px; border:0px; margin:0px; padding:1px 5px 0px 6px; background: url(../../img/public/tpl/bottone_cap.png) no-repeat 0px 0px; background-attachment: scroll !important;  background-attachment: fixed; }

/* standard moduli */
input.input, textarea.input { background:#c2b26d; border: 1px solid #faf8f8;}
input.input_focus, textarea.input_focus {background:#cfc28d; border: 1px solid #5b5b24;}
select.input { background:#c2b26d; border: 1px solid #faf8f8;}
select.input_focus {background:#cfc28d; border: 1px solid #5b5b24;}
.bottone_submit {}

.vai { width:33px; height:18px; border:0; background:url(../../img/public/tpl/bottone_vai.png) no-repeat bottom left; }

.bottone {background:url(../../img/public/bottoni/sfondo_bottone_2.jpg) repeat-x left top; height:21px; border-right:1px solid #ccc; border-bottom: 1px solid #ccc; font:bold 10px verdana,helvetica,sans-serif; color: #737373; cursor:hand; cursor:pointer;}
.area_testo { border:1px dotted #999; background: #fbfbfc; font:bold 10px verdana,helvetica,sans-serif; color: #737373;}
.select { font: 10px Verdana, Arial, Helvetica, sans-serif; border:1px solid #ccc; color: #000033; height:14px; background:url(../../img/public/it/bottoni/sfondo_form.jpg) repeat-x left top; }
/*options della select*/.options {background: #fbfbfc;}

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



#contenitore_lista_categorie_menu {
    float:left;width:20%;text-align:left;
}

#lista_categorie_menu {
    margin: 15px 0 0 1em;
    border-top:1px solid black;
    border-bottom:1px solid black;
    border-left:1px solid black;
}

#listini_menu {float:left; width:75%; border:1px solid #000; }
    .listini_menu_0 {float:left; width:75%; background-color: #FFF; border:1px solid #000;}
    .listini_menu_1 {float:left; width:75%; background-color: #FFFFA6; border:1px solid #000;}
    .listini_menu_2 {float:left; width:75%; background-color: #FF6600; border:1px solid #000;}
    .listini_menu_3 {float:left; width:75%; background-color: #8C9C7B; border:1px solid #000;}
    .listini_menu_4 {float:left; width:75%; background-color: #9C967B; border:1px solid #000;}
    .listini_menu_5 {float:left; width:75%; background-color: #E8DFB7; border:1px solid #000;}

#listino_bibite {}
    .listino_bibite_0 {background-color: #FFF;}
    .listino_bibite_1 {background-color: #FFFFA6;}
    .listino_bibite_2 {background-color: #FF6600;}
    .listino_bibite_3 {background-color: #8C9C7B;}
    .listino_bibite_4 {background-color: #9C967B;}
    .listino_bibite_5 {background-color: #E8DFB7;}