*{ 	
	font-family:Geneva, Arial, sans-serif;
	font-size:12px;
	color:#555555
	}


html,body {
	height: 96%; /* Stay a bit off top and bottom and stop a scrollbar in IE. */
}

body {
	margin-top: 0px; /* get of that top! */
	margin-bottom: 2%; /* And stay of the bottom as well! */
	background-color: #FFFFFF; /* Fresh and white! */
	font-size: small/100%; /* This makes sure IE users can increase fontsize with their browser.  */
	color: #333333 /* A grey color. */
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;/* Monaco = iMac, Calibri = Windows Vista */
}

a {
	color: #555555;
	text-decoration: none;
}

a:hover {
	color: #880044;
	text-decoration: none;
}


.testoViola{
font-size:12px;
color:#880044;
}

.testoBianco{
font-size:12px;
color:#FFFFFF;
}

.titolo{
font-size:18px;
color:#880044;
}
.inputStyle{
width:300px;
background:#880044;
color:#FFFFFF;

}
.inputStyle2{
width:300px;
height:150px;
background:#880044;
color:#FFFFFF;
}

.testoPiccolo{
font-size:10px;
}

.testofooter{
font-size:10px;
letter-spacing:1px;
}
.senzaMarginTop{
margin-top:0px;
padding:0px;
}

#container { /* <DIV #1> */
	width: 900px; /* Edit this to change the width of your site. Set it to 100% for some fun :-) */
	margin-left: auto;  /* This keeps the template centered. */
	margin-right: auto; /* This keeps the template centered. */
}


#imgHeader{
	width: auto; /* Just as wide as the container, ofcourse. */
	height: 150px; /* No need to set height, just some padding around the headers is enough to get height. */
	background: #ffffff url(../images/testata.jpg) top left no-repeat; /* Couldn't resist. Used an image */
}


#intestazione{
width:auto;
height:auto;
padding-left:38px;
padding-top:72px;
text-align:left;
color:#333333;
font-size:11px;
font-style:oblique;
}
#imgHeader .topkeys {
font-size:10px;
color:#c0d6e4;
width:895px;
height: 30px;
position: absolute;
margin: 0px;
padding: 0px;
text-align: right;
}
#imgHeader .topkeys h1 {
font-size:10px;
color:#c0d6e4;
font-weight: normal;
margin: 0px;
padding: 0px;
text-align: right;
}
#imgHeader .topkeys h1 a, #imgHeader .topkeys h1 a:hover {
font-size:10px;
color:#c0d6e4;
margin: 0px 0px 0px 10px;
padding: 0px;
font-weight: normal;
cursor: text;
}



#bkgRiflesso{
width:auto;
height:auto;
vertical-align:top;
margin-top:0px;
padding:3% 4%; /* padding top is 3% and padding right is 4%. This creates the height of the header. */
background: #ffffff url(../images/riflesso.jpg) top  no-repeat; /* Couldn't resist. Used an image */
border:1px #FFFFFF solid;
padding-top:0px;

}

#linea{
width:auto;
height:50px;
background: #ffffff url(../images/linea.jpg) bottom  no-repeat; /* Couldn't resist. Used an image */
}
#menu{
width:auto;
height:auto;
vertical-align:top;
text-align:right;

}
#titoloPagina{
width:auto;
height:auto;
vertical-align:top;
padding-top:50px;
text-align:center;
}

#testo{
width:auto;
height:auto;
vertical-align:top;
text-align:left;
padding-top:50px;
font-size:12px;
color:#555555;
letter-spacing:1px;
}

#contenitoreIndirizzi{
margin-top:10px;
width:825px;
height:150px;
}
#indirizzo1{
width:275px;
height:150px;
float:left;
text-align:center;
font-size:12px;
color:#555555;
}
#indirizzo2{
width:275px;
height:150px;
float:left;
text-align:left;
color:#333333;
font-size:14px;
text-align:center;
}

#indirizzo3{
width:275px;
height:150px;
float:left;
text-align:left;
color:#333333;
font-size:12px;
text-align:center;
}

#imgMappa{
float:left;
width:550px;
height:400px;
background: #ffffff url(../images/cartina.png) top left no-repeat;
}

#contenitoreMappaIndirizzi{
margin-top:100px;
width:850px;
height:400px;
}

#indirizzi{
float:right;
width:300px;
height:400px;
}

#schedaContatti{
margin-top:100px;
width:500px;
height:400px;
border:1px #000000 solid;
}


#footer{
width:auto;
height:50;
margin-top:100px;
text-align:center;
/*font-size:10px;*/
color:#555555;
}


/*************form*************/

#formBackground{
width:740px;
height:500px;
margin-top:50px;
padding:10px;
background:#880044;
margin:0 auto;
}
#formContainer{
width:700px;
height:460px;
background:#FFFFFF;
padding:20px;
}
#rigaForm{
width:710px;
height:30px;
}
#rigaForm2{
width:710px;
height:150px;
}

#testoForm{
float:left;
width:320px;
height:30px;

}
#inputForm{
float:left;;
width:320px;
height:30px;
text-align:right
}

#mappa{
width:550px;
height:460px;
padding-top:50px;
margin:0 auto;
}

#formCentrale{
width:700px;
height:100px;
margin-top:50px;
padding:10px;
margin:0 auto;
}

#divTable{
width:800px;
margin:0 auto;
}

table td.immagine {

border-top: 1px solid #e3e3e3;

border-right: 1px solid #e3e3e3;

border-bottom: 2px solid #bcbcbc;

border-left: 1px solid #e3e3e3;

padding: 10px;

background:  url(../images/logo_small2.jpg) center center no-repeat;

text-align: center;

vertical-align: middle;

width: 180px;

}
table td {

border-top: 1px solid #e3e3e3;

border-right: 1px solid #e3e3e3;

border-bottom: 1px solid #e3e3e3;

border-left: 1px solid #e3e3e3;

padding: 10px;

}

table td.immagine {

border-top: 1px solid #e3e3e3;

border-right: 1px solid #e3e3e3;

border-bottom: 1px solid #e3e3e3;

border-left: 1px solid #e3e3e3;

padding: 10px;

background: #ffffff url(../images/logo_small2.jpg) center center no-repeat;

text-align: center;

vertical-align: middle;

width: 180px;

}
table.traspa, table.traspa td {

background-color: #ffffff;

border: 0px;

padding: 0px 0px 0px 10px;

margin: 0px;

}



table.traspa2, table.traspa2 td {

background-color: #ffffff;

border: 0px;

padding: 5px;

margin: 0px;

}



.chiudibottom {
background-color: #ffffff;
border: 0px;
font-size:10px;
color: #dcdcdc;
padding: 0px;
margin: 0px auto;
margin-top: 40px;
clear: both;
width: 100%;
text-align: center;
}
.chiudibottom h2 {
font-size:10px;
color:#dcdcdc;
margin: 0px;
padding: 0px;
font-weight: normal;
}
.chiudibottom h2 a, chiudibottom h2 a:hover {
font-size:10px;
color:#dcdcdc;
margin: 0px 0px 0px 10px;
padding: 0px;
font-weight: normal;
cursor: text;
}