@font-face {
    font-family: 'antoniobold';
    src: url('fuentes/antonio-bold-webfont.eot');
    src: url('fuentes/antonio-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/antonio-bold-webfont.woff') format('woff'),
         url('fuentes/antonio-bold-webfont.ttf') format('truetype'),
         url('fuentes/antonio-bold-webfont.svg#antoniobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lobster_twobold_italic';
    src: url('fuentes/lobstertwo-bolditalic-webfont.eot');
    src: url('fuentes/lobstertwo-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/lobstertwo-bolditalic-webfont.woff') format('woff'),
         url('fuentes/lobstertwo-bolditalic-webfont.ttf') format('truetype'),
         url('fuentes/lobstertwo-bolditalic-webfont.svg#lobster_twobold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dejavu_sanscondensed';
    src: url('fuentes/DejaVuSansCondensed-webfont.eot');
    src: url('fuentes/DejaVuSansCondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/DejaVuSansCondensed-webfont.woff') format('woff'),
         url('fuentes/DejaVuSansCondensed-webfont.ttf') format('truetype'),
         url('fuentes/DejaVuSansCondensed-webfont.svg#dejavu_sanscondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dejavu_sanscondensed_oblique';
    src: url('fuentes/DejaVuSansCondensed-Oblique-webfont.eot');
    src: url('fuentes/DejaVuSansCondensed-Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/DejaVuSansCondensed-Oblique-webfont.woff') format('woff'),
         url('fuentes/DejaVuSansCondensed-Oblique-webfont.ttf') format('truetype'),
         url('fuentes/DejaVuSansCondensed-Oblique-webfont.svg#dejavu_sanscondensed_oblique') format('svg');
    font-weight: normal;
    font-style: normal;
}



body {background-color: rgb(229, 229, 229);
    margin-top: 5%;
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 0%;
    padding: 0;
    }

div# pagina {
    font-family:'dejavu_sanscondensed', sans-serif;
    font-size: 100%;}


header { 
    float:left;
    display:block;
    width:100%;
    margin: 0rem;
    padding:0;
}

header img {
    float:left;
    width: 320px;
    margin-bottom: 0.5rem
}

header ul {
    margin:0;
    padding:0;
    width: 50%;
    float: right;
}

header ul li{
    float: right;
    background-color: #000;
    font-family: 'antoniobold', sans-serif;
    font-size: 130%;
    padding: 0.4rem;
    margin-left: 1rem;
    margin-bottom: 0.5rem;
    list-style: none;
}

a {text-decoration: none;
color: #fff;}

article {
    width: 100%;
    font-family: 'dejavu_sanscondensed', sans-serif;
}

h1 {
    float: left;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    width: 100%;
    font-family:'lobster_twobold_italic',serif;
    background-color: rgb(236, 0, 140);;
    color: rgb(255,255,255);
    font-size: 350%;
    text-align: center;
}

div#datoscatedra img {
    float: left;
    margin-right: 1rem;
    width: 20%;
    padding: 2rem}

div#datoscatedra {
    float:left;
    width: 100%;
    padding: 0rem;
    margin:0rem;
    background-color: #fff;
    }

div#datoscatedra p {
    font-family: 'dejavu_sanscondensed', sans-serif;
    width: 100%;
    font-size: 70%;
    padding:1rem;
    line-height: 140%;}


h2 {
float:left;
width: 100%;
font-family:'antoniobold', sans-serif;
font-size: 150%;
color: rgb(236, 0, 140);
padding: 1.5rem;
margin:0; 
}

h3 {
float:left;
width: 100%;
font-family:'lobster_twobold_italic',serif;
font-size: 230%;
background-color: rgb(0, 167, 255);
color: #fff;
text-align: center;
padding-top: 0.5rem;
padding-bottom:0.5rem;
margin-top:0rem;
margin-bottom: 0.5rem;}

div#informacioncat {
    float:left;
    margin:0;
    padding:0;
    background-color: #fff;
  }

div#informacioncat p {
    font-family: 'dejavu_sanscondensed', sans-serif;
    font-size: 90%;
    padding-left: 2rem;
    padding-right:2rem;
    line-height: 120%;
    margin:0.5;
}

div#intenciones {
    float:left;
    margin-top:1rem;
    margin-bottom:1rem;
    padding:0;
    background-color: #fff;
  }

div#intenciones p {
    font-family: 'dejavu_sanscondensed', sans-serif;
    font-size: 90%;
    padding-left: 2rem;
    padding-right:2rem;
    line-height: 120%;
    margin:0.5;
}

div#secciones {
    float:left;
    width: 100%;
    margin-bottom:1rem;
    padding:0;
  }


div#catedra {
    width:32%;
    font-family: 'dejavu_sanscondensed', sans-serif;
    font-size:90%;
    float:left;
    margin-right: 1rem;
    margin-top:1rem;
    background-color: #fff;}

div#catedra ul {
    margin:1rem;
    padding-left: 2rem;
    padding-right:2rem;
    }

div#catedra ul li {list-style-image: url(imagenes/flechachica.svg);
}

div#nivel1 {
    width:32%;
    font-family: 'dejavu_sanscondensed', sans-serif;
    font-size:90%;
    float:left;
    margin-right: 1rem;
    margin-top:1rem;
    background-color: #fff;}

div#nivel1 ul {
    margin:1rem;
    padding-left: 2rem;
    padding-right:2rem;
    }

div#nivel1 ul li {list-style-image: url(imagenes/flechachica.svg);
}

div#nivel2 {
    width:32%;
    font-family: 'dejavu_sanscondensed', sans-serif;
    font-size:90%;
    float:left;
    margin-top:1rem;
    background-color: #fff;}

div#nivel2 ul {
    margin:1rem;
    padding-left: 2rem;
    padding-right:2rem;
    }

div#nivel2 ul li {list-style-image: url(imagenes/flechachica.svg);
}

div#blog {
    width:100%;
    font-family: 'dejavu_sanscondensed', sans-serif;
    font-size:90%;
    float:left;
    margin-bottom:1rem;
    margin-top:1rem;
    background-color: #fff;}

div#blog p {
    padding: 2rem;
}

footer {
width: 100%;
float:left;
background-color: rgb(0,0,0);
color:rgb(255,255,255);
text-align: center;
font-family: 'dejavu_sanscondensed', sans-serif;
font-size: 70%;
margin-top: 1rem}