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

@font-face {
    font-family: 'CaviarDreamsItalic';
    src: url('font/CaviarDreamsItalic-webfont.eot');
    src: url('font/CaviarDreamsItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/CaviarDreamsItalic-webfont.woff') format('woff'),
         url('font/CaviarDreamsItalic-webfont.ttf') format('truetype'),
         url('font/CaviarDreamsItalic-webfont.svg#CaviarDreamsItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CaviarDreamsBoldItalic';
    src: url('font/CaviarDreams_BoldItalic-webfont.eot');
    src: url('font/CaviarDreams_BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/CaviarDreams_BoldItalic-webfont.woff') format('woff'),
         url('font/CaviarDreams_BoldItalic-webfont.ttf') format('truetype'),
         url('font/CaviarDreams_BoldItalic-webfont.svg#CaviarDreamsBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CaviarDreamsRegular';
    src: url('font/CaviarDreams-webfont.eot');
    src: url('font/CaviarDreams-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/CaviarDreams-webfont.woff') format('woff'),
         url('font/CaviarDreams-webfont.ttf') format('truetype'),
         url('font/CaviarDreams-webfont.svg#CaviarDreamsRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CaviarDreamsBold';
    src: url('font/CaviarDreams_Bold-webfont.eot');
    src: url('font/CaviarDreams_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/CaviarDreams_Bold-webfont.woff') format('woff'),
         url('font/CaviarDreams_Bold-webfont.ttf') format('truetype'),
         url('font/CaviarDreams_Bold-webfont.svg#CaviarDreamsBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ChunkFiveRegular';
    src: url('font/Chunkfive-webfont.eot');
    src: url('font/Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Chunkfive-webfont.woff') format('woff'),
         url('vChunkfive-webfont.ttf') format('truetype'),
         url('font/Chunkfive-webfont.svg#ChunkFiveRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {background-image:url(img/sfondo_header2.png);
    width: 100%;  
    height: 100%;  
    margin: 0;  
    padding: 0;
	background-attachment:fixed;  
    }
	

/* riga superiore nera*/
.riga{
width:100%;
height:15px;
margin:auto;
background-color:#000000;
}
.riga2 {width:100%;
height:2px;
background-color:#ffffff;
border-bottom:#000000 solid 1px;
margin-top:16px;
margin:auto;
}
/* fine riga superiore nera*/


/* header 1*/
.header1 {width:100%;
height:435px;
margin:auto 0px;
background-image:url(img/sfondo_header1.png);
}

/* corpo 1 con img camaleonte*/
.corpo1 {width:960px;
height:435px;
margin:auto;
background-image:url(img/sfondo_corpo1.jpg);
}

.rigacorpo1 {width:960px;
height:136px;
border-bottom: #CCCCCC solid 1px;
}
.righetta {width:960px;
height:1px;
background-color:#FFFFFF;
}

.logo {width:197px;
height:129px;
float:left;
background-image:url(img/idea-grafica.png);
}

/*menu tendina*/
.menu {width:763px;
height:136px;
float:right;
}

div#hormenu {
width: 100%; 
float: left; 
margin: 0; 
padding: 0;
margin-top:110px;
}

div#hormenu ul {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
margin: 0;
padding: 0;
list-style-type: none;
margin-left:10px;
}

div#hormenu li {
width:150px;
float:left;
margin: 0;
padding: 0;
color:black;
}

div#hormenu a {
display: block;
padding: 5px;
color: #000;
text-decoration: none;
}
div#hormenu a:hover {
color: #666666;
text-decoration: none;
}

div#hormenu li ul {display: none;}

div#hormenu li:hover ul {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
display: block;
position: absolute;
z-index:1;
width:120px;
height:77px;
padding: 0;
margin: 0 0 0 -1px;
background: black;
margin-left:25px;
}

div#hormenu li li {border: none; width: 150px;} 
div#hormenu li li a {padding: 0px 0px 0px 0px;}


.home {margin-left:25px;}

.chisiamo {margin-left:3px;}

.dovesiamo {margin-left:12px;}

.servizi {margin-left:30px;}

.contatti {margin-left:30px;}


.freccetta {background-image: url(img/freccetta_tendina.png);
float:right;
margin-right:45px;
margin-top:2px;
width:10px;
height:9px;}

.cellasottomenu {width:114px;
height:21px;
border:#666666 1px solid;
margin-left:2px;
margin-top:2px;
}

.sottomenu {color:#FFFFFF;
margin-top:3px;
margin-left:7px;
}

a:hover .sottomenu {color:#999999;
}
/*Fine menu tendina*/

.riga3{
width:100%;
height:13px;
margin:auto;
background-image:url(img/sfondo_riga2.png);
}
/* Fine header1*/


/* header2*/
.header2 {width:100%;
margin:auto 0px;
}

.corpo2 {width:960px;
height:435px;
margin:auto;
}

/* riga che contiene il titolo I NOSTRI SERVIZI*/
.rigacorpo2 {width:960px;
height:90px;
margin:auto;
}
.titolo {width:213px;
height:70px;
float:left;
background-image:url(img/servizi.png);
margin-top:20px;
}
/* Fine riga che contiene il titolo I NOSTRI SERVIZI*/


/*Inizio link img servizi*/

.tabsx{width:298px;
height:148px;
float:left;
background-image:url(img/allestimenti.png);
margin-top:20px;
}

.tabcn{width:298px;
height:148px;
float:left;
margin-left:33px;
background-image:url(img/stampa.png);
margin-top:20px;
}

.tabdx{width:298px;
height:148px;
float:right;
background-image:url(img/grafica.png);
margin-top:20px;
}

a:hover .tabsx{width:298px;
height:148px;
float:left;
background-image:url(img/allestimenti_giu.png);
margin-top:20px;
}

a:hover .tabcn{width:298px;
height:148px;
float:left;
margin-left:33px;
background-image:url(img/stampa_giu.png);
margin-top:20px;
}

a:hover .tabdx{width:298px;
height:148px;
float:right;
background-image:url(img/grafica_giu.png);
margin-top:20px;
}

/*Inizio testi servizi*/
.tabsx2 {width:298px;
height:80px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#a4b1b0;
}

.tabcn2 {width:298px;
height:80px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#a4b1b0;
margin-left:35px;
}

.tabdx2 {width:298px;
height:72px;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#a4b1b0;
}/*fine testi servizi*/

/*fine servizi*/

.ripristino {clear:both;}

.riga4loghetto {width:960px;
height:70px;
background-image:url(img/linea_loghetto_header2.png);}

.preventivo {width:437px;
height:80px;
float:left;
margin-top:30px;
background-image:url(img/preventivo.png);}

.testopreventivo {width:437px;
height:116px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#a4b1b0;
}


/*Inizio lavori realizzati*/
.lavori {width:523px;
height:80px;
float:right;
margin-top:30px;
background-image:url(img/lavori.png);}

.cellalavori {width:523px;
float:right;
margin-top:15px;
}

.port1 {width:100px;
height:70px;
float:left;
margin-left:93px;
border:#FFFFFF solid 6px;
background-image:url(img/img_portf1.jpg);}

.port2 {width:100px;
height:70px;
float:left;
margin-left:93px;
margin-top:8px;
border:#FFFFFF solid 6px;
background-image:url(img/img_portf2.jpg);}


a:hover .port1 {width:100px;
height:70px;
float:left;
margin-left:93px;
border:#FFFFFF solid 6px;
background-image:url(img/img_portf1.jpg);}

a:hover .port2 {width:100px;
height:70px;
float:left;
margin-left:93px;
margin-top:8px;
border:#FFFFFF solid 6px;
background-image:url(img/img_portf2.jpg);}

.testo1 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#a4b1b0;
width:300px;
height:70px;
float:left;
margin-left:8px;
}

.testo2 {font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#a4b1b0;
width:300px;
height:70px;
float:left;
margin-left:8px;
margin-top:8px;
}

.contattaci {width:174px;
height:76px;
float:left;
background-image:url(img/contattaci.png);}

a:hover .contattaci {width:174px;
height:76px;
float:left;
background-image:url(img/contattaci_giu.png);}

/*Finelavori realizzati*/
.corpo3 {width:960px;
height:435px;
margin:auto;
margin-top:50px;
}

.riga5loghetto {width:960px;
height:13px;
background-image:url(img/linea_loghetto_corpo3.png)}

.tabsx3 {width:262px;
height:300px;
float:left;
}

.rigaidentity {width:262px;
height:40px;
float:left;
background-image:url(img/identity.png);
}

.box1 {width:70px;
height:70px;
float:left;
margin-top:10px;
background-image:url(img/devito.png);
border:#FFFFFF solid 6px;
}

.box2 {width:70px;
height:70px;
float:left;
margin-top:10px;
background-image:url(img/doppiot.gif);
border:#FFFFFF solid 6px;
margin-left:8px;
}

.box3 {width:70px;
height:70px;
float:right;
margin-top:10px;
background-image:url(img/daddy.gif);
border:#FFFFFF solid 6px;
}

.box4 {width:70px;
height:70px;
float:left;
margin-top:10px;
background-image:url(img/dress.gif);
border:#FFFFFF solid 6px;
}

.box5 {width:70px;
height:70px;
float:left;
margin-top:10px;
background-image:url(img/martina3.png);
border:#FFFFFF solid 6px;
margin-left:8px;
}

.box6 {width:70px;
height:70px;
float:right;
margin-top:10px;
background-image:url(img/zebra.gif);
border:#FFFFFF solid 6px;
}

.read{width:94px;
height:36px;
float:left;
background-image:url(img/button_readmore.png);
margin-top:20px;}

.tabcen3 {width:330px;
height:300px;
float:left;
margin-left:40px;
}

.dicono {width:330px;
height:40px;
float:left;
background-image:url(img/dicono.png);}

.box1dicono {width:320px;
margin-top:10px;
float:left;
border-bottom:#a4b1b0 1px dashed;
height:75px;}

.dicono1 {font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#a4b1b0;
text-align:left;
}

.box2dicono {width:320px;
margin-top:10px;
float:left;
border-bottom:#a4b1b0 1px dashed;
height:75px;}

.dicono2 {font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#a4b1b0;
text-align:left;
}

.box3dicono {width:320px;
margin-top:10px;
float:left;
border-bottom:#a4b1b0 1px dashed;
height:75px;}

.dicono3 {font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#a4b1b0;
text-align:left;
}


.tabdx3 {width:300px;
height:300px;
float:right;
}

.citrovi{width:300px;
height:40px;
float:left;
background-image:url(img/citrovi.png);
}

.twitter{width:40px;
height:40px;
float:left;
margin-top:20px;
background-image:url(img/twittersu.png);}

a:hover .twitter{background-image:url(img/twittergiu.png);}


.facebook{width:40px;
height:40px;
float:left;
margin-left:20px;
margin-top:20px;
background-image:url(img/facebook.png);}

a:hover .facebook{background-image:url(img/facebook_giu.png);}

.linkedin{width:40px;
height:40px;
float:left;
margin-left:20px;
margin-top:20px;
background-image:url(img/linkedin.png);}

a:hover .linkedin{background-image:url(img/linkedin_giu.png);}




/*FOOTER*/
.footer {width:100%;
height:30px;
margin:auto;
position: fixed;
top: auto;
right: 0;
bottom: 0;
left: 0;
background-color:#000000;
border-top:#666666 1px solid;
}

.boxindirizzi {width:1000px;
height:28px;
margin:auto;
}

.indirizzi {font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
font-weight:light;
text-align:center;
height:20px;
margin-top:10px;
}