﻿body {margin:0; padding:0; width:100%; background:#f2f2f2;}
html {padding: 0; margin:0;}

/*block page*/
#body_resize {
    border-left: thin #dcdcdc ridge;
    width: 995px;
    margin: 0 auto;
    padding: 0;
    background: #ffffff;
}
span a {
    background: #454545;
    color: #fff;
    padding: 2px 10px;
    float: right;
    text-decoration: none;
}

/******* header *******/
#header {border-bottom:thin; background:url('../vacanze-barca/header_bg.gif') repeat-x 50% top; 
padding:0; margin: 0 auto;
}

.block_header {margin: 0 auto; width:965px; padding:0; border:none; height:155px;}

.logo {
    float: left;
    padding: 0;
    margin: 40px 0 0 10px;
    width: 480px;
}
.logo img {border:0px;}

.client {
    width: 270px;
    float: right;
    text-align: right;
    padding: 10px 10px 0 0;
    margin: 0;
    font: normal 11px Arial;
    color: #ffffff;
    line-height: 1.8em;
}
.client a {
    text-decoration: none;
    color: #ffffff;
}
.client a:hover {text-decoration:underline;}
.ricerca {float:right; padding:o; margin:18px 8px 0 10px; width:220px;}

.ricerca input {float:left; border:0;}
.ricerca span {float:right; background:url('../vacanze-barca/searchfield.gif') no-repeat left 50%; 
width:182px; height:28px; padding-left:10px;
}
.ricerca input.text {margin:0; background:none; width:182px; height:28px; padding:7px 0 0 5px; color:#a2a2a2; font: normal 12px Arial;}

.header_banner {
    width: 470px;
    float: right;
    margin: 0;
    padding: 15px 0 0 0;
}
.header_banner p {
    font: 12px Verdana;
    color: #404040;
    padding: 0;
    margin: 0;
    line-height: 1.8em;
}
.header_banner a {color:#1790ab; text-decoration:none;}
/*blank space*/
.clr {clear:both; padding:0; margin:0; background:none;}
.bg {clear:both; border-top:1px solid #e2e2e2; padding:0; margin:10px 0; line-height:0;}
.bg2 {clear:both; border-top:1px solid #dcdcdc; padding:0; margin:10px 0; background:none; line-height:0;}
/**********right**********/
#right {
    float: right;
    width: 690px;
    margin: 5px;
    padding: 5px;
    position: relative;
}
.borded {width: 658px; margin:10px auto; padding:0 10px 10px 10px; border:1px solid #f2f2f2; background: #ebebeb url('../vacanze-barca/box.gif') repeat-x 50% top;
}

.borded h2 {
    font: normal 24px Arial;
    color: #404040;
    padding: 10px 0 15px 0;
    margin: 0 0 10px 0;
}
.borded img {
    float: left;
    margin: 15px 15px 0 15px;
    padding: 0;
}
.borded img.right {float:right;}

.borded p {
    font: normal 12px Arial;
    color: #646464;
    padding: 10px 8 px 10px 8px;
    margin: 0;
    line-height: 1.8em;
    text-align: justify;
}
.borded p span {color:#959595;}

.borded ul {margin:0; padding:0; list-style:none;}
.borded ul li {background: url('../vacanze-barca/ul.gif') no-repeat left 50%; 
padding: 0 15px; margin: 0; color: #959595; line-height: 1.6em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 12px;
    font-family: Arial;
}
.borded h1 a{
    font: normal 20px Arial;
    text-transform: capitalize;
    color: #000066;
    text-decoration: none;
}

.borded .sub {width:300px; float:left; padding:5px; margin:0 5px;}
.borded .sub a {color:#19bcd0; padding:0; margin:0; text-decoration:none; background:none; float:none;}
/*slideshow*/
ul.slideshow {
    border: 1px solid #f2f2f2;
    list-style: none;
    width: 658px;
    height: 410px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    padding: 0 10px 10px 10px;
}	
 
ul.slideshow li {
    position: absolute;
}
 
ul.slideshow li.show {
    z-index: 500;
}
 
ul img {
	border:none;	
}
 
 
#slideshow-caption {
	width:450px;
	height:70px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
	background:#000;
	z-index:500;
}
 
#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;		
	z-index:1000;
}
 
#slideshow-caption h3 {
	margin:0;
	padding:0;	
	font-size:14px;
}
 
#slideshow-caption p {
	margin:5px 0 0 0;
	padding:0;
}
/**************left**************/
#left {
    font: 100% Arial, Helvetica, sans-serif;
    width: 224px;
    float: left;
    margin: 0;
    padding: 20px 3px;
}
#left h2 {font:normal 18px Arial; color:#404040; padding:15px 5px; margin:0; border-bottom:1px solid #dcdcdc;}
#left p {font:normal 12px Arial; color:#7a7a7a; padding:10px 5px; margin:0; line-height:1.8em;}
#left p.menu2 {
    font: italic normal normal 14px Arial, Helvetica, sans-serif;
    line-height: 25px;
}
#left p.menu2 a {
    text-decoration:none;
}
#left p.menu2 img {
       float:left;
       border:0;
       margin-right:5px;
}
#left p span {color:#19bcd0;}
/*menu*/
.menu {
    padding: 0;
    margin: 0;
    width: 220px;
    float: left;
    
}
a.news {color:#7a7a7a; text-decoration:none;}
a.news:hover {text-decoration:underline;}
.menu img {
    border: medium #c0c0c0 double;
    margin-left: 20px;
}
.menu ul {display:block; width:220px; padding:0; margin:0 auto; list-style:none; border:0;}
.menu ul li {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    background: url('../vacanze-barca/freccia.gif') no-repeat left 50%;
    float: left;
        margin: 0;
        padding: 1px 1px 5px 0;
    }
.menu ul li a {
    width: 195px;
    height: 20px;
    display: block;
    margin: 0;
    padding: 10px 0 0 25px;
    color: #000066;
    font: normal 16px Arial, Helvetica, sans-serif;
    text-decoration: none;
    background: none;
}
.menu ul li a:hover {color:#fff; background:url('../vacanze-barca/hover.gif') no-repeat 50% top;
}
.menu ul li a.active {color:#fff; background:url('../vacanze-barca/hover.gif') no-repeat 50% top;
}
/*search*/
.search {width: 220px; height: 260px; border: thin #C0C0C0 inset; margin: 30px 0 0 0; background: #444b66; text-align: left;}
.search .searchTitle {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    width: 207px;
        height: 47px;
    background: url('../vacanze-barca/lente2.gif') no-repeat;
        font-size: 1.2em;
        font-weight: bold;
        line-height: 47px;
        color: #fff;
        padding-left: 13px;
        text-align: left;
}
.search .searchTitle img {float:right; position:relative;}
.search select {width: 184px; height: 19px; margin: 6px 0 0 13px; padding: 0; background-color: #e7e7e7; color: #4d4d4d; border: none; clear: both; font-size: 12px;}
.search .styled {position:relative; z-index:5; opacity:0; filter : alpha(opacity=0);}
.search input {
    border: thin #e7e7e7 outset;
    float: right;
    background-color: #454545;
    color: #fff;
    margin-top: 10px;
    margin-right: 20px;
    font-size: 0.8em;
    line-height: 20px;
}
/**newsletter**/
#newsletter{
    font: italic normal normal 12px Arial, Helvetica, sans-serif;
    color: #444b66;
    padding-left: 5px;
}
#newsletter h2{
    font: normal 18px Arial;
    color: #404040;
    padding: 8px 5px;
    margin: 0;
    border-bottom: 1px solid #dcdcdc;
}
form {padding-top:5px;}
form input#submit
{
    border: thin #e7e7e7 outset;
    float: right;
    background-color: #454545;
    color: #fff;
    margin-top: 10px;
    font-size: 15px;
    line-height: 20px;
    width: 60px;
}
form input#email
{
    border: thin #444b66 outset;
    background-color: #ebebeb;
    color: #444b66;      
}

.submit input {border: thin #e7e7e7 outset; float: right; background-color: #000; color: #fff; margin-top: 10px; margin-right: 20px; font-size: 0.8em; line-height: 20px;}
/********** footer **********/
.footer {
    margin: 0;
    padding: 10px 0 0 0;
}
.footer_resize {
    margin: 0 auto;
    padding: 10px 0;
    width: 965px;
    border-top: 1px solid #cecece;
    background-color: #f2f2f2;
    height: 50px;
}
.footer ul { margin:0; padding:20px 10px 10px 10px; list-style:none; float:left;}
.footer img { display:inline; margin:5px 10px; padding:0;}
.footer ul li { margin:0; padding:0 10px; float:left;}
.footer p {
    margin: 0;
    padding: 20px 20px 10px 20px;
    float: right;
    color: #6d6d6d;
    font: normal 10px Arial, Helvetica, sans-serif;
    line-height: 1.8em;
}
.footer a { color:#6d6d6d; font:normal 12px  Arial, Helvetica, sans-serif; text-decoration:none; line-height:1.8em;}
.footer a:hover { text-decoration:underline;}




