@charset "UTF-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
}
#contenedor{
	width: 1200px;
	height: 800px;
	background:#FFE790;
	margin: auto;
}
body{
	width: 1200px;
	height: 800px;
	background:#FFE790;
	margin: auto;
}
header{
    height: 20%;
    background:#FFD667;
    margin-top: 0px;
    margin-right: 30px;
    margin-left: 30px;
    margin-bottom: 10px;
	border-radius: 20px;
	text-align: center;
}
.cabecera_rojo{
	color:#FFFF;
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size: 120px;
}
nav{
    height: 10%;
    background:#FFD667;
	margin-bottom: 15px;
	margin-right: 30px;
    margin-left: 30px;
	border-radius: 20px;
	width: 1140px;
	display: flex;/*ayuda a colocar las cajas como si fueran celdas de una tabala*/
}
#contenido{
	height: 50%;
	background:#FFD667;
	margin-bottom: 15px;
	margin-right: 30px;
    margin-left: 30px;
	border-radius: 20px;
}
section{
    width: 40%;
    height: 90%;
    background: #FFB962;
    float: left;
    margin-bottom: 20px;
    margin-right: 30px;
    margin-left: 30px;
    border-radius: 20px;
    margin-top: 20px;
}
aside{
    width: 40%;
    height: 90%;
    background: #FFB962;
    float: right;
    margin-bottom: 20px;
    margin-right: 30px;
    margin-left: 30px;
    border-radius: 20px;
    margin-top: 20px;
}
footer{
    height: 12%;
    background: #FFD667;
    margin-right: 30px;
    margin-left: 30px;
    border-radius: 20px;
    padding-top: 0px;
    margin-top: 12px;
    margin-bottom: 1px;
    font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-weight:bold;
    font-size: 25px;
    text-align: center;
    color:#FFFFFF;
}
.boton{
	width: 600px;
	height: 50px;
	background-color: #FFA74D;
	border-radius: 5em;
	cursor: pointer;/*cursor en forma de dedo*/
	transition:background-color 1s;/*para hacer una transicion de color y el tiempo dura*/
	margin:20px;	
}
.boton:hover{
	background-color: #FF6C2D;/*pasar sobre boton cambia de color*/
}
.boton p{
	text-align:center;
	font-size:2em;
	color:#FFFFFF;
	font-weight:bold;
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";		
}
.boton a{
	text-decoration:none;
	color:#FFFFFF
}
img{
	margin:5px;
	border-radius:2em;
	margin-top: 5px;
	margin-right:50px;
    margin-left:50px;
    margin-bottom:5px;
}
#logo{
	margin:100px;
	margin-right:100px;
    margin-left:100px;
	margin-top:100px;
    margin-bottom:100px;
}
.boton_02{
    width: 400px;
    height: 60px;
    background-color: #FFA74D;
    border-radius: 5em;
    cursor: pointer;/*cursor en forma de dedo*/
    transition: background-color 1s;/*para hacer una transicion de color y el tiempo dura*/
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
    float: left;
}
.boton_02:hover{
	background-color: #FF6C2D;/*pasar sobre boton cambia de color*/
}
.boton_02 p{
	text-align:center;
	font-size:2em;
	color:#FFFFFF;
	font-weight:bold;
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";		
}
.boton_02 a{
	text-decoration:none;
	color:#FFFFFF
}
h1{
    color:#FFFFFF;
    text-align: justify;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size: 50px;
		
}
#informacion{
    color: #FFFFFF;
    text-align: justify;
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"
}