body             { clear: both;
background: #333; }

#h1{text-align:center;}
#page-wrap:after { content: "Smartphone Layout"; }
#s1, #s2 {width: 100%; height:auto;  }
#s1{background: white;}
#a1, #a2 {width: 100%; height:auto;}


iframe {
	position: static;
    width: 80%;
    height: 80%;}

footer           { display: none; }
body             { font-size: large; }
#n1          { display: none; }

/*Menu tipo Smartphone*/
#n2          { display: block; 
		position: fixed;
		background: none;
		left : 0;
	    top: 0;}

#n2 {  text-align: center;
font-size: 0.7em;
width: 30px;
}
#n2 ul { list-style-type: none;}
#n2 ul li.nivel1 { float: left;
		content:"";
		background: url('nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;

}
#n2 ul li a {display: block;
text-decoration: none;
color: #fff;
background-color: #888;
border: solid 1px #fff;
padding: 8px;
position: relative;
}
#n2 ul li:hover {position: relative;
}
#n2 ul li a:hover, #n2 ul li:hover a.nivel1 {background-color: #888;
color: #000;
position: relative;
}
#n2 ul li a.nivel1 {display: block!important;display: none;
position: relative;
}
#n2 ul li ul {display: none;
}
#n2 ul li a:hover ul, #n2 ul li:hover ul {display: block;
position: absolute;left: 0px;
}
#n2 ul li ul li a {width: 160px;
padding: 6px 0px 8px 0px;
border-top-color: #000;
}
#n2 ul li ul li a:hover {border-top-color: #000;
position: relative;
}
table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}