@charset "utf-8";
<style>


@font-face {
   font-family: "federo";
   src: url("../fuente/federo.eot");
   src: url("../fuente/federo.eot?#federo") format("embedded-opentype"),
        url("../fuente/federo.woff") format("woff"),
        url("../fuente/federo.ttf") format("truetype"),
        url("../fuente/federo.svg#federo") format("svg");
}


 html, body {margin:0; padding:0; height:100%;}
 
 h2{
	padding:10px;
	margin:5px;
}
 p{
	
 font-family: federo, arizonia;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;	
	color:white;
 }
 
.caja
{
	width:35%;
	z-index:999;	
	padding-right:20%;
}

.privilegios{
    width:10%;
	margin-top:2%;
	margin-left:5%;
	float:left;
	
	z-index:-999;
	
	

}


.placer{
    width:35%;	
	margin-top:2%;
	margin-rigth:10%;
	padding-right:5%;
	float:right;
	z-index:-1;	
	
	
}

.texto{
	font-family:"federo, Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	color:rgba(247,245,245,1.00);
	font-size:180%;
	text-align:center;
	font-weight:100;
	z-index:99;
	
	
}
.contieneCajas{
	
	width:100%;
	text-align:center;
}

.contenedor{
	float:left;
width: 100%;
min-height:100%;
height: auto !important;
top:0;
margin:0;
padding:0;
	background-image: url("fondo-azul.jpg");
	background-size:cover;
	background-position:center;
	background-attachment:scroll;
	overflow:visible;
	
	}
	
	 .boton_personalizado{
    text-decoration: none;
	width:50%;
		 height:40px;
    padding: 50px%;
    font-weight: 600;
    font-size: 20px;
    color: #ffffff;
    background-color:rgba(244,83,0,1.00);
    border-radius: 3px;
	box-shadow:rgba(59,4,5,1.00);
  }
  .boton_personalizado:hover{
    color: #1883ba;
    background-color: #ffffff;
  }
	
	
  
	
	.zoomItRec{
-webkit-transition:-webkit-transform 1s ease-out;
-moz-transition:-moz-transform 1s ease-out;
-o-transition:-o-transform 1s ease-out;
-ms-transition:-ms-transform 1s ease-out;
transition:transform 1s ease-out;

}
  .zoomItRec:hover{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
  }
	
	 
  .zoomIt{
display:inline-block!important;
-webkit-transition:-webkit-transform 1s ease-out;
-moz-transition:-moz-transform 1s ease-out;
-o-transition:-o-transform 1s ease-out;
-ms-transition:-ms-transform 1s ease-out;
transition:transform 1s ease-out;
color:rgba(163,245,255,1.00);
}
.zoomIt:hover{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
color:rgba(166,239,226,1.00);
}

  @media screen and (min-width: 701px) { 
	  .espacio{
		  display:none;
		  visibility:hidden;
	  }
  }


	@media screen and (min-width: 100px) and (max-width: 700px) {   
       .SuscripcionABoletin{
           width:100%;
       } 



	  .texto{
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	color:rgba(247,245,245,1.00);
	font-size:100%;
	text-align:center;
	font-weight:100;	
	padding:1%;
	display:block;
	
}

	  .caja
{
	width:70%;
	padding-right:5%;
}

.privilegios{
    width:20%;	
	float:left;
	padding:5%;	
	z-index:-999;	
}

.placer{
    width:48%;		
	padding:5%;
	float:right;
	z-index:-1;	
	
	
}

.boton_personalizado{
	height:60px;
}

 .correo{
	 font-size:15px;
	 background-color:white;
	 border-radius:10px;
	 font-family:federo;
	 color:rgba(0,45,67,1.00);
	 width:80%;
	 height:60px;
	 
 }
 
 
 .correo::placeholder {
  font-size:14px;
}

 
 .correo:focus{
	 font-size:15px;
	 background-color:rgba(9,59,62,1.00);
color:rgba(0,45,67,1.00);
	 border-radius:10px;
	 font-family:federo;
	 
 }
 
  .Acepto{
  width:35px;
  height:35px;
  }
 
 .espacio{
	 height:55px;
		 display:inline;
		 padding:20px;

 }
 
 
  }

 .Acepto{
  width:25px;
  height:25px;
  }
  
 .correo{
	 width:50%;
	 border: 1px solid #DBE1EB;
  font-size: 24px;
  font-family: federo, Verdana;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  background: #FFFFFF;
  background: linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
color:rgba(0,45,67,1.00);
  size:40;
   placeholder: "Correo";
 }
 
 .correo:focus{
	 font-size:26px;
	 background-color:rgba(9,59,62,1.00);
color:rgba(0,45,67,1.00);
	 border-radius:10px;
	 font-family:federo;
	
	 
 }

 .boton{
text-decoration:none;
font-weight: 600;
font-size: 20px;
color: white;
padding-top:15px;
padding-bottom:15px;
padding-left:20px;
padding-right:20px;
background-color: transparent;
border-width: 3px;
border-style:solid;
border-color:silver;
display: inline-block;
width:150px;
}

.boton:hover{
color:silver;
border-color:white;	
}
 
</style>
/* CSS Document */