/*generali*/
HTML, BODY { margin: 0px; padding: 0px; }
BODY { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; background-color: #9EC9E3; margin: 0px; padding: 0px;}
IMG { border: 0px;}
.piccolo { font-size: 8pt;}
TABLE.layer { width: 770px;}
TD { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000;}
A { text-decoration: none;}
A:hover { text-decoration: underline;}

/*generali*/
#container { background: #43A1E0; color: #000000; margin: 0px auto; width: 760px; padding: 0px; background-color: #CCCCCC; background-image: url(../images/page_sf.gif); background-position: left bottom; background-repeat: repeat-x;}
#header { height: 120px; padding: 0px; margin: 0px; border: 0px; background-image: url(../images/tagline_bg.jpg); background-repeat: no-repeat; background-position: left bottom; text-align: left; position:relative;}
#header SPAN { position:absolute; top:5px; right:20px; color:#FFFFFF;}
#header DIV.iso { width:130px; height:44px;background-image: url(../images/iso.gif); position:absolute; top:30px; right:10px;}

#wrapper { width: 760px; text-align:left;}
#page { width: 609px; padding: 0px 0px 0px; overflow:hidden; position:relative; float:left;}
#menu { background-color: #008BCC; color: #000000; width: 156px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding:0px; float: left; position:relative;}

#content { text-align: center; border: 0px; margin: 0px; padding: 0px; overflow:hidden;}
#box_home { width:609px;}
#sidedx { background-color: #43A1E0; float: left; width: 151px; margin: 0px; padding: 5px 0px; background-image: url(../images/tratteggio.gif); background-repeat: repeat-y; background-position: left top;}
#footer { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #CCCCCC; text-align: center; background-color: #00558D; width: 750px; margin-right: auto; margin-left: auto; background-image: url(../images/px_bottom.gif); background-repeat: repeat-x; background-position: left top; padding-top: 10px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; clear:both;}

/*relativi ai generali*/
/*---questio genera i puntini orizzontali di fondo pagina---*/
.pagend { background-image: url(../images/page_sf.gif); background-position: left bottom; background-repeat: repeat-x; height:23px; width:609px; position:absolute; bottom:0px; left:0px;}
/*---*/

#container #header .cosa { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #C0C0C0; text-align: right; padding: 2px 0px 0px 0px; margin: 0px;
/*	border: 1px dotted #CCCCCC;*/ width: 605px;}

#menu UL { margin: 0px; padding: 0px; list-style-image:none;}
#menu UL LI { margin: 0px; padding:0px; text-align: left; text-indent: 10px; height: 20px; background-image: url(../images/sf_menu.gif); background-repeat: no-repeat;}
#menu UL LI A { padding: 5px 0px 5px 0px; width: 148px; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; text-indent: 8px;}
#menu UL LI A:Hover { text-decoration: none; color: #CCCCCC;}

#menu DIV.menusec UL { margin: 0px; padding: 0px;}
#menu DIV.menusec UL LI { margin: 0px; display: block; float: left; text-align: left; text-indent: 10px; height: 18px; background-image: url(../images/menu_sfuma.gif); background-repeat: repeat-x; border-left: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; border-top: 1px solid #C0C0C0; border-bottom: 1px solid #808080; padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; background-position: left bottom;
/*	background-image: url(../images/sf_menu.gif); background-repeat: no-repeat;*/}
#menu DIV.menusec UL LI A { padding: 5px 0px 5px 0px; float: left; width: 140px; font-size: 11px; color: #CCCCCC; text-decoration: none; text-indent: 8px; font-weight: normal;}
#menu DIV.menusec UL LI A:Hover { text-decoration: none; color: #FFFFFF;}

#footer A { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #CCCCCC; text-decoration: underline;}
#footer A:hover { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #CCCCCC; text-decoration: none;}


#content DIV.box { margin: 0px; padding: 5px; text-align: left; background-color: #FFFFFF; width: 442px; float: left;
/*	display: block;*/ overflow:hidden;}
#content DIV.box UL { padding: 0 0 0 28px;  margin: 0 0 10px;}
#content DIV.box UL LI {
/*	margin: 0px;*/
/*	display: block;*/
/*	float: left; text-align: left; text-indent: 30px;
/*	padding-left: 2px;*/ list-style-image: url(../images/elenco.gif);}
#content DIV.box A { text-decoration: underline; color: #000000;}
#content DIV.box A:hover { text-decoration: none; color: #000000;}
#content DIV.box H1 { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #333333; text-align: right; padding: 5px; margin-bottom: 10px; font-style: italic; font-weight: bold; background-color: #BECEDE; border-bottom-width: thin; border-bottom-style: dotted; border-bottom-color: #143458;}
#content DIV.box H2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; color: #333333; font-weight: bold; padding-top: 5px; padding-bottom: 5px;}
#content DIV.box H3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #6699CC; padding: 2px 5px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333;}
#content DIV.box H6 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; font-weight: bold;}
#content DIV.box P { text-align: justify; text-indent: 15pt;}
#content DIV.box IMG { margin: 3px;}
DIV.foto_news { margin: 2px; padding: 0px 2px; float: left; width: 100px; cursor: pointer; height: 80px;
/*	clear: left;*/}
DIV.foto_news IMG { width: 100px; height: 80px; background-color: #FFFFFF;}
DIV.news { margin: 2px; padding: 4px; float: left; clear: right; cursor: pointer; height: 74px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333; text-align: left; width: 250px;}
DIV.news_in { margin: 2px; padding: 4px; float: left; clear: right; cursor: pointer; height: 78px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333; text-align: left; width: 300px;}
DIV.news A { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333; font-weight: bold; text-decoration: underline;}
DIV.news A:hover { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333; font-weight: bold; text-decoration: none;}
DIV.off { border: 3px solid #FFFFFF; background-color: #CCCCCC;}
DIV.on { border: 3px solid #666666; background-color: #CCCCCC;}
DIV.box_home { background-color: #00558D; background-repeat: no-repeat; background-position: left top; border: 3px solid #E9E9E9; float: left; margin-top: 8px; margin-right: 5px; margin-bottom: 8px; margin-left: 2px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFFF99; text-align: left;
/*	font-weight: bold;*/}
DIV.box_idra { background-image: url(../images/box_idra.gif); height: 97px; width: 113px; padding: 85px 2px 0px 5px; margin-right:10px; cursor: pointer;}
DIV.box_siti { background-image: url(../images/box_siti.jpg); height: 80px; width: 160px; padding-left: 125px; cursor: pointer;}
DIV.box_elet { background-image: url(../images/box_elet.jpg); height: 80px; width: 160px; padding-left: 125px; cursor: pointer;}
DIV.box_port { background-image: url(../images/box_port.jpg); height: 80px; width: 160px; padding-left: 125px; cursor: pointer;}
DIV.box_att { background-image: url(../images/box_att.jpg); height: 80px; padding-left: 125px; width: 160px; cursor: pointer;}
DIV.box_form { background-image: url(../images/box_form.jpg); height: 97px; width: 113px; padding: 85px 2px 0px 5px; float: right; cursor: pointer;}
#news { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333; width: 140px; margin-right: auto; margin-left: auto;
/*	height: 170px;*/ text-align:left;}
#news A { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFFFFF; font-weight: bold; text-decoration: none;}
#news A:hover { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #C0C0C0; font-weight: bold; text-decoration: none;}
#news P { text-align: left; padding-top: 5px; padding-bottom: 3px; text-indent:15px; margin:0px;}
#news DIV.sx { text-align: right; padding-bottom: 8px;}

#box_lavori { float: left; margin-top: 5px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; background-color:#FFFFFF; width:213px; height:262px; text-align:center; padding:10px 5px 0px 5px; position: absolute; z-index: 1; right: 12px; bottom: 0px; overflow:hidden;}

DIV.box_news { clear: left; float: left;}
#content DIV.sezioni_up { margin: 0px 0px 8px 0px; padding: 5px; text-align: left; width: 442px; float: left;}
#box_home DIV.sezioni_dw { margin: 0px; padding: 2px; text-align: center; background-color: #FFFFFF; width: 370px; float: left;}
DIV.sezioni_dw DIV.news { width: 230px; float: left;}
DIV.sezioni_dw DIV.news DIV.box_news DIV.foto_news { width: 230px; border:none; float: left;}

DIV.pages { font-size: 10px; clear: left; float: left; text-align: right; width: 430px; padding: 10px 0px;}
DIV.pages SELECT { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
/*stili per form*/
#content DIV.box DIV.form_sx { padding: 0px; margin: 11px 2px 0px 0px; float: left; width: 118px; text-align: right;}
#content DIV.box DIV.form_dx { padding: 0px; margin: 10px 0px 0px 0px; float: left; width: 320px;}
INPUT { border: 1px dotted #666666; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333;}
.noinput { border: 0px;}
.submit { font-weight: bold; background-color: #999999; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #333333; border-right-color: #000000; border-bottom-color: #333333; border-left-color: #000000; text-transform: uppercase;}
/*end up*/
DIV.links_home { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #0066FF; width: 350px;/*415px;*/ height: 50px; clear:both; border: 1px dotted #FFFFFF; background-color: #97CBFF; margin: 5px; padding: 5px; text-align: left; margin-right: 5px;}
DIV.links_home A { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-decoration: underline;}
DIV.links_home A:hover { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-decoration: none;}
DIV.links_home UL { margin: 0px; padding: 0px;}
DIV.links_home UL LI { margin: 0px; text-align: left; text-indent: 20px; list-style-image: url(../images/elenco.gif);}
DIV.links_home DIV.links_sx { float:left; width: 175px;}
DIV.pari { background-color: #D5EAF9;}
DIV.dispari { background-color: #FFFFFF;}

/*CV*/
#container #page #content DIV.box DIV.cv_sx { font-family: "Arial Narrow", Arial, Helvetica, Sans-serif; font-size: 10pt; color: #000000; text-align: right; padding: 5px; border-right-width: 1px; border-right-style: solid; border-right-color: #333333; float:left; width:120px; overflow: hidden;}
#container #page #content DIV.box DIV.cv_dx { font-family: "Arial Narrow", Arial, Helvetica, Sans-serif; font-size: 10pt; color: #000000; text-align: left; padding: 5px; float:left; width:300px; overflow: hidden;
/*	border: 1px dotted #CCCCCC;*/}

/*end CV*/

#content DIV.box DIV.mappa OL { padding: 0 0 0 48px;  margin: 0 0 10px;}
#content DIV.box DIV.mappa OL LI { list-style-type:square; font-size: 8pt;}
.data { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #CCCCCC; text-decoration: underline;}
SPAN.blu { color: #1B6DA5;}

DIV.mst { background-color: #008BCC; color: #000000; width: 144px; float: left; margin:0px 0px 13px 2px;}
DIV.mst UL { margin: 0px; padding: 0px;}
DIV.mst UL LI { margin: 0px; display: block; float: left; width: 144px; text-align: left; text-indent: 0px; height: 18px; background-image: url(../images/sf_menu.gif); background-repeat: no-repeat; background-position: right top;}
DIV.mst UL LI A { padding: 5px 0px 5px 0px; float: left;
/*	width: 140px;*/ font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; text-indent: 8px;}
DIV.mst UL LI A:Hover { text-decoration: none; color: #CCCCCC;}
#meteo { background-image: url(http://www.ilmeteo.it/portale/italy1.png); background-position: -13px 0px; background-repeat: no-repeat; background-color: #C7E7F3; height:38px; width:144px; text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #000033; padding: 120px 0px 0px 0px; float: left; margin: 0px 0px 0px 0px;}
#meteo H1 { background-color: #C7E7F3;
/*	width:145px;*/
/*	height:20px;*/ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #000033; padding:0px 2px; margin: 0px; border:none;}
#privacy { font-size:8pt; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; padding:5px; margin:0px; text-indent:5px; text-align:left; background-color:#FFFFFF; overflow:hidden;}
#privacy P { text-indent:5px; text-align:left;}
#privacy H1 { font-weight:bold; font-size:10pt; margin:0px; padding: 2px 0px;}
SPAN.styling { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#999999;}