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

@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,300,900);
@import url(https://fonts.googleapis.com/css?family=Courgette);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,800,700,500,200,100,300,600,900);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700italic,700);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; /*vertical-align: baseline; font: inherit*/ }


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }
ol, ul { list-style: none; list-style-position: inside;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }


/* remember to define visible focus styles! 
:focus { outline: ?????; } */


/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

table	{ border-collapse: collapse; border-spacing: 0; }

/*********************************************
Estilos Generales para Escritorio
*********************************************/
body,td,th {
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 1.6rem;
	color: #333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
  margin: 0;
  padding: 0;
}
body {
	background: #1d3258;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.cont-frame{
	padding:30px 30px 15px 30px;
}
.frame{
    border: 4px solid #fff;
    overflow: hidden;
    position: relative;
}
.logo{
	width: 22%;
	margin:20px auto;
}

.logo img{
	width:100%;
	height:auto;
}

.box-centro{
	margin:0 auto;
	overflow:hidden;
	width:50%;
}

.box-centro figcaption{
	float:left;
	text-align:center;
	width:100%;
}

.box-centro figcaption h2{
	color:#fff;
    font-family: 'bebasregular';
	/*font-family: 'Roboto Condensed', sans-serif;*/
	font-size:30px;
	letter-spacing:-0.5px;
	margin:5px 0;
	text-transform:uppercase;
}
.box-centro figcaption h2 strong{
	font-weight:bold;
}
.box-centro figcaption p{
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
}
.box-centro figcaption span{
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	margin:5px 0;
}
.box-centro figcaption span a{
	color:#fec71e;
	text-decoration:underline;
}

.hashtag{
	color:#fec51e;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:20px;
	font-style:italic;
	letter-spacing:-2px;
	text-transform:uppercase;

	float:left;
	padding:0 1% 0.5% 1%;
	text-align:right;
	width:98%;
}

.cont-frame-foot{
	padding:0 30px;
}
.cont-frame-foot figure{
	float:left;
	padding-bottom:15px;
	width:10%;
}
.cont-frame-foot figure img{
	height:auto;
	width:100%;
}

.form-corona{
	float:left;
	margin:20px 20%;
	width:60%;
}

.form-corona input[type="text"]{
    background: #fff;
    border: 1px solid #fff;
	
	color:#3c3c3c;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;

    width: 95%;
	padding:3% 2.5%;
    display: block;
    margin-bottom: 2%;

    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;

   -webkit-appearance: none; /* Quita apariencia de safari */
}

.form-corona input[type="text"]:focus{
    background: #ffc61f;
    border-color: #ffc61f;
	color:#022047;
    outline: 0;
}

.form-corona input[type="submit"]{
	background:#ffc61f;
	border:1px solid #ffc61f;
	color:#022047;
	font-size: 14px;
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
	
	cursor:pointer;
	width:auto;
	
	-webkit-border-radius: 50px;
	border-radius: 50px;	
	
	padding: 10px 20px;
   -webkit-appearance: none; /* Quita apariencia de safari */
}
.form-corona input[type="submit"]:hover {
	background:#e8ad00;
	border:1px solid #e8ad00;
	color:#022047;
}


.respuesta{
	background: rgba(1, 22, 57, 0.5);
	overflow:hidden;
	margin:0 10%;
	padding:3% 2.5%;
	width:75%;
}
.respuesta figure{
	float:left;
	width:20%;
}

.respuesta figure img{
	float:left;
	height:auto;
	width:100%;
}

.respuesta aside{
	float: right;
	padding:4% 0 0 0;
	text-align:left;
	width:74%;
}

.respuesta aside h2{
	color:#fff;
    font-family: 'bebasregular';
	/*font-family: 'Roboto Condensed', sans-serif;*/
	font-size:30px;
	letter-spacing:-0.5px;
	margin:5px 0;
	text-transform:uppercase;
}
.respuesta aside h2 strong{
	color:#ffc61d;
	font-weight:normal;
}
.respuesta aside p{
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
}

.invitacion{
	background: rgba(1, 22, 57, 0.5);
	overflow:hidden;
	margin:0 10%;
	padding:0;
	width:80%;
}

.invitacion h2{
	color:#022047;
    font-family: 'bebasregular';
	/*font-family: 'Roboto Condensed', sans-serif;*/
	font-size:18px;
	/*letter-spacing:-0.5px;*/
	text-transform:uppercase;
	
	background:#ffc61f;
	float:left;
	padding:6% 0 0 0;
	text-align:center;
	width:100%;
}

.invitacion figure{
	float:left;
	width:100%;
}

.invitacion figure img{
    float: left;
    height: auto;
    margin-left: -2px;
    width: 103%;
}









/*Textos*/
a {
	font-size: 1em;
	color: #297cc3;
	transition:0.3s;
	text-decoration: none;
}
a:hover {
	color: #bbc737;
	transition:0.3s;
}
h1,h2,h3,h4,h5,h6,p {
	font-style: normal;
	font-weight: normal;
	margin-top:0px;
	display:block;
	width: 100%;
}
h1 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 3rem;
}
h2 {
	font-family: 'Open Sans', sans-serif;


	font-weight: 400;
	font-size: 2rem;
	}
h3 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;	
	font-size: 3rem;
}
h4 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 2.5rem;
}
h5 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1.2rem;
}
p,li{
	font-size:1em;
	line-height:1.5em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 22px;
	/*text-align: justify;*/
}

.btn {
	background:none;
	border:1px solid #ffc61f;
	color:#ffc61f;
	float:left;
	font-size: 14px;
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
	
	cursor:pointer;
	width:auto;
	
	-webkit-border-radius: 50px;
	border-radius: 50px;	
	
	padding: 10px 10px;
	margin:10px 0;
   -webkit-appearance: none; /* Quita apariencia de safari */
}
.btn:hover {
	background:#ffc61f;
	border:1px solid #ffc61f;
	color:#022047;
}

.f-l {float: left;}
.f-r {float: right !important;}
.f-c{margin: 0 auto !important; display:block !important;}

.w-100{width: 100% !important;}
.w-90{width: 90% !important;}
.w-80{width: 80% !important;}
.w-78{width: 78%;}
.w-70{width: 70%;}
.w-68{width: 68%;}
.w-65{width: 65%;}
.w-60{width: 60%;}
.w-58{width: 58%;}
.w-55{width: 55%;}
.w-50{width: 50%;}
.w-49{width: 49%;}
.w-48{width: 48%;}
.w-45{width: 45%;}
.w-40{width: 40%;}
.w-35{width: 35%;}
.w-33-3{width: 33.3339% /*33.3%*/;}
.w-33{width: 33.33%;}
.w-30{width: 30%;}
.w-28{width: 28%;}
.w-25{width: 25%;}
.w-20{width: 20%;}
.w-15{width: 15%;}
.w-10{width: 10%;}

.alt-5{ height:5px; width:100%;}
.alt-10{ height:10px; width:100%;}
.alt-15{ height:15px; width:100%;}
.alt-20{ height:20px; width:100%;}
.alt-25{ height:25px; width:100%;}
.alt-30{ height:30px; width:100%;}
.alt-40{ height:40px; width:100%;}
.alt-50{ height:50px; width:100%;}
.alt-60{ height:60px; width:100%;}
.alt-70{ height:70px; width:100%;}
.alt-80{ height:80px; width:100%;}
.alt-90{ height:90px; width:100%;}
.alt-100{ height:100px; width:100%;}

.altu-390{ height:390px !important;}

.p-1{padding: 1%;}
.p-2{padding: 2%;}
.p-3{padding: 3%;}
.p-4{padding: 4%;}
.p-5{padding: 5%;}
.p-6{padding: 6%;}
.p-7{padding: 7%;}

.p-10-0{ padding:10px 0 !important;}

.m-05{ margin:0.5% !important;}
.m-1{margin:1% !important;}
.m-2{margin:2% !important;}
.mr-2{margin-right: -36px;}

.m-30-0{ margin:30px 0;}

figure img{
	width: 100%;
	display: block;
}

/* Color texto seleccionado */
::selection {
background: #ffc61f;
color:#022047;
}

::-moz-selection {
background: #ffc61f;
color:#022047;
}

/* wrap */
.wrap{
	max-width:1200px;
	margin: auto;
}

/* Imagen responsive */

.img-resp{}
.img-resp img{ width:100%; height:auto;}

/* Video responsive */

.video-responsive {
    position: relative;
    margin-bottom: 20px;
    padding-top: 56.25%;
}
.video-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.iframe-responsive {
    position: relative;
    padding-top: 56.25%;
}
.iframe-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/**/

.hover-imagen{transition:0.3s;}
.hover-imagen:hover{opacity: 0.7; filter: alpha(opacity=70); /* For IE8 and earlier */ transition:0.3s;}


/**/

/* ==========================================================================
   Media Queries
   ========================================================================== */
/* Estilos para dispositivos de tipo ipad en formato portrait */
@media only screen and (max-width: 768px) {
	.desaparecer{
		display: none !important;
	}
	.aparecer{
		display: block !important;
	}
	
	.logo{ width:60%;}
	.box-centro{ width:90%;}
	.form-corona{ width:90%; padding:20px 5%; margin:0;}
	.cont-frame-foot figure{ width:40%;}
	.respuesta{ margin:0; width:95%;}
	.invitacion{ width:100%; margin:0;}
	.invitacion figure img{ margin-left:-5px; width:105%;}
	.respuesta aside h2{ font-size:24px;}
	
	.wrap{width: 100%;}
	.cd-dropdown-trigger{display: block; top: 62px;} 
	
}
/* Estilos para smartphones tipo iphone */
@media only screen and (max-width: 640px) {
	.contenedor section{
		width: 100%;
		display: block;
	}
}