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

Colores librogeno:

colortexto
colorprincipal
colorsecundario
    color4
    color5

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


@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:auto; font-family: Gotham; 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: Gotham-light; line-height: 22px }

#banda_sup { position: fixed;    z-index:99; top: 0; width: 100%; height: 55px; background-color: /*colorprincipal*//*-colorprincipal*/ }
#banda_sup_verde { position: fixed;     z-index:99;top: 55px; width: 100%; height: 46px; background-color: /*color4*//*-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: 46px; background-color:/*colorsecundario*//*-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: no-repeat; margin: 5px 30px 0 0 }
#banda_inf { width: 100%; height: 55px; position: fixed;z-index:8; bottom: 0px; background-color: /*colorprincipal*//*-colorprincipal*/; }
#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 { width: 210px; height: 75px; position: fixed; bottom: 0px; left: 50%; margin-left: -105px; color: #fff; background-color: #58999d; 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: #fff; background-color: #58999d; border-radius: 14px 14px 0 0; z-index: 10; text-align: center }
	#creditos a { position: absolute; width: 100%; height: 100%; text-decoration: none; color: #fff; font-size: 20px; line-height: 52px }
	#creditos a:hover { font-size: 22px; line-height: 62px }
	#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: 28px }
	#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;}
        #link_prof { width: 43px; height: 43px; float: left; background-image: url(../img/icons/link.png); background-repeat: round; margin: 0px 5px 0 0;}
        #magazine_prof { width: 43px; height: 43px; float: left; background-image: url(../img/icons/magazine.png); background-repeat: round; 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%; border-width: 0px 1px 1px 1px; border-style: solid; border-color:#69A0A3; padding:10px; display: table;}
	.listado_recursos p {font-size: 13px; font-family: Gotham-light; 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: Gotham-light; line-height: 22px; margin: 0 auto !important; }


	.fverde { background-color: /*color4*//*-color4*/ ;}
	.famarillo { background-color: /*color4*//*-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: 776px; position: fixed; top: 0px; left: 50%; margin-left: -388px;z-index:101; }
	#menu li { 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 }

	#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*//*-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*//*-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: Gotham-light }
	#anexos_on a:hover { font-family: Gotham }
	#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: 370px; right: 0; background-color: /*color4*//*-color4*/; border-radius: 12px 0 0 12px; background-image: url(../img/poster.png); background-repeat: no-repeat; background-position: 40px 19px ;transform: scale(0.8);transform-origin: right; }
	#flashcards { float: right; width: 252px; height: 110px; position: absolute; top: 470px; right: 0; background-color: /*color4*//*-color4*/; border-radius: 12px 0 0 12px; background-image: url(../img/flashcards.png); background-repeat: no-repeat; background-position: 40px 19px ;transform: scale(0.8);transform-origin: right; }


    #propuesta { float: right; width: 252px; height: 110px; position: absolute; top: 70px; 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;transform: scale(0.8);transform-origin: right; }
	#recursosp { float: right; width: 252px; height: 110px; position: absolute; top: 170px; 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;transform: scale(0.8);transform-origin: right; }

    	#starter { float: right; width: 252px; height: 110px; position: absolute; top: 270px; right: 0; background-color: #59989C; border-radius: 12px 0 0 12px; background-image: url(../img/propuesta.png); background-repeat: no-repeat; background-position: 40px 10px;transform: scale(0.8);transform-origin: right; }

	#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*//*-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;}

	.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: 35px; height: 32px; position: relative; right: 75px; margin-right: 15px; background-image: url(../img/horizontal-fit.png); background-repeat: no-repeat; margin-top: 11px; 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: Gotham-light; 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: Gotham-light; 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: Gotham-light }
	.normal { font-family: Gotham }
	.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: Gotham-Light; 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: Gotham-Light }

	#leyendas_des { float: right; position: absolute; left: 88%; top: 77%; font-family: Gotham-light !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: Gotham-light !important }
	#leyendas_des_uni img { width: 22px; position: relative; top: 6px; margin-bottom: 3px }

	/*-----------------los mios-----------------------*/
	.bombilla{
		width:400px;
		height: 400px;
		position: relative;
		float: left;
	}
	.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*//*-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*//*-bombilla*/
	}

	.bombillap, .minibombillap {
        		width:145px;
		height: 250px;
		position: relative;
		float: left;
		margin: 0px;
	}
	.circulop, .minicirculop {
		width: 145px;
		height: 145px;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		background: #c5c6c8;
		cursor: pointer;
	}

	.rectangulop, .minirectangulop{
		width: 38px;
		height: 10px;
		margin: 5px auto;
		position: relative;
		background: #c5c6c8;
         /*bombilla*//*-bombilla*/
	}
	.semi-circulop, .minisemi-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*//*-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, .mininumero_indice{
		width: 100%;
		position: relative;
		font-size: 40pt;
		line-height: 145px;
		font-weight: bold;
		text-align: center;
	}
	.titulo_unidad, .minititulo_unidad {
		width: 100%;
		font-size: 14pt;
		margin-top: 14pt;
		text-align: center;
	}




	


	.fin{margin-right: 0px;}

	.blanco {color: #ffffff;}
	.amarillo { background: /*color5*//*-color5*/}
	.gris { background: #c5c6c8;}
	.verde { background: /*colorprincipal*//*-colorprincipal*/}    /*#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: 800px;}
	#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: 9% auto; width: 100%; display: table;}

		.bombilla{
		width: 400px;
		height: 400px;
			position: relative;
			float: left;
			margin-rigt: 0%;
 
		}
		.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: 145px;
			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*//*-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: 145px;
			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*//*-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:145px;
			height: 250px;
			position: relative;
			float: left;
			margin: 0px;
		}
		.circulop {
			width: 140px;
			height: 140px;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
			border-radius: 50%;
			background: #c5c6c8;
			cursor: pointer;
		}

		.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*//*-color5*/;z-index: 10; padding: 4px; text-align: center; color: #000000;}

		.blanco {color: #ffffff;}
		.amarillo { background: /*color5*//*-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*//*-menu3visible*/ !important; }
#menu4 { display: /*menu4visible*//*-menu4visible*/ !important; }
#menu5 { display: /*menu5visible*//*-menu5visible*/ !important; }

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

#recursosweb table td {
	background: /*colortexto*//*-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*//*-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*//*-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;
		position: fixed;
}

.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 ;
        }




        	#herramientas { 
		/*float: left;*/ 
		position: fixed; 
		width: 111px; 
		height: auto; 
		left: auto;
		/*left: 50%;*/
		/*margin-left: -305px; */
		top: 140px;
		right: 300px;
		margin: 0px;
		background: #bdd3dd;
		/*border-radius: 14px;*/
		border: 1px solid #9cb8be;
		border-top-width: 15px;
		display: none;
	}

	.cerrarherramientas {
position: absolute;
top: -24px;
right: -14px;
font-size: 40px;
color: #6d8888;
background: #FFF;
/*width: 15px;*/
text-align: center;
line-height: 25px;
border-radius: 100%;
border: 1px solid #6d8888;
cursor: pointer;
	}

	#abrirherramientas {
		float: right;
		width: 41px;
		height: 32px;
		position: relative;
		background-image: url(../imagenes/icons/herramientas_edicion.png);
		background-repeat: no-repeat;
		margin-top: 7px;
		right: 63px;
		cursor: pointer;
         background-size: contain;
	}

    	#modomovil {
    float: right;
    width: 41px;
    height: 29px;
    position: relative;
    background-image: url(../imagenes/icons/aipad.png);
    background-repeat: no-repeat;
    margin-top: 10px;
    right: 89px;
    cursor: pointer;
    background-size: contain;
	}

	#ico-herr-cortina { border-right: 1px solid #9cb8be; border-bottom: 1px solid #9cb8be; float: left; width: 55px; height: 55px; background-image: url(../img/ico-herr-cortina.png); background-repeat: no-repeat }
	#ico-herr-cortina:hover { background-image: url(../img/ico-herr-cortina_on.png); background-repeat: no-repeat }

	#ico-herr-1 { border-right: 1px solid #9cb8be; border-bottom: 1px solid #9cb8be; 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 { border-bottom: 1px solid #9cb8be; 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 { border-bottom: 1px solid #9cb8be; 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 { border-right: 1px solid #9cb8be; border-bottom: 1px solid #9cb8be; 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 { border-bottom: 1px solid #9cb8be; 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 { border-right: 1px solid #9cb8be; border-radius: 0; 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 { border-radius: 0; 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 }

	.herr-opcionales {
		position: absolute;
		right: -56px;
		width: 55px;
		top: 55px;
		background: #bdd3dd;
	}


    .bombillas {
	display: inline-block;
	width: auto;
	position: relative;
}

.minibombi {
	position: absolute;
	left: 100px;
	top: 70px;
	width: auto;
	height: auto;
    z-index:7;
}

.minibombillap {
	width: auto;
	height: auto;
	margin: 0px;
}

.minicirculop {
	width: 90px;
	height: 90px;
}

.minirectangulop {
	width: 19px;
	height: 5px;
}

.minisemi-circulop {
    width: 10px;
    height: 5px;
}

.mininumero_indice {
	color: #FFF;
	padding-top: 12px;
    font-size: 21px;
    line-height: 20px;
}

.minititulo_unidad {
	color: #FFF;
    margin-top: 0px;
    font-size: 16px;
}




.circulo_cent1_sec { 
	width: 300px !important; 
	height: 300px !important;
	border-radius: 50% !important;
	background-color: /*colorprincipal*//*-colorprincipal*/ !important; /* EL COLOR SIN PUNTO Y COMA */
	position: relative !important;
	top: auto !important;
	margin-top: 10px !important;
	left: 0px !important;
	margin-left: 10px !important;
	z-index: 1000 !important;  
}

.circulo_cent2_sec { 
	width: 240px !important;
	height: 240px !important;
	border-radius: 50% !important;
	background-color: /*colorsecundario*//*-colorsecundario*/ !important; /* EL COLOR SIN PUNTO Y COMA */
	position: absolute !important;
	top: auto !important;
	margin-top: 30px !important;
	left: 50% !important;
	margin-left: -120px !important;
	color: #fff !important;
	text-align: center !important;
	z-index: 1000 !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.unidades_secundaria .descargas_uni {
	position: static !important;
	left: 0 !important;
	top: 0 !important;
	margin: 0px !important;
}

.unidades_secundaria {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.content_sec {
	display: flex;
	flex-direction: row;
	position: fixed;
	top: 80px;
	bottom: 110px;
	left: 0px;
	right: 0px;
}

.content_sec_d {
	overflow-y: auto;
	padding: 15px;
	display: flex;
	justify-content: center;
	flex: 1;
}

.anexos_sec {
	position: relative !important;
	top: 0px !important;
	left: 0px !important;
	margin: 0px !important;
	background-image: url('../img/anexos_sec.png') !important;
}

.anexos_on_sec {
	position: relative !important;
	margin: -15px 0px 0px !important;
	top: auto !important;
	left: auto !important;
}

.anexos_wrapper {
	margin: 20px 0px 0px;
}



.titulo_unidad, .minititulo_unidad {
    width: 100%;
    font-size: 14pt;
    margin-top: 5px;
    text-align: center;
    font-weight: normal;
    line-height: normal;
    font-family: Arial;
    font-weight: bold;
}

.bombilla{
	width:400px;
	height: 400px;
	position: relative;
	float: left;
	margin-right: 15px;
}

.circulo {
	width: 400px;
	height: 400px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.bombillap, .minibombillap {
	display: block;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.descargas_uni_sec, .descargas_uni_sec:link, .descargas_uni_sec:visited, .descargas_uni_sec:active, .descargas_uni_sec:hover {
	color: #000;
}

.circulop, .minicirculop {

	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #c5c6c8;
	cursor: pointer;
	flex-shrink: 0;
}

.circulop {
	display: flex;
	justify-content: center;
	align-items: center;
}

.bombillas {
	display: inline-block;
	width: 200px;
	position: relative;
	margin-top: 20px;
}

.bombillas a {
	outline: none;
}


.minibombi {
	position: absolute !important;
	top: 70px;
	width: auto;
	height: auto;
	z-index:7;
	background: none !important;
}


.unidades_secundaria .descargas_uni.minibombi {
	position: absolute !important;
	left: 76px !important;
	top: -28px !important;
}

.minibombillap {
	width: auto;
	height: auto;
	margin: 0px;
}

.minicirculop {
	width: 90px;
	height: 90px;
	background: none;
}

.minirectangulop {
	width: 19px;
	height: 5px;
}

.minisemi-circulop {
    width: 10px;
    height: 5px;
}

.mininumero_indice {
	color: #FFF;
	padding-top: 12px;
    font-size: 21px;
    line-height: 20px;
}

.minititulo_unidad {
	color: #FFF;
    margin-top: 0px;
    font-size: 14px;
}

.verde {
    background: 
    #BDD3DD;
}

.amarillo {
    background: 
    #BDD3DD;
}

.mtu_negro {
	color: #000;
}

.mtu_color {
	color: #d3d500;
}

.minilupa {
	position: relative;
}

.minilupa_circulo {
	color: #9e9f00;
	border: 4px solid #9e9f00;
	font-weight: bold;
	font-size: 36px !important;
	border-radius: 100%;
	background: #FFF;
	width: 28px;
	height: 28px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 50%;
	margin-left: -15px;
	z-index: 1;
}

.minulupa_mango {
	width: 12px;
	height: 10px;
	background: #9e9f00;
	position: absolute;
	left: 50%;
	margin-left: 15px;
	top: 26px;
	transform: rotate(33deg);
}

.numero_indice {
	font-size: 45px;
}

.descargas_uni_sec {
    width: 100%;
    background: none !important;
}

.circulo_cent2_sec #numero_cent {
	font-size: 100px;
}

#circulo_cent2_sec * {
	top: auto !important;
	line-height: normal;
}

@media screen and (min-width: 1350px) {
	.bombillas {
		width: 200px;
	}
}

@media screen and (min-width: 1540px) {
	.bombillas {
		width: 215px;
	}
	.circulop {
		width: 145px;
		height: 145px;
	}
	.unidades_secundaria .descargas_uni.minibombi {
		left: 108px !important;
	}
}


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

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