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

*{
	font-family:Verdana, Geneva, sans-serif;

	color:#333;
	}
	
body a {
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}
html, body{
    font-size: 100%;
	font-family:Verdana, Geneva, sans-serif;
}
body{
	background:#FFFFFF;
}

a:hover {
  text-decoration: underline;
}
a:active {
  background: transparent;
}

@-o-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}

html {
  overflow-y: auto;
}


	/* Responsive Resets
-------------------------------------------------------------- */

.bloque{
	max-width:900%;
	height:auto;
}
	
	.bloquea{
		max-width:400px;
	}
	

	
	
	
	
		.bloque2{
	max-width: 900px;
	text-align:left;
	padding:0;
	}
	
	.bloque2d{
		max-width: 900px;
		width:100%;
		height:auto;
	position: relative;
	text-align:left;
	}
	
	.bloque2d img{
		float:right;
		}
	
	.boton{
		display: inline-block;
font: 400 30px/30px 'Marvel', sans-serif;
padding: 18px 51px 16px;
letter-spacing: 1.5px;
color:#FFF;
background:#09C;
		}
		.boton a{
			color:#FFF;
			text-decoration:none;
			}
		
		.boton:hover {
    color: #ffffff;
    background:#069;
    text-decoration:underline;
		}
		
		
	.bloqueult{
		width:100%;
		height:auto;
		background-color:#f4f4f4;
		font-size:10px;
		color:#333;
		text-align:center;
		padding-top:20px;
		padding-bottom:20px;

	}

	/* Responsive Resets
-------------------------------------------------------------- */

@media screen and (max-width:900px){

.bloque{
	max-width:900%;
	height:auto;
}
	
	.bloquea{
		max-width:400px;
	}
	
	.bloquea img{
	max-width: 100%;
	display: block;
	width: 100%;
	}
	
	
}
@media screen and (max-width:900px){	
	.bloque1{
	 max-width: 900px;
	 width:92%;
	text-align:left;
	margin-top:5%;
	position: relative;
	}
	
	


	
		
	.bloque1 img{
	max-width: 100%;
	display: block;
	width: 100%;
	}
}
	
@media screen and (max-width:900px){
	
	.bloque2{
	max-width: 900px;
	text-align:left;
	padding:0;
	}
	
	.bloque2d{
		max-width: 900px;
		width:100%;
		height:auto;
	position: relative;
	text-align:left;
	}
	
	.bloque2d img{
		float:center;
		}
	



}