@charset "utf-8";
/* CSS Document */

/* STRUTTURA */
*{
margin:0;
padding:0;
}
body{
margin:0 auto;
}
#bodywrap{
width:100%;
height:100%;
position:absolute;
z-index:-5;
}
#contenitore{
width:920px;
margin:0 auto;
position:relative;
z-index:1;
overflow:visible;
/*_overflow:hidden;*/
height:90%;
min-height:90%;
}
#head{
width:920px;
height:449px;
position:relative;
z-index:2;
}
#logo{
float:left;
width:340px;
height:90px;
margin-top:35px;
}
#menu{
float:left;
}
#visual{
width:920px;
height:280px;
float:left;
margin-top:30px;
}
#wrapper{
width:920px;
float:left;
padding:40px 5px;
clear:both;
}
#footer{
width:100%;
clear:both;
overflow:hidden;
/*_overflow:visible;*/
position:relative;
bottom:0;
}
#sfondo_footer{
width:920px;
height:117px;
margin:0 auto;
padding-top:20px;
}
#border_footer{
width:920px;
height:3px;
margin:0 auto;
}

/* VISUAL */
#visual_home{
width:910px;
height:260px;
background:url(../img/visual_home.jpg) no-repeat;
z-index:5;
}
#visual_home a{
text-decoration:none;
display:block;
width:910px;
height:260px;
}
#visual_home span{
position:relative;
z-index:-1;
}
#visual_lavori{
width:910px;
height:260px;
background:url(../img/visual_lavori.jpg) no-repeat;
z-index:5;
}
#visual_lavori span{
position:relative;
z-index:-1;
}
#visual_profilo{
width:910px;
height:260px;
background:url(../img/visual_profilo.jpg) no-repeat;
z-index:5;
}
#visual_profilo span{
position:relative;
z-index:-1;
}
#visual_servizi{
width:910px;
height:260px;
background:url(../img/visual_servizi.jpg) no-repeat;
z-index:5;
}
#visual_servizi span{
position:relative;
z-index:-1;
}
#visual_contatti{
width:910px;
height:260px;
background:url(../img/visual_contatti.jpg) no-repeat;
z-index:5;
}
#visual_contatti span{
position:relative;
z-index:-1;
}


/* SFONDI */
body{
background:#5daa99 url(../img/sfondo_bdwrap.jpg) repeat;
}
#contenitore,#wrapper{
background:url(../img/sfondo_contenitore.jpg) repeat-y;
}
#bodywrap{
background:url(../img/background.jpg) repeat-x;
}
#head{
background:url(../img/sfondo_head.jpg) repeat-y;
}
#borderwrap{
height:3px;
background:url(../img/border_wrapper.jpg) top left no-repeat;
}
#footer{
/* #5daa99 */
background:#5daa99 url(../img/background_footer.jpg) repeat-x;
}
#sfondo_footer{
background:url(../img/sfondo_footer.jpg) repeat-y;
}
#border_footer{
background:url(../img/border_footer.jpg) top left no-repeat;
}

/* STILI GENERALI */
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
}
img{
border:none;
}
#wrapper img{
padding:10px;
background:url(../img/border_img.png) repeat;
margin:5px;
float:left;
}
#wrapper .imghome img{
margin-left:15px;
margin-right:0px;
}
#wrapper .imghome img:hover{
background:url(../img/border_img_hover.png) repeat;
}

.nascosto{
position:absolute;
top:-10000px;
overflow:hidden;
}
a{
color:#ffffff;
}
a:hover{
text-decoration:none;
}
h2{
background:url(../img/border_h2.png) bottom left repeat-x;
font-size:18px;
padding:0 0 2px 10px;
margin-bottom:10px;
}
#anto{
width:275px;
height:205px;
background:url(../img/profilo/anto.jpg) 0 35px no-repeat;
z-index:5;
margin:0px 0 5px 5px;
}
#anto h2{
position:relative;
}
#gianca{
width:275px;
height:205px;
background:url(../img/profilo/gianca.jpg) 0 35px no-repeat;
z-index:5;
margin:0px 0 5px 5px;
}
#gianca h2{
position:relative;
}
#vale{
width:275px;
height:205px;
background:url(../img/profilo/vale.jpg) 0 35px no-repeat;
z-index:5;
margin:0px 0 5px 5px;
}
#vale h2{
position:relative;
}
#pagprofilo h2{
background:url(../img/border_h2.png) bottom left repeat-x;
font-size:18px;
padding:0 0 2px 5px;
margin-bottom:10px;
}
h3{
font-size:16px;
}
h4{
font-size:14px;
margin:0 0 3px 0;
}
.bold{
font-weight:bold;
}
#pagindex .trecol {
width:290px;
float:left;
margin:0 20px 0 0;
}
.trecol {
width:285px;
float:left;
margin:0 20px 0 0;
}
.duetrecol {
width:590px;
float:left;
}
.shortcut{
display:block;
width:106px;
height:25px;
float:right;
color:#73bb81;
background:url(../img/shortcut.png) 0 0 no-repeat;
padding:5px 0 0 20px;
text-decoration:none;
margin:10px -10px 10px -5px;
}
.shortcut:hover{
background:url(../img/shortcut.png) 0 -30px no-repeat;
}
.definizione{
cursor:help;
}

/* MENU */
#menu ul{
list-style-type:none;
margin:65px 0 0 165px;
width:405px;
}
#menu ul li {
float:left;
margin:0;
}
#menu #home,#menu #home:hover,#menu #on_home,
#menu #lavori,#menu #lavori:hover,#menu #on_lavori,
#menu #profilo,#menu #profilo:hover,#menu #on_profilo,
#menu #servizi,#menu #servizi:hover,#menu #on_servizi,
#menu #contatti,#menu #contatti:hover,#menu #on_contatti{
padding:0;
display:block;
background-image:url(../img/menu.jpg);
}
#menu #home:focus,#menu #on_home:focus,
#menu #lavori:focus,#menu #on_lavori:focus,
#menu #profilo:focus,#menu #on_profilo:focus,
#menu #servizi:focus,#menu #on_servizi:focus,
#menu #contatti:focus,#menu #on_contatti:focus{
margin-top:1px;
}

#menu #home,#menu #home:hover,#menu #on_home{
width:70px;
height:35px;
z-index:5;
text-decoration:none;
}
#menu #home{
background-position:0 0;
}
#menu #home:hover{
background-position:0 76px;
}
#menu #on_home{
background-position:0 38px;
}
#menu #home span,#menu #on_home span{
position:relative;
z-index:-1;
}

#menu #lavori,#menu #lavori:hover,#menu #on_lavori{
width:75px;
height:35px;
z-index:5;
text-decoration:none;
}
#menu #lavori{
background-position:-70px 0;
}
#menu #lavori:hover{
background-position:-70px 76px;
}
#menu #on_lavori{
background-position:-70px 38px;
}
#menu #lavori span,#menu #on_lavori span{
position:relative;
z-index:-1;
}

#menu #profilo,#menu #profilo:hover,#menu #on_profilo{
width:85px;
z-index:5;
text-decoration:none;
height:35px;
}
#menu #profilo{
background-position:-147px 0;
}
#menu #profilo:hover{
background-position:-147px 76px;
}
#menu #on_profilo{
background-position:-147px 38px;
}
#menu #profilo span,#menu #on_profilo span{
position:relative;
z-index:-1;
}

#menu #servizi,#menu #servizi:hover,#menu #on_servizi{
width:80px;
height:35px;
z-index:5;
text-decoration:none;
}
#menu #servizi{
background-position:-230px 0;
}
#menu #servizi:hover{
background-position:-230px 76px;
}
#menu #on_servizi{
background-position:-230px 38px;
}
#menu #servizi span,#menu #on_servizi span{
position:relative;
z-index:-1;
}

#menu #contatti,#menu #contatti:hover,#menu #on_contatti{
width:93px;
height:35px;
z-index:5;
text-decoration:none;
}
#menu #contatti{
background-position:-312px 0;
}
#menu #contatti:hover{
background-position:-312px 76px;
}
#menu #on_contatti{
background-position:-312px 38px;
}
#menu #contatti span,#menu #on_contatti span{
position:relative;
z-index:-1;
}
#menu #on_home,#menu #on_lavori,#menu #on_profilo, #menu #on_servizi,#menu #on_contatti{
cursor:default;
}

/* FOOTER */
#footer{
font-size:10px;
}
.separatore{
background:url(../img/separatore_footer.jpg) top left repeat-y;
width:2px;
height:100px;
float:left;
margin:0 15px;
}
#footer1{
background:url(../img/logo_footer.png) 0 -3px no-repeat;
width:200px;
height:95px;
float:left;
padding:0 0 0 100px;
}
#footer2{
width:255px;
float:left;
margin:0 20px 0 0px;
}
#footer1:first-line,#footer2:first-line{
font-size:11px;
}
.validation{
display:block;
float:left;
width:55px;
height:25px;
color:#73bb81;
background:url(../img/bg_validation.png) 0 0 no-repeat;
padding:6px 0 0 25px;
text-decoration:none;
margin-top:10px;
}
.validation:hover{
background:url(../img/bg_validation.png) 0px -35px no-repeat;
}
#facebook{
display:block;
float:left;
width:65px;
height:25px;
color:#73bb81;
background:url(../img/bg_fb.png) 0 0 no-repeat;
padding:6px 0 0 23px;
text-decoration:none;
margin-top:10px;
margin-right:3px;
}
#facebook:hover{
background:url(../img/bg_fb.png) 0px -35px no-repeat;
}
#flickr{
display:block;
float:left;
width:65px;
height:25px;
color:#73bb81;
background:url(../img/bg_flickr.png) 0 0 no-repeat;
padding:6px 0 0 26px;
text-decoration:none;
margin-top:10px;
margin-right:30px; /*x fare andare a capo gli altri due*/
}
#flickr:hover{
background:url(../img/bg_flickr.png) 0 -35px no-repeat;
}
#twitter{
display:block;
float:left;
width:65px;
height:25px;
color:#73bb81;
background:url(../img/bg_twitter.png) 0 0 no-repeat;
padding:6px 0 0 26px;
text-decoration:none;
margin-top:10px;
}
#twitter:hover{
background:url(../img/bg_twitter.png) 0 -35px no-repeat;
}
#linkedin{
display:block;
float:left;
width:65px;
height:25px;
color:#73bb81;
background:url(../img/bg_linkedin.png) 0 0 no-repeat;
padding:6px 0 0 26px;
text-decoration:none;
margin-top:10px;
}
#linkedin:hover{
background:url(../img/bg_linkedin.png) 0 -35px no-repeat;
}

/* PAGINE LAVORI */
.quattrocol,.onquattrocol {
width:210px;
float:left;
margin-right:20px;
}
.quattrocol a,.quattrocol h2{
color:#e4e3e3;
}
.quattrocol h2, .onquattrocol h2{
text-transform:capitalize;
}
.onquattrocol h2, .quattrocol a:hover {
color:#ffffff;
}

#linea{
float:left;
width:920px;
height:2px;
background:url(../img/border_h2.png) bottom left repeat-x;
margin:30px 0 20px 0;
}
#gallery{
float:left;
width:920px;
}
.gallery_lavori{
float:left;
clear:both;
background:url(../img/border_h2.png) bottom left repeat-x;
margin:10px 0;
padding-bottom:20px;
width:920px;
}
.gallery_txt{
float:left;
width:220px;
margin-right:10px;
}
.gallery_txt h2{
background:none;
font-size:22px;
padding:0;
margin-bottom:5px;
}
.gallery_txt h3{
margin-bottom:1px;
}
.gallery_txt p{
margin:0 0 10px 0;
}
.gallery_img{
float:left;
width:600px;
}
.gallery_img img{
margin-bottom:20px;
}
.torna_su{
display:block;
width:106px;
height:25px;
color:#73bb81;
background:url(../img/torna_su.png) 0 0 no-repeat;
padding:5px 0 0 20px;
text-decoration:none;
margin:10px 0px;
}
.torna_su:hover{
background:url(../img/torna_su.png) 0 -30px no-repeat;
}


/* SERVIZI */
.title{
font-size:14px;
font-weight:bold;
line-height:18px;
}
.iconaweb{
padding-left:70px;
background:url(../img/webdesign.png) 5px 0 no-repeat;
margin-bottom:20px;
}
.iconagrafica{
padding-left:70px;
background:url(../img/grafica.png) 5px 0 no-repeat;
margin-bottom:20px;
}
.iconacss{
padding-left:70px;
background:url(../img/css.png) 5px 0 no-repeat;
margin-bottom:20px;
}
.iconaphp{
padding-left:70px;
background:url(../img/php.png) 5px 0 no-repeat;
margin-bottom:20px;
}
.iconaflash{
padding-left:70px;
background:url(../img/flash.png) 5px 0 no-repeat;
margin-bottom:20px;
}
.iconaeditoria{
padding-left:70px;
background:url(../img/editoria.png) 5px 0 no-repeat;
margin-bottom:20px;
}
.iconastampati{
padding-left:65px;
background:url(../img/stampati.png) 5px 0 no-repeat;
margin-bottom:20px;
}
.iconavarie{
padding-left:65px;
background:url(../img/varie.png) 5px 0 no-repeat;
margin-bottom:20px;
}
.icona3d{
padding-left:70px;
background:url(../img/rendering3d.png) 5px 0 no-repeat;
margin-bottom:20px;
}
.iconainfo{
padding-left:70px;
background:url(../img/info.png) 5px 0 no-repeat;
margin-bottom:20px;
}


/* PROFILO */

#wrapper ul{
list-style-type:none;
}
#wrapper ul li{
margin-left:10px;
line-height:18px;
}

#wrapper #pagprofilo ul li{
margin-left:5px;
line-height:18px;
}
.pdf{
float:left;
width:220px;
height:25px;
background:url(../img/pdf.png) 0 0 no-repeat;
padding:4px 0 0 30px;
margin-top:10px;
}
.pdf a{
color:#73bb81;
text-decoration:none;
display:block;
}
.pdf:hover{
background:url(../img/pdf.png) 0 -30px no-repeat;
}

/* CONTATTI */
.col_contatti{
width:265px;
min-height:500px;
float:right;
background:url(../img/separatore_footer.jpg) top left repeat-y;
padding-left:40px;
}
#wrapper .skype img{
padding:0;
background:none;
margin:4px 5px 0 0;
}
#wrapper a.skype{
vertical-align:middle;
}

#wrapper ul.listacontatti{
margin-bottom:20px;
}
#wrapper ul.listacontatti li{
margin:0;
line-height:18px;
}

#form_contatti {
width:580px;
float:left;
margin-top:20px;
}
#form_contatti label{
width:90px;
font-weight:bold;
display:block;
float:left;
padding-top:10px;
}

#form_contatti input{
width:430px;
height:35px;
float:left;
margin-bottom:20px;
padding-left:40px;
border:none;
}
#form_contatti textarea{
width:420px;
height:165px;
float:left;
margin-bottom:20px;
padding:10px 10px 10px 40px;
border:none;
}

input.icn1{
background:url(../img/form-contatti.png) no-repeat;
}
input.icn2{
background:url(../img/form-contatti.png) 0 -70px no-repeat;
}
input.icn3{
background:url(../img/form-contatti.png) 0 -140px no-repeat;
}
textarea.icn4{
background:url(../img/form-contatti.png) 0 -210px no-repeat;
}
input.icn1:focus{
background:url(../img/form-contatti.png) 0 -35px no-repeat;
}
input.icn2:focus{
background:url(../img/form-contatti.png) 0 -105px no-repeat;
}
input.icn3:focus{
background:url(../img/form-contatti.png) 0 -175px no-repeat;
}
textarea.icn4:focus{
background:url(../img/form-contatti.png) 0 -395px no-repeat;
}

#form_contatti p.piccolo{
font-size:11px;
margin:0;
}
p.piccolo i{
font-size:10px;
text-align:right;
float:right;
margin-right:30px;
}
#form_contatti #accetto{
width:15px;
height:35px;
margin-bottom:0;
}
#form_contatti .invia{
font-size:15px;
color:#73bb81;
background:url(../img/invia.png) 0 0 no-repeat;
width:80px;
height:25px;
float:right;
margin:15px 20px 5px 1px;
padding:0 1px 3px 0;
border:none;
cursor:pointer;
text-align:center;
}
#form_contatti .invia:hover{
background:url(../img/invia.png) 0 -30px no-repeat;
cursor: pointer;
}
div.validation-advice{
color:#71bfa3;
float:right;
clear:both;
margin:-45px 25px 15px 0;
font-style:italic;
position:relative;
z-index:100;
font-size:10px;
}
#advice-required-accetto{
float:left;
margin:-113px 0 0 110px;
padding:5px;
color:#ffffff;
}