﻿body 
{
    font-size:11px;
    color:#757575; 
    margin:0 0 20px 0;
    background-color:#ffffff;
    font-family:Arial, Helvetica, sans-serif;
}

span.didascalia 
{
    color:#5A82A7;
	font-size:8pt;
	line-height:11px;
}

span.error
{
    color: Red;
}

/* header */

div.header 
{
    position:relative;
    margin:0;
    padding:0;
    width:950px;
    text-align:left
}

div.logo 
{
    float:left;
    width:98px;
    height:130px;
    margin-top:20px
}

div.menu_header 
{
    position:absolute;
    width:610px;
    text-align:right;    
    font-size:11px;
    color:#757575; 
    right:280px;
    top:100px;
}

div.menu_header ul 
{
    margin:0;
}

div.menu_header ul li 
{
    display:inline;
    list-style-type:none;
    padding:0 7px 0 0;
}

div.lingue 
{
    position:absolute;
    width:270px;
    height:115px;
    left:679px;
    top:0px;
    background-image: url(../pictures/sfuma_top.gif);
    background-repeat: no-repeat;
    background-position:left top
}

div.linea 
{
    margin:3px 0 0 0;
    height:1px;
    background-image: url(../pictures/tratteggio.gif);
    background-repeat: repeat-x;
    background-position: 0 50%;
}

div.linea-box 
{
    width:210px;
    margin:3px 0 3px 0;
    *margin:0 0 3px 0;
    height:1px;
    background-image: url(../pictures/tratteggio.gif);
    background-repeat: repeat-x;
    background-position: 0 50%;
}

div.menu_header a:link,
div.menu_header a:active,
div.menu_header a:visited
{
    color:#757575;
    text-decoration:none
}

/* Body */

div.body 
{
    position:relative;
    text-align:left;
    margin-top:10px;
    width:950px; 
}

div.colonna-dx 
{
    min-height: 480px;
    float:right;
    width:270px;
    background:url(../pictures/sfuma_down.gif) no-repeat;
}

div.box-booking 
{
    padding:15px;
    margin:0 0 0 15px;
    width:206px;
    height:180px;
    background-image: url(../pictures/bg_booking.png);
    background-repeat:no-repeat;
    background-position:left top;
}

div.testo 
{
    font-size:12px;
    line-height:1.5;
    width:950px;
    min-height:200px;
    text-align:left;
    padding-bottom: 20px
}

h1, h2 
{
    width:100%;
    text-transform: uppercase;
    font-family:Trebuchet MS, Helvetica, Arial;
    margin:0 0 5px 0;
    padding:0;
    font-size:20px;
    color: #924848;    
}

h1 
{
    color:#005596;
    width: 100%;
    margin-bottom: 20px;
    background-image: url(../pictures/tratteggio.gif);
    background-repeat:repeat-x;
    background-position:bottom
}

div.testo h2
{
    line-height: 1.2;
    font-size:16px;
    margin: 15px 0 5px 0;
}

h2
{
    font-size:16px;
    color: #924848; 
}

h3 
{
    margin: 0;
    font-size:14px;   
    color: #924848; 
}

div.box-home 
{
    float:left;
    margin-right:15px
}
    
div.mini-box 
{
    font-size:12px;
    margin:0;
    padding:0 0 15px 0;
    width:210px;
    min-height:112px;
    background-image: url(../pictures/bg_minibox.gif);
    background-repeat: repeat-x;
    background-position:top;
}

div.box-home-interna
{
    width:210px;
    padding: 0 15px 15px 15px;
    margin:0 0 0 15px;
}
    
div.mini-box-interna
{
    width:210px;
    height:112px;
    background-image: url(../pictures/bg_minibox.gif);
    background-repeat: repeat-x;
    background-position:top;
}

div.mini-box-interna h2
{
    font-size:12px;
    line-height:1.3
}

div.mini-box-interna h2 a:link,
div.mini-box-interna h2 a:active,
div.mini-box-interna h2 a:visited
{
    color: #924848; 
    text-decoration:none;
}

div.mini-box-interna h2 a:hover
{
    text-decoration:underline;
}

div.box-ricerca-offerte
{
    width:100%;
    margin-bottom:20px;
}

div.newsletter
{
    font-size:12px;
    line-height:1.5;
    margin:5px 0 0 0;
    text-align:left;
}

#show 
{
    width:660px;
    height:310px
}

div.slogan 
{
    position:absolute;
    top:250px;
    filter:alpha(opacity=40);
    -moz-opacity:0.4;
    opacity:0.4;
    z-index:5;
    width:660px;
    height:60px;
    background-color:black;
}

div.box-bird 
{
    text-align:center;
	background-color:#006599; 
	font-size:10px;
	width:150px;
	color:#FFFFFF;
	padding:5px 0px 5px 0px;	
	margin:0px 0px 10px 0px;	
}

div.box-bird a
{
    color:#ffffff; 
    text-decoration:none;
}


div.box-partners 
{
    text-align:center;
	background-color:#006599; 
	font-size:10px;
	width:150px;
	color:#FFFFFF;
	padding:0;
	margin:0;	
}

div.box-partners a
{
    color:#ffffff; 
    text-decoration:none;
}

div.box-rentit
{
    text-align:center;
    background:url(../pictures/bg-rentit.jpg) no-repeat; 
    width: 150px; 
    height:119px;
    padding:0px;
}

.titoletto
{
    position:absolute;
    top:250px;
    margin:10px;
    font-family: Georgia, Times New Roman;
    color: #ffffff;
    font-size:18px;
    font-style:italic;
    z-index:6;
}


/* Link */

a:link,
a:active,
a:visited
{
    color: #80AED9;
}

/* Footer */
div.footer 
{
    position:relative;
    font-size:11px;
    margin-top:3px;
    width:950px;
    height:195px;
    background-image:url(../pictures/bg_footer.gif);
    background-repeat:repeat-y;
    background-position:left top
}

div.footer h1 
{
    margin-bottom:0px;
    text-transform:none;
    font-family: Arial, Helvetica;
    font-size:13px;
    color: #005596;
    background:none;
}

div.footer-sx 
{
    float:left;
    margin:20px
}

div.footer-dx 
{
    position:relative;
    width:480px;
    float:right;
    margin:20px;
}

div.footer a:link,
div.footer a:active,
div.footer a:visited
{
    font-size:12px;
    text-decoration:none;
    color: #4281B1;
}
div.footer a:hover 
{
    text-decoration:underline;
}

div.colonna-footer
{
    float:left;
    width:150px
}

div.footer li 
{
    list-style-type:square;
    margin-bottom:5px;
    color: #4281B1;
}

div.webdesign 
{
    text-align: right;
    margin-top:5px;
    padding:0;
    clear:both;
    color:#999999;
    width:950px;
}

img.bordo 
{
    border: 3px solid #F6EDE5;
    margin-left: 10px;
}

div.btnLeft 
{
    float:left;
    background-image:url(../pictures/button-left.png);
    background-repeat:no-repeat;
    width:4px;
    height:22px;
}

div.btnRight 
{
    float:left;
    background-image:url(../pictures/button-right.png);
    background-repeat:no-repeat;    
    width:4px;
    height:22px;
}

.btnDispo 
{
    width:85px;
    height:22px;
    background-image:url(../pictures/bottone1_03.png);
    background-repeat:no-repeat;
    border:none;
    color:white;
    font-weight:bold;
    font-size:14px;
    padding-bottom:2px;
}

.btnNewsletter 
{
    width:32px;
    height:22px;
    background-image:url(../pictures/bottone1_03.png);
    background-repeat:no-repeat;
    border:none;
    color:white;
    padding-bottom:2px;
    font-weight:bold;
}

.btnPrenota
{
    width:190px;
    height:22px;
    background-image:url(../pictures/bottone1_03.png);
    background-repeat: repeat-x;
    border:none;
    color:white;
    padding-bottom:2px;
    font-weight:bold;
}


#map 
{
    float:right;
    border: 5px solid #cccccc;
    width:450px;
    height:450px
}

#popup_offerta 
{
    z-index:10;
    position:absolute;
    top:350px;
    left:160px;
    display:none;
    width:600px;
    height:480px;
    background-color:white;
    border:10px solid #dfdfdf
}

div.banner_traghetti 
{
    position:relative;
    float:right;
    width:430px;
    margin-bottom:30px;
    border:1px solid #dfdfdf;
    background-image:url(/pictures/bg_traghetti.gif);
    background-repeat:repeat-x
}

table.tariffe 
{
    width:100%;
    font-size:14px;
    margin: 0 0 20px 0
}

table.tariffe th
{
    background-color:#eeeeee;
    color:#924848;
    font-weight:normal;
    text-align:center;
    padding:5px;
}

table.tariffe td 
{
    border-bottom:1px dotted grey;
    text-align:center;
    padding:10px 5px 10px 5px;
}
