html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
body { color: #000040; font-family: 'LucidaGrande','Lucida Grande','DejaVu Sans','Lucida Sans Unicode','Arial',sans-serif; font-size: 13px; background-color: #666666; margin: 0px; padding: 0px; }
#main {width:980px; margin:0px auto; padding:0px; background-color:#ffffff}
#containerTop { background-image: url(http://static.ilportolano.it/public/layout/header.png); background-repeat: no-repeat; padding: 0px; margin: 0px; width: 980px; height: 160px; }
#containerTopEN { background-image: url(http://static.ilportolano.it/public/layout/header-en.png); background-repeat: no-repeat; padding: 0px; margin: 0px; width: 980px; height: 160px; }

#TopNomeRegione {position:absolute; padding:100px 0px 0px 25px; color:#ffffff; font-size:16px; font-weight: bold; text-transform: uppercase;}

#Menu {position:absolute; padding:134px 0px 0px 0px; }
#Menu, #Menu a, #Menu li, #Menu div {color:#ffffff; font-size:11px; font-weight: bold; text-transform: uppercase; text-decoration: none;}
#Menu a:hover {text-decoration:none; color:#00c2fa;}
#Menu a {padding-left:22px;}

#Flags {position:absolute; padding:134px 0px 0px 760px;}
#Flags img {margin:0px 5px;}

#LogoHeader {position:absolute; padding:130px 0px 0px 830px;}
#LogoHeaderImg {width:145px; height:23px;}


#container {padding:20px; margin:0px; min-height:450px;}
#fullColumn {float:left; margin:0; padding:0; width:670px;}
#leftColumn {float:left; margin:0; padding:0; width:200px;}
#centerColumn {float:left; margin:0; margin-left:20px; padding:0; width:450px;}
#rightColumn {float:left; margin:0; margin-left:20px; padding:0; width:250px;}

#meteo { }
#meteo h4 { color: #ffffff; margin-bottom:5px; }
.meteoImg {float:left; width:25px; height:25px; text-align:center; vertical-align:middle;}
.meteoTesto {float:left; width:160px; height:25px; font-size: 11px; letter-spacing: -1px; line-height:12px;}
.lnkMeteosat { font-weight:bold; }
#meteoImgMeteosat { width:150px; margin: 2px auto; display:none; }
#meteoImgMeteosat img { border: solid 1px #ccc; padding: 1px;}

#NewsHome {padding:5px;}
.NewsHomeTitolo {margin:0px 0px 3px 0px; font-size:13px; font-weight:bold;}
.NewsHomeTesto, .NewsHomeTesto div, .NewsHomeTesto p {color:#666666; font-size:12px;}

#NewsDettaglio .utilita {border-bottom:solid 1px #cdcdcd; background-color:#f3ffff; color:#666666; font-size:11px; height: 30px; line-height:30px; padding-bottom:1px; margin-bottom:15px;}
#NewsDettaglio .occhiello {font-size:12px; color:#666666;}
#NewsDettaglio h2 {font-size:18px; color:#666666; font-style: italic; font-weight:normal;}
#testoArticolo {margin-top:10px;}
#testoArticolo p, #testoArticolo div {margin-bottom:5px;}
#NewsDettaglio .tags { margin:20px 0px; padding:5px 0px; border-top: dotted 1px #cdcdcd; border-bottom: dotted 1px #cdcdcd; font-size:12px; color:#666666;}

.NewsReportSottotitolo {font-size:16x; color:#666666; font-style: italic; font-weight:normal;}
.NewsReportContainer {margin-top:10px; border-top: dotted 1px #cdcdcd;}
.NewsReportOcchiello {font-size:11px; color:#666666;}
.NewsReportTitolo {font-size:14px; font-weight:bold; color:#003878;}
.NewsReportSommario {font-size:12px; color:#666666; font-style: italic; font-weight:normal;}

#Quadrante {padding:5px;}
#Quadrante h5 {color:#666666; font-weight:normal;}
#Quadrante h2 {color:#003878;}
#QuadranteTesto {margin-top:5px; color:#666666; font-size:12px; }

#tabsPorto { min-height:680px; }

#GMapContainer {width:450px; height:600px; background-color:#eeeeee; margin-top:10px; padding:1px; border: solid 1px #ccc;}
#GMapContainerOR {width:600px; height:450px; background-color:#eeeeee; margin-top:10px; padding:1px; border: solid 1px #ccc;}
#GMapContainerPorto {float:left; width:490px; height:350px; background-color:#eeeeee; padding:1px; border: solid 1px #ccc;}
#GMapQuadrante {width:450px; height:600px;overflow:hidden;}
#GMapRegioneVE {width:450px; height:600px;overflow:hidden;}
#GMapRegioneOR {width:600px; height:450px;overflow:hidden;}
#GMapPorto {width:480px; height:350px;overflow:hidden;}
#GMapPortoFull {width:600px; height:600px; overflow:hidden; border:none;}
.GMapLoading {color:#666666; padding:10px;}
#GMapInternal {float:left; width:490px; margin-right:5px;}
#GMapInternal img {border: solid 3px #ccc;}

#PortoInfoTecniche {float:left; width:108px; margin-left:5px; padding:5px;}
#PortoInfoTecniche h4 {color:#003878; padding:3px 0px;}
#PortoInfoTecniche div, #PortoInfoTecniche p {font-size:12px; color:#333333; padding:3px 0px;}
#PortoInfoTecnicheOR div {font-size:11px; color:#333333;}


#RiepilogoPortiQuadrante {margin-top:10px; padding:5px;}
#RiepilogoPortiQuadrante a {color:#003878;}

#PageContent {margin-top:10px;}
#PageContentCms {margin-top:10px;}

#BoxCliente {padding:5px;}
#BoxCliente, #BoxCliente div, #BoxCliente p {font-size:12px;}

.boxClienteButton {float:left; display:block; width:100px;}
#Ricerche {margin-top:10px; padding:5px;}
.ddlRicercaPorti {width:200px; font-family: 'LucidaGrande','Lucida Grande','Lucida Sans Unicode',Arial,Helvetica,sans-serif; font-size: 12px; }
#Translate {margin-top:10px; padding:5px;}

#ADV250R { margin-top:10px; width:250px; height:250px; }
#ADV468Home { margin:10px 0 0 -8px; }

#QuadranteRiepilogo {margin-top:10px;}
#QuadranteRiepilogo h4, #QuadranteRiepilogo h4 a {color:#ffffff;}
#QuadranteRiepilogoTesto div {font-size:12px; color:#666666; margin:3px 0px;}
#QuadranteRiepilogoTesto div a {color:#666666;}

.OpItemContainerHome {float:left; width:190px; height:220px; border:solid 1px #d8e9f2; padding:5px; margin:5px 12px; overflow:hidden;}
.OpItemContainer {float:left; width:190px; height:220px; border:solid 1px #d8e9f2; padding:5px; margin:5px 5px 0px 0px; overflow:hidden;}
.OpItemFoto {width:180px; max-height:120px; padding:1px; text-align:center;}
.OpItemText {width:180px; min-height:90px;}
.OpItemTipo {margin:0px 0px 3px 0px; font-size:11px; font-weight:bold; color:#003878; letter-spacing: -1px;}
.OpItemTitolo {margin:0px 0px 3px 0px; font-size:12px; font-weight:bold;}
.OpItemDiv {margin:0px 0px 2px 0px; font-size:11px; line-height:11px;}

#OperatoreDett {}
.OpDettTipo {margin:0px 0px 3px 0px; font-size:14px; font-weight:bold; color:#666666;}
#OpDettTestoContainer {margin: 10px; float:left;}
.OpDettTesto {margin: 5px 0px; font-size:14px; font-weight:bold; }

.elencoPortiHome {float:left; padding-left:10px; display:block;}

#footer { margin:0px; padding:10px; color: #ccc; background: url(http://static.ilportolano.it/public/layout/footer.png) no-repeat top left; min-height: 150px; }
#bottom { clear: both; }
#footerLogo {margin-top:-20px;}
#footer img {}
#footlinks { float:right; width:480px; font-size: 11px; margin-top:10px; }
#footlinks ul { }
#footlinks li { display: inline; float: left; line-height: 1.8em; padding: 4px 1.6em 4px 0; }
#footer a { color: #ccc; padding: 6px 0; line-height: 1.8em; text-decoration: underline; }
#footer a:hover { color: #fff; }
#corp p { padding-top: 5px; }
.iso9001 { padding: 9px; }
.sincert { padding: 18px 9px; }

/* P.I.E. FLOAT CLEARING See http://www.positioniseverything.net/easyclearing.html and http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/ */
.clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }
.clearfix {display: inline-block;}
.clearfix {display: block;}


.small {font-size: 11px; letter-spacing: -1px;}
.w60 {width:60px;}
.w110 {width:110px;}
.w115 {width:115px;}
.w120 {width:120px;}
.w180 {width:180px;}
.w200 {width:200px;}
.marginTop5 {margin-top:5px;}
.marginTop10 {margin-top:10px;}
.marginBottom10 {margin-bottom:10px;}
.margin10 {margin:10px;}
.padding8 {padding:8px;}
.padding5 {padding:5px;}
.paddingTop10 {padding-top:10px;}

/* tag generali*/
p, td, div {font-size: 13px;}
a {color:#003878;}
a:hover {text-decoration:none;}
a.menuhome {color:#FFFFFF;}
a:link img, a:visited img {border-style: none;}
a img {color: black; /* hack per NS4 */}
a.targetBlank {color:#003878;}
ul {padding-left:15px;}
iframe {border:none;}

/* tag H */
H1, H2, H3, H4, H5 {margin: 0; font-family: Georgia, serif; position: relative;}
H1 {font-size:27px; font-weight:bold; color:#003878;}
H2 {font-size:21px; font-weight:bold; color:#003878;}
H3 {font-size:18px; font-weight:bold; color:#003878;}
H4 {font-size:16px; font-weight:bold; color:#003878;}
H5 {font-size:15px; font-weight:bold; color:#003878;}

fieldset {margin:0.1em; padding:0.1em;}
fieldset legend {padding: .1ex .5ex; font-size: 12px; font-weight: bold; color: #333333;}
.cursorpointer {cursor:pointer; padding:1px 5px 1px 5px;}
.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}
.floatleft{float:left;}
.floatright {float:right;}
.clear {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.highlight {background-color: #ffff00;}
.UpperTransform {text-transform:uppercase;}
.colorRed {color:#ff0000;}

input:button, input:submit {cursor:pointer;}
input.btnUpdate {font: bold 13px 'Trebuchet MS', Arial, Helvetica, sans serif; margin: 5px; padding: 4px 6px; cursor: pointer;}
.btnImgRicerca { vertical-align:bottom;}
input.btnLogin {font-size:21px; font-weight:bold; margin: 5px; padding: 4px 6px; cursor: pointer;}
input.txtLogin {width:350px; height:30px; font-size:20px; font-weight:bold; color:#666666;}
.testoLogin {font-size:16px; font-weight:bold;}
.pnlLogin { width:400px; margin:10px auto; padding:10px; }

/* glossy text H1 */
.glossy h1 span {background: url(http://static.ilportolano.it/public/img/gradient-glossy.png) repeat-x; position: absolute; display: block; width: 100%; height: 18px;}
.glossy a {color: #000; text-decoration: none;}
.glossy a:visited {color: #000;}
.glossy a:hover {color: #555;}

#jqTooltip{position:absolute; border:1px solid #333; background:#f7f5d1; padding:2px 5px; color:#333; display:none; font-size:12px;}

.photo {position: relative; width: 180px; height: 130px;}
.photo img {background: #fff; border: solid 1px #ccc; padding: 4px; width: 170px; height: 120px;}
.photo span {width: 20px; height: 18px; display: block; position: absolute; top: 12px; left: 12px; background: url(http://static.ilportolano.it/public/img/digg-style.gif) no-repeat;}
.imgDecorative span {width: 170px; height: 120px; display: block; position: absolute; top: 5px; left: 6px; background: url(http://static.ilportolano.it/public/img/round-corner.png) no-repeat;}
.imgDecorative img {border: none; padding: 5px 6px 6px; background: url(http://static.ilportolano.it/public/img/round-bg.gif) no-repeat;}


.ui-tabs .ui-tabs-hide { position: absolute; left: -10000px; }

/* iPhone */
@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; font-size:11px; font-family: 'LucidaGrande','Lucida Grande','Lucida Sans Unicode',Arial,Helvetica,sans-serif; font-weight:normal; }