*{
	margin: 0; padding: 0;}
body{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.6em; text-align: center;}
img a, a, a img{
	text-decoration: none;}
#logo{
	margin: 40px auto 0 auto; width: 80%; max-width: 300px;}
#logo img, .imagen img{
	width: 100%; height: auto;}
#membrete{
	color: #3859cb; font-size: 16px; line-height: 20px; }
.neg{
	font-weight: bold;}
.noneg{
	font-weight: normal;}
footer{
	bottom: 0; margin: 0 auto; width: 100%;
	position: absolute;}
address{
	font-style: normal; display: inline;}	
.borra{
	clear: both;}
.boton a{
	display: block; background: #3d84e3; color: #fff; width: 200px; padding: 5px;
	font-size: 14px; text-align: center; margin: 80px auto; }
.aviso{
	font-size: 11px; background: #053a8a; color: #fff;}
.aviso a{
	color: #fff; display: inline-block; padding: 5px 0;}

@media only screen 
and (max-width : 480px){
.pantalla, .tablet{
	display: none;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 20px;}
}

@media only screen 
and (min-width : 481px)
and (max-width : 750px) {
.pantalla, .movil{
	display: none;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 30px;}
}

@media only screen 
and (min-width : 751px)
and (max-width : 999px) {
.movil, .tablet{
	display: none;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 40px;}
}
	
@media only screen 
and (min-width : 1000px){ 
.movil, .tablet{
	display: none;}
.container {
	width: 1000px; margin: 0 auto;}
.todo {
	margin: 0 50px;}}