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

a:link    {color:none;
text-decoration:none;}
a:visited {color:none;}
a:hover   {color:red;}
a:active  {color:none;}

body
{

 scrollbar-3d-light-color: #CCCCCC;
    scrollbar-arrow-color: #FFFFFF;
    scrollbar-base-color: #EEEEEE;
    scrollbar-dark-shadow-color: #CCCCCC;
    scrollbar-face-color: #000000;
    scrollbar-highlight-color: #F0F0F0;
    scrollbar-track-color: #FF0000;
}


#container-chi-sono
{
	display:block;
	margin:auto;
	height:520px;
	width:870px;
	border:#ffffff 2px solid;
	background-image:url(../img/sfondo-chi-sono.png);
	padding-left:20px;
	padding-top:20px;
}

#container-home
{
	display:block;
	margin:auto;
	height:520px;
	width:870px;
	border:#ffffff 2px solid;
	background-image:url(../img/sfondo_principale.png);
	padding-left:20px;
	padding-top:20px;
}

#container-consulenze
{
	display:block;
	margin:auto;
	height:520px;
	width:870px;
	border:#ffffff 2px solid;
	background-image:url(../img/sfondo-consulenze.png);
	padding-left:20px;
	padding-top:20px;
}

#container-pratiche
{
	display:block;
	margin:auto;
	height:520px;
	width:870px;
	border:#ffffff 2px solid;
	background-image:url(../img/sfondo-pratiche.png);
	padding-left:20px;
	padding-top:20px;
}

#container-relook
{
	display:block;
	margin:auto;
	height:540px;
	width:870px;
	border:#ffffff 2px solid;
	background-image:url(../img/sfondo_relooking.png);
	padding-left:20px;
	padding-top:20px;
}

#container-progettazione-interni
{
	display:block;
	margin:auto;
	height:520px;
	width:870px;
	border:#ffffff 2px solid;
	background-image:url(../img/sfondo-progettazione-interni.png);
	padding-left:20px;
	padding-top:20px;
}

#container-ristrutturazione
{
	display:block;
	margin:auto;
	height:520px;
	width:870px;
	border:#ffffff 2px solid;
	background-image:url(../img/sfondo-ristrutturazione.png);
	padding-left:20px;
	padding-top:20px;
}

#container-download
{
	display:block;
	margin:auto;
	height:520px;
	width:870px;
	border:#ffffff 2px solid;
	background-image:url(../img/sfondo-download.png);
	padding-left:20px;
	padding-top:20px;
}

#logo
{	float:left;
	height:140px;
	width:58px;	
}


#ristrutturazione

{
	margin-top: 65px;
	float:left;
	height:75px;
	width:500px;
}

#box-link

{
	float:left;
	height:280px;
	width:200px;
	line-height:30px;
	padding-top: 16px;
}

#box-link-lungo

{
	float:left;
	height:300px;
	width:200px;
	line-height:30px;
	padding-top: 16px;
}

#box-link-chi-sono

{
	float:left;
	height:280px;
	width:180px;
	line-height:30px;
	padding-top: 16px;
	opacity: 0.7;
	padding-right: 20px;
}

#box-link-progettazione-interni

{
	float:left;
	height:200px;
	width:200px;
	line-height:30px;
	padding-top: 16px;
}

#box-testo

{
	float:left;
	height:220px;
	width:630px;
	line-height:20px;
	background-color:#000000;
	opacity: 0.7;
	margin-top: 10px;
	padding: 10px;
	scrollbar-arrow-color: efea5d;
}


#box-testo-lungo

{
	float:left;
	height:345px;
	width:630px;
	line-height:20px;
	background-color:#000000;
	opacity: 0.7;
	margin-top: 10px;
	padding: 10px;
	scrollbar-arrow-color: efea5d;
}

#box-testo-lungo-scuro

{
	float:left;
	height:345px;
	width:630px;
	line-height:20px;
	background-color:#000000;
	opacity: 0.8;
	margin-top: 10px;
	padding: 10px;
	scrollbar-arrow-color: efea5d;
}

#box-testo-medio

{
	float:left;
	height:255px;
	width:630px;
	line-height:20px;
	background-color:#000000;
	opacity: 0.7;
	margin-top: 10px;
	padding: 10px;
	scrollbar-arrow-color: efea5d;
}

#box-testo-medio-piccolo

{
	float:left;
	height:255px;
	width:610px;
	line-height:20px;
	background-color:#000000;
	opacity: 0.7;
	margin-top: 10px;
	padding: 10px;
	scrollbar-arrow-color: efea5d;
}

#box-testo-medio-lungo

{
	float:left;
	height:285px;
	width:610px;
	line-height:20px;
	background-color:#000000;
	opacity: 0.7;
	margin-top: 10px;
	padding: 10px;
	scrollbar-arrow-color: efea5d;
}


#box-testo-interni

{
	float:left;
	height:220px;
	width:630px;
	line-height:20px;
	background-color:#000000;
	opacity: 0.7;
	margin-top: 10px;
	padding: 10px;
	scrollbar-arrow-color: efea5d;
}


#box-testo-chi-sono

{
	float:left;
	height:220px;
	width:630px;
	line-height:20px;
	background-color:#CCCCCC;
	opacity: 0.7;
	margin-top: 10px;
	padding: 10px;
	scrollbar-arrow-color: efea5d;
}

#boxino-icone

{
	height:73px;
	width:400px;
	padding-top: 10px;
	margin: auto;
	width: 660px;
	float:left;
}

#indirizzo

{
	height:30px;
	width:890;
	padding-top: 10px;
	margin: auto;
	width: 595px;
	float: left;
}


#indirizzofacebook

{
	height:40px;
	width:890;
	margin: auto;
	width: 890px;
}

#fotografia-gianluca

{
	height:140px;
	width:140px;
	float:left;
	padding-left: 152px;
}

div.thumb {
	border-radius: 10px;
	max-width: 150px;
	float:left;
	padding-right: 10px;
}

div.thumb a {
    display: block;
    width: 100px;
    height: 67px;
}

div.thumb a img {
    display: block;
}


div.thumb2 {
	border-radius: 10px;
	max-width: 150px;
	float:left;
	padding-right: 10px;
}

div.thumb2 a {
    display: block;
    width: 100px;
    height: 67px;
}

div.thumb2 a img {
    display: block;
}


div.thumb3 {
	border-radius: 10px;
	max-width: 150px;
	float:left;
	padding-right: 10px;
}

div.thumb3 a {
    display: block;
    width: 100px;
    height: 67px;
}

div.thumb3 a img {
    display: block;
}


div.thumb4 {
	border-radius: 10px;
	max-width: 150px;
	float:left;
	padding-right: 10px;
}

div.thumb4 a {
    display: block;
    width: 100px;
    height: 67px;
}

div.thumb4 a img {
    display: block;
}


div.thumb5 {
	border-radius: 10px;
	max-width: 150px;
	float:left;
	padding-right: 10px;
}

div.thumb5 a {
    display: block;
    width: 100px;
    height: 67px;
}

div.thumb5 a img {
    display: block;
}

div.thumb6 {
	border-radius: 10px;
	max-width: 150px;
	float:left;
	padding-right: 10px;
}

div.thumb6 a {
    display: block;
    width: 100px;
    height: 67px;
}

div.thumb6 a img {
    display: block;
}


#img-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 0px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    -moz-transition: all 500mss ease-in;
    -webkit-transition: all 500ms ease-in;
    -o-transition: all 500ms ease-in;
    -ms-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
	z-index:2;
}


#img-box2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 0px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    -moz-transition: all 500mss ease-in;
    -webkit-transition: all 500ms ease-in;
    -o-transition: all 500ms ease-in;
    -ms-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
	z-index:2;
}

#img-box3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 0px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    -moz-transition: all 500mss ease-in;
    -webkit-transition: all 500ms ease-in;
    -o-transition: all 500ms ease-in;
    -ms-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
	z-index:2;
}

#img-box4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 0px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    -moz-transition: all 500mss ease-in;
    -webkit-transition: all 500ms ease-in;
    -o-transition: all 500ms ease-in;
    -ms-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
	z-index:2;
}

#img-box5 {
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 0px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    -moz-transition: all 500mss ease-in;
    -webkit-transition: all 500ms ease-in;
    -o-transition: all 500ms ease-in;
    -ms-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
	z-index:2;
}

#img-box6 {
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 0px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    -moz-transition: all 500mss ease-in;
    -webkit-transition: all 500ms ease-in;
    -o-transition: all 500ms ease-in;
    -ms-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
	z-index:2;
}

#img-box:target {opacity: 1; width: 100%; height: 100%; z-index:2;}

#img-box2:target {opacity: 1; width: 100%; height: 100%; z-index:2;}


#img-box3:target {opacity: 1; width: 100%; height: 100%; z-index:2;}

#img-box4:target {opacity: 1; width: 100%; height: 100%; z-index:2;}

#img-box5:target {opacity: 1; width: 100%; height: 100%; z-index:2;}

#img-box6:target {opacity: 1; width: 100%; height: 100%;}

#img-box img {
    width: 591px;
    height: 456px;
    padding: 25px;
    background: #fff;
    border: 1px solid #ccc;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -250px 0 0 -310px;
	z-index:2;
} 


#img-box2 img {
    width: 591px;
    height: 456px;
    padding: 25px;
    background: #fff;
    border: 1px solid #ccc;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -250px 0 0 -310px;
	z-index:2;
} 

#img-box3 img {
    width: 591px;
    height: 456px;
    padding: 25px;
    background: #fff;
    border: 1px solid #ccc;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -250px 0 0 -310px;
	z-index:2;
}

#img-box4 img {
    width: 591px;
    height: 456px;
    padding: 25px;
    background: #fff;
    border: 1px solid #ccc;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -250px 0 0 -310px;
	z-index:2;
}

#img-box5 img {
    width: 591px;
    height: 456px;
    padding: 25px;
    background: #fff;
    border: 1px solid #ccc;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -250px 0 0 -310px;
	z-index:2;
}

#img-box6 img {
    width: 591px;
    height: 456px;
    padding: 25px;
    background: #fff;
    border: 1px solid #ccc;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -250px 0 0 -310px;
	z-index:2;
}




#img-wrapper {
    -moz-transition: all 500mss ease-in;
    -webkit-transition: all 500ms ease-in;
    -o-transition: all 500ms ease-in;
    -ms-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
	z-index:2;
}

#img-wrapper2 {
    -moz-transition: all 500mss ease-in;
    -webkit-transition: all 500ms ease-in;
    -o-transition: all 500ms ease-in;
    -ms-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
	z-index:2;
}

#img-wrapper3 {
    -moz-transition: all 500mss ease-in;
    -webkit-transition: all 500ms ease-in;
    -o-transition: all 500ms ease-in;
    -ms-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
	z-index:2;
}

#img-wrapper4 {
    -moz-transition: all 500mss ease-in;
    -webkit-transition: all 500ms ease-in;
    -o-transition: all 500ms ease-in;
    -ms-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
	z-index:2;
}

#img-wrapper5 {
    -moz-transition: all 500mss ease-in;
    -webkit-transition: all 500ms ease-in;
    -o-transition: all 500ms ease-in;
    -ms-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
	z-index:2;
}

#img-wrapper6 {
    -moz-transition: all 500mss ease-in;
    -webkit-transition: all 500ms ease-in;
    -o-transition: all 500ms ease-in;
    -ms-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
	z-index:2;
}

#img-wrapper:target {
    width: 0px;
    height: 0px;
    overflow: hidden;
    opacity: 0;
}

#img-wrapper2:target {
    width: 0px;
    height: 0px;
    overflow: hidden;
    opacity: 0;
}


#icona-download {
	float:left;
	width: 130px;
	height: 150px;
	padding-right: 30px;
}

#img-wrapper3:target {
    width: 0px;
    height: 0px;
    overflow: hidden;
    opacity: 0;
}

#img-wrapper4:target {
    width: 0px;
    height: 0px;
    overflow: hidden;
    opacity: 0;
}

#img-wrapper5:target {
    width: 0px;
    height: 0px;
    overflow: hidden;
    opacity: 0;
}

#img-wrapper6:target {
    width: 0px;
    height: 0px;
    overflow: hidden;
    opacity: 0;
}

#info-personali {
	width: 350px;
	height: 70px;
	float:right;
	padding-right:80px;
	padding-top: 20px;
}


#icona-facebook {
	width: 40px;
	height: 30px;
	float: right;
	padding-top: 10px;
}

#seguimi{
	width: 100px;
	height: 22px;
	float: right;
	padding-top: 18px;
	padding-right: 10px;
}

.style-font-piccolo{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:16px;
	
}
.style-font-piccolo-interlinea{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:14px;
	
}

.style-font-piccolissimo{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	line-height:16px;
	
}