body {
    background-image:url(img/fondo.jpg);
    margin: 0;
 }

.contenedor{
    margin: auto;
}

.contenedor-div{
    margin: auto;
    height: 100%;
}

a:link   {   
 text-decoration:none;   
} 

#ir {
    padding: 1em;
    background: rgb(255, 0, 137);
    color: #fff;
    font-weight: 700;
    font-family: sans-serif;
}

#irG {
    padding: 1em;
    background: rgb(255, 0, 137);
    color: #fff;
    font-weight: 700;
    font-family: sans-serif;
    margin-left: 1em;
}

#ir:active {
    padding: 1em;
    background: #46c0c3;
    color: #fff;
    font-weight: 700;
}

#irG:active {
    padding: 1em;
    background: #46c0c3;
    color: #fff;
    font-weight: 700;
}

#B3 {
    text-align: center;
    display: block;
    float:left;
}

#linA {
    color: rgb(255, 0, 137);
    border-width: 0.1em;
    border-style: dashed;
}

.bxslider {
    margin: 0;
}

/*--------------------------- NAVEGADOR -------------------------------*/
header{
    z-index:2;
    position: fixed;
    width: 100%;
    padding: 0.8em;
    margin: auto;
    background-image: url(img/header_cyan.png);
    box-sizing: border-box;
    box-shadow:0 .1em 1em black;
}

nav {
    font-family: 'Amatic SC', cursive;
}

#menudrop{
list-style:none;
font-weight:bold;
float:left;
}

#menudrop li{
float:left;
position: relative;
    
}

#menudrop a{
display:block;
color:#000;
text-decoration:none;
padding: 0em 0.5em ;
}

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

#menudrop a:active{
Color: #7ff2f2;
}

#menudrop ul{
list-style:none;
position:absolute;
left:-9000px;
}

#menudrop ul li{
float:none;
background: rgb(255, 0, 137);
padding: 0.5em 0.7em ;
}
#menudrop ul a{
white-space:nowrap; /* Separa los elementos en diferentes líneas */
}
#menudrop li:hover ul{
left:-40px; /* Submenús visibles */
}

/* Para que cuando se mueva el cursor por los elementos del submenú los elementos permanecen visibles */
#menudrop li:hover a{ 
background: rgb(255, 0, 137); /* Aprovechamos para cambiar de color los señalados */ 
}

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

#menudrop li:hover ul li a:hover{ 
    background: rgb(255, 0, 137);
    Color: #FFF;
}

#menudrop li:hover ul li a:active{
Color: #7ff2f2;
}


/*--------------------------- LOGO -------------------------------*/

#logo{
    position: absolute;
}

#encabezado1 hr{
    color: #67fbff;
    border-style: dashed;
}

a.logotitulo:link, a.logotitulo:visited{
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

a.logotitulo:hover {
    background: rgb(255, 0, 137);
    Color: #FFF;
    font-style: italic;
}


h1 {
    font-family: 'Amatic SC', cursive;
    margin-left:2.5em;
    
}

h2 {
    font-size: 0.8em;
    font-family:'lato';
    margin-top: -2em;
    color: #000;
}

#encabezado1 {
    float: left;
    padding: 0px;
}

/*--------------------------- MENU -------------------------------*/

h3 {
    color: #000;
    font-size:2em;
    font-family: 'Amatic SC';
    box-sizing: border-box;
    margin: 0;
}

h3:hover {
    background: rgb(255, 0, 137);
    Color: #FFF;
    font-style: italic;
}

h32 {
    font-size: 2.3em;
    font-family: 'Amatic SC', cursive;
    font-weight: bold;
    text-align: center;
    box-sizing: border-box;
    margin: 0;
}

.bienvenidatitulo{
    font-family: 'Amatic SC', cursive;
    text-align: center;
    
}

#marco {
    padding: 0.8em;
    width: 88%;
    margin-bottom: 0.5em;
    
}

#bienvenidaslider {
    width:90%;
    margin:0 auto;

}

main {
    background-color: rgba(255, 255, 255, 0.59);
    padding-bottom: 1em;
}

#galeri {
    float: left;
    list-style:none;
    width: 100%;
    padding-bottom: 1em;
}

#galerin {
    float:left;
    position: relative;
    
}

.seccion1y2y3 {
    width: 100%;
    margin-top: 1em;
    
}

.seccion1 {
    float:left;
	font-family:Arial, Helvetica, sans-serif;
    box-sizing: border-box;
    background-color:rgba(255, 255, 255, 0.59);
}

.seccion_medio {
    float:left;
	font-family:Arial, Helvetica, sans-serif;
    margin-top: 1em;
    margin-bottom: 1em;
    width: 100%;
}

.seccion1_galeria{
    float:left;
	font-family:Arial, Helvetica, sans-serif;
    box-sizing: border-box;
}

.seccionA {
    box-sizing: border-box;
    float:left;
	font-family:Arial, Helvetica, sans-serif;
    background-color:rgba(255, 255, 255, 0.59);
    padding:3em;
}

#video {
    width: 100%;
}

#index_lini {
    color: rgb(255, 0, 137);
    border-width: 1 em;
    border-style: dashed;
    margin-bottom: 2em;
    width: 2
}

.seccionB {
    float:right;
	font-family:Arial, Helvetica, sans-serif;
    box-sizing: border-box;
	background-image: url('img/galeria_1.png');
}

#B2 {
    width: 100%;
    margin-top: 2em;
    margin-left: 6.5em;
}


.seccion2 {
    float:left;
	font-family: Arial, Helvetica, sans-serif;
    box-sizing: border-box;
    background: rgba(127, 242, 242, 0.69);
    padding: 2em;
	
}

.seccion3{
    font-family: Arial, Helvetica, sans-serif;
	float:left;
    box-sizing: border-box;
    background-color:rgba(255, 255, 255, 0.59);
}

.seccion1 hr {
    color: rgb(255, 0, 137);
    border-width: 1 em;
    border-style: dashed;
    margin-bottom: 2em;
    width: 2
}

.seccion2 hr {
    color: rgb(255, 0, 137);
    border-width: 1 em;
    border-style: dashed;
    margin-bottom: 2em;
}

.seccion3 hr {
    color: rgb(255, 0, 137);
    border-width: 1 em;
    border-style: dashed;
    margin-bottom: 2em;
}

.imagen_columnas {
    

}

#index_img {
    width: 100%;
    
}

.contenidos_columna {
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color: rgb(255, 0, 137);
}

.menu_columna {
    display: block;
    width: 100%;
    padding: .4em;
    background-color:rgb(255, 0, 137);
    font-size:2.5em;
    color: #FFFFFF;
    font-family: 'Amatic SC', cursive;
    font-weight:bold;
}

.menu_columna:active {
    background: #46c0c3;
}

.menu_columna2 {
display:block;
background-color:rgb(255, 0, 137);
box-sizing: border-box;
padding:0.5em;
font-size:2.5em;
color: #FFFFFF;
font-family: 'Amatic SC', cursive;
font-weight:bold;
text-align:center;
margin-top: 2em;
}




/*--------------------------- footer -------------------------------*/
footer{
    background-image: url(img/footer_rosa.png);
    width:100%;
    z-index:2;
    font-size: 0.7em;
    font-family:Arial, Helvetica, sans-serif;
    padding: 1em;
    box-sizing: border-box;
    text-align:center;
    overflow: hidden;

}
#logofooter{
    z-index:2;
    position:fixed;
    width:100%;
    text-align:center;
}

 /*----------------------- ALUMNOS APUNTES --------------------------*/ 

.apu-mod p {
    color: #000;
    font-family: sans-serif;
}

.caja-icono p {
    color: #000;
    font-family: sans-serif;
    margin-left: .3em;
}

.apu-mod{
    display: block;
    float: left;
}

h4 {
    font-family: 'Amatic SC';
    margin: -0;
    color: #46c0c3;
    margin-bottom: -0.2em;
}

h5 {
    font-family:'lato';
    color: rgb(255, 0, 137);
}

h27 {
    font-family:'lato';
    color: #46c0c3;
    font-size:.8em;
}

h26 {
    font-family:'lato';
    color: rgb(255, 0, 137);
    font-size:.8em;
    font-weight: bold;
}

h25 {
    font-family:'lato';
    color: #000;
    font-size:.6em;
}

h6 {
    font-family:'lato';
    color: rgb(255, 0, 137);
    margin-bottom: 1em;
    background-color: #7ff2f2;
    width: 7em;
    padding: 0.5em;
}

.apu-mod ul{
    display: block;
    margin-top: 3em;
}

.apu-mod ul li {
    display:table;
    margin-bottom: 1.5em;
}

.apu-mod ul li a{
    display: block;
    text-decoration: none;
    }

.apu-mod hr {
    color: rgb(255, 0, 137);
    border-width: 0.1em;
    border-style: dashed;
}


#apu-clas1 {
    float: right;
    display:block;
    font-family: sans-serif;
    margin-right: -10em;
    margin-bottom: 1em;
    margin-top: -1.5em;
    padding: .5em;
    background: rgb(255, 0, 137);
    color: #fff;
    text-align: center;
    font-weight: bold;
}

#apu-clas1:active {
    background: #46c0c3;
}


.apu-fondo { 
    background: rgba(127, 242, 242, 0.69);
    padding: 2em;
}


#apu-aside { 
    text-align: left;
    font-family:sans-serif;
}

#apu-biblio {
    margin-bottom: 3em;
    margin-top: 2em;
    color: #52D8DB;
}

#apu-refer { 
    color: #FFEB00;
}

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

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

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

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

.apu-aside-links ul{
    list-style: none
        
}

#apu-biblio hr{
   margin-top: 1em;
   background-color: rgb(255, 0, 137);
}

#apu-refer hr{
    margin-top: 1em;
   background-color: rgb(255, 0, 137);
}


.celeste{ 
    color:#52D8DB;
}

.amarillo{
    color:#000;
}

.blanco{ 
    color: #46c0c3;
    font-size: .9em;
}

.apu-contenido {
    display: block;
    margin-top: 3em;
}

article {
    
}

.apunt {
    background-color: rgba(255, 255, 255, 0.5);
    float: left;
}

.mapafondo {
    background-repeat: no-repeat;
    float: left;
}

#subtitulos {
    text-align: center;
}

#subtitulos2 {
    display:block;
    padding: 1em;
    color: #000;
    font-weight: bold;
    font-size: 1.5em;
    margin-left: -.5em;
}

#TH:hover {
    color: #000;
}

#TH:hover {
    color: rgb(255, 0, 137);
}



/*-------------------------------- DOCENTES ---------------------------------------*/

.docent {
    background-color: rgba(255, 255, 255, 0.5);
    float: left;
}

.docent-mod{
    display: block;
    float: left;
}

#gale-doc ul{
    display: block;
    margin-top: -1em;
    
}

#gale-doc li {
    list-style: none;
    display: inline-block;
}

#caja-icono p {
    color: #000;
    font-family: sans-serif;
}


/*----------------------- DOCENTES ACTIVIDADES -----------------------------------*/

.seccion1activ {
    width: 100%;
    margin:auto;
	overflow: hidden;
}

.seccion_grande {
    float:left;
	font-family: sans-serif;
    padding:1.8em;
    box-sizing: border-box;
   
}

seccion_mediana {
float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .9em;
    padding:1.8em;
    box-sizing: border-box;
    background-color:#e0fffd;
    width:60%;
    margin: .9em;
}

.contenidos_columna {
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color: #df4d8f;
}


.contenidos_columna_blog {
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color: #FF3399;
font-size:1.5em;
}



#acti-aside {
    float: right;
    width: 25%;
    text-align: left;
    margin-top: 11em;
    font-family:sans-serif;
    font-size: .8em;
     background: rgba(127, 242, 242, 0.69);
    padding: 2em;
    box-sizing: border-box;
    
}
/*----------------------- DOCENTES FICHAS -----------------------------------*/
.seccion_ficha1 {
    text-align: center;
    float:left;
	font-family:Arial, Helvetica, sans-serif;
    box-sizing: border-box;
    background-color:rgba(255, 255, 255, 0.59);
}

.seccion_ficha1 ul{
    font-size: .8em;
    text-align: left;
    line-height: 1em;
    
}
    

.seccion_ficha2 {
    float:left;
	font-family: Arial, Helvetica, sans-serif;
    box-sizing: border-box;
   line-height: 1.5em;
    color:rgb(255, 0, 137);
    background-color:rgba(255, 255, 255, 0.59);
	
	
}

.seccion_ficha3{
    font-family: Arial, Helvetica, sans-serif;
	float:left;
    box-sizing: border-box;
   }

.seccion_ficha3 img{
    width:100%;
    max-width:700px;     
}

   
/*-----------------------ENTREVISTAS----------------------------------*/


    


/*-----------------------GALERIA TRABAJOS ALUMNOS----------------------------------*/

.galeria-alumnos {
    width:90%;
    margin:0 auto;
}

.pestanas {
    width: 100%;
    margin: 0 auto;
}

h33 {
    font-family: 'Amatic SC', cursive;
    font-size: 4em;
    text-align: left;
    color: #46C0C3;;
}

#lin-gal {
    color: rgb(255, 0, 137);
    border-width: 0.13em;
    border-style: dashed;
    margin-bottom: 1em;
}

.columna1 {
    width: 25%;
    display: block;
    float: left;
    margin: 1em;
}

.columna2 {
    width: 100%;
}

.tit1 {
    width: 25%;
    display: block;
    float: left;
    margin: 1em;
}

#lini {
    color: rgb(255, 0, 137);
    border-width: 0.13em;
    border-style: dashed;
    margin-bottom: 2em;
    margin-left: 2em;
    width: 65%;
    float: left;
}


#lino {
    color: rgb(255, 0, 137);
    border-width: .13em;
    border-style: dashed;
    margin-bottom: 1em;
    margin-left: 2em;
    width: 90%;

}

/*-----------------------PAUTA----------------------------------*/

.apu-contenido ul li img{
     width:100%;
    margin:0 auto;
}
/*-----------------------CRONOGRAMA----------------------------------*/

#cronograma {
    width:100%;
    margin:0 auto;
}

#cronograma1 {
    float:left;
    background-color: rgba(255, 255, 255, 0.59);
    margin: 1em;
}

#cronograma2 {
    float:right;
    overflow:hidden;
    font-family: sans-serif;
    text-align: center;
    margin: 1em;
    background-color: rgba(255, 255, 255, 0.59);
    padding: .5em;
    }

#cronograma ul{
    display: block;
   
    
}

#cronograma li {
    list-style: none;
    display: inline-block;
    font-family: sans-serif;
}





.menu_meses {
display:block;
background-color:rgb(255, 0, 137);
box-sizing: border-box;
padding:0.5em;
font-size:1.1em;
margin: .6em;
color: #FFFFFF;
font-family: sans-serif;
text-align:center;
}

.menu_meses:hover {
background-color: #46c0c3;
}

.menu_meses2 {
display:block;
background-color:rgb(255, 0, 137);
box-sizing: border-box;
padding:0.5em;
font-size:1em;
color: #FFFFFF;
font-family: 'Amatic SC', cursive;
font-weight:bold;
text-align:center;
margin-top: 2em;
}

.evento {
  display: inline-block;
background-color:rgb(255, 0, 137);
box-sizing: border-box;
color: #FFFFFF;
font-family:  sans-serif;
 padding: .5em;
 }
    #descripcion_evento {
    font-family: sans-serif;
    margin-left:5em;
    width:65%;
    float:left;
    font-size: .8em;
}

/*------------------------- FORMULARIO -------------------------------*/


.formulario {
    width: 100%;
    display: block;
    margin-left: 2em;
    overflow:hidden;
}

h12 {
    font-size: 2.3em;
    font-family: 'Amatic SC', cursive;
    text-align: center;
    box-sizing: border-box;
    color: #46c0c3;
    margin: 0;
}

th {
    padding: 1em;
}

textarea {
    color: rgb(255, 0, 137);
    border-width: 0;
}

.enviar {
    border-width: 0;
    font-weight: bold;
    font-size: 2em;
    font-family: 'Amatic SC', cursive;
    color: #fff;
    background-color: rgb(255, 0, 137);
}

.miselect {
    height: 1.5em;
}

select {
    color: rgb(255, 0, 137);
    border-width: 0;
    height: 1.5em;
}

input {
    color: rgb(255, 0, 137);
    border-width: 0;
    height: 1.5em;
}

.swap-ico {
    margin: 1em;
    
}

.swap-icon {
    padding: .8em;
}


#paraico {
    text-align: center;
    float: left;
width: 35%;
 margin: 0;
    
}


/*----------------------------------- MAPA -----------------------------------------------*/

#mapa_fondo{
	z-index:-1;
}

#google{
    float:right;
}

article#mapa_dire1{
    float: left;
}

#direcciones{
    float: left;
    background-color: rgba(255, 255, 255, 0.76);
}

#mapa_baner{
	z-index:9;
}

#pin {
    margin-bottom: 1em;
    color:rgb(255, 0, 137);
    border-style: dashed;
    border-width: .1em;
}

/* ---------------------------------- Vídeos ------------------------*/





/*----------------------- CELULAR SCREEN SCREEN -----------------------------------*/
@media screen and (min-width: 20em) {
    .columna{
        float: left;
        width: 80%;
        color: #ffce00;
    }
    
.contenedor{
    width: 20em;
}
    
.contenedor-div{
    width: 20em;
}
    
nav {
    font-size: 0.9em;
    float: left;
    margin-top: 0.5em;
}
    
#encabezado1 hr{
    margin-top: -1.8em;
    width: 8em;
    margin-left: 6em;
}

h1 {
    margin-top: .4em;
    font-size:2.2em;
    
}

h2 {
    margin-left:7.5em;
    
}

.bienvenidatitulo{
    font-size:1em;
    padding-left:0em;

}
    
#marco {
    margin-top:2.5em;
    width: 88%;
    margin-left: 0.4em;
}

 #encabezado1 {
    width: 100%;
}
    
#bienvenidaslider {
    visibility:hidden;
    height: 10em;

}
    
    
    
.seccion1 {
	font-size: .7em;
    padding:1.8em;
    width: 100%;
    margin: 0 auto;
}
    

        
.seccion1_galeria {
	font-size: .8em;
    padding:1.8em;
    width:80%;
    margin: .9em;
    margin-left: 0;
    margin-top: 0;
    background-color:rgba(255, 255, 255, 0.59);
   
}
    
.seccionA {
	font-size: .7em;
    width: 100%;
    margin-bottom: 1em;
}
    
#video {
    height: 20em;
}
    
.seccionB {
	font-size: .7em;
    width: 100%;
    height: 100%;
}
    

.seccion2 {
    padding:1.8em;
	font-size: .8em;
    width:100%;
    margin: 0 auto;
    margin-top: 1em;
    height: auto;
	
}

.seccion3{
    font-size: .7em;
    padding:1.8em;
    width:100%;
    margin: 0 auto;
    margin-top: 1em;
}
    
    
#index_img {
    margin-bottom: 1em;
    margin-top: 1em;
}
    
    .seccion_ficha1 {
	font-size: .8em;
    padding:1.8em;
    width: 100%;
    margin: 0em;
}
.seccion_ficha2 {
    padding:1.8em;
	font-size: .9em;
    width:100%;
    margin: 0em;
    margin-top: 1em;
	
}

.seccion_ficha3{
    font-size: .7em;
    
    width:100%;
    margin: 0em;
    margin-top: 1em;
}
    
    
.apu-mod p {
    font-size: 0.8em;
    margin-left: 0.3em;
}

.apu-mod{
    margin-top: 11em;
    width: 95%;
}
    
.apu-cua {
    display: block;
    width: 100%;
    
}
    
#apu-clas1 {
    width: 60%;
    font-size: .9em;
    margin-right: -8em;
}
    
#apu-aside { 
    float: left;
    width: 100%;
    margin-top: 3em;
    text-align: left;
}

#apu-biblio hr{
width: 100%
}

#apu-refer hr{
width: 100%
}

h4 {
    font-size: 1.7em;
}

h5 {
    font-size: 0.8em;
    margin-top: -1em;
}

h6 {
    font-size: 0.8em;
    margin-top: -1.5em;
}


.apu-mod ul li a{
    width: 80%;
    }

.apu-mod hr {
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1em;
}

.apu-mod ul li p{
    margin-bottom: 0em;
}







.apunt {
    height: 100%;
    width: 20em;
}
    
.mapafondo {
    background-image: url(img/mapaC.png);
    height: 100%;
    width: 20em;
    
}
    
.docent {
    height: 100%;
    width: 20em;
}
    
.docent-mod{
    margin-top: 11em;
    width: 95%;
}
    
.swap-docent {
    width: 70%;
    margin-bottom: 0.5em;
    margin-top: 1.5em;
    
}
  
#gale-doc li {
    margin-left: 2em;
    width: 100%;
}
    
textarea {
    margin-left: 1em;
}

.enviar {
    margin-top: 1em;
    margin-left: 6em;
    padding-left: 0.6em;
    padding-right: 0.6em;
}

.miselect {
    margin-left: 2em;
}
    
#google{
    margin-top: 3em;
    margin-right: .7em;
    margin-left:  0;
    margin-bottom:  1em;
}

article#mapa_dire1{
    padding: .8em;
    width: 60%;
    text-align: center;
    margin-left: 1.5em;
    
}

#direcciones{
    margin-top: 14em;
    width: 60%;
    margin-left: 4em;
}

.swap-icon {
    width: 40%;
    
}
    
#B3 {
    margin-top: 1.5em;
    margin-bottom: 1em;
}
    
#cronograma1 {
    width:90%;
}
    
#cronograma2 {
    width: 85%;
    }

    
    
 /*----------------------- FIN CELULAR SCREEN --------------------------*/
}

/*------------------------- TABLET SCREEN ---------------------------------*/
@media screen and (min-width: 47.5em) {
    .columna{
        float: right;
        width: 25%;
        color: #00ff4e;
}
    
.contenedor{
    width: 40em;
}
    
.contenedor-div{
    width: 40em;
}
    
nav {
    font-size: 1.3em;
    margin-top: -2.7em;
        float: right;
}
    
#encabezado1 hr{
    margin-top: -1.8em;
    width: 9em;
    margin-left: 7em;
}

h1 {
    margin-top: .1em;
    font-size:2.5em;
}

h2 {
    margin-left:9em;
    
}

.bienvenidatitulo{
    font-size:1.5em;
}
    
#marco {
    width: 85%;
    margin-left:0.5em;
    
}

 #encabezado1 {
    width: 70%;
}
    
#bienvenidaslider {
    visibility:visible;
    height: auto;

}
    
    
.seccion1 {
	font-size: .8em;
    padding:1.8em;
    width:35%;
    margin: .9em;
    margin-left: 0;
    margin-top: 0;
   
}
    

    

    
.seccion1_galeria {
	font-size: .8em;
    padding:1.8em;
    width:29%;
    margin: .9em;
    margin-left: 0;
    margin-top: 0;
    background-color:rgba(255, 255, 255, 0.59);
   
}
    
.seccionA {
	font-size: .8em;
    width:47%;
    margin-bottom: 0em;
}
    
#video {
    height: 19.9em;
}
    
.seccionB {
    width:50%;
	font-size: .8em;
    height: 35em;
   
}
    
.seccion2 {
    padding:1.5em;
	font-size: .9em;
    width:22%;
    margin-top: 0;
    height: 37.5em;

	
}

.seccion3{
    font-size: .8em;
    padding:1.8em;
    width:35%;
    margin: .9em;
    margin-top: 0;
    margin-right: 2em;
   
}
    
#index_img {
    margin-bottom: 2.3em;
    margin-top: 2.3em;
}
    

    
    
.apu-mod p {
    font-size: 0.9em;
}

.apu-mod{
    margin-top: 11em;
    width: 95%;
}
    
#apu-clas1 {
    width: 60%;
    font-size: 1em;
    margin-right: -12em;
}
    
#apu-aside {  
    float: right;
    width: 100%;
    margin-top: 3em;
    text-align: center;
}
    
#apu-biblio hr{
width: 50%
}

#apu-refer hr{
width: 50%
}

h4 {
    font-size: 3.2em;
}

h5 {
    font-size: 1em;
    margin-top: -1em;
}

h6 {
    font-size: 1em;
    margin-top: -2em;
}


.apu-mod ul li a{
    width: 100%;
    }

.apu-mod hr {
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1em;
}

.apu-mod ul li p{
    margin-bottom: 0em;
}







.apunt {
    height: 100%;
    width: 40em;
}
    
.mapafondo {
    background-image: url(img/mapafondo.png);
    height: 100%;
    width: 40em;
}
    
.docent {
    height: 100%;
    width: 40em;
}
    
.docent-mod{
    margin-top: 11em;
    width: 95%;
}
    
.swap-docent {
    width: 90%;
    
}
    
#gale-doc li {
    margin-left: 0em;
    width: 32%;
}
    
textarea {
    margin-left: 1em;
}

.enviar {
    margin-top: 1em;
    margin-left: 6em;
    padding-left: 0.6em;
    padding-right: 0.6em;
}

.miselect {
    margin-left: 2em;
}

#google{
    margin-top: 18em;
    margin-right: 2em;
    margin-left:  0;
    margin-bottom:  1em;
}

article#mapa_dire1{
    padding: .8em;
    width: 60%;
    text-align: center;
    margin-left: 2em;
    
}

#direcciones{
    margin-top: 18em;
    width: 40%;
    margin-left: 2em;
}
    
.swap-icon {
    width: 20%;
    
}
    
#B3 {
    margin-top: 0em;
    margin-bottom: 0em;
}
    
#cronograma1 {
    width:60%;
}
    
#cronograma2 {
    width: 27%;
    }
    
    
 /*----------------------- FIN TABLET SCREEN --------------------------*/ 
}

/*--------------------------- PANTALLA SCREEN -------------------------------*/
@media screen and (min-width: 60em) {
    .columna{
        float: left;
        width: 100%;
        color: #f00;
}
    
.contenedor{
    width: 60em;
}
    
.contenedor-div{
    width: 60em;
}
    
nav {
    font-size: 1.5em;
        margin-top: 0em;
            float: right;
}
    
#encabezado1 hr{
    margin-top: -1.9em;
    width: 10em;
    margin-left: 6.5em;
}

h1 {
    margin-top: .2em;
    font-size:2.5em;
}

h2 {
    margin-left:9em;
    
}

.bienvenidatitulo{
    font-size:2em;
    padding-left:1.3em;

}
    
#marco {
    width: 88%;
    margin-left: 0;
}

#encabezado1 {
    width: 40%;
}
    
#bienvenidaslider {
    visibility:visible;
    height: auto;

}
    
    .seccion1y2y3 {
}
.seccion1 {
	font-size: .8em;
    padding:1.8em;
    width:35%;
    margin: .9em;
    margin-left: 0;
    margin-top: 0;
   
}
    

    

    
.seccion1_galeria {
	font-size: .8em;
    padding:1.8em;
    width:30%;
    margin: .9em;
    margin-left: 0;
    margin-top: 0;
    background-color:rgba(255, 255, 255, 0.59);
}
    
.seccionA {
	font-size: .8em;
    width:62%;
    margin-bottom: 0em;
}
    
#video {
    height: 21em;
}
    
.seccionB {
    width:35%;
	font-size: .8em;
   
}
    
.seccion2 {
    padding:1.5em;
	font-size: .9em;
    width:25%;
    margin: 0;
    height: 30em;

	
}

.seccion3{
    font-size: .8em;
    padding:1.8em;
    width:35%;
    margin: .9em;
    margin-top: 0;
    margin-right: 1.9em;
    
   
}
    
#index_img {
    margin-bottom: -.4em;
    margin-top: 0em;
}
    
 .seccion_ficha1 {
	font-size: .8em;
    padding:1.8em;
    width:22%;
    margin: .9em; 
}
    
.seccion_ficha2{
    padding:2em;
	font-size: 1.3em;
    width:35%;
    margin-top: 0;
    	
}

.seccion_ficha3{
    font-size: .7em;
    width:35%;
    margin: .9em;
    margin-top: 0;
    margin-right: 0;
     
}   
    
   
    
.apu-mod p {
    font-size: 0.9em;
}

.apu-mod{
    margin-top: 11em;
    width: 95%;
}
    
#apu-clas1 {
        width: 20%;
    font-size: 1em;
    margin-right: 0em;
}

    
#apu-aside { 
    float: right;
    width: 28%;
    margin: 0;
    margin-top: 5em;
    text-align: left;
}
    
#apu-biblio hr{
width: 100%
}

#apu-refer hr{
width: 100%
}


h4 {
    font-size: 3.2em;
}

h5 {
    font-size: 1em;
    margin-top: -1em;
}

h6 {
    font-size: 1em;
    margin-top: -2em;
}


.apu-mod ul li a{
    width: 40%;
    }

.apu-mod hr {
    width: 38.75em;
    margin-top: 1em;
    margin-bottom: 1em;
}

.apu-mod ul li p{
    margin-bottom: 0em;
}







.apunt {
    height: 100%;
    width: 43em;
}
    
.mapafondo {
    background-image: url(img/mapafondo.png);
    height: 100%;
    width: 43em;
}
    
.docent {
    height: 100%;
    width: 60em;
}
    
.docent-mod{
    margin-top: 11em;
    width: 95%;
}
    
.swap-docent {
    width: 100%;
    
}
    
#gale-doc li {
    margin-left: 2em;
    width: 26%;
}
    #cronograma li {
    margin-left: 2em;
    width: 8%;
}
    
textarea {
    margin-left: 1em;
}

.enviar {
    margin-top: 1em;
    margin-left: 6em;
    padding-left: 0.6em;
    padding-right: 0.6em;
}

.miselect {
    margin-left: 2em;
}


    
#google{
    margin-top: 15em;
    margin-right: 0em;
    margin-left:  0;
    margin-bottom:  2em;
}

article#mapa_dire1{
    padding: .5em;
    width: 29%;
    text-align: left;
    margin-left:0em;
}

#direcciones{
    margin-top: 17.5em;
    width: 56%;
    margin-left: 0em;
}
    
.swap-icon {
    width: 40%;
    
}
    
#B3 {
    margin-top: 0em;
    margin-bottom: 0em;
}
    
#cronograma1 {
    width:64%;
}
    
#cronograma2 {
    width: 27%;
    }
  
    
    
    
 /*----------------------- FIN PANTALLA SCREEN --------------------------*/   
}