#logo a {display:block;float: left; width: 250px; height: 140px; z-index: 2}

#payoff { display: none;}

#header-wrapper {height: 100px }

#fasciaheader {  margin-top: 62px; }
#header-container {position: relative;height: 48px }
#logo { position: absolute; top: -55px; left: 4px; background: #fff}

#squarebtn { position: absolute;top:-3px ; right: 18px; width: 100px; height: 48px; background: #fff url(/plugins/slir/-h48/layout/asvis/img/square.png) center center no-repeat; border: 3px solid #fff; }

#squarebtn:hover { cursor:pointer}

.squarenav { width:48px; height:48px; display: block; float:left; border:3px solid #fff;	}

#squarenav { display: none}
#squarenav	{position: absolute; top:51px ;right: 18px;width: 324px;height: 165px;background: #fff; padding: 10px;box-shadow: 0px 0px 8px rgba(0,0,0,0.3);}

.formtomail input, .formtomail textarea{ border-radius:6px; background: #fafafa; margin: 10px}
#formtomail fieldset {float: left; width: 43%;  border:0; margin: 10px }

#oc-testata { max-width: 1140px; margin:0 auto; padding: 0 20px 30px 20px; }

#oc-testata h3 { font-family: 'Architects Daughter', cursive; margin: 0 0 5px 0; line-height: 1.2em;}

#oc-testata h4 { font-size: 130% !important;}
#oc-testata h5 { font-size: 120% !important}

#squarenav a.squarenav:hover {
    -webkit-transform: scale(0.90,0.90);
    -moz-transform: scale(0.90,0.90);
    -o-transform: scale(0.90,0.90);
    -ms-transform: scale(0.90,0.90);
    transform: scale(0.90,0.90);
    filter: grayscale(100%); -webkit-filter: grayscale(100%);
    
}
#squarenav a.squarenav{
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
} 


@media (min-width: 790px){
	
		#oc-testata .responsive_div_image { max-width: 250px;}	
		nav#mobile { display:none; }
		nav#menu-header { display: block;}
		#menu-header a { color:#fff;  text-align: center; padding:6px; display: block; float: left; margin:0  5px}
		#menu-header a:hover { text-decoration: none; background: #fff}
		#menu-header ul, #menu-header li { margin:0; padding: 0}
		#menu-header li {	list-style-type: none;  margin:1px; display: inline; 	}
		#menu-header .navmenu { display: inline-block; } 
		#menu-header a { font-family: 'Architects Daughter', cursive; font-size:130%}
		#menu-header a:hover {transition: background 0.3s linear 0s;}
		#menu-header a {transition: background 0.3s linear 0s;}
		#menu-header .menu { max-width: 1140px; margin:0 auto; text-align: center;	}
	
	.footermarginsx { float: left; min-width:23%; padding:40px 0 0 20px;  text-align: left;}
	.footermargindx { float:right; width:22%; padding:40px 0 0 0;}
}


@media (min-width: 890px){
#menu-header a {margin:0  8px; padding:6px 10px;} /* spaziatura menu */
.brow { display: none;}
}

@media (min-width: 990px){
#menu-header a {margin:0  8px; padding:6px 15px;} /* spaziatura menu */
}

@media (min-width: 1140px){
#menu-header a {margin:0  8px; padding:6px 25px;} /* spaziatura menu */
#oc-testata .responsive_div_image { margin-left: 4px} /* spazioetto sinistra immagine testata */

#squarebtn {display:none;}	
#squarenav	{display:block; position: absolute;top:0 ; right: 18px; padding: 0;box-shadow: none; width: 870px;height:auto}
.squarenav {border: 0;border-right:3px solid #fff;	}
}