*{
    margin: 0;
    padding: 0;
}

.verde {
    color: #c7f40b
}

.celeste{
    color:#52D8DB;
}

.amarillo{
    color:#FFEB00;
}

.blanco{
    color: #ffffff;
}
.jjj {
    font-size: 15pt
}
.nomarginleft{
    
    margin-left: 0;    
}

.nomarginright{
    
    margin-right: 0px;  
}

body {
    background-color: #9B6E80;
    width: 960px;
    margin: auto;
    font-family: 'Rambla';
    font-size: 10pt;
    font-weight: 100;
     }


header {
    display: block;
    clear: both;
    width: 100%;
    height: 100px;
    margin-top: 20px;
    margin-bottom: 5px;
    }

#tit{
    display: block;
    width: 300px;
}

hr {
    color: #9B6E80;
    background-color: #FFEB00;
    border-width: 1px;
    border-style: dashed;
    width: 210px;
    margin-top: 2px;
    margin-bottom: 2px;
    clear: both;
}
    
    
header h1 {
    color: #FFEB00;
    font-weight: 400;
    line-height: 25px;
    display: block;
    float: left;
    margin-bottom: 7px;
}

#titulo {
    font-weight: 700;
    margin-bottom: 0px;
}
    
#fadunav{
    display: block;
    margin-top: 10px;
    float: left;
    width: 300px;
}

    
#fadu {
    color: #FFEB00;
    font-size: 9pt;
    display: block;
    width: 20%;
    margin-top: 7px;
}

header nav {
    display: block;
    width: 530px;
    float: right;
    margin-top: 2px;
    }

header nav ul {
    display: block;
    float: right;
    margin-top: 0px;
}

header nav ul li {
    text-decoration: none;
    display: inline-block;
    float: left;
    margin-left: 20px;
}

header nav ul li a{
    text-decoration: none;
    color: #A2D91D;
    font-family: 'Oswald';
    font-weight: 100;
    clear: both;
    display: block;
}

header nav ul li a:hover{
	    color:#52D8DB;
}

.bold {
    font-weight: 400;
}
    
#logo {
    display: block;
    float: left;
    margin-right: 20px;
    vertical-align: middle;
    
}

#resto {
    display: block;
    float: left;
    width: 850px;
}


#gales{
    margin-top: 30px;
    display: block;
    clear: both;
}


article {
    display: block;
    margin-top: 10px;
    margin-bottom: 20px;
}

#trabajos{
    display: block;
    clear: both;
    margin-bottom: 20px;
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 10px;
}

#trabajos p{
    font-style: italic;
    color: #A2D91D;
}

#modulos {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 30px;
}

#modulos ul{
    clear: both;
    list-style: none;
    }

#modulos ul li{
    clear:both;
    display: inline-block;
    width: 300px;
    margin-right: 11px;
    vertical-align: top;
}

#modulos ul li h1{
    font-family: 'Oswald';
    font-weight: 600;
    display: block;
    width: 300px;
}

p1 {
    font-style: italic;
}

#modulos a {
    text-decoration: none;
    font: 'Rambla';
    font-size: 10pt;
}

#modulos p{
    color: #ffffff;
    text-align: left;
    display: block;
    width: 300px;
    font-size: 0,5rem;
}


#cat {
    color: #A2D91D;
}

#cat p {
    display: block;
    width: 278px;
}

#cat2 p {
    display: block;
    width: 278px;
}

#con {
    color: #A2D91D;
}

#ver a {
    color: #A2D91D;
    display: block;
    clear: both;
    margin-top: 10px;
}

#ver a:hover{
	    color:#52D8DB;
}

#cat2 {
    color: #52D8DB;
}

#con2 {
    color: #52D8DB;
}

#ver2 a{
    color: #52D8DB;
   display: block;
    clear: both;
    margin-top: 10px;
}

#ver a:hover{
	    color:#A2D91D;
}

#cat3 {
    color: #FFEB00;
}

#agenda ul li {
    background-image: url(age-back.png);
    background-repeat: no-repeat;
    display: block;
    width: 300px;
    height: 107px;
    color: #FFEB00;
    line-height: 20px;
    padding: 6px;
    margin-bottom: -3px;
  }

.dia{
    margin-top: 5px;
    margin-bottom: 5px
}

#agenda h2{
    font-weight: 100;
    font-size: 12pt;
}

#agenda p{
    color: #4D4D4D;
    line-height: 12px;
}

#agenda h1{
    float: left;
}

.titmas{
    display: block;
    height: 20px;
    clear: both;
    width: 300px;
}



#agenda h2{
    display: block;
    clear: both;
}

#agenda p{
    display: block;
    clear: both;
}
    
#agenda ul li.dia{
    margin-bottom: 2px;
}

#agenda a{
    font-family: 'Oswald';
    font-weight: 200;
    font-size: 3rem;
    color: #FFEB00;
    float: right;
    margin-right: 12px    
}

footer {
    display: block;
    width: 960px;
}

footer nav {
    display: block;
    float: left;
    margin-top: 15px;
       }

#loguito {
    display: block;
    float: left;
}

footer nav ul {
    list-style: none;
}

footer nav ul li {
    color: #A2D91D;
    display: block;
    float: left;
    margin-left: 10px;
}

footer nav ul li a{
    color: #A2D91D;
    text-decoration: none;
    font-size: 8pt;
    font-weight: 100;
}

footer nav ul li a:hover{
	    color:#52D8DB;
}

#cajapie {
    display: block;
    width: 960px;
    
}

#lineapie hr{
    color: #9B6E80;
    background-color: #A2D91D;
    width: 960px;
    margin-bottom: 3px;
    }

    
article {
    display: block;
    margin-top: 40px;
}


main {
    display: block;
    width: 960px;
    }

section {
    display: block;
    margin-top: 0px;
    float: left;
    width: 75%;
}

#texto {
    margin-top: 10px;
    display: block;
    float: left;
    width: 100%;
    
    }

#coltexto {
    display: block;
    float: left;
    width: 45%
}

#texto3 {
    margin-top: 10px;
    display: block;
    float: left;
    width: 100%;
    
    }

#coltexto3 {
    display: block;
    float: left;
    width: 45%
}

#coldesta {
    display: block;
    float: left;
    margin-left: 20px;
    width: 45%;
    
}
    
#destacado {
    font-family: 'Oswald';
    font-weight: 100;
    font-size: 18pt;
    line-height: 20pt;
    color: #52D8DB;
}

#coldesta3 {
    display: block;
    float: left;
    margin-left: 20px;
    width: 45%;
    
}
    
#destacado3 {
    font-family: 'Oswald';
    font-weight: 100;
    font-size: 18pt;
    line-height: 20pt;
    color: #FFEB00;
}

aside {
    display: block;
    float: left;
    width: 25%;
    text-align: center;
    }


.textolargo{
    margin-top: 10px
}

main h1{
    font-family: 'Oswald';
    font-size: 22pt;
}

main h2{
    color: #A2D91D;
    font-family: 'Oswald';
    font-weight: 300;
}

#coltexto p{
    color: #ffffff;
    font-weight: 100;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 20px;
    
}
    
aside h2{
    color: #A2D91D;
    font-family: 'Oswald';
    font-weight: 300;
    margin-bottom: 10px;
}

#mod-chicos {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    margin-top: 30px;

}

#mod-chicos ul{
    list-style: none;
    display: block;
    width: 100%;
}

#mod-chicos ul li{
    display: block;
    float: left;
    width: 45%;
    height: 50px;
    padding: 18px;
    text-align: center;
    margin-right: 10px;
    border-color: #FFEB00;
    border-style: dashed;
    border-width: 1px;
    
}
    
#mod-chicos a {
    display: block;
    vertical-align: center;
    text-decoration: none;
}

#mod-chicos a p {
    font-family: 'Oswald';
    font-size: 16pt;
    font-weight: 100;
    color: #FFEB00;
    line-height: 35pt;
    
}

#doc-main{
    margin-left: 10px;
    margin-right: 10px;
    height: 650px;
}

#doc-main section{
    width: 960px;
}

#doc-cuerpo {
    display: block;
    clear: both;
    width: 960px;
}

#doc-gal{
    display: block;
    width: 780px;
    float: left;
}

#doc-block{
    display: block;
    width: 780px;
    float: left;
}

#doc-personaje{
    display: block;
    width: 140px;
    float: left;
    margin-top: 200px;
}

#doc-imagen{
    display: block;
    width: 620px;
    float: right;
}

#doc-texto{
    display: block;
    width: 460px;
    float: left;
    margin-left: 160px;
    margin-top: 10px;
}

#doc-personaje h2{
    font-family: 'Oswald';
    font-weight: 100;
    color: #A2D91D;
    font-size: 0,1rem;
    text-align: center;
}

#doc-col{
    display: block;
    float: right;
    color: #FFEB00;
}


#doc-col h3{
    text-align: center;
    color: #FFEB00;
    margin-top: 4px;
    margin-left: auto;
    margin-right: auto;
    }

 #doc-col a {
     margin-right: auto;
     margin-left: auto
 }

#doc-col p{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#vertodos {
    display: block;
    width: 100px;
    height: 30px;
    border-style: dashed;
    border-color: #FFEB00;
    border-width: 1px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
   }

#vertodos a {
    text-decoration: none;
    vertical-align: middle
    
}


#doc-col-centrar p{
    text-align: center;
    color: #FFEB00;
    margin-bottom: 20px;
}

#apu-main{
    display: block;
    width: 960px;
    margin-left: 10px;
    margin-right: 10px;
}

#apu-main section{
    display: block;
    width: 960px;
}

#apu-main p1{
    color: #52D8DB;
}

#apu-main h1{
    color: #52D8DB;
}

#apu-main h2{
    color: #52D8DB;
}

#apu-main{
    display: block;
    width: 960px;
}

#apu-mod p {
    color: #ffffff;
}

#apu-mod{
    display: block;
    width: 620px;
    float: left;
}

#apu-mod ul{
    display: block;
    width: 620px;
    margin-top: 40px;
}

#apu-mod ul li {
    display: block;
    width: 620px;
    text-decoration: none;
    margin-bottom: 20px;
}

#apu-mod ul li a{
    text-decoration: none;
    }

#apu-mod hr {
    color: #9B6E80;
    background-color: #A2D91D;
    border-width: 1px;
    border-style: dashed;
    width: 510px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#apu-mod ul li p{
    margin-bottom: 0px;
}

#imagen {
    display: block;
    float: left;
  
}

#imagen2 {
    display: block;
    float: right;
    width: 500px;
    margin-left: 10px;
}


#apu-clas a{
    text-align: right;
    color: #A2D91D;
}

#apu-clas {
    float: right;
    color: #A2D91D;
}

#apu-aside {
    display: block;
    float: right;
    width: 220px;
    text-align: left;
    
}

.margen-400 {
    margin-top: -400px;
}

#apu-biblio {
    display: block;
    margin-bottom: 20px;
    color: #52D8DB;
}

#apu-refer {
    display: block;
    color: #FFEB00;
}

#apu-refer h2{
    color: #FFEB00;
}

#apu-refer a {
    text-decoration: none;
    color: #FFEB00;
}

#apu-biblio a {
    text-decoration: none;
    color: #52D8DB;
}

.apu-aside-links{
    font-style: italic;
    font-size: 8pt;
}

.apu-aside-links p{
    margin-top: 5px;
}

#apu-biblio hr{
    width: 220px;
    margin-top: 20px;
   background-color: #52D8DB;
}

#apu-refer hr{
    width: 220px;
    margin-top: 20px;
   background-color: #FFEB00;
}

#age-main {
    display: block;
    width: 960px;
}

#age-main {
    color: #52D8DB;
}

#age-mod{
    display: block;
    float: left;
    width: 700px;
}

#age-mod ul{
    display: block;
    width: 700px;
    margin-top: 30px;
}

#age-mod ul li {
    display: block;
    width: 700px;
    background-image: url(age-back-grande.png);
    height: 110px;
    padding-top: 15px;
    padding-left: 15px;
    background-repeat: no-repeat;
}

.verde {
    color: #c7f40b
}

.celeste{
    color:#52D8DB;
}

.amarillo{
    color:#FFEB00;
}

.blanco{
    color: #ffffff;
}

#hrverde hr{
    background-color: #A2D91D
}

.float-left{
    float: left
}




#caja-icono ul{
    display: block;
}

#caja-icono li{
    display: inline-block;
    list-style: none;
    margin-right: 10px;
}

#caja-icono2 ul{
    display: block;
}

#caja-icono2 li{
    display: inline-block;
    list-style: none;
    margin-right: 10px;
    vertical-align: middle;
}

#caja-icono3 ul{
    display: block;
}

#caja-icono3 li{
    display: inline-block;
    list-style: none;
    margin-right: 10px;
    vertical-align: middle;
}

.margin-top-10px {
    margin-top: 10px
}

#catedra-foto img {
    margin-top: -45px;
}

#listado-doc li {
    list-style: none;
    margin-top: 10px;
}

#listado-doc li p {
    color: #A2D91D;
    font-weight: 100;
    
}

#franja-rs {
    display: block;
    margin-top: 15px;
}

#franja-rs p1{
    vertical-align: middle;
    margin-right: 15px;
}

#mod-solapas ul{
    display: block;
    width: 100%;
    margin-top: 25px;
    height: 67px;
}

#mod-solapas li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}

#gale-doc ul{
    display: block;
    margin-top: 10px;
}

#gale-doc li {
    list-style: none;
    display: inline-block;
    margin-right: 7px;
    margin-left: 7px;
}

.divisoria {
    width: 620px;
    background-color: #A2D91D;
}

#clase1 {
    display: block;
    width: 620px;
}

.margin-top-10 {
    margin-top: 15px;
}

#clase1-dias {
    display: block;
    float: right;
    width: 250px;
    margin-top: 30px;
    margin-bottom: 30px;
}

#clase-dias h2 a {
    text-decoration: none
    color:#FFEB00;
}

#clase-dias h2 {
    text-decoration: none;
    color
}

a {
 text-decoration: none}

#agenda-en-obj {
    display: block;
    width: 220px;
    margin-left: auto;
    margin-right: auto;
}

#agenda-en-obj ul li {
    display: block;
    clear: both;
    list-style: none;
    background-image: url(caja-agenda.png);
    background-repeat: no-repeat;
    width: 220px;
    height: 80px;
    margin-bottom: -10px;
}

#agenda-en-obj a{
    display: block;
    height: 36px;
    width: 200px;
    text-align: left;
    padding-top: 18px;
    padding-left: 18px;
}

#agenda-en-obj h1 {
    font: 'Oswald';
    font-weight: 700;
}

#destacado3 img{
    margin-top: 30px;
}

#fotobjetivo {
    margin-top: 28px;
}

#caja-icono4 ul{
    display: block;
}

#caja-icono4 li{
    display: inline-block;
    list-style: none;
    margin-right: 10px;
    vertical-align: middle;
}

#ulprog ul { 
    display: block;
    width: 720px;
    margin-top: 30px;
}

#ulprog ul li {
    display: inline-block;
    width: 215px;
    margin-left: 5px;
    margin-right: 5px;
    list-style: none;
    vertical-align: top;
    padding: 5px;
}

#ulprog hr {
    width: 215px;
    background-color: #FFEB00;
    margin-top: 10px;
    margin-bottom: 10px;
}

#ulprog h1 {
    font-weight: 100;
    font-size: 18pt;
}

#ulprog h2 {
    font-size: 12px;
    margin-top: 10px;
}

#apu-biblio1 {
    display: block;
    margin-bottom: 20px;
    color: #52D8DB;
}

#apu-biblio1 a {
    text-decoration: none;
    color: #52D8DB;
}

#apu-biblio1 hr{
    width: 220px;
    margin-top: 20px;
   background-color: #52D8DB;
}

#apu-aside1 {
    display: block;
    float: right;
    width: 220px;
    text-align: left;
}


#apu-refer1 {
    display: block;
    color: #FFEB00;
}

#apu-refer1 h2{
    color: #FFEB00;
}

#apu-refer1 a {
    text-decoration: none;
    color: #FFEB00;
}


#mod1 {
    display: block;
    width: 220px;
    height: 100px;
    margin-bottom: 15px;
    margin-top: 15px;
    border-style: dashed;
    border-width: 1px;
    border-color: #52D8DB;
}

#mod1 a{
    text-decoration: none;
}

#mod1 p {
    text-align: center;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 17px;
    color: #52D8DB;
}

#mod2 {
    display: block;
    width: 220px;
    height: 100px;
    margin-bottom: 15px;
    margin-top: 15px;
    border-style: dashed;
    border-width: 1px;
    border-color: #A2D91D;
}

#mod2 a{
    text-decoration: none;
}

#mod2 p {
    text-align: center;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 17px;
    color: #A2D91D;
}

#biblio-art {
    display: block;
    clear: both;
    height: 550px;
    margin-top: 20px;
}

.vermas {
    color: #FFEB00;
    float: right;
    padding-right: 40px;
    font-weight: 400;
    font-size: 2rem;
    margin-top: -10px;
}

#vermaspad{
    margin-bottom: -15px;
}

#calendario ul {
    display: block;
    clear: both;
    width: 720px;
    margin-top: 50px;
    margin-bottom: 30px;
}

#calendario ul li { 
    display: inline-block;
    width: 40px;
    height: 30px;
    background-color: #BF97AA;
    margin: 5px;
    list-style: none;
}

#calendario ul li .active { 
    background-color: #ead4de;
} 

#calendario ul li a {
    text-decoration: none;
}

#calendario p {
    color: #FFEB00;
    text-align: center;
    padding-top: 8px;
}

#calendario ul li a:hover {
    color: #A2D91D;
}

#clase1-aside {
    display: block;
    float: right;
    width: 220px;
}

.marginright {
    margin-right: 20px;
}


#tpsanteriores h2 {    
    font-family: 'Oswald';
    font-size: 20px;
    font-weight: 300;
    margin-top: 15px;
    margin-bottom: 15px;
}

#camara {    
    font-family: 'Oswald';
}

#tp-personal h2 {    
    font-family: 'Oswald';
    font-size: 20px;
    font-weight: 300;
    margin-top: 15px;
    margin-bottom: 10px;
}

#slider-home {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    width: 940px;
    height: 400px;
   border:5px solid #FFFFFF;
    border-radius: 7px;
}


#mod-blog {
    display: block;
    width: 940px;
      margin-left: auto;
    margin-right: auto;
}

#mod-blog ul {
    display: block;
    width: 960px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

#mod-blog ul li {
    display: inline-block;
    width: 290px;
    height: 399px;
    background-image: url(base-blog.png);
    background-repeat: no-repeat;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: top;
    padding: 5px;  
}

.marg-grande {
    margin-top: 80px;
}

.marg-chico {
    margin-top:20px;
}

#mod-blog p{
    width: 270px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#mod-noticias {
    display: block;
    width: 920px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

#mod-noticias ul {
    display: block;
    width: 920px;
}

#mod-noticias ul li {
    display: inline-block;
    width: 300px;
    height: 300px;
    margin-left: -3px;
    margin-right: -3px;
    padding: 5px;
    vertical-align: top;
}

.mod-amarillo {
    background-image: url(bamarillo.png);
        background-repeat: no-repeat;
}

.mod-celeste {
    background-image: url(bceleste.png);
    background-repeat: no-repeat;
    
}

.mod-verde {
    background-image: url(bverde.png);
    background-repeat: no-repeat;
    
}

.mod-foto {
    background-image: url(bfoto.png);
    background-repeat: no-repeat;
    
}
.titular {
    font-family: 'Oswald';
    font-size: 40pt;
    line-height: 40pt;
    padding-left: 10px;
    padding-top: 30px;
}

.titulito {
    font-family: 'Oswald';
    font-size: 20pt;
    line-height: 20pt;
    padding-top:110px;
    color: #FFEB00;
    text-align: center;
}

#mod-noticias h1 {
    margin-top: 20px;
    margin-left: 20px;
    width: 260px;
    line-height: 17pt;
}
#mod-noticias p {
    margin-top: 20px;
    margin-left: 20px;
    width: 260px;
}
#mod-noticias a{
    text-decoration: none;
}

.fechita {
    color: #52D8DB;
    font-size: 10pt;
    font-style: italic;
    
}

.prodesta {
    font-size: 13pt;
    font-weight: 400;
    line-height: 14pt;
    margin-bottom: 8px;
}

.copete {
    color: #52D8DB;
    font-size: 17pt;
    width: 620px;
    line-height: 20pt;
    margin-bottom: 20px;
}

#not ul {
    display: block;
    width: 630px;
}

.not-grande {
    display: block;
    width: 300px;
}

.not-chico {
    display: block;
    width: 200px;
}

#not {
    display: block;
    margin-top: 20px;
}

#not-main {
    display: block;
    width: 620px;
    float: left;
    margin-top: 20px;
    margin-bottom: 30px;
}
    
#not li {
    display: inline-block;
    list-style: none;
    margin-left: 5px;
}

#not hr {
    width: 620px;
    background-color: #52D8DB;
    
}

#not h1 {
    font-size: 25pt;
    width: 620px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #A2D91D
}

#not-aside {
    display: block;
    width: 230px;
    float: right;
    margin-top: 80px;
    
}

#not-aside {
    text-align: left;
    float: right;
}


#not-aside hr {
    margin-top: 20px;
    margin-bottom: 20px;
}

    
/* MODIFICACIONES PARA EL CELU */

@media screen and (max-width: 320px) {
    
nav ul li img {
    display: none;
}
    
#carilla {
    width: 320px;
}
    
body {
    width:320px;
    padding: 5px;
}
        

header {
    font-size: 70%;
    height: 140px;
        }

header hr {
    width: 220px;
}

header #logo img {
    max-width: 63px}
    
header #logo {
    width: 63px;
    display: block;
    float: left;
    margin-right: 0px;
}

header #resto {
        display: block;
        float: right;
        width: 15rem;
    }

header #fadunav {
    display: block;
    float: none;
    width: 240px;
   }
    
header #fadu {
    width: 100px;
    display: block;
    clear: both;
}
    
header #tit {
    display: block;
    float: right;
}
    
header nav {
    width: 240px;
    display: block;
    float: left;
    margin-bottom: 10px;
        
    }
    
header nav ul li {
    margin-left: 0px;
    margin-right: 5px;
}

header nav ul {
    float: left
}
 
#loguito {
    display: none;
}
    
#sombra1 img{
    display: block;
    clear: both;
    width: 310px;
    margin-top: 10px;
}

footer {
    width: 310px;
    height: 50px;
}

footer nav {
    display: block;
    width: 310px;
    float: right;
}
#cajapie {
    width: 100%;
}
    
#iconitos {
    float: right;
   }
    
    
#lineapie hr {
    width: 310px;
}

article {
    display: block;
    width: 20rem;
    margin-top: 20px;
}

main {
    display: block;
    width: 20rem;
    font-size: 80%;
}
    
main hr {
    width: 310px;
}

#aquivas{
    margin-top: 8px;
    margin-bottom: 15px;
}

main ul {
    margin-top: 8px;
    margin-bottom: 20px;
}
    
main ul li {
    margin-bottom: 5px;
}
    
main ul li a {
    text-decoration: none;
}
    
main ul li a p {
    color: #FFFFFF;
}

#linksapend {
    margin-top: 8px
}
    
#linksapend a{
    text-decoration: none;
}
    
#linksapend a p {
    color: #FFFFFF;
}
    
#tablet-mod {
    display: none;
}
    
#displaynone {
    display: none
}
    
#loguito-grande {
    display: none
}

#aside-bliblio-pc{
    display: none
}
 
#trab-pc {
    display: none;
}
    
#trab-tablet {
    display: none;
}

header {
    font-size: 80%;
    height: 180px;
        }

header hr {
    width: 200px;
    }

    
header #resto {
        display: block;
    margin-top: -10px;
      }

header #fadunav {
    display: block;
    width: 240px;
    height: 80px;
   }
    
header #fadu {
    width: 300px;
    display: block;


}
    
header #tit {
    display: block;
    float: left;
    clear: both;
}
    
header nav {
    display: block;
    float: left;
    width: 300px;
    margin-left: -70px;
    margin-top: 10px;
        
    }
    
header nav ul li {
    margin-left: 0px;
    margin-right: 10px;
}
    
#sombra1 img{
    display: block;
    clear: both;
    width: 300px;
}

#slider-home {
    margin-top: 30px;
    width: 300px;
    height: 128px;
    margin-left: 10px;
 }    
#modulos li {
    margin-top: 10px;
    margin-bottom: 10px;
}
    
#gale-doc li {
    width: 100%;
    
    
}

    #gale-doc li a {
    width: 100%;
   
}
    
#doc-pupe a{
    display: block;
    width: 240px;
    height: 240px;
	    background-image: url(gale-gt.png);
 background-repeat: no-repeat;
    -moz-transition:all 1s;
  -webkit-transition:all 1s;
  -o-transition:all 1s;
  transition:all 1s;
} 

#doc-pupe a:hover{
    display: block;
    width: 240px;
    height: 240px;
	    background-image: url(gale-g2t.jpg);
 background-repeat: no-repeat
}

#doc-pato a{
    display: block;
    width: 240px;
    height: 240px;
	    background-image: url(gale-jt.png);
 background-repeat: no-repeat;
    -moz-transition:all 1s;
  -webkit-transition:all 1s;
  -o-transition:all 1s;
  transition:all 1s;
} 

#doc-pato a:hover{
    display: block;
    width: 240px;
    height: 240px;
	    background-image: url(gale-j2t.png);
 background-repeat: no-repeat
}

#doc-mar a{
    display: block;
    width: 240px;
    height: 240px;
	    background-image: url(gale-ht.png);
 background-repeat: no-repeat;
    -moz-transition:all 1s;
  -webkit-transition:all 1s;
  -o-transition:all 1s;
  transition:all 1s;
} 

#doc-mar a:hover{
    display: block;
    width: 240px;
    height: 240px;
	    background-image: url(gale-h2t.png);
 background-repeat: no-repeat
}

#doc-jose a {
    display: block;
    width: 240px;
    height: 240px;
	background-image: url(gale-bt.png);
    background-repeat: no-repeat;
   -moz-transition:all 1s;
   -webkit-transition:all 1s;
   -o-transition:all 1s;
   transition:all 1s;
} 

#doc-jose a:hover {
    display: block;
    width: 240px;
    height: 240px;
	background-image: url(gale-b2t.png);
    background-repeat: no-repeat
}

#doc-vero a {
    display: block;
    width: 240px;
    height: 240px;
	background-image: url(gale-ft.png);
 background-repeat: no-repeat;
    -moz-transition:all 1s;
  -webkit-transition:all 1s;
  -o-transition:all 1s;
  transition:all 1s;
} 

#doc-vero a:hover {
    display: block;
    width: 240px;
    height: 240px;
	    background-image: url(gale-f2t.png);
 background-repeat: no-repeat
}

#doc-flor a {
    display: block;
    width: 240px;
    height: 240px;
	    background-image: url(gale-kt.png);
 background-repeat: no-repeat;
    -moz-transition:all 1s;
  -webkit-transition:all 1s;
  -o-transition:all 1s;
  transition:all 1s;
} 

#doc-flor a:hover {
    display: block;
    width: 240px;
    height: 240px;
	    background-image: url(gale-k2t.png);
 background-repeat: no-repeat
} 


    
}

/* MODIFICACIONES PARA LA TABLET */

@media screen and (min-width: 321px) and (max-width: 768px) {
    

#carilla {
    width: 48rem;
}
    
body {
    width: 48rem;
    padding: 10px;
}
    
header {
    font-size: 80%;
    height: 120px;
        }

header hr {
    width: 210px;
    }

    
header #resto {
        display: block;
        float: left;
   }

header #fadunav {
    display: block;
    float: left;
    width: 220px;
    height: 80px;
   }
    
header #fadu {
    width: 220px;
    display: block;


}
    
header #tit {
    display: block;
    float: left;
    clear: both;
}
    
header nav {
    display: block;
    float: right;
    width: 370px;
        
    }
    
header nav ul li {
    margin-left: 0px;
    margin-right: 10px;
}
    
#sombra1 img{
    display: block;
    clear: both;
    width: 730px;
}

#slider-home {
    margin-top: 30px;
    width: 710px;
    height: 302px;
    margin-left: 10px;
 }
    
#resto {
    width: 610px;
}
    
footer {
    width: 758px;
}
    
#cajapie {
    width: 100%;
    display: block;
    
}
    
    
#loguito-grande {
    width: 90px;
}

footer nav {
    display: block;
    float: right;
}
    
#lineapie hr {
    width: 758px;
}
    
    
#caja-icono2 ul{
    display: block;
}

#caja-icono2 li{
    display: inline-block;
    list-style: none;
    margin-right: 10px;
    vertical-align: middle;
}

#librito {
    width: 55px;
}
    
article {
    margin-top: 30px;
}

main {
    width: 48rem;
}

article p1 {
    margin-top: 5px;
}

article h1 {
    margin-top: 5px;
}

article h2 {
    margin-top: 10px;
}

#aquivas {
    margin-top: 5px;
}

#columnas-b ul {
    display: block;
    width: 748px;
    clear: both;
}
    
#columnas-b ul li {
    display: inline-block;
    margin-right: 10px;
    width: 237px;
    vertical-align: top;
}

#columnas-b ul li a {
    text-decoration: none
}
    
#columnas-b ul li a p {
    color: #FFFFFF;
}

#bibliogg hr {
    width: 758px;
}

#linksapend {
    margin-top: 8px
}
    
#linksapend a{
    text-decoration: none;
}
    
#linksapend a p {
    color: #FFFFFF;
}
    
#tablet-mod {
    display: inline-block;
    width: 100%;
    margin-top: 40px;
        }
    
#tablet-mod a {
    
    margin-left: 5px;
    margin-right: 5px;
}

#loguito-chico {
    display: none
}

#aside-bliblio-pc{
    display: none
}

 #loguito-grande {
    width: 60px;
    float: left;
}       

footer nav {
    width: 450px;
    float: left;
}

footer hr {
    width: 730px;
}

#trab-pc {
    display: none;
}

#trab-mobile {
        display: none
    }

#agenda {
    display: block;
    width: 740px;
    margin-top: 20px;
}

    
#agenda ul {
    display: block;
    width: 748px;
}
#agenda ul li {
    float: left;
    width: 220px;
    background-image: url(age-tablet.png);
    background-repeat: no-repeat;
    height: 116px;
    margin-bottom: 10px;
    clear: none;
}
    

#modulos p{
    width: 220px;
}
    
#modulos ul li .noclear {
    clear: none;
}

#agenda a {
    display: none;
}

#cat {
    width: 350px;
}

#cat p1 {
    width: 350px;
    display: block;
}
    
#cat2 p1 {
    width: 350px;
    display: block;
}    
    
#cat2 {
    width: 350px;
    display: block;
    margin-left: 40px;
}


#cat p {
    display: block;
    width: 330px;
}

#cat2 p {
    display: block;
    width: 330px;
}

#gale-doc li {
    width: 240px;
    height: 240px;
    
}

    #gale-doc li a {
    width: 240px;
    height: 240px;
    
}
    
#doc-pupe a{
    display: block;
    width: 240px;
    height: 240px;
	    background-image: url(gale-gt.png);
 background-repeat: no-repeat;
    -moz-transition:all 1s;
  -webkit-transition:all 1s;
  -o-transition:all 1s;
  transition:all 1s;
} 

#doc-pupe a:hover{
    display: block;
    width: 240px;
    height: 240px;
	    background-image: url(gale-g2t.jpg);
 background-repeat: no-repeat
}

#doc-pato a{
    display: block;
    width: 240px;
    height: 240px;
	    background-image: url(gale-jt.png);
 background-repeat: no-repeat;
    -moz-transition:all 1s;
  -webkit-transition:all 1s;
  -o-transition:all 1s;
  transition:all 1s;
} 

#doc-pato a:hover{
    display: block;
    width: 240px;
    height: 240px;
	    background-image: url(gale-j2t.png);
 background-repeat: no-repeat
}

#doc-mar a{
    display: block;
    width: 240px;
    height: 240px;
	    background-image: url(gale-ht.png);
 background-repeat: no-repeat;
    -moz-transition:all 1s;
  -webkit-transition:all 1s;
  -o-transition:all 1s;
  transition:all 1s;
} 

#doc-mar a:hover{
    display: block;
    width: 240px;
    height: 240px;
	    background-image: url(gale-h2t.png);
 background-repeat: no-repeat
}

#doc-jose a {
    display: block;
    width: 240px;
    height: 240px;
	background-image: url(gale-bt.png);
    background-repeat: no-repeat;
   -moz-transition:all 1s;
   -webkit-transition:all 1s;
   -o-transition:all 1s;
   transition:all 1s;
} 

#doc-jose a:hover {
    display: block;
    width: 240px;
    height: 240px;
	background-image: url(gale-b2t.png);
    background-repeat: no-repeat
}

#doc-vero a {
    display: block;
    width: 240px;
    height: 240px;
	background-image: url(gale-ft.png);
 background-repeat: no-repeat;
    -moz-transition:all 1s;
  -webkit-transition:all 1s;
  -o-transition:all 1s;
  transition:all 1s;
} 

#doc-vero a:hover {
    display: block;
    width: 240px;
    height: 240px;
	    background-image: url(gale-f2t.png);
 background-repeat: no-repeat
}

#doc-flor a {
    display: block;
    width: 240px;
    height: 240px;
	    background-image: url(gale-kt.png);
 background-repeat: no-repeat;
    -moz-transition:all 1s;
  -webkit-transition:all 1s;
  -o-transition:all 1s;
  transition:all 1s;
} 

#doc-flor a:hover {
    display: block;
    width: 240px;
    height: 240px;
	    background-image: url(gale-k2t.png);
 background-repeat: no-repeat
} 

#agenda li {
    display: inline-block;
    width: 237px;
}
    
}

/* BIBLIOGRAFIA EN PC */

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

    
#doc-pupe a{
    display: block;
    width: 300px;
    height: 300px;
	    background-image: url(gale-g.png);
 background-repeat: no-repeat;
    -moz-transition:all 1s;
  -webkit-transition:all 1s;
  -o-transition:all 1s;
  transition:all 1s;
} 

#doc-pupe a:hover{
    display: block;
    width: 300px;
    height: 300px;
	    background-image: url(gale-g2.jpg);
 background-repeat: no-repeat
}

#doc-pato a{
    display: block;
    width: 300px;
    height: 300px;
	    background-image: url(gale-j.png);
 background-repeat: no-repeat;
    -moz-transition:all 1s;
  -webkit-transition:all 1s;
  -o-transition:all 1s;
  transition:all 1s;
} 

#doc-pato a:hover{
    display: block;
    width: 300px;
    height: 300px;
	    background-image: url(gale-j2.png);
 background-repeat: no-repeat
}

#doc-mar a{
    display: block;
    width: 300px;
    height: 300px;
	    background-image: url(gale-h.png);
 background-repeat: no-repeat;
    -moz-transition:all 1s;
  -webkit-transition:all 1s;
  -o-transition:all 1s;
  transition:all 1s;
} 

#doc-mar a:hover{
    display: block;
    width: 300px;
    height: 300px;
	    background-image: url(gale-h2.png);
 background-repeat: no-repeat
}

#doc-jose a {
    display: block;
    width: 300px;
    height: 300px;
	background-image: url(gale-b.png);
    background-repeat: no-repeat;
   -moz-transition:all 1s;
   -webkit-transition:all 1s;
   -o-transition:all 1s;
   transition:all 1s;
} 

#doc-jose a:hover {
    display: block;
    width: 300px;
    height: 300px;
	background-image: url(gale-b2.png);
    background-repeat: no-repeat
}

#doc-vero a {
    display: block;
    width: 300px;
    height: 300px;
	background-image: url(gale-f.png);
 background-repeat: no-repeat;
    -moz-transition:all 1s;
  -webkit-transition:all 1s;
  -o-transition:all 1s;
  transition:all 1s;
} 

#doc-vero a:hover {
    display: block;
    width: 300px;
    height: 300px;
	    background-image: url(gale-f2.png);
 background-repeat: no-repeat
}

#doc-flor a {
    display: block;
    width: 300px;
    height: 300px;
	    background-image: url(gale-k.png);
 background-repeat: no-repeat;
    -moz-transition:all 1s;
  -webkit-transition:all 1s;
  -o-transition:all 1s;
  transition:all 1s;
} 

#doc-flor a:hover {
    display: block;
    width: 300px;
    height: 300px;
	    background-image: url(gale-k2.png);
 background-repeat: no-repeat
} 
    
    
#bibliogg {
    display: block;
    width: 622px;
    float: left;
}

#aquivas {
    margin-bottom: 15px;
    margin-top: 15px;
}

#bibliogg ul {
    display: block;
    clear: both;
    margin-top: 20px;
    margin-bottom: 20px;
}

#columnas-b ul li{
    list-style: none;
    display: inline-block;
    margin-right: 20px;
    width: 184px;
    vertical-align: top;
}

#bibliogg ul li a{
    text-decoration: none;
}

#bibliogg ul li a p {
    color: #FFFFFF
}

#bibliogg hr {
    width: 622px
}

#linksapend {
    margin-top: 20px
}
    
#linksapend a{
    text-decoration: none;
}
    
#linksapend a p {
    color: #FFFFFF;
}

#caja-icono2 ul{
    display: block;
}

#caja-icono2 li{
    display: inline-block;
    list-style: none;
    margin-right: 10px;
    vertical-align: middle;
}
    
#librito {
    width: 55px;
}
    
#tablet-mod {
    display: none;
}
#loguito-chico {
    display: none
}     
    
#aside-bliblio-pc{
    display: block;
    float: right;
    width: 230px;
    margin-top: 50px;
}

#aside-bliblio-pc a{
    margin-bottom: 10px;
}
    
footer {
    display: block
}

 #loguito-grande {
    width: 60px;
    float: left;
}       

footer nav {
    width: 700px
}
    
.marginright {
    margin-right: 20px;
}

#trab-mobile {
    display: none;
}

#trab-tablet {
    display: none
}

    
}

caja-form  {
    position: absolute 400px 250px;
}

.fuentes {
    font-family: 'Oswald';
    font-size: 22pt;
}

#verdeamarilloso h1{
    color: #c7f40b;
    font-size: 29pt;
}

.icon {
    margin-top: 5px;
}