@charset "UTF-8";
/* CSS Document */
main {background-color: antiquewhite;
width: 1200px;
height: 800px}

.textosec {color: aliceblue;
font-weight:800; align-content: flex-start; padding: inherit; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; margin: 1em;  }


.texttwo {color: aliceblue; align-content: flex-end; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif" }

#header { height: 8%; background-color:#7A6D40; border-radius: 1em; margin:1em;
padding-top: 10px;}
#nav{ height:10%; background:#91735D; border-radius: 1em; margin: 1em;
text-align: center;
margin-top: 5px; padding-top: 30px}

#contenido{
height: 55%; background-color: cornflowerblue; margin: 1em;

}
#section{
height: 50%; width: 20%; background: #91735D; float: left;}

#aside{
height: 50%; width: 80%; float: left; background:#474747
; display: flex}
#footer{
	height: 5%; with: 5%; padding-top: 35%; background-color:antiquewhite ; color: black; text-align: center}

.main{text-align: center; padding-top: 5%;font-size: 45px; }

.boton{
    width: 250px;
    height: 50px;
    background-color: #F0DA56;
    border-radius: 5em;
    cursor: pointer;
    /*cursor en forma dedo*/
    transition: background-color 1s;/*para hacer una transicion de color y el tiempo que dura*/
    margin: 20px;
    float: left;
}


.cabecera01 
{color:#000000; 
text-align: center; margin: 1em; }
		
		.boton:hover{background-color:#474747;
	/*pasar sobre botón cambia color*/}
		
		.boton p{text-align: center;
		font-size: 2em;
		color: gray;
		font-weight: bold;
		line-height: 0px;/*he utilizado la interlinea para centrar el texto en la vertical*/}