body
{
/*
    background: white url(/images/fondo.jpg)  center center;
*/
    font-family: Arial, Verdana;
    font-weight: normal;
    font-size: 11px;
}

p,div,span,th,td
{
    font-family:Arial, Verdana;
 	font-weight:normal;
	font-size:11px;
}

A:visited 
{ 
    text-decoration: none; 
    font-weight: bold; 
}
A:link 
{
    color:#888888; 
    font-weight: bold; 
    text-decoration: none
}
/*A:active 
{
    color:#6666FF; 
    text-decoration: none
}*/
A:hover 
{
    color:#333333; 
    font-weight: bold; 
    text-decoration: none;
}

/**/ 
/* Controles
/**/

/**/ 
/* Control: dropdownlist
/**/
select
{
    font-family:Arial, Verdana;
	font-weight:normal;
	font-size:11px;
	color:Black;
}

/**/ 
/* Control: textbox, button, password, checkbox, radiobutton
/**/
input
{
    font-family:Arial, Verdana;
	font-weight:normal;
	font-size:11px;
	color:Black;
}


textarea
{
    font-family:Arial, Verdana;
	font-weight:normal;
	font-size:11px;
	color:Black;
	text-align:left;
	width:90%
}

label
{
    font-family:Arial, Verdana;
	font-weight:normal;
	font-size:11px;
	color:Black;
	text-align:left;
}


/**/ 
/* CABECERA DE GRIDS */
/**/
.header-container 
{
    /*background:#2E4d7B url(/images/fondo-direccion.jpg) repeat left top;*/
    /*background-color:#2E4d7B;*/
	margin:0px;
	font-family: Arial, Verdana;
	font-weight:Bold;
	font-size:11px;
	color:White;
}

.header-container td {
	font-family: Arial, Verdana;
	font-weight:Bold;
	font-size:11px;
	color:White;
	text-transform:none;
	text-align:left;
	vertical-align:top;
}
	
.header-container th {
	font-family: Arial, Verdana;
	font-weight:Bold;
	font-size:11px;
	color:White;
	text-transform:none;
	text-align:center;
	vertical-align:top;
	}
	
.header-container a:link {
	text-decoration:none;
	color:white;
	}	
	
.header-container a:visited {
	text-decoration:none;
	color:white;
	}
	
.header-container a:hover {
	text-decoration:none;
	color:gold;
	font-weight:bold;
	
	}
	
.header-container a:active {
	text-decoration:none;
	color:white;
	}
	
/**/ 
/* CUERPO DE GRIDS */
/**/
.data-container 
{
    color:black;
	margin:0px;
}
.data-container td {
	font-family:Arial, Verdana;
	font-weight:normal;
	font-size:11px;
	text-transform:none;
    vertical-align:top;
	color:Black;
}

.data-container .numeros {
	font-family:Arial, Verdana;
	font-weight:normal;
	font-size:11px;
	text-transform:uppercase;
	text-align:right;
    vertical-align:top;
    color:Black;
}

.data-container a:link {
	text-decoration:none;
	font-weight:normal;
	color:black;
	}	
	
.data-container a:visited {
	text-decoration:none;
	font-weight:normal;
	color:black;
	}
	
.data-container a:hover {
	text-decoration:none;
	font-weight:normal;
	color:#5078B3;
	}
.data-container a:active {
	text-decoration:none;
	font-weight:normal;
	color:black;
	}
	


.data-container-alternate
{
    color:black;
	margin:0px;
	background-color:WhiteSmoke;
}
.data-container-alternate td {
	font-family:Arial, Verdana;
	font-weight:normal;
	font-size:11px;
	text-transform:none;
    vertical-align:top;
	
}

.data-container-alternate .numeros {
	font-family:Arial, Verdana;
	font-weight:normal;
	font-size:11px;
	text-transform:uppercase;
	text-align:right;
    vertical-align:top;
    
}

.data-container-alternate a:link {
	text-decoration:none;
	font-weight:normal;
	color:black;
	}	
.data-container-alternate a:visited {
	text-decoration:none;
	font-weight:normal;
	color:black;
	}
.data-container-alternate a:hover {
	text-decoration:none;
	font-weight:normal;
	color:#5078B3;
	}
.data-container-alternate a:active {
	text-decoration:none;
	font-weight:normal;
	color:black;
	}

/**/ 
/* PIE DE GRIDS */
/**/
		
.footer-container {
	/*background:#2E4d7B url(/images/fondo-direccion.jpg) repeat-x;*/
	margin:0px;
    }
	
.footer-container td {
	font-family:Arial, Verdana;
	font-weight:bold;
	font-size:11px;
	color:White;
	text-align:center;
}

.footer-container span {
    font-family:Arial, Verdana;
	font-weight:bold;
	font-size:11px;
}

.footer-container a:link {
	text-decoration:none;
	color:white;
	}	
.footer-container a:visited {
	text-decoration:none;
	color:white;
	}
.footer-container a:hover {
	text-decoration:none;
	color:orange;
	font-weight:bold;
	}
	
.footer-container a:active {
	text-decoration:none;
	color:white;
	}

/**/ 
/* formularios
/**/
#formulario-cabecera
{
	width:100%;
	border: 0px solid Gainsboro; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    padding-right:2px;
	float:none;	
	display:block;
	background-color: #f4f4f4;
    margin-top:10px;
    padding-top:10px;
    text-align:center;
}

#formulario-cabecera .titulo
{
    font-family:Arial, Verdana;
	font-weight:bold;
	font-size:12px;
	color:black;
}

#formulario-cabecera .subtitulo
{
    font-family:Arial, Verdana;
	font-weight:bold;
	font-size:11px;
	color:Black;
}

#formulario-cabecera table
{
	width:100%; /*ancho total de la pagina*/ 
	border:1px solid Gainsboro; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
}

#formulario-cabecera td
{   
    color:black;
}

#formulario-cabecera td.izquierda
{   
    width:35%;
    text-align:right; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
    font-family:Arial, Verdana;
	font-weight:bold;
	font-size:11px;
}

#formulario-cabecera td.izquierda2
{   
    width:45%;
    text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
    font-family:Arial, Verdana;
	font-weight:bold;
	font-size:11px;
}

#formulario-cabecera td.derecha
{   
    width:65%;
    text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
    font-family:Arial, Verdana;
	font-weight:normal;
	font-size:11px;
}

#formulario-cabecera td.derecha span
{   
    width:55%;
    text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
    font-family:Arial, Verdana;
	font-weight:normal;
	font-size:11px;
}

#formulario-cabecera td.validador 
{   
    text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
    font-family:Arial, Verdana;
	font-weight:normal;
	font-size:11px;
}

#formulario-cabecera td.validador span
{   
    text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
    font-family:Arial, Verdana;
	font-weight:normal;
	font-size:11px;
}

#formulario-cabecera span
{   
    font-family:Arial, Verdana;
	font-weight:bold;
	font-size:11px;
}

#formulario-cabecera a:link {
	text-decoration:none;
	color:blue;
	}	
	
#formulario-cabecera a:visited {
	text-decoration:none;
	color:blue;
	}
	
#formulario-cabecera a:hover {
	text-decoration:none;
	color:red;
	font-weight:bold;
	
	}
	
#formulario-cabecera a:active {
	text-decoration:none;
	color:red;
	}

#formulario-contenido
{
	width:100%; /*ancho total de la pagina*/ 
	float:none;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:10px;
	text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
}



/**/ 
/* Menu imagenes
/**/
img.imagenGrandeMenu
{
    width:25px;
    height:30px;
       
}
img.imagenNormalMenu
{
    vertical-align:text-bottom;
    width:10px;
    height:10px;
       
}
/**/ 
/* menu derecha
/**/

#menuDerecha
{
	float: left;
	width: 185px;
	padding-right: 0px;
	padding-top: 5px;
}

#menuIndicadores
{	
	padding-top: 60px;
	background: #FFF url(/images/icon-indicadores.jpg) no-repeat center top;
}

#menuBoletines
{	
	padding-top: 60px;
	background: #FFF url(/images/icon-boletines.jpg) no-repeat center top;
}

#menuConvocatorias
{	
	padding-top: 60px;
	background: #FFF url(/images/icon-gente.jpg) no-repeat center top;
}

#menuDocumentos
{	
	padding-top: 60px;
	background: #FFF url(/images/icon-documentos.jpg) no-repeat center top;
}

#menuNoticias
{	
	padding-top: 60px;
	background: #FFF url(/images/icon-noticias.jpg) no-repeat center top;
}


.sidebar
{
	width: 95%;
	margin-bottom: 5px;
	margin-left: 5px;
}

.cabeceraMenu
{
	height: 15px;
	padding: 5px 0 0 5px;
	/*background-color:#f5f5f5;*/
	border: 1px solid gray;
	background: #2E4d7B url(/images/fondo-paneles.gif) repeat-y left top;
	color: White;
	font-family: Arial, Verdana;
	font-size: 11px;
	font-weight: bold;
	text-transform:capitalize;
	margin-left:5px;
}
.contenidoMenu
{	
    margin-left:5px;
    border-bottom:1px solid gray;
    border-left:1px solid gray;
    border-right:1px solid gray;
    padding: 5px 5px 5px 5px;
    line-height:1.3em;
}
.contenidoMenu a
{
    font-family: Arial, Verdana;
	font-size: 11px;
	font-weight: normal;
	background: none;
	text-decoration: none;
}
.contenidoMenu a:active
{
    font-family: Arial, Verdana;
	font-size: 11px;
	font-weight: normal;
	background: none;
	text-decoration: none;
}

.contenidoMenu a:visited
{
    font-family: Arial, Verdana;
	font-size: 11px;
	font-weight: normal;
	background: none;
	text-decoration: none;
	color:#888888;
}

.contenidoMenu a:hover
{
    font-family: Arial, Verdana;
	font-size: 11px;
	font-weight: normal;
	background: none;
	text-decoration:none;
    color:#5078B3;
}

#panelNoticias{
    width: 90%;
    /*border: solid 1px #2E4d7B;
    background-color:#f5f5f5;*/
    height: 100px;
    padding: 0px;
    margin-top:5px;
    margin-left:0px;
    margin-right:5px;
}
/**/ 
/* fondos de las columnas
/**/

.fondoIzquierda
{
    background: #f5f5f5 url(/images/bg-mnl.gif) repeat-y  right top;
    /*background-color:White;*/
}
.fondoCentro
{
    background-color:white;
}

.fondoDerecha
{
    background: #f5f5f5 url(/images/bg-mnr.gif) repeat-y  left top;
    /*background-color:White;*/
}

.fondoDireccion
{
    color: white;
    /* background:#2E4d7B url(/images/fondo-direccion.jpg) repeat-x  left top; */
}
.fondoDireccion span
{
    color: white;
  
}

.fondoDatos
{
    color: black;
    background:#f5f5f5 url(/images/fondo-datos.gif) repeat-x  left top;
    border-bottom: solid 1px #f5f5f5;
}
.encabezado
{
    color:white;
    text-align: right;
}

/**/ 
/* Menu principal 
/**/
 
.fondoMenuPrincipal 
{
	/*background: #2E4d7B url(/images/fondo-lateral-azul.gif) no-repeat left top ;*/
	/*background-color:#2E4d7B;*/
	/*background: #2E4d7B url(/images/fondo-direccion.jpg) repeat-x left top ;*/
    background-color:#2E4d7B;
}
/**/ 
/* Menu graficos
/**/

.menuGraficos {
    margin:0 7px 0 0;
    background-color:#f4f4f4;
    border:0px solid #c0c0c0;
    font-family: Arial, Verdana, sans-serif;
    font-size: 9px;
    text-decoration:none;
    font-weight:normal;
    color:#565656;
    cursor:pointer;
    padding:5px 4px 6px 4px; /* Links */
    
}
.menuGraficos a:hover
{
	color:#000000;
	font-size:9px;
	text-decoration: none;
}

.menuGraficos a:visited
{
	color:#565656;
	font-size: 9px;
	text-decoration: none;
}


/**/ 
/* Menu pie
/**/

.fondoPie
{
    background-image: url(/images/bg-menu.gif);
    background-position:bottom;
    font-family: Arial, Verdana;
	font-size: 11px;
	color:#565656;
}

.fondoPie td
{
    font-family: Arial, Verdana;
	font-size: 11px;
	color:#565656;
}

.fondoPie a
{
    color:#565656;
}

.fondoPie a:visited
{
    color:#565656;
    text-decoration:none
}
.fondoPie a:hover
{    
     color:#000000;
}
/**/
/* arbol*/
/**/
.contenidoArbol
{	
    padding: 5px 5px 5px 5px;
    line-height:1.3em;
}
.contenidoArbol a
{
    font-family: Arial, Verdana;
	font-size: 10px;
	font-weight: normal;
	background: none;
	text-decoration: none;
}

.contenidoArbol a:visited
{
    font-family: Arial, Verdana;
	font-size: 10px;
	font-weight: normal;
	background: none;
	text-decoration: none;
	color:#888888;
}

.contenidoArbol a:hover
{
    font-family: Arial, Verdana;
	font-size: 10px;
	font-weight: normal;
	background: none;
	text-decoration:none;
    color:#5078B3;
}

/************************/
/* clase nueva de menu  */
/************************/
.glossymenu{
margin: 5px 0;
padding: 0;
width: 95%; 
border: 1px solid #9A9A9A;
border-bottom-width: 1px;
}

.glossymenu a.menuitem
{
    /*background-color: #7e003e;*/ /*guindo oscuro */
    /*background-color: #2E4d7B;*/
    /*background:#2E4d7B url(/images/fondo-direccion.jpg) repeat-x  left top; */
    font: bold 10px Arial, Verdana;
    color: white;
    display: block;
    position: relative; 
    width: auto;
    padding: 4px 0;
    padding-left: 10px;
    text-decoration: none;
    margin-bottom:1px;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active
{
    color: white;
}

.glossymenu a.menuitem .statusicon
{ 
    position: absolute;
    top: 5px;
    right: 5px;
    border: none;
}

.glossymenu a.menuitem:hover
{
    color:gold;
}

.glossymenu div.submenu
{ 
    background: white;
}

.glossymenu div.submenu ul
{ 
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.glossymenu div.submenu ul li
{
    border-bottom: 1px solid #f5f5f5;
}

.glossymenu div.submenu ul li a
{
    display: block;
    font: normal 9px Arial, Verdana;
    text-transform:uppercase;
    color: black;
    text-decoration: none;
    padding: 2px 0;
    padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover
{
    background: #DFDCCB;
    colorz: white;
}

/*********************************/
/* para Grids: Juan Domingo      */
/*********************************/
.primerNivel
{
    color:  darkred;
}

.primerNivel td
{
    font-weight:bolder;
}


.segundoNivel
{
    color: black;
}

.segundoNivel td
{
    font-weight:bolder;
}


.tercerNivel
{
    color: gray;
}

.tercerNivel td
{
    font-weight:bolder;
}

.cuartoNivel
{
    color: gray;
}

.cuartoNivel td
{
    font-weight:lighter;
}

/*********************************/
/* Visualizador de HTML          */
/*********************************/
#visualizador
{
    margin:10px 10px 10px 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom:20px;
    border: dotted  1px #2E4d7B;
     background: white url(/images/fondo-libros.gif) repeat left top ;
}

#visualizadorLibros
{
    margin:10px 10px 10px 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom:20px;
    border: dotted  1px #2E4d7B;
    background: white url(/images/fondo-libros.gif) repeat left top ;
}

/*********************************/
/* Menu Principal                */
/*********************************/

.bluetabs{
border-bottom: 0px solid gray;
}

.bluetabs ul{
padding: 3px 0;
margin-left: 0px;
margin-top: 1px;
margin-bottom: 0;
font: bold 11px Arial, Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.bluetabs li{
display: inline;
margin: 0;
}

.bluetabs li a{
text-decoration: none;
padding: 0px 7px;
margin-right: 3px;
border: 0px solid #2E4d7B;
color: white;
/*background: white url(media/bluetab.gif) top left repeat-x; /*THEME CHANGE HERE*/
/*background-color:#2E4d7B;*/
/*background: #2E4d7B url(/images/fondo-direccion.jpg) repeat-x left top ;*/
}

.bluetabs li a:visited{
color: white;
}

.bluetabs li a:hover{
text-decoration: underline;
color: gold;
}

.bluetabs li.selected{
}

.bluetabs li.selected a{ /*selected main tab style */
border-bottom-color: white;
}

.bluetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_b{
position:absolute;
top: 0;
border: 1px solid #918d8d; /*THEME CHANGE HERE*/
border-width: 0 1px;
font:normal 11px Arial, Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv_b a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #918d8d; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
color: black;
}

* html .dropmenudiv_b a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_b a:hover{ /*THEME CHANGE HERE*/
background-color: #edf3f3;
}

/*************************************/
/** Para las busquedas de google    **/
/*************************************/
#resultados{
    background-color : #f9f9f9;
    padding-top : 10px;
    width : 100%;
  }

/*************************************/
/** Ventana modal AJAX              **/
/*************************************/  
.modalProgressGreyBackground 
{
    background:#CCCCCC;
	filter:alpha(opacity=60);
	opacity:0.6;
}

.modalProgressRedBackground 
{
    background:Red;
	filter:alpha(opacity=60);
	opacity:0.6;
}

.modalPopup
{
    text-align:center;
    padding-top: 30px; 
    border-style:solid; 
    border-width:1px; 
    background-color:White; 
    width:300px; 
    height:100px;
}

/**********************************************/
/** VISUALIZADOR DE TRABAJOS                 **/
/**********************************************/
.glidecontentwrapper{
    position: relative; /* Do not change this value */
    margin-left:5px;
    width: 97%;
    height: 200px; /* Set height to be able to contain height of largest content shown*/
    border: 1px solid gray;
    overflow: hidden;
    background: #f5f5f5;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
    position: absolute; /* Do not change this value */
    background: #f5f5f5;
    padding: 10px;
    visibility: hidden;
    width: 380px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
    width: 97%;
    margin-top: 6px;
    text-align: center; /*How to align pagination links: "left", "center", or "right"
    background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
    display: -moz-inline-box;
    display: inline-block;
    border: 1px solid black;
    color: #2e6ab1;
    padding: 1px 3px;
    margin-right: 3px;
    font-weight: bold;
    text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
    background: #E4EFFA;
    color: black;
}

.glidecontenttoggler a:hover{
    background: #E4EFFA;
    color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
    background: #1A48A4;
    color: white;
}

/* busqueda */
.Busqueda
{
     margin: 20px 10px 0px 10px;    
}

.Busqueda a:link {
	text-decoration:none;
	color:blue;
	}	
	
.Busqueda a:visited {
	text-decoration:none;
	color:blue;
	}
	
.Busqueda a:hover {
	text-decoration:none;
	color:red;
	font-weight:bold;
	
	}
	
.Busqueda a:active {
	text-decoration:none;
	color:red;
	}