/* CSS Document */

* {
	margin:0px;
	padding:0px;
}

/* DEFINICIÓN DE ESTILOS GENÉRICOS COMUNES */

/* Color de fondo blanco, texto en negrita y de color negro, alineado a la izquierda sin padding y un margen de 20px por abajo*/
body {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
	background-color:#fff;
	color:#000;
	text-align:left;
	padding-top:0px;
	margin-bottom: 20px;
}

.pics {  
    width:   641px;
	height: 228px;
    padding: 0;  
    margin:  1px;  
	border: 1px solid #ccc;

} 
 
.pics img {  
    width:  641px; 
	height: 228px;
} 


/* Imágenes sin borde y con fondo de color blanco */
img {
	border:none;
	background-color:#fff;
}

h2 {

margin-bottom:10px;
margin-top:10px;
font-size:1.5em;
}

/* Hipervínculos de color negro y sin subrayado */
a {
	text-decoration: none;
	color: #990033;
}

a:hover{
	text-decoration:none;
	color: #7e1020;
}

a:link {
	color: #990033; 
	text-decoration: none
}

/** Estilo de la caja que engloba el portal 
*	Ancho de 775px mínimo y color de fondo blanco, sin padding ni borde, margen de 5px por abajo
*/
#pagina {
	width: 925px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	line-height:1.2em;
	min-width:775px;
	padding:0px;
	margin-bottom: 5px;
	border: none;
}

/** Estilo de la caja de la cabecera 
*	Color de fondo blanco, margen de 1px por abajo.
*/
#cabecera{
	width:100%;
	border:none;
	padding: 0px;
	background-color:#fff;
	margin-bottom: 0px;
}

/** Estilo de las tablas en la cabecera 
*	Color de fondo granate
* 	Fuente en negrita
*/
#cabecera table {
	width: 100%;
	background-color:#991427;
	color:#FFFFFF;
	font-weight:bolder;
	border:none;
}

/** Celdas sin borde y con texto alineado al centro
* 	Ancho al 20% (son cinco celdas)
*/
#cabecera table td {
	width:20%;
	text-align:center;
	border:none;
	padding: 2px;
}

/** Estilos de la caja del contenido a la izquierda del portal
*	Ancho de 500px, fondo de color blanco y flotante a la izquierda
* 	Padding de 1px y un margen de 2px alrededor de toda la caja
*/
#marco{
	border: 1px solid #ccc;
	overflow: hidden;
	height:100%;
	background-color:#FFFFFF;
}
#izquierda{
	width: 645px;
	float:left;
	border:inherit;
	padding:1px;
	margin:2px;
	background-color:#EBEBEB;
	height:100%;
	border: 1px solid #ccc;
	}
/** Estilos de la caja del contenido a la derecha del portal
*	Ancho de 240px, fondo de color blanco y flotante a la izquierda
* 	Padding de 1px y un margen de 2px alrededor de toda la caja
* 	Borde a la Izquierda de color Granate, para separar la caja	;

*/
#derecha{
	border-left: 2px solid #990033;
	height:100%;
	width: 240px;
	float:right;
	padding:10px;
	margin:2px;
	background-color:#fff;

	
}

/**Prueba de paso de parametros a index de biblio electronica
*/
#prueba{
	width: 500px;
	float:left;
	border:inherit;
	padding:1px;
	margin:2px;
	background-color:#fff;
}
#cajita{
	margin:10px 0px 0px 20px;
	padding:5px 20px 5px 10px;
	display:inline;
	background: url("../imagenes/degradado-gris.gif") repeat-x top left;

}

/** Estilo de las secciones de Listado
* 	Color del texto granate
*	Separación arriba y abajo de 5px
* 	Borde bajo cada sección de color gris
991427*/
.seccionListado{
	color:#D4528D;
	letter-spacing:-1px;
	margin:5px;
	border-bottom:1px solid #ccc;
	font-weight:normal;
}

/** Estilo de los listados
*	Sangrado hacia adentro de 10px
*	Sin iconos en los elementos de la lista
*/	/*color:#D4528D;	color:#F0EDE0;
*/
.seccionListado ul{
	list-style-type: none;
	padding-left: 10px;
	margin-bottom: 10px;
	line-height:1.5em;
}
.seccionListado a{
	font-size:1em;
	color:#000000;
	letter-spacing:0px;

}
.seccionListado a:hover{
	color:#D4528D;
	text-decoration:none;
/*	letter-spacing:0.5px !important;
	letter-spacing:1px;
*/
}

/* Imágenes de los listados alineadas al centro */
.seccionListado img{
	vertical-align:middle;
	margin-bottom: 5px;
}

/** Estilos de la caja que engloba el pie de página
* 	Todo el ancho y color de fondo blanco
* 	Borde a rayas por arriba y de color granate
*/
#pie {
background-color:#FFFFFF;
border-top:2px solid #000000;
clear:both;
width:100%;
}
#pie .pieIzquierda {
float:left;
margin:2px;
padding-top:0;
text-align:right;
width:640px;
}
#pie .pieIzquierda H5{
color:#991427;
margin:2px;
text-align:left;
}
#pie .pieDerecha {
border-left:2px solid #990033;
color:#991427;
float:right;
margin:2px;
padding:10px;
text-align:left;
width:241px;
}

/* Estilo de la caja del buscador */
#buscador{
	margin:5px 1px 1px 0px;
	float:right;
}
	
/* Color de fondo marron claro, borde gris */
#buscador table {
	width:497px;
	height:43px;
	background: #F0EDE0 none repeat scroll 0%;
	border: 1px solid #ccc;
	padding-left:2px;
}


.iconovideos{
	float:right;
	border: 1px solid #ccc;
	margin: 1px 0px 1px 0px;
	background-color:#FFFFFF;
	padding: 0px;

}

.iconochat{
	float:right;
	margin: 1px 0px 1px 0px;
	background-color:#FFFFFF;
	padding: 0px;

}

/** Estilo de la caja que contiene las noticias 
*	Borde de color gris alrededor, padding de 10px
*/
#actualidad{
	background: url("../imagenes/degradado-gris2.jpg") repeat-x top left;
	background-color:#FFFFFF;

	border: 1px solid #ccc;
	padding: 10px 10px 0px 10px;
	margin: 1px 1px 1px 1px;

}

/** Estilo del título de la caja
*	Texto destacado en negrita y de color Granate
*	Borde de color gris por abajo y un padding de 6px de separación por abajo
*/
#actualidad #titulo{
	letter-spacing:-1px;
	font-size:1.25em;
	font-weight:normal;
	color:#D4528D;
	border-top: 1px solid #ccc;
	padding-bottom: 16px;
}

#actualidad #tituloP{
	letter-spacing:-1px;
	font-size:1.25em;
	font-weight:normal;
	color:#D4528D;
	padding-bottom: 16px;
}

/** Estilo de cada noticia
*	Texto justificado de color gris
*	Un padding de 10px de separación por arriba y por abajo
*	Borde de separación de color gris por abajo
*/
#actualidad .noticia{
	color:#666;
	text-align: justify;
	border-top: 1px solid #ccc;
	padding-top:10px;
	padding-bottom: 1px;	
}
/** Estilo del título de cada noticia
*	Texto a la izquierda destacado en negrita y de color negro
*	Un padding de 10px de separación por abajo
*/
#actualidad .noticia .titulo{
	font-size:1em;
	font-weight:normal;
	color:#000000;
	text-align: left;
	padding-bottom: 10px;
	text-decoration:none;
	
}
#actualidad .noticia .titulo a{
	color:#000000;
	
}
#actualidad .noticia .titulo a:hover{
	color:#D4528D;
	
}


/* Establece el grosor del texto a normal */
#actualidad .noticia .entradilla{
	font-weight: normal;
}

/* Padding para la caja que incluye los banners */
#banners {
vertical-align:bottom;
}
#banners img {
padding: 10px 20px 0px 15px;

}
.guiasUso{
	width: 45%;
	padding-left: 5px;
	float: right;
}

.guiasUso p{
	text-align: left;
	margin-left: 5px;
}

.autoaprendizaje{
	width: 45%;
	margin-bottom: 10px;
	float: left;
}

.autoaprendizaje p{
	text-align: left;
	margin-left: 5px;
}

/** 
*	Estilos para la caja de los contenidos centrales .
*/
#centro {

	color: #991427;
	border: 1px solid #ccc;
	overflow: hidden;
	padding: 10px;
	margin-bottom:5px;
	height:100%;
	background: url("../imagenes/fondoBiblioGris.gif") no-repeat bottom right;
	background-color:#FFFFFF;
}
#centro2 {

	color: #991427;
	border: 1px solid #ccc;
	overflow: auto;
	padding: 10px;
	margin-bottom:5px;
	background: url("../imagenes/fondoBiblioGris.gif") no-repeat bottom right;
	background-color:#FFFFFF;
}


#centro h3{
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	margin-top:15px;

}

#centro ol{
	margin-top: 20px;
	padding-left: 20px;
}

#centro ul{
	margin-top: 5px;
	padding-left: 10px;
}

#centro ul ul{
	list-style-type: circle;
}

#centro ul ul ul{
	list-style-type: square;
}

#centro .mIzq{
	float:left;
	width:50%;
}

#centro .mDer{
	float:right;
	width:50%;
}

#centro p{
	margin:10px;
}

.sombra{
	float: left;
	padding: 0px 5px 5px 0px;
	margin: 10px 0px 10px 10px;
	width: 90%;
    background: url("../imagenes/sombraRedondica.gif") no-repeat bottom right;
}

.sombra div {
	border:1px solid #ccc;
	padding: 15px;
	background: url("../imagenes/degradado-gris.gif") repeat-x top left;
	background-color:#FFFFFF;
}
.sombradet div {
	border:1px solid #ccc;
	padding: 10px 10px 10px 10px;
	background: url("../imagenes/degradado-gris.gif") repeat-x top left;
	background-color:#FFFFFF;
}
.sombraalba  div{
	position:relative;
	border:1px solid #ccc;
	padding: 0px 5px 3px 0px;
	background: url("../imagenes/degradado-gris.gif") repeat-x top left;
	background-color:#FFFFFF;
	
	float:left;
	width:80%;

}

.sombramenu  div{
	position:relative;
	border:1px solid #ccc;
	padding: 0px 5px 3px 0px;
	background: url("../imagenes/degradado-gris.gif") repeat-x top left;
	width:95%;
}
.sombraeu{
	float: left;
	padding: 0px 5px 5px 0px;
	margin: 80px 0px 10px 10px;
	width: 40%;
    background: url("../imagenes/sombraRedondica.gif") no-repeat bottom right;
}

.sombraeu div {
	border:1px solid #ccc;
	padding: 15px;
	background: url("../imagenes/degradado-gris.gif") repeat-x top left;
	background-color:#FFFFFF;
}
.sombrachat{
	float: left;
	padding: 0px 2px 3px 0px;
    background: url("../imagenes/sombraRedondica.gif") no-repeat bottom right;
}

.sombraeucde{
	float: right;
	padding: 0px 5px 3px 0px;
    background: url("../imagenes/sombraRedondica.gif") no-repeat bottom right;
}

.sombraeucde div {
	border:1px solid #ccc;
	padding: 3px;
	background: url("../imagenes/degradado-gris.gif") repeat-x top left;
	background-color:#FFFFFF;
}

.flotanteDcha{
	float:right;
	width:50%;
}

.flotanteLeft{
	float:left;
	width:50%;
}

/* Estilo para las migas de enlaces */
#miga {
	font-size:0.9em;
	padding: 5px;
	
}

/* Resto*/
.textodesarrollo{
margin-top:15px;
	color:#000000;
}


.titulo{
	line-height:normal;
	
}











/* Estilo para las pestañas 

#pestas	{
	margin: 0px;
	padding: 0px;
}


.pesta	{
	border: 2px inset gray;
	margin: 0px;
	padding: 1px 7px;
	border-bottom: 0px;
}

*/
/* Fin Estilo para las pestañas */
#contenido2	{
	float:left;
	margin: 0px;
	padding: 0px;
	border: 1px inset gray;
	border-top: 0px;
	overflow: scroll;
	height:500px;	
}
#contenido	{
	float:left;
	margin: 0px;
	padding: 0px;
	border: 1px inset gray;
	border-top: 0px;
	overflow: auto;	
}
    #header {
      float:left;
      width:100%;
      background:#DAE0D2 url("../imagenes/bg.gif") repeat-x bottom;
      font-size:0.93em;
      line-height:normal;
	  
      }
    #header ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #header li {
      float:left;
      background:url("../imagenes/norm_left.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      }
    #header a {
      display:block;
      background:url("../imagenes/norm_right.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#765;
      }
    #header a:hover {
      color:#333;
      }
    #header .activa {
      
	  background-image:url("../imagenes/norm_left_on.gif");
      }
    #header .activa a {
      background-image:url("../imagenes/norm_right_on.gif");
      color:#333;
      padding-bottom:5px;
      }
#contenido  {

	width:98.5%;
	margin:  0px;
	padding:0px 0px 20px 10px;
	border: 1px inset gray;
	border-top: 0px;
	overflow:auto
}

.capa	{
	overflow: auto;
}

.activa	{

	cursor: default;
}

.inactiva	{
	cursor: pointer;
}

.visible	{
	display: block;
}

.invisible	{
	display: none;
}

.box {
font-size: 1em;
}
.info {
margin-top:2px;
margin-bottom:4px;
}

.cientifica  {
background:url(../imagenes/ciencias.gif) no-repeat right;
background-position:95% 70%;
}
.humanidades  {
background:url(../imagenes/humanidades.gif) no-repeat right;
background-position:95% 100%;
}
.ccss  {
background:url(../imagenes/ccss.gif) no-repeat right;
background-position:95% 90%;
}
.economia  {
background:url(../imagenes/economia.gif) no-repeat right;
background-position:95% 70%;
}
.juridica  {
background:url(../imagenes/juridica.gif) no-repeat right;
background-position:95% 90%;
}
.tablalista  {
width:100%;
}


.tablalistatitulo  {
background:url(../imagenes/bg.gif);
}
.tablalistatituloh  {
background:url(../imagenes/bg.gif);
height:20px;
}

/*-------------Cabecera ---------*/


#MainMenu 
{
	height:25px;
	border:0;
	background:url(../imagenes/cabecera/clarito3.jpg) no-repeat right top;
	margin:0;
}
#tab 
{
	top:0;
	height:0;
	background:repeat-x top;
	margin:0;
}
#tab ul 
{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
#tab li 
{
	display:inline;
	float:left;
	margin:0;
	padding:0;
}
#tab a 
{
	background:#999 url(../imagenes/cabecera/clarito3.jpg) no-repeat right top;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
	margin:0;
	padding:0px 20px 0px 15px;
}
#tab a span 
{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#000000;
	font-weight:normal;
	/*color:#D4528D;	color:#F0EDE0;*/
	line-height:25px;
	padding:0 10px;
}
#tab a:hover,#tab li.item_active a 
{
	background-position:right bottom;
}
#tab a:hover span,#tab li.item_active a span 
{
	background-position:left bottom;
	color:#D4528D;
	/*color:#FFF;*/
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}

/*Cajitas de los menus*/


/*-------------Cabecera ---------*/


#tab2
{
	background:repeat-x top;
}
#tab2 ul 
{
	float:left;
	margin:5px 0px 5px 0px;
}
#tab2 li 
{
	display:block;
	clear:both;
}
#tab2 a 
{
	background:#999 url(../imagenes/degradado-gris.gif);
	text-decoration:none;
	display:block;
	float:left;
	padding:0px 20px 0px 15px;
	width:175px;
}

#tab2 a span 
{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#000000;
	font-weight:normal;
	/*color:#D4528D;	color:#F0EDE0;*/
	line-height:25px;
	padding:0 13px;

}
#tab2 a:hover,#tab li.item_active a 
{
	background-position:right bottom;
}
#tab2 a:hover span,#tab li.item_active a span 
{
	color:#D4528D;
	/*color:#FFF;*/
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}




/*Para los desplegables*/

.dropmenudiv 
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	border:0;
	/*color:#D4528D;background:url(../imagenes/cabecera/bmid_097.gif);*/
	background-image: url(../imagenes/cabecera/bg_clarito_atras.png);
	z-index:100;
	text-decoration:none;
	padding:0;
}

.dropmenudiv ul 
{
	list-style:none;
	margin:0;
	padding:0;
	
}
.dropmenudiv li 
{
	display:inline;
	margin:0;
	padding:0;
	
}	

.dropmenudiv a:link,.dropmenudiv a:visited 
{
	width:250px;
	display:block;
	border:0;
	color:#990033;
	/*color:#D4528D;background: #F0EDE0 none repeat scroll 0%;*/
	background:url(../imagenes/cabecera/bleft_097.gif) no-repeat left top;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	margin:0;
	padding:0;
	
}
.dropmenudiv a span 
{
	display:inline;
	line-height:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.917em;
	color:#000000;
	/*background:url(../imagenes/cabecera/bg_clarito.png);
		background:url(../imagenes/cabecera/bg_clarito.gif);
color:#D4528D;*/
	float:none;
	padding:0 13px;
	
}
.dropmenudiv a:hover 
{
	border:0;
	background-position:left bottom;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	color:#D4528D;
	letter-spacing:0.5px !important;
	letter-spacing:1px;
	/*color:#FFF;*/
}
.dropmenudiv a:hover span 
{
	background-position:right bottom;
		color:#D4528D;
	/*color:#FFF;*/

	font-weight:normal;
}

.tabladirectorio{
	width:90%;
   	padding: 15px;
	background: url("../imagenes/degradado-gris.gif") repeat-x top left;
	}
	
	.vacio{
clear:both;
height:1px;
overflow:hidden;

}
.sombraeLibro{
	float: left;
	padding: 0px 5px 5px 0px;
	margin: 10px 0px 10px 10px;
	width: 40%;
    background: url("../imagenes/sombraRedondica.gif") no-repeat bottom right;
}