/*
/////////////////////////////////////////////////////////
   __   _______  ___  ____  __________  ______ 
  / /  /  _/ _ )/ _ \/ __ \/ ___/ __/ |/ / __ \
 / /___/ // _  / , _/ /_/ / (_ / _//    / /_/ /
/____/___/____/_/|_|\____/\___/___/_/|_/\____/ 

Colores librogeno:

colortexto
colorprincipal
colorsecundario
    color4
    color5

/////////////////////////////////////////////////////////
*/


.boton_libro {
    position: relative;

    top: -16px;
    width: 160px;
    height: 220px;
    color: #000000;
    text-transform: uppercase;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
}

.boton_libro img {
    width: 150px;
    height: 150px;
    z-index: 1000;
}

.container{
        width: 30%;
    display: block;
    position: relative;
    float: left;
    margin: 150px 0px 0px 0px;
}

.container2{
        width: 68%;
    display: block;
    position: relative;
    float: right;
    margin: 40px 0px 0px 0px;
}

.rec_lista{
        width: 100%;
    display: block;
    position: relative;
    float: right;
}



 .listado_recursos{
        width: 68%;
        display: block;
        position: relative;
        float: left;
        margin: 40px 0px 0px 40px;
        }

                .listado_recursos .ico{
                  width: 58px;
                  height: 58px;
                  position: relative;
                  float: left;
                  margin: 2px;
                  }
 		.listado_recursos .ico img{
                  width: 58px;
                  height: 58px;
                  position: relative;
                  float: left;
                  margin: 2px;
                  }                 
                  
                .listado_descripc {
                  float: left;
                  font-size: 17px;
                  width: 70%;
                  height: 58px;
                  line-height: 60px;
                  padding: 0px 4px 0px 4px;
                  position: relative;
                  font-weight: bold;
                  margin: 2px;
                  text-align: left;	
                 }

                .listado_recursos .ver  {
                  width: 68px;
                  height: 58px;
                  position: relative;
                  float: left;
                  margin: 2px;
                  cursor:pointer;
                
                }
                .ver img  {
                  width: 62px;
                  padding: 10px 2px 0px 2px;
                  margin: 2px;
                 
                }

                .color_gris{
                  background-color: #cad3e9;
                  border: 1px solid #cad3e9;
                 }
                 .border_azul {
                  background-color: #ffffff;
                  border: 1px solid #005ba1;
                }
          
         
         #listado_recursos_unidad {
	   width: 404px;
	   position: relative;
	   float: left;
	   margin: 0px 0px 0px 0px;
	   padding: 2px 0px 2px 2px;
	   display: inline-block;
	   background-color: #005ba1;
	   
	 }
	 
	 
	 
	 #listado_recursos_unidad .ico {
	   width: 48px;  height: 46px;  position: relative;  float: left;  margin: 2px;  display: inline-block;
	   }
	  #listado_recursos_unidad .ico img {
	   width: 44px;
	   height: 44px;
	   }
	 
.recursos{
	 width: 100%;
	 height: 80vh;
	}
	
        .boton_recursos {
          width: 125px;
          height: 100px;
          z-index: 1000;  
          font-size: 15px;
          text-align: center;
          font-weight: bold;
        }
        .boton_recursos img {
          width: 50px;
          height: 50px;
          margin-top: 25px;
        }

@font-face {
	font-family: "Gotham-light";
	src: url(Gotham-Light.otf) format("opentype");
	font-weight: lighter;
}
@font-face {
	font-family: "Gotham";
	src: url(Gotham-Medium.otf) format("opentype");
	font-weight: normal;
}
@font-face {
	font-family: "Gotham-bold";
	src: url(Gotham-Bold.otf) format("opentype");
	font-weight: bold;
}
/*editado epahl*/
#line{
	position:absolute;
	width:1px;
	background-color:red;
}  


 * { margin: 0 auto; padding: 0;list-style-type: none;  }
body { padding: 0; color: #000; cursor:default; font-family: Arial, Helvetica, sans-serif; font-size: 15px;  }
a { display: block; width: 100%; height: 100%; color: #ffffff;}
a:link, a:visited, a:hover, a:active {text-decoration: none; color: #000000;}

p { font-size: 15px; font-family:Arial, Helvetica, sans-serif; line-height: 22px }

#banda_sup { position: fixed;    z-index:99; top: 0; width: 100%; height: 55px; background-color: /*colorprincipal*/#005BA5;/*-colorprincipal*/ }
#banda_sup_verde { position: fixed;     z-index:99;top: 55px; width: 100%; height: 46px; background-color: /*color4*/#EDC500;/*-color4*/; margin-bottom: 75px }
#banda_sup_naranja { position: fixed;     z-index:99;top: 55px; width: 100%; height: 46px; background-color: #f79349; margin-bottom: 75px }
#banda_sup_azul { position: fixed;    z-index:99; top: 55px; width: 100%; height: 55px; background-color:/*colorsecundario*/#EDC500;/*-colorsecundario*/  }
#banda_sup_rojo { position: fixed;    z-index:99; top: 55px; width: 100%; height: 46px; background-color: #E85252; margin-bottom: 70px }
#banda_sup_activ { position: fixed;    z-index:99; top: 55px; width: 100%; height: 46px; background-color: #b7418e; margin-bottom: 75px;}

#banda_sup_pensa { position: fixed;    z-index:99; top: 55px; width: 100%; height: 46px; background-color: #ffdd00; margin-bottom: 75px }
#banda_sup_progr { position: fixed;    z-index:99; top: 55px; width: 100%; height: 46px; background-color: #fbba00; margin-bottom: 75px }
#banda_sup_infor { position: fixed;    z-index:99; top: 55px; width: 100%; height: 46px; background-color: #f29400; margin-bottom: 75px }
#logo { /*position: absolute; right: 0px ; 	width: 200px;
	height: 45px;background-image: url(../icono.png); background-repeat: round; margin: 5px 30px 0 0*/
background-image: url(../icono.png);
background-repeat: no-repeat;
margin: 5px 30px 0 0;
position: absolute;
right: 30px;
width: 77px;
height: 21px;
margin: 18px auto;

}
#banda_inf { width: 100%; height: 55px; position: fixed; bottom: 0px; background-color: /*colorprincipal*/#005BA5;/*-colorprincipal*/; z-index: 0 }
#principal { position: absolute; width: 45%; max-width: 45%; height: 85%; left: 50%; margin-left: -22.5% }
#portada img { width: auto; max-width: 100%; height: auto; max-height: 100%; margin-top: 0px; z-index: 10; border-radius: 0 0 14px 14px;
	-webkit-box-shadow: 0px 0px 7px 4px rgba(0,0,0,0.30);
	-moz-box-shadow: 0px 0px 7px 4px rgba(0,0,0,0.30);
	box-shadow: 0px 0px 7px 4px rgba(0,0,0,0.30) }



	#creditos {text-transform: uppercase; width: 210px; height: 75px; position: fixed; bottom: 0px; left: 50%; margin-left: -105px; color: #000; background-color:  /*color4*/#EDC500;/*-color4*/; border-radius: 14px 14px 0 0; z-index: 10; text-align: center }
	#creditos:hover { width: 240px; height: 85px; position: fixed; bottom: 0px; left: 50%; margin-left: -120px; color: #000; background-color:  /*color4*/#EDC500;/*-color4*/; border-radius: 14px 14px 0 0; z-index: 10; text-align: center }
	#creditos a { position: absolute; width: 100%; height: 100%; text-decoration: none; color: #000; font-size: 20px;     line-height: 30px;
    padding-top: 15px; }
	#creditos a:hover { font-size: 22px; line-height: 30px; }

    #creditos1 {border: 1px solid #005ba1;text-transform: uppercase; width: 15%; height: 75px; position: fixed; bottom: 0px; left: 33%; margin-left: -105px; color: #000; background-color:  /*color4*/#EDC500;/*-color4*/; border-radius: 14px 14px 0 0; z-index: 10; text-align: center }
	#creditos1:hover { width: 17%; height: 85px; position: fixed; bottom: 0px; left: 33%; margin-left: -120px; color: #000; background-color:  /*color4*/#EDC500;/*-color4*/; border-radius: 14px 14px 0 0; z-index: 10; text-align: center }
	#creditos1 a { 
max-width: 175px;
height: 100%;
text-decoration: none;
color: #000;
font-size: 20px;
line-height: 30px;
padding-top: 15px;
display: inline-block; }
	#creditos1 a:hover { font-size: 22px; line-height: 30px; }

    #creditos2 {border: 1px solid #005ba1;text-transform: uppercase; width: 15%; height: 75px; position: fixed; bottom: 0px; left: 50%; margin-left: -105px; color: #000; background-color: /*color4*/#EDC500;/*-color4*/; border-radius: 14px 14px 0 0; z-index: 10; text-align: center }
	#creditos2:hover { width: 17%; height: 85px; position: fixed; bottom: 0px; left: 50%; margin-left: -120px; color: #000; background-color:  /*color4*/#EDC500;/*-color4*/; border-radius: 14px 14px 0 0; z-index: 10; text-align: center }
	#creditos2 a { /*position: absolute; width: 100%; height: 100%; text-decoration: none; color: #000; font-size: 20px;     line-height: 30px;
    padding-top: 15px;*/
max-width: 175px;
height: 100%;
text-decoration: none;
color: #000;
font-size: 20px;
line-height: 30px;
padding-top: 15px;
display: inline-block; 
	}
	#creditos2 a:hover { font-size: 22px; line-height: 30px; }

    #creditos3 {border: 1px solid #005ba1;text-transform: uppercase; width: 15%; height: 75px; position: fixed; bottom: 0px; left: 67%; margin-left: -105px; color: #000; background-color:  /*color4*/#EDC500;/*-color4*/; border-radius: 14px 14px 0 0; z-index: 10; text-align: center }
	#creditos3:hover { width: 17%; height: 85px; position: fixed; bottom: 0px; left: 67%; margin-left: -120px; color: #000; background-color:  /*color4*/#EDC500;/*-color4*/; border-radius: 14px 14px 0 0; z-index: 10; text-align: center }
	#creditos3 a { /*position: absolute; width: 100%; height: 100%; text-decoration: none; color: #000; font-size: 20px;     line-height: 30px;
    padding-top: 15px;*/
                   max-width: 175px;
height: 100%;
text-decoration: none;
color: #000;
font-size: 20px;
line-height: 30px;
padding-top: 15px;
display: inline-block; 
	}
	#creditos3 a:hover { font-size: 22px;line-height: 30px; }


    #creditos1REC {border: 1px solid #005ba1;text-transform: uppercase; width: 15%; height: 75px; position: fixed; bottom: 0px; left: 33%; margin-left: -105px; color: #000; background-color:  #cad3e9; border-radius: 14px 14px 0 0; z-index: 10; text-align: center }
	#creditos1REC:hover { width: 17%; height: 85px; position: fixed; bottom: 0px; left: 33%; margin-left: -120px; color: #000; background-color:   #cad3e9; border-radius: 14px 14px 0 0; z-index: 10; text-align: center }
	#creditos1REC a { 
max-width: 175px;
height: 100%;
text-decoration: none;
color: #000;
font-size: 20px;
line-height: 30px;
padding-top: 15px;
display: inline-block; }
	#creditos1REC a:hover { font-size: 20px; line-height: 30px; }

    #creditos2REC {border: 1px solid #005ba1;text-transform: uppercase; width: 15%; height: 75px; position: fixed; bottom: 0px; left: 50%; margin-left: -105px; color: #000; background-color: #fff; border-radius: 14px 14px 0 0; z-index: 10; text-align: center }
	#creditos2REC:hover { width: 17%; height: 85px; position: fixed; bottom: 0px; left: 50%; margin-left: -120px; color: #000; background-color:  #fff; border-radius: 14px 14px 0 0; z-index: 10; text-align: center }
	#creditos2REC a { /*position: absolute; width: 100%; height: 100%; text-decoration: none; color: #000; font-size: 20px;     line-height: 30px;
    padding-top: 15px;*/
max-width: 175px;
height: 100%;
text-decoration: none;
color: #000;
font-size: 20px;
line-height: 30px;
padding-top: 15px;
display: inline-block; 
	}
	#creditos2REC a:hover { font-size: 20px; line-height: 30px; }



	#inicio { float: left; position: relative; top: 9px; left: 30px; width: 30px; height: 35px; background-image: url(../img/inicio.png); background-repeat: no-repeat }
	#inicio:hover { background-image: url(../img/inicio_on.png); background-repeat: no-repeat }
	#titulo { float: left; position: relative; left: 55px; top: 14px; color:#fff; font-size:24px; }
	#titulo_banda { float: left; position: relative; left: 85px;line-height: 46px; }
	#numero { position: relative; top: 165px; font-size: 160px; font-weight: bold }
	#ico-audiovisuales { float: left; width: 300px; height: 32px; background-image: url(../img/ico-audiovisuales.png); background-repeat: no-repeat; position: relative; left: 87px; top: 7px }
	#ico-actividades { float: left; width: 300px; height: 32px; background-image: url(../img/ico-actividades.png); background-repeat: no-repeat; position: relative; left: 87px; top: 7px }
	#ico-pensamiento { float: left; width: 300px; height: 32px; background-image: url(../img/ico-pensamiento.png); background-repeat: no-repeat; position: relative; left: 87px; top: 7px }
	#ico-programas { float: left; width: 300px; height: 32px; background-image: url(../img/ico-programas.png); background-repeat: no-repeat; position: relative; left: 87px; top: 7px }
	#ico-informacion { float: left; width: 300px; height: 32px; background-image: url(../img/ico-informacion.png); background-repeat: no-repeat; position: relative; left: 87px; top: 7px }
	#ico-propuesta { float: left; width: 300px; height: 32px; background-image: url(../img/ico-propuesta.png); background-repeat: no-repeat; position: relative; left: 40px; top: 7px }
	#ico-paginas { float: left; width: 300px; height: 32px; background-image: url(../img/ico-paginas.png); background-repeat: no-repeat; position: relative; left: 40px; top: 7px }
	#ico-ejercicios { float: left; width: 300px; height: 38px; background-image: url(../img/ico-ejercicios.png); background-repeat: no-repeat; position: relative; left: 87px; top: 19px }
	#ico-act { float: right; width: 104px; height: 42px; background-image: url(../img/ico-act.png); background-repeat: no-repeat; margin: 19px 25px 0 0 }
	#ico-exp { float: right; width: 119px; height: 42px; background-image: url(../img/ico-exp.png); background-repeat: no-repeat; margin: 19px 87px 0 0 }
	#ico-eva { float: right; width: 111px; height: 42px; background-image: url(../img/ico-eva.png); background-repeat: no-repeat; margin: 19px 87px 0 0 }

	#activi_alum { width: 43px; height: 43px; float: left; background-image: url(../img/icons/activi_alum.png); background-repeat: no-repeat; margin: 0px 5px 0 0;}
	#audio_alum { width: 43px; height: 43px; float: left; background-image: url(../img/icons/audio_alum.png); background-repeat: no-repeat; margin: 0px 5px 0 0;}
	#cancion_alum { width: 43px; height: 43px; float: left; background-image: url(../img/icons/cancion_alum.png); background-repeat: no-repeat; margin: 0px 5px 0 0;}
	#festivals_alum { width: 43px; height: 43px; float: left; background-image: url(../img/icons/festivals_alum.png); background-repeat: no-repeat; margin: 0px 5px 0 0;}
	#flashcards_alum { width: 43px; height: 43px; float: left; background-image: url(../img/icons/flashcards_alum.png); background-repeat: no-repeat; margin: 0px 5px 0 0;}
	#glosario_alum { width: 43px; height: 43px; float: left; background-image: url(../img/icons/glosario_alum.png); background-repeat: no-repeat; margin: 0px 5px 0 0;}
	#juego_alum { width: 43px; height: 43px; float: left; background-image: url(../img/icons/juego_alum.png); background-repeat: no-repeat; margin: 0px 5px 0 0;}
	#karaoke_alum { width: 43px; height: 43px; float: left; background-image: url(../img/icons/karaoke_alum.png); background-repeat: no-repeat; margin: 0px 5px 0 0;}
	#poster_alum { width: 43px; height: 43px; float: left; background-image: url(../img/icons/poster_alum.png); background-repeat: no-repeat; margin: 0px 5px 0 0;}
	#slideshow_alum { width: 43px; height: 43px; float: left; background-image: url(../img/icons/slideshow_alum.png); background-repeat: no-repeat; margin: 0px 5px 0 0;}
	#speaking_alum { width: 43px; height: 43px; float: left; background-image: url(../img/icons/speaking_alum.png); background-repeat: no-repeat; margin: 0px 5px 0 0;}
	#video_com_alum { width: 43px; height: 43px; float: left; background-image: url(../img/icons/video_com_alum.png); background-repeat: no-repeat; margin: 0px 5px 0 0;}
	#video_ext_alum { width: 43px; height: 43px; float: left; background-image: url(../img/icons/video_ext_alum.png); background-repeat: no-repeat; margin: 0px 5px 0 0;}
	#video_inf_alum { width: 43px; height: 43px; float: left; background-image: url(../img/icons/video_inf_alum.png); background-repeat: no-repeat; margin: 0px 5px 0 0;}

	#activi_prof { width: 43px; height: 43px; float: left; background-image: url(../img/icons/activi_prof.png); background-repeat: no-repeat; margin: 0px 5px 0 0;}
	#audio_prof { width: 43px; height: 43px; float: left; background-image: url(../img/icons/audio_prof.png); background-repeat: no-repeat; margin: 0px 5px 0 0;}
	#cancion_prof { width: 43px; height: 43px; float: left; background-image: url(../img/icons/cancion_prof.png); background-repeat: no-repeat; margin: 0px 5px 0 0;}
	#festivals_prof { width: 43px; height: 43px; float: left; background-image: url(../img/icons/festivals_prof.png); background-repeat: no-repeat; margin: 0px 5px 0 0;}
	#flashcards_prof { width: 43px; height: 43px; float: left; background-image: url(../img/icons/flashcards_prof.png); background-repeat: no-repeat; margin: 0px 5px 0 0;}
	#glosario_prof { width: 43px; height: 43px; float: left; background-image: url(../img/icons/glosario_prof.png); background-repeat: no-repeat; margin: 0px 5px 0 0;}
	#juego_prof { width: 43px; height: 43px; float: left; background-image: url(../img/icons/juego_prof.png); background-repeat: no-repeat; margin: 0px 5px 0 0;}
	#karaoke_prof { width: 43px; height: 43px; float: left; background-image: url(../img/icons/karaoke_prof.png); background-repeat: no-repeat; margin: 0px 5px 0 0;}
	#poster_prof { width: 43px; height: 43px; float: left; background-image: url(../img/icons/poster_prof.png); background-repeat: no-repeat; margin: 0px 5px 0 0;}
	#slideshow_prof { width: 43px; height: 43px; float: left; background-image: url(../img/icons/slideshow_prof.png); background-repeat: no-repeat; margin: 0px 5px 0 0;}
	#speaking_prof { width: 43px; height: 43px; float: left; background-image: url(../img/icons/speaking_prof.png); background-repeat: no-repeat; margin: 0px 5px 0 0;}
	#video_com_prof { width: 43px; height: 43px; float: left; background-image: url(../img/icons/video_com_prof.png); background-repeat: no-repeat; margin: 0px 5px 0 0;}
	#video_ext_prof { width: 43px; height: 43px; float: left; background-image: url(../img/icons/video_ext_prof.png); background-repeat: no-repeat; margin: 0px 5px 0 0;}
	#video_inf_prof { width: 43px; height: 43px; float: left; background-image: url(../img/icons/video_inf_prof.png); background-repeat: no-repeat; margin: 0px 5px 0 0;}
    	#rec_prof { width: 43px; height: 43px; float: left; background-image: url(../img/icons/rec_prof.png); background-repeat: no-repeat; margin: 0px 5px 0 0;}

	#ventana_recursos {width: 300px; height: 500px; position: relative; margin-top: -5px; padding-top: 12px; background: url(../img/senal.png) no-repeat 5px 1px; display: none;}
	.listado_recursos {background: #ffffff; width: 100%; padding: 10px 10px 70px 10px; display: table;}
	.listado_recursos p {font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 22px; }

	#listado_indice {width: 300px; height: 500px; position: relative; margin-top: -5px; padding-top: 12px; background: url(../img/senal.png) no-repeat 5px 1px; display: none;}
	.item_indice {background: #ffffff; width: 100%; border-width: 0px 1px 1px 1px; border-style: solid; border-color:#69A0A3; padding:10px; display: table;}
	.item_indice p {font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 22px; margin: 0 auto !important; }


	.fverde { background-color: /*color4*/#EDC500;/*-color4*/ ;}
	.famarillo { background-color: /*color4*/#EDC500;/*-color4*/; }
	.fnaranja { background-color: #fbba00 }
	.fnaranja_misrec { background-color: #e75012 }
	.frojo { background-color: #f29400 }

	.espacio10 { clear: both; float: left; width: 100%; height: 10px }
	.espacio20 { clear: both; float: left; width: 100%; height: 20px }
	.espacio30 { clear: both; float: left; width: 100%; height: 30px }

	.display { display: block }
	.nodisplay { display: none }

	#menu { width: 236px; position: fixed; top: 0px; left: 50%; margin-left: -118px;z-index:101; }
	#menu li {text-transform:uppercase; float: left; width: 235px; height: 72px; border-radius: 0 0 12px 12px; display: inline; margin: 0 7px 0 7px; text-align: center }
	#menu li a { /*width: 200px; height: 60px; line-height: 24px; text-decoration: none; font-size: 19px; font-weight: bold; color: #000; position: relative; top: 12px*/ 
                 max-width: 175px;
height: 100%;
text-decoration: none;
color: #000;
font-size: 20px;
line-height: 30px;
padding-top: 15px;
display: inline-block; 

	}

	#circulo_cent1 { width: 500px; height: 500px; border-radius: 50%; background-color: #c3dadc; position: absolute; top: 50%; margin-top: -265px; left: 50%; margin-left: -250px }
	#circulo_cent2 { width: 350px; height: 350px; border-radius: 50%; background-color: #59989c; position: absolute; top: 50%; margin-top: -175px; left: 50%; margin-left: -175px; color: #fff; text-align: center }
	#circulo_cent3 { width: 500px; height: 500px; border-radius: 50%; background-color: #c3dadc; position: absolute; top: 50%; margin-top: -255px; left: 50%; margin-left: -250px }
	#circulo_cent3b { width: 500px; height: 500px; border-radius: 50%; background-color: #c3dadc; position: absolute; z-index: -5 }
	#circulo_cent4 { width: 350px; height: 350px; border-radius: 50%; background-color: #59989c; position: absolute; top: 50%; margin-top: -175px; left: 50%; margin-left: -175px; color: #fff; text-align: center }
	#titulo_cent { position: relative; top: 60px; font-size: 36px; font-weight: bold; line-height: 36px }
	#numero_cent { position: relative; top: 120px; font-size: 130px; font-weight: bold }
	#ciclo_cent { position: relative; top: 180px; font-size: 26px; font-weight: bold }
	#circulo1 { position: absolute; left: 50%; margin-left: -45px; top: -50px; width: 90px; height: 90px; border-radius: 50%; background-color: #79ccd0; text-align: center; font-size: 46px; font-weight: bold; line-height: 90px; text-decoration: none; color: #000 }
	#circulo1:hover { color: #fff; background-color: #59989c }
	#circulo1_off { position: absolute; left: 50%; margin-left: -45px; top: -50px; width: 90px; height: 90px; border-radius: 50%; background-color: #ccc; text-align: center; font-size: 46px; font-weight: bold; line-height: 90px; text-decoration: none; color: #aaa; cursor: default }
	#circulo2 { position: absolute; left: 332.5px; top: -16px; width: 90px; height: 90px; border-radius: 50%; background-color: #79ccd0; text-align: center; font-size: 46px; font-weight: bold; line-height: 90px; text-decoration: none; color: #000 }
	#circulo2:hover { color: #fff; background-color: #59989c }
	#circulo2_off { position: absolute; left: 332.5px; top: -16px; width: 90px; height: 90px; border-radius: 50%; background-color: #ccc; text-align: center; font-size: 46px; font-weight: bold; line-height: 90px; text-decoration: none; color: #aaa; cursor: default }
	#circulo2_off:hover { color: #ccc; background-color: #aaa; cursor: pointer }
	#circulo3 { position: absolute; left: 431px; top: 77.5px; width: 90px; height: 90px; border-radius: 50%; background-color: #79ccd0; text-align: center; font-size: 46px; font-weight: bold; line-height: 90px; text-decoration: none; color: #000 }
	#circulo3:hover { color: #fff; background-color: #59989c }
	#circulo3_off { position: absolute; left: 431px; top: 77.5px; width: 90px; height: 90px; border-radius: 50%; background-color: #ccc; text-align: center; font-size: 46px; font-weight: bold; line-height: 90px; text-decoration: none; color: #aaa; cursor: default }
	#circulo3_off:hover { color: #ccc; background-color: #aaa; cursor: pointer }
	#circulo4 { position: absolute; left: 460px; top: 205px; width: 90px; height: 90px; border-radius: 50%; background-color: #79ccd0; text-align: center; font-size: 46px; font-weight: bold; line-height: 90px; text-decoration: none; color: #000 }
	#circulo4:hover { color: #fff; background-color: #59989c }
	#circulo4_off { position: absolute; left: 460px; top: 205px; width: 90px; height: 90px; border-radius: 50%; background-color: #ccc; text-align: center; font-size: 46px; font-weight: bold; line-height: 90px; text-decoration: none; color: #aaa; cursor: default }
	#circulo4_off:hover { color: #ccc; background-color: #aaa; cursor: pointer }
	#circulo5 { position: absolute; left: 431px; top: 332.5px; width: 90px; height: 90px; border-radius: 50%; background-color: #79ccd0; text-align: center; font-size: 46px; font-weight: bold; line-height: 90px; text-decoration: none; color: #000 }
	#circulo5:hover { color: #fff; background-color: #59989c }
	#circulo5_off { position: absolute; left: 431px; top: 332.5px; width: 90px; height: 90px; border-radius: 50%; background-color: #ccc; text-align: center; font-size: 46px; font-weight: bold; line-height: 90px; text-decoration: none; color: #aaa; cursor: default }
	#circulo5_off:hover { color: #ccc; background-color: #aaa; cursor: pointer }
	#circulo6 { position: absolute; left: 332.5px; top: 426px; width: 90px; height: 90px; border-radius: 50%; background-color: #79ccd0; text-align: center; font-size: 46px; font-weight: bold; line-height: 90px; text-decoration: none; color: #000 }
	#circulo6:hover { color: #fff; background-color: #59989c }
	#circulo6_off { position: absolute; left: 332.5px; top: 426px; width: 90px; height: 90px; border-radius: 50%; background-color: #ccc; text-align: center; font-size: 46px; font-weight: bold; line-height: 90px; text-decoration: none; color: #aaa; cursor: default }
	#circulo6_off:hover { color: #ccc; background-color: #aaa; cursor: pointer }
	#circulo7 { position: absolute; left: 50%; margin-left: -45px; top: 460px; width: 90px; height: 90px; border-radius: 50%; background-color: #79ccd0; text-align: center; font-size: 46px; font-weight: bold; line-height: 90px; text-decoration: none; color: #000 }
	#circulo7:hover { color: #fff; background-color: #59989c }
	#circulo7_off { position: absolute; left: 50%; margin-left: -45px; top: 460px; width: 90px; height: 90px; border-radius: 50%; background-color: #ccc; text-align: center; font-size: 46px; font-weight: bold; line-height: 90px; text-decoration: none; color: #aaa; cursor: default }
	#circulo7_off:hover { color: #ccc; background-color: #aaa; cursor: pointer }
	#circulo8 { position: absolute; left: 77.5px; top: 426px; width: 90px; height: 90px; border-radius: 50%; background-color: #79ccd0; text-align: center; font-size: 46px; font-weight: bold; line-height: 90px; text-decoration: none; color: #000 }
	#circulo8:hover { color: #fff; background-color: #59989c }
	#circulo8_off { position: absolute; left: 77.5px; top: 426px; width: 90px; height: 90px; border-radius: 50%; background-color: #ccc; text-align: center; font-size: 46px; font-weight: bold; line-height: 90px; text-decoration: none; color: #aaa; cursor: default }
	#circulo8_off:hover { color: #ccc; background-color: #aaa; cursor: pointer }
	#circulo9 { position: absolute; left: -16px; top: 332.5px; width: 90px; height: 90px; border-radius: 50%; background-color: #79ccd0; text-align: center; font-size: 46px; font-weight: bold; line-height: 90px; text-decoration: none; color: #000 }
	#circulo9:hover { color: #fff; background-color: #59989c }
	#circulo9_off { position: absolute; left: -16px; top: 332.5px; width: 90px; height: 90px; border-radius: 50%; background-color: #ccc; text-align: center; font-size: 46px; font-weight: bold; line-height: 90px; text-decoration: none; color: #aaa; cursor: default }
	#circulo9_off:hover { color: #ccc; background-color: #aaa; cursor: pointer }
	#circulo10 { position: absolute; left: -50px; top: 205px; width: 90px; height: 90px; border-radius: 50%; background-color: #79ccd0; text-align: center; font-size: 46px; font-weight: bold; line-height: 90px; text-decoration: none; color: #000 }
	#circulo10:hover { color: #fff; background-color: #59989c }
	#circulo10_off { position: absolute; left: -50px; top: 205px; width: 90px; height: 90px; border-radius: 50%; background-color: #ccc; text-align: center; font-size: 46px; font-weight: bold; line-height: 90px; text-decoration: none; color: #aaa; cursor: default }
	#circulo10_off:hover { color: #ccc; background-color: #aaa; cursor: pointer }
	#circulo11 { position: absolute; left: -16px; top: 77.5px; width: 90px; height: 90px; border-radius: 50%; background-color: #79ccd0; text-align: center; font-size: 46px; font-weight: bold; line-height: 90px; text-decoration: none; color: #000 }
	#circulo11:hover { color: #fff; background-color: #59989c }
	#circulo11_off { position: absolute; left: -16px; top: 77.5px; width: 90px; height: 90px; border-radius: 50%; background-color: #ccc; text-align: center; font-size: 46px; font-weight: bold; line-height: 90px; text-decoration: none; color: #aaa; cursor: default }
	#circulo11_off:hover { color: #ccc; background-color: #aaa; cursor: pointer }
	#circulo12 { position: absolute; left: 77.5px; top: -16px; width: 90px; height: 90px; border-radius: 50%; background-color: #79ccd0; text-align: center; font-size: 46px; font-weight: bold; line-height: 90px; text-decoration: none; color: #000 }
	#circulo12:hover { color: #fff; background-color: #59989c }
	#circulo12_off { position: absolute; left: 77.5px; top: -16px; width: 90px; height: 90px; border-radius: 50%; background-color: #ccc; text-align: center; font-size: 46px; font-weight: bold; line-height: 90px; text-decoration: none; color: #aaa; cursor: default }
	#circulo12_off:hover { color: #ccc; background-color: #aaa; cursor: pointer }

	.descargas_uni:hover { cursor: pointer !important }

	#recursosweb { width: 262px; height: 100px; position: fixed; bottom: 0px; left: 50%; margin-left: -161px; background-color:/*color5*/#CAD3E9;/*-color5*/;z-index: 10; padding: 4px; text-align: center; color: #000000;}
	#recursosweb a, a:visited { font-size: 18pt; position: relative; top: 50px; text-decoration: none; color: #000000;}
	#recursosweb:hover, a:visited  { width: 300px; height: 125px; position: fixed; bottom: 0px; left: 50%; margin-left: -180px;background-color:/*color5*/#CAD3E9;/*-color5*/;z-index: 10; padding: 4px; text-align: center; cursor: pointer;}
	#recursosweb:hover a { font-size: 18pt; position: relative; top: 60px; color: #000000; }
	#recursosweb:hover a, a:visited  { font-size: 18pt; position: relative; top: 60px; color: #000000;}


	#circuloaudiovis { position: absolute; left: 50%; margin-left: -80px; top: -125px; width: 162px; height: 162px; border-radius: 50%; background-image: url(../img/audiovisuales.png); background-repeat: no-repeat }
	#circuloaudiovis:hover { background-image: url(../img/audiovisuales_on.png); background-repeat: no-repeat }
	#circuloaudiovis_off { position: absolute; left: 50%; margin-left: -80px; top: -125px; width: 162px; height: 162px; border-radius: 50%; background-image: url(../img/audiovisuales_off.png); background-repeat: no-repeat; cursor: default }
	#circuloactiv { position: absolute; left: -38px; top: -38px; width: 162px; height: 162px; border-radius: 50%; background-image: url(../img/actividades.png); background-repeat: no-repeat }
	#circuloactiv:hover { background-image: url(../img/actividades_on.png); background-repeat: no-repeat }
	#circuloactiv_off { position: absolute; left: -38px; top: -38px; width: 162px; height: 162px; border-radius: 50%; background-image: url(../img/actividades_off.png); background-repeat: no-repeat; cursor: default }
	#circulopensam { position: absolute; left: -125px; top: 170px; width: 162px; height: 162px; border-radius: 50%; background-image: url(../img/pensamiento.png); background-repeat: no-repeat }
	#circulopensam:hover { background-image: url(../img/pensamiento_on.png); background-repeat: no-repeat }
	#circulopensam_off { position: absolute; left: -125px; top: 170px; width: 162px; height: 162px; border-radius: 50%; background-image: url(../img/pensamiento_off.png); background-repeat: no-repeat; cursor:default }
	#circuloprogr { position: absolute; left: -38px; top: 376px; width: 162px; height: 162px; border-radius: 50%; background-image: url(../img/programas.png); background-repeat: no-repeat }
	#circuloprogr:hover { background-image: url(../img/programas_on.png); background-repeat: no-repeat }
	#circuloprogr_off { position: absolute; left: -38px; top: 376px; width: 162px; height: 162px; border-radius: 50%; background-image: url(../img/programas_off.png); background-repeat: no-repeat; cursor:default }
	#circulodocum { position: absolute; left: 50%; margin-left: -80px; top: 465px; width: 162px; height: 162px; border-radius: 50%; background-image: url(../img/documentacion.png); background-repeat: no-repeat }
	#circulodocum:hover { background-image: url(../img/documentacion_on.png); background-repeat: no-repeat }
	#circulodocum_off { position: absolute; left: 50%; margin-left: -80px; top: 465px; width: 162px; height: 162px; border-radius: 50%; background-image: url(../img/documentacion_off.png); background-repeat: no-repeat; cursor:default }

	#anexos { width: 252px; height: 99px; position: absolute; top: 50%; margin-top: -60px; right: 0; background-image: url(../img/anexos.png); background-repeat: no-repeat; cursor: pointer }
	#anexos_on { width: 189px; height: 30px; position: absolute; top: 50%; right: 0; background-color: #e0f0f0; border-radius: 0 0 0 16px; padding: 60px 20px 45px 20px; z-index: -10 }
	#anexos_on a { float: left; width: auto; text-decoration: none; color: #000; font-family: Arial, Helvetica, sans-serif }
	#anexos_on a:hover { font-family: Arial, Helvetica, sans-serif }
	#anexos_on img { float: left; position: relative; top: 2px; width: 12px; height: 12px; margin-right: 3px }

    #poster { float: right; width: 252px; height: 110px; position: absolute; top: 400px; right: 0; background-color: /*color4*/#EDC500;/*-color4*/; border-radius: 12px 0 0 12px; background-image: url(../img/poster.png); background-repeat: no-repeat; background-position: 40px 19px }
	#flashcards { float: right; width: 252px; height: 110px; position: absolute; top: 525px; right: 0; background-color: /*color4*/#EDC500;/*-color4*/; border-radius: 12px 0 0 12px; background-image: url(../img/flashcards.png); background-repeat: no-repeat; background-position: 40px 19px }




	#propuesta { float: right; width: 252px; height: 110px; position: absolute; top: 100px; right: 0; background-color: #e85252; border-radius: 12px 0 0 12px; background-image: url(../img/propuesta.png); background-repeat: no-repeat; background-position: 40px 10px }
	#recursosp { float: right; width: 252px; height: 110px; position: absolute; top: 225px; right: 0; background-color: #e85252; border-radius: 12px 0 0 12px; background-image: url(../img/recursosp.png); background-repeat: no-repeat; background-position: 40px 10px }


	#bancorec { width: 278px; height: 110px; position: absolute; bottom: 22%; right: 0; background-image: url(../img/banco_recursos.png); background-repeat: no-repeat }

	#paginas { float: left; width: 350px; height: 176px; position: relative; top: 50px; left: -70px; background-color: /*colorsecundario*/#EDC500;/*-colorsecundario*/; border-radius: 0 12px 12px 0; z-index: -10; }
	#paginas img { float: right; position: absolute; right: 40px; top: 30px;}




	#propuesta_cont { width: 958px; height: 639px; background-image: url(../img/propuesta_cont.jpg); background-repeat: no-repeat }

	#flechas { clear: both; width: 146px; height: 32px; position: absolute; left: 45%; margin-top: 7px; text-align: center;}
	#texto_flechas {width: 80px; text-align: center; height: 32px; line-height: 32px; display: inline-block;}
	#texto_flechas .pagina_actual{ width: 28px; color: white; background-color: #798c8d; border-radius: 3px; padding: 2px 0px;}
	#texto_flechas div {display: inline-block;color:#000;}

	.flecha {background-repeat: no-repeat; width: 27px; height: 32px; cursor: pointer; }
	.flecha.izq { float: left; }
	.flecha.der { float: right; }

	.flecha.izq { background-image: url(../img/flecha_izq.png); filter:grayscale(100%) brightness(200%); }
	.flecha.der {  background-image: url(../img/flecha_der.png); filter:grayscale(100%) brightness(200%); }
	.flecha.izq:hover { background-image: url(../img/flecha_izq_on.png); }
	.flecha.der:hover { background-image: url(../img/flecha_der_on.png); }
	.flecha.izq.off { background-image: url(../img/flecha_izq_off.png); }
	.flecha.der.off { background-image: url(../img/flecha_der_off.png); }

	.flecha_prof {background-repeat: no-repeat; width: 27px; height: 32px; cursor: pointer; }
	.flecha_prof.izq { float: left; }
	.flecha_prof.der { float: right; }

	.flecha_prof.izq { background-image: url(../img/flecha_prof_izq.png);  }
	.flecha_prof.der {  background-image: url(../img/flecha_prof_der.png); }
	.flecha_prof.izq:hover { background-image: url(../img/flecha_izq_on.png); }
	.flecha_prof.der:hover { background-image: url(../img/flecha_der_on.png); }
	.flecha_prof.izq.off { background-image: url(../img/flecha_izq_off.png); }
	.flecha_prof.der.off { background-image: url(../img/flecha_der_off.png); }





	#paginas_centro { position: absolute; display: inline-block; text-align: center; z-index: -1; height:100%;  margin: 0 auto 0 auto;}
	#prop { position: absolute; top: 101px; height: 757px; display: inline-block; text-align: center; }

	.recursos { padding-top: 20px; z-index: 2; }
	#recursos_izq { float: left; width: 26px; height: 26px; display: inline-block; text-align: right; margin-top: 20px }
	#recursos_izq p { margin-right: 5px }

	#ico-tipo-1 { width: 26px; height: 26px; background-image: url(../img/ico-tipo-1.png); background-repeat: no-repeat }
	#ico-tipo-1:hover { background-image: url(../img/ico-tipo-1_on.png); background-repeat: no-repeat; cursor: pointer }
	#ico-tipo-2 { width: 26px; height: 26px; background-image: url(../img/ico-tipo-2.png); background-repeat: no-repeat }
	#ico-tipo-2:hover { background-image: url(../img/ico-tipo-2_on.png); background-repeat: no-repeat; cursor: pointer }
	#ico-tipo-3 { width: 26px; height: 26px; background-image: url(../img/ico-tipo-3.png); background-repeat: no-repeat }
	#ico-tipo-3:hover { background-image: url(../img/ico-tipo-3_on.png); background-repeat: no-repeat; cursor: pointer }
	.ico-tipo-1 { width: 26px; height: 26px; background-image: url(../img/ico-tipo-1.png); background-repeat: no-repeat }
	.ico-tipo-1:hover { background-image: url(../img/ico-tipo-1_on.png); background-repeat: no-repeat; cursor: pointer }
	.ico-tipo-2 { width: 26px; height: 26px; background-image: url(../img/ico-tipo-2.png); background-repeat: no-repeat }
	.ico-tipo-2:hover { background-image: url(../img/ico-tipo-2_on.png); background-repeat: no-repeat; cursor: pointer }
	.ico-tipo-3 { width: 26px; height: 26px; background-image: url(../img/ico-tipo-3.png); background-repeat: no-repeat }
	.ico-tipo-3:hover { background-image: url(../img/ico-tipo-3_on.png); background-repeat: no-repeat; cursor: pointer }

	#paginas_cont { position: relative; height: 100%; margin: 0 auto;
		-webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.75);
		-moz-box-shadow: 0 0 6px 0 rgba(0,0,0,0.75);
		box-shadow: 0 0 6px 0 rgba(0,0,0,0.75);
	}

	#paginas_cont2 {position: absolute; top: 0; height: 140px; right: 0px;}
	.flecha_retroceso { float: left; position: absolute; top: 0; left: 0px; width: 88px; height: 140px; background-image: url(../img/flecha_retroceso_on.png); background-repeat: no-repeat; background-position: center; cursor: pointer; z-index: 200 }
	.flecha_retroceso.off { background-image: url(../img/flecha_retroceso.png) }
	.flecha_avance { float: right; position: absolute; top: 0; right: 0px; width: 88px; height: 140px; background-image: url(../img/flecha_avance_on.png); background-repeat: no-repeat; background-position: center; cursor: pointer; z-index: 200 }
	.flecha_avance.off { background-image: url(../img/flecha_avance.png) }

	#recursos_der { float: right; width: 26px; height: 26px; display: inline-block; text-align: left; margin-top: 20px }
	#recursos_der p { margin-left: 5px }

	#ico-tipo-4 { width: 26px; height: 26px; background-image: url(../img/ico-tipo-4.png); background-repeat: no-repeat }
	#ico-tipo-4:hover { background-image: url(../img/ico-tipo-4_on.png); background-repeat: no-repeat; cursor: pointer }
	#ico-tipo-5 { width: 26px; height: 26px; background-image: url(../img/ico-tipo-5.png); background-repeat: no-repeat }
	#ico-tipo-5:hover { background-image: url(../img/ico-tipo-5_on.png); background-repeat: no-repeat; cursor: pointer }
	.ico-tipo-4 { width: 26px; height: 26px; background-image: url(../img/ico-tipo-4.png); background-repeat: no-repeat }
	.ico-tipo-4:hover { background-image: url(../img/ico-tipo-4_on.png); background-repeat: no-repeat; cursor: pointer }
	.ico-tipo-5 { width: 26px; height: 26px; background-image: url(../img/ico-tipo-5.png); background-repeat: no-repeat }
	.ico-tipo-5:hover { background-image: url(../img/ico-tipo-5_on.png); background-repeat: no-repeat; cursor: pointer }


	.icono{ width: 30px; height: 30px; background-repeat: no-repeat; background-size: contain; border: solid 4px rgba(255,255,255,0.8); border-radius: 4px;}
	.icono.izquierda { float: right; background-position: 100%; margin-right: 5px }
	.icono.derecha { float: left; margin-left: 5px }
	.icono.video{ background-image: url(../img/ico-tipo-1.png); }
	.icono.actividad{ background-image: url(../img/icono_actividad.png); }
	.icono.laboratorio{ background-image: url(../img/ico-tipo-3.png); }
	.icono.video2{ background-image: url(../img/ico-tipo-4.png); }
	.icono.musica{ background-image: url(../img/ico-tipo-5.png); }
	.icono.presentacion{ background-image: url(../img/icono_presentacion.png); }
	.icono.imagen{ background-image: url(../img/icono_imagen.png); }
	.icono.grafico{ background-image: url(../img/icono_grafico.png); }
	.icono.profesorimg{ background-image: url(../img/icono_prof.png); }


	.recursos p{
		font-size: 14px !important;
		max-width: 210px;
		line-height: 15px;
		padding: 4px;
		margin-bottom: 20px;
	}

	#paginas_centro.portrait .icono.izquierda{
		margin-bottom: 20px;
		width: 31px;
	}

	.recursos.izq p{float: right; text-align: right;}
	.recursos.der p{float: left; text-align: left}

	#buscador { float: right; position: relative; right: 30px; width: 231px; height: 32px; margin-top: 7px }
	#buscador_cont { float: right; width: 231px; height: 32px }
	#buscador_no { float: right; position: relative; right: 30px; width: 231px; height: 32px; margin-top: 7px }
	#texto_bus { float: left; width: 200px; height: 32px; position: relative; left: 3px }
	#texto_bus input { border: 1px solid #bed3dc; height: 30px }
	#lupa {filter:grayscale(100%) ; position: absolute; right: -11px; width: 31px; height: 32px; background-image: url(../img/lupa.png); background-repeat: no-repeat }
	#lupa_prof {filter:grayscale(100%) ; position: absolute; right: -11px; width: 31px; height: 32px; background-image: url(../img/lupa_prof.png); background-repeat: no-repeat }

	#pd { float: right; width: 51px; height: 32px; position: relative; right: 60px; background-image: url(../img/pd.png); background-repeat: no-repeat; margin-top: 7px }
	#pd:hover { background-image: url(../img/pd_on.png); background-repeat: no-repeat }
	#la { float: right; width: 51px; height: 32px; position: relative; right: 60px; background-image: url(../img/la.png); background-repeat: no-repeat; margin-top: 7px }
	#la:hover { background-image: url(../img/la_on.png); background-repeat: no-repeat }
	#la_prof { float: right; width: 51px; height: 32px; position: relative; right: 60px; background-image: url(../img/la_prof.png); background-repeat: no-repeat; margin-top: 7px }
	#la_prof:hover { background-image: url(../img/la_on.png); background-repeat: no-repeat }


	#miniaturas_la {filter:grayscale(100%) brightness(200%); float: right; width: 41px; height: 32px; position: relative; right: 75px; background-image: url(../img/miniaturas.png); background-repeat: no-repeat; margin-top: 7px }
	#miniaturas_pd { filter:grayscale(100%) brightness(200%); float: right; width: 41px; height: 32px; position: relative; right: 75px; background-image: url(../img/miniaturas.png); background-repeat: no-repeat; margin-top: 7px }
	#miniaturas_la:hover { background-image: url(../img/miniaturas_on.png); background-repeat: no-repeat }
	#miniaturas_pd:hover { background-image: url(../img/miniaturas_on.png); background-repeat: no-repeat }

	#miniaturas_pd_prof { float: right; width: 41px; height: 32px; position: relative; right: 75px; background-image: url(../img/miniaturas_prof.png); background-repeat: no-repeat; margin-top: 7px }
	#miniaturas_pd_prof:hover { background-image: url(../img/miniaturas_on.png); background-repeat: no-repeat }



	#indice { position: relative; float: left; width: 41px; height: 32px;  left: 27px; background-image: url(../img/indice.png); background-repeat: no-repeat; margin-top: 7px;filter:grayscale(100%) brightness(200%); }
	#indice_prof { position: relative; float: left; width: 41px; height: 32px;  left: 27px; background-image: url(../img/indice_prof.png); background-repeat: no-repeat; margin-top: 7px }
	#indice:hover { position: relative; float: left; width: 41px; height: 32px; left: 27px; background-image: url(../img/indice_on.png); background-repeat: no-repeat; margin-top: 7px }
	#indice_prof:hover { position: relative; float: left; width: 41px; height: 32px; left: 27px; background-image: url(../img/indice_on.png); background-repeat: no-repeat; margin-top: 7px }


	.miniaturas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5; z-index: 100 }
	.miniaturas_sup { position: absolute; top: 12%; left: 50%; margin-left: -425.5px; opacity: 1; z-index: 1000 }
	.miniaturas_sub { position: absolute; top: 75%; left: 50%; margin-left: -518.5px; opacity: 1; z-index: 1000 }

	.toogleFit {filter:grayscale(100%) brightness(200%); float: right; width: 40px; height: 32px; position: relative; right: 75px; margin-right: 15px; background-image: url(../img/horizontal-fit.png); background-repeat: no-repeat; margin-top: 7px; background-size: contain; cursor: pointer; }
	.toogleFit.horizontal { background-image: url(../img/icono_pagina_unica.png); }
	.toogleFit.vertical { background-image: url(../img/icono_pagina_doble.png); }
	.toogleFit.horizontal:hover { background-image: url(../img/icono_pagina_unica.png); }
	.toogleFit.vertical:hover { background-image: url(../img/icono_pagina_doble.png); }

	.toogleFit_prof {filter:grayscale(100%) brightness(200%); float: right; width: 40px; height: 32px; position: relative; right: 75px; margin-right: 15px; background-image: url(../img/horizontal-fit.png); background-repeat: no-repeat; margin-top: 7px; background-size: contain; cursor: pointer; }
	.toogleFit_prof.horizontal { background-image: url(../img/icono_pagina_unica_prof.png); }
	.toogleFit_prof.vertical { background-image: url(../img/icono_pagina_doble_prof.png); }
	.toogleFit_prof.horizontal:hover { background-image: url(../img/icono_pagina_unica_prof.png); }
	.toogleFit_prof.vertical:hover { background-image: url(../img/icono_pagina_doble_prof.png); }



	#banrec { float: right; width: 41px; height: 32px; position: relative; right: 47px; background-image: url(../img/banrec_on.png); background-repeat: no-repeat; margin-top: 7px }
    /*#banrec:not(#ventana_recursos) {filter:grayscale(100%) brightness(200%); }*/

	#banrec:hover { background-image: url(../img/banrec_on.png); background-repeat: no-repeat }
	#banrec_prof {filter:grayscale(100%) brightness(200%); float: right; width: 41px; height: 32px; position: relative; right: 47px; background-image: url(../img/banrec_prof.png); background-repeat: no-repeat; margin-top: 7px }
	#banrec_prof:hover { background-image: url(../img/banrec_on.png); background-repeat: no-repeat }



	#volver { position: absolute; width: 30px; height: 36px; background-image: url(../img/volver.png); background-repeat: no-repeat; top: 9px; left: 30px }
	#volver:hover { background-image: url(../img/volver_on.png); background-repeat: no-repeat }

	#herramientas { float: left; position: absolute; width: 610px; height: 55px; left: 50%; margin-left: -305px; }
	#ico-herr-1 { float: left; width: 55px; height: 55px; background-image: url(../img/ico-herr-1.png); background-repeat: no-repeat }
	#ico-herr-1:hover { background-image: url(../img/ico-herr-1_on.png); background-repeat: no-repeat }
	#ico-herr-2 { float: left; width: 55px; height: 55px; background-image: url(../img/ico-herr-2.png); background-repeat: no-repeat }
	#ico-herr-2:hover { background-image: url(../img/ico-herr-2_on.png); background-repeat: no-repeat }
	#ico-herr-3 { float: left; width: 55px; height: 55px; background-image: url(../img/ico-herr-3.png); background-repeat: no-repeat }
	#ico-herr-3:hover { background-image: url(../img/ico-herr-3_on.png); background-repeat: no-repeat }
	#ico-herr-3-2 { float: left; width: 55px; height: 55px; background-image: url(../img/ico-herr-3-2.png); background-repeat: no-repeat }
	#ico-herr-3-2:hover { background-image: url(../img/ico-herr-3-2_on.png); background-repeat: no-repeat }
	#ico-herr-4 { float: left; width: 55px; height: 55px; background-image: url(../img/ico-herr-4.png); background-repeat: no-repeat }
	#ico-herr-4:hover { background-image: url(../img/ico-herr-4_on.png); background-repeat: no-repeat }
	#ico-herr-5 { float: left; width: 55px; height: 55px; background-image: url(../img/ico-herr-5.png); background-repeat: no-repeat }
	#ico-herr-5:hover { background-image: url(../img/ico-herr-5_on.png); background-repeat: no-repeat }
	#ico-herr-6 { float: left; width: 55px; height: 55px; background-image: url(../img/ico-herr-6.png); background-repeat: no-repeat }
	#ico-herr-6:hover { background-image: url(../img/ico-herr-6_on.png); background-repeat: no-repeat }

	#ico-herr-7 { float: left; width: 55px; height: 55px; background-image: url(../img/ico-herr-7.png); background-repeat: no-repeat }
	#ico-herr-7:hover { background-image: url(../img/ico-herr-7_on.png); background-repeat: no-repeat }
	#ico-herr-8 { float: left; width: 55px; height: 55px; background-image: url(../img/ico-herr-8.png); background-repeat: no-repeat }
	#ico-herr-8:hover { background-image: url(../img/ico-herr-8_on.png); background-repeat: no-repeat }
	#ico-herr-9 { float: left; width: 55px; height: 55px; background-image: url(../img/ico-herr-9.png); background-repeat: no-repeat }
	#ico-herr-9:hover { background-image: url(../img/ico-herr-9_on.png); background-repeat: no-repeat }
	#ico-herr-10 { float: left; width: 55px; height: 55px; background-image: url(../img/ico-herr-10.png); background-repeat: no-repeat }
	#ico-herr-10:hover { background-image: url(../img/ico-herr-10_on.png); background-repeat: no-repeat }






	#ayuda { position: absolute; top: 9px; right: 30px; width: 50px; height: 36px; background-image: url(../img/flecha_blanca.png); background-repeat: no-repeat; background-position: 0 5px }
	#ayuda a { font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
	#ayuda:hover { background-image: url(../img/flecha_blanca_on.png); background-repeat: no-repeat; font-weight: bold }
	#ayuda a:visited { color: #000 }

	#lista_recursos { clear: both; position: absolute; width: 70%; top: 150px; left: 50%; margin-left: -30%;    margin-bottom: 75px; }
	.recurso { /*clear: both; float: left; position: relative; width: 60%; height: 40px; border: 1px solid #000;  border-right: none; padding: 22px 10px 10px 16px*/
                   clear: both;
    float: left;
    position: relative;
    width: 60%;
    height: 40px;
    border: 1px solid #000;
border-right: none; 
    padding: 22px 10px 10px 16px;
	}
	.recurso0 { clear: both; float: left; position: relative; width: 60%; height: 40px; border: 1px solid #fff; border-bottom: none; padding: 22px 10px 10px 16px }
	.ico-recursos { float: left; width: 38px; height: 38px }
	.ico-recursos img { float: left; margin-right: 12px }
	.txt-recursos { float: left; margin-left: 2px; max-width: 80%;  font-size: 21px }
	.txt-recursos img { margin: 0 5px 0 0; position: relative; top: -1px }
	.txt-recursos a { display: inline; text-decoration: none; padding: 7px 10px 0 0; font-size: 21px; color: #000 }
	.alumnos { float: left; position: relative; width: 8%; height: 40px; border: 1px solid #000;  border-right: none; border-left: none;  padding: 22px 10px 10px 22px;text-align:center; }
	.alumnos0 { float: left; position: relative; width: 8%; height: 40px; border: 1px solid #fff; border-bottom: none; border-right: none; padding: 22px 10px 10px 22px; background-image: url(../img/alumnos.png); background-repeat: no-repeat; background-position: bottom center }
	.alumnos img { position: relative; top: 4px; left: 10px }
	.profesor { float: left; position: relative; width: 8%; height: 40px; border: 1px solid #000;  border-left: none;  padding: 22px 10px 10px 22px;text-align:center;  }
	.profesor0 { float: left; position: relative; width: 8%; height: 40px; border: 1px solid #fff; border-bottom: none; padding: 22px 10px 10px 22px; background-image: url(../img/profesor.png); background-repeat: no-repeat; background-position: bottom center }
	.rec_ult { border-bottom: 1px solid #000 }
	.profesor img { position: relative; top: 4px; left: 10px }

	.recurso_borde {clear: both; float: left; position: relative; width: 60%; height: 40px; border: 1px solid #000; border-bottom: none; padding: 22px 10px 10px 16px }
	.ultimo {border-bottom: 1px solid #000;}

	ul.ul-flecha { list-style-image: url(../img/flecha.png); margin-left: 19px }
	ul.ul-flecha li { font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px; line-height: 22px }
	#descarga_p { width: 55px; height: 37px; border-radius: 50%; background-color: #ddd; text-align: center; font-size: 30px; font-weight: bold; padding-top: 18px }
	#descarga_l { width: 55px; height: 37px; border-radius: 50%; background-color: #88cbce; text-align: center; font-size: 30px; font-weight: bold; padding-top: 18px }
	#descarga_c { width: 55px; height: 37px; border-radius: 50%; background-color: #d3d500; text-align: center; font-size: 30px; font-weight: bold; padding-top: 18px }

	.ico_izq { float: left; width: 34px; height: 34px; margin-right: 10px; margin-bottom: 5px }
	.ico_izq_txt { float: left; width: auto; height: auto }

	.light { font-family: Arial, Helvetica, sans-serif }
	.normal { font-family: Arial, Helvetica, sans-serif }
	.clear { clear: both }

	#no_mostrar { clear: both; width: 460px; height: 29px; font-size: 16px; text-align: center; border-radius: 12px; background-color: #79ccd0; padding-top: 11px }
	#no_mostrar:hover { color: #fff; background-color: #5a9a9d; cursor: pointer } 
	#no_mostrar input { margin-right: 10px }

	#descargas { float: left; position: relative; top: 9px; left: 30px; width: 36px; height: 36px; background-image: url(../img/descargas.png); background-repeat: no-repeat; cursor: pointer }
	#descargas:hover { background-image: url(../img/descargas_on.png); background-repeat: no-repeat }
	#lista_descargas { float: left; position: absolute; width: 70%; left: 50%; margin-left: -30% }
	.tab_descargas { width: 78%; height: auto }
	.tab_descargas td { font-family: Arial, Helvetica, sans-serif; padding: 10px 5px 10px 0; text-align: center }
	.tab_descargas td.azul { color: #59989c }
	.td_azul1 { background-color: #aecbd8 }
	.td_azul2 { background-color: #e5eef3; text-align: left !important; padding-left: 20px !important }
	.btop { border-top: 1px solid #000 }
	.bright { border-right: 1px solid #000 }
	.bbottom { border-bottom: 1px solid #000 }
	.bleft { border-left: 1px solid #000 }
	.border_no { border: none }

	#espacio { width: 78%; height: 50px; margin-top: 10px; font-family: Arial, Helvetica, sans-serif }

	#leyendas_des { float: right; position: absolute; left: 88%; top: 77%; font-family: Arial, Helvetica, sans-serif !important }
	#leyendas_des img { width: 22px; position: relative; top: 6px; margin-bottom: 3px }
	#leyendas_des_uni { float: right; position: absolute; left: 88%; top: 36%; font-family: Arial, Helvetica, sans-serif !important }
	#leyendas_des_uni img { width: 22px; position: relative; top: 6px; margin-bottom: 3px }

	/*-----------------los mios-----------------------*/
	.bombilla{
display:none;
	}
	.circulo {
		width: 400px;
		height: 400px;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
	}

	.rectangulo{
		width: 100px;
		height: 25px;
		margin: 10px auto;
		position: relative;
         /*bombilla*/display:none;/*-bombilla*/
	}
	.semi-circulo {
		width: 50px; 
		height: 25px; 
		-moz-border-radius:  0 0 50px 50px;
		-webkit-border-radius:  0 0 50px 50px;
		border-radius:  0 0 50px 50px;
		margin: 10px auto;
		position: relative;
         /*bombilla*/display:none;/*-bombilla*/
	}

	.bombillap{
		width:245px;
		height: 250px;
		position: relative;
		float: left;
		margin: 0px 0px 65px 65px;
	}

    	.bombillapUnidad{
		width:245px;
		height: 230px;
		position: relative;
		float: left;
        margin: 0px 0px 0 65px;

	}

	.circulop2 {
            width: 75px;
            height: 50px;
            border-top-right-radius: 150px;
            background: /*colortexto*/#AE0F17;/*-colortexto*/;
            cursor: pointer;
            border-top-left-radius: 150px;
            margin: 0;
            -webkit-border-top-left-radius: 150px;
            -webkit-border-top-right-radius: 150px;
            -moz-border-top-left-radius: 150px;
            -moz-border-top-right-radius: 150px;
	}

   .circulop {
            width: 100px;
            height: 70px;
            float: left;
            margin-top: 0px;
            background: /*colortexto*/#AE0F17;/*-colortexto*/;
            border-radius: 53px;
            padding-top: 30px;
            color:  #fff;
            font-size: 65px;
            text-align: center;
            font-weight: 550;
            font-stretch: normal;
                        line-height:18px;
        }

	.rectangulop{
		width: 38px;
		height: 10px;
		margin: 5px auto;
		position: relative;
		background: #c5c6c8;
         /*bombilla*/display:none;/*-bombilla*/
	}
	.semi-circulop {
		width: 20px; 
		height: 10px; 
		-moz-border-radius:  0 0 10px 10px;
		-webkit-border-radius:  0 0 10px 10px;
		border-radius:  0 0 10px 10px;
		margin: 5px auto;
		position: relative;
		background: #c5c6c8;
         /*bombilla*/display:none;/*-bombilla*/
	}



	.actualizar {
		width: 29px;
		height: 29px;
		background: url(../img/actualizar.png) no-repeat;
		z-index: 100px;
		position: absolute;
		left:57px;
		top:-15px;
	}

    #content_unidad > div.bombilla > div.circulo.amarillo
    {
        display:table-cell;
            vertical-align: middle;
    }

	.asignatura {
		position: relative;
		width: 80%;
		font-size: 34pt;
		line-height: 35pt;
		min-height: 70pt;
		font-weight: bold;
		text-align: center;
        
	    margin: auto;
        padding: 0;
        padding-top:20px;
	}

	.curso {
		width: 80%;
		position: relative;
		font-size: 120pt;
		line-height: 120pt;
		font-weight: bold;
		text-align: center;
	}
	.etapa {	
		width: 80%;
		position: relative;
		font-size: 18pt;
		line-height: 25pt;
		font-weight: bold;
		text-align: center;
	}
	.numero_indice{
        font-size: 36pt;
        /*font-weight: bold;*/
        text-align: center;
        color:#fff;
	}

	.titulo_unidad2 {
        font-size: 14pt;
        text-align: center;
        background-color: /*color5*/#CAD3E9;/*-color5*/;
        width: 250px;
        height: 90px;
        padding-top: 20px;

        border-radius: 0px 30px 30px 30px;
        -moz-border-radius: 0px 30px 30px 30px;
        -webkit-border-radius: 0px 30px 30px 30px;

        /*border-top-right-radius: 15px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;

        -webkit-border-top-right-radius: 15px;
        -webkit-border-bottom-left-radius: 15px;
        -webkit-border-bottom-right-radius: 15px;
        
        -moz-border-top-right-radius: 15px;
        -moz-border-bottom-left-radius: 15px;
        -moz-border-bottom-right-radius: 15px;*/
	}

    .titulo_unidad {
    position: relative;
    float: left;
    margin-top: -39px;
    background: /*color5*/#CAD3E9;/*-color5*/;
    border-radius: 0px 30px 30px 30px;
    -moz-border-radius: 0px 30px 30px 30px;
    -webkit-border-radius: 0px 30px 30px 30px;
    width: 210px;
    height: 90px;
    padding: 24px 20px 0px 20px;
    color: #000000;
    font-size: 20px;
    line-height: 24px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}

	.fin{margin-right: 0px;}

	.blanco {color: #ffffff;}
	.amarillo { background: /*color5*/#CAD3E9;/*-color5*/;}
	.gris { background: #c5c6c8;}
	.verde { background: #becd00;}
	.azul { background: #76c9de;}
	.negro {color: #000000;}


	.selected {background: #becd00; }


	#content {margin: 10% auto; width: 80%; display: table;}
	#content_unidad {position: relative; margin: 10% 0 0 5%;height: auto; width: 778px;}
	#menu_unidad {position: relative; float: left; top: 70px; left: -70px; width: 350px; z-index:-1;}



	/*-----------------------fin mios--------------------------- */

	/* Large desktop */
	@media (min-width: 1201px) {
		#content {margin: 10% auto; width: 100%;  display: table;}

	}

	@media (min-width: 980px) and (max-width: 1200px){
		body { background: ffffff;}
		#paginas { left: -80px;}
		#menu_unidad { left: -80px;}			
		#content_unidad {position: relative; margin: 10% 0 0 0%;height: auto; width: 778px;}		
		#content {margin: 15% auto; width: 95%; display: table;}

		.bombilla{
display:none;
 
		}
		.circulo {
			width: 350px;
			height: 350px;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
			border-radius: 50%;
		}

		.rectangulo{
			width: 100px;
			height: 25px;
			margin: 10px auto;
			position: relative;
		}
		.semi-circulo {
			width: 50px; 
			height: 25px; 
			-moz-border-radius:  0 0 50px 50px;
			-webkit-border-radius:  0 0 50px 50px;
			border-radius:  0 0 50px 50px;
			margin: 10px auto;
			position: relative;
		}


		/*.bombillap {
			width: 245px;
			height: 250px;
			position: relative;
			float: left;
			margin: 0px 0px 20px 30px;
		}*/


		.asignatura {
			position: relative;
			width: 100%;
			font-size: 34pt;
			line-height: 35pt;
			min-height: 70pt;
			font-weight: bold;
			text-align: center;
			padding-top: 32px;
		}
		.blanco {color: #ffffff;}
		.amarillo { background: /*color5*/#CAD3E9;/*-color5*/;}
		.gris { background: #c5c6c8;}
		.verde { background: #becd00;}
		.azul { background: #76c9de;}

	}

	/* Portrait tablet to landscape and desktop */
	@media (min-width: 768px) and (max-width: 979px) { 
		body { background: #ffffff;}
		#paginas { left: -80px;}
		#menu_unidad { left: -80px;}
		#content_unidad {position: relative; margin: 10% 0 0 0%;height: auto; width: 778px;}

		#content {margin: 10% auto; width: 90%; display: table;}
		.bombilla{
			width:400px;
			height: 400px;
			position: relative;
			float: left;
			margin-rigt: 0%;
			margin-bottom: 50%;
			
		}
		.circulo {
			width: 350px;
			height: 350px;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
			border-radius: 50%;
		}

		.rectangulo{
			width: 100px;
			height: 25px;
			margin: 10px auto;
			position: relative;
		}
		.semi-circulo {
			width: 50px; 
			height: 25px; 
			-moz-border-radius:  0 0 50px 50px;
			-webkit-border-radius:  0 0 50px 50px;
			border-radius:  0 0 50px 50px;
			margin: 10px auto;
			position: relative;
		}


		/*.bombillap {
			width: 235px;
			height: 250px;
			position: relative;
			float: left;
			margin: 0px 0px 20px 30px;
		}*/
		.asignatura {
			position: relative;
			width: 100%;
			font-size: 34pt;
			line-height: 35pt;
			min-height: 70pt;
			font-weight: bold;
			text-align: center;
			padding-top: 32px;
		}
		.blanco {color: #ffffff;}
		.amarillo { background: /*color5*/#CAD3E9;/*-color5*/}
		.gris { background: #c5c6c8;}
		.verde { background: #becd00;}
		.azul { background: #76c9de;}

	}

	/* Landscape phone to portrait tablet */
	@media (max-width: 767px) { ... }

	/* Landscape phones and down */
	@media (max-width: 480px) { ... }






	/* iPads (portrait and landscape) ----------- */
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { }

	/* iPads (landscape) ----------- */
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 
		#content_unidad {position: relative; margin: 8% 0 0 0%;height: auto; width: 778px;}
		#poster {top: 375px; }
		#flashcards { top: 500px; }
		#content {margin: 9% auto; width: 100%; display: table;}


		.bombilla{
			width:400px;
			height: 400px;
			position: relative;
			float: left;
			margin-rigt: 0%;
			margin-bottom: 50%;
			
		}
		.circulo {
			width: 365px;
			height: 365px;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
			border-radius: 50%;
		}

		.rectangulo{
			width: 100px;
			height: 25px;
			margin: 10px auto;
			position: relative;
		}
		.semi-circulo {
			width: 50px; 
			height: 25px; 
			-moz-border-radius:  0 0 50px 50px;
			-webkit-border-radius:  0 0 50px 50px;
			border-radius:  0 0 50px 50px;
			margin: 10px auto;
			position: relative;
		}
		/*.bombillap{
			width:235px;
			height: 250px;
			position: relative;
			float: left;
			margin: 0px 0px 30px 40px;
		}*/
		.circulop2 {
            width: 75px;
            height: 50px;
            border-top-right-radius: 150px;
            background: /*color5*/#CAD3E9;/*-color5*/;
            cursor: pointer;
            border-top-left-radius: 150px;
            margin: 0;
            -webkit-border-top-left-radius: 150px;
            -webkit-border-top-right-radius: 150px;
            -moz-border-top-left-radius: 150px;
            -moz-border-top-right-radius: 150px;

		}
        .circulop {
            width: 100px;
            height: 70px;
            float: left;
            margin-top: 0px;
            background: /*colortexto*/#AE0F17;/*-colortexto*/;
            border-radius: 53px;
            padding-top: 30px;
            color: #ffffff;
            font-size: 65px;
            text-align: center;
            font-weight: 550;
            font-stretch: normal;
            line-height:18px;
        }

		.rectangulop{
			width: 36px;
			height: 10px;
			margin: 5px auto;
			position: relative;
			background: #c5c6c8;
		}
		.semi-circulop {
			width: 20px; 
			height: 10px; 
			-moz-border-radius:  0 0 10px 10px;
			-webkit-border-radius:  0 0 10px 10px;
			border-radius:  0 0 10px 10px;
			margin: 5px auto;
			position: relative;
			background: #c5c6c8;
		}
		#recursosweb { width: 242px; height: 80px; position: fixed; bottom: 0px; left: 50%; margin-left: -121px; background-color:/*color5*/#CAD3E9;/*-color5*/;z-index: 10; padding: 4px; text-align: center; color: #000000;}

		.blanco {color: #ffffff;}
		.amarillo { background: /*color5*/#CAD3E9;/*-color5*/}
		.gris { background: #c5c6c8;}
		.verde { background: #becd00;}
		.azul { background: #76c9de;}

	}

	/* iPads (portrait) ----------- */
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { }

	/* Desktops and laptops ----------- */
	@media only screen and (min-width : 1224px) {
		#content {margin: 10% auto; width: 95%;  display: table;}

	}

	/* Large screens ----------- */
	@media only screen and (min-width : 1824px) {
		#content {margin: 10% auto; width: 80%;  display: table;}
	}




/*
 _   _                               
| | | | ___ _ __ _ __ ___   ___  ___ 
| |_| |/ _ \ '__| '_ ` _ \ / _ \/ __|
|  _  |  __/ |  | | | | | |  __/\__ \
|_| |_|\___|_|  |_| |_| |_|\___||___/

*/

/* Hermes /////////////////////////////////// */



#menu1 { display: /*menu1visible*//*-menu1visible*/ !important; }
#menu2 { display: /*menu2visible*//*-menu2visible*/ !important; }
#menu3 { display: /*menu3visible*/ none /*-menu3visible*/ !important; }
#menu4 { display: /*menu4visible*/ none /*-menu4visible*/ !important; }
#menu5 { display: /*menu5visible*/ none /*-menu5visible*/ !important; }


#creditos1 { display: /*menu2visible*//*-menu2visible*/ !important; }
#creditos2 { display: /*menu3visible*/ none /*-menu3visible*/ !important; }
#creditos3 { display: /*menu4visible*/ none /*-menu4visible*/ !important; }

#recursosweb table {
	width: 100%;
	height: 100%;
	border-width: 2px;
	border-style: dotted;
	border-color: #ffffff;
	font-size: 18pt;
}

#recursosweb table td {
	background: /*colortexto*/#AE0F17;/*-colortexto*/;
	font-size: 18pt;
}

#popup {
	display: none;
	left: 0;
	position: absolute;
	top: 0; width: 100%;
	z-index: 10001;
	margin-top: 100px;
}

.popupback {
	background: rgba(255, 255, 255, .65);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10000;
	display: none;
}

#popup iframe {
	border: none;
	width: 100%;
	height:100%;
}

.content-popup {
	margin: 0px auto;
	position: relative;
	width: 70%;
	background-color: #FFF;
	border: 1px solid #000;
	height: 100%;
	padding: 20px;
	box-sizing: border-box;
}

.content-popup p {
	font-size: 12px;
	margin-bottom: 10px;
}

.creditos_tit {
	font-size: 12px;
	color:  /*color4*/#EDC500;/*-color4*/;
}

.content-popup h2 {
	color: #48484B;
	border-bottom: 1px solid #48484B;
	margin-top: 0;
	padding-bottom: 4px;
}

.popup-overlay {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 999;
	display: none;
	background-color: #fff;
	cursor: pointer;
	opacity: 0.7;
}

.close {
	position: absolute;
	top: -16px;
	right: -16px;
}

#popup_des {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1001;
}

#menu_unidad {
	margin-bottom: 128px;
}

#menu_unidad .menu {
    width: auto;
    height: auto;
}

#menu_unidad .menu > li > a {
	background-color: /*color4*/#EDC500;/*-color4*/;
	border-radius: 0px 12px 12px 0px;
	-webkit-box-shadow: inset 0px 1px 0px 0px #F3F4CC;
	-moz-box-shadow: inset 0px 1px 0px 0px #F3F4CC;
	box-shadow: inset 0px 1px 0px 0px #F3F4CC;
	width: 100%;
	height: 40px;
	font-size: 15px;
	line-height: 40px;
	text-indent: 80px;
	display: block;
	position: relative;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	color: #000000;
	text-transform: uppercase;
}

#menu_unidad .menu > li > ul > ul {
	background-color: #F3F4CC;
	border-radius: 0px 0px 14px 14px;
}

#menu_unidad .menu > li > ul > li{
	background-color: #F3F4CC;
	margin-left: 50px;
	font-size: 15px;
	line-height:40px;
	text-indent: 30px;
	border-bottom: 2px dotted #d3d82a;
	text-transform: uppercase;
}

#menu_unidad .otro{
	background-color: ;
	margin-left: 10px;
	font-size: 12px;
	line-height:30px;
	text-indent: 30px;
	text-transform: none;
	font-weight: normal;
	background: #F3F4CC url(../img/fle_abajo.png) no-repeat 95% 10px;
}

#menu_unidad .menu > li > ul >li a{
	line-height:40px;
}

#menu_unidad .menu > li > ul >li.ultimo {border-radius: 0px 0px 14px 14px;}

#menu_unidad .otro li {
    font-size: 13px;
    line-height: 30px;
    text-indent: 50px;
    text-transform: uppercase;
    font-weight: normal;

}

#paginas a span {
    font-size: 19px !important;
    position: absolute;
    margin-top: 135px;
    width: 200px;
    text-align: center;
    right: 15px;
    line-height: 20px;
    color: #FFF;
}

div .titleoption, div .titleoption-min {
	color: #FFF;
	position: absolute;
	top: 64px;
	left: 50px;
	font-size: 20px;
	display: inline-block;
	width: 150px;
	line-height: 20px;
}

div .titleoption-min {
	top: 74px;
	left: 50px;
}

#banda_sup_rojo .info, #banda_sup_azul .info, #banda_sup_verde .info {
	float: left;
	width: 300px;
	height: 32px;
	position: relative;
	left: 87px;
	top: 7px;
	color: #FFF;
    z-index:99;
}

#texto_flechas .pagina_actual {
    background-color: white !important;
}

.listado_recursos p {
	margin: 0px !important;
    margin-right: 5px !important;
}

#ventana_recursos-content {
	max-height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
	border-bottom: 1px solid #69A0A3;
	border-right: 1px solid #69A0A3;
}

.listado_recursos:last-child {
	border-bottom: none;
}

.herramientalapiz.active {
	background-image: url(../img/ico-herr-5_on.png) !important;
}

.herramientaformas.active {
	background-image: url(../img/ico-herr-6_on.png) !important;
}

.item-recurso:last-child>div {
	border-bottom: 1px solid #000;
}

#content * {
	outline: 0;
}

.popupiframe {
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	width: 100%;
	height:100%;
}

.maximize, .restaurar {
	z-index: 1000;
	position: absolute;
	top: -16px;
	right: 20px;
}

.restaurar {
	display: none;
}

.minimize {
	z-index: 1000;
	position: absolute;
	top: -16px;
	right: 60px;
}

.content-popup iframe {
	overflow: auto;
}

.content-popup.minimized {
	width: 200px !important;
	padding: 8px !important;
	overflow: none !important;
}

.content-popup.minimized * {
	opacity: 0;
}

.content-popup.minimized.minaudio * {
	opacity: 1;
}

.titlemin {
	opacity: 1 !important;
}

#popup.minimized {
	margin-left: 0px !important;
	height: 40px !important;
	top: auto !important;
	bottom: 7px !important;
	left: 100px !important;
	width: auto !important;
}

.restaurar.minimized {
	opacity: 1 !important;
	top: 3px !important;
	right: -38px !important;
}

.restaurar.minimized * {
	opacity: 1;
}

.close.minimized {
	opacity: 1 !important;
	top: 3px !important;
	right: -72px !important;
}

.close.minimized * {
	opacity: 1;
}

.activi_profVISOR {
 width: 24px !important;
 height: 24px !important;
 background-size: 100% auto !important;
}

#ico-paginas {
 width: 120px;
}

		/*.bombilla{
display:table;
 
		}*/
        .tablecell
        {
            display:table-cell;
            vertical-align:middle ;
        }



/* /////////////////////////////////// Hermes */