@media only screen and (max-device-width: 1024px) and (orientation:landscape)  {
	body {
}
#wrap { width:100%;  height:100%; position:absolute; margin:0; padding:0; }
#sezioneSinistra , #sezioneDestra {
	width:48%;
	}


#architettura {width:105%;  }
}


@media only screen and (max-device-width: 1200px) and (orientation:portrait)  {

body{
	
	font-size: 3em;
	line-height:normal;
	color:#4d4d4d
}
#footer{
	font-size: 0.5em; height:70px; overflow:hidden; 
}
#wrap { padding-bottom:70px; }

#logo img { width:280px; height:auto;}
#sezioneSinistra #logo img { width:200px; height:auto; margin-left:-98px;}
#sezioneSinistra #logo {/*margin-top:-402px; margin-bottom:60px;*/position:absolute; top:10px; left:50%; z-index:9999; margin:0;}


#mainMenu li {
    line-height:3em;
    width: 100%;
	margin-bottom:2px;
}
#mainMenu li a  {background:#dddddd;
background: rgb(176, 176, 176); /* Fall-back for browsers that don't
                                    support rgba */
    background: rgba(88, 88, 88, .3);
}
#mainMenu li a.current  {
	background: rgb(56, 56, 56);
	background: rgba(56, 56, 56, .5);

}
h2 span {font-size:70px; margin-left:5px; }

/*HP*/
.chi { height:802px;}
.chi a { margin-top:300px; padding:5px; font-size:60px}


.intro { display:none}
#sezioneSinistra .chi , #sezioneDestra .chi { background-size:550px; margin-top:200px;}
#sezioneSinistra .content h1 { margin-top:-200px; }
#sezioneDestra .content h1 { margin-top:-210px;}
#sezioneSinistra #logo.HP { width:200px; height:auto;}


/*PAG*/
.gallery img { width:400px; height:auto}

.pagina { width:90%; padding:0; margin:0 auto; margin-top:100px;}
.bloccoSx , .bloccoDx { width:100%; float:none; }
.bloccoDx {}
.gallery {}

.architettura h1 , .architettura h2 { font-size:1em; }
.arredamento h1 , .arredamento h2 {  font-size:1.3em;}

/*arredamento*/
.arr1 { margin-top:0}
#arredamento { background-size:600px; background-position:top left }
#arredamento #logo { text-align:right}
#arredamento #mainMenu { text-align:right; margin-right:0; margin-left:0; width:100%}
#arredamento #mainMenu li a {
    padding-right: 40px;
}


/*architettura*/
#architettura { background-size:600px; width:100%;  }
#architettura #mainMenu { text-align:left; margin-right:0; margin-left:0; width:100%}

/*studio*/
#about { background:none; }
#about .pagina { min-width:0; }
.pagina #mainMenu { text-align:left; margin-right:0; margin-left:0; width:100%; overflow:hidden;}

#mainMenu li a.about { width:100%; }
#business .pagina .bloccoSx { margin-left:0;}
.studio1 , .studio2 , .studio3 , .business2 , .business3 { width:100%; float:none; margin:0; padding:0;}
.business { background:none; margin:0; padding-left:40px; color: #333333; margin-top:60px;}
#business { background-size:250px; }
.business3 { background:url(../img/img-studio.jpg) no-repeat; background-size:cover;float: none; margin:30px 0;}
.fotoAlj { display:none}



}