@font-face {
    font-family: Futura_bold;
    src: url('../fonts/Futura_Std_Bold.otf')
}


@font-face {
    font-family: Futura_medium;
    src:url('../fonts/Futura_Std_Medium.otf');


}

@font-face {
    font-family: Futura_heavy;
    src:url('../fonts/Futura_Std_Heavy.otf');

}


*{
	margin:0;
	padding: 0;
	box-sizing: border-box;
}

body{
	margin:0;
	padding: 0;
	box-sizing: border-box;
	background: #F3F3F3;
 font-family: 'Quicksand';
}


.facebook{
	width: 200px;
	color:white;
	background:#2250BA;
	padding:10px;
	text-decoration: none;
	margin:20px 0;
	display: inline-block;
	text-align: center;
}


.twitter{
	width: 200px;
	text-align: center;
	color:white;
	background:#3781EF;
	padding:10px;
	text-decoration: none;
	margin:20px 0;
	display: inline-block;
}

.contenedor{
	width: 1000px;
	margin:0 auto;

	
}

@media only screen and (max-width: 790px){
	.contenedor{
	width: 96%;
	margin:0 auto;

	}

	.twitter{
	width: 100%;
	text-align: center;
	color:white;
	background:#3781EF;
	padding:10px;
	text-decoration: none;
	margin:10px 0;
	display: inline-block;
}


.facebook{
	width: 100%;
	color:white;
	background:#2250BA;
	padding:10px;
	text-decoration: none;
	margin:10px 0;
	display: inline-block;
	text-align: center;
}
}

.compartir{
	background: red!important;
	display: flex;
	justify-content: center;
}

._2tga._8j9v{
	height: 50px;
}

.fb-share-button{
	
	
	margin:20px 0;
	display: block!important;
}

.buscador{
	width: 60%;
	padding: 10px;
}

.btnbuscar{
	background: #2F4FB8;
	border:none;
	color:white;
	padding:0 10px;
}

.buscador form{
	display: flex;
}


header{
	background: #1D4A8E;
/*	padding: 10px 0;*/
}

header .contenedor .logo-redes{
	display: flex;
	justify-content: space-between;
	align-items: center;
}



.titulos{
	 font-family: 'Raleway', sans-serif;
	
}


header .logo-redes .logotipo{

width: 20%;
}



.logotipo img{
	width: 70%;
	display: block;
	margin:0 auto;
}

.redes-sociales{
	width:60%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	
}

@media only screen and (max-width: 790px){
	header .contenedor .logo-redes{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

header .logo-redes .logotipo{

width: 50%;
}


.redes-sociales{
	width:90%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	
}


}
.suscribirse{
	background: #1059BA;
	padding:40px 0;
}

.suscribirse .contenedor{
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 20px;
}

.suscribirse .contenedor h2{
	width:80%;
	color:white;
	text-align: center;
	font-size: 35px;
	margin:0 auto;
}


.formulario-boletin{
	width: 100%;

	padding:20px;
}

.formulario-boletin form{
	display: flex;
	justify-content: space-between;
}





.campos{
	width: 33%;
	padding:15px;
	border:none;
	font-family: 'Quicksand', sans-serif;
	color: gray;
}

.btn-email{
	background: transparent;
	border:3px solid white;
	color:white;
	font-size: 20px;
}



@media only screen and (max-width: 790px){
	.formulario-boletin form{
	display: flex;
	width: 100%;
	flex-direction: column;
	justify-content: space-between;
}

.btn-email{
	background: transparent;
	border:3px solid white!important;
	color:white;
	font-size: 20px;
	cursor: pointer;
}

.campos{
	width: 100%;
	padding:15px;
	margin:10px 0;
	border:none;
	font-family: 'Quicksand', sans-serif;
}




}

.articulo-principal-section{
/*padding:30px 0;*/
margin: 0;
padding:0;

}

.articulo-principal-section .contenedor{
	background: #EFEFEF;
	padding:40px;
	
}

.articulo-principal{
	background: white;
	display: flex;
	justify-content: space-between;
	box-shadow: 1px 1px 7px #D1D1D1;
	margin-top: 30px;
	align-items: center;
	border-radius: 20px;
	margin: 0;

}

.contenido-izquierda{
	width: 60%;
	display: flex;
	flex-direction: column;
	padding:30px;
	justify-content: center;

}

.contenido-izquierda h3{
	font-size: 35px;
	margin-top: 20px!important;
}


.contenido-izquierda p{
	line-height: 30px;
	margin:20px 0;
}

.btn-ver{
	width: 50%;
	color:white;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	padding:10px;
	background: #1059BA;
}

.contenido-derecha{
	width: 40%;
	padding:20px;
}

.contenido-derecha .imagen img{
	width: 100%;
	display: block;
	border:3px solid #E9E9E9;
}

@media only screen and (max-width:870px ){
	.articulo-principal{
	background: white;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	box-shadow: 1px 1px 7px #D1D1D1;
	margin: 20px 0;
	align-items: center;

}

.contenido-izquierda{
	width: 100%;
	display: flex;
	flex-direction: column;
	padding:30px;
	justify-content: center;
	order:2;
}

.contenido-izquierda h3{
	width: 100%;
	font-size: 30px;
	text-align: center;
}


.contenido-izquierda p{
	line-height: 30px;
	margin:20px 0;
}

.btn-ver{
	width: 100%;
	color:white;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	padding:10px;
	background: #1059BA;
}

.contenido-derecha{
	width: 100%;
	padding:10px;
	flex: 1;
	order:1;
}

.contenido-derecha .imagen img{
	width: 100%;
	display: block;
	border:3px solid #E9E9E9;
}


}






.articulos-secundarios-section{
	
}
.articulos-secundarios-section .contenedor{
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
/*	border:1px solid red;*/
	background: #EFEFEF;
	padding:0 40px;

}



.articulo{
	width: 32%;
	margin-top: 10px;
	background:white;
	padding:30px;
	box-shadow: 1px 1px 7px #D1D1D1;
	display: flex;
	justify-content: center;
	flex-direction: column;
	border: 1px solid #EFEFEF;
	border-radius: 20px;
}

@media only screen and (max-width: 790px){
	.articulos-secundarios-section .contenedor{
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	flex-wrap: nowrap;

}


.articulo{
	width: 100%;
	margin-top: 20px;
	background:white;
	padding:30px;
	box-shadow: 1px 1px 7px #D1D1D1;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

}

.articulo p{
	line-height: 27px;
	text-align: left;
	margin:20px 0;
	width: 100%;
	text-align: justify;
}

.articulo h3{
	font-size: 20px;
	    font-family: 'Raleway', sans-serif;
}


footer{
	background: #1059BA;
	padding: 20px;
	text-align: center;
	color:white;
	margin-top: 50px;
}


.contenedor-individual{
	width: 100;
	background: white;
/*	margin:20px auto;*/
	display: flex;
	justify-content: center;
	flex-direction: column;
	box-shadow: 1px 1px 8px #DFDFDF;
	align-items: center;
}




.imagen-individual{
width:100%;
	margin:0 auto;
	
	padding: 50px;
}






.campos2{
	width:100%;
	padding:10px;
	border-radius: 1px solid 5px;

	font-family: 'Quicksand', sans-serif;
}

.redes{
	

	display: flex;
	justify-content: flex-end;
	align-items: center;
	text-align: center;
	
}

.redes a{
	width: 45px;
	height: 45px;
	margin: 0 7px;
	
	border-radius: 20px;
	padding:10px;
	color: white;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.redes a:first-child{
	width: 40px;
	height: 40px;
	margin: 0 7px;
	
	border-radius: 20px;
	padding:10px;
	color: white;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
}


.redes a img{
	width: 70%;
	display: block;
}



.imagen-individual img{
	width: 100%;
	display:block;
}

.informacion-individual{
	width: 90%;
	padding: 30px;
	
}

.informacion-individual h3{
	font-size: 40px;
	margin:20px 0;
}

.informacion-individual p{
	line-height: 34px;
	text-align: justify;
	font-size: 20px;
}

@media only screen and (max-width: 820px){
	.contenedor-individual{
	width: 100%;
	background: white;
	margin:20px auto;
	display: flex;
	justify-content: center;
	flex-direction: column;
	box-shadow: 1px 1px 8px #DFDFDF;
	align-items: center;
}

.informacion-individual h3{
	width: 100%;
	text-align: center;
	font-size: 30px;
	margin:20px 0;
}

}

.creador{
	width: 40%;
	display: flex;
	align-items: center;
	justify-content:flex-start;
	margin:20px 0;
}

.imagen-creador{
	width: 30px;
	height: 30px;
	border-radius: 100%;
	border:3px solid #DBDBDB;
	margin-right: 20px;
	
}

.imagen-creador p{
	width: 100%;
	margin: 0 10px;
}

.imagen-creador img{
	width: 100%;
	display: block;
	border-radius: 100%;
}



.btnNaranja{
	
	padding: 10px 20px;
	background: #FB6730;
	border-radius: 20px;
	text-align: center;
	color: white;
	font-size: 0.8rem;
	text-transform: uppercase;
	margin:20px 0!important;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	border: none!important;

}

.btnNaranjaArticulo{
	width: 60%;
	padding: 10px 20px;
	background: #FB6730;
	border-radius: 20px;
	text-align: center;
	color: white;
	font-size: 0.8rem;
	
/*	margin:20px 0!important;*/
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	border: none!important;
	text-decoration: none;

}


.banner-principal{
/*	height: 30vh;*/

/*		margin-bottom: 30px;*/
}

.banner{
	width: 100%;
	height: 200px;
/*	border:1px solid red;*/
	background: url("../img/banner.jpeg");
	display: flex;
	justify-content: left;
	align-items: center;
	
}

.banner h3{
	margin-left: 30px;
	font-family: Futura_bold;
	color: white;
	font-size: 40px;
}

.banner img{
	display: block;
	width: 100%;
}

.formulario-contacto{
	display:flex;
	
	justify-content: space-around;
	align-items: center;
	padding:40px 0;
}

.formulario-contacto h2{
	margin: 10px 0;
}

.formulario-asesor{
	background: white;
	padding: 20px;
	border-radius: 20px;
}

.derecha{
	width: 50%;

}

.izquierda{
	width: 50%;
	padding: 20px;
}

form{
	display: flex;
	flex-direction: column;
}

.campos{
	width: 100%;
	padding:10px;
	border-radius: 10px;
	border: 1px solid #CCCCCC;
	margin: 10px 0;
	color: black!important;
}

.btnNaranja{

}

footer{
	background: none;
	margin: 0;
	padding:0;
}

footer .contenedor{
	background: #1D4A8E;
	padding: 0px 20px;
}

.formulario-contacto{
	
}

.menu-principal{
	background: white;
	padding: 20px;
}

.menu-principal .contenedor{
	display: flex;
	justify-content: space-around;
	align-items: center;
}


.menu-principal a{
	text-decoration: none;
    color: #1D4A8E;
    font-family: Futura_bold!important;
    font-size: 13px!important;
}

.logotipo-final{
	background: #1D4A8E;
	padding: 10px 0;
}

.logotipo-final img{
	width: 10%;
}

.footer-final{
	margin-top: 70px;
}


.menu-principal .contenedor-dos{
	width: 960px;
	margin:0 auto;
	display: flex;
	justify-content: space-around;
	align-items: center;
}


.titulo_formulario{
	text-decoration: none;
    color: white;
    font-family: Futura_bold;
    font-size: 35px!important;
    text-align: left;
}

.formulario-contacto p{
	 font-family: Futura_medium;
	 font-size: 20px;
	 line-height: 30px!important;
	 letter-spacing: normal;
	 text-align: left;
}

.formulario-contacto label{
	    display: inline-block;
    
    color: #2D2D2D;
    font-size: 10px;
    text-align: left;
}