/* *** Info generali sul file: * * sito web: verona.net * file: css versione it * data creazione: 20007.10.08 * data ultima modifica: - * novit� apportate: inizio lavori * *** 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; color:#000; text-align:center; background:#fff;} div, p, span, td, tr, th, table {font: 11px Verdana, Arial, Helvetica, sans-serif;} .corpotesto {color:#000;} .corpotesto_error {color: #FF3300;} .dinamic_form_error {color: #FF3300;} .titolotesto {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.grigia { width:100%; color: #999; background-color: #ccc; height: 0.5px; border: 0; text-align:left; margin-left:0px; margin-top:-9px;} hr.grigiafina { width:100%; color: #999; background-color: #ccc; height: 0.5px; border:0; text-align:left; margin-left:0px; margin-top:2px;} hr.bluciocco { width:100%; color: #e9ecf3; background-color: #e9ecf3; height: 0.5px; border:0; text-align:left; margin-left:0px; margin-top:2px;} /* ************************************ 002.DIVS PAGINA ************************************ */ #intestazione { width:100%; height:225px; background: url(../../img/public/tpl/intestazione_agg.jpg) no-repeat top center;} #logo { width:100%; height:75px; padding:0 0 0 10px;} #banner_top { width:810px; height:126px; float:left; display:inline; margin-left:-10px; padding:0;} #banner_top .posiziona { padding-top:13px;} #bandierine { width:140px; height:126px; float:right; display:inline; text-align:right;} #menu_intestazione { width: 100%; height:17px; padding-left:5px;} #evidenza { width:100%; height:29px; background: url(../../img/public/tpl/evidenza_agg.jpg) no-repeat bottom center;} #corpo { width:100%; background:#fff;} #menu_bottom { width:100%; height:25px;} .contenuto { width:960px; position: relative; text-align:left; margin:0 auto; overflow:hidden;} /* serve per mettere i contenuti in tutti i div #nomediv - 780px per 800x600 */ .contenuto_top { padding:5px 0 0 0; color:#fff; text-align:right;} .contenuto_bottom { width:1000px; padding:5px 0 0 0; height:25px; color:#fff; text-align: center; background: url(../../img/public/tpl/menu_bottom.jpg) repeat-x bottom left #020762;} .contenuto_bottom_testo {} .contenuto_sx { width:175px; float:left; display:inline;} /* * DIVS PARTICOLARI HOME */ .partiziona_home { width:360px; float:left; display:inline; text-align:left; padding-right:25px;} .partiziona_home_dx { margin-left:5px;} .partiziona_home_prima_riga { margin-top:30px;} .partiziona_home_sx_banner {width: 500px; float:left; display:inline; margin-right:10px; } .partiziona_home_dx_banner {width: 250px; text-align:right;} .partiziona_home_no_suddivisa { width:780px; float:left; display:inline; text-align:left;} .partiziona_home_no_suddivisa_2 { width:760px; float:left; display:inline; text-align:left;} .partiziona_home, .partiziona_home_dx, .partiziona_home_prima_riga, .partiziona_home_no_suddivisa, .partiziona_home_sx_banner, .partiziona_home_dx_banner, .partiziona_home_no_suddivisa_2 {text-align:justify;} /* floating e margin per le img in home */ img.float_l_margin {float:left; margin-right:10px;} img.float_r_margin {float:right; margin-left:10px;} /* * DIVS STANDARD PAGINE INTERNE */ /* dimensioni standard delle pagine */ .partiziona_pagina, #titolo_contenuto_consigliato, #titolo_ricerca_esercizi, #titolo_contenuto_non_consigliato, #ricerca_esercizi {width:780px;} /* usato anche nel dettaglio - 605px per 800x600 */ /* altre dimensioni dei div sopra */ .spaziatore_standard { margin-top:40px;} .partiziona_pagina { float:left; display:inline; text-align:left; text-align:justify;} #contenuto_consigliato, #contenuto_non_consigliato {padding:4px 10px;} #ricerca_esercizi {border:1px solid #efefef; } /* dimensioni standard dei div titoli */ #titolo_contenuto_consigliato, #titolo_ricerca_esercizi, #titolo_contenuto_non_consigliato { height:25px; } .titolo_contenuto_testo { padding:4px 10px; font-weight:bold; font-size:14px; text-transform:uppercase;} /* gestione colori dei titoli e dei contenuti - compresi i link */ #titolo_contenuto_consigliato, #titolo_ricerca_esercizi { background:url(../../img/public/tpl/menu_sx_intestazione.jpg) repeat-x top left #181d70; color:#ffff00;} #contenuto_consigliato, #ricerca_esercizi { background: #FFFF66; } /* usato anche nel dettaglio */ #titolo_contenuto_non_consigliato, #contenuto_non_consigliato { background: #e9eaf1; } /* usato anche nel dettaglio */ #contenuto_consigliato a:link, #contenuto_non_consigliato a:link, #contenuto_consigliato a:visited, #contenuto_non_consigliato a:visited {color: #000; text-decoration: none; font-weight:bold;} #contenuto_consigliato a:hover, #contenuto_non_consigliato a:hover {color: #666; text-decoration: none;} #contenuto_sfondo_trasparente { background:#fff;} #titolo_oooh {background:url(../../img/public/tpl/titolo_oooh.jpg) repeat-x top left #181d70; color:#000;} /* pagina cartoline */ .scegli_cartolina {text-align:center;width:200px; height:125px; float:left; border:1px solid #ccc; cursor:hand; cursor:pointer; margin:0 10px 8px 0; padding:5px 0;} /* pagina eventi speciali */ .immagini_eventi_speciali {float:left; display:inline; width:190px;} /* * DIVS SCHEDA DETTAGLIO */ .titolo_scheda_dettaglio { padding:4px 10px; font-weight:bold; font-size:15px; text-transform:uppercase;} .riepilogo_scheda_dettaglio {float:right; width:170px; border-left:1px solid #c5d1da; text-align:left; margin-left:4px;} .posizione_riepilogo_scheda_dettaglio {margin-left:6px;} .titolo_riepilogo_scheda_dettaglio {font-size:12px; font-weight:bold;} .immagini_scheda_dettaglio {float:left; display:inline; width:200px;} .ico_servizi {width:30px; height:30px; float:left;} .posizione_descrizione {width:570px; padding:0 10px 0 10px;} /* * DIVS MENU */ /* menu top */ .menu_evidenza { height:25px; width:131px; display:inline; float:left; padding:6px 0 0 0; text-align:center; color:#ccc; font-size:90%; background: url(../../img/public/tpl/menu_evidenza_passivo.jpg) no-repeat top left;} /* quando diventa attivo */ .menu_evidenza_attivo { height:25px; width:131px; display:inline; float:left; padding:6px 0 0 0; text-align:center; font-size:90%; background: url(../../img/public/tpl/menu_evidenza_attivo.jpg) no-repeat top left; font-weight:bold;} .sottomenu_evidenza {width:100%; height:30px; } .sottomenu_evidenza a, .sottomenu_evidenza a:visited {line-height:10px; color:#232323; text-decoration:none; cursor:pointer;} .sottomenu_evidenza a:hover, .sottomenu_evidenza a:focus, .sottomenu_evidenza a:active { line-height:10px; color:#000; text-decoration:none; font-weight: bold;} .sottomenu_evidenza_contenuti {padding:8px 0 0 20px} /* menu di sx - stili di base */ .mfunzioni { margin: 30px 0 0 0; } #mfunzioni_corpo { width:150px;} .menu_mfunzioni, .etichetta_menu, #m_sx, #mlogout, .m_sx_attivo, #m_sx a:visited, #mlogout a:visited, #m_sx a:hover, #m_sx a:focus, #m_sx a:active, #mlogout a:hover, #mlogout a:focus, #mlogout a:active { width: 150px; height:20px; } .menu_mfunzioni { display:block;} #m_sx a, #mlogout a { width: 150px; height:20px; display:block; padding:0px; margin:0px; text-decoration:none; padding-top:3px; line-height:20px; } #m_sx a:visited, #mlogout a:visited, #m_sx a:hover, #m_sx a:focus, #m_sx a:active, #mlogout a:hover, #mlogout a:focus, #mlogout a:active {text-decoration:none;} #m_sx, #mlogout { text-align:left;} /* menu di sx - stili grafici */ .etichetta_menu { background:url(../../img/public/tpl/menu_sx_intestazione.jpg) repeat-x top left; color:#fff104; text-align:center; font-weight:bold; text-transform:uppercase; line-height:20px;} #mfunzioni_corpo {border-bottom:1px solid #ccc;} .m_sx_attivo {background: #FFCC33;} #m_sx a, #mlogout a { background:url(../../img/public/tpl/menu_sx_voci.jpg) repeat-x top left; color:#000;} #m_sx a:hover, #m_sx a:focus, #m_sx a:active, #mlogout a:hover, #mlogout a:focus, #mlogout a:active {background: #f7f7f7; color: #cc0000;} /****** divs per attenzione - eventi okko ******/ .attenzione {width:80%; display:block; text-align:center; height:35px; padding:0; margin:0 auto;} .attenzione_margine {width:8%; background:url(../../img/public/bottoni/corpo_arancio.jpg) repeat-x; display:inline; float:left; border:0; margin:0;} #attenzione_corpo_arancio { width:80%; height:32px; display:inline; background:url(../../img/public/bottoni/corpo_arancio.jpg) repeat-x; float:left; text-align:center; font-weight:bold; padding:10px 0 0 0;} /* * DIVS MODALBOX - STANDARD */ .top_modalbox {width:100%; height:80px; background: url(../../img/public/tpl/mb_top.jpg) repeat-x top left; text-align:left;} .corpo_modalbox {width:100%; background:#fff; overflow:auto;} .titolo_sezione_modalbox {padding:10px 0 15px 10px; color:#000; font-weight:bold; font-size:12px;} /* ************************************ 003. LINKS ************************************ */ a.menu_attivo:link, a.menu_attivo:visited, a.menu_attivo:hover, a.menu_attivo_giallo:link, a.menu_attivo_giallo:visited, a.menu_attivo_giallo:hover, a.menu_attivo_bianco:link, a.menu_attivo_bianco:visited, a.menu_attivo_bianco:hover, a.link_dettaglio:link, a.link_dettaglio:visited, a.link_dettaglio:hover, a.menu_attivo_home:link, a.menu_attivo_home:visited, a.menu_attivo_home:hover {text-decoration: none;} a.menu_attivo:link, a.menu_attivo:visited {color:#000;} a.menu_attivo:hover {color:#666;} a.menu_attivo_giallo:link, a.menu_attivo_giallo:visited {color:#ffff99;} a.menu_attivo_giallo:hover {color:#fff;} /* per tutti i link su sfondo nero */ a.menu_attivo_bianco:link, a.menu_attivo_bianco:visited {color:#fff;} a.menu_attivo_bianco:hover {color:#ccc;} /* per tutti i link home */ a.menu_attivo_home:link, a.menu_attivo_home:visited, a.menu_attivo_home:hover {color:#CC3300; font-weight:bold;} /* utilizzato nel dettaglio scheda */ a.link_dettaglio:link, a.link_dettaglio:visited {color:#4d6577;} a.link_dettaglio:hover {color:#666;} .cursor_link {cursor:hand; cursor:pointer;} /* ************************************ 004. TABLE ************************************ */ 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;} /* dimensioni tabelle importanti */ table.tab_importante, table.tab_non_importante { width:98%; border:0; margin:0; padding:0;} th.tab_importante, th.tab_non_importante {font-weight:bold; border-bottom:1px dotted #4d6577; height:25px;} td.tab_importante1, td.tab_importante2, td.tab_non_importante1, td.tab_non_importante2 { height:20px;} /* colori tabelle importanti */ th.tab_importante, th.tab_non_importante {border-bottom:1px dotted #4d6577;} td.tab_importante1 {} td.tab_importante2 {background: #FFFF99;} td.tab_non_importante1 {} td.tab_non_importante2 {background:#f3f4f8;} /* solo per in_evidenza come seconda variabile - su verona.net // inizio */ td.tab_importante1_0, td.tab_importante1_1, td.tab_importante2_0, td.tab_importante2_1, td.tab_non_importante1_0, td.tab_non_importante1_1, td.tab_non_importante2_0, td.tab_non_importante2_1 { height:20px;} /* gli 0 come seconda variabile non sono importanti quindi li lasciamo li cosi come sono */ td.tab_importante1_0 {} td.tab_importante1_1 {background:url(../../img/public/tpl/consigliato.png) no-repeat top left; padding-left:25px;} td.tab_importante2_0 {background: #FFFF99;} td.tab_importante2_1 { background:url(../../img/public/tpl/consigliato.png) no-repeat top left #FFFF99; padding-left:25px;} td.tab_non_importante1_0 {} td.tab_non_importante1_1 {background:url(../../img/public/tpl/consigliato.png) no-repeat top left; padding-left:25px;} td.tab_non_importante2_0 {background:#f3f4f8;} td.tab_non_importante2_1 {background:url(../../img/public/tpl/consigliato.png) no-repeat top left #f3f4f8; padding-left:25px;} /* solo per in_evidenza come seconda variabile - su verona.net // fine */ /* tabelle dinamic_form - STANDARD */ table.tab_dinamic_form {width:100%; border:0; margin:0; padding:0;} th.tab_dinamic_form {font-weight:bold; border-bottom:1px dotted #4d6577; height:25px;} td.tab_dinamic_form, td.tab_dinamic_form1, td.tab_dinamic_form2 {height:25px; padding:0 0 0 5px;} td.tab_dinamic_form {background:#f5f5f1;} td.tab_dinamic_form1 {} td.tab_dinamic_form2 {background:#efefef;} /* tabelle ticket */ .tab_ticket, .tab_ticket1, .tab_ticket2 {height:25px; background:#ccc; padding:3px;} .tab_ticket1 {font-weight:bold;} /* ************************************ 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 dotted #999; color:#000033; height:15px; font-size:10px; background:#fff;} .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: #fff; font-size:12px; color: #737373;} .select { font-size:10px; border:1px solid #999; color: #000; height:15px; background: #fff; } /*options della select*/.options {background: #fbfbfc;} /*specials for vr.net */ .bottone_cerca { width:90px; height:30px; border:0; background:url(../../img/public/bottoni/bottone_cerca.png) no-repeat left top; cursor:hand; cursor:pointer;} .bottone_invia { width:90px; height:30px; border:0; background:url(../../img/public/bottoni/bottone_invia.jpg) no-repeat left top; cursor:hand; cursor:pointer;} .bottone_invia_grigio { width:90px; height:30px; border:0; background:url(../../img/public/bottoni/bottone_invia_grigio.jpg) no-repeat left top; cursor:hand; cursor:pointer;} .bottone_anteprima { width:125px; height:30px; border:0; background:url(../../img/public/bottoni/bottone_anteprima.jpg) no-repeat left top; cursor:hand; cursor:pointer;} .bottone_modifica { width:125px; height:30px; border:0; background:url(../../img/public/bottoni/bottone_modifica.jpg) no-repeat left top; cursor:hand; cursor:pointer;} .bottone_annulla { width:111px; height:30px; border:0; background:url(../../img/public/bottoni/bottone_annulla.jpg) no-repeat left top; cursor:hand; cursor:pointer;} .bottone_prosegui {width:122px; height:30px; margin-left:65px; border:0; background:url(../../img/public/bottoni/conferma.jpg) no-repeat left top; cursor:hand; cursor:pointer;} .bottone_pagaonline {width:123px; height:30px; border:0; background:url(../../img/public/bottoni/paga_online.jpg) no-repeat left top; cursor:hand; cursor:pointer;} /*compra con paypal */ .paypal {width:100%; background:url(../../img/public/tpl/sfondo_paypal.jpg) repeat-x left top;} #testo_descrizione {margin-top:10px; margin-bottom:10px; padding-left:25px;} #immagine_lock {margin-top: 0px; margin-bottom:10px;} .form_paypal {font-size: 12px; color: #333333;} /* ************************************ 006. STILI PER LISTE ************************************ */ ul { display:inline;} li { display:inline;}