@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@font-face {
    font-family: 'osp-dindin';
    src: url('fuentes/osp-din-webfont.eot');
    src: url('fuentes/osp-din-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/osp-din-webfont.woff2') format('woff2'),
         url('fuentes/osp-din-webfont.woff') format('woff'),
         url('fuentes/osp-din-webfont.ttf') format('truetype'),
         url('fuentes/osp-din-webfont.svg#osp-dindin') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    width: 90%;
    margin-top: 1%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5%;
    font-family: 'osp-dindin', sans-serif;
    font-size: 100%;
}
@media screen and (max-width:400px) {
}

header {
    width: 100%;
    height: auto;
    float: left;
}

div#caja1 {
    width: 22%; 
    float:left;
    margin-left: none;
}

div#bajada {
    display: none;
}

div#botonera {
    float: right;
    width: 78%;
}

.rmm {
    float: right;
    width: 100%;
}

h2 {
    font-size: 1em;
    font-weight: 300;
    text-align: left;
    padding-left: 0.5em;
    background-color: #dee67c;
    height: 1.8em;
    padding-top: 0.5em;
}

main {
    width: 100%;
    height:auto;
    float: left;
    margin-right: auto;
    margin-left: auto;
}

h1 {
    width: 100%;
    padding-left: 1%;
    float: left;
    font-size: 1.3em;
    color: #fff;
}

div#slider {
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    padding-left: 2%;
}

.bxslider {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -5%;
}

aside {
    float: left;
    text-align: left;
    width:100%;
    clear: both;
}

div#lateral1 {
    width: 100%;
    height: auto;
}

div#lateral1 img{
    display: none;
}

div#lateral2 {
    width: 100%;
    height: auto;
}

div#lateral2 img{
    display: none;
}

div#lateral3 {
    width: 100%;
    height: auto;
}

div#lateral3 img{
    display: none;
}

h3 {
    display: none;
}

div#morfologias {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    float: left;
}

div#morfologias img{
    width: 90%;
}

h7 {
    font-size: 0.9em;
    text-align: left;
    color: #fff;
    padding-left: 0.3em;
    padding-top: 0.3em;
}

nav.titulo {
    display: block;
    width: 97%;
    background-color: #5bc4c0;
    height: auto;
    margin-bottom: 0.5em;
}
    
.general {
    display: inline-block;
    width: 30%;
    height: auto;
    float: left;
    padding-right: 5%;
}
.arquitectonica {
    display: inline-block;
    width: 30%;
    height: auto;
    float: left;
    padding-right: 5%;
}
.urbana {
    display: inline-block;
    width: 30%;
    height: auto;
    float: left;
}

footer {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 3%;
}

div#trazo {
    width: 100%;
    height: 20%;
    background-color: #8e8e8e;
    display: block;
    margin-bottom: 10%;
    padding: 0;
}

nav.croquis {
    width: 45%;
    display: inline-block;
    float: left;
    padding: 0;
    margin-top: 0.5em;
    margin-left: 0.8em;
}

nav.croquis img{
    width: 100%;
}
    
nav.render {
    width: 45%;
    display: inline-block;
    float: left;
    padding: 0;
    padding-left: 0.3em;
    margin-top: 0.5em;
}

nav.render img{
    width: 100%;
}

nav#titulo {
    font-size: 1.5em;
    text-align: left;
    color: #fff;
    float: left;
    height: auto;
    background-color: #3c3c3c;
    width: 100%;
}

footer#pie{
display: none;
}

div#quienes {
    width: 100%;
    height: auto;
    float: left; 
}

div#quienes ul {
    width: 83%;
    height: auto;
    border: 4px solid #5bc4c0;
    float: left; 
}

bajada {
    float: left;
    width: 95%;
    margin-top: 2%;
    margin-bottom: 2%;
}

div#texto2 {
    width: 90%;
    float: left;
}
h12 {
    display: none;
}
h13 {
    display: none;
}
h5 {
    font-size: 1.1em;
    font-weight: 300;
    height: auto;
    float: left;
}

section#academica h3 {
font-family: 'osp-dindin';
font-weight: 300;
font-size: 3em;
color: #5bc4c0;
display: block;
height: 10%;
}

section#academica {
float: left;
width: 100%;
border-top: 1px solid #000;  
}

div#integrantes {
    width: 94%;
    height: auto;
    background-color: #5bc4c0;
    padding-left: 0.7em;
}

div#integrantes h2 {
    width: 94%;
    float: left;
    color: #fff;
    background-color: #3aa5a1;
    font-size: 1em;
    font-weight: 300;
    text-align: center;
}

div#integrantes img {
    width: 23%;
}

a:-webkit-any-link {
    list-style: none;
    text-decoration: none;
    color: black;
}

@media screen and (min-width: 401px) and (max-width:1023px) {
    
aside {
    float: left;
    text-align: left;
    width:100%;
    clear: both;
    height: auto;
}

div#lateral1 {
    width: 100%;
    height: auto;
}
    
 div#lateral1 {
    width: 100%;
    height: auto;
    float: left;
    padding: 0;
    background-color: #d1d1d1;
    height: auto;
    margin-top: 5%;
}
    
div#lateral1 img{
    display: none;
}

 div#lateral2 {
    width: 100%;
    height: auto;
    float: left;
    padding: 0;
    background-color: #d1d1d1;
    height: auto;
    margin-top: 5%;
}

div#lateral2 img{
    display: none;
}

div#lateral3 {
    width: 100%;
    height: auto;
}
    
 div#lateral3 {
    width: 100%;
    height: auto;
    float: left;
    padding: 0;
    background-color: #d1d1d1;
    height: auto;
    margin-top: 5%;
}
    
div#lateral3 img{
    display: none;
}

h3 {
    display: block;
    font-size: 0.9em;
    padding-left: 0.5em;
    padding-right: 0.3em;
    font-weight: 300;
    text-align: left;
    font-family: 'Lato', sans-serif;
}
    
 div#morfologias {
    width: 95%;
    height: auto;
    float: right;
}

h7 {
    font-size: 1.5em;
    text-align: left;
    color: #fff;
    padding-left: 0.3em;
    padding-top: 0.3em;
}

nav.titulo {
    display: block;
    width: 97%;
    background-color: #5bc4c0;
    height: auto;
    margin-bottom: 0.5em;
} 

footer {
    width: 100%;
    height: 50%;
    float: left;
    margin-top: 3%;
}

div#trazo {
    width: 100%;
    height: 115%;
    background-color: #8e8e8e;
    display: block;
    margin-bottom: 10%;
    padding: 0;
}

nav.croquis {
    width: 45%;
    display: inline-block;
    float: left;
    padding: 0;
    margin-top: 0.5em;
    margin-left: 1.2em;
}

nav.croquis img{
    width: 100%;
}
    
nav.render {
    width: 45%;
    display: inline-block;
    float: left;
    padding: 0;
    padding-left: 0.8em;
    margin-top: 0.5em;
}

nav.render img{
    width: 100%;
}

nav.croquis h3 {
    font-family: 'lato';
    font-weight: 300;
    font-size: 0.8em;
    color: #fff;
}
    
nav.render h3 {
    font-family: 'lato';
    font-weight: 300;
    font-size: 0.8em;
    color: #fff;
}
    
nav#titulo {
    font-size: 1.5em;
    text-align: left;
    color: #fff;
    float: left;
    height: auto;
    background-color: #3c3c3c;
    width: 100%;
}

div#quienes {
    width: 100%;
    height: auto;
    float: left; 
    background-image: url(imagenes/quienes.jpg);
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: right top;
    margin-bottom: 5%;
}

div#quienes ul {
    width: 90%;
    height: auto;
    border: 4px solid #5bc4c0;
    float: left; 
    margin-left: 0;
}

bajada {
    float: left;
    width: 48%;
    margin-top: 2%;
    margin-bottom: 2%;
}

div#texto2 {
    width: 90%;
    float: left;
    display: block;
}

h12 {
    font-family: 'lato';
    font-size: 0.8em;
    color: #3c3c3c;   
    display: block;
    margin-bottom: 1em;
}


h13 {
    font-family: 'lato';
    font-weight: 700;
    color: #3c3c3c;
    font-size: 0.8em;
    float: left;
    display: block;
}

h5 {
    font-size: 1em;
}

section#academica h3 {
font-family: 'osp-dindin';
font-weight: normal;
font-size: 4em;
color: #5bc4c0;
}

section#academica {
float: left;
width: 100%;
height: auto;
border-top: 1px solid #000;  
}
    
footer#pie{
display: none;
}
  
div#integrantes {
width: 100%;
height: auto;
background-color: #5bc4c0;
}

div#integrantes h2 {
width: 96%;
float: left;
color: #fff;
background-color: #3aa5a1;
font-size: 1.5em;
font-weight: 300;
text-align: center;
}

div#integrantes img {
    width: 24%;
}

div#integrantes h3 {
    display: block;
    font-family: 'lato';
    color: #fff;
    font-size: 1em;
    text-align: left;
    font-weight: 400;
}    
 
a:-webkit-any-link {
    list-style: none;
    text-decoration: none;
    color: black;
}
}




@media screen and (min-width:1024px) {

header {
    height: 18%;
}

div#bajada {
    display: block;
    width: 20%;
    height: auto;
    color: #3c3c3c;
    float: left;
    clear: both;

}

.rmm {
    float: right;
    width: 100%;
}
 
h4 {
    font-size: 0.9em;
    font-weight: 400;
    text-align: left;
    line-height: 0.5em;
}

h5 {
    font-size: 1.2em;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-top: 5%;
    font-weight: 300;
}

.destacado3 {
    font-size: 1.3em;
    font-weight: 400;
    text-align: left;
    line-height: 0.5em;
}
    
h2 {
    font-size: 1.3em;
    font-weight: 400;
    text-align: left;
    padding-left: 0.5rem;
    width: 97%;
    background-color: #dee67c;
    height: 1.3em;
    padding-top: 0.3em;
}

main {
    width: 77%;
    height:auto;
    float: right;
    display: block;
}
    
div#bienvenidos {
    width: 100%;
    height:auto;
    float: right;
    background-image: url(imagenes/bienvenidos.svg);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: top right;
    display: block;
}


h1 {
    width: 100%;
    padding-left: 1%;
    float: left;
    font-size: 1.3em;
    color: #fff;
}

div#slider {
    margin-left: auto;
    margin-right: auto;
    margin-top: 14%;
    width: 98%;
}

.bxslider {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -5%;
}

aside {
    float: left;
    text-align: left;
    width:22%;
    clear: left;
    margin-top: 20%;
    display: block;
    padding: 0;
}

div#lateral1 {
    width: 100%;
    height: auto;
    float: left;
    padding: 0;
    background-color: #d1d1d1;
    height: auto;
}

div#lateral1 img{
    display: block;
    width: 100%;
}

div#lateral2 {
    width: 100%;
    height: auto;
    float: left;
    padding: 0;
    background-color: #d1d1d1;
    height: auto;
    margin-top: 6%;
}

div#lateral2 img{
    display: block;
    width: 100%;
}

div#lateral3 {
    width: 100%;
    height: auto;
    float: left;
    padding: 0;
    background-color: #d1d1d1;
    height: auto;
    margin-top: 6%;
}

div#lateral3 img{
    display: block;
    width: 100%;
}
h3 {
    display: block;
    font-size: 0.9em;
    padding-left: 0.5em;
    padding-right: 0.3em;
    font-weight: 300;
    text-align: left;
    font-family: 'Lato', sans-serif;
}

div#morfologias {
    width: 95%;
    height: auto;
    float: right;
}

h7 {
    font-size: 2em;
    text-align: left;
    color: #fff;
    padding-left: 0.3em;
    padding-top: 0.3em;
}

nav.titulo {
    display: block;
    width: 97%;
    background-color: #5bc4c0;
    height: auto;
    margin-bottom: 0.5em;
}
    
nav .general {
    display: inline-block;
    width: 30%;
    height: auto;
    float: left;
}
.arquitectonica {
    display: inline-block;
    width: 30%;
    height: auto;
    float: left;
}
.urbana {
    display: inline-block;
    width: 30%;
    height: auto;
    float: left;
}

footer {
    width: 76%;
    height: auto;
    float: right;
    margin-top: 3%;
}

div#trazo {
    width: 100%;
    height: 70%;
    background-color: #8e8e8e;
    display: block;
    margin-bottom: 10%;
    padding: 0;
}

nav.croquis {
    width: 43%;
    display: inline-block;
    float: left;
    padding: 0;
    margin-top: 0.5em;
    padding-left: 3em;
}

nav.croquis h3 {
    font-family: 'lato';
    font-weight: 300;
    font-size: 1em;
    color: #fff;
}

nav.croquis img{
    width: 90%;
}
    
nav.render {
    width: 43%;
    display: inline-block;
    float: left;
    padding: 0;
    margin-top: 0.5em;
}

nav.render h3 {
    font-family: 'lato';
    font-weight: 300;
    font-size: 1em;
    color: #fff;
}

nav.render img{
    width: 90%;
}

nav#titulo {
    font-size: 2em;
    text-align: left;
    color: #fff;
    padding-left: 0.3em;
    padding-top: 0.3em;
    float: left;
    height: auto;
    background-color: #3c3c3c;
    width: 99%;
}

footer#pie{
background-color: #fff;
clear: both;
width: 100%;
margin-top: 10%;
display: block;
margin-left: 3%;
margin-right: auto;
float: center;
}

h6 {
    font-family: 'Lato', sans-serif;
    font-size: 1em;
    line-height: 0;
    width: auto;
    height: auto;
}

li h6 {
    font-family: 'Lato', sans-serif;
    font-size: 1.3em;
    line-height: 0;
    width: auto;
    height: auto;
}
    
footer#pie ul {
list-style: none;
height: 31%;
width: 100%;
font-family: 'Lato', sans-serif;
font-size: 0.9em;
margin-left: auto;
margin-right: auto;
float: center;
padding-left: 0;

}
    
footer#pie ul LI {
height: 80%;
color: #8e8e8e;
padding: 0;
padding-left: 10px;
font-size: 0.7em;
}
    
    #espacio {
border-right: 2px solid #ccc;
border-bottom: 2px solid #ccc;
width: 10%;
float: left;
padding: 0;
}

li#legales {
width: 22%;
float: left;
font-size: 0.5em;
border-right: 2px solid #ccc;
border-bottom: 2px solid #ccc;
padding: 0;
}
    
li#legales2 {
width: 28%;
float: left;
padding-right: 0.5em;
border-right: 2px solid #ccc;
border-bottom: 2px solid #ccc;
font-size: 0.4em;
}

ul .footermenu li a {
    display: block;
    padding-top: 1em;
}

li#legales .destacado1 {
    font-family: 'lato';
    font-size: 1.2em;
    font-weight: 700;
}

 section#formulario_registrarse h4 {
margin: 82px 0px 30px 0px;
float: left;
}
    div#registrarse3 {
margin: 0px 0px 0px 0px;
list-style: none;
margin-left: 6px;
width: 274px;
height: 680px;
float: right;
padding-bottom: 10px;
background-image: url(imagenes/registrarse.jpg);
background-repeat: no-repeat;
}  
    div {
display: block;
}
    
    div#registrarse2 {
margin: 0px 0px 0px 0px;
list-style: none;
width: 264px;
height: 400px;
float: right;
padding-top: 50px;
margin-left: 0px;
margin-right: 0px;
}
    element.style {
font-family: 'Lato', sans-serif;
font-weight: normal;
font-size: 14px;
}   
    form {
display: block;
margin-top: 0em;
}   
    div#registrarse1 {
margin: 0px 0px 0px 0px;
list-style: none;
width: 224px;
height: auto;
padding: 0px;
background-repeat: no-repeat;
margin-left: 0px;
margin-right: 31px;
}
    div#registrarse1 h3 {
width: 210px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
float: left;
padding-top: 0px;
}
    
    h9 {
font-family: 'osp-dindin';
font-weight: normal;
font-size: 100px;
color: #dee67c;
margin: 0px 0px 0px 75px;
float: left;
padding-top: 18px;
}
    div#registrarse1 p {
float: left;
font-family: 'osp-dindin';
font-weight: normal;
font-size: 14px;
letter-spacing: 1px;
color: #939393;
width: 210px;
margin-top: 55px;
        margin-left: 75px;
}
    
    section#academica {
float: left;
width: 800px;
height: auto;
margin-top: 3px;
border-top: 1px solid #000;
margin-left: 60px;
}
    section#academicaproped h4 {
font-family: 'Lato', sans-serif;
font-size: 18px;
float: left;
}
    section#academica h3 {
font-family: 'osp-dindin';
font-weight: normal;
font-size: 100px;
color: #5bc4c0;
width: 450px;
margin: 0px;
float: left;
        height: auto;
padding-top: 18px;
}
    div#contenido {
width: 500px;
float: right;
padding: 30px 30px 40px 160px;
margin: 0px;
border: 4px solid #dee67c; 
}
    
div#referente {
    margin-left: 0.5em;
    width: 800px;
    height: 350px;
    float: left;
    background-color: #3c3c3c;
}

nav#video {
    margin-left: 0.5em;
    margin-top: 0.5em;
    padding: 0.5em;
    width: 422px;
    background-color: #dee67c;
    display: inline-block;
    float: left;
}

nav#noviembre {
    float: left;
    width: 320px;
    display: inline-block;
    margin-left: 8px;
}

nav#noviembre h3 {
    font-size: 3.5em;
    font-family: 'osp-dindin';
    color: #fff;
    padding: 0;
    margin: 0;
    padding-left: 0.1em;
}
    
h10 {
    font-family: 'lato';
    font-size: 0.8em;
    font-weight: 400;
    color: #fff;
}

div#meses {
    margin-left: 0.5em;
    width: 800px;
    float: left;
    height: 500px;
    margin-top: 30px;
}

nav#mes {
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    padding: 0;
}

nav#mes ul {
    width: 100%;
    height: auto;
    background-color: #fff;
    padding: 0;
    margin: 0;
    margin-bottom: 20%;
    border: 3px solid #8e8e8e;
}

nav#mes ul li {
    padding: 20px 20px 20px 20px;
    display: inline-block;
}
    
nav#mes ul li a{
    display: inline-block;    
    margin-bottom: 10px;
}
    
section#historia {
float: left;
width: 855px;
height: 25%;
margin-top: 3px;
margin-left: 10px;
}

section#historia h3 {
font-family: 'osp-dindin';
font-weight: normal;
font-size: 100px;
color: #d4d955;
width: 450px;
margin: 0px;
float: left;
padding-top: 18px;
}

div#contenido1 {
width: 430px;
float: right;
padding: 30px 30px 40px 160px;
margin: 0px;
border: 4px solid #5bc4c0;
margin-right: 20px;
}
 
div#imagen1 {
    float: right;
    margin-right: 20px;
    margin-top: 30px;
    margin-bottom: 50px;
}

div#doberti {
    width: 100%;
    background-color: #5bc4c0;
    height: auto;
}

div#doberti img {
    width: 100%;
}

div#doberti h3 {
    font-size: 0.8em;
    font-weight: 400;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.5em;
    font-style: italic;
}

.destacado2 {
    font-size: 1em;
    font-weight: 700;
    text-align: right;
    font-style: normal;
}
    
div#lateral4 {
    width: 100%;
    border: 2px solid #dee67c;
    
}
    
div#lateral4 li{
    list-style: none;
    text-decoration: none;
    width: 150px;
    padding-left: 5px;

}

div#lateral4 li a {
    width: 80px;
    display: inline-block;
    text-decoration: none;
    list-style: none;
    font-family: 'lato';
    padding-bottom: 18px;
    color: #8e8e8e;
    font-size: 0.8em;
}

input {
    width: 200px;
}
textarea {
    width: 200px;
    height: 100px;
    font-family: 'lato';
    font-size: 0.7em;
    color: #8e8e8e;
}

div#taller {
    width: 850px;
    height: auto;
    background-color: #fff;
    float: left;
    margin-left: 60px;
    margin-top: 10px;
    margin-bottom: 40px;
}

div#lateral5 {
    text-align: center;
    width: 100%;
    height: auto;
    border: 2px solid #dee67c;
    margin-top: 40px;
}

div#lateral5 img {
    width: 95%;
    padding: 0.5em;
}

div#contenido3 {
    width: 600px;
    float: left;
    height: auto;
padding: 30px 0px 40px 80px;
margin: 0px;
border: 4px solid #2c9a95; 
margin-left: 110px;
margin-bottom: 50px;
}

section#derecha {
    display: inline-block;
    float: left;
    width: 300px;
}

section#izquierda {
    display: inline-block;
    float: left;
    width: 300px;
}
    
div#lateral7 h2 {
    background-color: #5bc4c0;
    color: #fff;
}
div#lateral7 {
    width: 100%;
    height: auto;
    float: left;
    padding: 0;
    background-color: #d1d1d1;
    height: auto;
}

div#lateral7 img{
    display: block;
    width: 100%;
}

div#lateral6 {
    width: 100%;
    margin-top: 50px;
    height: auto;
}

nav#historia {
    width: 100%;
}

nav#historia h3 {
    width: 100%;
    font-family: 'osp-dindin';
font-size: 80px;
color: #318b87;
margin: 0px;
float: left;
    padding: 0;
    text-align: center;
}

div#elreferente {
    width: 80%;
    float: left;
    margin-left: 5%;
    margin-bottom: 10%;
    border: 2px solid #5bc4c0;
    padding: 10px 5px 25px 15px;
}

div#quienes {
    width: 100%;
    height: auto;
    float: left; 
    background-image: url(imagenes/quienes.jpg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: right top;
    margin-bottom: 5%;
}

div#quienes ul {
    width: 90%;
    height: auto;
    border: 4px solid #5bc4c0;
    float: left; 
    margin-left:  0;
}

bajada {
    float: left;
    width: 48%;
    margin-top: 2%;
    margin-bottom: 8%;
}

div#texto2 {
    width: 90%;
    float: left;
    display: block;
}

h12 {
    font-family: 'lato';
    font-size: 0.8em;
    color: #3c3c3c;   
    display: block;
    margin-bottom: 1em;
}

h13 {
    font-family: 'lato';
    font-weight: 700;
    color: #3c3c3c;
    font-size: 0.8em;
    float: left;
    display: block;
}

div#integrantes {
width: 100%;
    margin-top: 15%;
height: auto;
background-color: #5bc4c0;
}

div#integrantes h2 {
width: 93%;
color: #fff;
background-color: #3aa5a1;
font-size: 1.5em;
font-weight: 300;
text-align: center;
}

div#integrantes img {
    width: 47%;
}

div#integrantes h3 {
    display: block;
    font-family: 'lato';
    color: #fff;
    font-size: 1em;
    text-align: left;
    font-weight: 400;
}
   
section#centrogaleria {
float: right;
width: 855px;
height: auto;
margin-top: 3px;
border-top: 1px solid #000;
margin-left: 50px;
    margin-bottom: 30px;
}
      
section#centrogaleria {
background-image: url(imagenes/galeria.png);
background-repeat: no-repeat;
float: right;
width: 855px;
height: auto;
margin-top: 3px;
border-top: 1px solid #000;
    margin-left: 50px;
}
    nav#opcionesdegaleria {
width: 71px;
height: 210px;
margin-top: 178px;
margin-right: 415px;
float: right;
background-color: #5bc4c0;
color: #fff;  
}
        nav#opcionesdegaleria2 {
width: 200px;
height: 400px;
margin-top: 0px;
margin-right: 0px;
float: left;
color: #5bc4c0;  
list-style: none;
}
    nav#opcionesdegaleria ul {
list-style: none;
width: 100%;
padding: 0px;
margin: 0px;
}
        nav#opcionesdegaleria2 ul {
list-style: none;
width: 100%;
padding: 0px;
margin: 0px;
font-size: 28px;
display: inline;

}
    ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
    nav#opcionesdegaleria ul li a {
text-decoration: none;
font-family: 'osp-dindin';
font-weight: normal;
display: block;
width: 100%;
height: 51px;
text-align: center;
font-size: 24;
color: #fff;
}
    
    nav#opcionesdegaleria ul li {
height: 71px;
}
    li {
display: list-item;
text-align: -webkit-match-parent;
}
    nav#opcionesdegaleria ul {
list-style: none;
width: 100%;
padding: 0px;
margin: 0px;
}
    section#centrogaleria p {
width: 241px;
height: 200px;
margin: 39px 0px 0px 428px;
padding: 46px 16px 46px 16px;
border: 4px solid #5bc4c0;
font-size: 12px;
}
    p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
    div#galeriaimagenes {
clear: both;
}
    .thumbtriple {
width: 280px;
height: 428px;
margin: 2px 2.5px 2px 0px;
float: left;
}
    a:-webkit-any-link {
color: -webkit-link;
text-decoration: underline;
cursor: auto;
}
    .thumbtexto {
width: 130px;
height: 130px;
margin: 2px 2.5px 2px 0px;
float: left;
padding: 0px 5px 10px 5px;
        background-color: #dee67c
}
    div {
display: block;
}
    .thumb {
width: 140px;
height: 140px;
margin: 2px 2.5px 2px 0px;
float: left;
}
        .thumblargo {
width: 232px;
height: 240px;
margin: 2px 2.5px 2px 0px;
float: left;
}
        h11 {
font-family: 'osp-dindin';
font-weight: normal;
font-size: 50px;
color: #379d99;
margin: 0px 0px 0px 75px;
float: left;
margin: 0px;
padding-left: 0px;
padding-top: 18px;
}
    section#galeriapresentacion {
width: 880px;
float: right;
height: auto;
border-top: 1px solid #000;
margin-bottom: 50px;
}
    section#academicadocentes h4 {
margin: 85px 0px 30px 0px;
float: left;
}
    div#mg {
list-style: none;
width: 274px;
height: 576px;
float: left;
margin-right: 16px;
background-image: url(imagenes/mapita_fondo-20.jpg);
background-repeat: no-repeat;
border: 4px solid #5bc4c0;

}
a:-webkit-any-link {
color: -webkit-link;
text-decoration: underline;
cursor: auto;
}
    section#galeriapresentacion div#titular:hover h6 {
display: none;
}
    section#galeriapresentacion div h6 {
font-family: 'osp-dindin';
font-weight: normal;
font-size: 70px;
width: 210px;
margin-top: 55px;
margin-left: 35px;
line-height: 70px;
color: #3b7b78;
letter-spacing: 2px;
height: 300px;
margin-bottom: 0px;
float: left;
display: block;
}

    div#ma {
list-style: none;
width: 274px;
height: 576px;
background-image: url(imagenes/mapita_fondo-21.jpg);
background-repeat: no-repeat;
float: left;
margin-right: 16px;
border: 4px solid #5bc4c0;
}
    div#mu {
list-style: none;
width: 274px;
height: 576px;
float: left;
background-image: url(imagenes/mapita_fondo-22.jpg);
background-repeat: no-repeat;
border: 4px solid #5bc4c0;
}
    

div#anos {
    width: 100%;
    height: auto;
    float: left;
}
     .thumbtexto {
width: 130px;
height: 130px;
margin: 2px 2.5px 2px 0px;
float: left;
padding: 0px 5px 10px 5px;
        background-color: #dee67c
}
        .thumbtexto2 {
width: 130px;
height: 130px;
margin: 2px 2.5px 2px 0px;
float: left;
padding: 0px 5px 10px 5px;
background-color: #5bc4c0;
            color: #fff;
}
   
    .thumbtexto3 {
width: 130px;
height: 130px;
margin: 2px 2.5px 2px 0px;
float: left;
padding: 0px 5px 10px 5px;
background-color: #3c3c3c;
            color: #fff;
}
    .thumbtextoexplicacion {
width: 280px;
height: 270px;
float: right;
padding: 10px 5px 5px 5px;
        background-color: #dee67c;
}
    section#centrogaleria2 {
float: right;
width: 855px;
height: auto;
margin-top: 50px;
border-top: 1px solid #000;
    margin-left: 50px;
}
        .thumbtextoexplicacion2 {
width: 280px;
height: 270px;
float: right;
padding: 10px 5px 5px 5px;
background-color: #5bc4c0;
color: #fff;
}
            .thumbtextoexplicacion4 {
width: 200px;
height: 270px;
float: right;
padding: 10px 5px 5px 5px;
background-color: #5bc4c0;
color: #fff;
}

    section#centrogaleria2 {
float: right;
width: 855px;
height: auto;
margin-top: 50px;
border-top: 1px solid #000;
    margin-left: 50px;
        margin-bottom: 50px;
}

a:-webkit-any-link {
    list-style: none;
    text-decoration: none;
    color: black;
}
    
.thumbtextoexplicacion3 {
width: 270px;
height: 270px;
float: left;
padding: 10px 5px 5px 5px;
        background-color: #3c3c3c;
            color: #fff;
}

    section#centrogaleria3 {
float: right;
width: 855px;
height: auto;
margin-top: 3px;
border-top: 1px solid #000;
margin-bottom: 50px;
}
    section#centrogaleria3 p {
width: 241px;
height: 185px;
margin: 395px 0px 0px 145px;
padding: 46px 16px 46px 16px;
border: 4px solid #a0a0a0;
font-size: 15px;
   font-family: 'Lato', sans-serif;
}
    section#centrogaleria4 {
float: right;
width: 855px;
height: auto;
margin-top: 3px;
border-top: 1px solid #000;
        font-size: 15px;
   font-family: 'Lato', sans-serif;
}
    section#centrogaleria4 p {
width: 241px;
height: 189px;
float: right;
padding: 46px 16px 46px 16px;
border: 4px solid #3c3c3c;
font-size: 12px;
}
            h15 {
font-family: 'osp-dindin';
font-weight: normal;
font-size: 150px;
color: #3c3c3c;
margin: 0px 0px 0px 75px;
float: left;
margin: 0px;
padding-left: 0px;
padding-top: 18px;
}

section#cursosytalleres {
   font-family: 'Lato', sans-serif;
float: right;
height: auto;
margin-top: 3px;
border-top: 1px solid #000;
    width: 95%;
    margin-left: 5%;
}
    section#cursosytalleres div#listado {
width: 800px;
height: 400px;
float: left;
margin-top: 0px;
font-size: 14px;
}

    section#cursosytalleres ul {
height: 100%;
padding: 0px;
margin-top: 20px;
list-style: none;
}
    
    section#cursosytalleres h11 {
font-family: 'osp-dindin';
font-weight: normal;
font-size: 100px;
color: #d4d955;
width: 250px;
    height: 600px;
margin: 0px;
float: left;
padding-top: 18px;
}
    section#cursosytalleres div#listado ul li {
letter-spacing: 0.2px;
}
    section#cursosytalleres ul li.extendido {
height: 160px;
}
    section#cursosytalleres ul li {
height: 140px;
padding: 0px;
margin: 0px;
border-top: 1px solid #000;
}
section#cursosytalleres ul li {
height: 140px;
padding: 0px;
border-top: 1px solid #000;
}
 
div#agenda {
    width: 100%;
    height: 550px;
    float: right;
    margin-right: 80px;
}
section#agenda1 {
    width: 400px;
    height: 300px;
    border: 4px solid #5bc4c0;
    background-image: url(imagenes/agenda1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    float: right;
}
    section#agenda2 {
        width: 400px;
    height: 250px;
    border: 4px solid #5bc4c0;
    background-image: url(imagenes/agenda2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
        float: right;

}
section#agenda3 {
    width: 400px;
    height: 250px;
    border: 4px solid #5bc4c0;
    background-image: url(imagenes/agenda3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    float: right;
}

nav#dia1 {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 190px;
}
nav#dia1 h2 {
    font-family: 'osp-dindin';
font-weight: 300;
font-size: 1em;
color: #000;
    background-color: #dee67c;
    width: 140px;
    height: auto;   
}
    nav#dia1 h3 {
    font-family: 'osp-dindin';
font-size: 1em;
color: #000;
    background-color: #fff;
    width: auto;
    height: auto;   
}
    
nav#dia2 {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 150px;
}
nav#dia2 h2 {
    font-family: 'osp-dindin';
font-weight: 300;
font-size: 1em;
color: #000;
    background-color: #d1d1d1;
    width: 140px;
    height: auto;   
}
    nav#dia2 h3 {
    font-family: 'osp-dindin';
font-size: 1em;
color: #000;
    background-color: #fff;
    width: auto;
    height: auto;   
}
    nav#dia3 {
    width: 110%;
    height: auto;
    float: left;
    margin-top: 150px;
}
nav#dia3 h2 {
    font-family: 'osp-dindin';
font-weight: 300;
font-size: 1em;
color: #000;
    background-color: #5bc4c0;
    width: 140px;
    height: auto;   
}
    nav#dia3 h3 {
    font-family: 'osp-dindin';
font-size: 1em;
color: #000;
    background-color: #fff;
    width: auto;
    height: auto;   
}