@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-light-webfont.eot');
    src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-light-webfont.woff2') format('woff2'),
         url('../fonts/lato-light-webfont.woff') format('woff'),
         url('../fonts/lato-light-webfont.ttf') format('truetype'),
         url('../fonts/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latothin';
    src: url('../fonts/lato-thin-webfont.eot');
    src: url('../fonts/lato-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-thin-webfont.woff2') format('woff2'),
         url('../fonts/lato-thin-webfont.woff') format('woff'),
         url('../fonts/lato-thin-webfont.ttf') format('truetype'),
         url('../fonts/lato-thin-webfont.svg#latothin') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?-cgsalz');
	src:url('../fonts/icomoon.eot?#iefix-cgsalz') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?-cgsalz') format('truetype'),
		url('../fonts/icomoon.woff?-cgsalz') format('woff'),
		url('../fonts/icomoon.svg?-cgsalz#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

::-webkit-input-placeholder {
   color: #fff;
}

:-moz-placeholder { /* Firefox 18- */
   color: #fff;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
}

:-ms-input-placeholder {  
   color: #fff; 
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-mail4:before {
	content: "\ea86";
}
.icon-facebook2:before {
	content: "\ea8d";
}
.icon-instagram:before {
	content: "\ea90";
}
.icon-twitter:before {
	content: "\ea91";
}
.icon-fx:before {
	content: "\e600";
}
body{
	font-family: 'latolight';
	margin: 0px;
	padding: 0px;
	color: #fff;
	text-align: center;
	font-weight: 200;
}
.clear{
	clear: both;
}
.bg{
	width: 100%;
	height: 100%;
	padding: 15px 3%;
	box-sizing: border-box;
}
.big{
	font-size: 3em;
}
h3{
	font-size: 1.4em;
  	margin-top: 3px;
}
p{
	font-size: 1.1em;
	font-family: 'latolight';
	font-weight: 200;
}
.btn{
	width: 70%;
	padding: 14px 0px;
	  border: none;
	  border-radius: 3px;
	  color: #fff;
	  font-size: 1em;
	  font-family: 'latolight';
	  font-weight: 200;
	  margin-bottom: 10px;
	  outline: none;
}
.btn span{
	float:left;
	margin-left: 15px;
  	margin-top: 2px;
}
.btn:disabled{
	background-color: #555;
}
.fb{
	background-color: #3c5a93 !important;
}
.fb:hover{
	background-color: #2350a7 !important;	
}
#lg{
	float: left;
  	margin-left: 10%;
}
.mail{
	background-color: #1fb5ad;
}
.linkter{
	color: #fff;
	text-decoration: none;
	font-size: 0.8em;
	font-family: 'latolight';
	font-weight: 200; 
}
.linkter span{
	text-decoration: underline;
}
.cent_form{
	width: 70%;
	margin: auto;
}
.cent_form input{
	width: 100%;
	height: 45px;
	border:none;
	border-radius: 3px;
	border:1px #ccc solid;
	margin-bottom: 20px;
	padding-left: 10px;
	box-sizing: border-box;
	font-size: 16px;
}
.bg_form{
	background: url(../img/3.jpg);
	background-size: cover;
}
select {
   margin-bottom: 8px;
   border: 1px solid #111;
   background: transparent;
   width: 100%;
   padding: 5px 35px 5px 5px;
   font-size: 16px;
   border: 1px solid #ccc;
   height: 44px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
    background: #fff;
    border-radius: 3px;
} 
/*target Internet Explorer 9 and Internet Explorer 10:*/
@media screen and (min-width:0\0) { 
    select {
        background:none;
        padding: 5px;
    }
}
#mensaje{
	margin-top: 10px;
}
#mensaje p{
	margin: 0px;
	padding: 0px;
	font-size: 0.8em;
	background-color: #1b5dc0;
	padding: 6px 10px;
	margin-bottom: 10px;
}
#flyer{
	display: none;
}
.guardar_last{
    font-family: 'latolight';
    font-weight: 200;
    padding: 6px;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    background-color: #002245;
    margin-top: -34px;
}
#inactivo{
	display: none;
}
.btnsex{
	display: block;
	width: 48%;
	height: 40px;
	background: rgba(255, 255, 255, 0.8);
	color: #333;
	font-family: 'latolight';
    font-weight: 200;
    border:none;
    border-radius: 3px;
    margin-bottom: 15px;
    font-size: 18px;
    outline: none;
    float: right;
}
.btnright{
	float: left !important;
}
.activex{
	background: rgba(86, 176, 13, 0.8);
	color: #fff;
}
.nena{
	background: rgba(204, 74, 206, 0.8);
}
#forminicial{
	display: block;
}
#forminputs{
	display: none;
}
.dateinput{
	width: 100% !important;
	text-align: center;
}
.fn{
	font-size: 14px;
    margin-top: 0px;
    margin-bottom: 7px;
}
#bgFlyer{
	width: 100%;
	height: 100%;
	display: none;
}
#email, #pais, #cumple{
	background: rgba(255, 255, 255, 0.2);
	border:1px #fff solid;
	color: #fff;
	font-weight: 200;
	outline: none;
}

@media only screen and (max-width: 411px) {
    #bgFlyer img{
    	width: 100%;
    }
}