/* CSS CREATO DA MERZARI DAVIDE, ARCHIMEDIA S.N.C. NEL MESE DI MAGGIO 2006. WEB: WWW.ARCHIMEDIANET.IT */
/* PROGETTO: LOMBARDI GROUP */

/**********************************************************************/
/* DEFINIZIONE STRUTTURA **********************************************/
/**********************************************************************/

body {
	margin: 0;
	padding: 0;
	background:url(../immagini/sfondobody.jpg) left top repeat-y;
	font-size: 100%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #000;
}
form{
	padding:0;
	margin:0;
}
img{
	padding:0;
	margin:0;
}
.titoloMax{ 
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#900; 
}
.titoloMin{ font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; }
/*PARTE ALTA CON LOGO E TASTI GENERALI*/

#scatola{
	width:800px;
	height:200px;
	margin:0;
	padding:0;
}
#logoPrincipale{
	position:absolute;
	width:250px; height:70px;
	margin:0; padding:0;
	top:0; left:0;
	background-image:url(../immagini/logoalto.jpg);
}
#areaR{
	position:absolute;
	width:250px; height:130px;
	margin:0; padding:0;
	top:70px; left:0;
	background-image:url(../immagini/sfondoarea.jpg);
	color:#FFFFFF;
	font-size:12px;
}
#areaBanner1{
	width:250px; height:130px;
	margin:0; padding:0;
	top:70px; left:0;
	background-color:#fff;
	color:#FFFFFF;
	font-size:12px;
}

#logoPrincipale1{
	position:absolute;
	width:600px; height:180px;
	margin:0; padding:0;
	top:20px; left:0;
	background-color:#FFFFFF;
}
#areaR1{
	position:absolute;
	width:200px; height:180px;
	margin:0; padding:0;
	top:20px; left:600px;
	background:#8EBC3A url(../immagini/chiusuranews.jpg) left bottom no-repeat;
	color:#FFFFFF;
	font-size:12px;
}
#tastiAlti1{
	position:absolute;
	width:800px; height:20px;
	margin:0; padding:0;
	top:0; left:0px;
	background-color:#ffffff;
	text-align:right;
	padding-right:0px;
}
#immagineAlta{
	position:absolute;
	width:550px; height:180px;
	margin:0; padding:0;
	top:20px; left:250px;
	background-color:#ffffff;
}
#tastiFissibassi{
	width:800px; height:40px;
	margin:0; padding:0;
	background-color:#ffffff;
	border-bottom:1px solid #ffffff;
	border-top:1px solid #ffffff;
}
#boxAreaR{
	width: 204px;
	padding:2px;
	margin-left:20px;
	border:1px solid #CCCCCC;
	background-color:#f7f7f7;
	padding-top:10px;
	padding-bottom:10px;
}
#boxWebmail{
	width: 204px;
	padding:2px;
	margin-left:20px;
	border:1px solid #CCCCCC;
	background-color:#fff;
	padding-top:10px;
	padding-bottom:10px;
}
#boxNewsSx{
	width: 200px;
	padding:0px;
	margin-left:0px;
}
#dataNews{
	width: 60px;
	float:left;
	color:#CC3300
}
#testoNews{
	width: 140px;
	float:left;
	border-left:1px dotted #cccccc;
	padding-left:4px;
}
#testoWebmailSx{
	width:60px;
	float:left;
	padding-left:10px;
}
#inputWebmailSx{
	width:130px;
	float:left;
	margin:1px;
}
.dimenticatoPsw{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666666;
}
.dimenticatoPswBianco{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
}
.altiDx{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	text-decoration:none;
}
.altiDx:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	text-decoration:underline;
}
.abianco{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	text-decoration:none;
}
.abianco:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	text-decoration:underline;
}
.titolinews{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#036;
	text-decoration:none;
}
.titolinews:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	text-decoration:underline;
}

/*PARTE INTESTAZIONE CON LOGO E TASTI GENERALI*/
#intestazione {
	background: #efefef url(intestazione.jpg) 0 0 repeat-x;
	color: #000;
	width: 800px;
	height: 56px;
	text-align:left;
}
h1 {
	position:absolute;
	top: 0;
	left: 10px;
	margin: 0;
}
#navalto{
	padding: 0px 0px 0px 560px;
	color:#FFFFFF;
	font-size:90%;
}
#navalto a{
	color:#FFFFFF;
	text-decoration:none;
}
#navalto a:hover{
	color:#efefef;
	text-decoration:underline;
}
/* FINE PARTE INTESTAZIONE CON LOGO E TASTI GENERALI*/
/*PARTE TASTI GENERALI IL GRUPPO, IMMAGINI E NEWS*/
#areaLab{
	width:70px;
	float:left;
	padding-left:5px;
}
#areaInp{
	width:150px;
	float:left;
}
#istituzionale {
	background: #666;
	color: #fff;
	width: 800px;
	height: 130px;
	font-size: 90%;
	z-index:1;
}
#tastigruppo{
	padding: 0px 0px 0px 0px;
}
#areariservata{
	padding: 0px 0px 0px 0px;
	width:250px;
	height:130px;
	background-color:#8EBC3A;
}
#istituzionale h1 {
	position:absolute;
	top: 70px;
	margin: 0;
	left: 180px;
	overflow:hidden;
}
#istituzionale img{
	border: 0px;
	padding: 1px;
}
#istituzionale h2{
	position:absolute;
	top: 71px;
	margin: 0;
	left: 672px;
	width: 125px;
	height:130px;
	border-right:1px solid #efefef;
	font-size:95%;
	color:#FFFFFF;
}
/*FINE PARTE TASTI GENERALI IL GRUPPO, IMMAGINI E NEWS*/
#imgGruppi{
	background:#efefef;
	width:800px;
	border-right:1px solid #cccccc;
	height: 75px;
	z-index:4
}
#separatore2{
	background:#efefef;
	width:800px;
	border-right:1px solid #cccccc;
	height: 5px;
	z-index:3;
}
#corpo {
	float: left;
	width: 799px;
	background: #ffffff url(sfondocorpo.gif) 0 0 repeat-y;
	border-right: 1px solid #efefef;
}
#colonnaSX {
	float: left;
	width: 246px;
	background: transparent;
	color: #000;
	padding: 2px;
}
#colonnaCT {
	float:left;
	width:547px;
	background: transparent;
	color: #000;
	padding-left:5px;
	padding-right:2px;
	margin-right:1px;
	margin-left:1px;
	font-size:13px;
}
#piedipagina {
	clear: left;
	background: #ffffff;
	color: #999;
	border-top: 1px solid #efefef;
	/*border-bottom: 1px solid #efefef;*/
	padding: 0px;
	margin: 0;
	font-size: 80%;
	width:800px;
}

/*DEFINIZIONE TASTI GRUPPO */
.menuGruppo{
	width: 208px;
	margin: 0;
	padding: 0;
	list-style:none;
	padding-left:20px;
	padding-right:20px;
	font-family:Arial, Helvetica, sans-serif;
}
.menuGruppo a{
	display:block;
	text-decoration:none;
	color:#0066CC;
	border-bottom:1px solid #f7f7f7;
}
.menuGruppo a:hover{
	color:#333;
	background:#ffffff;
	text-decoration:none;
	border-bottom:1px solid #CCCCCC;
}
.menuGruppo li{
	top: 0;
	display:inline;
}
/*FINE DEFINIZIONE TASTI GRUPPO */
/*DEFINIZIONE TASTI GRUPPO */
.menuTasti{
	width: 208px;
	margin: 0;
	padding: 0;
	list-style:none;
	padding-left:5px;
	padding-right:0px;
	font-family:Arial, Helvetica, sans-serif;
}
.menuTasti a{
	display:block;
	text-decoration:none;
	margin:0;
	color:#0066CC;
	text-decoration:none;
	border-bottom:1px solid #f6f6f6;
}
.menuTasti a:hover{
	color:#333;
	text-decoration:none;
	border-bottom:1px solid #ccc;
}
.menuTasti li{
	top: 0;
	display:inline;
}
/*FINE DEFINIZIONE TASTI SOTTOGRUPPO */







/**********************************************************************/
/* DEFINIZIONE STRUTTURA BOX INTERNI **********************************/
/**********************************************************************/
.boxNumVerde {
	float: left;
	width: 250px;
	background:#fff;
	text-align:center;
	padding-top:5px;
}

.boxNumVerde p {
	margin: 0;
	padding: 0 10px 10px 10px;
}

.boxCertificazione {
	float: left;
	width: 250px;
	background:#fff;
	text-align:center;
	padding-top:5px;
}

.boxAreaR {
	float: left;
	width: 180px;
	background:#ccc;
	border-top:1px solid #0099CC;
	border-bottom:2px solid #0099CC;
	text-align:left;
	margin-top: 4px;
	font-size:85%;
}
.boxAreaR form {
	margin: 0;
	padding: 0;
}

.boxWebMail {
	float: left;
	width: 180px;
	background:#CCC;
	border-top:1px solid #0099CC;
	border-bottom:2px solid #0099CC;
	text-align:left;
	margin-top: 4px;
	font-size:85%;
}
.boxWebMail form {
	margin: 0;
	padding: 0;
}

.capotastoBox {
	width:180px;
	background-color:#0099CC;
	text-align:left;
	color:#FFFFFF;
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-size:110%;
}
.perLabelAreaR {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#CC3300;
	border:1px solid #777;
	margin:1px;
}
.submitLabel {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#666666;
}

.boxAreaR h1{
	padding: 10px;
	background-color:#efefef;
	color:#333333;
}

.boxAreaR p {
	margin: 0;
	padding: 0 10px 10px 10px;
}

.formboxAreaR {
	font-size: 100%;
	color:#666666;
}

.boxNews {
	float: left;
	width: 180px;
	background: #efefef url(arrotondamentodown.gif) left bottom no-repeat;
	text-align:left;
	margin: 2px;
}
.boxNews h1 {
	font-size:1em;
	margin: 0;
	padding: 10px;
	background: url(arrotondamentoup.gif) left top no-repeat;
}

.boxMailing {
	float: left;
	width: 180px;
	background: #efefef url(arrotondamentodown.gif) left bottom no-repeat;
	text-align:center;
	margin: 2px;
}
.boxMailing h1 {
	font-size:1em;
	margin: 0;
	padding: 10px;
	background: url(arrotondamentoup.gif) left top no-repeat;
}
.boxMailing p {
	margin: 0;
	padding: 0 10px 10px 10px;
}
.boxMailing form {
	margin: 0;
	padding: 0;
}
.formMailing {
	font-size: 100%;
	color:#666666;
}


/**********************************************************************/
/* FINE DEFINIZIONE STRUTTURA BOX INTERNI *****************************/
/**********************************************************************/
a.tastialti:hover {
	font-size: 100%;
	color: #ffffff;
	text-decoration: underline;
}
a.tastialti {
	font-size: 100%;
	color: #ffffff;
	text-decoration: none;
}
#intestazione, #colonnaSX, #colonnaCT, #colonnaDX, #piedipagina {
	padding: 0.5em 0;
}
div p {
	margin: 0;
	padding: 0.1em 0.5em;
}

/**********************************************************/
/* DEFINIZIONE STILE TASTI ********************************/
/**********************************************************/


/**********************************************************/
/* FINE DEFINIZIONE STILE TASTI ***************************/
/**********************************************************/



/* FINE SOTTOTASTIVERTICALI */
/* FINE DEFINIZIONE STILE TASTO */

/* DEFINZIONE STILE DI CARATTERI */
div {
	font-size: 90%;
}
p {
	font-size: 100%;
}
/* FINE DEFINIZIONE STILE CARATTERI */

/* DEFINIZIONE STILI GENERALI */
h2 {
	font-size: 140%;
	margin: 0;
	padding: 2px;
	color: #000000;
}
h3 {
	font-size: 130%;
	margin: 0;
	padding: 2px;
	color: #000000;
}
h4 {
	font-size: 120%;
	margin: 0;
	padding: 2px;
	color: #000000;
}
h5 {
	font-size: 110%;
	margin: 0;
	padding: 2px;
	color: #000000;
}
h6 {
	font-size: 100%;
	margin: 0;
	padding: 2px;
	color: #000000;
	text-decoration:none;
}
.caratterePiccolo {
	font-size: 85%;
	margin: 0;
	padding: 2px;
	color: #999999;
	text-decoration:none;
}
.formContatti {
	font-size: 100%;
	color:#666666;
}
.numP{
	font-size: 85%;
}
.numP a{
	font-size: 85%;
	color: #efefef;
}
.numP a:hover{
	font-size: 90%;
	color: #fff;
	text-decoration:underline;
}
.labelcontatto {
	color: #000000;
	border: 1px solid #999999;
	border-bottom: 2px solid #000;
	background-color: #ffffff;
	font-size:80%;
}

/********************** DEFINIZIONE TABELLA CSS ***************************/
DIV.base-layer {
	float: left;
	width: 160px;
	/*border: 1px solid #efefef;*/
  background: none; 
  /*margin: 0.2em 3px 0.2em 3px; padding: 0; text-align: center; */
  font-size:100%;
}
.base-layer h1 {
	font-size: 100%;
	color:#666666;
}

DIV.table-row {
  /*background: none #ffffff; 
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;*/
  padding: 0; text-align: center; width: 100%;
}

DIV.left-container2 {
  border: none; float: left; margin: 0; padding: 0; width: 49%;
  margin-left: 1px;
  text-align: left;
	font-size:100%;  
}
DIV.left-container2 a {
	font-size: 100%;
}
DIV.left-container2 a:hover {
	font-size: 100%;
}

DIV.right-container2 {
  border: none; float: right; margin: 0; padding: 0; width: 49%;
  margin-left:1px;
  text-align: left;
	font-size:100%;    
}
DIV.right-container2 a {
	font-size: 100%;
}
DIV.right-container2 a:hover {
	font-size: 100%;
}

DIV.unica { /*unica riga*/
  border: none; float: left; margin: 0; padding: 0; width: 100%;
  text-align: center;
	font-size:100%;  
}

/********************** FINE TABELLA CSS **********************************/




/* FINE DEFINIZIONE STILI GENERALI */
/******** CODICE PER NASCONDERE GLI ELEMENTI DI NAVIGAZIONE INTERNA, INDISPENSABILI PER VISUALIZZARE IL SITO SU PDA E SISTEMI DI RICONOSCIMENTO*/
/* PER DISABILI, MA INUTILI NEI BROWSER INTERNET******************************************************************/
hr, .pgNav{
position:absolute;
top:-1000em;
width:1px;
height:1px;
overflow:hidden;
}
/*FINE ELEMENTI NASCOSTI */

/* STILE PER LA FORMATTAZIONE DELLE TABELLE */
fieldset {
}
.menusx{
	width: 180px;
	padding: 5px;
	text-align: left;
	border:1px #ccc solid;
	margin-left:auto;
	margin-right:auto;
}
.pgcontatti{
	width: 500px;
	padding: 5px;
	text-align: left;
	border:1px #ccc solid;
	margin-left:auto;
	margin-right:auto;
}
.spazionewsri{
	width: 525px;
	padding: 5px;
	text-align: left;
	background-color:#efefef;
	border:1px #ccc solid;
	margin-left:auto;
	margin-right:auto;
}


fieldset textarea {
	padding:0;
	margin:0;
}
fieldset #mezzo {
	width:250px;
	float:left; /*none se li vuoi in lista verticale */
	margin-bottom: 0.5em;
	text-align:right;
}
fieldset #mezzopsx1 {
	width:180px;
	float:left; /*none se li vuoi in lista verticale */
	margin-bottom: 0.5em;
	text-align:right;
}
fieldset #mezzopsx2 {
	width:180px;
	float:left; /*none se li vuoi in lista verticale */
	margin-bottom: 0.5em;
	text-align:right;
}
fieldset #mezzopsx3 {
	width:180px;
	float:left; /*none se li vuoi in lista verticale */
	margin-bottom: 0.5em;
	text-align:right;
}
fieldset #mezzopsx4 {
	width:180px;
	float:left; /*none se li vuoi in lista verticale */
	margin-bottom: 0.5em;
	text-align:right;
}

fieldset #mezzopsxcenter {
	width:180px;
	float:left; /*none se li vuoi in lista verticale */
	margin-bottom: 0.5em;
	text-align:center;
}

fieldset #pienopsx {
	width:90px;
	float:left; /*none se li vuoi in lista verticale */
	margin-bottom: 0.5em;
	text-align:right;
}

fieldset #pienoins {
	width:520px;
	float:left; /*none se li vuoi in lista verticale */
	margin-bottom: 0.5em;
	text-align:right;
	background-color:#fff;
}
fieldset #pieno {
	width:520px;
	float:left; /*none se li vuoi in lista verticale */
	margin-bottom: 0.5em;
	text-align:left;
	background-color:#efefef;
}
fieldset label {
	text-align: left;
	white-space: nowrap;
	float:left;
	width: 80px;
}

.obbligatorio {
	color:#990000;
	font-weight:bold;
}

/* FINE STILE PER LA FORMATTAZIONE DELLE TABELLE */


