@charset "utf-8";

body
    {font-family: 'Exo';
    padding: 0px;
    margin: 0px;}

#navbar
    {width: auto;
    height: 90px;
    background-color: #ffe22b;}

.navega
    {padding-top: 50px;}

nav ul
    {list-style: none;
    text-align: center;
    width: 60%;
    margin:auto;}

.menu
    {float: right;
    margin-left: 10px;}

.menu a
    {text-decoration: none;
    display: block;
    line-height: 120%;
    font-size: 18px;
    font-weight: 800;
    color: #37333d}

nav a img
    {width: 100px;
    margin: auto;
    float: left;
    padding-top: 20px;}

nav a img:hover
    {background-image: url(imagenes/Bavk-01.svg);}

.menu a:active
    {color: #ffffff;}

.menu a:hover
    {color: #e61714;}

section
    {width: 60%;
    margin:auto;}

#foto
    {width: 100%;
    height: 400px;
    display: block;
    background-image: url(imagenes/fadu.jpg);
    background-size: cover;
    background-position: center;}

h1
    {font-size: 48px;
    font-weight:900;
    color: #ffe22b;
    margin-top: -90px;}


h1:hover
    {color: #e61714;}

h2
    {font-size: 18px;
    font-weight: 400i;
    color: #ffffff;
    margin-top: -50px;}

h3
    {font-size: 24px;
    font-weight: 700;
    color: #e61714;}

.materias
    {text-align: center;
    display: block;}

.materias p
    {overflow: hidden;
    display: block}

.Male 
    {width: 190px;
    height: 241px;
    background-image: url(imagenes/M.jpg);
    background-position: center;
    background-size: cover;
    float: left;
    margin-right: 8px;}

.Male:hover
    {width: 190 px;
    height: 241;
    background-image: url(imagenes/M2.jpg);
    background-size: cover;}

.Anto 
    {width: 190px;
    height: 241px;
    background-image: url(imagenes/A.jpg);
    background-position: center;
    background-size: cover;
    float: left;
    margin-right: 8px;}

.Anto:hover
    {width: 190 px;
    height: 241;
    background-image: url(imagenes/A2.jpg);
    background-size: cover;}

.Fran 
    {width: 190px;
    height: 241px;
    background-image: url(imagenes/F.jpg);
    background-position: center;
    background-size: cover;
    float: left;}

.Fran:hover
    {width: 190 px;
    height: 241;
    background-image: url(imagenes/F2.jpg);
    background-size: cover;
    float: left;}

.legales 
    {padding-top: 300px;
    display: block;}

.legales table
    {margin-top: -20px;
    font-size: 13px;
    font-weight: 400;
    line-height: 120%}

.legales td
    {margin: auto;
    width: 30%;
    vertical-align: text-top;}

.legales td span
    {font-weight: 700;}

footer 
    {margin: auto;
    width: 100%;
    color: #ffe22b;
    background-color: #37333d;}

#txt
    {width: 61%;
    padding: 20px;
    margin:auto;
    float: center;
    height: 70px;}


#txt img
    {height: 25px;
    margin:auto;
    float: left;}

#txt h6
    {font-size: 14px;
    font-weight: 300;
    width: 82%;
    float: right;}

#txt p
    {font-size: 12px;
    font-weight: 200;
    font-style: italic;
    width: 82%;
    float: right;
    margin-top: -30px;}

.txt
    {margin-top: -3px;}

h1 a
    {text-decoration: none;
    color: #ffe22b;}



/*ACA EMPIEZA LA CARTA*/
.carta 
    {margin-top: -20px;
    display: block;}

.carta span
    {background-color: #ffe22b;}





/*ACA EMPIEZA EL MAPA*/
.legales 
    {margin-top: -30px;
    display: block;}































/*
header
    {width: 100%;
    margin: auto;
    vertical-align: top;}



#navbar
    {background-color: #41e654;
    width: 100%;
    height: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin:auto;}

header nav
    {display: block;
    padding-right: px;
    width: 58%;
    margin:auto;
    }


nav ul li a img 
    {float: right;
    height:50px;
    }

header nav ul li
    {float: right;
    width: auto;
    height: 50px;
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    display: block;
    background-color:#41e654;
    text-align: center;
    margin: auto;
    text-decoration: none;}

header nav ul li a
    {text-decoration: none;
    font-weight: 700;
    font-size: 18px;
    align-content: center;
    color: #37333d;}

header nav ul li a:hover
    {color: #ffffff;
    text-decoration: none;}

.img
    {float: left;
    margin-top: -16px;
    margin-left: -50px}

.img:hover
    {background-color: #41e654;
    background-size: contain;
    display: block;}

main 
    {width: 61%;
    margin: auto;}

h1
    {font-size: 36;
    font-weight: 700;
    color: #37333d;}



h2
   {font-size: 20px;
    font-weight: 300;
    margin-top: -28px;
    color: #41e654;
    }

p
    {font-size: 14px;
    font-weight: 400;}

span
    {font-size: 14px;
    font-weight: 400;
    color: #41e654;
    background-color: 37333d;}



.materias
    {font-size: 16px;
    font-weight: 400;
    width: 100%;
    margin: auto;
    padding-top: 50px;}

.materias td
    {width: 200px;
    height: 254px;
    vertical-align: text-top;
    display: block;
    float: left;
    background-color: none;
    text-align: center;
    color: #37333d;
     position: relative;}
    

figcaption:hover
    {font-size: 14px;
    font-weight: 400;
    color: #37333d;
    background-color: #41e654;}

figcaption
    {color: #ffffff}


#male:hover
    {background-image:url(imagenes/male.svg);
    background-size: contain;}

h3
    {font-size: 20px;
    font-weight: 600;
    margin-bottom: -20px;
    color: #41e654;}

#uno
    {width: 25%   }*/