@charset "utf-8";
/* CSS Document */
/* Root = Horizontal, Secondary = Vertical */

body
{
	background-color:#284581;
	margin:0;
	padding:0;
	/*overflow:hidden;*/
}

div#ContenutiDelSito
{
	margin:0;
	padding:0;
	color:gray;
}
div#ContenutiDelSito a
{
	text-decoration:none;
	padding:0;
	color:gray;
}

div.Verde 
{
	background-color: #59C1C4;
	width: 100%;
	padding:0;
	margin:0;
	padding-top:2px;
}

div#PrimoDivVerde
{
	position: relative;
	height:2%;
	background-repeat:repeat-x;
	background-image:url(/images/verdesfumatobianco.jpg)
}

div#SecondoDivVerde
{
	position:relative;
	height: 2px;
	width:100%;
	background-image:url(/images/verdesfumatonero.jpg);
	background-repeat:repeat-x;
}

div#TerzoDivVerde
{
	position:relative;
	height:3%;
	width: 100%;
	background-image:url(/images/verdebiancosfumatoinverdenero.jpg);
	background-repeat:repeat-x;
	z-index:+2;
}

div.ImmagineSfondo
{
	position:relative;
	left:0px;
	width:100%;
	z-index:+1;
	margin-bottom:0 !important;
	margin-bottom:-1%;/*ie*/
}

img.imgSfondo
{
  width:100%;
}

img#ImgSfondoHomePage
{
  width:100%;
}

img.imgSfondo
{
	width:100%;
}

span.UltimeNotizie
{
	margin-left:1%;
	vertical-align: top;
	min-width:100px;
	color:white;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-weight:bolder;
}

span.obbligatorio
{
	color:#9A0000;
}

div.Bianco
{
	position:relative;
	background-color:#9A0000;
	width:auto !important;
	width:100%;
	height:3%;
	padding:0;
	margin:0;
	z-index:+5;
	min-height:24px;
	border: 1px solid #FFF;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
}

div.RiquadroBianco 
{
	position:absolute;
	top:20%;
	left:20%;
	height:80%;
	width:80%;
	/*background-color: white !important;*/
	/*background-color: white;*/
	/*background-color:trasparent;*/
	/*background-color: #ffffff;
	filter:alpha(opacity=80);
	opacity:0.8;
	-moz-opacity:0.8;*/
	background:url(/images/trasparente.png);
	/*background-color:#E0E0E0;grigio chiaro*/
	z-index:+3;
	overflow:visible;
	/*overflow:auto;*/ /* serve per fare scrollare solo la parte bianca e non anche lo sfondo della pagina*/
	/*border-left: 8px solid;
	border-left-color:white;*/
}

div.RiquadroBiancoBlog
{
	position:absolute;
	top:20%;
	left:20%;
	height:2000px;
	width:80%;
	
	/*background-color: white !important;*/
	/*background-color: white;*/
	/*background-color:trasparent;*/
	/*background-color: #ffffff;
	filter:alpha(opacity=80);
	opacity:0.8;
	-moz-opacity:0.8;*/
	background:url(/images/trasparente.png);
	/*background-color:#E0E0E0;grigio chiaro*/
	z-index:+3;
	overflow:visible;
	/*overflow:auto;*/ /* serve per fare scrollare solo la parte bianca e non anche lo sfondo della pagina*/
	/*border-left: 8px solid;
	border-left-color:white;*/
}

div.ColonnaSinistra
{
float:left;
}

div.PieDiPaginaColonnaCentrale
{
float:left;
}

div.Slogan
{
margin-left: 15%;
}

div.ColonnaCentrale
{
	width:55%;
	margin:0;
	margin-top:1%;
	line-height:105%;
	float:left;
	/*background-color:#80c8c7;*/
	margin-left:1%;
	margin-right:1%;
}

div.ColonnaCentraleLarga
{
	width:65%;
}

div.ColonnaCentraleStretta
{
	width:45%;
}

div.Titolo
{
	/*padding-top:1%;*/
	/*font-weight:bold;*/
	/*font-size:larger;*/
	font-weight:bolder;
	padding-left:5%;
	font-size:78%;
	/*font-family:"Times New Roman", Times, serif;*/
	font-family:Arial, Helvetica, sans-serif;
}

div.Descrizione
{
	padding:0;
	padding-left:5%;
	padding-right:5%;
	margin-top:1%;
	position:relative;
	/*text-align:justify;*/
	/*text-align:left;*/
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	/*font-family:"Times New Roman", Times, serif;*/
	/*font-size:78%;*/
	font-size:78%;
	z-index:+4;
}

div.ColonnaDestra
{
	width:45%;
	float:left;
}

div.ColonnaDestraStretta
{
	width:30%;
}

div.ColonnaDestraLarga
{
	width:50%;
	text-align:center;
}

img.ImgColonnaDestra
{
	background-color:white;
	margin-top:5%;
	border:1px solid black;
	width:95%;
	margin-left:2%;
}

div.ColonnaDestraLarga Img.ImgColonnaDestra
{
	width:75%;
}

img#UomoScimmia
{
	/*margin-top: 40%;*/
}

img#imgpag5gocciachecade
{
	margin-top:5%;
	width:70%;
}

img#imgpag6libroaperto
{
	margin-top:10%;
}

img#imgpag8ingranaggi
{
	margin-top:10%;
	width:60%;
}

img#imgpag10motoreuomo
{
	margin-top:16%;
}

img#imgpag11uomobancomontaggio
{
	margin-top:10%;
	width:65%;
}

img#imgpag12corsoformazione
{
	margin-top:10%;
	width:100%;
}

img#imgpag17strettadimano
{
	margin-top:10%;
}

img#imgpag18uomoindigenotelefono
{
	margin-top:10%;
}

img#imgpag22personechecorrono
{
	margin-top:5%;
	width:100%;
}

img#imgpag24lente
{
	margin-top:10%;
}

img#imgpag120rosa
{
	margin-top:5%;
	width:75%;
}

span#MessaggioRosadiServizi
{
	position:relative;
	color:white;
	font-family:Helvetica;
	font-weight:bold;
	text-transform: uppercase;
	z-index:+7;
}

div.descrizione ul
{
	margin-top:0;
	margin-bottom:0;
	list-style-position: outside;
	/*margin-left: inherit;
	padding-left:inherit;*/
}

div.descrizione ul li
{
/*list-style-position: outside; /* ridure il rientro */
}

div.descrizione ul ul li
{
/*PS:Qui si impostano i li di secondo livello all'interno del div descrizione*/
}

div.ombra
{
	width:100%;
	filter:shadow(color:gray);
}

div#ColonnaImmaginiPulsanti
{
	margin:0;
	margin-left:15%;
	margin-right:10%;
	margin-top:5%;
}

div#ColonnaImmaginiPulsanti img
{
	display:block;
	width:70%;
	margin:0;
	padding:0;
}

img#imgpag3manochescrive
{
	/*top-padding:1%;
	left:30%;
	width:40%;*/
}

div#DescrizioneHomePage
{
	background-color:transparent;
	text-align:left;
	color:white;
	position:absolute;
	top:22%;
	left:60%;
	width:33%;
	font-size: 75%;
	font-weight:bold;
	padding:0;
	margin:0;
}

div.NotiziaSingola
{
	/*display:none;*/
	border: solid 1px black;
	width: 1%;
}

div.Indirizzo
{
	padding-left:1%;
	padding-right:1%;
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	position:relative;
	float:left;
	font-size:60%;
	font-weight:bold;
	text-align:center;
	background-color:#284581;
	vertical-align:top;
}

fieldset
{
	padding:1%;
	padding-top:0;
	margin:0;
	border:0;
}

fieldset#FieldsetNormeLeggi,
fieldset#FieldSetLavoraConNoi,
fieldset#FieldSetServiziTecnici
{
	width:70%;
}

div.form
{
	width:100%;
	display:block;
	float:left;
}

div.InformativaPrivacy
{
	margin:0;
	/*margin-left:1%;*/
	/*margin-top:1%;*/
	text-align:justify;
	font-size:90%;
	background-color:#EBEBEB;
	line-height:90%;
}

div#ColonnaCentraleNormeLeggiForm,
div#ColonnaCentraleLavoraConNoiForm,
div#ColonnaCentraleServiziTecniciForm{
	width:100%;
}

form#FormLavoraConNoi,
form#FormServiziTecnici,
form#FormNormeLeggi
{
	margin-top:1%;
	font-size:79%;
}

form input,
form textarea
{
	float:left;
	width:65%;
}

Form label
{
	float:left;
	width: 25%;
	padding-right: 1%;
	text-align:right;
}

div.singolariga input,
div.singolariga textarea
{
	float:left;
	width:auto;
}

div.singolariga label
{
	float:left;
	padding-right:1%;
	text-align:right;
}

/*
label#LabelCitta,
label#LabelProvincia,
label#LabelFax,
label#LabelConfermaLetturaInformativa
*/
label.LabelInLinea
{
	width:auto;
	padding-left:1%;
}


input#Citta
{
	width:auto;
}

div#divquesito
{
	/*vertical-align: super;*/
	/*vertical-align:middle;*/
}

label#labelquesito
{
	/*display:block;*/
	/*text-transform:uppercase;*/
	/*vertical-align:bottom;*/
	/*vertical-align: super;*/
	position:relative;
	top:40%;
}

label#labelEsperienzePrecedenti
{
	display:table;
	position:relative;
	top:30%;
}

textarea#Quesito
{
	/*width:95%;*/
}

div#campoobbligatorio
{
	display:block;
	float:left;
	padding-top:2px;
}

/*
div#FormCheckBox
{
	display:block;
	margin-top: 1%;
}

div#FormCheckBox input
{
	width:auto;
}
div#FormCheckBox label{
	width:auto;
}
*/

div#DivConfermaLetturaInformativa
{
	margin:0;
	margin-left:1%;
}

label#LabelConfermaLetturaInformativa
{
	/*margin-top:1%;*/
	/*margin-left:1%;*/
	/*width:auto;*/
}

input#ConfermaLetturaInformativa
{
	/*margin-top:1%;*/
	width:auto;
}

div#DivPulsanteConferma
{
	/*margin-top:1%;*/
	/*display:block;*/
	/*width:100%;*/
	/*background-color:yellow;*/
}

input#PulsanteConferma
{
	position:relative;
	left:10%;
	width:auto;
	/*width:30%;*/
}

div.TitoloInformativaPrivacy
{
	font-weight:bold;
	padding-left:1%;
	padding-top:0;
}

div.DescrizioneInformativaPrivacy
{
	/*padding:1%;*/
	padding:0;
	padding-left:1%;
	padding-right:1%;

}

div.didascaliaimmagine
{
}

div#didascaliamappa
{
	font-size:70%;
	font-family:Arial, Helvetica, sans-serif;
}

div#ColonnaCentraleDoveSiamoPiantinaLocale
{
	width:90%;
}
div#DoveSiamoIndirizzo
{
	width:100%;
	text-align:center;
}

div#ColonnaCentraleDoveSiamo
{
	width:40%;
}

div#ColonnaDestraDoveSiamo
{
	/*left:45%;
	width:50%;*/
	width:60%;
	text-align:center;
}

img#ImgPiantina
{
	padding:0;
	margin:0;
	margin-top:9%;
	/*
	width:350px;
	height:393px;
	*/
	width:315px;
	heigh:354px;
	border:0;
}

div.MessaggioErroreForm 
{
	text-align:center;
}

.Centrato
{
	text-align:center;
}

.Grassetto
{
	font-weight:bold;
}

.Maiuscolo
{
	text-transform:uppercase;
}

.Sottolineato
{
	text-decoration: underline;
}

span.Corsivo
{
	font-style:italic;
}

span#IndirizzoHomePage
{
	position:absolute;
	left:27%;
	padding-top:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-weight:bolder;
	vertical-align:top;
}

/*width e height ci vanno, altrimenti in ie non funziona l'opacit*/
/*
div.transbox
{
	position:relative;
	top:50px;
	width:40%;
	float:right;
	width: 400 px;
	height: 180px;
	background-color: #ffffff;
	border: 1px solid black;
	filter:alpha(opacity=60);
	opacity:0.6;
	-moz-opacity:0.6;
}

div.transbox div.Descrizione
{
	padding:0;
	margin: 2px;
	float:none;
	width:95%;
	height:95%;
	background-color:none;
}
*/


/*
div#Slogan
{
	margin-top:3%;
}
*/

div#DivLinkFormServiziTecnici,
div#DivLinkFormNormeLeggi
{
	margin-top:5%;
}

div.MenuPrincipale
{
	position:relative;
	left:15%;
	width:70%;
	width:100%;
	height:100%;
	top:0;
}

div.MenuPrincipaleConPulsanteHomePage
{
	position:relative;
	height:100%;
	top:0;
	left:1.5%;
	width:84%;
	width:100%;
}

/*
div.PulsanteHomePage
{
	height:50%;
	margin:0;
	padding:0;
	float:left;
}
*/

/*
div.PulsanteHomePage a
{
	text-decoration:none;
	color:white;
	background: #9A0000;
}

div.PulsanteHomePage a:hover
{
	text-decoration:none;
	background: #EBCCCC;
	color: #9A0000;
}
*/

img.ImgHomePage
{
	width:25px;
	margin:0;
	border:0;
	padding:0;
	border: 1px solid blue;
}


p.Certificazione 
{
	font-size:100%;
	font-weight:bold;
	color:yellow;
}

ul#navmenu
{
	position:relative;
	top:0;
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 100%; /*For KHTML*/
	min-width:500px;
	/*width: 500px;*/
	list-style: none;
	/*height: 24px;*/
	height:100%;
}

ul#navmenu li
{
	/*width:160px;*/
	/*width:19%;*/
	width:13%;
	
	background: #9A0000;
	color: white;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#FFF;
	
	/*border: 1px solid #FFF;*/
	/*border-right-color: #CCC;*/
	/*border-bottom-color: #CCC;*/
	
	height:100%;
	/*min-height:24px;*/
	line-height:24px;
	margin: 0;
	/*border: 0 none;*/
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	/*width: 15%;*/
	/*height: 24px;*/
	/*z-index:+3;*/ /*in ie si vede sopra i vari div*/
}

div.MenuPrincipaleConPulsanteHomePage ul#navmenu li
{
	/*width:15%;*/
	/*width:16%;*/
	width:13%;
}

ul#navmenu li ul li
{
	border: 1px solid #FFF;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	/*margin: 0;*/
	/*border: 0 none;*/
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	/*height:auto;*/
	/*z-index:+3;*/ /*in ie si vede sopra i vari div*/
}

ul#navmenu ul
{
	margin: 0;
	border: 0 none;
	padding: 0;
	/*width: 160px;*/
	list-style: none;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width:100%;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/
{
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

ul#navmenu ul li
{
	/*width: 160px;*/
	width:100%;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a 
{
	/*
	border: 1px solid #FFF;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	*/
	padding: 0;
	padding-left: 6px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	background: #9A0000;
	color: white;
	/*font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;*/
	/*font: bold 75% Verdana, Arial, Helvetica, sans-serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*font-size:65%;*/
	font-size:55%;
	/*line-height:160%;*/
	font-weight:bold;
	text-decoration: none;
	/*height: auto !important;*/
	height: 1%; /*For IE*/
	height:100%;
	/*width:90%;*/
}

a.MenuPrimoLivello
{
	text-transform:uppercase;
	white-space: nowrap; 
}

li.PrimoMenuDestra
{
	border-left:1px solid;
}

ul#navmenu li ul li a
{
	/*
	font-style:italic;
	*/
}

/****************************************************/
/*						MENU						*/
/****************************************************/
/* Root Menu Hover Persistence */
ul#navmenu li:hover,
ul#navmenu li.iehover,
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a
{
	background: #EBCCCC;
	color: #9A0000;
}

/* 2nd Menu */
ul#navmenu li:hover li,
ul#navmenu li.iehover li,
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a
{
	float: none;
	background: #EBCCCC;
	color: #9A0000;
	width:auto;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a
{
	background: #9A0000;
	color: white;
}

/*
PR: Impostando una dimensione di line-height a questo punto 
posso decidere l'altezza dei link delle sottovoci di menu,
a partire dal secondo livello
*/
ul#navmenu li li
{
	/*line-height:130%;*/
}

ul#navmenu li li a
{
	/*line-height:100px;*/
	line-height:130%;
	padding-top: 3%;
	padding-bottom:3%;
}
	/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a
{
	background: #EBCCCC;
	color: #9A0000;
	/*width:160px;*/
}

/*PR: serve per impostare la dimensione dei li dal terzo livello in poi del menu'*/
ul#navmenu li li li 
{
	/*width: 175px;*/
	width:100%;
	top:6px;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a
{
	background: #9A0000;
	color: white;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a
{
	background: #EBCCCC;
	color: #9A0000;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover
{
	background: #9A0000;
	color: white;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul
{
	display: none;
	position: absolute;
	top: 0;
	/*left: 160px;*/
	left:100%;
	width:100%;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul
{
	display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul
{
	display: block;
}

/*PR:Questa parte serve per impostare il bordo intorno alle immagini posizionate in un link*/
a:link img,
a:visited img
{
	border: 1px solid white;
}

object
{
}

li#MenuPrimoLivelloHomePage
{
	display:inline;
}

span#SpanMenuPrimoLivelloHomePage
{
	/*float:left;*/
	/*float:right;*/
	padding-right:6px;
}

img#ImgHomePageSinistra
{
	/*padding-top:2px;*/
	margin-top:3px;
	float:left;
}

a#AHomePage:link img,
a#AHomePage:visited img
{
	border:0;
}

.CheckBoxColonnaSinistra
{
	margin:0;
	border:0;
	padding:0;
	/*background-color:yellow;*/
	float:left;
	width:49%;
}

.CheckBoxColonnaDestra
{
	margin:0;
	border:0;
	padding:0;
	/*background-color:red;*/
	float:right;
	width:49%;
}

Div#FormCheckBox label
{
	text-align:left;
	width:auto;
	float:left;
}

Div#FormCheckBox div.SingolaRiga
{
	padding:0;
	margin:0;
}