/*---------------------- STRUTTURA LAYOUT -----------------------------*/ body {margin: 0; padding: 0; background:url(../images/bg_bottom.gif) center 0 repeat-y;} #bg {background:url(../images/bg_top.gif) center 0 no-repeat;} #main {width: 980px; height: margin: auto; text-align:left; padding:0px; background:url(../images/main_top.gif) 0 0 repeat-x; overflow:visible;} #wrapper {width:980px; height:18px;} h1,h2,h3 {text-indent:-20000px;height:50px;margin:0px;} a {color:#2389B1;} p {padding:0 20px 0 20px;margin:10px 0 20px 0;color:#2389B1;font-family:Verdana, Tahoma, Helvetica, sans-serif;font-size:12px;text-align:justify;} ul#nav {width: 980px;list-style: none;font-family:Tahoma, Arial, Helvetica, sans-serif; margin: 0;padding: 0;display:block;background:url(../images/header_top.jpg) 874px 1px no-repeat; padding-bottom:1px;font-size:12px;height:29px;} ul#nav li {float: left;margin: 0 1px 0;padding: 0} ul#nav a {float: left;padding: 0 0 0 5px;background: url(../images/btn_out.jpg) no-repeat top left; text-decoration: none;color:#FFFFFF;font-weight:bold;} ul#nav span {float: left;padding: 7px 10px 5px 5px;background: url(../images/btn_out.jpg) no-repeat top right; cursor: pointer} ul#nav li#active a {background: url(../images/btn_in.jpg) no-repeat top left} ul#nav a:hover {background: url(../images/btn_on.jpg) no-repeat top left} ul#nav li#active span {background: url(../images/btn_in.jpg) no-repeat top right;color:#333333;} ul#nav a:hover span {background: url(../images/btn_on.jpg) no-repeat top right;color:#333333;} #logo {position:absolute;margin-left:780px;margin-top:5px;width:200px;behavior: url(../iepngfix.htc); clear:both;} #header {width: 980px; margin: 0px; height: 243px; font-size: 12px; background:url(../images/header.jpg) 0 0 no-repeat;} #polaroid {width: 980px; margin: 0px; margin-top:0px; height: 589px; font-size: 12px; background:url(../images/foto_bg.jpg) 0 0 no-repeat;} ul#thumbs {list-style-type: none; width:250px; display:block;float:left;margin:0px;padding-left:30px;} ul#thumbs li {margin:0px;float: left; display: inline; border: 5px solid #ffffff; margin-right: 7px; margin-bottom:4px;} ul#thumbs li a {background: none no-repeat 0; text-decoration: none; border-top-style: none; padding: 0; float: left; display: inline;} ul#thumbs li a:hover {background-color: transparent;} ul#thumbs a {display: block; float: left; width: 59px; height: 57px; line-height: 60px; overflow: hidden; position:relative; z-index:1;} ul#thumbs a img {float: left; position: absolute;} ul#thumbs a:hover {overflow: visible; z-index: 2; border: none; top: -25px; left:-25px;} ul#thumbs a:hover img {border: 5px solid #ffffff; background: #fff;} img {border:0px;} #content {background:url(../images/content_bottom.gif) 0 bottom repeat-x #ffffff; padding-top:20px;font-family:Verdana, Tahoma, Helvetica, sans-serif;font-size:12px;} #footer {background:url(../images/footer_bg.gif) 0 0 repeat-x;margin-bottom:0px;clear:both;} #footer_content {height:219px;background:url(../images/footer_bottom.gif) 0 bottom no-repeat;} #footer_bottom {background:#055B87;font-size:10px;font-family:Tahoma, Arial, Helvetica, sans-serif;color:#D9EFED; height:30px; text-align:center;} #footer_bottom ul {list-style:none;margin:0px;padding:0px;} #footer_bottom li {display:inline;padding:0px 5px 10px 5px;margin:0px;} #footer_bottom a {color:#fff;text-decoration:none;font-weight:normal;font-style:italic;} #left_content {width:741px;float:right;margin-top:-20px;} #right_content {width:239px;float:right;margin-top:-20px;} #left_content h1 {width:741px; height:34px;display:block;font-size:24px; background:url(../images/menu_ristorante_titolo.gif) 20px 0 no-repeat #ffffff;color:#ffffff; margin-top:38px;text-indent:-20000px;height:50px;} h1#menu_pizzeria {background:url(../images/menu_pizzeria_titolo.gif) 20px 0 no-repeat #ffffff;height:60px;} #menu_dx_top {background:url(../images/menu_dx_top.gif) 0 0 no-repeat;height:73px;} #menu_dx_inner {background:url(../images/menu_dx_bg.gif) 0 0 repeat-y; margin:auto;margin-top:0px;} #menu_dx_bottom {background:url(../images/menu_dx_bottom.gif) right bottom no-repeat;height:65px;} #content_scrivono_di_noi {background:url(../images/content_bottom.gif) 0 bottom repeat-x #ffffff; padding-top:20px;} /*---------------------- ELEMENTI LAYOUT E FOOTER -----------------------------*/ /* prenota nel footer */ #prenota_subito {height:219px;background:url(../images/faro_footer.jpg) 0 bottom no-repeat;width:300px;float:left;color:White;padding-left:50px;padding-top:10px;font-weight:bold;font-family:Tahoma;} #prenota_subito h2o {background:url(../images/prenota_subito.gif) 0 bottom no-repeat;margin:50px 0px 0px 72px; height:92px;width:239px;display:block;text-indent:-20000px;font-size:9px;} #prenota_subito h2o a {background:url(../images/qui.gif) no-repeat; margin-top: 55px; margin-left:161px;width:34px; display:block;height:25px;cursor:pointer;} #prenota_subito h2o a:hover {background:none;} /* menu del giorno nel footer */ #menu_del_giorno {height:219px;width:350px;float:left;} #menu_del_giorno h2 {background:url(../images/ultime_ricette.gif) 0 bottom no-repeat;margin:7px 0px 0px 88px; height:32px;width:131px;text-indent:-20000px;} /* anteprima foto nel footer */ #thumbs_box {height:219px;float:left;} #thumbs_box h2 {background:url(../images/ultime_foto.gif) 0 bottom no-repeat;margin:7px 0px 0px 39px; height:32px; width:131px;text-indent:-20000px;margin-left:30px;} .tutte_foto {background:url(../images/tutte_foto.gif) 0 0 no-repeat; height:33px;width:140px; display:block; margin-top:141px;margin-left:118px;cursor:pointer; text-indent:-20000px;} /*--------------------------------------STILE PAGINE -------------------------------*/ /* contenuto home */ .breve {font-family:Verdana, Arial, Helvetica, sans-serif;height:211px;padding-top:15px; padding-right:9px;text-align:justify;color:#666666;} .breve a {color:#666666; text-decoration:none;height:151px;} .breve p {color:#666666; font-size:11px;padding:0px;} .breve a:hover {text-indent:-20000px;display:block;margin-left:-2px;margin-right:-2px;} .breve h2 {height:36px;padding-top:0px;padding-bottom:0px;} #ricetta {width:291px; height:211px; background:url(../images/box1_left.jpg) 0 0 no-repeat;margin-left:25px; float:left;} #ricetta .breve {margin-left:9px; background:url(../images/box1_right.jpg) left 0 no-repeat;} #ricetta .breve h2 {background:url(../images/la_ricetta.jpg) left 0 no-repeat;} #ricetta .breve a {background:url(../images/cosa_bolle_in_pentola.gif) 0 -3px no-repeat;display:block;text-indent:-20000px;margin:0px; margin-top:-145px;z-index:2000;margin-left:-2px;margin-right:-2px;visibility:hidden;} #pesce_fresco {width:291px; height:211px; background:url(../images/box2_left.jpg) 0 0 no-repeat;margin-left:25px; float:left;} #pesce_fresco .breve {margin-left:9px; background:url(../images/box2_right.jpg) left 0 no-repeat;} #pesce_fresco .breve h2 {background:url(../images/pesce_fresco.jpg) left 0 no-repeat;} #pesce_fresco .breve a {background:url(../images/da_sapere_sul_pesce.gif) 0 -3px no-repeat;display:block;text-indent:-20000px;margin:0px; margin-top:-158px;z-index:2000;margin-left:-2px;margin-right:-2px;visibility:hidden;} #ambiente {width:291px; height:211px; background:url(../images/box3_left.jpg) 0 0 no-repeat;margin-left:25px; float:left;} #ambiente .breve {margin-left:9px; background:url(../images/box3_right.jpg) left 0 no-repeat;} #ambiente .breve h2 {background:url(../images/ambiente.jpg) left 0 no-repeat;margin-top:-2px;margin-bottom:2px;} #ambiente .breve a {background:url(../images/ristorante_e_non_solo.gif) 0 -3px no-repeat;display:block;text-indent:-20000px;margin:0px; margin-top:-143px;z-index:2000;margin-left:-2px;margin-right:-3px;visibility:hidden;} #ristorante_mucca_faro {margin-top:20px;} #ristorante_mucca_faro h1 {background:url(../images/ristorante_mucca_faro.gif) 60px 0 no-repeat; margin:0 20px 0 20px;} #ristorante_mucca_faro h1 img {margin:-39px 0 0 0px;} #segreto_ristorante {height:280px;margin-top:40px;} #segreto_ristorante h2 {background:url(../images/segreto_ristorante.gif) 20px 0 no-repeat;} #perche_mucca_faro {clear:both;margin-top:30px;} #perche_mucca_faro h2 {background:url(../images/perche_mucca_faro.gif) 20px 0 no-repeat;} /* menu ristorante - pizzeria */ #menu_dx_top h4 {font-weight:bold; font-size:12px;color:#2389B1;margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif;padding:45px 0 0 45px;} #menu_dx_inner h4 {font-weight:bold; font-size:12px;color:#2389B1;margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif;padding:45px 0 0 45px;} #menu_dx_inner ul {margin:0px;padding:0 0 0 50px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#666666;font-style:italic;} #menu_dx_inner li {list-style: url(../images/freccia_menu_dx.gif);margin-left:10px;padding-left:-5px;} #menu_dx_inner li a {color:#2389B1;text-decoration:none;} #menu_dx_inner li a:hover {text-decoration:underline;color:#666666;} #menu_dx_inner ul li ul {margin-left:-40px;} #menu_dx_inner img {margin:30px 0px 0px 30px;} #left_content h2 {margin:0px;} #antipasti h2 {background:url(../images/foto_antipasti.jpg) 30px 0 no-repeat; text-indent:-20000px;height:200px;px;width:741px;margin-top:-10px;} #antipasti_pizzeria h2 {background:url(../images/foto_antipasti_pizzeria.jpg) 30px 0 no-repeat; text-indent:-20000px;height:200px;px;width:741px;margin-top:-10px;} #pizze h2 {background:url(../images/foto_pizze.jpg) 30px 0 no-repeat; text-indent:-20000px;height:200px;px;width:741px;margin-top:-10px;} #primi_piatti h2 {background:url(../images/foto_primi_piatti.jpg) 30px 0 no-repeat; text-indent:-20000px;height:200px;width:741px; margin-top:-10px;} #secondi_piatti h2 {background:url(../images/foto_secondi_piatti.jpg) 30px 0 no-repeat; text-indent:-20000px;height:200px;width:741px; margin-top:-10px;} #contorni h2 {background:url(../images/foto_antipasti.jpg) 30px 0 no-repeat; text-indent:-20000px;height:200px;width:741px; margin-top:-10px;} #dessert h2 {background:url(../images/foto_dessert.jpg) 30px 0 no-repeat; text-indent:-20000px;height:200px;width:741px; margin-top:-10px;} #bevande h2 {background:url(../images/foto_bevande.jpg) 30px 0 no-repeat; text-indent:-20000px;height:200px;px;width:741px;margin-top:-10px;} #contorni h2 {background:url(../images/foto_contorni.jpg) 30px 0 no-repeat; text-indent:-20000px;height:200px;px;width:741px;margin-top:-10px;} .torna_su {text-align:right;padding-right:33px;height:50px;background:url(../images/torna_su.gif) 577px 0px no-repeat;font-size:10px; padding-top:18px;margin-top:-20px;} .torna_su a {color:#333333;text-decoration:none;font-style:italic;} /* Scrivete di noi */ #content_scrivono_di_noi h1 {background:url(../images/alla_muccaeilfaro.jpg) 30px 0 no-repeat; text-indent:-20000px; height:53px;} #content_scrivono_di_noi div.intro {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;width:730px; font-weight:bolder; font-style:italic;color:#2389B1;margin-left:30px; margin-bottom:50px;} div.comment {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;width:730px; color:#666666;margin-left:30px;text-align:justify;margin-bottom:30px;} div.comment_bottom {font-weight:bold;width:730px; text-align:right;color:#2389B1;height:20px;} div.comment_top span.negativo {color:#CC0000;} div.comment_top span.positivo {color:#66CC00;} div.comment_top {font-weight:bold;width:365px; text-align:right;float:right;color:#2389B1;height:20px; border-bottom: 2px dotted #D7EFEF;margin-bottom:2px;} div.autore {float:left;text-align:left;font-weight:bold;color:#2389B1;width:365px;height:15px;padding-top:5px; border-bottom: 2px dotted #D7EFEF;margin-bottom:2px;} #content_scrivono_di_noi h3 {background:url(../images/cosa_ne_pensi.gif) 30px 0 no-repeat; text-indent:-20000px; height:30px;} #prenota_commento { position:absolute; float:right; margin-top:50px; margin-left:770px; width:202px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#2389B1; } .p1 {padding:20px;color:#2389B1;font-family:Verdana, Tahoma, Helvetica, sans-serif;font-size:12px;} h3#intro_prenota {background:url(../images/prenota_intro.jpg) no-repeat; width:860px; height:400px; text-indent:-20000px;margin-left:30px;float:left;} #board {width:422px;float:right;margin-right:20px;} #board_top {background:url(../images/board_top.jpg) center top no-repeat; width:422px;float:right;height:12px;} #board_inner {background:url(../images/board_inner.jpg) center repeat-y; width:422px;height:460px;padding-top:4px; font-family:Arial, Helvetica, sans-serif;font-size:12px;} #board_inner p {margin:0px;padding-left:20px;color:#333333;} #board_inner img {margin-top:5px;} #board_inner div {padding-left:20px;} #board h3 {width:422px; height:45px; background:url(../images/prenotazioni.jpg) 30px 5px no-repeat; text-indent:-20000px;margin:0px;margin-top:-38px;} #board_inner div {margin:8px 8px 8px 8px;overflow:scroll;width:387px;height:450px; overflow-x:hidden;} #board_bottom {background:url(../images/board_bottom.jpg) center bottom no-repeat; width:422px;height:18px;} #left_content p {margin-left:20px;color:#2389B1;font-size:12px;font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif;} /* contatti */ .ristorante_santa_marinella {background:url(../images/ristorante_santa_marinella.gif) 60px 0 no-repeat;margin-bottom:30px;} #indicazioni {height:740px;} #mappa_indirizzo {float:right; width:590px; height:560px;} #indirizzo {text-align:center;color:#2389B1;font-size:13px;} #indirizzo h2 {background:url(../images/nostro_indirizzo.jpg) 187px 0 no-repeat; height:90px;width:590px;display:block;} #dove_siamo {float:left;width:340px;height:560px;text-align:justify;color:#2389B1;padding:0px 15px 0px 10px;margin-left:10px; border-right:dotted 2px #CCCCCC;} #dove_siamo h2 {background:url(../images/come_arrivarci.jpg) 0 0 no-repeat;display:block;} #dove_siamo h3,#la_citta b {text-indent:0px;height:13px;font-size:12px;display:block;background:url(../images/arrow4.gif) 0 2px no-repeat; padding-left:25px;} #dove_siamo p {margin-top:0px;} #la_citta {clear:both;padding:0px 20px 0px 20px;color:#2389B1;} #la_citta h2 {background:url(../images/la_citta.jpg) 0px 10px no-repeat;display:block;height:90px;} /* ristorante-pesce-fresco */ div.icon {width:80px;float:left;margin-left:30px;} #ristorante-pesce-fresco,#riconoscere-pesce-fresco,#scegli-pesce-adatto {margin-top:30px;} #ristorante-pesce-fresco p {margin-top:0px;} .spinare-pesce-img {width:200px;float:left;clear:left;} .spinare-pesce-desc {width:600px;float:right;margin:20px 20px 0px 0px;clear:right;} .passo {clear:both;margin:20px 20px 20px 100px;padding:20px;} #ristorante-pesce-fresco h1 {background:url(../images/ristorante-con-pesce-fresco.jpg) 30px 0 no-repeat; height:60px;display:block;} #riconoscere-pesce-fresco h2 {background:url(../images/riconoscere-pesce-fresco.jpg) 30px 0 no-repeat; display:block;} #scegli-pesce-adatto h2 {background:url(../images/scegli-pesce-adatto.jpg) 30px 0 no-repeat; display:block;} #come-spinare-pesce h2 {background:url(../images/come-spinare-pesce.jpg) 30px 0 no-repeat; display:block;} #scegli-pesce-adatto b {text-indent:10px;font-size:12px;display:block;background:url(../images/arrow.gif) 0 2px no-repeat; padding-left:25px;} /********************************* LOGIN *******************************************/