* {
margin : 0;
padding : 0;
}
body {
background-color : #ffffff;
font-family : Verdana, Helvetica, sans-serif;
background-repeat : no-repeat;
text-align : center;
}
ul {
margin-left : 25px;
}
div {
border : none;
}
img {
border : none;
}
#page-wrap {
background : white;
min-width : 600px;
max-width : 1260px;
margin : 10px auto;
}
#page-wrap #inside {
margin : 10px 10px 0 10px;
padding-top : 0;
padding-bottom : 10px;
}
#main-content {
background-color : #ffffff;
padding-left : 68%;
padding-top : 0;
text-align : left;
}
h1 a {
color : #4f6f6f;
font-weight : bold;
}
h3 {
color : #4f6f6f;
padding-left : 30px;
padding-bottom : 5px;
text-align : left;
font-size : 12px;
font-style : italic;
}
h3:first-letter {
font-size : 20px;
}
h3 a {
color : #4f6f6f;
font-weight : bold;
}
h4 {
color : #4f6f6f;
padding-left : 0;
padding-right : 0;
padding-top : 0;
text-align : left;
font-size : 10px;
}



p {
color : #4f6f6f;
padding-left : 0;
padding-right : 0;
padding-top : 0;
text-align : left;
font-size : 12px;
font-style : italic;
}
p a {
color : #4f6f6f;
font-weight : bold;
}
p1 {
color : #4f6f6f;
padding-top : 40px;
padding-left : 0;
padding-right : 0;
padding-bottom : 1px;
text-align : left;
font-size : 12px;
font-style : italic;
}
#header {
background : #ffffff;
text-align : center;
}
#left-sidebar {
width : 72%;
float : left;
padding-left : 0;
padding-top : 0;
}
#footer {
height : 20px;
background-image : url(footer3.png);
background-repeat : no-repeat;
text-align : center;
padding-top : 30px;
padding-bottom : 0;
padding-left : 10px;
color : white;
position : relative;
margin : auto;
}
#footer p {
padding-top : 3px;
text-align : center;
color : white;
}
#footer h2 {
padding-top : 3px;
text-align : center;
color : white;
font-size : 12px;
font-style : italic;
}
#footer a {
color : #ffffff;
font-weight : bold;
}
#clear {
text-align : center;
padding-left : 10px;
padding-top : 0;
background-color : #fff;
}
#clear a {
color : #4f6f6f;
font-weight : bold;
}
#clear p {
text-align : center;
font-size : 10px;
color : #4f6f6f;
}
.loghi {
padding-top : 20px;
padding-left : 0;
padding-right : 0;
}
#logobox {
max-width : 100%;
position : relative;
float : right;
height : 140px;
width : 815px;
background-repeat : no-repeat;
border : 0 solid #4f6f6f;
padding : 0;
}
#logobox img {
max-width : 100%;
}
.tabella {
position : relative;
float : left;
background-color : #ffffff;
border : 0 solid #4f6f6f;
margin : auto;
}
#offerte {
max-width : 100%;
width : 181px;
height : 120px;
top : 0;
float : left;
position : relative;
}
#mappa {
position : relative;
width : 700px;
height : 400px;
float : right;
padding-top : 20px;
}
.chiamaci {
position : relative;
width : 150px;

float : right;
padding : 0px 0px 0px 20px;
}
.banner {
width : 700px;
position : relative;
margin : auto;
float : right;
padding-bottom : 100px;
max-width : 100%;
}
#banner {
position : relative;
max-width : 100%;
position : relative;
}
#banner img {
max-width : 100%;
}
.testi {
position : relative;
width : 700px;
float : right;
max-width : 100%;
max-height : 100%;
padding-bottom : 50px;
padding-top : 20px;
background-color : #ffffff;
}
.testi p {
max-width : 100%;
max-height : 100%;
}
.testip {
position : relative;
height : 350px;
width : 700px;
float : right;
padding-bottom : 30px;
padding-top : 40px;
background-color : #ffffff;
}
.presentazione {
width : 700px;
height : 390px;
position : relative;
margin : auto;
float : right;
padding-bottom : 100px;
}
.barramenu {
width : 700px;
background-color : #ffffff;
float : right;
max-width : 87%;
}
.barramenu a {
padding : 5px 9.8px 4px 9.7px;
font-size : 11px;
text-decoration : none;
float : left;
color : #fff;
background : #4f6f6f;
text-transform : uppercase;
font-family : Arial, Helvetica, sans-serif;
font-weight : normal !important ;
border-right : 1px solid #fff;
max-width : 100%;
}
.barramenu a.prenota {
padding : 5px 9.8px 4px 9.7px;
font-size : 11px;
text-decoration : none;
float : left;
color : #fff;
background : #ac0000;
text-transform : uppercase;
font-family : Arial, Helvetica, sans-serif;
font-weight : normal !important ;
border-right : 1px solid #fff;
max-width : 100%;
}
.barramenu a.current {
background : #153244;
}
.barramenu a:hover {
background : #153244;
}
.ebarramenu {
width : 700px;
background-color : #ffffff;
float : right;
max-width : 87%;
}
.ebarramenu a {
padding : 5px 19px 4px 20px;
font-size : 11px;
text-decoration : none;
float : left;
color : #fff;
background : #4f6f6f;
text-transform : uppercase;
font-family : Arial, Helvetica, sans-serif;
font-weight : normal !important ;
border-right : 1px solid #fff;
max-width : 100%;
}
.ebarramenu a.current {
background : #153244;
}
.ebarramenu a:hover {
background : #153244;
}
.dbarramenu {
width : 700px;
background-color : #ffffff;
float : right;
max-width : 87%;
}
.dbarramenu a {
padding : 5px 13px 4px 14.3px;
font-size : 11px;
text-decoration : none;
float : left;
color : #fff;
background : #4f6f6f;
text-transform : uppercase;
font-family : Arial, Helvetica, sans-serif;
font-weight : normal !important ;
border-right : 1px solid #fff;
max-width : 100%;
}
.dbarramenu a.current {
background : #153244;
}
.dbarramenu a:hover {
background : #153244;
}
.fbarramenu {
width : 700px;
background-color : #ffffff;
float : right;
max-width : 87%;
}
.fbarramenu a {
padding : 5px 14.5px 4px 14.5px;
font-size : 11px;
text-decoration : none;
float : left;
color : #fff;
background : #4f6f6f;
text-transform : uppercase;
font-family : Arial, Helvetica, sans-serif;
font-weight : normal !important ;
border-right : 1px solid #fff;
max-width : 100%;
}
.fbarramenu a.current {
background : #153244;
}
.fbarramenu a:hover {
background : #153244;
}
.barramenu2 {
width : 700px;
height : 30px;
background-color : #fff;
float : right;
max-width : 87%;
}
.barramenu2 a {
padding : 5px 9.8px 4px 9.7px;
font-size : 11px;
text-decoration : none;
float : left;
color : #4f6f6f;
background : #fff;
text-transform : uppercase;
font-family : Arial, Helvetica, sans-serif;
font-weight : normal !important ;
border-right : 1px solid #fff;
max-width : 100%;
}
.barramenu2 a.current {
background : #4f6f6f;
color : #fff;
}
.barramenu2 a:hover {
background : #4f6f6f;
color : #fff;
}
#boxmenu a {
background : #4f6f6f;
}
#space {
background-color : #ffffff;
height : 50px;
width : 700px;
float : right;
}
#slideshow {
height : 400px;
width : 700px;
max-width : 87%;
position : relative;
margin : auto;
float : right;
background-repeat : no-repeat;
background-color : #ffffff;
padding : 10px 0 0 0;
}
#slideshow embed {
max-width : 100%;
max-height : 100%;
}
.lang {
position : relative;
color : #333;
font-size : 10px;
text-align : center;
width : 250px;
float : right;
}
.lang a {
color : #4f6f6f;
font-weight : bold;
text-decoration : none;
}
.lang a:hover {
color : #153244;
}
.celleform {
width : 700px;
border : 0 solid #4f6f6f;
position : relative;
float : right;
padding-bottom : 50px;
text-align : left;
}
#left-sidebar p {
font-size : 12px;
margin : 0;
padding-left : 30px;
line-height : 18px;
padding-bottom : 10px;
padding-right : 30px;
color : #4f6f6f;
}
#left-sidebar h1 {
font-size : 18px;
margin : 0;
padding-left : 0;
color : #4f6f6f;
font-style : italic;
text-align : left;
}
#left-sidebar h1:first-letter {
font-size : 50px;
}
#left-sidebar table {
margin-left : 30px;
font-size : 11px;
padding-top : 10px;
}
.decorazione {
padding-left : 0;
padding-top : 10px;
padding-bottom : 0;
float : left;
}
.iconebox {
width : 650px;
padding-left : 0;
padding-top : 10px;
padding-bottom : 0;
float : left;
}
.skype {
float : left;
padding-top : 10px;
}
.skype img {
max-width : 100%;
max-height : 100%;
}
.privacy {
padding-left : 20px;
padding-right : 20px;
padding-top : 20px;
padding-bottom : 20px;
float : left;
}
#capodanno {

padding-top : 30px;
padding-left : 100px;
}
.audio audio {
position : center;
padding-top : 30px;
padding-left : 20px;
}
.audio p {
text-align : center;
padding-top : 30px;
padding-left : 20px;
}

.offerte {
height : 50px;
padding-bottom : 30px;
padding-right : 30px;
text-align : left;
}
.stagione {
height : 50px;
padding-top : 40px;
padding-bottom : 15px;
padding-left : 8px;
}
.intro {
max-width : 100%;
width : 700px;
padding-left : 0;
padding-top : 0;
float : right;
}
.carloforte {
position : relative;
font-size : 10px;
text-align : left;
width : 450px;
float : left;
}
b {
color : #4f6f6f;
padding-left : 0;
padding-right : 0;
padding-top : 0;
text-align : left;
font-size : 10px;
}
.icone {
width : 120px;
height : 120px;
padding-left : 0;
padding-top : 0;
padding-bottom : 20px;
}
.traghetti {
padding-top : 10px;
}
.traghetti1 {
border : 1px solid #4f6f6f;
border-collapse : collapse;
width : 600px;
font-size : 80%;
margin : auto;
}
.traghetti1 thead th {
color : #fff;
font-size : 90%;
background : #4f6f6f;
padding : 8px 3px;
}
.traghetti1 tbody th {
color : #fff;
font-size : 80%;
background : #7f9f9f;
padding : 3px;
}
.traghetti1 tbody th.sub {
font-size : 60%;
color : #000;
background : #efefef;
padding : 6px;
}