/* Tipo de letra y colorido basico del fondo */
body {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 12pt;
    background-color: #393939
}

/* Especificaciones del wrapper para que la parte del contenido y el aside ocupen entre los dos un 80% de la pagina */
#wrapper {

    width: 80%;
    margin: auto
}

/* Especificaciones del header */
header {
    width: 100%;
    height: 200px;
    padding: 10px;
    background-color: #393939;
    border: 5px;
    border-style: solid;
    border-color: black;
    text-align: left;
    font-size: 30px;
    font-style: oblique;
    content: inherit;
    color: goldenrod
}

/* Especificaciones de los headings */
h1 {
    text-align: auto;
    color: forestgreen
}


h2 {
    text-align: auto;
    color: forestgreen
}

h4 {
    text-align: auto;
    color: forestgreen
}

h5 {
    text-align: auto;
    color: forestgreen
}


/* Especificaiones del logo en el header */

#logo {
    float: center;
    height: 140px;
    width: 0px;
    margin-left: 1%;
    margin-right: 1%;
}


/* Especificaciones de la barra de navegacion */

nav {
    width: 100%;
    height: 200px;
    height: 25%;
    margin-top: 1%;
    margin-bottom: 1%;
    padding: 10px;
    border: 5px;
    border-style: solid;
    border: solid 5px black;
    margin: center;
}

/* Especificaciones del unordered list para navegación */

nav ul {
    border: 5px;
    border-style: solid;
    border-color: black;
    background-color: black;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}


/* Especificacion para que la barra de navegacion salga de forma horizontal*/
nav li {
    float: left;
}


/* Especificaciones para el formato de los links en cada elemento de la lista que compone el menu */
nav li a {
    display: block;
    padding: 8px;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    color: white;
    font-size: 15pt;
}

/* Especificaciones para cambiar el color de fondo de la opción sobre la que tiene el cursor */

nav a:hover:not(active) {
    background-color: darkolivegreen;
}

div {
    display: block:;
}

a {
    color: goldenrod;
    font-size: 16px;
    text-align: center;
}

/*Especificaciones del contenido en el body*/
#contenido {
    width: 75%;
    float: left;
    padding: 1%;
    border: solid 5px black;
    margin-bottom: 5%;
    font-size: 12xp;
    text-align: left;
    content: inherit;
    color: white;
}

/*Especificaciones para mover a la izquierda todo lo que son las cafeteras Expobar en la pagina de cafeteras*/
#expobar {
    width: 50%;
    float: left;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border: solid 5px black;
}

/*Especificaciones para mover a la derecha todo lo que son las cafeteras Bezzera en la pagina de cafeteras*/
#bezzera {
    width: 50% float:right;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border: solid 5px black;
}


/* Especificaciones en el recuadro de enventos especiales localizado en el <aside> que va al lado del contenido */
#evento {
    width: 20%;
    float: right;
    background-color: black;
    padding: 1px;
    border: 1px;
    border-style: solid;
    border-color: black;
    color: white;
}


/* Especificaciones de la forma en la pagina de registro */
#forma {
    width: 75%;
    float: left;
    padding: 1%;
    border: solid 5px black;
    font-size: 12xp;
    text-align: left;

    content: inherit;
    color: white;
    margin-bottom: 5%;
}


/* Especificaciones del pie de pagina */
footer {
    width: 100%;
    display: block;
    clear: both;
    padding: 10px;
    border: 5px;
    border-style: solid;
    border-color: black;
    margin-top: auto;
    text-align: center;
    font-size: small;
    background-color: black;
    color: white;
}

/*Especificaciones para ponerle color al hyperlink del email y una raya abajo en la parte del pie de pagina */


footer a {
    text-decoration-line: underline;
    color: white goldenrod;
}