/*===============================================*/
/* Michele Ruffaldi Santori
/* Agosto 2011
/* By: Michele Ruffaldi Santori
/* http://www.videografica01.com 
/* http://www.micheleruffaldisantori.com 
/*==============================================*/


html, body {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
background-color: #3ca2ea;
font-family: 'Trebuchet MS', Arial;
font-style: normal;
color: #FFFFFF;
font-size: 13pt;
line-height: 17pt;
text-align: justify;
direction: ltr;
}

.clearfix{ /* clearfix http://css.flepstudio.org/css-tutorials/clearfix.html */
clear: both;
}

/* CONTENITORE ========================================*/
	#contenitore{ width: 900px; margin: auto;}
/* CONTENITORE ========================================*/


#azzurroalto{
width: 100%;
height: 330px;
background: url(immagini/azzurro_alto.png) repeat-x;	
margin:0px 0 0 0px;	/* superiore dx inferiore sx */
z-index: 1;
}

#logo{ /* Logo in home page */
width: 441px;
height: 355px;	
background-image:url(immagini/condominiologogrande.png); 
margin: -330px 0 40px 240px; /* superiore dx inferiore sx */
z-index: 10;
}

#logoprivata{ /* Logo in home page */
width: 441px;
height: 181px;	
background-image:url(../immagini/benvenutoareaprivata.png); 
margin: -330px 0 12px 220px; /* superiore dx inferiore sx */
z-index: 10;
}

img{border:0px;}


ul li {list-style-position: inside;}

/* LINK =================================================== */
a:link {text-decoration: none; color: #FFF;}
a:visited {text-decoration: none; color: #FFF;}
a:active {text-decoration: underline; color: #FFF;}
a:hover {text-decoration: underline; color: #FFF;}
/* LINK =================================================== */



/* BTN AREA PRIVATA - ACCESSO PANNELLO =========================================================================== */

a.btnaccessopannello{display: block; width: 29px;height: 25px; margin: -395px 0 50px 700px;
text-align:center;text-decoration: none; color: none;
background: url(immagini/accessopannello.png) no-repeat 0 0} 
a.btnaccessopannello:hover{background-position:0 -25px;color: none}
		
a.btnareaprivata{display: block; width: 289px;height: 46px; margin: 395px 0 20px 310px;
text-align:center;text-decoration: none; color: none;
background: url(immagini/btn_areaprivata.png) no-repeat 0 0} 
a.btnareaprivata:hover{background-position:0 -46px;color: none}





/*CONTENITORE COLONNE =========================================================================================================================== */

#contenitore900{ width:900px; margin-top:0px; float:left;}

	.colonna_dentro{ font-size: 12pt; line-height: 17pt; text-align: left; direction: ltr; padding:30px; margin-bottom:10px;}

	#colonna900{ width:899px; margin-top:0px; float:left;}
	#colonna450{ width:449px; margin-top:0px; float:left;}

	
	#pdf380sezione{ width:380px; margin-top:0px; float:left; background-color: #0b75bf; margin: 10px 0px 5px 0px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
	#pdf380{ width:380px; margin-top:0px; float:left; background-color: #57b3f4; margin: 10px 0px 5px 0px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
		.pdfimg{width: 52px; height: 53px; position: absolute; left: 50%; margin: 20px 0px 0px 35px; z-index: 10; }
		.pdfdata { font-family: 'Trebuchet MS', Arial; color: #FFF; font-size: 8pt; line-height: 17pt; text-align: left; direction: ltr; padding:12px; margin: 20px 0 5px 60px; /* superiore dx inferiore sx */ text-transform:uppercase;}
		.pdftesto { font-family: 'Trebuchet MS', Arial; color: #FFF; font-size: 11pt; line-height: 14pt; text-align: left; direction: ltr; padding:12px; margin: -50px 0 0px 60px; /* superiore dx inferiore sx */ text-transform:uppercase;}
		.pdfcp{ font-family: 'Trebuchet MS', Arial; color: #FFF; font-size: 12pt; line-height: 14pt; text-align: left; direction: ltr; padding:2px; margin: 0px 0 0px 10px; /* superiore dx inferiore sx */ text-transform:uppercase;}





	
/* PIE PAGINA =====================================================================================================================================*/
.piepagina{
	width: 100%;
	height: 120px;
	vertical-align: top;
	background: #3ca2ea;
	margin: 0px auto;	/* superiore dx inferiore sx */
	z-index: 90;
	}
.piepaginadentro{
	font-family: 'Trebuchet MS', Arial;
	font-style: normal;
	color: #FFFFFF;
	font-size: 10pt;
	width: 850px;
	vertical-align: top;
	margin: 0px 0px 0px 0px;	/* superiore dx inferiore sx */
	padding: 0px 0px 0px 0px;
	z-index: 90;
	}
	
	.piepaginadati {
			width:600px;
			float:left;
			vertical-align: top;
			padding:12px;
			font-family: 'Trebuchet MS', Arial;
			color: #FFF;
			font-size: 9pt;
			line-height: 11pt;
			text-align: left;
			direction: ltr;
		}
			
			
	.piepaginalogo {
			width:118px;
			float:right;
			vertical-align: top;
			padding:12px;
			font-family: 'Trebuchet MS', Arial;
			color: #FFF;
			font-size: 9pt;
			line-height: 11pt;
			text-align: right;
			direction: ltr;
		}


/*
POSIZIONARE dove si vuole 
html: <p id="fb"></p>
p#fb{ width: 91px; height: 22px; position: absolute; background-image:url(img/btn_attivo.png); left: 50%; margin: 64px 0 0 0px; z-index: 100; }*/