@charset "utf-8"; /* CSS Document */ * { margin:0; padding:0 } /** Orfani riscrivibili **/ a img, a:visited img { border:0; } hr { margin:5px 5px 5px 0; color:#edebda; } body { background-color:#afab87; font-family:"Trebuchet MS", Arial; } h3 { font-size:14px; font-weight:bold; } .bordosotto { border-bottom:1px solid #000 } .spacer-div { background:url('../images/layout/back-spacer-div.png') top center repeat-x; height:15px; } .purple { color:#b60c38; } .orange { color:#de6d33; } .green { color:#8ea717; } .blue { color:#b60c38; } .violet { color:#b60c38; } .azure { color:#b60c38; } .red { color: #ff4949; } .gray { color: #aaa; } .magenta { color: #ff4dad; } .salmone { color: #ff795f; } .left { text-align:left; } /** Contenitore **/ #wrap { width:1100px; margin:0 auto; background-color:#fff; min-height:600px; border-bottom:15px solid #edebda } /** Banda Nera in alto **/ #top { width:100%; height:25px; background-color:#363630; } #top-buttons { width:1030px; padding-left:70px; margin:0 auto; } #top-buttons .links { float:right; width:300px; text-align:right; margin-right:50px; } #top-buttons .links a { color:#ccc; height:25px; line-height:25px; font-size:9px; text-decoration:none; margin-left:12px } #top-buttons .links a img { border:0; opacity:.5; margin: 0 5px; margin-bottom: -5px; } #top-buttons .links a:hover { color:#fff } #top-buttons ul { float:left; list-style:none; } #top-buttons ul li { list-style:none; float:left; } #top-buttons ul li a, #top-buttons ul li a:visited { display:block; padding:0px 15px; padding-top:7px; height:18px; font-weight:bold; font-size:11px; letter-spacing:.3px; word-spacing:2px; color:#fff; text-decoration:none; width:auto; } #top-buttons ul li a:hover { background-color:#fff; color:#000; } #top-buttons ul li a.top_active, #top-buttons ul li a.top_active:visited { background-color:#fff; color:#000; } #top-homemap a.menu, #top-homemap a.menu:visited { } #top-homemap a.menu:hover { color:#fff } #top-homemap img { border:0; opacity:.5; margin:0px 5px 0 5px; float:right } /*#top-buttons { width:1030px; padding-left:70px; margin:0 auto; } #top-buttons ul li { float:left; list-style:none; } #top-buttons ul li a.top_active, #top-buttons ul li a.top_active:visited { background-color:#fff; color:#000; } #top-buttons ul li a.top_active:hover { color:#000; text-decoration:none; } #top-languages a, #top-languages a:visited { color:#ccc; text-decoration:none } #top-languages a:hover { color:#fff; } #top-languages { text-align:right; float:right; font-size:10px; color:#666; line-height:24px; } #top-homemap { float:right; padding-left:20px; padding-right:70px; height:25px; } */ /** Spazio Bianco con form **/ #top-white { width:1100px; margin:auto; height:35px; background-color:#fff; text-align:right; padding-top:5px; margin-bottom:-5px;} #top-white input[type=text], #top-white input[type=password] { border:1px solid #ccc; width:80px } #top-white input {font-family: Arial, Helvetica, sans-serif; font-size:11px; padding:1px 3px 1px 3px; } #top-white .webmail_form { float:right; width:350px; margin-right:50px; text-align:right} #google_translate_element { margin-left:60px; width:350px; float:left; } #google_translate_element div { text-align:left; padding:2px; } #google_translate_element .goog-te-combo { margin: 0px; vertical-align: baseline; float:right; } /** Menu in alto **/ #top-menu { width:1000px; margin:0 auto; height:45px; background-color:#edebda; margin-bottom:5px; font-size:14px } #top-menu td { background:url('../images/layout/top-menu-spacer.png') top right no-repeat; } #top-menu td:last-child { background:none; } /* funziona solo con gli ultimi browser ma รจ solo una chicca grafica */ #top-menu a { color:#008690; text-decoration:none; font-weight:bold; display:block; padding:26px 4px 0 4px; margin-right:1px; } #top-menu a:hover {background:url('../images/layout/back-top-menu-down.png') top center repeat-x; background-color:#f2f0e1 } #top-menu a.current { text-decoration:underline } /** Contenuto con due colonne (sx:logo,menu/banner |dx:flash,contenuto) **/ #content { width:1000px; margin:0 auto; background:url('../images/layout/back-content.png') top center repeat-y; } #content #col-sx #content-sx { } #content #col-sx { width:245px; float:left; } #content #col-sx #head-sx { height:240px; width:240px; background-color:#f3f3f3; } #content #col-dx { width:755px; float:left; clear:right; } #content #col-dx #head-dx { height:240px; background-color:#f3f3f3 } #content #col-dx #head-dx #trecol { width:45px; float:left; height:240px; background:url('../images/layout/back-trecol.png') top center no-repeat; } #content #col-dx #head-dx #swf-wrap { width:710px; float:left; height:240px; background:url('../images/layout/back-swf-wrap.png') bottom center no-repeat; } #content #col-dx #content-dx { width:710px; padding-left:45px; } #content #col-dx #content-dx #content-dx-sx { width:505px; float:left } #content #col-dx #content-dx #content-dx-sx #central-banner { width:505px; height:63px; background:url('../images/banner_home/sfondo_banner_home.jpg') top center no-repeat; } #content #col-dx #content-dx #content-dx-sx #central-banner a img { margin:5px; } #content #col-dx #content-dx #content-dx-dx { width:200px; margin-left:5px; float:left; background-color:#f7f6ee } /** Menu sinistra **/ #content-sx .menu-sx-wrap { width:230px; margin-bottom:5px; padding-left:10px; padding-bottom:20px; } #content-sx .menu-sx-wrap ul li { list-style:square; font-size: 12px; margin-left:20px; font-weight:bold } #content-sx .menu-sx-wrap ul li ul li { list-style:circle; margin-left:10px; } #content-sx .menu-sx-wrap a { color:#363636; text-decoration:none; } #content-sx .menu-sx-wrap.strutture { background:url('../images/layout/back-menu-strutture.png') bottom center no-repeat; background-color:#f7f6ee; color:#0d7b9c } #content-sx .ricerca { background:url('../images/layout/back-menu-ricerca.png') bottom center no-repeat; background-color:#f9f3e6; color:#fe9257 } #content-sx .info { background:url('../images/layout/back-menu-info.png') bottom center no-repeat; background-color:#f4f9f2; color:#8ea717} #content-sx .commercio { background:url('../images/layout/back-menu-commercio.png') bottom center no-repeat; background-color:#f4f3f8; color:#5e53b0} #content-sx .svago { background:url('../images/layout/back-menu-svago.png') bottom center no-repeat; background-color:#edfafe; color:#56c3cd} #content-sx a.current { text-decoration:underline } /** Colonna Extra contenuto **/ #content-dx-dx .col-dx-dx-wrap { width:170px; margin:10px; padding:5px; background-color:#fff; text-align:center } #content-dx-dx .hotel-consigliato { color:#0a435e; text-align:center } .hotel-consigliato .banner { height:190px; text-align:center; } #content-dx-dx .hotel-consigliato img { margin:3px 0 4px 0; } #content-dx-dx .hotel-consigliato h5 { font-size:11px; color:#008690; margin-bottom:-3px } #content-dx-dx .hotel-consigliato a, #content-dx-dx .hotel-consigliato a:visited { text-decoration:none; color:#008690; } #content-dx-dx .hotel-consigliato a:hover { text-decoration:underline;} #content-dx-dx .hotel-consigliato hr { color:#c0c0c0; width:90%; margin:3px auto 5px auto;} #content-dx-dx .banner-dx { color:#9142a3; margin:12px 0 12px 0; } #content-dx-dx .vacanze-tema { color:#b2b416; } #content-dx-dx .dove-siamo { color:#2194ec; } #content-dx-dx .elenco-dx { width: 175px; text-align:center; margin:0 auto; } #content-dx-dx .elenco-dx .banner-dx img { margin-bottom:5px } /** FOOTER **/ #footer { width:1100px; margin:5px auto 10px auto; height:150px; background:url('../images/back-footer.png') top repeat-x; } #footer p { font-size:10px; line-height:12px; color:#706b42 } #footer #foot-sx { width:295px; border-right:15px solid #afab87; height:150px; } #footer h3 { color:#969059;border-bottom:1px solid #d8d5bb; padding-left:10px; } #footer .portali { padding:15px 0 0 50px; width:140px; height:135px; float:left; } #footer .portali p, #footer .legals p { padding:5px 0 0 10px; } #footer .keywords { float:left; width:730px; padding-top:15px; margin-left:15px; text-align:justify } #footer .keywords p { padding:5px; } #footer .legals { float:right; width:100px; padding-top:15px; height:135px; padding-right:50px; } #footer a, #footer a:visited { text-decoration:none; color:#706b42; } #footer a:hover { color:#900 } /** RICERCA RAPIDA MENU SX **/ #ricerca-rapida label { line-height:12px; } #ricerca-rapida select { border:1px solid #cccccc; font-size:11px; color:#363630; width:100px; text-align:center; } /** DETTAGLI PARCHI TEMATICI **/ #more-info h3.parchi-tematici a { color:#5bbcbf } #more-info h3.parchi-tematici a:hover {color:#4d9ea1; background-color:#f7f6ee } /** ELENCO AZIENDE **/ #elenco-sx { width: 100%; float:left } #elenco-sx .wrap { font-size:11px; background-color:#f7f6ee; padding:4px 12px 0 0; margin-bottom:3px } #elenco-sx .title { background-color:#fff; padding-right:5px } #elenco-sx .luogo { float:right; } #elenco-sx .title h3 { font-size:11px; font-weight:bolder; text-transform:uppercase } #elenco-sx .title h3 a, #aziende-sx .azienda-title h3 a:visited { color:#b60c38; text-decoration:none;} #elenco-sx .title h3 a:hover { color:#ff795f } #elenco-sx .title h3 img { margin:0 7px 0 3px } #elenco-sx .descr p { padding:3px 0 0px 5px; text-align:justify; line-height:16px; letter-spacing:1px } #elenco-sx .descr p strong { color:#827f6d } #elenco-sx .descr img { border:1px solid #8b8a7f; float:right; margin:8px 5px 8px 8px } #elenco-sx .descr a, #aziende-sx .descr a:visited { text-decoration:none; font-weight:bold; color:#ff795f } #elenco-sx .descr a:hover { color:#990000; } /** Last-minute **/ #lastmin-container { background:#f7f6ee; padding:5px; font-size:12px; } #lastmin-container table.lastmin-wrap { width:100%; border:1px solid #8e8d82; padding:4px 0 4px 0; background:#f7f6ee; margin-top:16px;} #lastmin-container table.lastmin-wrap thead th { background:#fee4e4; text-align:center; font-style:italic } #lastmin-container table.lastmin-wrap thead th h3 { font-size:12px; font-style:italic; color:#bb1c45; padding-left:5px; text-align:left; padding-left:5px } #lastmin-container table.lastmin-wrap thead td { text-align:center; } #lastmin-container table.lastmin-wrap thead td h4 { font-size:12px; text-align:left } #lastmin-container table.lastmin-wrap thead td h4 img.square { margin:0 5px 0 5px; } #lastmin-container table.lastmin-wrap thead td h4 a { text-decoration:none; color:#000; } #lastmin-container table.lastmin-wrap tbody td { background:#fff } #lastmin-container table.lastmin-wrap tbody td img { float:left; margin:8px; } #lastmin-container table.lastmin-wrap tbody td p { padding-top:10px; padding-right:18px; font-size:12px; } #lastmin-container .lastmin-pagination { width:100%; border:1px solid #8e8d82; margin-top:10px; } #lastmin-container .lastmin-pagination ul { float:right; } #lastmin-container .lastmin-pagination ul li { float:left; margin-left:2px; background:#fff; border:1px solid #c55980; list-style:none; color:#7a083e; padding:0 5px 0 5px; color:#7a083e; } #lastmin-container .lastmin-pagination ul li a, #lastmin-container .lastmin-pagination ul li a:visited { display:block; color:#7a083e; text-decoration:none; } #lastmin-container .lastmin-pagination ul li.current-page { color:#fff; background:#c55980 } #lastmin-container .lastmin-pagination ul li.title { border:0; } #lastmin-container .lastmin-dettagli { font-style:italic; text-align:right; padding-right:15px; } #lastmin-container .lastmin-dettagli a { color:#4b493a; text-decoration:none; background:#f7f6ee; padding:0 6px 0 6px; } #lastmin-container table tr td.lastmin-dettagli img {float:right; margin:0; padding:4px 3px 0 3px; background-color:#fff;} /** Lista Strutture **/ #div-lista-strutture { background: #fff top right repeat-y; margin-left:-6px; width:716px; } #div-lista-strutture .struttura { padding-top:0px; border-top:1px solid #e6e4d1; margin-bottom:3px; float:left; width:230px; margin-left:6px; background:#f8f6e6; height:72px; /*#f7f6ee;*/ position:relative; } #div-lista-strutture .struttura h4 { display:block; font-weight:bold; color:#ea4525; background-color:#fff; padding: 2px 5px; text-transform: uppercase; float:left; width:100%; } #div-lista-strutture .struttura h4 a, #div-lista-strutture .struttura h4 a:visited { text-transform: uppercase; color:#ea4525; text-decoration:none; } #div-lista-strutture .struttura .img { position:absolute; top:20px; left:3px; } #div-lista-strutture .struttura .indirizzo { position:absolute; top:20px; left:57px; font-size:11px; } #div-lista-strutture .struttura .info { position:absolute; bottom:0px; left:57px; font-size:11px; } #div-lista-strutture .struttura .aperture { position:absolute; top:34px; left:57px; padding:0; margin:0; font-size:10px; color: #06F; line-height:11px; } #div-lista-strutture .struttura .aperture b { text-transform:uppercase; } #div-lista-strutture .struttura a, #div-lista-strutture .struttura a:visited { font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color: #550c21; text-decoration:none; line-height:13px } #div-lista-strutture .separator { border-bottom:1px solid #000; padding:4px; margin:3px; margin-bottom:7px; clear:both; height:16px; } /*#div-lista-strutture .struttura { padding-top:0px; border-top:1px solid #e6e4d1; margin-bottom:3px; float:left; width:230px; margin-left:6px; background:#f8f6e6; /*#f7f6ee; }*/ /*#div-lista-strutture .struttura h4 { font-size:12px; font-weight:bold; color:#ea4525; background-color:#fff; padding:0 0 0 5px; text-transform: uppercase; } #div-lista-strutture .struttura h4 a, #div-lista-strutture .struttura h4 a:visited { color:#ea4525; text-decoration:none; } #div-lista-strutture .struttura img { margin:5px; float:left; } #div-lista-strutture .struttura p { font-size:11px; margin-bottom:3px } #div-lista-strutture .struttura p.aperture { padding:0; margin:0; font-size:10px; color: #06F } #div-lista-strutture .struttura p.aperture b { text-transform:uppercase; } #div-lista-strutture .struttura a, #div-lista-strutture .struttura a:visited { font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#550c21; text-decoration:none; line-height:13px } #div-lista-strutture .separator { border-bottom:1px solid #000; padding:4px; margin:3px; margin-bottom:7px; clear:both; } /* Links Stelle lista strutture */ #table-caratt { font-size:12px; margin-bottom:5px } #table-caratt a, #table-caratt a:visited { color:#363630; text-decoration:none } #table-caratt a:hover { color:#008690; } #table-caratt h3 {color:#008690;} /* Tabs fondopagina */ #more-info h3 a { color:#ff795f; text-decoration:none; padding:0 8px 0 8px } #more-info h3 a:hover { background-color:#f7f6ee; color:#ff4949 } /** GMap **/ #map { margin:0 auto; } #map form { margin:0; } #map .details-maps { border:5px solid #eeecdb; } #map .titolomappa { color:#008690; font-weight:bold; text-transform: uppercase; font-size:14px; } #map .testomappa { color:#202221; font-size:12px; font-weight:normal; text-transform: none; } #map .more-info strong { color:#202221 } #map .details-maps input { } /** Cartina delle webcams **/ #cartina-tab { background:#f7f6ee; padding:10px; text-align:center } #cartina-tab .cartina-wrap { background:#fff; border:1px solid #b0ac89; width:960px; padding:10px; } #cartina-tab .cartina-wrap h3 { color:#fff; } #cartina-webcam #webcam-cattolicaspiaggianord { left: 235px; top:185px; background: url(../images/webcam-dx.png); } #cartina-webcam #webcam-cattolicafontane { left: 275px; top:210px; background: url(../images/webcam-sx.png); } #cartina-webcam #webcam-cattolicaspiaggiacentro { left: 330px; top:160px; background: url(../images/webcam-dx.png); } #cartina-webcam #webcam-cattolicaspiaggiasud { left: 370px; top:160px; background: url(../images/webcam-sx.png); } #cartina-webcam #webcam-darsena { position: absolute; left: 450px; top:120px; background: url(../images/webcam-dx.png); } #cartina-webcam #webcam-gabiccespiaggianord { left: 560px; top:160px; background: url(../images/webcam-dx.png); } #cartina-webcam #webcam-gabiccespiaggiasud { left: 600px; top:160px; background: url(../images/webcam-sx.png); } #cartina-webcam #webcam-gabiccecostaromantica { left: 850px; top:170px; background: url(../images/webcam-dx.png); } #cartina-webcam a { height:26px; width:40px; background-position:top !important; display:block; position:absolute; } #cartina-webcam a:hover { background-position:bottom !important; } #cartina-webcam a img { height:26px; width:40px; } #cartina-webcam { background:url('../images/cartina.png') top center no-repeat; width:935px; margin:0 auto; height:434px; position:relative; text-align:left } .tool-tip { color: #fff; width: 139px; z-index: 13000; } .tool-title { font-weight: bold; font-size: 11px; margin: 0; color: #9FD4FF; padding: 8px 8px 4px; background: url(bubble.png) top left; } .tool-text { font-size: 11px; padding: 4px 8px 8px; background: url(bubble.png) bottom right; } .custom-tip { color: #ffffff; width: 130px; z-index: 13000; } .custom-title { font-weight: bold; font-size: 11px; margin: 0; color: #3E4F14; padding: 8px 8px 4px; background: #C3DF7D; border-bottom: 1px solid #B5CF74; } .custom-text { font-size: 11px; padding: 4px 8px 8px; background: #CFDFA7; } #cartina-tab .cartina-wrap .c1 { position:absolute; background:none; text-align:center; } #cartina-tab .cartina-wrap div.c2 { position:absolute; width:104px; height:81px; background:url('../images/back-webcam-small.gif') top no-repeat; opacity:0; } #cartina-tab .cartina-wrap div.c2.left { background-position: top left; } #cartina-tab .cartina-wrap div.c2.right { background-position: top right; } #cartina-tab .cartina-wrap div.c1 h3 a, #cartina-tab .cartina-wrap div.c1 h3 a:visited, #cartina-tab .cartina-wrap div.c1 h3 a:hover { text-decoration:none; color:#fff; } /** Banner WebCam Lista SX **/ #banner-col-sx .banner-testuale { width:215px; height:70px; border:1px solid #6f6d62; padding:2px; } #banner-col-sx .banner-testuale th h4 a, #banner-col-sx .banner-testuale th h4 a:visited { font-size:12px; line-height:12px; text-align:left; text-transform: uppercase; color:#ea4525; text-decoration:none;} #banner-col-sx .banner-testuale td .text_container { height:56px; position:relative; } #banner-col-sx .banner-testuale td .text_container h5 a, #banner-col-sx .banner-testuale td .text_container h5 a:visited { font-size:11px; line-height:11px; color: #122e6e; text-transform:uppercase; text-decoration:none; } #banner-col-sx .banner-testuale td .text_container p a,#banner-col-sx .banner-testuale td .text_container p a:visited { font-size:11px; line-height:12px; text-align:left; text-decoration:none; color:#26231a } #banner-col-sx .banner-testuale td a, #cartina-tab .cartina-wrap .banner-testuale td a:visited {font-size:11px; line-height:12px; text-align:left; color:#26231a; text-decoration:none;} #banner-col-sx .banner-testuale td a.link, #cartina-tab .cartina-wrap .banner-testuale td a.link:visited { position:absolute; bottom:-2px; right:-2px; } #banner-col-sx .banner-testuale td a:hover { color:#26231a; text-decoration:none; } /** Banner Cartina bottom **/ #cartina-tab .cartina-wrap .banner-testuale { width:215px; height:70px; border:1px solid #6f6d62; padding:4px; } #cartina-tab .cartina-wrap .banner-testuale th h4 a, #cartina-tab .cartina-wrap .banner-testuale th h4 a:visited { font-size:12px; text-align:left; line-height:11px; text-transform: uppercase; color:#ea4525 } #cartina-tab .cartina-wrap .banner-testuale td .text_container { height:56px; position:relative; } #cartina-tab .cartina-wrap .banner-testuale td .text_container h5 a, #cartina-tab .cartina-wrap .banner-testuale td .text_container h5 a:visited { font-size:11px; line-height:11px; color: #122e6e; text-transform:uppercase; } #cartina-tab .cartina-wrap .banner-testuale td .text_container p a, #cartina-tab .cartina-wrap .banner-testuale td .text_container p a:visited { font-size:11px; line-height:11px; } #cartina-tab .cartina-wrap .banner-testuale td a, #cartina-tab .cartina-wrap .banner-testuale td a:visited { color:#26231a; text-decoration:none; font-size:11px; } #cartina-tab .cartina-wrap .banner-testuale td a.link, #cartina-tab .cartina-wrap .banner-testuale td a.link:visited { position:absolute; bottom:-2px; right:-2px; } #cartina-tab .cartina-wrap .banner-testuale td a:hover { color:#000000 } #cartina-tab .cartina-wrap table a, #cartina-tab .cartina-wrap table a:visited { color:#16558a; text-decoration:none; } #cartina-tab .cartina-wrap table a:hover { color:#3a88ca } /** #webcams-tabs **/ #webcams-tabs .tContent div { height:122px; font-size:11px; position:relative; } #webcams-tabs .tContent div p { padding:5px } #webcams-tabs .tContent div img { margin:8px; float: left; } #webcams-tabs .tContent div a.entra, #webcams-tabs .tContent div a.entra:visited { position:absolute; top:105px; left:425px; text-decoration:none; color:#a9003d; font-weight:bold; } #webcams-tabs .tContent div a.entra:hover { color:#de6d33 } /** #lastminute-tabs **/ #lastminute-tabs .tContent div { height:122px; font-size:11px; position:relative } #lastminute-tabs .tContent div img { margin:8px; float: left; } #lastminute-tabs .tButtons a { color:#00317a; font-size:12px; font-weight:bold } #lastminute-tabs .tContent div a.entra, #lastminute-tabs .tContent div a.entra:visited { position:absolute; top:105px; left:420px; text-decoration:none; color:#a9003d; font-weight:bold; } #lastminute-tabs .tContent div a.entra:hover { color:#de6d33 } #lastminute-tabs #giralast { position:relative; width:298px; height:100px; overflow:hidden; float:left } #lastminute-tabs #giralast .girlaclass a, #lastminute-tabs #giralast .girlaclass a:visited { color:#242424; text-decoration:none; } #lastminute-tabs #giralast .girlaclass a:hover { text-decoration:underline; } #lastminute-tabs .tContent div p { padding:5px } /** #eventi-tabs **/ #eventi-tabs .tContent div { height:122px; font-size:11px; position:relative; } #eventi-tabs .tButtons a { font-size:12px; font-weight:bold } #eventi-tabs .tContent div img { margin:8px; float: left; } #eventi-tabs .tContent div p { padding:5px } #eventi-tabs .tContent div a.entra, #eventi-tabs .tContent div a.entra:visited { position:absolute; top:105px; left:420px; text-decoration:none; color:#a9003d; font-weight:bold; } /** SLIDESHOW IMMAGINI DI TESTA **/ #slideshow { width:710px; height:227px; background:#f3f3f3; overflow:hidden; position:absolute } #slideshow #thumbs { opacity:.8; background:#333; height:85px; width:1440px; top:-85px; position:relative; z-index:100 } #slideshow #thumbs #slider { position:relative; } #slideshow #thumbs #slider div { float:left; border:1px solid #ffd; margin:5px; cursor:pointer; } #slideshow #thumbs .navigazione { width:700px; height:25px; padding-left:5px; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; } #slideshow #thumbs .navigazione a.dx, #slideshow #thumbs .navigazione a:hover.dx, #slideshow #thumbs .navigazione a:visited.dx { color:white; text-decoration:none; margin-top:-7px; display:block; float:right; } #slideshow #thumbs .navigazione a.sx, #slideshow #thumbs .navigazione a:hover.sx, #slideshow #thumbs .navigazione a:visited.sx { color:white; text-decoration:none; margin-top:-7px; display:block; float:left; } #slideshow .image { position:absolute; top:0px; } #slideshow .thumButton { z-index:100; position:relative; top:-85px; height:30px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:10px; background:#333; opacity:.6; text-align:center; cursor:pointer; padding:4px 5px 0 5px; margin-left:630px; width:60px } #slideshow .image { position:absolute; top:0px; } /** Pagine ancora da sistemare **/ /** Webcam **/ #content-sx {} #content-dx div.tabs { width:95%; margin:auto; margin-bottom:8px } #content-dx div.tabs .tButtons { width:100%; } #content-dx div.tabs .tButtons ul { width:100%; border-bottom:1px solid #b0ac88; height:20px;} #content-dx div.tabs .tButtons ul li { float:left; list-style:none; font-size:11px; height:20px; text-align:center; background:url('../images/layout/back-tabs-left.png') top left no-repeat; } #content-dx div.tabs .tButtons ul li a {display:inline-block; padding:3px 9px 0 9px; height:18px; text-decoration:none; background:url('../images/layout/back-tabs-right.png') top right no-repeat; } #content-dx div.tabs .tButtons ul li { background-color:#fff; color:#000;} #content-dx div.tabs .tButtons ul li a, #content-dx div.tabs .tButtons ul li a:visited, #content-dx div.tabs .tButtons ul li a:hover { color:#000; } #content-dx div.tabs .tContent div { padding:3px;} #content-dx div.tabs .tContent div { height:122px; font-size:11px; position:relative; } #content-dx div.tabs .tButtons a { font-size:12px; font-weight:bold } #content-dx div.tabs .tContent div img { margin:8px; float: left; } #content-dx div.tabs .tContent div p { padding:5px } #content-dx div.tabs .tContent div a.entra, #eventi-tabs .tContent div a.entra:visited { position:absolute; top:105px; left:420px; text-decoration:none; color:#a9003d; font-weight:bold; } /** WEBCAMS **/ #webcam-container { background:#f7f6ee; padding:5px; font-size:12px; } #webcam-container .webcam-banner-td { border-bottom:1px solid #afab87; padding:5px 5px 5px 0; } #webcam-container .webcam-label { border:1px solid #afab87; border-bottom:0; background:#fff; text-align:center; } #webcam-container .webcam-label h3 { color: #d64800 } #webcam-container a, #webcam-container a:visited { color: #16558a; text-decoration:none} #webcam-container a:hover { color:#59889f } #webcam-container .webcam-wrap {width:642px; border:1px solid #afab87; border-top:0; padding:12px; background:#fff; font-size:12px; font-weight:bold;} h3.webcam-col-sx-title { color:#ce0000; border-bottom:1px solid #8b8a7f; margin:0 6px 4px 0; text-align:center } #webcam-col-sx { background-color:#f7f6ee; padding:4px; margin-right:6px; } #webcam-col-sx .webcam-col-sx-wrap { border:1px solid #78766b; padding:2px; width:203px; background:#fff; height:69px; margin:5px auto; } #webcam-col-sx .webcam-col-sx-wrap h4 { font-size:11px; color:#ea4525 } #webcam-col-sx .webcam-col-sx-wrap p { font-size:11px; line-height:12px; } #webcam-col-sx .webcam-col-sx-wrap td a { color:#550c21; text-decoration:none; font-size:11px } #webcam-col-sx .webcam-col-sx-wrap td a:hover { color:#ce0000 } /** Dettagli Struttura **/ table.struct-details { width:100%; } table.struct-details b { color:#827f6d; } .struct-details tbody { background-color:#f7f6ee } .struct-details thead tr th { border-bottom:1px solid #8b8a7f; } .struct-details tbody tr td h3 { color: #afab87; background:#edebda; text-transform:uppercase; margin-top:10px; } .struct-details tbody td { font-size:12px; padding:10px; } .struct-details tbody td.picture { } .struct-details tbody td.picture div { float:left; } .struct-details tbody td.picture div img { margin:5px; } .struct-details h4 { color:#827f6d; text-transform:uppercase; } .struct-details h3 img { margin-left:3px; margin-right:7px; } .struct-descr { background:url('../images/back-description-dettagli.png') left top repeat-y; padding-left:8px; margin-top:10px; line-height:15px; } /* descrizione struttura */ .struct-details .struct-servs td { padding:3px; } /* servizi struttura */ .struct-details a, .struct-details a:visited { color:#ff4949; text-decoration:none; } .struct-details .struct-descr a:hover { color:#900 } .struct-details .servizi ul { border:1px solid #edebda; } .struct-details .servizi li { float:left; list-style:none; padding:5px 3px 5px 3px; width:220px; } .struct-details .servizi li img { margin-right:4px; margin-bottom:-8px; } .struct-details .servizi li.titolo { float:right; clear:both; width:671px; height:15px; text-align:center; font-size:10px; text-transform:uppercase; padding:2px 5px 4px 12px; color:#b60c38; font-weight:bold; background:#f3f1e5 } .struct-details .servizi li.titolo img { margin: 0 5px 0 5px; } .struct-details .lm_cont { margin:2px; } .struct-details .lm_cont h3 { padding:0 5px; border-bottom:1px solid #8b8a7f; background-color:#edebda; } .struct-details .lm_cont .lm { padding:9px; color:#460000; } /** RICHIESTA INFO / PRENOTA - dettagli.php **/ #Prenota h4 { background:#edebda } #Prenota label b { color:#e00 } #privacytext { font-size:10px; line-height:13px; text-align:justify; background:#edebda; padding:4px 8px 5px 8px; } #privacytext h4 { border-bottom:1px solid #cac7a8; padding:1px 0 1px 4px; } #privacytext p { padding:2px; } #privacytext a, #privacytext a:visited { color:#827f6d; text-decoration:none; } #privacytext a:hover { color:#d00 } table.prenota { border:1px solid #cac7a8; padding:19px 13px; margin-left:0px; } table.prenota td { height:18px; padding:1px; } table.prenota label { cursor:pointer; } /** Alloggiare **/ #alloggiare h3 { background-color:#fff;} #alloggiare table.alloggiare { font-size:12px; } #alloggiare table.alloggiare th { color:#de6d33; border-bottom:1px solid black; } #alloggiare table.alloggiare td { color:#363630; text-align:center; padding:3px 0; background-color:#f7f6ee; } #alloggiare table.alloggiare td a, #alloggiare table.alloggiare td a:visited { color:#363630; text-decoration:none; display: block; background-color:#fff; margin:3px 0; } #alloggiare table.alloggiare td a img { margin: 2px; } #alloggiare table.alloggiare td a:hover { text-decoration:underline; } /** sezione STORIA **/ .tContent div.storia { border:8px solid #f7f6ee; background-color:#fbfaf5; padding:5px; } .tContent div.storia h3 { border-bottom:1px solid #edebda; margin:-5px; margin-bottom:5px; background:#fff; padding:2px 0 2px 5px;} .tContent div.storia p { font-size:12px; text-align:justify; padding:4px; } .tContent div.storia img { border:1px solid #f7f6ee; padding:8px; background:#fff; margin:8px; } /** Ricerca Strutture **/ #ricerca-strutture { font-size:12px; } #ricerca-strutture select { border:1px solid #cccccc; font-size:11px; color:#363630; width:100px; text-align:center; } #ricerca-strutture input[type=submit] { border:1px solid #cccccc; font-size:11px; color:#363630; padding:3px 15px; } #ricerca-strutture ul { margin:3px; } #ricerca-strutture ul li { list-style:none; float:left; width:240px; padding:3px 5px; } #ricerca-strutture ul li img { margin-bottom:-5px; } #ricerca-strutture thead label { text-indent:50px; background-color:#fff; } #ricerca-strutture thead td { text-align:right; padding-bottom:10px; padding-right:10px;} #ricerca-strutture th { text-align:left; } #ricerca-strutture th h3 { background-color:#fff; padding: 0px 5px; padding-top:3px; text-transform: uppercase; font-size:12px; } #ricerca-strutture table { border:0; } #ricerca-strutture .form-richiesta { } #ricerca-strutture .form-richiesta input { margin:3px; } #ricerca-strutture .form-richiesta input[type=text] { border:1px solid #cccccc; font-size:11px; color:#363630; padding:3px; } #ricerca-strutture .form-richiesta input[type=reset], #ricerca-strutture .form-richiesta input[type=submit] { border:1px solid #cccccc; font-size:11px; color:#363630; padding:3px 15px; margin:0; } #ricerca-strutture .form-richiesta select { border:1px solid #cccccc; font-size:11px; color:#363630; padding:1px; width:auto; text-align:left; margin:3px; } #ricerca-strutture .form-richiesta select.mini-select { width:40px } #ricerca-strutture .form-richiesta textarea { font-size:11px; width:99%; padding:2px; border:1px solid #cccccc;color:#363630;} #ricerca-strutture .riquadro-ricerca { border:1px solid #ccc; margin:7px; padding:3px; } #ricerca-strutture .riquadro-ricerca div { } #ricerca-strutture .riquadro-ricerca .header { padding:3px; text-indent:5px; font-variant: small-caps; background-color:#f9f3e6; font-weight:bold; } #ricerca-strutture .riquadro-ricerca .testo { padding:3px; padding-top:7px; float:left; width:500px; } #ricerca-strutture .riquadro-ricerca .footer { padding:3px; float:right; text-align:center; width:180px; padding-top:15px; } #ricerca-strutture .riepilogo-servizi-ricerca { list-style:none; } #ricerca-strutture .riepilogo-servizi-ricerca li { list-style:none; width:162px; } /** FOTO e VIDEO ---- PHOTOGALLERY **/ #photogallery-wrap { width:690px; background:#f3f3f3; height:480px; padding:10px; position:relative; margin-bottom:10px; display:none } #photogallery-wrap div { position:absolute; top:10px; } #photogallery-wrap #buttons-pg { position:absolute; top:220px; width:690px; z-index:190 } #photogallery-wrap #buttons-pg .dxarrow-pg { z-index:100; float:right; cursor:pointer } #photogallery-wrap #buttons-pg .sxarrow-pg { z-index:100; float:left; cursor:pointer } #photogallery-nav { background:#f9f9f9; width:710px; float:left; } #photogallery-nav .slider-pg { position:absolute; left:0; } .buttcont { float:left; width:50px; padding-top:32px; display:none } .buttcont img { cursor:pointer; opacity:.3; } #gallery-list a { text-decoration:none; color:#222; } #gallery-list a:hover { color:#8ea717; } #gallery-list li { background:#fff; padding-top:20px; } #gallery-list li:hover { background:#f9f9f9; } #gallery-list li img { border:5px solid #f9f9f9 } /** INDEX LABELS - hotel, residence, appartamenti **/ #struct-labels .labelstr a, #struct-labels .labelstr a:visited { text-decoration:none } #struct-labels .appartamenti-label h4 a, #struct-labels .appartamenti-label h4 a:visited { color:#626cb2; } #struct-labels .residence-label h4 a, #struct-labels .residence-label h4 a:visited { color:#b17f5a; } #struct-labels .hotel-label h4 a, #struct-labels .hotel-label h4 a:visited { color:#b25caa; } #struct-labels .appartamenti-label a, #struct-labels .appartamenti-label a:visited { color:#7ed0db; } #struct-labels .residence-label a, #struct-labels .residence-label a:visited { color:#ecb85e; } #struct-labels .hotel-label a, #struct-labels .hotel-label a:visited { color:#eb91b7; } #struct-labels .appartamenti-label a:hover { color:#626cb2; } #struct-labels .residence-label a:hover { color:#b17f5a; } #struct-labels .hotel-label a:hover { color:#b25caa; } /** Informativa sulla privacy del sito **/ #info-privacy { font-size:12px; color:#636363; background-color:#f7f6ee; padding:10px; } #info-privacy p { text-align:justify; } #info-privacy ol > li { list-style:decimal; } #info-privacy ul, #info-privacy li { margin-left:15px; list-style:upper-roman } #info-privacy ul.nolist li { list-style:disc } /** sitemap **/ #sitemap { font-size:12px; color:#636363; background-color:#f7f6ee; } #sitemap .sitemap-tab { float:left; padding:10px; background-color:#fff; margin:10px; margin-right:0; width:145px; } #sitemap .sitemap-tab li { list-style:none; } #sitemap .sitemap-tab li a, #sitemap .sitemap-tab li a:visited { padding-left:13px; width:130px; height:22px; line-height:22px; display:block; text-decoration:none; color:#8b8a7f } #sitemap .sitemap-tab li a:hover { background-color:#f7f6ee; color:#b60c38 } #sitemap .sitemap-tab h4 { color:#b60c38; border-bottom:1px solid #f7f6ee } /* Selettori strutture Lastminute*/ #lastmin-container .selector a, #lastmin-container .selector a:visited { text-transform:uppercase;border:1px solid #8e8d82; font-weight:bold; color: #bb1c45; text-decoration: none; padding:0 12px; background:#fff; line-height:26px; } #lastmin-container .selector a:hover { background-color: #edebda; color: #d64800; } #lastmin-container .selector a.active { border:1px solid #8e8d82; background-color:#bb1c45; color:#fff; } /* #content-dx p {} */ #content-dx li { font-size:12px; } /** INFO e TURISMO **/ #info-turism { width: 100%; float:left; font-size:12px; color:#373737; } #info-turism p { text-align:justify; padding:0 10px 0 4px } #info-turism blockquote { margin-left:11px; } #info-turism h3.sport { color:#1797b2;} #info-turism h3.cibo { color:#fe9900 } /** SETTIMANA CICLOTURISTICA **/ #ciclotur p { font-size:12px; padding:0 10px 0 4px; text-align:justify; color:#373737 } #ciclotur li { margin:5px 0 5px 27px; } #ciclotur img { float:left; margin:5px 10px 0 4px; } #ciclotur > center div img { border:5px solid #ededde } #ciclotur h3 { color:#fe9900 } #mappa { width:700px; height:500px; border:5px solid #f7f6ee; position: relative; } #mappa h4 { font-size:11px; margin-right:10px; line-height:13px; } #mappa a, #mappa a:visited { text-decoration:none; color:#a9003d; } /** ARENA REGINA **/ #arena-reg p { font-size:12px; padding:0 10px 0 4px; text-align:justify; color:#373737 } #arena-reg li { margin:5px 0 5px 27px; } #arena-reg img { float:left; margin:5px 10px 0 4px; } #arena-reg > center div img { border:5px solid #ededde } #arena-reg h3 { color:#fe9900 } #ricerca-strutture .form-richiesta input.error, #ricerca-strutture .form-richiesta select.error { border-color:#900; } #table-caratt .adv_banner { margin:5px; } #table-caratt .adv_banner td { text-align:center; padding:5px 0; } table.adv-ricerca { width:100%;} table.adv-ricerca td { text-align:center; padding:3px 0; height:46px; } .message_sent { border:1px solid #ccc; background:#A2FBA8; padding:5px; margin:10px; text-align:justify; } .message_notsent { border:1px solid #ccc; background: #FFA8A8; padding:5px; margin:10px; text-align:justify; }