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

/* Stile generale */
html,body {
	width:100%; height:100%; position:absolute;  margin:0; padding:0;
}


body{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height:20px;
	color:#4d4d4d
}

a { color:black;}
a:hover { color:#ec6d1c;}
a img { border:0;}

 p { margin:0; padding:0; }

.spacca { clear:both; display:block;}

h1 , h2 { letter-spacing:2px}
h3 { letter-spacing:1px; font-weight:500; }

h2 { background:url(../img/bgH2.png) no-repeat bottom left; padding-bottom:25px}
h2 span {font-family: 'Oswald', sans-serif; font-style:normal; font-weight:700; color:#4d4d4d; font-size:70px; margin-left:-75px; }
.architettura h1 , .architettura h2 { font-family: 'Oswald', sans-serif; font-size:23px; text-transform:uppercase; }
.arredamento h1 , .arredamento h2 {  font-family: 'Lora', serif; font-weight:400; font-style:italic; font-size:28px; color:black;}


#logo { /*position:absolute; top:40px; left:40px margin:40px*/}
#sezioneSinistra #logo { margin-top:-602px; margin-bottom:200px;}

#mainMenu { list-style:none; margin:0; padding:0; font-family: 'Roboto', sans-serif; font-weight:400;
    margin: 40px;
    margin-left: -40px;
}
#mainMenu li { line-height:30px; width:200px;
}
#mainMenu li a { letter-spacing:4px; display:block; text-decoration:none; color:black; padding-left:40px; padding-right:5px; 
}
#mainMenu li a.current  {background:#333333; color:white;
}
#mainMenu li a:hover  {background:#dddddd;
}


/*HP*/
#wrap { width:100%;  height:100%; position:absolute; margin:0; padding:0; min-width:1024px;}
.chi { height:602px;}
.chi a { color:white; margin:0px; margin-top:280px; padding:5px; display:inline-block; text-decoration:none; letter-spacing:5px; font-family: 'Lora', serif; font-weight:100; font-style:italic; font-size:20px}
.chi a:hover { background:#333;}

.content { /*padding:40px;*/ margin:40px; }
#sezioneSinistra .chi { background:url(../img/imgSectionLeft.png) no-repeat top right; text-align:right}
#sezioneDestra .chi { background:url(../img/imgSectionRight.png) no-repeat -1px 0px; text-align:left;}
#sezioneSinistra .chi a { padding-left:60px;}
#sezioneDestra .chi a { padding-right:45px;}
#sezioneDestra .chi a:hover { color:#333; background:#fff}

#sezioneDestra .content h1 { margin-top:-240px;}

#sezioneSinistra , #sezioneDestra {float:left;
	width:50%;
	overflow:auto;
	height:100%;}
#sezioneSinistra {background:url(../img/bgSectionLeft.jpg) repeat-x top #c6c6c5;}
.architettura {font-family: 'Lora', serif; font-weight:400; /*font-size:13px;*/ background: #c6c6c5;}

.architettura .more { text-align:right;}

#sezioneDestra {background:white; border-left:1px solid #eb6d1c; margin-left:-1px; text-align:right}
.pictures , .content p , .content h1 { width:100%; max-width:445px; margin:40px auto;}
.pictures img { float:left; /*margin:2px*/}


#footer { width:100%; font-family: 'Roboto', sans-serif;
	font-weight: 300;letter-spacing:1px;  min-width:1024px;}
#footer { clear:both; background:#333333;}
#footer p { padding:3px 40px; color:white; }
#footer a {color:#ec6d1c; text-decoration:none;}

/*PAG*/
.pagina { padding:40px; min-width:800px; max-width:1300px; margin:0 auto; margin:0 }
.bloccoSx , .bloccoDx { width:450px; text-align:left; margin-bottom:40px; float:left; clear:both;}
.bloccoDx { float:right; margin-right:40px}
.gallery { text-align:right; display:block; margin-top:40px; cursor:pointer;}

/*arredamento*/
#arredamento { background:url(../img/bgArredamento.png) #ffffff no-repeat 0 300px;}
#arredamento .bloccoDx.secondo { margin-right: 300px;}


.arr1 { margin-top:-145px}

/*architettura
#architettura .pagina { background:url(../img/bgArchitettura.png) #c6c6c5 no-repeat; background-position: top right; border-right: 1px solid #EB6D1C;}
*/
#architettura { background:url(../img/bgArchitettura.png) #c6c6c5 no-repeat; background-position: top right;}

/*studio*/
#mainMenu li a.about { width:500px;}

#about { background:url(../img/bgStudio.jpg) #ffffff no-repeat; background-position: 50% 0; height:100%; margin:0; padding:0; border:1px solid white }
#about .pagina { min-width:1200px; }
.studio1 { width:350px; /*margin-left:-70px; margin-top:80px;*/ }
.studio2 { width:42%; margin-top:-280px; }
.studio3 { float:left; margin-left:20px; margin-top:100px; }
.fotoAlj {position:absolute; top:35px; left:300px}
.business { background:none; margin:0; padding-left:40px; color: #333333;}
#business { background: #FFFFFF url('../img/bg_page.png') fixed; border-top:1px solid black; width:100%; padding-top:20px; margin-top:-10px;}
.business2 { width:40%; z-index:10; position:relative}
.business3 { background:url(../img/img-studio.jpg) no-repeat; background-size:cover; z-index:1; height:300px; width:45%; float:left; margin-bottom:40px; }
#business .bloccoSx { margin-left: 75px;}

/*cookies*/
#cookieChoiceInfo { opacity:0.9; box-shadow:4px 4px 25px #888; text-align:center; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif;}
#cookieChoiceInfo span { margin:10px auto; padding:0px; display:block; font-size:12px; line-height:16px; max-width:1700px;}
#cookieChoiceInfo a { font-size:15px;}