@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,600,800);

/* CSS HOME PRINCIPAL SMARTPHONE */

@media (min-width: 320px) {
    
body {
    background-color: rgb(243, 244, 244);
    margin-top: 0px;
    margin-bottom: 0px;
}

div#carilla {
    background-color: #fff;
    margin: auto;
}
    
header#home {
    background-image: none;
    background-color: #fff;
    height: 130px;
    margin left: 0px;
    padding-left: 20px;
    border-bottom: 3px solid rgb(59, 59, 59); 
}
    
.logo {
    float: left;
    padding-right: 10px;
    margin-top: 20px; 
}

.misuracalogo {
        height: 5em
    }
    
.titulo {
    padding-left: 15px;
    font-family: "Raleway", sans-serif;
    font-size: 2em;
    margin-top: 27px;
    height: 70px;
    color: rgb(59, 59, 59);
    border-left: 0.1em solid rgb(59, 59, 59);
    float: left;
}

.primeralinea {
    font-weight: 400;
}
    
.articulo1 {
    width: 100%;
}

/* TOGGLE MENU */    
    
.navresponsive .menu {
    background-color: #fff;
}
    
.navresponsive .menu li {
    display: block;
    padding: 5px;
    font-family: "Raleway", sans-serif;
    font-size: 0.75em;
    font-weight: 800;
    width: 95%;
}

.navresponsive .menu li a {
    display: block;
    text-decoration: none;
    color: rgb(59, 59, 59);
}
    
.menuTitle {
    font-family: "Raleway", sans-serif;
    font-weight: 600;
}

/* FIN TOGGLE MENU */
    
.lacajita {
    display: none;
}
    
.bienvenidos, .niveles, .comunidad {
    width: 90%;
    background-color: rgb(59, 59, 59);
    font-family: "Raleway", sans-serif;
    font-size: 0.7em;
    color: #fff;
    margin-left: 1em;
    padding: 0.5em;
    font-weight:800;
    letter-spacing: 0.1rem;
}
    
.niveles {
    background-color: #fff;
    color: rgb(59, 59, 59);
    border: 1px solid rgb(59, 59, 59);
}
    
.lacatedra {
    background-image:url(imagenes/bienvenidos_smart.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: rgb(243, 244, 244);
    border: 1px solid rgb(180, 180, 180);
    width: 93%;
    height: 225px;
    margin-left: 0.7em;
    margin-bottom: 20px;
}
    
.destacado2 {
    float: none;
    font-family: "Raleway", sans-serif;
    font-size: 0.6em;
    font-weight: 800;
    letter-spacing: 0.02rem;
    color: rgb(236, 239, 239);
}

.destacado3 {
    margin-top: 43%;
    margin-bottom: 4px;
    width: 23em;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    color: rgb(59, 59, 59);
}

div#textolacatedra {
    float: left;
    margin-left: 0.7em;
}
    
.linklacatedra:link {
    width: 35%;
    float: right;
    color: rgb(243, 244, 244);
    text-decoration: none;
}

.linklacatedra:visited {
    color: rgb(243, 244, 244);
}

  
a#linkmgeneral:link {
    display: none;
}
    
.destacado8, .destacado6, img#box1, .cajainscripcion, .articulo5, nav ul, .mas, .estudiante, .mas4 {
    display: none;
}
    
.boxes {
    width: 100%;
}
    
.asidehome {
    width: 100%;
}
    
.comunidad, .proximoseventos {
    background-color: rgb(151, 202, 237);
    font-family: "Raleway", sans-serif;
    font-size: 0.7em;
    color: #fff;
    padding: 0.5em;
    font-weight:800;
    letter-spacing: 0.1rem;
    width: 90%;
    margin-left: 10px;
}
    
div#blogbox {
    background-image: url(imagenes/estudiantesmart.jpg);
    background-position: left;
    background-size: 44%;
    background-repeat: no-repeat;
    background-color: rgb(151, 202, 237);
    width: 93%;
    height: 170px;
    margin-left: 0.7em;
}
    
a#linkblog:link {
    color: #fff;
    text-decoration: none;
}

a#linkblog:visited {
    color: #fff;
}

.destacado5, .destacado4 {
    float: right;
    padding-left: 5%;
    width: 50%;
    font-family: "Open Sans", sans-serif;
    font-size: 0.75em;
    color: #fff;
}

.mas2 {
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    font-size: 4em;
}

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

a#mas2:visited {
    color: #fff;
}
    
.hoyenlacatedra, div#hoybox, .destacado9 {
    display: none;
}
    
div#eventos {
    display: block;
    width: 90%;
    margin-left: 2px;
}
    
.destacado7, .destacado7bis, .destacado7bis2 {
    width: 88%;
    height: 160px;
    margin-left: 10px;
    margin-bottom: -30px;
    font-family: "Raleway", sans-serif;
    font-size: 1.5em;
    background-color: rgb(180, 180, 180);
}
    
.destacado7 {
    width: 90%;
    height: 40%;
    padding: 20px;
    background-image:url(imagenes/largo1b.jpg);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 40%;
}
    
.destacado7bis {
    width: 90%;
    height: 40%;
    padding: 20px;
    background-image:url(imagenes/largo2b.jpg);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 40%;
}
    
.destacado7bis2 {
    width: 90%;
    height: 40%;
    padding: 20px;
    background-image:url(imagenes/largo3b.jpg);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 40%;
    margin-bottom: 0px;
}

    
.linkevento:link {
    color: #fff;
    font-size: 0.65em;
}
    
.linkevento:visited {
    color: #fff;
}
    
    
footer {
    background-color: rgb(65, 64, 66);
    height: 25em;
    padding: 20px;
    padding-bottom: 70px;
    clear: both;
    font-size: 0.60em;
    font-family:sans-serif;
    color: #fff;
    margin: auto;
    }


.footer1 {
    width: 100%;
    margin: auto;

}

div#footermenu {
    margin-left: -20px;
    margin-right: 30px;
    padding-bottom: 8px;
    padding-top: 8px;
    font-family: "Open Sans", "sans serif";
    font-size: 0.90em;

}

ul#footerul {
    list-style: none;
    font-family: "Raleway", "sans serif";
    font-weight: 600;
    font-size: 1.4em;
    margin: auto;
    text-align: center;
}
    
ul#footerul li {
    margin: auto;
    width: 100%;
    padding: 3px;
    margin-bottom: 10px;
    border: 1px solid #fff;
}

ul#footerul li a {
  color: #fff;
  display: block;
  padding: 0.4em;
  text-decoration: none;
}

}

/* CSS HOME PRINCIPAL TABLET */

@media (min-width: 768px) {
    
body {
    background-color: rgb(232, 210, 126);
    margin-top: 0px;
    margin-bottom: 0px;
}

div#carilla {
    background-color: #fff;
    margin: auto;
}
    
header#home {
    background-image: none;
    background-color: #fff;
    height: 130px;
    margin left: 0px;
    padding-left: 20px;
    border-bottom: 3px solid rgb(59, 59, 59); 
}
    
.logo {
    float: left;
    padding-right: 10px;
    margin-top: 20px; 
}

.misuracalogo {
        height: 5.5em
}
    
.titulo {
    padding-left: 15px;
    font-family: "Raleway", sans-serif;
    font-size: 2.2em;
    margin-top: 30px;
    height: 76px;
    color: rgb(59, 59, 59);
    border-left: 0.1em solid rgb(59, 59, 59);
    float: left;
}

.primeralinea {
    font-weight: 400;
}
    
nav ul {
    display: block;
    width: 20%;
    float: right;
    list-style: none;
    margin-top: 30px;
    padding-left: 0px;
}

nav#nav1 ul li {
    margin: 0.625em;
    font-family: "Raleway", sans-serif;
    font-weight:800;
    letter-spacing: 0.1rem;
    margin-left: 20px;
}

nav ul li a {
    font-size: 0.7em;
    text-decoration: none;
}

nav#nav2 ul li, nav#nav3 ul li {
    margin: 0.625em;
    padding-right: 0px;
    font-family: "Raleway", sans-serif;
    font-weight: 800;
    letter-spacing: 0.1rem;
    width: 145px;
}

/* LINKS COMUNES */

.links2:link {
color: rgb(59, 59, 59);
}

.links2:visited {
color: rgb(59, 59, 59);
}

.links2:hover {
color: rgb(232, 210, 126);
}

/* LINKS CELESTES */

.linkscolor:link {
color: rgb(151, 202, 237);
}

.linkscolor:visited {
color: rgb(151, 202, 237);
}
    
/* TOGGLE MENU TABLET */

.navresponsive {display: none}
  
/* FIN TOGGLE MENU */    
    
.lacajita {
    display: block;
    width: 90%;
    margin:auto;
}
    
.articulo1 {
    width: 100%;
}
    
.bienvenidos, .niveles, .comunidad {
    width: 92%;
    background-color: rgb(59, 59, 59);
    font-family: "Raleway", sans-serif;
    font-size: 0.7em;
    text-align: center;
    color: #fff;
    margin-left: 1em;
    padding: 0.5em;
    font-weight:800;
    letter-spacing: 0.1rem;
}
    
.niveles {
    background-color: #fff;
    color: rgb(59, 59, 59);
    border: 1px solid rgb(59, 59, 59);
}
    
.lacatedra {
    background-image:url(imagenes/bienvenidos_smart.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: rgb(243, 244, 244);
    border: 1px solid rgb(180, 180, 180);
    width: 93%;
    height: 225px;
    margin-left: 0.7em;
    margin-bottom: 20px;
}
    
.destacado2 {
    float: right;
    margin-right: 90px;
    font-family: "Raleway", sans-serif;
    font-size: 0.75em;
    font-weight: 800;
    letter-spacing: 0.02rem;
    color: rgb(236, 239, 239);
}

.destacado3 {
    margin-top: 10%;
    margin-bottom: 4px;
    width: 23em;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    color: #fff;
    margin-left: 370px;
}

div#textolacatedra {
    float: left;
    margin-left: 1em;
    margin-top: 1em;
}
    
.linklacatedra:link {
    width: 100%;
    float: right;
    color: rgb(243, 244, 244);
    text-decoration: none;
}

.linklacatedra:visited {
    color: rgb(243, 244, 244);
}

  
a#linkmgeneral:link {
    display: none;
}
    
.destacado8, .destacado6, .destacado9, img#box1, .cajainscripcion, .articulo5, .mas, .estudiante {
    display: none;
}
    
.boxes {
    width: 100%;
}
    
.asidehome {
    width: 100%;
}
    
.comunidad, .proximoseventos {
    background-color: rgb(151, 202, 237);
    font-family: "Raleway", sans-serif;
    font-size: 0.7em;
    color: #fff;
    padding: 0.5em;
    font-weight:800;
    letter-spacing: 0.1rem;
    text-align: center;
}
    
div#blogbox {
    background-image: url(imagenes/estudiantesmart.jpg);
    background-position: left;
    background-size: 44%;
    background-repeat: no-repeat;
    background-color: rgb(151, 202, 237);
    width: 93%;
    height: 180px;
    margin-left: 0.7em;
    margin-bottom: 20px;
}
    
a#linkblog:link {
    color: #fff;
    text-decoration: none;
}

a#linkblog:visited {
    color: #fff;
}

.destacado5, .destacado4 {
    float: right;
    padding-left: 5%;
    width: 50%;
    font-family: "Open Sans", sans-serif;
    font-size: 0.75em;
    color: #fff;
}
    
.destacado4 {
    margin-top: 30px;
    font-size: 1em;

}

.mas2 {
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    font-size: 4em;
}

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

a#mas2:visited {
    color: #fff;
}
    
.hoyenlacatedra, div#hoybox {
    display: none;
}

.proximoseventos {
    display: block;
    width: 92%;
    margin-left: 10px;
}
    
div#eventos {
    display: block;
}
    
.destacado7, .destacado7bis, .destacado7bis2 {
    width: 98%;
    height: 160px;
    margin-left: 8px;
    margin-bottom: -30px;
    font-family: "Raleway", sans-serif;
    font-size: 1.5em;
    background-color: rgb(180, 180, 180);
}
    
.destacado7 {
    padding: 20px;
    background-image:url(imagenes/largo1.jpg);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 60%;
}
    
.destacado7bis {
    width: 220px;
    padding-top: 20px;
    padding-left: 450px;
    background-image:url(imagenes/largo2.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 63%;
}
    
.destacado7bis2 {
    padding: 20px;
    background-image:url(imagenes/largo3.jpg);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 63%;
}
    
.linkevento:link {
    font-size: 1em;
    color: #fff;
}
    
.linkevento:visited {
    color: #fff;
}
    
footer {
    background-color: rgb(65, 64, 66);
    height: 25em;
    padding: 20px;
    padding-bottom: 70px;
    clear: both;
    font-size: 0.60em;
    font-family:sans-serif;
    color: #fff;
    margin: auto;
    margin-top: 30px;
    text-align: center;
    }

.mas4 {
    display: none;
}

.footer1 {
    width: 100%;
    margin: auto;

}

div#footermenu {
    margin-left: -20px;
    margin-right: 30px;
    padding-bottom: 8px;
    padding-top: 8px;
    font-family: "Open Sans", "sans serif";
    font-size: 0.90em;

}

ul#footerul {
    list-style: none;
    font-family: "Raleway", "sans serif";
    font-weight: 600;
    font-size: 1.4em;
    margin: auto;
    text-align: center;
}
    
ul#footerul li {
    margin: auto;
    width: 100%;
    padding: 3px;
    margin-bottom: 10px;
    border: 1px solid #fff;
}

ul#footerul li a {
  color: #fff;
  display: block;
  padding: 0.4em;
  text-decoration: none;
}
}


    
/* CSS HOME PRINCIPAL PC */

@media (min-width: 900px) {

.principal {
    float: left;
}

body {
    background-color: rgb(243, 244, 244);
    background-image: url(imagenes/textured_paper.png);
    margin-top: 0px;
    margin-bottom: 0px;
}

div#carilla {
    background-color: #fff;
    max-width: 960px;
    margin: auto;
    font-size: 1em;
}
    
header#home {
    background-image: url(imagenes/barranav.png);
    background-position: top;
    background-repeat: no-repeat;
    background-color: #fff;
    height: 230px;
    margin left: 0px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 3px solid rgb(59, 59, 59); 
}

.logo {
    float: left;
    margin-top: 80px;
}
    
.misuracalogo {
        height: 6.4em
    }

.titulo {
    padding-left: 20px;
    font-family: "Raleway", sans-serif;
    font-size: 2.45em;
    margin-top: 90px;
    height: 90px;
    color: rgb(59, 59, 59);
    border-left: 0.1em solid rgb(59, 59, 59);
    float: left;
    margin-left: 18px;
}

.primeralinea {
    font-weight: 400;
}


nav ul {
    display: block;
    width: 18%;
    float: right;
    list-style: none;
    margin-top: 90px;
    padding-left: 0px;
}

nav#nav1 ul li {
    padding-left: 1.25em;
    margin: 0.625em;
    font-family: "Raleway", sans-serif;
    font-weight:800;
    letter-spacing: 0.1rem;
}

nav ul li a {
    font-size: 0.7em;
    text-decoration: none;
}

nav#nav2 ul li, nav#nav3 ul li {
    margin: 0.625em;
    padding-right: 0px;
    font-family: "Raleway", sans-serif;
    font-weight: 800;
    letter-spacing: 0.1rem;
}

/* LINKS COMUNES */

.links2:link {
color: rgb(59, 59, 59);
}

.links2:visited {
color: rgb(59, 59, 59);
}

.links2:hover {
color: rgb(232, 210, 126);
}

/* LINKS CELESTES */

.linkscolor:link {
color: rgb(151, 202, 237);
}

.linkscolor:visited {
color: rgb(151, 202, 237);
}

.linkscolor:hover {
color: rgb(232, 210, 126);
}

.principal {
    margin-top: 0.625em;
    width: 100%
}
    
/* TOGGLE MENU ESCONDIDO */    
    
.navresponsive, .navresponsive .menu, .navresponsive .menu li, .navresponsive .menu li a, .menuTitle {
    display: none;
}

  
    
/* AQUÍ EMPIEZA EL MAIN QUE CONTIENE: BIENVENIDOS, NIVELES Y NOTICIAS */

/* BOX SLIDER */    
    
.lacajita {
    display: block;
    width: 90%;
    margin:auto;
}

/* 1ra caja: "BIENVENIDOS" */

.articulo1 {
    width: 74%;
}

.bienvenidos {
    width: 9em;
    background-color: rgb(59, 59, 59);
    font-family: "Raleway", sans-serif;
    font-size: 0.7em;
    color: #fff;
    margin-left: 1.83em;
    padding: 0.5em;
    font-weight:800;
    letter-spacing: 0.1rem;
    text-align: center;
}

.lacatedra {
    background-image:url(imagenes/bienvenidos.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 110%;
    background-color: rgb(243, 244, 244);
    border: 1px solid rgb(180, 180, 180);
    width: 89.7%;
    height: 322px;
    padding-left: 0px;
    padding-right: 40px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.destacado2 {
    width: 16em;
    margin-right: 0px;
    float: right;
    font-family: "Raleway", sans-serif;
    font-size: 0.7em;
    font-weight: 800;
    letter-spacing: 0.02rem;
    color: rgb(236, 239, 239);
}

.destacado3 {
    margin-top: 15px;
    margin-bottom: 4px;
    width: 16em;
    float: right;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    color: rgb(236, 239, 239);
}

div#textolacatedra {
    float: right;
}

.mas {
    display: block;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    font-size: 2em;
    color: rgb(236, 239, 239);
}

.mas:link {
    color: rgb(243, 244, 244);
    text-decoration: none;
}

.mas:visited {
    color: rgb(243, 244, 244);
}

.mas:hover {
    color:rgb(232, 210, 126);
}

.linklacatedra:link {
    width: 71%;
    color: rgb(243, 244, 244);
    text-decoration: none;
}

.linklacatedra:visited {
    color: rgb(243, 244, 244);
}

.linklacatedra:hover {
    color:rgb(232, 210, 126);
}

/* CAJAS SECUNDARIAS */

.articulo3 {
    padding-top: 5px;
    width: 716px;
    height: 414px;
}

.niveles {
    width: 64px;
    background-color: rgb(59, 59, 59);
    font-family: "Raleway", sans-serif;
    font-size: 0.7em;
    color: #fff;
    margin-left: 1.83em;
    padding: 0.5em;
    font-weight:800;
    letter-spacing: 0.1rem;
    text-align: center;
}


.boxes {
    /*display: flex;*/
    width: 95%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.boxes div{
    float: left;
}

div#nivel1, div#nivel2 {
    border: 1px solid rgb(180, 180, 180);
    background-color: rgb(243, 244, 244);
    width: 10.9em;
    height: 392px;
    padding-left: 0px;
    padding-right: 40px;
    margin-right: 15px;
}

img#box1 {
    display: block;
    width: 215px;
}

img#box1:hover {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

div#nivel3 {
    border: 1px solid rgb(180, 180, 180);
    background-color: rgb(243, 244, 244);
    width: 10.9em;
    height: 392px;
    padding-left: 0px;
    padding-right: 40px;
    margin-right: 0px;
}

a#linkmgeneral:link {
    display: block;
    color: rgb(59, 59, 59);
    text-decoration: none;
}

a#linkmgeneral:visited {
    color: rgb(59, 59, 59);
}

a#linkmgeneral:hover {
    color:rgb(151, 202, 237);
}

/* CAJA INSCRIPCIÓN */

.cajainscripcion {
    display: block;
    border: 1px solid rgb(180, 180, 180);
    background-color: rgb(243, 244, 244);
    width: 70.7%;
    height: 4.3em;
    margin-left: 1.26em;
    margin-top: 2.75em;
}

.inscripcion {
    width: 33em;
    font-family: "Raleway", sans-serif;
    font-size: 0.7em;
    color: rgb(59, 59, 59);
    margin-top: 22px;
    margin-left: 20px;
    padding:5px;
    font-weight:800;
    letter-spacing: 0.1rem;
    line-height: 1rem;
    float: left;
}

.boton {
    margin-top: 22px;
    padding:5px;
    width: 17em;
    float: right;
    text-align: center;
    margin-right: 40px;
    background-color: #fff;
    font-family: "Raleway", sans-serif;
    font-size: 0.7em;
    font-weight:800;
    letter-spacing: 0.1rem;
    color: rgb(59, 59, 59);
    border: 1px solid rgb(59, 59, 59);
}

/* CAJA NOTICIAS */

.articulo5 {
    display: block;
    padding-top: 1.25em; 
}

.news {
    width: 70px;
    background-color: rgb(151, 202, 237);
    font-family: "Raleway", sans-serif;
    font-size: 0.7em;
    color: #fff;
    margin-left: 1.83em;
    padding: 0.5em;
    font-weight: 800;
    letter-spacing: 0.1rem;
    text-align: center;
}

.noticia {
    float: left;
    background-color: rgb(243, 244, 244);
    border: 1px solid rgb(180, 180, 180);
    width: 66.5%;
    height: 20.1em;
    padding-left: 0px;
    padding-right: 40px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 20px;
    margin-bottom: 20px;
}

img#noticia:hover {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.titulonoticia {
    display: block;
    float: left;
    font-family: "Raleway", sans-serif;
    font-size: 0.9em;
    font-weight: 800;
    letter-spacing: 0.02rem;
}

.titulonoticia:link {
color: rgb(151, 202, 237);
}

.titulonoticia:visited {
color: rgb(151, 202, 237);
}

.titulonoticia:hover {
color: rgb(180, 180, 180);
}

.parrafonoticia {
    width: 370px;
    margin-top: 15px;
    margin-bottom: 4px;
    float: left;
    font-family: "Open Sans", sans-serif;
    font-size: 0.75em;
    color: rgb(59, 59, 59);
}

div#textonoticia {
    height: 322px;
    float: right;
}

.masnoticias {
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    font-size: 3em;
}

a#mas:link {
    color: rgb(151, 202, 237);
    text-decoration: none;
}

a#mas:visited {
    color: rgb(151, 202, 237);
}

a#mas:hover {
    color:rgb(180, 180, 180);
}

a#linklacatedra:link {
    color: rgb(59, 59, 59);
    text-decoration: none;
}

a#linklacatedra:visited {
    color: rgb(59, 59, 59);
}

a#linklacatedra:hover {
    color:rgb(151, 202, 237);
}



/* AQUÍ EMPIEZA EL ASIDE QUE CONTIENE: COMUNIDAD BLOG, PROXIMOS EVENTOS, HOY EN LA CATEDRA */

/* CAJA: "COMUNIDAD BLOG" */

.asidehome {
    float: right;
    margin-top: -1352px;
    width: 24.3%;
}

.comunidad {
    width: 128px;
    background-color: rgb(151, 202, 237);
    font-family: "Raleway", sans-serif;
    font-size: 0.7em;
    color: #fff;
    padding: 0.5em;
    margin-left: 0px;
    font-weight:800;
    letter-spacing: 0.1rem;
    text-align: center;
}

div#blogbox {
    background-image: none;
    float:right;
    background-color: rgb(151, 202, 237);
    border: 1px solid rgb(180, 180, 180);
    width: 73.6%;
    height: 322px;
    padding-left: 0px;
    padding-right: 40px;
    margin-right: 1.26em;
    margin-bottom: 0px;
}
    
.estudiante {
    display: block;
}

img#cajablog:hover {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.destacado4 {
    margin-top: 0px;
    width: 190px;
    padding-left: 15px;
    padding-top: 15px;
    float: left;
    font-family: "Raleway", sans-serif;
    font-size: 1em;
    font-weight: 800;
    letter-spacing: 0.02rem;
    color: #fff;
}

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

a#linkblog:visited {
    color: #fff;
}
    
a#linkblog:hover {
    color: rgb(59, 59, 59);
}

.destacado5 {
    padding-left: 15px;
    margin-bottom: 4px;
    margin-top: 0px;
    width: 190px;
    float: left;
    font-family: "Open Sans", sans-serif;
    font-size: 0.75em;
    color: #fff;
}

.mas2 {
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    font-size: 4em;
}

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

a#mas2:visited {
    color: #fff;
}

a#mas2:hover {
    color:rgb(59, 59, 59);
}

/* CAJA PRÓXIMOS EVENTOS */

.proximoseventos {
    display: block;
    margin-top: 40px;
    float: left;
    background-color: rgb(151, 202, 237);
    font-family: "Raleway", sans-serif;
    font-size: 0.7em;
    color: #fff;
    padding: 0.5em;
    font-weight:800;
    letter-spacing: 0.1rem;
    text-align: center;
    width: 60%;
    margin-left: 0px;
}

div#eventos {
    display: block;
    background-color: rgb(243, 244, 244);
    float:right;
    border: 1px solid rgb(180, 180, 180);
    width: 73.6%;
    height: 478px;
    padding-left: 0px;
    padding-right: 40px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.destacado6 {
    display: block;
    border: none;
    background-color: rgb(243, 244, 244);
    width: 190px;
    padding-top: 10px;
    padding-left: 20px;
    float: left;
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0.02rem;
    color: rgb(59, 59, 59);
}

.destacado7, .destacado7bis, .destacado7bis2 {
    background-image: none;
    background-color: rgb(243, 244, 244);
    display: block;
    width: 170px;
    height: 30px;
    padding-left: 20px;
    padding-top: 10px;
    float: left;
    font-family: "Raleway", sans-serif;
    font-size: 0.75em;
    font-weight: 800;
    letter-spacing: 0.02rem;
    color: rgb(151, 202, 237);
    margin-left: 0px;
    margin-bottom: 0px;
}
    
.destacado7bis, .destacado7bis2 {
    padding-bottom: 20px;
}


.linkevento:link {
    color: rgb(151, 202, 237);
    text-decoration: none;
}

.linkevento:visited {
    color: rgb(151, 202, 237);
}

.linkevento:hover {
    color:rgb(180, 180, 180);
}

.destacado8 {
    display: block;
    margin-bottom: 4px;
    padding-left: 20px;
    width: 180px;
    float: left;
    font-family: "Open Sans", sans-serif;
    font-size: 0.75em;
    color: rgb(59, 59, 59);
}

.destacado9 {
    display: block;
    margin-left: 20px;
    margin-bottom: 4px;
    padding-bottom: 20px;
    width: 170px;
    float: left;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    font-size: 0.75em;
    color: rgb(59, 59, 59);
    border-bottom: 1px solid rgb(59, 59, 59);
}

.mas3 {
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    font-size: 4em;
}

a#mas3:link {
    color: rgb(59, 59, 59);
    text-decoration: none;
}

a#mas3:visited {
    color: rgb(59, 59, 59);
}

a#mas3:hover {
    color:rgb(151, 202, 237);
}

.mas4 {
    display: block;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    font-size: 3em;
    margin-left: 20px;
}

a#mas4:link {
    color: rgb(151, 202, 237);
    text-decoration: none;
}

a#mas4:visited {
    color: rgb(151, 202, 237);
}

a#mas4:hover {
    color:rgb(180, 180, 180);
}

/* HOY EN LA CÁTEDRA */

.hoyenlacatedra {
    display: block;
    margin-top: 10px;
    float: left;
    background-color: rgb(151, 202, 237);
    font-family: "Raleway", sans-serif;
    font-size: 0.7em;
    color: #fff;
    padding: 0.5em;
    font-weight: 800;
    letter-spacing: 0.1rem;
    text-align: center;
}

div#hoybox {
    display: block;
    float:right;
    background-color: rgb(243, 244, 244);
    border: 1px solid rgb(180, 180, 180);
    width: 73.6%;
    height: 322px;
    padding-left: 0px;
    padding-right: 40px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.destacado10 {
    padding-left: 15px;
    padding-top: 15px;
    float: left;
    font-family: "Raleway", sans-serif;
    font-size: 1em;
    font-weight: 800;
    letter-spacing: 0.02rem;
    color: rgb(151, 202, 237);
}

.destacado11 {
    padding-left: 15px;
    padding-top: 15px;
    float: left;
    font-family: "Open Sans", sans-serif;
    font-size: 0.75em;
    font-weight: 800;
    color: rgb(59, 59, 59);
}

.destacado12 {
    margin-left: 14px;
    margin-bottom: 4px;
    padding-bottom: 15px;
    float: left;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 0.75em;
    color: rgb(59, 59, 59);
    border-bottom: 1px solid rgb(180, 180, 180);
}

.destacado13 {
    margin-left: 14px;
    margin-bottom: 4px;
    padding-bottom: 15px;
    float: left;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 0.75em;
    color: rgb(59, 59, 59);
}

/* FOOTER */

footer {
    background-color: rgb(59, 59, 59);
    height: 4em;
    padding-bottom: 70px;
    clear: both;
    color: #fff;
    margin: auto;
    margin-top: 0px;
    }


.footer1 {
    width: 100%;
    float:left;
    margin-top: 15px;
    text-align: center;

}

div#footermenu {
    float:left;
    margin-top: 4px;
    padding-bottom: 3px;
    font-family: "Open Sans", "sans serif";
    font-size: 1.1em;

}

ul#footerul {
    list-style: none;
    font-family: "Raleway", "sans serif";
    font-weight: 100;
    font-size: 1em;
    float: left;
    margin-left: 70px;
    width: 267%;
}
    
ul#footerul li {
    float: left;
    width: 16%;
    border: none;
    margin-bottom: none;
    padding: none;
    margin:none;
}

ul#footerul li a {
  color: #fff;
  border-left: 1px solid #FFF;
  display: block;
  padding: 0.3em;
  text-decoration: none;
}
}


/* CSS MORFOLOGÍA URBANA */


.murbana {
    width: 150px;
    background-color: rgb(59, 59, 59);
    font-family: "Raleway", sans-serif;
    font-size: 11px;
    color: #fff;
    margin-left: 1px;
    padding:6px;
    font-weight:800;
    letter-spacing: 0.1rem;
    margin-left: 20px;
}


.formayproyecto {
    background-repeat: no-repeat;
    background-color: #fff;
    width: 880px;
    height: 340px;
    padding-left: 0px;
    padding-right: 40px;
    margin-left: 20px;
    background-image:url(imagenes/arquitectura-casas-modernas-01.png);
    height: 600px;
    width: 390px;
        
}

.titulo1 {
    float:left;
    font-family: "Raleway", sans-serif;
    font-size: 3em;
    margin-bottom: 0px;
    color:rgb(232, 210, 126);
    line-height: 1em;
    margin-top: 80px;
    margin-left: 350px;
    width: 620px;
}

.misssce {
    float: left;
    margin-left: 330px;
    margin-top: 20px;

}
   

.botonesmurbana {
    width: 200px;
    float: right;
    margin-top:-360px;
    margin-right: -50px;
}

.botonesurbana1{ 
    width: 120px;
    padding: 5px;
    background-color: rgb(232, 210, 126);
    font-family: "Raleway", sans-serif;
    font-size: 11px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 12px;
    font-weight:600;
    text-align: center;
}

.dibujo2 {
    float:left;
    font-size: 0.85em;
    font-family: "Raleway", sans-serif;
    font-weight:800;
    margin-top: -350px;
    margin-left: 420px;
    width: 300px;
}

.destacadoparrafo2 {
    float:left;
    font-family: "Open Sans", sans-serif;
    font-weight:400;
    margin-right: 250px;
    padding-bottom: 20px;
    margin-top: -270px;
    margin-left: 420px;
    font-size: 0.75em;
    width: 320px;
}

div#footermurbana {
    float:left;
    margin-top: 4px;
    margin-left: 160px;
    padding-bottom: 3px;
    padding-left:60px;
    padding-right: 350px;
    font-family: "Open Sans", "sans serif";
    font-size: 9px;

}

.footermurbana {
    float:left;
        margin-left: 100px;
    margin-top: 15px;
}


div#footermurbana1 {
    background-color: rgb(65, 64, 66);
    height: 20px;
    padding-top: 10px;
    padding: 20px;
    padding-bottom: 85px;
    clear: both;
    font-size: 9px;
    font-family:sans-serif;
    text-align: center;
    color: #fff;
    width: 920px;
    margin-top:-100px;
    margin-left: -7px;
    }

.seccionactivadaurbana {
    background-color: rgb(232, 210, 126);
    width: 109px;
}

/* GRUPO DOCENTE */
.principalgd {
    float: left;
    background-image: url(imagenes/fondomarq-01.png);
    background-position: top left;
    background-repeat: no-repeat;
    width: 100%;
    height: 900px;
  
}
.infogd {
    width:95%;
    height: 800px;
    background-color: #fff;
    margin-top: 20px;
    margin-left: 20px;
    padding-left: 5px;
    padding-top: 5px;
    background-image: url(imagenes/equipo-01-01.jpg);
    background-repeat: no-repeat;
    background-position:top center;
    float: left;
 }
.recuadrogd {
    width:95%;
    height: 620px;
    margin-top: 110px;
    margin-left: 20px;
    padding-left: 5px;
    padding-right: 20px;
    padding-top: 5px;
    border: 3px solid rgb(232, 210, 126);
    float: left;
 }
    
.titulargd {
    font-family: "Raleway", sans-serif;
    font-size: 3em;
    width: 500px;
    margin-left: 40px;
    margin-top: 40px;
    color: rgb(232, 210, 126);
    border-bottom: 5px solid rgb(232, 210, 126);  
}


.copetetitulargd {
    width: 600px;
    height: 30px;
    font-family: "Open Sans", sans-serif;
    font-size: 0.8em;
    font-weight: 800;
    color:rgb(59, 59, 59);
    float: right;
    border-left: 30px solid rgb(232, 210, 126); 
    padding-left: 15px;
    margin-top: 5px;
    margin-bottom: 30px;
    }



.boxesgd{
    border: 1px solid rgb(180, 180, 180);
    background-color: rgb(243, 244, 244);
    width: 175px;
    height: 300px;
    padding-left: 0px;
    padding-right: 40px;
    margin-left: 15px;
    margin-top: 20px;
    float:right;
    display: block;
}
 
.nivelesgd1 {
    width: 200px;
    margin-top:0px;
    margin-bottom:0px;
    padding-top: 10px;
    padding-left: 15px;
    padding-bottom: 5px;
    float: left;
    font-family: "Raleway", sans-serif;
    font-size: 1em;
    font-weight: 800;
    letter-spacing: 0.02rem;
    color:rgb(232, 210, 126);
    background-color: rgb(59, 59, 59);
}

.nivelesgd2 {
    width: 200px;
    margin-top:5px;
    padding-top: 10px;
    padding-left: 15px;
    float: left;
    font-family: "Raleway", sans-serif;
    font-size: 1em;
    font-weight: 800;
    letter-spacing: 0.02rem;
    color:rgb(232, 210, 126);  
}

.textogd{
    font-family: "Open Sans", sans-serif;
    font-size: 0.75em;
    width: 200px;
    height: 210px;
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 5px;
    }
.masgd{
    width: 200px;
    margin-top:5px;
    float:left;
    font-family: "Raleway", sans-serif;
    font-size: 2.5em;
    font-weight: 800;
    text-align: right;
    color:rgb(232, 210, 126);
    
}


.masgd:link {
    color: rgb(232, 210, 126);
    text-decoration: none;
}

.masgd:visited {
    color: rgb(232, 210, 126);
}

.masgd:hover {
    color:rgb(59, 59, 59);
}

/* CSS DOCENTES */
.principaldocentes{
    float: left;
    background-image: url(imagenes/fondomarq-01.png);
    background-position: top left;
    background-repeat: no-repeat;
    width: 100%;
    height: 970px;
  
}

.cajabienvenidosdocentes{
width: 960px;
height:100px;}

.bienvenidosdocentes{ 
    width: 80px;
    background-color: rgb(59, 59, 59);
    font-family: "Raleway", sans-serif;
    font-size: 0.7em;
    color: #fff;
    margin-top:20px;
    margin-left: 1em;
    padding: 0.5em;
    font-weight:800;
    letter-spacing: 0.1rem;
    float: left;
}


.bienvenidosdocentes:link {
    color: #fff;
    text-decoration: none;
}

.bienvenidosdocentes:visited {
    color: #fff;
}

.bienvenidosdocentes:hover {
    color:rgb(232, 210, 126);
}

.guiondocentes {
    width: 10px;
    padding-top: 7px;
    padding-left: 5px;
    float: left;
    font-family: "Raleway", sans-serif;
    font-size: 1em;
    font-weight: 800;
    letter-spacing: 0.02rem;
    color:rgb(232, 210, 126);  
}

}

.boxesdocentes {
  
    background-color: #fff;
    width: 960px;
    height: 700px;
 
}

.boxes div{
    float: left;
}

div#prof{
    border: 1px solid rgb(180, 180, 180);
    background-color: rgb(243, 244, 244);
    width: 175px;
    height: 300px;
    padding-left: 0px;
    padding-right: 40px;
    margin-left: 15px;
    margin-top: 15px;
    float: left;
}


.nombresprof {
    width: 190px;
    padding-top: 10px;
    padding-left: 20px;
    float: left;
    font-family: "Raleway", sans-serif;
    font-size: 1em;
    font-weight: 800;
    letter-spacing: 0.02rem;
    color:rgb(232, 210, 126);  
}

div#lista {
    width: 180px;
    height: 150px;
    padding-left: 0px;
    padding-right: 30px;
    margin-left: 15px;
    margin-top: 15px;
    float: left;
}

.listado {
    border-bottom: 3px solid rgb(59, 59, 59);
    width: 960px;
    height: 700px;

}

.lista {
    font-family: "Raleway", sans-serif;
    font-size: 1em;
    width: 80px;
    height: 80px;
    color:rgb(59, 59, 59);
    margin-left: 10px;
    font-weight:800;
    letter-spacing: 0.1rem;
    text-align: center;
    padding-left: 8px;
}

/* CSS FAQ */

.articulopreguntas {

    width: 960px;
    height: 150px;

}

.preguntasfrecuentes {
    width: 180px;
    background-color: rgb(59, 59, 59);
    font-family: "Raleway", sans-serif;
    font-size: 11px;
    color: #fff;
    margin-left: 1px;
    padding:6px;
    font-weight:800;
    letter-spacing: 0.1rem;
    margin-left: 20px;
    padding-left: 10px;
}

.sectionfaq {
    float:left;
    margin-top: -80px;
    margin-left: 10px;
    font-family: "Open sans","sans serif";
    font-size: 0.9em;
    font-weight: 800;
    line-height: 2.8em;
    padding-left: 8px;
    margin-top: -90px;
}

.respuesta{
    float:left;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    line-height: 1.4em;
    font-size: 0.75em;
    width: 360px;
    margin-left: 0px;
    margin-top: -2px;
}

.links5 {
    float:left;
    margin-top: 75px;
    margin-left: -360px;
}


a {
    text-decoration: none;
}

/* link */
a:link    {
    color: #363936;
}


/* mouse sobre link */
a:hover   {
    color: rgba(151, 202, 237, 0.37);
}

/* link seleccionado */
a:active  {
    color: #424646;
}

a:visited {
    color: #363936;
}

#articlefaq {
    background-image: url(imagenes/miscelanea1_faq-06.png);
    background-repeat: no-repeat;
    width: 700px;
    float: left;
    margin-top: 10px;
    padding-top: 70px;
    padding-bottom: 80px;

}


.nombre {
    border: 1px solid rgb(180, 180, 180);
    float: left;
    font-size: 0.7em;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    line-height: 0.8em;
    background-color: rgba(151, 202, 237, 0.37);
    border-style: solid;
    border-color: #454343;
    padding-left: 15px;
    padding-right: 387px;
    margin-top: -20px;
    width: 126px;
}

.email {
    border: 1px solid rgb(180, 180, 180);
    float: left;
    font-size: 0.7em;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    line-height: 0.6rem;
    background-color: rgba(151, 202, 237, 0.37);
    border-style: solid;
    border-color: #454343;
    padding-left: 15px;
    padding-right: 477px;
    margin-top: -20px;
}

.consulta {
    border: 1px solid rgb(180, 180, 180);
    float: left;
    font-size: 0.7em;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    line-height: 0.6rem;
    background-color: rgba(151, 202, 237, 0.37);
    border-style: solid;
    border-color: #454343;
    padding-left: 13px;
    padding-right: 457px;
    padding-bottom: 100px;
    margin-top: -16px;
}

.enviar {
    border: 1px solid rgb(180, 180, 180);
    float: left;
    font-size: 0.6em;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    line-height: 0.6rem;
    text-align: center;
    background-color: rgba(180, 180, 180, 0.13);
    border-style: solid;
    border-color: #454343;
    padding-left: 7px;
    padding-right: 7px;
    margin-top: 125px;
    margin-left:-530px;
    width: 45px;
}


.botonesfaq {
    width: 200px;
    float: right;
    margin-top:-840px;
    margin-right: -50px;
}


.botones2 {
    width: 120px;
    padding: 5px;
    background-color: rgb(151, 202, 237);
    font-family: "Raleway", sans-serif;
    font-size: 11px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 12px;
    font-weight:600;
    text-align: center;
}

.consulta1 {
    font-family: "Raleway", "sans serif";
    font-size: 0.8em;
    font-weight: 600;
    height: 70px;
    line-height: 18px;
    margin-top: -10px;

}

/* CSS MORFOLOGÍA GENERAL */

main#mgeneral {
    background-image: url(imagenes/fondomgeneral.png);
    background-repeat: no-repeat;
    background-position: top left;
    float: left;
    width: 100%;
    margin-top: 1em;
    padding-bottom: 1em;
}

.morfologiageneral {
    width: 14em;
    background-color: rgb(59, 59, 59);
    font-family: "Raleway", sans-serif;
    font-size: 0.7em;
    color: #fff;
    margin-left: 1.83em;
    padding: 0.5em;
    font-weight:800;
    letter-spacing: 0.1rem;
    text-align: center;
}

.articulomgeneral {
    width: 650px;
    float:left;
}

.titular {
    font-family: "Raleway", sans-serif;
    font-size: 3em;
    margin-left: 60px;
    padding-top: 80px;
    color: rgb(232, 210, 126);
    width: 600px;
}

.copetetitular {
    width: 320px;
    font-size: 0.85em;
    font-family: "Raleway", sans-serif;
    font-weight:800;
    line-height: 1.2em;
    margin-left: 60px;
    color: rgb(59, 59, 59);
    padding-top: 20px;
}

.textomgeneral {
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    width: 560px;
    margin-left: 60px;
    padding-top: 30px;
    padding-bottom: 20px;
}

.share-button1 {
    padding-left: 60px;
    padding-top: 10px;
    padding-bottom: 20px;
}

.share-button2 {
    padding-left: 40px;
    padding-top: 20px;
}

.share-button3 {
    padding-left: 420px;
    padding-top: 20px;
}

.share-button4 {
    padding-top: 20px;
    padding-left: 20px;
}

p#textomgeneral {
    width: 400px;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    color: rgb(59, 59, 59);
    padding-top: 370px;
    padding-left: 10px;
}

.botonesmgeneral {
    margin-top: 420px;
    padding-right: 30px;
    width: 200px;
    float: right;
}

.botones {
    width: 120px;
    padding: 5px;
    background-color: rgb(232, 210, 126);
    font-family: "Raleway", sans-serif;
    font-size: 11px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 12px;
    font-weight:600;
    text-align: center;
}

/* CSS BLOG */

/* CSS BLOG SMARTPHONE */

@media (min-width: 320px) {

.asideblog {
    display: none;
}
    
.navresponsive .menu {
    background-color: #fff;
}
    
.navresponsive .menu li {
    display: block;
    padding: 5px;
    font-family: "Raleway", sans-serif;
    font-size: 0.75em;
    font-weight: 800;
    width: 95%;
}

.navresponsive .menu li a {
    display: block;
    text-decoration: none;
    color: rgb(59, 59, 59);
}
    
.menuTitle {
    font-family: "Raleway", sans-serif;
    font-weight: 600;
}    
    
main#blog {
    background-color: #fff;
    float: right;
    width: 320px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
    padding-bottom: 20px;
    margin-right: -5px;
}

.tituloblog {
    width: 92%;
    background-color: rgb(151, 202, 237);
    font-family: "Raleway", sans-serif;
    font-size: 0.7em;
    color: #fff;
    margin-left: 5px;
    padding: 0.5em;
    font-weight:800;
    letter-spacing: 0.1rem; 
}

.articulopost {
    height: 620px;
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    border-bottom: 1px dotted rgb(151, 202, 237);
    padding-left: 0px;
    padding-bottom: 20px;
    margin-left: 5px;
}

.linea1 {
    width: 100%;
    font-weight: 400;
    color: rgb(59, 59, 59);
}

.linea2 {
    font-weight: 800;
    color: rgb(151, 202, 237);
}

.imagenpost {
    width: 96%;
}

.textopost {
    font-family: "Open Sans", sans-serif;
    font-size: 0.75em;
    color: rgb(59, 59, 59);
    float: right;
    width: 300px;
    margin-right: 10px;
}

.fecha {
    line-height: 1.2rem;
    font-size: 1.2em;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
}

.articuloblog {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 1.1em;
}

.seguirleyendopost {
    font-family: "Raleway", sans-serif;
    font-weight: 800;
    font-size: 1em;
    text-decoration: none;
    color: rgb(151, 202, 237);
}

a#seguirleyendo:link {
    color: rgb(151, 202, 237);
    text-decoration: none;
}

a#seguirleyendo:visited {
    color: rgb(151, 202, 237);
}
 
.publicacionesantiguas {
    display: none;
}
    
.masresponsive {
    margin-top: 10px;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    font-size: 4em;
    text-align: center;
}
    
.linkmasresponsive:link {
    color: rgb(151, 202, 237);
}
    
.linkmasresponsive:visited {
    color: rgb(151, 202, 237);
}    
}

/* CSS BLOG PC */

@media (min-width: 900px) {

.seccionactivada2 {
    background-color: rgb(235, 233, 233);
}

.linksblog {
    padding-top: 10px;
    font-family: "Raleway", sans-serif;
    font-size: 11px;
    font-weight: 800;
    padding-left: 2px;
    color: rgb(59, 59, 59);
    letter-spacing: 0.01rem;
}

.asideblog {
    display: block;
    float: left;
    width: 140px;
    background-color: rgb(151, 202, 237);
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    height: 940px;
}

/* links aside blog */

.usuario {
    width: 130px;
    background-color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 10px;
    color: rgb(180, 180, 180);
    margin-left: 0px;
    margin-bottom: 5px;
    padding:2px;
    font-weight:800;
}

.send {
    width: 40px;
    background-color: rgb(232, 210, 126);
    font-family: "Open Sans", sans-serif;
    font-size: 10px;
    color: rgb(59, 59, 59);
    margin-left: 0px;
    margin-bottom: 5px;
    font-weight:600;
    text-align: center;
}

.recomendado {
    font-family: "Raleway", sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    padding-bottom: 3px;
    border-bottom: 1px solid #fff;
}

.libro {
    margin-top: 20px;
}

.libro2 {
    margin-top: 0px;
}

.linklibro {
    font-family: "Raleway", sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    padding-bottom: 10px;
    border-bottom: 1px dotted #fff;
}

.linklibro2 {
    font-family: "Raleway", sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    padding-bottom: 0px;

}

a#blogaside:link {
    color: rgb(59, 59, 59);
    text-decoration: none;
}

a#blogaside:visited {
    color: rgb(59, 59, 59);
}

a#blogaside:hover   {
    color: #fff;
}

/* main blog (posteos) */

main#blog {
    background-color: #fff;
    float: right;
    width: 740px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 20px;
    margin-right: 0px;
}

.tituloblog {
    width: 11.5em;
    background-color: rgb(151, 202, 237);
    font-family: "Raleway", sans-serif;
    font-size: 0.7em;
    color: #fff;
    margin-left: 1.83em;
    padding: 0.5em;
    font-weight:800;
    letter-spacing: 0.1rem;
    text-align: center;
}

.articulopost {
    margin-left: 0px;
    height: 380px;
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    border-bottom: 1px dotted rgb(151, 202, 237);
    padding-left: 20px;
    padding-bottom: 20px;
}

.linea1 {
    width: 400px;
    font-weight: 400;
    color: rgb(59, 59, 59);
}

.linea2 {
    font-weight: 800;
    color: rgb(151, 202, 237);
}

.post {
}
    
.imagenpost {
    width: 56%;
}

.textopost {
    font-family: "Open Sans", sans-serif;
    font-size: 0.75em;
    color: rgb(59, 59, 59);
    float: right;
    width: 280px;
    margin-right: 5px;
    margin-top: 0px;
}

.fecha {
    line-height: 1rem;
    font-size: 11px;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
}

.articuloblog {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 1em;
}

.seguirleyendopost {
    font-family: "Raleway", sans-serif;
    font-weight: 800;
    font-size: 11px;
    text-decoration: none;
    color: rgb(151, 202, 237);
}

a#seguirleyendo:link {
    color: rgb(151, 202, 237);
    text-decoration: none;
}

a#seguirleyendo:visited {
    color: rgb(151, 202, 237);
}

a#seguirleyendo:hover {
    color: rgb(180, 180, 180);
}

.publicacionesantiguas {
    display: block;
    padding-top: 30px;
    text-align: center;
    font-family: "Raleway", sans-serif;
    font-weight: 800;
    font-size: 11px;
    text-decoration: none;
    letter-spacing: 0.05rem
}

a#publicacionesantiguas:link {
    text-decoration: none;
    color: rgb(151, 202, 237);
}

a#publicacionesantiguas:visited {
    color: rgb(151, 202, 237);
}

a#publicacionesantiguas:hover {
    color: rgb(180, 180, 180);
}
    
.masresponsive {
    display: none;
}
    
}

/* CSS EVENTO URBAN SKETCHERS */

.seccioneventos {
    width: 13em;
    background-color: rgb(151, 202, 237);
    font-family: "Raleway", sans-serif;
    font-size: 0.7em;
    color: #fff;
    margin-left: 1.83em;
    padding: 0.5em;
    font-weight:800;
    letter-spacing: 0.1rem;
    text-align: center;
    margin-top: 20px;
}

.asideevento{
    background-color: rgb(151, 202, 237);
    border-left: 1px solid rgb(226, 227, 227);
    float: right;
    width: 140px;
    height: 1100px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}

.evento1 {
    width: 700px;
    float: left;
    padding-left: 20px;
}

.tituloevento1 {
    background-image: url( imagenes/fecha.png);
    background-position: left;
    background-repeat: no-repeat;
    font-family: "Raleway", sans-serif;
    font-size: 38px;
    color: rgb(151, 202, 237);
    margin-left: 20px;
    padding:5px;
    padding-left: 88px;
    font-weight:800;
    letter-spacing: 0.1rem;
}

.videoresponsive {
   position: relative;
   margin: auto;
    margin-left: 20px;
    height: 0;
    padding-bottom: 56.25%;
}

.videoresponsive iframe {
    position: absolute;
    height: 100%;
    width: 80%;
    top: 0px;
    left: 0px;
}
    
.copete {
    margin-left: 20px;;
    padding-top: 10px;
    font-family: "Raleway", sans-serif;
    font-weight: 800;
    font-size: 1em;
    line-height: 1.2rem;
    color: rgb(151, 202, 237);
}

.autordelpost {
    padding-left: 20px;
    font-family: "Raleway", sans-serif;
    font-size: 0.75em;
    font-weight: 600;
}

.textourban {
    margin-left: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted rgb(151, 202, 237);
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    width: 78%;
}

.corazonevento, .comentarevento {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 20px;
}

.share-button4 {
    margin-left: 98px;
    margin-top: -62px;
    margin-bottom: 20px;
}

/* links aside */

.linksaside {
    font-family: "Raleway", sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.01rem;
    padding-left: 5px;
}

a#eventoaside:link {
    line-height: 0.5rem;
    color: #fff;
    text-decoration: none;
}

a#eventoaside:hover   {
    color: #fff;
}

.thumbnail {
    margin-top: 30px;
    margin-bottom: 10px;
}

.thumbnail:hover {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.thumbnail2 {
    padding-top: 30px;
    margin-top: 30px;
    margin-bottom: 10px;
    border-top: 1px dotted #fff;
}

.thumbnail2:hover {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.linkthumbnail {
    font-family: "Raleway", sans-serif;
    font-weight: 800;
    font-size: 0.8em;
    color: rgb(59, 59, 59);
}

.linkthumbnail:hover {
color: #fff;
}

.fechaeventoaside {
    font-family: "Open Sans", sans-serif;
    font-size: 0.75em;
}

.mas5 {
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    font-size: 3em;
    margin-left: 0px;
    border-top: 1px solid rgb(59, 59, 59);
}

.mas5:link {
    color: rgb(59, 59, 59);
    text-decoration: none;
}

.mas5:visited {
    color: rgb(59, 59, 59);
}

.mas5:hover {
    color: #fff;
}

.maseventos {
    font-size: 15px;
}

.maseventos:link {
    text-decoration: none;
    color: #fff;
}

.maseventos:visited {
    color: #fff;
}

.maseventos:hover {
color:rgb(180, 180, 180);
    
}


/* PROGRAMA */

section#sectiontituloprog {
    float:left;
    background-image: url(imagenes/misce1_prog-03.png);
    background-repeat: no-repeat;
    height: 40px;
    margin-top: 10px;
}

.primercuat1{ 
    width: 140px;
    background-color: rgb(59, 59, 59);
    font-family: "Raleway", sans-serif;
    font-size: 0.7em;
    color: rgb(232, 210, 126);
    margin-top:20px;
    margin-left: 1em;
    padding: 0.5em;
    font-weight:800;
    letter-spacing: 0.1rem;
    float: left;
}

.programa {
    width: 75px;
    background-color: rgb(59, 59, 59);
    font-family: "Raleway", sans-serif;
    font-size: 11px;
    color: #fff;
    margin-left: 1px;
    padding:6px;
    font-weight:800;
    letter-spacing: 0.1rem;
    margin-left: 20px;
    
}

.primercuatrimestre {
    float:left;
    margin-left: 20px;
    font-size: 2em;
    color:rgb(232, 210, 126);
    font-family: "Raleway", "sans serif";
    font-weight: 800;
    width: 360px;
    margin-top: -70px
}

.cronograma{
    float:left;
    font-family: "Raleway", sans-serif;
    font-size: 0.5em;
    color: #000;
    line-height: 0.5em;
    font-weight:800;
    letter-spacing: 0.1rem;
    padding-left:6px;
    padding-right: 6px;
    margin-top: 160px;
    margin-left: -362px;
}

.cronolinks {
    border: 1px solid rgb(180, 180, 180);
    font-family: "Raleway","sans serif";
    font-weight: 800;
    font-size: 0.7em;
    float:left;
    margin-left:-4px;
    margin-right: 655px;
    margin-top: 20px;
    padding-top: 11px;
    padding-left: 20px;
    padding-bottom:11px;
    line-height: 2rem;
    background-color: #f5f5f5;
    margin-left: 20px;
    width: 870px;
    height: 10px;
    
}

.links6{
    float:left;
    margin-top: -10px;
    margin-left: 50px;

}

.links9, .links10, .links8, .links7 {
    float:left;
    margin-left: 130px;
    margin-top: -10px;
 }

.objetivosprog{
    float:left;
    font-family: "Raleway", sans-serif;
    font-size: 0.7em;
    color: #000;
    font-weight:800;
    padding-right: 6px;
    margin-top: 60px;
}

.objparrafo{
    border: 1px solid rgb(180, 180, 180);
    float:left;
    background: none;
    font-family: "Open Sans", sans-serif;
    font-size: 0.75em;
    margin-left: 355px;
    margin-right: 375px;
    margin-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom:10px;
    background-color: #f5f5f5;

}

.trabajosprog {
    float:left;
    font-family: "Raleway", sans-serif;
    font-size: 1em;
    color: #000;
    font-weight:800;
    margin-top: -260px;
    margin-left: 23px;
}

.trabajoparrafo{
    border: 1px solid rgb(180, 180, 180);
    float:left;
    background: none;
    font-family: "Open Sans", "sans-serif";
    font-size: 0.75em;
    margin-right: 580px;
    margin-top: -206px;
    margin-left: 23px;
    margin-right: 645px;
    padding-left: 20px;
    padding-right: 30px;
    padding-bottom:12px;
    padding-top: 10px;
    background-color: #f5f5f5;
}

.botonesprograma{
    float:right;
    margin-top:-654px;
    margin-right: 60px;
}

.botonescolor {
    width: 120px;
    padding: 5px;
    background-color: rgb(232, 210, 126);
    font-family: "Raleway", sans-serif;
    font-size: 11px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 12px;
    font-weight:600;
    text-align: center;
}

.objetivosprograma{
    font-size: 1.6em;
    float:left;
    font-family: "Raleway", sans-serif;
    margin-left: 380px;
    margin-top:-380px;
}

.parrafodeobjetivos{
    float:left;
    font-family: "Open Sans", "sans serif";
    font-size: 0.75em;
    margin-left: 400px;
    margin-top: -155px;
    width: 340px;
}

.imagenesprog{
    float:left;
    margin-top: -280px;
    margin-left: 23px;
    padding-bottom: 40px;
    height: 300px;
}

.objetivosprog{
    width: 220px;
    float:left;
    font-family: "Raleway", sans-serif;
    font-size: 0.7em;
    color: #000;
    font-weight:800;
    padding-left:6px;
    padding-right: 6px;
    margin-top: 60px;
    margin-left: 353px;
   background-color:rgb(232, 210, 126)
}

.objparrafo{
    border: 1px solid rgb(180, 180, 180);
    float:left;
    background: none;
    font-family: "Open Sans", sans-serif;
    font-size: 0.75em;
    margin-left: 355px;
    margin-right: 375px;
    margin-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom:10px;
    background-color: #f5f5f5;
}

.tituloprograma {
    font-family: "Raleway", sans-serif;
    font-size: 2em;
    width: 300px;
    height: 80px;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-top:-294px;
    color: rgb(232, 210, 126);
    float: left;
    border-bottom: 5px dotted rgb(232, 210, 126);  
}

.trabajoparrafo{
    border: 1px solid rgb(180, 180, 180);
    float:left;
    background: none;
    font-family: "Open Sans", "sans-serif";
    font-size: 0.75em;
    margin-right: 580px;
    margin-left: 23px;
    margin-right: 645px;
    padding-left: 20px;
    padding-right: 30px;
    padding-bottom:12px;
    padding-top: 10px;
    background-color: #f5f5f5;
}

/* M ARQUITECTONICA */

.principalarq {
    float: left;
    background-image: url(imagenes/fondomarq-01.png);
    background-position: top left;
    background-repeat: no-repeat;
    width: 100%;
  
}
.infoarq {
    width:95%;
    height: 800px;
    background-color: #fff;
    margin-top: 10px;
    margin-left: 20px;
    padding-left: 5px;
    padding-top: 5px;
    background-image: url(imagenes/model4-01.jpg);
    background-repeat: no-repeat;
    background-position:top center;
    float: left;
 }
    
.titulararq {
    font-family: "Raleway", sans-serif;
    font-size: 3em;
    width: 500px;
    margin-left: 20px;
    margin-top: 170px;
    color: rgb(232, 210, 126);
    border-bottom: 5px solid rgb(232, 210, 126);  
}

.asidearq{
    float: right;
    width: 377px;
    margin-top: 50px;
    
}
.copetetitulararq2 {
    font-family: "Open Sans", sans-serif;
    font-size: 0.8em;
    font-weight: 800;
    width:150px;
    padding-left: 10px;
    color:rgb(232, 210, 126);
    background-color: rgb(59, 59, 59);
    }

.galeriaarq{
float: right;
font-family: "Open Sans", sans-serif;
font-size: 0.8em;
font-weight: 800;
color:rgb(59, 59, 59);
margin-right: 40px;
background-color: rgb(232, 210, 126);
padding: 10px;
}
.textoarq{
    width: 460px;
   border-left:12px solid rgb(59, 59, 59);
    margin-left:20px;
    margin-top:100px;
}
    
.copetetitulararq {
    
    font-family: "Open Sans", sans-serif;
    font-size: 0.8em;
    font-weight: 800;
    width:300px;
    margin-top: 70px;
  padding-left: 10px;
    color: rgb(59, 59, 59);
    

}

.textomarq {
    font-family: "Open Sans", sans-serif;
    font-size: 0.75em;
    width: 425px;
    margin-top: 40px;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 5px;
    

}

.compartir2arq {
    width: 560px;
    margin-top: 40px;
    margin-left:20px;
    padding-bottom: 20px;
    font-family: "Raleway", sans-serif;
    font-size: 0.7em;
    font-weight: 800;
    color: rgb(59, 59, 59);
    border-bottom: 1px dotted rgb(232, 210, 126);
}

.redesarq {
    font-weight: 800;
    color: rgb(232, 210, 126);
}
.share:link {
    color: rgb(232, 210, 126);
    text-decoration: none;
}

.share:visited {
    color: rgb(232, 210, 126);
}

.share:hover {
    color: rgb(180, 180, 180);
}

 

.botonesmarq {
    float: right;
    margin-top: -5px;
    
    }

.botonesarq {
    width: 150px;
    padding: 5px;
    background-color: rgb(232, 210, 126);
    font-family: "Raleway", sans-serif;
    font-size: 11px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 12px;
    font-weight:600;
    text-align: center;
}

.botonesarq:hover {
color: rgb(59, 59, 59);
}

.seccionactivada {
    background-color: rgb(232, 210, 126);
}

/* LA CÁTEDRA */
.principalcatedra {
    float: left;
    background-image: url(imagenes/fondomarq-01.png);
    background-position: top left;
    background-repeat: no-repeat;
    width: 100%;
}

.infocatedra{
    background-image: url(imagenes/catedra1-01.png);
    height: 850px;
    background-position: top left;
    background-repeat: no-repeat;
    margin-left: 100px;
    margin-top: -60px;
    width: 800px;
}

.titularcatedra {
    font-family: "Raleway", sans-serif;
    font-size: 3em;
    width: 640px;
    margin-left: 160px;
    margin-top: 110px;
    color: rgb(232, 210, 126);
   padding-top: 20px;
    border-bottom: 5px dotted rgb(232, 210, 126);  
}

.propuesta{
float: right;
width: 550px;
height: 600px;
border:5px solid rgb(232, 210, 126)}


.textocatedra{
    font-family:"Open Sans", sans-serif;
    font-size: 0.75em;
    width:360px; 
    float:right;
    padding-top: 5px;
    margin-right: 15px;
    margin-top: 3px;
    margin-bottom: 15px;
    }
.objetivos1{
    width:2px;
    height: 18px;
    margin-left: 140px;
    margin-top: 60px;
    color:rgb(59, 59, 59);
    float: left;
    border-left: 20px solid rgb(59,59,59);
    }
.copetecatedra{
    font-family: "Open Sans", sans-serif;
    font-size: 0.8em;
    font-weight: 800;
    width:370px;
    color:rgb(59, 59, 59);
    margin-left: 175px;
    margin-right: 15px;
    margin-bottom: 15px;
    margin-top: 60px;
    
    }


.objetivos{
    font-family: "Open Sans", sans-serif;
    font-size: 0.8em;
    font-weight: 800;
    width:360px;
    height: 18px;
    margin-right: 15px;
    color:rgb(59, 59, 59);
    float: right;
    padding-left: 20px;
    border-left: 20px solid rgb(59,59,59);
    
    }
.subtitulocatedra{
    width:360px;
   height:20px;
    float:right;
    font-family: "Open Sans", sans-serif;
    font-size: 0.8em;
    font-weight: 800;
    border-bottom: 2px dotted rgb(59,59,59);
    margin-right: 15px;
margin-top: 5px;
margin-bottom: 3px;}

.asidecatedra{
background-image: url(imagenes/catedra2-01.png);
background-repeat: no-repeat;
background-position: top;
margin-top: 380px;
width: 200px;
height: 300px;
float: left;
margin-right: 2px;
padding-right: 125px;
}

.botonescatedra{
    float: left;
    margin-top: 235px;
    margin-left: 24px;
    }

.botonescatedra2 {
    width: 150px;
    padding: 15px;
    background-color: rgb(232, 210, 126);
    font-family: "Raleway", sans-serif;
    font-size: 11px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 12px;
    font-weight:600;
    text-align: left;
}

.botonescatedra2:hover {
color: rgb(59, 59, 59);
}

/* NOTICIAS */

.noticias {
    width: 70px;
    background-color: rgb(59, 59, 59);
    font-family: "Raleway", sans-serif;
    font-size: 11px;
    color: #fff;
    margin-left: 1px;
    padding:6px;
    font-weight:800;
    letter-spacing: 0.1rem;
    margin-left: 20px;
    padding-left: 10px;
}

.tituloconcurso {
    float:left;
    height: 50px;
    width: 400px;
    background-image: url(imagenes/misce1_noticias-10.png);
    background-repeat: no-repeat;
    margin-top: -30px;
    margin-left: 50px;
}

.segundanoticia {
    margin-top: 90px;
    float:left;
    padding-bottom: 10px;
    height: 280px;
}

.concursoyconvocatoria {
    margin-top: -50px;
    font-weight: 800;
    font-family: "Raleway", "sans serif";
    font-size: 1.7em;
    color: rgb(151, 202, 237);
}

.podes {
    float:left;
    font-size: 0.85em;
    font-family: "Raleway", sans-serif;
    font-weight:800;
    line-height: 1.5em;
    margin-top: 40px;
    margin-left: -399px;
    width: 320px;
    color: rgb(59, 59, 59);
}

.parrafonoticias{
    float:left;
    font-size: 0.75em;
    margin-left: 0px;
    font-family: "Open Sans", "sans serif";
    width: 90%;
    margin-top: 10px;
}

.boxparrafonoticias, .boxparrafonoticias2 {
    margin-left: 50px;
    width: 410px;
    height: 310px;
    border-bottom: 1px dotted rgb(151, 202, 237);
}

.seguirleyendonoticia {
    font-family: "Raleway", sans-serif;
    font-weight: 800;
    font-size: 0.70em;
    text-decoration: none;
    color: rgb(151, 202, 237);
    float: left;
    margin-top: 10px;
}

.segundanoticia {
    float: left;
    margin-left: 0px;
    margin-top: 130px;
    padding-bottom: 20px;
}

.boxparrafonoticias2 {
    height: 260px;
}

.imagenoticia {
    float:left;
    margin-top: -10px;
    margin-left: 480px;
}

.botonesnoticia {
    width: 30%;
    float: right;
    margin-top:-514px;
    margin-right: 50px;
}

.botones1 {
    width: 100%;
    padding: 5px;
    background-color: rgb(151, 202, 237);
    font-family: "Raleway", sans-serif;
    font-size: 0.75em;
    font-weight: 800;
    color: #fff;
    margin-bottom: 12px;
    font-weight:600;
    text-align: center;
}

.botonesnuevaseccion {
    width: 300px;
    height: 320px;
    background-color: rgb(243, 244, 244);
    border: 1px solid rgb(203, 200, 200);
}

.imagennuevaseccion {
    width: 90%;
    padding: 14px;
}

.imagennuevaseccion:hover {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.textonuevaseccion {
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 10px;
    border-left: 8px solid rgb(155, 155, 155);
    font-family: "Open Sans", sans-serif;
    font-size: 0.75em;
    font-weight: 600;
    color: rgb(155, 155, 155);
}

.cargarmasnoticias {
    margin-top: 440px;
    margin-bottom: 40px;
    margin-left: 50px;
    width: 40%;
    font-family: "Raleway", sans-serif;
    font-size: 1em;
    font-weight: 800;
    color: rgb(151, 202, 237);
}

.linkmasnoticias:link {
    color: rgb(151, 202, 237);
}

.linkmasnoticias:visited {
    color: rgb(151, 202, 237);
}

.linkmasnoticias:hover {
    color:rgb(180, 180, 180);
}

/* CSS EVENTOS (GENERAL) */

.news2 {
    width: 70px;
    background-color: rgb(151, 202, 237);
    font-family: "Raleway", sans-serif;
    font-size: 0.7em;
    color: #fff;
    margin-left: 12em;
    padding: 0.5em;
    font-weight: 800;
    letter-spacing: 0.1rem;
    text-align: center;
    float: left;
    margin-top: -40px;
}

.news3 {
    background-color: #fff;
    font-family: "Raleway", sans-serif;
    font-size: 0.7em;
    color: rgb(59, 59, 59);
    margin-left: 9.5em;
    padding: 0.5em;
    font-weight: 800;
    letter-spacing: 0.1rem;
    text-align: center;
    float: left;
    margin-top: -40px;
}

.cajitascelestes {
}

.eventodestacado {
    display: block;
    padding-top: 1.25em; 
}

.eventotop {
    float: left;
    background-color: rgb(243, 244, 244);
    width: 90%;
    height: 24.7em;
    padding-left: 0px;
    padding-right: 40px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 30px;
    margin-bottom: 20px;
}

div#textoeventotop {
    height: 372px;
    width: 35%;
    float: right;
    margin-right: -60px;
}

.destacadodelmes {
    font-family: "Raleway", sans-serif;
    font-size: 0.7em;
    color: rgb(59, 59, 59);
}

.tituloeventotop {
    display: block;
    float: left;
    font-family: "Raleway", sans-serif;
    font-size: 0.9em;
    font-weight: 800;
    letter-spacing: 0.02rem;
    padding-bottom: 10px;
}

.tituloeventotop:link {
color: rgb(151, 202, 237);
}

.tituloeventotop:visited {
color: rgb(151, 202, 237);
}

.tituloeventotop:hover {
color: rgb(180, 180, 180);
}

.autor {
    float: left;
    margin-top: auto;
    font-family: "Raleway", sans-serif;
    font-size: 0.7em;
    color: rgb(59, 59, 59);
}

.parrafoeventotop {
    margin-top: 8px;
    margin-bottom: 12px;
    float: left;
    font-family: "Open Sans", sans-serif;
    font-size: 0.85em;
    color: rgb(59, 59, 59);
    width: 85%;
}

.maseventotop {
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    font-size: 3em;
    float: left;
    margin-right: 30px;
}

.seguirleyendoevento {
    font-family: "Raleway", sans-serif;
    font-weight: 800;
    font-size: 11px;
    text-decoration: none;
    color: rgb(151, 202, 237);
    float: left;
    margin-top: 5px;
}

.corazon, .comentar, .compartir {
    float: left;
    margin-top: 40px;
    margin-left: -102px;
}

.comentar {
    margin-left: -62px;
}

.compartir {
    margin-left: -22px;
}

.titulomaseventos, .buscadorpormes {
    width: 94%;
    background-color: rgb(151, 202, 237);
    font-family: "Raleway", sans-serif;
    font-size: 0.7em;
    color: #fff;
    margin-left: 20px;
    padding: 0.5em;
    font-weight:800;
    letter-spacing: 0.1rem;
    text-align: left;
    float: left;
}

.boxes2 {
    display: flex;
    width: 95%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 20px;
    margin-bottom: 20px;
}

div#evento1, div#evento2, div#evento3 {
    border: 1px solid rgb(180, 180, 180);
    background-color: rgb(243, 244, 244);
    height: 280px;
    width: 360px;
    padding-left: 0px;
    padding-right: 40px;
    margin-right: 15px;
}

div#evento1, div#evento3 {
    background-image: url(imagenes/maseventos1.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
}

div#evento2 {
    background-image: url(imagenes/maseventos2.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100%;
}

div#evento3 {
    margin-right: 0px;
    background-image: url(imagenes/maseventos3.jpg);
    
}

.destacadoeventos1, .destacadoeventos1b {
    background-image: url(imagenes/oct23.png);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 19%;
    width: 190px;
    padding-top: 10px;
    padding-left: 70px;
    height: auto;
    float: left;
    font-family: "Raleway", sans-serif;
    font-size: 1.2em;
    font-weight: 800;
    letter-spacing: 0.02rem;
    color: rgb(151, 202, 237);
    margin-top: 140px;
    margin-left: 10px;
}

.destacadoeventos2, .destacadoeventos2b, .destacadoeventos2c {
    padding-left: 20px;
    width: 180px;
    float: left;
    font-family: "Open Sans", sans-serif;
    font-size: 0.75em;
    color: rgb(59, 59, 59);
    margin-top: -5px;
}

.linkevento1:link {
    display: block;
    color: rgb(151, 202, 237);
    text-decoration: none;
}

.linkevento1:visited {
    color: rgb(151, 202, 237);
}

.linkevento1:hover {
    color:rgb(180, 180, 180);
}

.maseventosbox, .maseventosboxb {
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    font-size: 4em;
}

.maseventosbox:link {
    color: rgb(151, 202, 237);
    text-decoration: none;
}

.maseventosbox:visited {
    color: rgb(151, 202, 237);
}

.maseventosbox:hover {
    color:rgb(59, 59, 59);
}

.maseventosboxb:link {
    color: rgb(151, 202, 237);
    text-decoration: none;
}

.maseventosboxb:visited {
    color: rgb(151, 202, 237);
}

.maseventosboxb:hover {
    color:rgb(59, 59, 59);
}

.destacadoeventos1b {
    background-image: url(imagenes/oct18.png);
    margin-top: 10px;
}

.destacadoeventos1c {
    background-image: url(imagenes/oct30.png);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 19%;
    width: 190px;
    padding-top: 10px;
    padding-left: 70px;
    height: auto;
    float: left;
    font-family: "Raleway", sans-serif;
    font-size: 1.2em;
    font-weight: 800;
    letter-spacing: 0.02rem;
    color: rgb(151, 202, 237);
    margin-top: 140px;
    margin-left: 10px;
}

.buscadorpormes {
    width: 61.8%;
}

.fechas {
    padding: 20px;
    height: 85%;
}

.boxbuscador {
    float: left;
    background-color: rgb(243, 244, 244);
    width: 58%;
    height: 18.5em;
    padding-left: 0px;
    padding-right: 40px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 30px;
    margin-bottom: 20px;
}

.europeanbuildings {
    border-left: 8px solid rgb(151, 202, 237);
    display: block;
    float: left;
    font-family: "Raleway", sans-serif;
    font-size: 0.9em;
    font-weight: 800;
    letter-spacing: 0.02rem;
    padding-bottom: 0px;
    padding-left: 10px;
}

.europeanbuildings:link {
    color: rgb(151, 202, 237);
}

.europeanbuildings:visited {
    color: rgb(151, 202, 237);
}

.europeanbuildings:hover {
    color: rgb(180, 180, 180);
}

#textoeuropean {
    width: 55%;
    float: right;
    margin-right: -60px;
    margin-top: 10px;
}

.parrafoeuropean {
    margin-top: 8px;
    margin-bottom: 12px;
    padding-top: 10px;
    float: left;
    font-family: "Open Sans", sans-serif;
    font-size: 0.75em;
    color: rgb(59, 59, 59);
    width: 85%;
}

.sugerencias {
    float: left;
    width: 30%;
}

.sugerenciaseventos {
    width: 97%;
    background-color: rgb(151, 202, 237);
    font-family: "Raleway", sans-serif;
    font-size: 0.7em;
    color: #fff;
    margin-left: 14px;
    padding: 0.5em;
    font-weight:800;
    letter-spacing: 0.1rem;
    text-align: left;
    float: left;
    margin-top: -40px;
}

.boxsugerencia {
    float: right;
    background-color: rgb(243, 244, 244);
    height: 280px;
    width: 100%;
    margin-right: -14px;
    height: 18.5em;
}

.name, .sugerencia, .enviarsugerencia {
    font-family: "Raleway", sans-serif;
    font-size: 0.75em;
    font-weight: 800;
    color: rgb(180, 180, 180);
    border: 1px solid rgb(180, 180, 180);
    margin: 1em;
    padding: 0.5em;
    background-color: #fff;
}

.sugerencia {
    height: 170px;
}

.enviarsugerencia {
    width: 16%;
}

/* BIBLIOGRAFIA RECOMENDADA */

.biblio {
    width: 210px;
    background-color: rgb(59, 59, 59);
    font-family: "Raleway", sans-serif;
    font-size: 11px;
    color: #fff;
    margin-left: 1px;
    padding:6px;
    font-weight:800;
    letter-spacing: 0.1rem;
    margin-left: 20px;
}

.brecomendada{
    float:left;
    width: 200px;
    font-family: "Open Sans", "sans serif";
    font-size: 0.9em;
    margin-left: 20px;
    margin-top: 40px;


}

.asignaturab{
    float:left;
    font-size: 0.9em;
    margin-top: 40px;
    margin-left: -92px;
    font-family: "Open Sans", "sans serif";
    font-weight: 800;

}

.brecomendada2{
    float:left;
    font-size: 0.9em;
    width: 900px;
    font-family: "Open Sans", "sans serif";
    margin-left: -200px;
    margin-top: 70px


}

.materiab{
    float:left;
        font-size: 0.9em;

    margin-top: 40px;
    margin-left: -93px;
    font-family: "Open Sans", "sans serif";
    font-weight: 800;
}

.biblioguias {
    float:left;
    font-family: "Open Sans", "sans serif";
    font-size: 0.9em;
}

.materiab{
    float:left;
    margin-left: 128px;
    margin-top: -33px;

}

.textob{
    float:left;
        font-family: "Open Sans", "sans serif";
    font-size: 0.9em;
    margin-left: 194px;
    margin-top: -33px;
}

.buscarb {
    float:left;
    font-family: "Open Sans", "sans serif";
    font-size: 0.9em;
    margin-left: 20px;
    margin-top:1px;
    font-weight: 800;

}

.escriba{
    float:left;
    font-family: "Open Sans", "sans serif";
    font-size: 0.6em;
    font-weight: 100;
    color: #9d9d9d;
    margin-left: -360px;
    margin-top: 26px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 11px;
    padding-right: 11px;
    background-color: #fff;
    border: 1px solid rgb(59, 59, 59);
    border-color: #838383;
}
.enviarb{
    border: 1px solid rgb(180, 180, 180);
    float: left;
    font-size: 0.6em;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    line-height: 0.6rem;
    text-align: center;
    color: #fff;
    background-color: rgb(151, 202, 237);
    border-style: solid;
    border-color: #454343;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 7px;
    padding-right: 7px;
    margin-top: 27px;
    margin-left:-240px;
    width: 45px;

}

.buscarb2{
    float:left;
    font-family: "Open Sans", "sans serif";
    font-size: 0.9em;
    margin-left: -360px;
    margin-top: 70px;
    font-weight: 800;

}

.escriba2{
    float:left;
    font-family: "Open Sans", "sans serif";
    font-size: 0.6em;
    font-weight: 100;
    color: #9d9d9d;
    margin-left: -372px;
    margin-top: 97px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 11px;
    padding-right: 11px;
    background-color: #fff;
    border: 1px solid rgb(59, 59, 59);
    border-color: #838383;
}
.enviarb2{
    border: 1px solid rgb(180, 180, 180);
    float: left;
    font-size: 0.6em;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    line-height: 0.6rem;
    text-align: center;
    color: #fff;
    background-color: rgb(151, 202, 237);
    border-style: solid;
    border-color: #454343;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 7px;
    padding-right: 7px;
    margin-top: 97px;
    margin-left:-260px;
    width: 45px;

}

.atraves{
    float:left;
    margin-left: -372px;
    font-family: "Open Sans", "sans serif";
    font-size: 0.75em;
    width: 650px;
    margin-top: 150px;
    font-weight: 600;
    height: 110px;
    border: 2px solid rgb(151, 202, 237);
    border-color: rgb(151, 202, 237);
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
}

.footerb{
   margin-top: 440px;
}


/* CRONOGRAMA */
.principalcrono{
    float: left;
    background-image: url(imagenes/fondomarq-01.png);
    background-position: top left;
    background-repeat: no-repeat;
    width: 100%;
}
.cajabienvenidosdocentes{
width: 960px;
height:100px;
}
.bienvenidoscrono{ 
    width: 140px;
    background-color: rgb(59, 59, 59);
    font-family: "Raleway", sans-serif;
    font-size: 0.7em;
    color: #fff;
    margin-top:20px;
    margin-left: 1em;
    padding: 0.5em;
    font-weight:800;
    letter-spacing: 0.1rem;
    float: left;
}
.bienvenidoscrono:link {
    color: #fff;
    text-decoration: none;
}
.bienvenidoscrono:visited {
    color: #fff;
}
.bienvenidoscrono:hover {
    color:rgb(232, 210, 126);
}
.titularcrono{
    font-family: "Raleway", sans-serif;
    font-size: 3em;
    width: 500px;
    margin-left: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
    color: rgb(232, 210, 126);
}
.recuadrocrono {
    width:900px;
    margin-top: 0px;
    margin-left: 30px;
    margin-right: 10px;
    margin-bottom: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 3px solid rgb(232, 210, 126);
    float: left;
 }
.agosto{
    width: 600px;
    margin-top: -550px;
    float: right;
    margin-right: 30px;
} 
.mescrono {
    width: 200px;
    margin-top:20px;
    margin-bottom:0px;
    padding-top: 5px;
    padding-left: 15px;
    padding-bottom: 5px;
    font-family: "Raleway", sans-serif;
    font-size: 1em;
    font-weight: 800;
    letter-spacing: 0.02rem;
    text-align: center;
    color:rgb(232, 210, 126);
    background-color: rgb(59, 59, 59);
}
.diacrono{
    width: 600px;
    float:left;
}
.agostofecha{
    background-color: rgb(232, 210, 126);
    background-position: top;
    margin-top: 8px;
    font-family: "Open Sans", sans-serif;
    font-size: 0.8em;
    font-weight: 800;
    padding-left: 10px;
    color:rgb(59, 59, 59);
}
.cajahora{
    width: 400px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-bottom: 1px dotted rgb(232, 210, 126);
}
.horarioagosto{
float:left;
font-family: "Open Sans", sans-serif;
font-size: 0.8em;
font-weight: 800;
}
.talleragosto{
float:right;
font-family: "Open Sans", sans-serif;
    font-size: 0.8em;
    font-weight: 800;
}
.textocrono{
    width:400px;
    font-family: "Open Sans", sans-serif;
    font-size: 0.8em;
    margin-top: 20px;
    padding-top: 15px;
    }
.copetetitularcrono1{
    font-family: "Open Sans", sans-serif;
    font-size: 0.8em;
    font-weight: 800;
    margin-top: 10px;
    padding-left: 20px;
    color: rgb(59, 59, 59);
    float: left
}
.copetetitularcrono2{
    font-family: "Open Sans", sans-serif;
    font-size: 0.8em;
    font-weight: 800;
    margin-top: 10px;
    color: rgb(59, 59, 59);
    float:right;
}
.mesesanteriores{
width: 860px;
}
.infocrono1{
width: 400px;
float:left;
}
.infocrono2{
float:right;
}
.calendario1{
    width: 220px;
    height: 500px;
    margin-top: 110px;
    margin-left: 20px;
    }
.calendario1:hover {
    background-image:url(imagenes/calendario2-01.png);
}