div, p, h5, h1, h2, h3, h6, h4, img, ul, li, a, ol{
margin:0;
padding:0;
list-style:none;
}

h1{
text-indent:-9999px;
height:0;
margin:0;
padding:0;}

img, textarea, input{
margin:0;
padding:0;
border:0;
}

a img{
outline:none;}

a, fieldset{
outline:none;
border:none;
text-decoration: none;
margin:0;
padding:0;
}

a:hover, input{
outline:none;
border:none;
}

html{
position:relative;
top:0;
left:0;
background-color:#333;
border-top:43px solid #444;
}

body{
position:relative;
top:0;
left:0;
margin-left:-182px;
margin-top:0px;
margin-right:0;
margin-bottom:0;
}

#container{
width:1081px;
margin:0 auto;
background:url(img/sfondo_farfalle.png) no-repeat 0 0;
min-height:619px;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#cambia_css{
float:left;
z-index:200;
margin-left:182px;
margin-top:-34px;
}

#cambia_css li{
float:left;
padding:0;
margin-left:10px
}

#cambia_css img{
border:4px solid #999999;
}

#cambia_css a:hover img{
border:4px solid #C9C9C9;
}

#menu{
float:right;
width:525px;
margin-right:-1px;

}

#menu ul{
width:525px;
background-color:#000000;
height:157px;
float:right;
z-index:200;
}

#menu li{
width:25%;
padding:0;
margin:0;
float:left;
text-align:center;
background-color:#333;
height:163px;
}

#menu li a{
font-family: "ITC Avant Garde Gothic", "Trebuchet MS", Verdana, sans-serif;
color:#000000;
font-size:22px;
display:block;
height:53px;
background-color:#737373;
padding:110px 0 0 0;
}

#menu a:hover{
color:#FFFFFF;
background-color: #777;
height:65px;
padding:93px 0 0 0;
}

#menu #voce_menu1 a{
background-image:url(img/sf_menu1.jpg);
background-repeat:no-repeat;
background-color:#969393;
font-family: "ITC Avant Garde Gothic", "Trebuchet MS", Verdana, sans-serif;
font-size:22px;
height:53px;
padding:110px 0 0 0;
}

#menu #voce_menu1 a:hover{
background-image:url(img/sf_menu1.jpg);
color:#FFFFFF;
background-color: #969393;
height:65px;
padding:93px 0 0 0;
}
#menu #voce_menu3 a{
background-color:#888;
}
#menu #voce_menu4 a{
background-color: #777;
}

#menu a.page_corrent{
color:#fff;
}

/*-------------------CONTENUTO----------------------*/

#contenuto{
width:100%;
margin-top:35px;
float:right;
position:relative;
font-size:13px;
color:#000;
font-family: "Trebuchet MS", Verdana, sans-serif;
}

#contenuto a{
color:#000;
}

#contenuto a:hover{
text-decoration: underline;
}

#fix{
float:right;
width:64%;
padding: 10px 3%;
background-color:#fff;
margin:-10px 67px 45px 0;
padding-top:10px;
border-bottom: #444 7px solid;
}

#fix p{
line-height:22px;
margin-top:10px;
}
.bold{
font-weight:bold;
}

#fix blockquote{
line-height:19px;
}

#bottone:hover{
background:url(img/bottone_h.png) 0 0 no-repeat;
}

#home{
text-indent:-9999px;
background-image:url(img/frase_home.png);
width:510px;
height:285px;
float:right;
margin:-27px 1px 0 0;}

#su_di_me{
float:right;
background:url(img/su_di_me.png) no-repeat 0 0;
width:191px;
height:94px;
text-indent:-9999px;
margin:-49px -69px 3px 10px;
position:relative;
z-index:200;
}

#attivita{
float:right;
background:url(img/attivita.png) no-repeat 0 0;
width:191px;
height:94px;
text-indent:-9999px;
margin:-49px -69px 3px 10px;
position:relative;
z-index:200;
}

#contatti{
float:right;
background: url(img/contatti.png) no-repeat 0 0;
width:191px;
height:94px;
text-indent:-9999px;
z-index:200;
position:relative;
margin:-48px 146px 0 0;
}

#portfolio{
float:right;
background: url(img/portfolio.png) no-repeat 0 0;
width:191px;
height:94px;
text-indent:-9999px;
margin:-49px -69px 3px 10px;
position:relative;
z-index:200;
}

#skype{
position:absolute;
top:113px;
right:27px;}

#valido{
display: none;
visibility:hidden;
clear:both;
margin-left:300px;
position:relative;
bottom:-40px;}

#valido p{
float:left;
}

#cv{
background:url(img/freccia.png) 0 50% no-repeat;
padding-left:17px;
float:right;}

#form1{
clear:both;
color: #000;  
font-weight:bold;
letter-spacing:0.8px;
margin:20px 0 0 10px;
}

#form_contatti{
background-color:#fff;
width:495px;
padding:0 15px;
min-height:345px;
font-size:14px;
position:relative;
top:0;
left:373px;
float:left;
border-bottom: #444 7px solid;
margin:-10px 0 0 0;
}

.par{
line-height:30px;
}

input{
position:absolute;
left:120px;
color:#fff;
letter-spacing:0.8px;
font-weight:600;
background-color: #A4A4A4;
font-family: "ITC Avant Garde Gothic", Verdana, sans-serif;
font-size:11px;
padding:2px 5px;
width:160px;
}

#idee{
height:115px;
width:465px;
background-color: #ddd;
font-family: "Trebuchet MS", "ITC Avant Garde Gothic",  Verdana;
font-weight:bold;
font-size:12px;
padding:2px 5px;
line-height:15px;
position:absolute;
left:25px;
letter-spacing:0.8px;
color:#000;
top:167px;
outline:none;
}

#bottone{
cursor:pointer;
position:absolute;
top:300px;
outline:none;
color:#000;
font-weight:bold;
letter-spacing:1px;
margin-left:289px;
width:88px;
min-height:22px;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
background:url(img/bottone.png) 0 0 no-repeat;
text-align:center;
line-height:12px;
}

#form_contatti p#inviato{
font-family:"ITC Avant Garde Gothic", "Trebuchet MS", Verdana;
font-size:20px;
color:#333;
text-align:center;
margin-top:130px;
font-weight:bold;
line-height:50px;
}

#menu #voce_blog, #menu #voce_blog a{
position:relative;
top:-101px;
right:-217px;
margin:0 ;
padding:0;
background:none;
width:84px;
height:38px;
z-index:350;
}

#menu #voce_blog a{
float:right;
background:url(img/blog_f.jpg) no-repeat 0 0;
text-indent:-9999px;
}

#menu #voce_blog a:hover{
background:url(img/blog_f_hover.jpg) no-repeat 0 0;
}

.lista_portfolio{
clear:both;
width:100%;
height:100%;
border-bottom:3px #ddd solid;
margin-bottom:5px;
}

.lista_portfolio li{
height:100px;
margin:0;
padding:0;
}

.htre{
margin:10px 0 10px 0;
color:#777;
font-size:30px;
float:left;
line-height:60px;
background:url(img/asterisco.gif) no-repeat -2px 0;
padding:0 0 0 30px;
}


.lista_portfolio p{
min-width:150px;
padding:0 7px;
margin:0 ;
color:#777;
font-weight:bold;
float:left;
background-color:#ddd;

}


.lista_portfolio li{
clear:both;
text-align: center;

}


.lista_portfolio li a img{
border:2px #777 solid;
float:left;
margin:0 0 0 7px;

}

.lista_portfolio li a img:hover{
float:left;
border:2px #444 solid;
margin:0 0 0 7px;
}

.lista_portfolio li:hover p{
color:#fff;
font-weight:bold;
float:left;
margin:0;
background-color:#777;
}