html {
	height: 100%;
	overflow: hidden;
	width:100%;
	margin: 0;
	padding: 0;
}

.nascosto{
    display: none;
}

body {
	height: 100%;
	width:100%;
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-family:"Lucida Sans","Lucida Grande",arial,sans-serif;
	font-size:13px;
	line-height:1.5em;
	color:#145275;
}

.white{
    color: white;
}

#flashcontent {
	width:768px;
        margin: 0 auto;
}
#alternateContent{
    float: left;
        background-color: #53b2db;
}

h1 {
	margin:0;
	padding:0;
}

h2 {
	font-size:18px;
	margin:0 0 0 0;
}

h3 {
	font-weight:bold;
        font-size: 18px;
	padding:0;
	margin:0;
        margin-bottom: 10px;
}
#servizi ul{
    padding: 0 0 0 20px;
}

img {
	border:0 none;
}

a, a:hover, a:visited, 
.linka{
    color: #145275;  /* #cb2d6d; */
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
}
.linka.white{
    color: white;
}
.imgmeteo{
    margin-top: 5px;
    margin-bottom: 5px;
}
.download{    
    background:url("../../image/new/download.png") top left no-repeat;
    padding-left: 25px;
}
.info{    
    background:url("../../image/new/info.png") top left no-repeat;
    padding-left: 25px;
}
.freccia{    
    background:url("../../image/new/freccia.png") top left no-repeat;
    padding-left: 25px;
}
.bandiera{    
    background:url("../../image/new/bandiera.png") top left no-repeat;
    padding-left: 25px;
}
.telefono{    
    background:url("../../image/new/telefono.png") top left no-repeat;
    padding-left: 25px;
}
.sole{    
    background:url("../../image/new/sole.png") top left no-repeat;
    padding-left: 25px;
}
.mail{    
    background:url("../../image/new/mail.png") top left no-repeat;
    padding-left: 25px;
}
.skype{    
    background:url("../../image/new/skype.png") top left no-repeat;
    padding-left: 25px;
}

.stampa{
    background:url("../../image/new/stampa.jpg") top left no-repeat;
    padding-left: 25px;
}

a.plain {
	text-decoration:none;
}

.newssystem p {
	width:430px;
}

.newssystem p.link {
	margin-top:24px;
}

.newssystem a.gray {
	color:#555a55;
}

.newssystem ul, 
.newssystem li {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:15px;
}

.newssystem ul {
	margin:42px 0;
	width:450px;
	border-bottom:1px solid #bbbebb;
}

.newssystem ul a, 
.newssystem ul a:visited, 
.newssystem ul a:hover {
	display:block;
	color:#555a55;
	padding:16px 0 15px 48px;
	width:402px;
	border-top:1px solid #bbbebb;
	background:url("../img/pfeil.gif") top left no-repeat;
	background-position:9px 15px;
	text-decoration:none;
}

.newssystem ul a:hover {
	color:#ff0041;
	background:#f5f8f5 url("../img/pfeil_gray.gif") top left no-repeat;
	background-position:9px 15px;
}

#container{
    width: 708px;
    float: left;
    padding: 30px;
}

.noflash_content{
	margin:0;
	padding:0;
}

.content{
    width: 708px;
    float: left;
    margin-top: 20px;
}
.content.h2{
    margin-top: 0;
}

.table_caratteristiche{
	border:0;
	padding: 0;
        padding-right: 20px;
}

#footer{
    float: left;
    width: 768px;
	padding-top:10px;
        text-align: center;
        font-size: 12px;
        padding-bottom: 10px;
}
#footer a, #footer a:visited, #footer a:link{
    text-decoration: none;
    color: #00535f;
    font-weight: normal;
}

.eventi_agenda{
	width: 708px;
	max-height: 300px;
	overflow: auto;
}

.tabpub_0	{
    padding: 3px;
	background-color:#fefefe;
	border:1px solid #efefef;
}	
.tabpub_1	{
    padding: 3px;
	background-color:#c8e1f2;
	border:1px solid #fefefe;
}

#sitenav{
    float: left;
    padding: 0;
    margin: 0;
}

#sitenav li{
    width: 768px;
    height: 35px;
    list-style: none;
    text-align: center;
    font-size: 20px;
    background-color: #006889;
    margin-top: 10px;
    padding-top: 15px;
    font-weight: bold;
}
#sitenav li.link_home{
    margin-top: 20px;
}
#sitenav li.black{
    background-color: #000000;
}

#sitenav li a {
    color:#ffffff;
    text-decoration: none;
}

/* HEADER */
#header,
#sfondo_header{
    width: 768px;
    height: 416px;
    float: left;
}
#header{    
    float: left;
}

#sfondo_header, #sfondo_header.uno{
    background:url("../../image/new/home1.jpg") top left no-repeat;
}
#sfondo_header.due{
    background:url("../../image/new/home2.jpg") top left no-repeat;
}
#sfondo_header.tre, #sfondo_header.y-care{
    background:url("../../image/new/home3.jpg") top left no-repeat;
}
#sfondo_header.porto{
    background:url("../../image/new/porto.jpg") top left no-repeat;    
}
#sfondo_header.residenze{
    background:url("../../image/new/residenze.jpg") top left no-repeat;    
}
#sfondo_header.contatti{
    background:url("../../image/new/contatti.jpg") top left no-repeat;    
}
#sfondo_header.servizi{
    background:url("../../image/new/servizi.jpg") top left no-repeat;    
}
#sfondo_header.partner{
    background:url("../../image/new/partner.jpg") top left no-repeat;    
}
#sfondo_header.area_stampa{
    background:url("../../image/new/area_stampa.jpg") top left no-repeat;    
}
#sfondo_header.eventi{
    background:url("../../image/new/eventi.jpg") top left no-repeat;    
}
#sfondo_header.info{
    background:url("../../image/new/info_prenotazioni.jpg") top left no-repeat;    
}
#menu_header{
    float: right;
    margin-right: 30px;
    margin-top: 20px;
    width: 225px;
}
#mymarina_header{
    float: left;
    width: 121px;
    height: 39px;
}
#lingua_header{
    float: left;
    width: 94px;
    height: 39px;
    margin-left: 10px;
}
#logo{
    width: 243px;
    height: 114px;
    float: left;
}

/* CONTENUTO */

.plus{
    width: 32px;
    height: 32px;
    float: left;
    cursor: pointer;
    margin-top: -7px;
    margin-right: 10px;
    background:url("../../image/new/plus.jpg") top left no-repeat;
}
.plus.selected{
    background:url("../../image/new/plus_sel.jpg") top left no-repeat;
}

.titolo{
    cursor: pointer;
}
.asterisco{
    color: #cb2d6d;
}

.error{
    color: red;
}


       #slider{
           margin-left: 0;
       }

       #slider ul, #slider li{
               margin:0;
               padding:0;
               list-style:none;
               }
       #slider li{
               /*
                       define width and height of list item (slide)
                       entire slider area will adjust according to the parameters provided here
               */
               width:708px;
               height:350px;
               overflow:hidden;
               text-align: center;
               float: left;
               }

           #prevBtn, #nextBtn{
               float: left;
                   display:block;
                   width:96px;
                   height:69px;
                   position:relative;
                   left:0;
                   top:-220px;
                   }
           #nextBtn{
                   left:519px;
                   }
           #prevBtn a, #nextBtn a{
                   display:block;
                   width:96px;
                   height:69px;
                   background:url(img/prev.gif) no-repeat 0 0;
                   }
           #nextBtn a{
                   background:url(img/next.gif) no-repeat 0 0;
                   }