BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN-TOP:0px; FONT: 11px tahoma, arial, helvetica, sans-serif; COLOR: #333; PADDING-TOP: 0px; BACKGROUND-COLOR:#fff;
}

h1:first-letter {background-color:#316ac5; font-size:25px; font-weight:bold; padding:2px 3px 4px 3px;color:#fff;}
h1 {font-size:22px; font-weight:normal; color:#316ac5;}

/* Link generico all interno dei testi */
.content a:link {
font-family: tahoma, arial, helvetica, sans-serif;
font-size:11px;
text-decoration:underline;
background-color: #fff;
color:#000;
}

.content a:visited {
font-family: tahoma, arial, helvetica, sans-serif;
font-size:11px;
text-decoration:underline;
background-color: #fff;
color:#000;
}

.content a:hover {
font-family: tahoma, arial, helvetica, sans-serif;
font-size:11px;
text-decoration:underline;
background-color: #fff;
color:#c00;
}


/* Tabelle statistiche dei porti (porti.php) */
table.tabella {
	border-width: 1px;
	border-style: dotted;
	border-color: gray;
	border-collapse: separate;
	margin:0px;
	paddin:0px;
}

table.tabella th {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: gray;
	background-color: #fff;
	color:#000;
}

table.tabella td {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: gray;
	border: 0px;
	background-color: #fff;
	color:#000;
}

table.tabella td.testo {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: gray;
	border: 0px;
	background-color: #fff;
	color:#000;
	text-align:left;
}

table.tabella td.valori {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: gray;
	border: 0px;
	background-color: #fff;
	color:#000;
	text-align:right;
}

table.tabella td.variazioni {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: gray;
	border: 0px;
	background-color: #fff;
	color:#000;
	text-align:right;
	font-style:italic;
}

table.tabella td.cellatitolo {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: gray;
	border:0px;
	text-align:center;
	font-weight:bold;
	background-color: #fff;
	color:#000;
}

table.tabella td.linea {
	border-width: 1px;
	padding: 0px;
	border-style: inset;
	border-color: gray;
	border:0px;
	border-bottom: 1px;
	background-color: #fff;
	color:#000;
	height:1px;
	font-size:1px;
}

/* Contiene immagine dei porti */
div#lamappa {left:2px; position:absolute; width:450px; height:400px; top:60px; padding:0px; border-color:red;margin:0px; border: 0px solid #c00;}

/* Contiene le tabelle statistiche dei porti (porti.php) */
span#mostra_tabella {right:2px; top:35px; margin:0px; background-color:#fff; position:absolute;z-index:50; float:left; border-left:1px dotted #ceceb4; border-top:1px dotted #ceceb4;border-right:2px dotted #ceceb4;border-bottom:2px dotted #ceceb4;}

/* I div che compongono la struttura della pagina */
.content {
	HEIGHT:auto; BORDER: #ceceb4 1px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; Z-INDEX: 3; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 10px 180px; WIDTH: auto; PADDING-TOP: 10px; POSITION: relative; color:#000; BACKGROUND-COLOR: WHITE; min-width: 120px
}

.piede {
	TEXT-ALIGN:center; BORDER: #ceceb4 1px solid; PADDING: 1px; Z-INDEX: 3; MARGIN: 0px 0px 10px 180px; WIDTH: auto; POSITION: relative; color:#000; BACKGROUND-COLOR: white; min-width: 120px
}


#angolosx {
	BACKGROUND-COLOR: white; background-image: url("http://www.istao.it/otm/immagini/loghi/logo.jpg"); background-repeat:no-repeat; background-position:center; HEIGHT:110px; BORDER: #000 0px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; Z-INDEX: 2; LEFT: 10px; PADDING-BOTTOM: 10px; WIDTH: 150px; PADDING-TOP: 10px; POSITION: absolute; TOP: 0px; color:#000; voice-family: inherit
}

#angolodx {
	BACKGROUND-COLOR: white; background-image: url("http://www.istao.it/otm/immagini/loghi/logo_aic.bmp"); background-repeat:no-repeat; background-position:center; HEIGHT:110px; BORDER: #000 0px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; Z-INDEX: 1; RIGHT: 10px; PADDING-BOTTOM: 10px; WIDTH: 150px; PADDING-TOP: 10px; POSITION: absolute; TOP: 0px; color:#000; voice-family: inherit}

/* Modificato Angolo_dx per far entrare i 2 loghi cciaa e autorita portuale */
#angolodx_studi {
	BACKGROUND-COLOR: white; background-image: url("http://www.istao.it/otm/immagini/loghi/logo_cciaa-ap_o.jpg"); background-repeat:no-repeat; background-position:center; HEIGHT:110px; BORDER: #000 0px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; Z-INDEX: 1; RIGHT: 10px; PADDING-BOTTOM: 10px; WIDTH: 270px; PADDING-TOP: 10px; POSITION: absolute; TOP: 0px; color:#000; voice-family: inherit}

/* Modificato Centro per far entrare i 2 loghi cciaa e autorita portuale */
.centro_studi {
	background-image: url("http://www.istao.it/otm/immagini/loghi/logo_otm.gif"); background-repeat:no-repeat;  background-position:center; HEIGHT:110px; BORDER: #000 0px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; Z-INDEX: 3; PADDING-BOTTOM: 10px; MARGIN: 0px 300px 10px 180px; WIDTH: auto; PADDING-TOP: 10px; POSITION: relative; color:#000; BACKGROUND-COLOR: #fff; min-width: 120px
}

#sinistra {
	HEIGHT:auto; BORDER: #ceceb4 1px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; Z-INDEX: 2; LEFT: 10px; PADDING-BOTTOM: 10px; WIDTH: 150px; PADDING-TOP: 10px; POSITION: absolute; TOP: 142px; color:#000; BACKGROUND-COLOR: #316ac5; voice-family: inherit
}

/* Span per mostrare la tabella delle statistiche porti (porti.php) */
.mostra_tabella {
	 width:auto; text-align:left; margin:5px 5px 5px 5px;padding:5px;float:right;position:relative; border:1px solid #ccc;}



/* Menu sinistro per la navigazione del sito */

ul.menu_verticale {
width:145px;
margin-left: 0px;
background-color: #316ac5;
padding: 0px;
list-style-type:none;
}

ul.menu_verticale li a{
margin-left: 0px;
background-color: #316ac5;
width:145px;
padding-left:3px;
margin-bottom:1px;
border: 1px solid #fff;
font-family: tahoma, arial, helvetica, sans-serif;
font-size:13px;
display:block;
color:#fff;
text-decoration:none;
}

ul.menu_verticale li a:hover{
margin-left: 0px;
background-color: #fff;
width:145px;
padding-left:3px;
margin-bottom:1px;
border: 1px dotted #316ac5;
font-family: tahoma, arial, helvetica, sans-serif;
font-size:13px;
display:block;
color:#316ac5;
text-decoration:none;
}

/* Parte del Menu sinistro per inserire il link + bandiere alle pagine in Inglese e/o Italiano */
ul.menu_verticale li.lingua a{
margin-left: 0px;
background-color: #ccc;
width:145px;
padding-top:1px;
padding-bottom:1px;
margin-bottom:1px;
margin-top:1px;
border: 1px solid #fff;
font-family: tahoma, arial, helvetica, sans-serif;
font-size:13px;
display:block;
color:#fff;
text-decoration:none;
text-align:center;
}


ul.menu_verticale li.pubblicita a{
margin-left: 0px;
background-color: #ccc;
width:145px;
padding-top:1px;
padding-bottom:1px;
margin-bottom:1px;
margin-top:1px;
border: 1px solid red;
font-family: tahoma, arial, helvetica, sans-serif;
font-size:13px;
display:block;
color:red;
text-decoration:none;
text-align:center;
}

/* Parte del Menu sinistro per la navigazione del sito, indica la pagina che si sta leggendo */
span.mv_nolink {
margin-left: 0px;
background-color: #fff;
width:145px;
padding-left:3px;
margin-bottom:1px;
border: 1px solid #fff;
font-family: tahoma, arial, helvetica, sans-serif;
font-size:13px;
display:block;
color:#316ac5;
text-decoration:none;
}



ul.menu2_verticale {
width:125px;
margin-left: 0px;
background-color: #fff;
padding: 0px;
list-style-type:none;
border-left: 5px solid #fff;
}

ul.menu2_verticale li a{
margin-left: 0px;
background-color: #fff;
width:125px;
padding-left:3px;
margin-bottom:0px;
border: 1px solid #fff;
font-family: tahoma, arial, helvetica, sans-serif;
font-size:10px;
display:block;
color:#316ac5;
text-decoration:none;
}


ul.menu2_verticale li a:hover{
margin-left: 0px;
background-color: #fff;
width:125px;
padding-left:3px;
margin-bottom:0px;
border: 1px solid #c00;
font-family: tahoma, arial, helvetica, sans-serif;
font-size:10px;
display:block;
color:#c00;
text-decoration:none;
}

span.off {
margin-left: 0px;
background-color: #fff;
width:125px;
padding-left:3px;
margin-bottom:0px;
border: 1px solid #fff;
font-family: tahoma, arial, helvetica, sans-serif;
font-size:10px;
display:block;
color:#c00;
text-decoration:none;
}


/* Link a www.istao.it bianco in fondo al menu di sx  */
#sinistra a.linkbianco:link {
font-family: tahoma, arial, helvetica, sans-serif;
font-size:11px;
text-decoration:underline;
background-color: #316ac5;
color:#fff;
}

#sinistra a.linkbianco:visited {
font-family: tahoma, arial, helvetica, sans-serif;
font-size:11px;
text-decoration:underline;
background-color: #316ac5;
color:#fff;
}

#sinistra a.linkbianco:hover {
font-family: tahoma, arial, helvetica, sans-serif;
font-size:11px;
text-decoration:underline;
background-color: #316ac5;
color:#fff;
}


/* Elenco generico con i punti */
ol.listapunto
{
 list-style-type:disc;
 width:auto;
}
ol.listapunto li
{
 color:#000;
 background-color:#fff;
 width:auto;
font: normal 11px tahoma, arial, helvetica, sans-serif;
margin-bottom:2px;
  }

/* Elenco utilizzato per gli studi porto An e sulle richerche Portualita Adriatico-Ionio */

ol.elenco1 {width:650px; margin-left:25px; COLOR: #000; BACKGROUND-COLOR:#fff;}

ol.elenco1 li.p75 {width:75px;float:left;margin-bottom:10px;list-style-type:none;background-color:#fff;}
ol.elenco1 li.p30 {width:30px;float:left;margin-bottom:10px;list-style-type:none;background-color:#fff;}
ol.elenco1 li.p250 {width:250px;float:left;margin-bottom:10px;list-style-type:none;background-color:#fff;}
ol.elenco1 li.p540 {width:540px;float:left;margin-bottom:10px;list-style-type:none; background-color:#fff;}
ol.elenco1 li.p560 {width:560px;float:left;margin-bottom:10px;list-style-type:none; background-color:#fff;}