/** 							generale */
html, body, form, fieldset { margin: 0; padding: 0; font: 100%/120% Verdana, Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, li, ol, dl, address, table, td, tr { margin: 0; padding: 0; }
ul { list-style:none; }
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; font-family: inherit; }
table { border-collapse:collapse; }

body { background: #002d64; color:#333333; }
#marina_punta_faro { width:989px; background:white; color:#333333; margin:0 auto; }

a { text-decoration:none; color:#333333; }
a:hover { text-decoration:underline; color:#000000; }
img {border:0; }

h1 { font-size:1em; color:#002d64;}
h2 { font-size:.9em; color:#002d64;}
.hp_top h2 { font-family: Times New Roman , Times, serif; font-size:.75em; color:#5fc6f2;}
h3 { font-size:.9em; color:#002d64;}
h4 { font-size:.7em; }
p, address, ul li, table tr td { font-size:.7em; }
p { line-height:1.1em; }
/** hide*/

#header h1, #header p, .eventi_tit span, .meteo_tit span, .previsioni_tit span, .hide_top { display:none; }
.marina_tit span, .cantiere_tit span, .top_maree h2 span, .top_webcam h2 span, .top_eventi h2 span, .top_brocker h2 span, .top_dintorni h2 span, .top_tariffe h2 span, .top_riferimenti h2 span { position:absolute; left:-10000px; }
/**  */

#header { background:url(../i/header.gif) 0 0 no-repeat; width:989px; height:80px; }
#flashcontent object { z-index:0; }


#menu {padding: 0px; background:#385285; height:15px; }
#menu li a, #menu li span { color:#c5deeb; display:block;}
#menu li a:hover, #menu li .sel { color:#ffffff; font-weight:bold; text-decoration:none; font-size:1em; }
#menu .menu { width: 876px; }
#menu .menu li, #menu .menu, #menu .menu_lingua, #menu .menu_lingua li { float:left; height:14px; line-height:14px; padding-bottom:1px; text-align:center; }
#menu .menu li { width: 74px; background:#385285;}
#menu .menu_lingua li  { background:#385285; color:#c5deeb; }
#menu .menu_lingua li a, #menu .menu_lingua li span { font-size: 0.9em; }
#menu .menu_lingua li a:hover { font-size: 0.9em; }
#menu .menu_lingua .lingua { width:30px; }
#menu .menu .cantiere { width:68px; }
#menu .menu .homep { width: 55px; }
#menu .menu_lingua { width: 109px; border-right: 2px solid #C5DEEB; }

#contenuto { clear:both; background:#c5deeb;}


.hp_top { background:#002d64; width:989px; height:142px; color:#ffffff;}
.hp_top .hp_top_eventi h3 { color:#ffffff; }
.hp_top a { color:#5fc6f2; }
.hp_top a:hover { color:#5fc6f2; }
.hp_top li, .hp_top p { line-height:1.2em; }

.hp_top .bandierablu { float: left; width: 110px; text-align: center; padding-top: 28px; height: 85px; }
.hp_top .bandierablu img { margin:0 5px; }
.hp_top .bandierablu p { text-align:left; margin:10px 0 0 0; }
.hp_top .bandierablu p img { float:left; margin:5px 5px 0 15px; }
.hp_top .hp_top_eventi, .hp_top .hp_top_meteo, .hp_top .hp_top_previsioni { height:auto; float:left; display: block; }

.hp_top .hp_top_eventi { width:225px; padding: 27px 34px 0 34px; }
.hp_top .hp_top_meteo { width:225px; padding: 27px 34px 0 34px; }
.hp_top .hp_top_previsioni { width:225px; padding: 27px 34px 0 34px; }

.hp_top .eventi_tit { height:16px; width:100%; line-height:9px; margin-bottom: 10px; border-bottom: 2px solid #40628b; }
.hp_top .meteo_tit { height: 16px; width: 100%; line-height:9px; margin-bottom: 10px; border-bottom: 2px solid #40628b; }

.hp_top .hp_top_eventi .titolo { margin:4px 0; }
.hp_top .hp_top_eventi li.t { padding-bottom: .5em; color: #5FC6F2; }
.hp_top .hp_top_meteo li { padding-bottom: 1.3em; }

.hp_top .hp_top_previsioni .previsioni { width:100%; border-bottom:2px solid #40628b; height:16px; line-height:9px; }
.hp_top_previsioni img { float:left; margin: 9px 20px 0 0; }
.hp_top_previsioni h2.previsioni_data { position: absolute; padding-left: 70px; /padding-left: 0px; width: 250px; }
.hp_top_previsioni p, .hp_top_previsioni table { float:right;  width:225px; letter-spacing: -0.05em; }
.hp_top_previsioni p { margin: 9px 0 14px 0; }
.hp_top_previsioni table tr td { display:block; line-height:12px; float:left; }

.hp_sx, .hp_dx { float:left; height:381px; background:#c5deeb; }
.hp_dx { width:430px; }
.hp_sx { width:559px; }
.hp_sx img { padding:0; margin:0; border:0; }
.hp_dx p { margin:10px 10px 0 10px; /* height:139px; */ text-align:justify; line-height:1.25em; }
.hp_dx .ind_stradali { margin:0 10px 0 10px !important; padding:0; line-height:1em; text-align:right; }
.hp_dx div { float: left; margin: 0px; padding: 0px; height: 221px; }
.hp_dx #flash_home { padding:0; height:160px; }


#footer { width:989px; height:12px; text-align:center; background:#002d64; color:#ffffff; clear:both;}
#footer address { font-style:normal; }
#footer a {color:#ffffff;}

.marina p { padding:20px 32px; text-align:justify; clear:both; line-height:1.4em; }
.top_marina, .top_tariffe {  background:#002d64; color:#ffffff; height:142px; }
.pianta_marina { float:left; }
.icone { text-align:center; width:430px; background:#002d64 url(../i/sfondo_ico.gif) no-repeat 0 0; padding:3px; padding-bottom:0; margin:20px; }

.c_cartine { width:613px; height:390px;  padding:20px 10px 10px 20px; float:left; position:relative; }
.c_cartine .porzioni { position:absolute; top:20px; left:20px; visibility:hidden; }




#contenuto .servizi_agg ul { padding:5px 30px 5px 5px;  }
#contenuto .servizi_agg ul li {  line-height:2em; padding-left:15px; background:url(../i/freccia.gif ) 0 5px no-repeat; }
.servizi_agg { padding: 20px; margin-top:10px; float:left; width:300px; }
.servizi_agg h3, .tariffe .tab_sx h2 { color:#002d64; }
.servizi_agg p#text { padding: 5px 0px 15px 0px; }
.servizi_agg p#text2 { padding: 5px 0px 15px 0px; }
.servizi_agg p.info { padding: 20px 0px 15px 0px; font-size:.6em; }
.servizi_agg a { margin: 3px 15px; display:inline; float: left; width:30px; height:30px;  filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; background: none; overflow:hidden;  }
.servizi_agg a:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.servizi_agg h3.s_title { padding-top:10px; float:left; width:300px;  }

.tariffe .tab_sx h2 { text-align:center; padding:15px 0 10px 0; clear:both; }
.tariffe h3 { text-align: center; padding: 30px 0px 35px 0px; clear: both; }
.tariffe table thead { background:#002d64; color:#ffffff; text-align:center;}
.tariffe table tbody tr td { border:1px solid #002d64; line-height:2em; background:#385285; color:#ffffff;}
.tariffe table thead tr td { border-left:1px solid #002d64; border-right:1px solid #002d64; }
.tariffe table thead tr td b { padding: 5px; }
.tariffe .table_cen { margin-left:284px; }

.tab_sx { padding-left:35px; }
.tab_dx { padding-right:35px; }
.tab_sx { float:left; width:400px; }
.tab_dx { float:right; width:480px; }

.tariffe .comm_tab_sx p, .comm_tab_dx p, .comm_tab_cen p { line-height:1.2em; padding:0 4px; text-align:justify; margin-top:10px; }
.tariffe .comm_tab_sx b, .comm_tab_dx b, .comm_tab_cen b { display:block; color:#002d64; padding:0 4px; text-align:center;}
.comm_tab_sx { width:400px; float:left; }
.comm_tab_dx { width:480px; float:right; }
.comm_tab_cen { width:420px; padding:0 0 20px 284px;}

.tab_sx tr td.col_1 { width: 200px; }
.tab_sx tbody tr td { text-align: center; }
.tab_sx tr td.col_2 { width: 200px; }

.tab_dx tr td.col_1 { width: 140px; }
.tab_dx tbody tr td { text-align: center; }
.tab_dx tr td.col_2, tab_dx tr td.col_3 { width: 180px; }

.table_cen tr td.col_1 { width: 270px; }
.table_cen tr td.col_2 { width: 150px; }
.table_cen tbody tr td { text-align: center; }

#contenuto .lista_pdf ul { padding:5px 20px; }
#contenuto .lista_pdf ul li {  line-height:2.1em; padding-left:30px; background:url(../i/pdf.gif ) 0 0px no-repeat; }
.lista_pdf { padding: 10px 32px; clear:both; }
.lista_pdf h3 { color:#002d64; }
.cantiere .servizi_agg { width:390px; float:right; margin-top:10px; }
.cantiere .top_cantiere { background:#002d64; color:#ffffff; height:142px; }
.top_cantiere p { width:450px; padding:20px 0 20px 32px; text-align:justify;  }


.meteo { float:left; background:#c5deeb; }
.meteo .previsioni { float:left; }
.meteo .previsioni { width:559px; }
.meteo .previsioni ul { margin: 0px 0px 25px 0px; }
.meteo .previsioni ul li { padding: 0 20px; }
.meteo .previsioni p { padding:20px 32px 20px 20px; text-align:right; }
.meteo .previsioni ul .data { font-size:.9em; font-weight:bold; padding:10px 20px; color:#002d64; }

.maree h2 { text-align:center; padding: 20px 0 10px 0;}
.maree h3 { text-align:center; padding:5px 0 10px 0; background:#002d64; color:#ffffff; }
.maree h4 { text-align:center; padding: 2px 0px 5px 0px; background:#002d64; color:#ffffff; }
.maree h4 span { font-size:0.687em; font-weight:normal; }
.maree .marea_mesi table { border-collapse:collapse; }
.maree .marea_mesi table tr td { padding:0; font-size:0.562em; text-align:center; }
.maree .marea_mesi table tr td.local { width:88%; text-align:left; }
.maree .marea_b { min-height:600px; height: auto !important; height: 600px; }
.maree .marea_mesi { width:150px; float:right; margin: 30px 40px 0 0; text-align:right; font-size:1.2em; border:1px solid #002d64; padding:5px; }
.maree .marea_mesi .sel { font-weight:bold; color:#002d64; background:url(../i/freccia.gif) 5px 0 no-repeat; }
.maree .marea_mesi a:hover { font-weight:bold; color:#002d64; text-decoration:none; background:url(../i/freccia.gif) 5px 0 no-repeat;}
.maree .marea_mesi a { display:block; height: 20px; }
.maree .marea_mesi li, .maree .marea_mesi .sel { height:20px; }
.maree .marea_mesi h3 { margin-bottom: 5px; }
.maree a.linkmarea { float: right; clear: right; font-size: 0.7em; margin: 20px 40px 0 0; width: 160px; text-align: center; }
.maree a.linkmarea img { margin: 0px 4px 0px 0px; position: relative; top: 3px; left: 0px; }


.top_webcam h2 { background: #002d64 url(../i/webcam_tit.gif) no-repeat 32px 25px; height:122px;}
.webcam p { padding:20px 32px; }
.webcam .cam { padding:20px 10px; }
.webcam .web { width:784px; margin:0 auto; }
.webcam h2, .eventi h2, .brocker h2, .partners h2 { text-align:center; padding:20px 0 0 0; }


.eventi, .brocker, .partners{ padding-bottom:20px; }
.evento { clear:left;  padding-top:20px; padding-bottom:5px; margin: 0 32px;}
.evento .titolo { width: 700px; float:left; margin:0;}
.evento .data { float:right; margin:0;}
.evento .sottotitolo { clear:both; padding-top:5px; margin:0; border-bottom:1px solid #002d64;}
.evento .link { padding-top:2px; clear:both; border-top:1px solid #002d64;}
.evento .link li { line-height:0em;}
.evento .testo { padding:10px 0; text-align:justify; line-height:1.4em; }
.evento .img { float:right;  margin:0px 0 10px 30px; background:#385285; padding:10px; border:1px solid #002d64; }
.evento .img:hover { background:#002d64; }
.evento .testo span { font-size: .9em; }

.partners .cat { text-align:center; padding: 30px 0px 0px 0px; }
.dintorni .titolo { clear:both; padding-top:5px; margin:0; border-bottom:1px solid #002d64; width:100%; float:none;}
.dintorni { padding-bottom:20px; }

/* Riferimenti */
.riferimenti { padding-bottom:20px; }
.col_sx { float: left; width: 462px; border-right: 1px solid #002D64; }
.col_dx { float: right; width: 432px; padding: 0px 0px 15px 30px; }
h3.refer { padding-top: 15px; border-top: 1px solid #000; }
.top_riferimenti { background:#002D64; }

.img_top { float:right; padding-top:16px; padding-bottom:16px; background:#002d64; width:600px; }
.flash_interno { float:right; padding-top:16px; padding-bottom:16px; background:#002d64; width:600px; height:110px; }

/* Sezione paging (eventi, partener, brocker) e allegati */
p.paging { text-align: center; margin-bottom: 15px; }
div.eventi ul { list-style: none; }
div.evento ul li { float: left; padding-right: 15px; padding-bottom: 5px; }
div.evento ul li a img { position: relative; top: 4px; left: 4px;}

/* Sezione popup */
div.popup { background: #BDDAFE; padding: 15px; z-index:100; }
div.popup p { line-height: 1.3; margin-bottom: 10px; }
div.popup h1 { font-size: .9em; margin-bottom: 10px; margin-top: 5px; }
div.popup p.i { text-align: center; }
div.popup p img { border: 1px solid #002D64; margin: 0px 10px; }

/* nascondere le immagini*/
a.h { display: none; }

/* mappa homep age */
img.map { margin: 0px; padding: 0px; position: relative; }
div.imgzoom { width: 430px; height: 37px; text-align: right; margin: -163px 0 0 0; /margin: -160px 0 0 0; position: relative; z-index: 1; padding: 0px; }

/* Previsioni in home page */
table.prevision { margin-top: 10px; }
table.prevision tr td { height: 20px; }
table.prevision tr td.col_1 { width: 140px; }
table.prevision tr td.col_2 { width: 85px; }

/* previsioni meteo */
div.prv { padding-right: 20px; }
div.prv img { float: right; margin-top: 14px; }


.top_webcam, .top_meteo, .top_maree, .top_eventi, .top_brocker, .top_partners, .top_dintorni, .top_doc { background:#002D64; }
/* scarica documenti */

.documents { clear:left; overflow:hidden;  padding-top:20px; padding-bottom:5px; background: #C5DEEB; }
.documents p .pdf { float:left;  display:block;  }
.documents p .pdf img { padding:0 10px 3px 0; }
.documents p .title { display:block; floaT:lefT; padding: 2px 0 2px 0 ; width:400px;  }
.documents p {  padding-top:5px; padding-bottom:20px; }
.documents .col_dx { padding:0; width:50%; margin-bottom:20px; overflow:hidden; }
.documents .col_sx { padding:0; width:490px; margin-bottom:20px; overflow:hidden; }


/* modifiche 02/07/08 - foto 360+marina*/

.link_360 { background:red; }
.link_360 a { position:absolute; width:23px; height:17px; display:block; background:url('../i/camera.gif') no-repeat 0 0; }
.link_360 a:hover { background:url('../i/camera_o.gif') no-repeat 0 0; }
.link_360 a.link_a { top:232px; left:270px; }
.link_360 a.link_b { top:235px; left:230px; }
.link_360 a.link_c { top:213px; left:423px; }
.link_360 a.link_d { top:210px; left:340px; }
.link_360 a.link_e { top:125px; left:275px; }
.link_360 a span { display:none;}
p.indietro { text-align:right; }
.foto_360 h1 { margin:20px 0 10px 20px; }