* {
margin:0; 
padding:0;
}

body{
font-family: Microsoft Sans Serif,tahoma,arial,Helvetica, sans-serif;;
font-size: 10pt;
letter-spacing:2px;
color:#BDBDBD;
background:url(../img/backBody.jpg) repeat-y center #000;
}

div#wrapper{
width:820px;
background-color:#000;
margin:0 auto;
text-align:center;
}

div#headerHome{
height:270px;
background:url(../img/header7.jpg) no-repeat top left #000;
}

div#header{
height:80px;
background:url(../img/title.jpg) no-repeat top center #000;
}

div#headerHome img#titolo{
margin-top:190px;
}


span.underline{
text-decoration:underline;
}

span.drop{
	color:#666;
	float:left;
	font-size:400%;
	line-height:1em;
	margin:4px 10px 10px 0;
	padding:4px 10px;
	border:2px solid #666;
	background:#BDBDBD;
}

/*-------------------------------------------Menu----------------------------------------*/
ul#menu{
width:100%;
list-style:none;
text-align:center;
display:block;
height:80px;
background:url(../img/backCont2.jpg) repeat-x top #454545;
}

ul#menu li{
float:left;
}

ul#menu li a{
display:block;
padding-top:20px;
margin-left:25px;
text-decoration:none;
color:#FFFFFF;
font-variant:small-caps;
font-weight:bold;
font-size: 9pt;
width:130px;
height:40px;	/*metto 40 perchè +20 di padding sopra ottengo l'altezza di metà immagine menuitem*/
/* unica immagine di sfondo nel menuitem che scorre nella porzione giusta */
background:url(../img/menuitem2.jpg) no-repeat 0px -60px;
}

ul#menu li a:hover{
background:url(../img/menuitem2.jpg) no-repeat 0px 0px;
text-decoration:underline;
color:#fff;
}
/*-------------------------------------------End-Menu----------------------------------------*/

/*-----------------------------------------Contents-------------------------------------------------------------*/
div#contents{
float:left;
width:100%;
text-align:left;
/*background:url(../img/backCont2.jpg) repeat-x top #454545;*/
background-color:#454545;
padding-top:10px;
line-height:200%
}


div#history{
width:700px;
padding-left:60px;
}


blockquote#citaz{
	width:700px;
	background:url(../img/openquote.gif) no-repeat top left;
	color: #BDBDBD;
	margin-bottom:30px;
}

blockquote#citaz p{
    margin:0;
	padding:0px 50px;
}
blockquote#citaz p#first{
 	padding: 15px 50px 0px 50px;
}
blockquote#citaz p#last{
	background: url(../img/closequote.gif) no-repeat bottom right;
	padding:0px 50px 15px 50px;
}

blockquote#citaz span#autore{
font-weight:bold;
font-style:italic;
font-size:16px;
display:block;
text-align:right;
}

div#contents a{
color:#FF3300;
}
div#contents a:hover{
color:#FFFF66;
}
div#form{
margin:0 auto;
width:400px;
padding-bottom:20px;
clear:left;
/*text-align:center;*/
}


div#form fieldset{
margin:1em 0;
padding:2em;
border:1px solid #BDBDBD;
}

div#form legend{
color:#BDBDBD;
}

div#form label{
display:block;
margin-bottom:3px;
}

div#form div{
margin:10px 0;
}

div#form div input{
width:200px;
}

div#form select{
width:210px;
}

div#form textarea{
width:300px;
height:100px;
}

div#form img{
border: 3px solid #BDBDBD;
}

div#form select, div#form textarea, div#form div input{
background-color:#BDBDBD;
border-top:2px solid #737373;
border-left:2px solid #737373;
border-right:1px solid #F8F7F0;
border-bottom:1px solid #F8F7F0;
color:#454545;
padding:3px;
}

div#form select:focus, div#form textarea:focus, div#form div input:focus{
background-color:#FFFFFF;
}
div#form input#button{
width:100px;
float:right;
}

div#form div.credits{
clear:right;
margin-top:20px;
text-align:center;
font-size:8px;
}
div.credits a{
color:#000;
}

ol{
list-style:decimal;
}
ol li{
font-weight:bold;
font-variant:small-caps;
font-style:italic;
margin-top:20px;
}
div.clear{
clear:left;
}
ul.serviceImages{
width:600px;
list-style:none;
float:left;
}

ul.serviceImages li{
float:left;
}

ul.serviceImages li a{
border:2px solid #ff3300;
display:block;
float:left;
margin-left:5px;
}
ul.serviceImages li a:hover{
border:2px solid #FFFF66;
}

ul.serviceImages li img{
border:0;
}

p.serviziPar{
 width:490px;
 margin-left:130px; 
 }
 
.serviziList {
margin-left:195px;
width:470px;
margin-bottom:10px;
}

ul#firstList li{
list-style:none;
padding-left:15px;
background:url(../img/bullet.gif) no-repeat 0px 12px;
}

ul#clientList{
margin-left:100px;
list-style:none;
}

ul#clientList li{
width:100%;
float:left;
clear:left;
margin-bottom:20px;
}

ul#clientList img{
float:left;
display:inline;
border: 5px solid #000;
}

ul#clientList div.infoClient{
float:left;
margin-left:20px;
width:530px;
padding:0;
}

div.infoClient h3{
font-variant:small-caps;
font-weight:normal;
}



blockquote.comment{
float:left;
font-style:italic;
background:url(../img/oquote.jpg) no-repeat top left;
margin-bottom:10px;
}

blockquote.comment p{
background: url(../img/cquote.jpg) no-repeat bottom right;
padding:20px 50px 15px 50px;
}


img.ingrclienti{
border:18px solid #000;
}


/*-----------------------------------------Contents-end---------------------------------------------------------*/



/*---------------------------------------Footer------------------------------------------------------------------*/
div#footer{
background:url(../img/backFoot2.jpg) repeat-x top #000;
padding-top:70px;
clear:left;
}

div#footer p#first{
background:url(../img/backCont2.jpg) repeat-x top #454545;
padding-top:10px;
padding-bottom:0;
}
div#footer p{
background-color:#454545;
/*padding-bottom:20px;*/
}
div#footer a{
color:#FF3300;
}
div#footer a:hover{
color:#FFFF66;
}

/*---------------------------------------------------------------------------------------------------------------*/