@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,600|Roboto+Slab:400,700');
body{
    background-color: #ffcc00;
}
/*Header*/
header{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    background:#ffcc00;
    position:fixed;
    top: 0;
    z-index: 99;
}
.logo_head{
    margin: 20px auto;
    height: auto;
    width: auto;
}
.logo{
    width: auto;
    height: 60px;
}
.opciones_head{
    width: 400px;
    height: auto;
    margin: 0 auto 20px auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.link{
    text-decoration: none;
    display:block;
    width:100%;
    height:100%;
    max-height:65px;
    list-style:none;
    border: none;
    font-family:'Montserrat', sans-serif;
	font-size:12pt;
	font-weight:400;
	color:#000000;
	text-transform:uppercase;
    text-align:center;
}
.link:hover{
    font-weight:600;
}
hr{
    width: 30%;
    height: 1px;
    color: #000000;
    background-color: #000000;
    margin: auto auto 10px auto;
    border: none;
}
.reset{
	padding:0;
	margin:0;
}
/*Contenedor General*/
.contenedor_1{
	width:100%;
	height:auto;
	margin:auto;
	top:0;
	bottom:0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: box;
	display: flex;
	-ms-flex-pack:justify;
	list-style:none;
	justify-content:space-around;
	flex-direction:column;
	background:#ffcc00;
}
/*Contenedor introducción*/
.contenedor_2{
    width: auto;
    max-width: 1000px;
    height: auto;
    margin: 200px auto 30px auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}
.contenedor_3{
    width: auto;
    max-width: 1000px;
    height: auto;
    margin: 30px auto 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}
.contenedor_4{
    width: auto;
    max-width: 1000px;
    height: auto;
    margin: 30px auto 50px auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}
/*Contenedores de texto*/
.titulo{
    width: auto;
    height: auto;
    margin: auto auto auto 0;
    text-align: right;
}
.texto{
    max-width: 600px;
    width: auto;
    margin: auto 0 auto 50px;
}
/*Imagenes*/
.cartilla{
    width: auto;
    height: auto;
    max-height: 600px;
    margin: 0 15px;
}
/*Fuentes*/
h1{
	margin:0;
	height:auto;
	width:auto;
	font-family:'Montserrat', sans-serif;
	font-size:20pt;
	font-weight:600;
	color:#000000;
	text-transform:uppercase;
    text-align:center;
}
p{
    margin: 0;
    height: auto;
    width: auto;
    font-family:'Roboto Slab', serif;
    font-size: 13px;
    font-weight: 200;
    color: #000000;
    text-transform: none;
    text-align: justify;
}