/** 							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:100%; 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:14pt; color:#002d64;}
h2 { font-size:13pt; color:#002d64;}
h3 { font-size:11pt; color:#002d64;}
h4 { font-size:10pt; }
p, address, ul li, table tr td { font-size:10pt; }
p { line-height:1.1em; }


/** hide*/
#header h1, #header p { display:block; } 
.eventi_tit span, .meteo_tit span, .previsioni_tit span { display:inline; }
.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 { position:static; }
/**  */


#header { background:none; }
.hide_top { margin-bottom:20px; }
#header h1, #header p { display:none; }
#flashcontent { border:1px solid red; display:none;}
.sel { font-weight:bold; font-size:12pt; }
#menu { display:none; }

#contenuto { clear:both; }
#footer address { text-align:center; font-size:9pt; margin-top:20px; }

.hp_top .hp_top_eventi, .hp_top .hp_top_meteo, .hp_top .hp_top_previsioni { width:31%; height:260px; float:left; text-align:justify;}
.hp_top .hp_top_eventi, .hp_top .hp_top_meteo { border-right:1px solid #002d64; padding-right:5px; margin-right:5px;}
.hp_top h2 { margin-bottom:.5em; }
.previsioni .previsioni_data, .hp_top_eventi h3 { font-size:11pt; font-weight:normal;  margin: 5px 0;}
.hp_top .hp_top_eventi ul li, .hp_top .hp_top_meteo ul li, .hp_top .hp_top_previsioni ul li { padding-top:10px; }
.hp_top .hp_top_previsioni .col_1 { width:520px; padding-top:20px; }
.hp_top .hp_top_previsioni .col_2 { width:50px; padding-top:20px; }
.hp_sx, .hp_dx{ text-align:center; margin:10px; }
.hp_sx img, .hp_dx img { margin-top:10px; }
.hp_dx p { text-align:justify; }


.marina p, .cantiere p { padding:20px 0; text-align:justify; clear:both;}
.top_marina, .top_tariffe {  background:#002d64; color:#ffffff; height:2em; text-align:left; }
.pianta_marina { text-align:left; }
.icone { float:right; text-align:right;  width:70%; background:none; padding:3px; padding-bottom:0; margin:35px 0; }
#contenuto .servizi_agg ul { padding:5px 30px; list-style:disc;  }
#contenuto .servizi_agg ul li {  line-height:1.2em; padding-left:10px; background:none; }
.servizi_agg { padding: 20px; margin-top:10px; float:left; width:100%;}
.servizi_agg h3, .tariffe h2 { color:#002d64; }


.tariffe .top_tariffe h2 { background:none; text-align:left; font-size:13pt; }
.tariffe h2 { text-align:center; padding:15px 0 10px 0; clear:both; font-size:11pt; padding:10px; display:block;}
.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; border-top:1px solid #002d64; }
.tariffe table tbody tr td { padding-left:40px;}
.tariffe table thead tr td b { padding: 5px; display:block;}

.tariffe .comm_tab_sx p, .comm_tab_dx p, .comm_tab_cen p { line-height:1.2em; padding: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:4px; text-align:center;}
.comm_tab_dx p, .comm_tab_sx p, .comm_tab_cen p   { margin-bottom:100px; }


.tab_sx, .tab_dx, .table_cen { margin-left:5px; }
.comm_tab_cen { width:530px;}
.tab_sx .col_1 { width:250px; }
.tab_sx .col_2 { width:180px; }
.tab_dx .col_1 { width:180px; }
.tab_dx .col_2 { width:180px; }
.tab_dx .col_3 { width:180px; }
.table_cen .col_1 { width:350px; }
.table_cen .col_2 { width:180px; }

#contenuto .cantiere .lista_pdf ul { list-style:disc; }
#contenuto .cantiere .lista_pdf ul li { line-height:1.5em; }
.lista_pdf { clear:both; }
.lista_pdf h3 { color:#002d64; padding:20px 0 10px 0; }
.cantiere .servizi_agg { width:100%;  margin:0; padding:0; }
.cantiere .servizi_agg ul li { line-height:1.5em; } 

.meteo { height:100% }
.meteo .previsioni p { padding:20px 32px 20px 20px; text-align:right;  float:right; }
.meteo .previsioni ul .data { font-size:.9em; font-weight:bold; padding:10px 20px; color:#002d64; clear:both; }


.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 .marea_b { min-height:600px; height: auto !important; height: 600px; }
.maree .marea_mesi { width:100%; text-align:left; font-size:1.2em;}
.maree .marea_mesi .sel { font-weight:bold; color:#002d64;}
.maree .marea_mesi a { display:block; height:20px; }
.maree .marea_mesi li, .maree .marea_mesi .sel { height:1.5em; }

.webcam p { padding:20px 0; }
.webcam img { padding:0; }
.webcam .web { width:100%; margin:0; }
.webcam h2, .eventi h2, .brocker h2, .partners h2 { text-align:center; padding:20px 0 0 0; }


.eventi, .brocker, .partners{ padding-bottom:20px; }
.evento {padding-top:20px; padding-bottom:5px; }
.evento .titolo { width: 700px; float:left; margin:0;}
.evento .data { float:right; margin:0;}
.evento .sottotitolo { clear:both; padding:10px 0 10px 0; margin:0; border-bottom:1px solid #002d64;}
.evento .link { padding-top:2px; clear:both; border-top:1px solid #002d64;}
.evento .link li { line-height:1.2em;}
.evento .testo { padding:10px 0; }
.evento .img { float:right;  margin:10px 0 10px 10px; padding:10px; border:1px solid #002d64; }


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

.top_meteo h2, .top_maree h2, .top_webcam h2, .top_eventi h2, .top_brocker h2, .top_partners h2, .top_dintorni h2 { padding:20px 0 20px 0; text-align:left;}



.img_top { display:none; }