/** Generated by FG **/

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

Colores librogeno:

colortexto
colorprincipal
colorsecundario
color4
color5
*/

@font-face {
	font-family: 'Conv_RALEWAY-REGULAR';
	src: url('fonts/RALEWAY-REGULAR.eot');
	src: local('?'), url('fonts/RALEWAY-REGULAR.woff') format('woff'), url('fonts/RALEWAY-REGULAR.ttf') format('truetype'), url('fonts/RALEWAY-REGULAR.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_ASAP-REGULAR';
	src: url('fonts/ASAP-REGULAR.eot');
	src: local('?'), url('fonts/ASAP-REGULAR.woff') format('woff'), url('fonts/ASAP-REGULAR.ttf') format('truetype'), url('fonts/ASAP-REGULAR.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



body{
	font-family:'Conv_RALEWAY-REGULAR',Sans-Serif;
	font-size: 16px;
	line-height: 22px;
	color: #555555;
	margin: 0px;
	padding: 0px;

}
.fondo {
	background:  /*colorprincipal*/#005BA5;/*-colorprincipal*/;

}
h1 {font-family: 'Source Sans Pro', sans-serif;font-size: 2.5em;margin: 20px;width: auto;}
h2 {font-family: 'Source Sans Pro', sans-serif;font-size: 1.8em; display: inline;}
h3 {font-family: 'Source Sans Pro', sans-serif;font-size: 1.3em; line-height: 1.5em; display: inline;}


a, a:active, a:visited{
	text-decoration: none;
	color: /*color4*/#EDC500;/*-color4*/;
}

.no_mostrar {
display:none;

}
.mostrar {
	display:inherit;

}



#imgPopup
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}


#section{
   width: 100%;
   height: 100vh;
   position: relative;
   background:  /*colorprincipal*/#005BA5;/*-colorprincipal*/ url(../imagenes/bg.jpg) no-repeat center top;
   background-size: contain;
}


.header{
	width:98%;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: bold;
	z-index: 999;
	padding: 3px 0px 0px 0px;
	min-height: 120px;
}


.logo { 
	width: 422px;
	height: 57px;
	padding: 20px 20px 34px 20px;
	position: absolute;
	background: url("objeto.svg") no-repeat right top;
    overflow:hidden;
}



.logo img {
	position: relative;
	float: right;
	margin-right: 100px;
}


.barra { 
	width: 75%;
	height: 57px;
	padding: 20px 20px 34px 20px;
	position: absolute;
	background: url("objeto.svg")  no-repeat right top;
    overflow:hidden;
    
}
.barra img { 
	position: relative;
	float: right;
	margin-right: 100px;
}

.titulo { 
	margin: 35px 20px 34px 20px;
	position: relative;
	float: left;
	display: inline;
}

	#titulo { float: left; position: relative; left: 55px; top: 14px; color:#fff; font-size:24px; }

.libro {
    width: 600px;
    height: 509px;
    position: relative;
    float: left;
    margin: 0px 35px 0px -275px;
    background:  /*colortexto*/#AE0F17;/*-colortexto*/;
    border-radius: 425px;
    padding-top: 80px;
    }

.libro h2 {
    margin: 0px 0px 0px 290px;
    color: #ffffff;
    display: block;
    line-height: 1.08;
    width: 230px;
    font-size: 1.3em;
}

.libro img {
    margin: 10% 0px 0px 275px;
    /* width: 220px; */
    max-width: 240px;
    max-height: 280px;
}
	
.container{
	width: 790px;
	margin: 0px auto;
	min-height: 120px;
	
}

.container3{
	width: 60%;
	margin: 25px 25px;
	min-height: 60vh;
	display: table;
}

.container_p{
	width: 1110px;
	margin: 0 auto;
	min-height: 120px;
}
.container2{
	width: 790px;
	margin: 25px auto;
	min-height: 60vh;
	display: table;
}


.fondoblanco{background: #ffffff;}
.fondogris{background: #F3F3F3;}
.fondoazul{background:  /*colorprincipal*/#005BA5;/*-colorprincipal*/;}


.cuadrado, .cuadrado2, .cuadrado3 {
	width: 120px;
	height: 120px;
	border-radius: 22px;
	padding: 10px;
	background: #e5e5e5;
	border: 5px solid /*colorsecundario*/#EDC500;/*-colorsecundario*/;
	text-align: center;
	position: relative;
	float: left;
	margin: 0px 15px 15px 0px;
    color:#555555;
	/*font-family:'Conv_ASAP-REGULAR',Sans-Serif;*/
    overflow:hidden;
}

.cuadrado2{
	width: 300px;
	height: 100px;
}

.cuadrado3 {
    width: 90%;
    height:37px;
    min-height: 30px;
    border-radius: 12px;
    padding: 5px 5px 5px 10px;
    background: #e5e5e5;
    border: 5px solid /*colorsecundario*/#EDC500;/*-colorsecundario*/;
    position: relative;
    float: left;
    margin: 10px;
    font-family: 'Conv_ASAP-REGULAR',Sans-Serif;
    text-align: left;
}

h1b{
    display:inline;
}

.cuadrado_a{
	width: 95px;
	height: 95px;
	border-radius: 22px;
	padding: 8px;
	background: #e5e5e5;
	border: 5px solid #ffffff;
	text-align: center;
	position: relative;
	float: left;
	margin: 0px 15px 15px 0px;
	font-family:'Conv_ASAP-REGULAR',Sans-Serif;
}

.cuadrado_a img {
	height: 70%;
}
.profesor {
	    margin: 0px 15px 15px 50px;
}


.libroalumno{
	background: /*colortexto*/#AE0F17;/*-colortexto*/;
	border: 5px solid #ffffff;

}	
	

.azul{
	color: /*colorprincipal*/#005BA5;/*-colorprincipal*/;
}
.naranja{
	color: #FF9933;
}
.blanco{
	color: #ffffff;
}
.gris{
	color: #ADADAD;
}

.preliminarI
{
    	background: url("../plantilla/prel.png") no-repeat center ;
}

.epilogoI
{
    	background: url("../plantilla/rec.png") no-repeat center ;
}

.recursos:not(.izq):not(.der) {
	width: 134px;
	height: 134px;
	border-radius: 22px;
	border: 5px solid #ffffff;
	float: left;
	margin: 0px 15px 15px 0px;
	background: url("../imagenes/recursos.jpg") no-repeat center top;
}

.indice {
	position: relative; 
	float: left;
	padding: 50px 0px 0px 10px;
	display: inline;
	line-height: 120%;
	font-size: 15px;
}

table, td, th {
    border: 2px solid #ffffff;
    padding: 8px 5px 8px 5px;
    vertical-align: middle;
    height: 29px;
  }

table {    
	width: 90%;
	border-collapse: collapse;
	
}



.trGris{background-color: #f2f2f2;}

td {min-width: 50px;}

.icon {width: 30px;}

.icon img
{
    height: 29px;
}

td.actividad {width: 400px;}

.actividad_p {width: 300px;}


<!-- Estilos de la página -->
<!-- ************************************ -->

.fondo_libro{
	background-color: #ffffff;
}
.barralibro {
	background-color:  /*colortexto*/#AE0F17;/*-colortexto*/;
	/*min-height: 63px;*/
	height: 63px;
	padding:0px 0px 0px 0px;
	margin-bottom: 5px;
	/*-webkit-box-shadow: 2px 2px 10px #cecece;
	-moz-box-shadow: 2px 2px 10px #cecece;*/	
}

.home {
	position: relative;
	float: left;
	height: 35px;
	display: inline;
	padding: 6px 0px 6px 10px; 
	margin-right: 20px;
	color: #ffffff;
	font-size: 14px;
	line-height: 14px;
        text-align: center;
}
.home a, a:active, a:visited{
	text-decoration: none;
}

.navegador {	

	position: relative;
	float: right;
	min-width: 500px;
	margin-right: 1vw;
	height: 63px;
	padding: 0px 0px 0px 0px;
}


ul {
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    /*height: 60px;*/
    margin: 7px 0px 0px 0px;
}

li {
    float: left;
   /* height: 60px;*/
    padding: 0px 10px 0px 0px;
    
}



li a {
    display: block;
    text-align: center;

    text-decoration: none;

}

li a:hover {
    /*background-color: #ffffff;*/
    /*height: 50px;*/

}

/* otro menu  */
 li.parent:hover{
   /*border:1px #ccc solid;*/
   margin:0px;
   
}
 li li a{
   /*el ancho de los links del submenu, debe ser fijo, esto servirá para crear la animación mas adelante */
   display:block;
   height: 50px;
}


/* aquí esta lo importante!! */
 li ul:not(.resbuscar) {
   margin:0;
   display:none;
   position: absolute;
   top:57px;
   /*height: 90px;*/
   min-width: 60px;

   box-sizing: border-box;
   /*background:  url(../imagenes/senal.png) no-repeat 15px 1px;*/
   padding-top: 12px;
   /*width:300px;*/

}

li ul a {border-right: 0px solid #cecece;}

/* mio*/
li ul li{ 
    width: 50px;
   /*background: #ffffff;*/
   
}
li ul li.fin {
    /*padding: 8px 20px 7px 20px;*/
    text-decoration: none;

}


ul.colores{
	/*width: 200px;*/
	/*height: 160px;*/
	z-index: 30;

}
ul.colores li{
	width: 197px; 
	/*height: 136px;*/
}


li a.fin {border-right: 0px;}

/* fin mio*/


/*li:hover ul {
   display: block;
}*/

.content{
	width: 100vw;
	height: 94vh;
	background: #ffffff;
	margin: 0px auto;
	text-align: center;
}

.content img{ width: 94vw;}




@media only screen and (min-width : 1025px) and (max-width : 1200px) { 

	.barralibro {
		width: 98vw;
background-color:  /*colortexto*/#AE0F17;/*-colortexto*/;
		min-height: 69px;
		border-bottom: 1px solid #e1dfdf;

	}

	.navegador {	

		position: relative;
		float: left;
		min-width: 500px;
		height: 63px;
		padding: 0px 0px 0px 5px;
		margin: 0px 0px 0px 20px;
		/*-webkit-box-shadow: -2px -2px 10px #49a5b6;
		-moz-box-shadow: -2px -2px 10px #49a5b6;*/

	}
	
	li a.fin {border-right: 0px;}
	
}
@media only screen and (min-width:0px) and (max-width:1400px) {
    .container
    {
        width:1050px !important;
    }
}

@media only screen and (min-width:0px) and (max-width:950px) {

	.libro {
		width: 600px;
		height: 460px;
		position: relative;
		float: left;
		margin: 0px 0px 0px -300px;
		background:  /*colortexto*/#AE0F17;/*-colortexto*/;
		border-radius: 425px;
		padding-top: 140px;
        display:none;
	}
	.libro h2 {
		margin: 0px 0px 0px 315px;
		color: #ffffff;
	}
	.libro img {
		margin: 10px 0px 0px 315px;
		width: 200px;


	}
	
	.barralibro {
		width: 100vw;
		/*background: #ffffff url('../imagenes/bg_barralibro.jpg') repeat-x;*/
        background-color:  /*colortexto*/#AE0F17;/*-colortexto*/;
		height: 130px;
		/*-webkit-box-shadow: 2px 2px 10px #cecece;
		-moz-box-shadow: 2px 2px 10px #cecece;*/
	}



	.navegador {	

		position: relative;
		float: left;
		min-width: 500px;
		height: 63px;
		padding: 0px 0px 0px 5px;
		margin: 0px 0px 0px 0px;
		/*-webkit-box-shadow: 2px 2px 10px #cecece;
		-moz-box-shadow: 2px 2px 10px #cecece;*/

	}
	.content{
		width: auto;
		height: auto;
		background: #ffffff;
		margin: 0px auto;
		text-align: center;
	}
	.home {
		margin: 0px 20px 20px 0px;
	}
	li a.fin {border-right: 0px;}
	
}


.container a .cuadrado:hover, .container .cuadrado_a:hover {
	background: #C1C1C1;
    color: #ffffff;
    cursor: pointer;
}

#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: #58999d;
}

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

.cuadrado_a * {
	outline: 0;
}

herramientaslapiz li a {
    /*width: auto !important;*/
    /*height: auto !important;*/
    width: 40px !important;
    margin: 0 !important;
    height: 41px !important;
    background-color:  /*colorprincipal*/#005BA5;/*-colorprincipal*/;
}

.navegador li a {
    /*width: auto !important;*/
    /*height: auto !important;*/

    width: 40px !important;

    margin: 0 !important;
    height: 44px !important;
   
}

.herramientaslapiz, .herramientassubrayador, .herramientasmarcador
{
        background-color: /*colorprincipal*/#005BA5;/*-colorprincipal*/;
    padding: 5px 5px 5px 5px !important;
}

.herramientassubrayador li:first-of-type, .herramientasmarcador li:first-of-type {
	padding: 0;
}

.navegador li {
	cursor: pointer;
	margin: 0 !important;
}

.navegador li:last-child a {
	border-right: 0px;
}

.libuscador {
    width: auto !important;
    border-right: none !important;
    display: none;
}

#buscador {
	right: -24px;
	margin-top: 9px;
}

#buscador input {
	padding-left: 4px;
}

.resultados-buscar {
	margin-top: -10px;
	width: 260px;
	right: 39px;
	z-index: 100;
}

.resultados-buscar ul li {
	cursor: pointer;
}

.swiper-container {
	padding-top: 100px;
}

.fin {
	/*border-right: 1px solid #ccc;*/
}

.parent ul {
	z-index: 2;
}

.navegador * {
	outline: 0;
}

.navegador ul li a {
	outline: 0;
}

#ico-herr-1, #ico-herr-1:hover,
#ico-herr-2, #ico-herr-2:hover,
#ico-herr-4, #ico-herr-4:hover,
#ico-herr-5, #ico-herr-5:hover {
	background-image: none;
}

.colorgenerico {
	border: 2px solid #999;
	border-radius: 100%;
	width: 37px;
	height: 37px;
	display: inline-block;
}

ul.herramientaslapiz li {
	padding:0;
}

.activedot {
	display: none;
	float: right;
	margin-right: 8px;
	color: #37C8E3;
    position:absolute;
    top:0;


}

.activelapiz>.activedot {
	display: block;
}

.herramientalapiz.active .activedot {
	display: block;

}

#ico-herr-4.active .activedot {
	display: block;
}

#ico-herr-4b.active .activedot {
	display: block;
	/*margin-right: -14px;
	margin-top: -9px;*/
}

#borrador2 .activedot {
	display: block;
}

#ico-herr-4b:hover, #ico-herr-4b.active, #ico-herr-4b.negro.active {
    background-color: transparent;
}

#ico-herr-4:hover, #ico-herr-4.active, #ico-herr-4.negro.active {
    background-color:  transparent;
}

#ico-herr-5:hover, #ico-herr-5.active, #ico-herr-5.negro.active {
    background-color:   transparent;
}

.contcolores {
	display: none !important;
}

.controleslibro {
	height:90px;
	display: inline !important;
}




.contenidoindice, 
.contenidorecursos {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.5);
	z-index: 99999;
	display: none;
	cursor: auto;
}

.contenidoindice .content, .contenidorecursos .content {
	position: relative;
	width: 600px;
	height: 500px;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -300px;
	border-radius: 4px;
    background-color:transparent;
}

.contenidoindice .btncerrarindice, .contenidorecursos .btncerrarrecursos {
	position: absolute;
	right: -21px;
	top: -21px;
	background-color: #000;
	padding: 8px 9px 14px 9px;
	font-size: 42px;
	border-radius: 100%;
	border: 3px solid #fff;
	box-shadow: 0px 0px 5px #000;
	cursor: pointer;
	width: 25px;
	height: 20px;
	line-height: 25px;
	color: #FFF;
    z-index:9999;
}

.contenidoindice .titulo, .contenidorecursos .titulo {
	display: block;
	font-size: 23px;
	color: #666;
	font-weight: bold;
	margin-bottom: 40px;
	float: none;
	text-align: left;
	margin-left: 30px;
	padding-top: 40px;
}

.contenidoindice .filaindice, .contenidorecursos .filaindice {
	display: block;
	color: #666;
	line-height: 40px;
	cursor: pointer;
}

.contenidorecursos .recursoslibro {
height: 430px;
    overflow: auto;
    width: 92%;
    margin: 0 4% 0;
}

.contenidorecursos .listado_recursos {
	cursor: pointer;
	text-align: left;
}

.contenidorecursos p {
	line-height: 40px !important;
	margin: 0 !important;
}

.contenidorecursos .recursoslibro .listado_recursos:nth-child(odd){
	background-color: #F2F2F2;
}

.contenidorecursos .listado_recursos img {
	width: 32px;
	margin-top: 4px;
	float: right;
	margin-right: 10px;
}

.contenidorecursos .listado_recursos img.icono {
	float: left;
	margin-top: 2px;
	margin-left: 6px;
}

.contenidorecursos .listado_recursos p {
	display: inline-block;
	margin-left: 10px !important;
}

.contenidorecursos .recursocheckwrap {
	float: right;
	margin-top: 4px;
}

.contenidorecursos .repasar, .contenidorecursos .aprender, .contenidorecursos .evaluar {
	width: 48px;
	height: 32px;
	display: inline-block;
}

.contenidorecursos .repasar.ok, .contenidorecursos .aprender.ok, .contenidorecursos .evaluar.ok {
	background: url("../img/ok.png");
	background-size: 32px auto;
	background-repeat: no-repeat;
	background-position: center center;
}

.contenidorecursos .recursoinfowrap {
    display: block;
    margin-bottom: 10px;
    height: 32px;
    margin-right: 4%;
}

.contenidorecursos .recursoinfowrap img {
	float: right;
	width: 32px;
	height: 32px;
	margin-right: 16px;
}



.tableindice .filaindice:nth-child(odd){
	background-color: #cad3e9;
}

.contenidoindice .filaindice:hover {
	color: #FFF;
	background-color: #CCC;
}

.contenidoindice .filaindice {
	display: table-row;
	color: #666;
	line-height: 40px;
	background-color: #cad3e9;
}

.contenidoindice .filaindice span.unidad {
    text-align: left;
    background-color: #cad3e9;
    display: table-cell;
    width: 0px;
    padding-left: 20px;
    text-align: right;
    padding-right: 10px;
}

.contenidoindice .filaindice span.titulounidad {
	text-align: left;
	background-color: transparent;
	display: table-cell;
	padding-left: 20px;
	text-align: left;
}

.tableindice {
    display: table;
    width: calc(100% - 40px);
    margin: 0px 20px 0px;
    border-spacing: 4px;
    border-collapse: separate;
    background-color: #005ba1;
    color: #000000;
    font-size: 15px;
}

.tablewrapper {
	max-height: 404px;
	overflow-y: auto;
	overflow-x: hidden;
}

.btnindice {
	cursor: pointer;
}
.btnrecursos {
	cursor: pointer;
}
#listado_recursos_unidad .ver
{
    cursor:pointer;
}

.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_prof {
	width: 24px;
	height: 24px;
	background-size: 100% auto;
}

.recursoslibro {
	position: absolute;

}

#volver {
    position: relative;
    display: inline-grid;
    width: 30px;
    height: 36px;
    background-image: url(../img/flecha_izq_on.png);
    background-repeat: no-repeat;
    top: 9px;
    /* left: 30px; */
    margin-bottom: 20px;
}

#volver > a
{
    display:block;
    height:100%;
    width:100%;
}


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

#menuR { display: /*menuRvisible*//*-menuRvisible*/ !important; }

#ico-herr-4, #ico-herr-4b, #toogleFit.horizontal {
	/*padding-top: 2px;*/

}

li a[title="Borrar"], li a[title="Deshacer"] {

	/*padding-bottom: 5px;*/
}

li a[title="Deshacer"] {
	/*padding-right: 18px;*/
}

li a[title="Borrar"] .activedot {
	/*margin-top: -50px;
	margin-right: -10px;*/
}

.parentcolor.active {
	height: 215px;
}

.parentcolor {
	z-index: 20;
}

ul.colores {
	top: 70px !important;
	left: 0 !important;
	background-position: 43px 0 !important;
}

.herramientaslapiz {
	z-index: 2000 !important;
}

#borrador2 {
	display: none;
    background-color: transparent !important;
}

.actividad
{
    height:35px;
}

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

        .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: 79%;
                  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;
                
                }
                .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: 590px;
	   position: relative;
	   float: left;
	   margin: 0px 0px 0px 0px;
	   padding: 2px 0px 2px 2px;
	   display: inline-block;
	   background-color: #005ba1;
	   height: 550px;
        overflow: auto;
	 }
	 
	 
	 
	 #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;
	   }
	 
	 
	 #desc_recurso {
	  width: 440px;height: 44px;position: relative; float: left; margin: 2px; display: inline-block; color: #000000; font-size: 15px; line-height: 35px;
	   
	  }
	 #listado_recursos_unidad .ver  {
	   width: 50px;
	   height: 44px;
	   position: relative;
	   float: left;
	   margin: 2px;
	   display: inline-block;
	 }
	 
        #listado_recursos_unidad .ver  img {
        width: 44px;
	}         

        /*#logo { position: absolute; right: 0px ; 	width: 200px;
	height: 45px;background-image: url(../icono.png); background-repeat: no-repeat; margin: 5px 30px 0 0 }*/

        #logo {
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_sup_azul > div.navegador > ul > li.\40 anotacionesnomostrar\40 > a > img
{
height:44px;
width:44px;
}