/* Federico *fedegrafo* Benvenuto */
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXX 									XXXXXXXXXXXXXXX*/
/*XXXXXXXXX 								     XXXXXXXXXXXXXXX*/
/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;}

body {
line-height: 1;}

ol, ul {
list-style: none;}

blockquote, q {
quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;}

/* remember to define focus styles! */
:focus {
outline: 0;}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;}

del {
text-decoration: line-through;}


body{
background:#EFECE6;
color:#333;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
}

#container{
width:960px;
margin:0 auto;
background-color:#fff;
color:#666;
text-align:left;}

#header{
width:960px;
margin:0 auto;
height:40px;
background:transparent;
color:#333;
margin-top:10px;}

#navigazione{
background-color:#fff;
color:#333;}

.menu{
margin: 0 30px;
padding: 0;
float: left;
font: bold 13px Arial;
width: 900px;
overflow: hidden;
margin-bottom: 1em;
background: #ff9900 url("../img/menu_bg.gif") center center no-repeat;
height:34px;}

.menu li{
display: inline;}

.menu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid #fc6;}

.menu li a:visited{
color: white;}

.menu li a:hover, .menu li .current{
color:#fff;
background: transparent url("../img/blockactive.gif") center center repeat-x;}

/* 316px + 410px + 234px = 960px */
#main_1{
float:left;
display:inline;
width:316px;
background-color:#fff;}

#main_2{
float:left;
display:inline;
width:410px;
background-color:#fff;
color:#666;
margin-top:25px;
line-height:1.4em;}

#main_3{
float:left;
display:inline;
width:234px;
background-color:#fff;}

#portfolio_1{
float:left;
display:inline;
width:320px;
height:610px;
background:#fff url("../img/main_portfolio1.png") 0 140px no-repeat;}

#portfolio_2{
float:left;
display:inline;
width:320px;
height:610px;
background:#fff url("../img/main_portfolio2.png") 0 140px no-repeat;}

#portfolio_3{
float:left;
display:inline;
width:320px;
height:610px;
background:#fff url("../img/main_portfolio3.png") 0 140px no-repeat;}

#bottom_1{
float:left;
display:inline;
width:320px;
background-color:#fff;}

#bottom_2{
float:left;
display:inline;
width:320px;
background-color:#fff;}

#bottom_3{
float:left;
display:inline;
width:320px;}

#footer{
clear:left;
width:960px;
margin:0 auto;
height:40px;
background:#fff url("../img/footer.png") 0 0 no-repeat;
color:#c00;}

#footer p{
padding-top:10px;
line-height:1.2em;
font-size:80%;
color:#999;
background:transparent;}

.clearleft{
clear:left;}


#main_2 p{
text-align:justify;
line-height:1.2em;
margin-left:5px;}

h1{
color:#f90;
font-size:1.2em;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
margin-top:10px;
margin-bottom:5px;}

h2{
color:#f90;
font-size:1.1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
margin-top:10px;
margin-bottom:5px;}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXX	  STILI LINK 		XXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

a:link, a:visited{
color:#c93;
text-decoration:underline;}

a:hover, a:active{
color:#960;
text-decoration:none;}

a:link.studiografico,
a:visited.studiografico{
color:#75A848;
text-decoration:none;}

a:hover.studiografico, 
a:active.studiografico{
color:#75A848;
text-decoration:underline;}

a:link.margherita,
a:visited.margherita{
color:#f90;
text-decoration:none;}

a:hover.margherita, 
a:active.margherita{
color:#f90;
text-decoration:underline;}

#portfolio_1 h1{
margin-top:8px;
margin-left:35px;
color:#69f;
color:#E3840C;}

#portfolio_1 h1.primotitolo{
margin-top:45px;
color:#69f;
color:#E3840C;}

#portfolio_1 p{
color:#666;
margin-left:50px;}

#portfolio_1 ul{
color:#666;
margin-left:50px;
list-style:none;}

#portfolio_1 ul li{
padding:3px 0;
/*padding:3px 18px;
background:url(../img/margherita.png) 0 4px no-repeat;*/}


/* portfolio 2 siti internet*/
#portfolio_2 h1{
margin-top:8px;
margin-left:30px;
color:#c00;
color:#E3840C;}

#portfolio_2 h1.primotitolo{
margin-top:45px;
color:#c00;
color:#E3840C;}

#portfolio_2 p{
color:#666;
margin-left:40px;
margin-right:30px;
text-align:justify;
line-height:1.2em;}

#portfolio_2 ul{
color:#666;
margin-left:40px;
list-style:none;}

#portfolio_2 ul li{
padding:3px 0;
/*padding:3px 18px;
background:url(../img/margherita.png) 0 4px no-repeat;*/
margin-right:30px;}


/* portfolio 2 siti internet*/

#portfolio_3 h1{
margin-top:8px;
margin-left:30px;
color:#40990F;
color:#E3840C;}

#portfolio_3 h1.primotitolo{
margin-top:45px;
color:#40990F;
color:#E3840C;}

#portfolio_3 p{
color:#666;
margin-left:40px;}

#portfolio_3 ul{
color:#666;
margin-left:40px;
list-style:none;}

#portfolio_3 ul li{
padding:3px 0;
/*padding:3px 18px;
background:url(../img/margherita.png) 0 4px no-repeat;*/}


.mappa{
border:3px solid #FFA32F;
margin:10px 0;}

a:hover .mappa {
border:3px solid #CC7D1A;
margin:10px 0;}


#contatti #main_1 h1, p{
margin-left:35px;
padding-top:5px;}

.pmail{
margin-top:15px;}

.mail{
margin-left:35px;}

/*footer links*/

#footer a:link, 
#footer a:visited{
color:#c93;
text-decoration:none;}

#footer a:hover, 
#footer a:active{
color:#960;
text-decoration:none;}


.preventivo{
margin-top:30px;}

a.dettagli{
color:#666;
text-decoration:none;
}

#natale h2{
color:#990000;
text-transform:uppercase;}

.elenco_natale{
margin-top:5px;
margin-left:5px;
color:#900;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;}