body, html {
background: #00ad66;
margin: 0; padding: 0;
text-align: center;
scrollbar-base-color: #000;
scrollbar-face-color: #00ad66;
scrollbar-shadow-color: #000;
scrollbar-arrow-color: #000;
scrollbar-highlight-color:#fff;
scrollbar-dark-shadow-color: #000;
scrollbar-3d-light-color: #ffc;
scrollbar-track-color: #ccc;
}
#testa {
width: 780px;
height: 40px;
border: 0px solid #000;
background-image: url('../img/logo5.gif');
margin: 5px auto;
font: bold 10px verdana, arial, helvetica;
color: #d9f1e3;
text-align: center;
}
.ricerca {
width: 780px;
position: relative;
background: #00ad66;
text-align: left;
border-right: 1px solid #000;
border-left: 1px solid #000;
margin: 0 auto 0 auto;
font: bold 10px Verdana, Arial, helvetica;
color: #fff;
}
#google {
width: 780px;
background: #fff;
margin: 0 auto;
padding: 6px;
text-align: center;
border-right: 1px solid #000;
border-left: 1px solid #000;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
.ricerca a {
font: bold 10px Verdana, Arial, helvetica;
color: #fff;
text-decoration: none;
}
.ricerca a:active {
color: #fff;
text-decoration: none;
}
.ricerca a:visited {
color: #fff;
text-decoration: none;
}
.ricerca a:hover {
color: #ff0;
text-decoration: none;
}
#corpo {
width: 780px;
position: relative;
background: #d9f1e3;
text-align: left;
border-right: 1px solid #000;
border-left: 1px solid #000;
margin: 0 auto 0 auto;
}
#destro {
position: absolute;
top: 0; right: 0;
width: 150px;
text-align: left;
background: #d9f1e3;
border-left: 0px dotted #000;
}
#centro {
margin: 0px 150px 0px 140px;
background: #fff;
text-align: center;
height: 1650px;
}
#sinistro {
position: absolute;
top: 0; left: 0;
width: 140px;
text-align:left;
background: #d9f1e3;
border-left: 0px dotted #000;
}
#pie {
width: 780px;
background: #00ad66;
text-align: center;
border-top: 1px solid #000;
margin: 0 auto 10px auto;
padding: 2px 5px;
font: bold 10px verdana, arial, helvetica;
color: #d9f1e3;
}
#pie a {
color :#d9f1e3;
font: bold 10px verdana, arial, helvetica;
}
#pie a:hover {
color: #fff;
text-decoration: none;
}
#top {
width: 780px;
background: #00ad66;
text-align: center;
border: 0px solid #000;
margin: 5px auto;
padding: 0;
}
#top2 {
background: #d9f1e3;
text-align: center;
border-bottom: 1px solid #000;
margin: 0 auto 10px auto;
padding: 3px;
font: normal 10px verdana, arial;
color: #000;
}
.menu {
padding: 5px;
}
.menu a {
color : #000;
font: normal 10px verdana, arial, helvetica;
}
.menu a:hover {
text-decoration: underline;
font: normal 10px verdana, arial, helvetica;
}
/* box */
/* regione */
#box-regione {
width: 100%;
margin: 10px auto 25px auto;
float: center;
text-align:left;
display: block;
}
#box-regione a:hover{
text-decoration: none;
text-align:left;
}
#testa-regione {
background: #EB4847;
color: #fff;
text-align: center;
font: bold 12px Arial, Verdana, sans-serif;
text-transform: uppercase;
padding: 4px;
}
/* categorie tematiche */
#box-news {
width: 100%;
margin: 25px auto 25px auto;
float: center;
background: #FFC8BC;
border-BOTTOM: 3px solid #E45D27;
text-align:left;
font: bold 12px Verdana Arial, sans-serif;
}
#box-news a:hover{
text-decoration: none;
text-align:left;
}
#testa-news {
background: #E45D27;
color: #FFC8BC;
text-align: center;
text-transform: uppercase;
font: bold 12px Verdana Arial, sans-serif;
}
/* in evidenza */
#box-gazzetta {
width: 100%;
margin: 25px auto 25px auto;
float: center;
background: #C3DAE6;
border-bottom: 3px solid #2489B0;
text-align:left;
font: bold 10px Verdana, Arial;
}
#box-gazzetta a:hover{
text-decoration: none;
text-align:left;
}
#testa-gazzetta {
background: #2489B0;
color: #C3DAE6;
text-align: center;
text-transform: uppercase;
font: bold 12px Verdana Arial, sans-serif;
}
/* classifica */
#box-titolo {
width: 100%;
margin: 25px auto 25px auto;
float: center;
background: #C4D3F6;
border-bottom: 3px solid #2C6ED5;
text-align:left;
font: bold 12px Verdana Arial, sans-serif;
}
#box-titolo a:hover{
text-decoration: none;
text-align:left;
}
#testa-titolo {
background: #2C6ED5;
color: #C4D3F6;
text-align: center;
text-transform: uppercase;
font: bold 12px Verdana Arial, sans-serif;
}
/* colore */
#box-ente {
width:100%;
margin: 25px auto 25px auto;
float: center;
background: #FFECCC;
text-align:left;
color : #000;
}
#box-ente a{
text-decoration: none;
text-align:left;
color : #000;
padding:4px;
font: normal 10px Verdana, Arial;
}
#box-ente a:hover{
text-decoration: underline;
text-align:left;
color : #000;
padding:4px;
}
#testa-ente {
background: #F6AF1A;
color: #FFECCC;
text-align: center;
text-transform: uppercase;
font: bold 12px Verdana Arial, sans-serif;
}
/* sito x */
#box-libro {
width: 100%;
margin: 55px 0 55px 0;
float: center;
background: #D9F1E3;
border-bottom: 3px solid #00AD66;
font: bold 10px Verdana, Arial;
}
#box-libro a:hover{
text-decoration: none;
}
#testa-libro {
background: #00AD66;
color: #D9F1E3;
text-align: center;
text-transform: uppercase;
font: bold 12px Verdana Arial, sans-serif;
}
/*italybeach varie */
#box-clippings {
width: 100%;
margin: 25px auto 25px auto;
float: center;
background: #fff;
border-bottom: 3px solid #4272D7;
text-align:left;
font: normal 10px Verdana, Arial;
color: #000;
}
#box-clippings a:hover{
text-decoration: none;
text-align:left;
}
#testa-clippings {
background: #4272D7;
color: #fff;
text-align: center;
font: bold 12px Arial, sans-serif;
text-transform: uppercase;
padding: 3px;
}
/*FAST SEARCH */
#box-ricerca {
width: 100%;
margin: 25px auto 25px auto;
float: center;
background: #ccc;
border-bottom: 3px solid #000;
text-align:left;
font: normal 10px Verdana, Arial;
color: #000;
}
#box-ricerca a:hover{
text-decoration: none;
text-align:left;
}
#testa-ricerca {
background: #000;
color: #fff;
text-align: left;
font: bold 12px Verdana, Arial, sans-serif;
text-transform: uppercase;
padding: 3px;
margin: 0 auto;
}
/* testo link sinistra */
#iframe {
margin: 0 auto;
overflow: auto;
height: 400px;
/*background: #fff;*/
}
h1 {
padding: 0;
font: normal 10px Verdana, Arial, helvetica;
color: #000;
margin: 0;
line-height: 1.2em;
}
/* testo box */
h3 {
font: normal 10px Verdana, Arial;
color: #000;
margin: 0;
padding-left: 5px;
}
h3 a {
color: #000;
text-decoration: none;
}
h3 a:hover {
color: #000;
text-decoration: underline;
}
h3 a:active {
text-decoration: none;
color: #000;
}
h3 a:visited {
color: #000;
text-decoration: none;
}
h4 {
width: 250px;
float: center;
padding: 3px;
margin: 0px auto 0px auto;
font: bold 13px Verdana, Arial, helvetica;
color: #00ad66;
text-transform: uppercase;
text-align: center;
background: #d9f1e3;
}
h5 {
background: #d9f1e3;
border: 2px solid #00ad66;
width: 400px;
margin: 35px auto 30px auto;
float: center;
padding: 4px;
font: normal 11px Verdana, Arial, helvetica;
color: #000;
text-align: left;
}
h6 {
border-bottom: 0px solid #CDC9C8;
border-left: 0px solid #CDC9C8;
border-right: 0px solid #CDC9C8;
width: 250px;
float: center;
padding: 3px;
margin: 0px auto 45px auto;
font: bold 13px Verdana, Arial, helvetica;
color: #00ad66;
text-transform: capitalize;
text-align: center;
background: #d9f1e3;
}
/* form */
input.text {
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color: #000;
background: #fff;
float: center;
margin: 4px auto;
border: 1px solid #00ad66;
padding: 2px;
}
input.text2 {
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color: #000;
background: #fff;
text-align: left;
margin: 2px;
border: 1px solid #000;
width: 220px;
}
input.pulsante {
font: bold 11px Arial, Helvetica, sans-serif;
color: #000;
background: #fff;
text-align: center;
margin: 5px auto; padding: 2px 8px;
border: 1px solid #000;
}
select.pulsante {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
color: #000;
background: #fff;
text-align:left;
width: 150px;
}
form {
margin: 0 auto; padding: 0; float: center; text-align: center;
}
option.pulsante {
width: 150px;
}
/* formattazione tabella link */
table.form {
background: #000;
margin: 20px auto 35px 15px;
float: center;
text-align: center;
padding: 0px;
width: 400px;
}
th.form {
background: #00ad66;
color:#fff;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
text-transform: capitalize;
padding: 3px; magin: 0;
text-align: left;
width: 250px;
}
td.form {
background: #d9f1e3;
color: #000;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
padding: 3px; margin: 0;
width: 150px;
text-align: left;
}
td.form a {
background: #d9f1e3;
color: #000;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
padding: 3px; margin: 0;
width: 150px;
text-align: left;
}
td.form a:hover {
background: #d9f1e3;
color: #00ad66;
}
#titolo {
width: 400px;
margin: 5px auto 0 auto;
color: #000;
font: bold 14px Arial, Helvetica, sans-serif;
text-align: left;
text-transform: uppercase;
}
/* variante per img alberghi su italybeach
td.antd {
background: #CD84519;
color: #000;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
padding: 0; margin: 0;
width: 150px;
float: center;
text-align: center;
}
td.antd img {
margin: 15px auto 15px auto;
border: 0px solid #000;
}
td.ante {
color: #000;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
padding: 5px 20px 5px 20px; margin: 0;
width: 250px;
background: #fff;
}
/* testo menu */
.menudx {
font: normal 10px verdana, sans-serif;
color: #000;
background: #E4ECFF;
text-decoration: none;
border-bottom: 2px solid #4272D7;
}
.menudx a {
font: normal 10px verdana, sans-serif;
color: #000;
background: #fff;
display: block;
text-decoration: none;
height: 15px;
padding: 5px;
}
.menudx a:hover {
font: normal 10px verdana, sans-serif;
color: #000;
background: #ccc;
}
/* risultati */
table.prezzi {
margin: 0 auto; padding: 0;
width: 440px;
text-align: left;
background: #fff;
}
th.prezzi {
font: bold 14px "Trebuches Times New Roma", verdana, arial;
margin: 0px;
text-align: left;
float: center;
color : red;
padding: 5px;
background: #fff;
border-bottom: 1px solid red;
}
td.prezzi2 {
font: normal 11px verdana, arial;
margin: 0px;
text-align: left;
float: center;
color : #000;
padding: 5px;
background: #fff;
}
td.prezzi1 {
font: normal 11px verdana, arial;
margin: 0px;
text-align: left;
float: center;
color : #000;
padding: 5px;
background: #d9f1e3;
}
/* cittą vicine */
#commento {
background: #d9f1e3;
color: #00ad66;
font: normal 11px arial, verdana;
padding: 2px 8px;
text-align: left;
border-bottom: 2px solid #00ad66;
border-top: 2px solid #00ad66;
width: 300px;
margin: 0 auto;
}
#testa-commento {
background: #00ad66;
color: #fff;
font: bold 14px arial, verdana;
padding: 2px auto 0px auto;
text-transform: uppercase;
width: 300px;
margin: 0 auto;
}
/* offerte */
.menu2 {
background: #ccc;
margin: 0 auto; padding: 0;
text-align: left;
float: center;
}
div.menu2 h2 {
border-bottom: 1px solid #fff;
font: normal 11px arial, verdana;
margin: 0 auto; padding: 3px 5px;
}
div.menu2 h2 a {
color: #000;
text-decoration: none;
}
div.menu2 h2 a:hover {
color: #000;
text-decoration: underline;
}
div.menu2 h2 a:active {
text-decoration: underline;
color: #000;
}
div.menu2 h2 a:visited {
text-decoration: none;
}
div.menu2 h2img {
margin: 3px;
}
/* link */
a {
text-decoration: none;
color: #000;
}
a:hover{
text-decoration: underline;
color: #000;
}
/* box venere */
#box-venere {
width: 470px;
overflow: auto;
margin: 0 auto;
}
/* formattazione tabella anteprima */
table.anteprima {
margin: 0 auto 10px auto;
float: left;
text-align:left;
float: center;
width: 400px;
padding: 0;
background: #fff;
}
th.anteprima {
color: #000;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
padding: 0; margin: 0;
background: #fff;
}
td.anta {
background: #CCCC99;
color: #000;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
padding: 0; margin: 0;
width: 150px;
float: center;
text-align: center;
}
td.anta img {
margin: 15px auto 15px auto;
border: 1px solid #000;
}
td.antb {
color: #000;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
padding: 5px 20px 5px 20px; margin: 0;
width: 250px;
background: #fff;
}
td.antc {
color: #000;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
padding: 5px 20px 5px 20px; margin: 0;
background: #fff;
}
tr.anteprima {
margin: 0; padding: 0;
}
/* scambio di link */
.link {
width: 200px;
background: #fbfbfb;
font: 11px Verdana, Arial, Helvetica, sans-serif;
text-align: left;
margin: 5px 10px;
float: left;
}
.scambio-link {
width: 450px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
text-align: left;
margin: 5px 10px;
float: left;
}
/* banner miei */
#banner {
font: 10px Verdana, Arial, Helvetica, sans-serif;
text-align: left;
padding: 0px;
color: #000;
margin: 0px auto;
width: 140px;
}
banner a {
text-decoration: underline;
}
#banner-title {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
margin: 0 auto;
padding: 4px;
width: 140px;
}
/* vacanze.html */
.titolovacanze {
background: #54B0FF;
border: 1px solid #000;
margin: 0; padding: 5px;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
}
.titolovacanze a {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
}
.titolovacanze a:hover {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
text-decoration: none;
}
.prezzovacanze {
margin: 0; padding: 5px;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: red;
text-align: left;
}
.testovacanze {
margin: 0; padding: 5px;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color: #000;
text-align: left;
}
.testovacanze img {
margin: 2px;
border: 1px solid #000;
}
/* dettagli alberghi */
table.hotel {
width: 450px;
margin: 0; padding: 0;
text-align: center;
float: center;
background: #00ad66;
}
td.foto {
width: 170px;
background: #ccc;
margin: 0; padding: 5px;
color: #000;
}
td.foto2 {
width: 340px;
background: #ccc;
margin: 0; padding: 5px;
color: #000;
}
td.foto2 img {
border: 1px solid #000;
}
td.testo {
width: 170px; height: 100px;
background: #fff;
margin: 0; padding: 0 2px;
color: #000;
text-align: left;
background: #ccc;
}
td.foto img {
border: 1px solid #000;
}
.prezzo {
font: bold 12px georgia, arial, verdana;
color: red;
}
.hotel {
font: normal 11px arial, verdana, sans-serif;
color: #000;
}
.hotel a {
color: #0072bc;
font-weight: bold;
}
/* centro pagina : offerte last minute */
#lastminute {
width: 450px;
border: 1px solid #000;
float: center;
margin: 5px auto;
}
#lastminute h2 {
border-bottom: 1px solid #000;
font: normal 11px verdana, arial;
margin: 0 auto; padding: 7px;
text-align: justify;
}
#lastminute h1 {
color: #fff;
font: bold 14px arial, verdana;
padding: 5px;
background: #239EED;
text-transform: uppercase;
border-bottom: 1px solid #0072bc;
margin: 0 auto;
}
td.last {
background: #fff;
padding: 5px;
color: #000;
text-align: left;
border-bottom: 0px solid #000;
width: 450px;
}
table.last {
background: #ccc;
text-align: left;
font: normal 10px verdana, arial;
}