/*estilo nuevo*/

body {
	/*margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	text-align: center;*/
	background: #eceded url('../imagenes/bg.jpg') repeat-x left top;
	color: #707173;
	font-family: Arial, clean, sans-serif;
	font-size: 80%;
	line-height: 21px;
}

p
{
	margin: 0 0 20px 0;
}

li.indentado {
	margin: 0 0 0 20px;
	list-style:disc;
}

.centrado {
	text-align: center;	
}

.alineadoAbajo {
	vertical-align: bottom;
}

.sinBorde {
	border: 0;
}

.iframeInvisible {
	width: 0px;
	height: 0px;
}

.iframeVisible {
	width: 100%;
	height: 400px;
}

strong
{
	color: #707173;
	font-weight: bold;
}

.sin-negrita
{
	font-weight: normal !important;
}

.contenedor
{
	margin: 0 auto; /* Centramos el contenedor para el resto de navegadores */
	text-align: left;
	width: 980px;
}

#cabecera {
	/*width: 100%;
	position: relative;
	text-align: left;
	z-index: 3;
	margin: 0px 0px 0px 0px*/
	background: transparent url('../imagenes/header.jpg') no-repeat left top;
	height: 206px;
	width: 980px;
}

h1
{
	color: #fff;
	display: inline;
	float: left;
	font-size: 300%;
	font-weight: bold;
	height: 79px;
	line-height: 79px;
}
		
h1 span
{
	color: #000;
	font-weight: bold;
}

#titulo
{
	height: 79px;
	width: 980px;
}

.acceso
{
	line-height: 40px;
}

.idiomas a,
.idiomas a:link,
.idiomas a:visited
{
	color: #000;
	text-decoration: none;
}

.idiomas a:hover
{
	color: #0071bc;
	text-decoration: none;
}
	
	
.idiomas
{
	float: right;
	text-align: right;
	line-height: 26px;
}



#menu
	{
		height: 121px;
		margin-top: 16px; /* Separación para la línea blanca de fondo */
		width: 100%;
	}
	
		#menu ul
		{
			display: inline;
			float: left;
			margin: 0 20px 0 0;
		}
		
			#menu li
			{
				background: transparent url('../imagenes/li.gif') no-repeat 0 0;
				padding: 0 10px 5px 25px;
			}
		
			#menu li.activa
			{
				background: transparent url('../imagenes/li-activa.gif') no-repeat 0 0;
			}

		#menu ul.botones
		{
			display: inline;
			float: right;
			margin: 0 -5px 0 20px;
		}
		
			#menu ul.botones li
			{
				background: transparent url('../imagenes/menu-boton.gif') no-repeat 10px 0;
				color: #fff;
				height: 26px;
				margin: 0;
				padding: 3px 0 3px 10px;
				width: 165px;
			}
			
			#menu ul.botones span
			{
				display: inline;
				float: left;
				font-size: 150%;
				margin-right: 15px;
				text-align: right;
				width: 20px;
			}
			
			#menu a,
#menu a:link,
#menu a:visited,
#menu a:hover
{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
	
#menu li.activa a,
#menu li.activa a:link,
#menu li.activa a:visited,
#menu li.activa a:hover
{
	color: #f7eb0c;
	font-weight: bold;
	text-decoration: none;
}

.blanco
{
	color: white;
}

.azul
{
	color: navy;
}

.rojo
{
	color: red;
}

.verde
{
	color: green;
}

.negro {
	color: #000;	
}

/* Footer
 ---------------------------------------------------------------------- */

#footer
{
	background: #2d2d2d;
	color: #fff;
	font-size: 85%;
	margin: 50px 0 0 0;
	padding: 10px 0 50px 0;
}

#footerPublicidad
{
	color: #000;
	font-size: 85%;
	margin: 0px 0 0 0;
	padding: 10px 0 0px 0;
	text-align: center;
}

	.info-institucion
	{
		float: left;
		margin-left: 10px;
	}
	
	.info-legal
	{
		float: right;
		margin-right: 10px;
	}
	
/* Elementos del pie de página
 ---------------------------------------------------------------------- */

#footer a, #footer a:link, #footer a:visited
{
	color: #fff;
	text-decoration: none;
}

#footer a:hover
{
	color: #aaa;
	text-decoration: none;
}

/* Elementos para el submenu de la izquierda
 ---------------------------------------------------------------------- */

#contenido
{
	margin: 10px 0;
}

	#contenido-submenu
	{
		display: inline;
		float: left;
		margin-top: 100px;
		width: 230px;
	}
		
		#contenido-submenu ul
		{
			margin-bottom: 50px;
		}
	
		#contenido-submenu ul li
		{
			line-height: 20px;
			list-style: none;
			padding: 0 0 0 15px;
		}

	#contenido-principal
	{
		/*display: inline;
		float: right;*/
		width: 750px;
		margin-left: 115px
	}
	
/* Enlaces generales
 ---------------------------------------------------------------------- */

a, a:link, a:visited
{
	color: #0071bc;
	text-decoration: none;
}

a:hover
{
	color: #707173;
	text-decoration: none;
}
	
#contenido a,
#contenido a:link,
#contenido a:visited,
#contenido a:hover
{
	font-weight: bold;
}

/* Elementos para el submenu de la izquierda
 ---------------------------------------------------------------------- */

#contenido-submenu a,
#contenido-submenu a:link,
#contenido-submenu a:visited
{
	color: #707173;
	font-weight: bold;
	text-decoration: none;
}

#contenido-submenu a:hover
{
	color: #0071bc;
	font-weight: bold;
	text-decoration: none;
}

#contenido-submenu .activa
{
	background: transparent url('../imagenes/lista-submenu.png') no-repeat 0 2px;
}

	#contenido-submenu .activa a,
	#contenido-submenu .activa a:link,
	#contenido-submenu .activa a:visited
	{
		color: #0071bc;
		font-weight: bold;
		text-decoration: none;
	}
			
/* Ruta de migas de pan - breadcumbs
 ---------------------------------------------------------------------- */

.ruta
{
	color: #000;
	cursor: default;
	display: block;
	height: 30px;
	line-height: 20px;
	margin: 0 0 10px 0;
	font-size: 95%;
}

.ruta a,
.ruta a:link,
.ruta a:visited
{
	color: #707173;
	text-decoration: none;
}

.ruta a:hover
{
	color: #0071bc;
	text-decoration: none;
}

.ruta li
{
	background: transparent url('../imagenes/lista.png') no-repeat left center;
	display: inline;
	float: left;
	padding: 0 10px;
}

/* Cabeceras
 ---------------------------------------------------------------------- */

h2
{
	color: #0071bc;
	font-size: 200%;
	font-weight: bold;
	height: 55px;
	line-height: 25px;
	margin-top: 30px;
}

h3
{
	color: #000;
	font-size: 100%;
	font-weight: bold;
	margin: 10px 0;
}
	h3 span
	{
		float: right;
		font-size: 80%;
	}
		
		h3 span strong
		{
			font-size: 120%;
		}

	h3 .restringido
	{
		background: transparent url('../imagenes/restringido.png') no-repeat 0 0;
		padding-left: 20px;
	}

h4
{
	background: #707173;
	color: #fff;
	font-size: 100%;
	font-weight: normal;
	margin: 10px 0 0 0;
	padding: 2px 10px;
	
	/* No funciona para IE6 */
	/* No valida CSS */
	/*
	border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	*/
}

.caja-grande-lista
{
	background: #d9dadb;
	padding: 10px;
	border-bottom: 2px solid #fff;
	text-align: justify;
}

/* Flotacion de imagenes y otros
 ---------------------------------------------------------------------- */

img.espaciado
{
	vertical-align: baseline;
	margin: 0 5px 0 5px;
}

img.bloque
{
	display: block;
	margin: auto auto 10px auto;
}

img.izquierda
{
	float: left;
	margin: 0 10px 0 0;
}

img.derecha
{
	float: right;
	margin: 0 0 0 10px;
}

.izquierda
{
	float: left;
}

.derecha
{
	float: right;
}

hr
{
	background: #58585a;
	color: #58585a;
	height: 5px;
	margin: 20px 0;
}

hr.nada
{
	height: 0px;
	border: 0;
}

.letraPequena {
	font-size: 80%;
}
/************************************************************************************************************
************************************************************************************************************
************************************************************************************************************ 
fin estilo nuevo   
************************************************************************************************************
*************************************************************************************************************/

textarea {
	overflow: auto;
}



.subrayar a:hover {
	text-decoration: underline;
}


#navegador {
	display: none;
}

#navegadorGris {
	margin-top: 1em;
}

/*#derecha {
	border: 0px solid #0f0;
	width: 95%;
	margin-left: 26%;
}

html>body #derecha {
	width: 70%
}*/

#abajo {
	clear: both;
	width: 100%;
}


.importante {
	font-weight: bold;
	font-size: 12px;
}

.tablaDatos {
	width: 90%;
	font-size:11px;
}

.tablaDatos .etiqueta {
	width: 17%;
	text-align: left;
}

.tablaDatos .txt {
	width: 33%;
}

tablaDatos select{
	width: 300px;
}
tablaDatos textarea {
	width: 90%;
}

.columnaDerGris {
	width: 100%;
	border: 1px solid Gray;
	padding: 0px 0px 30px 0px;
	margin-top: 1em;
}

.contenedorInt {
	width: 98%;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}

.centralIntSin {
	width: 98%;
	margin: 0px 0px 0px 0px;
}

.titlatSin {
	font-weight: bold;
	margin: 6px 0px 8px 0px;
}

.titlatSin2 {
	text-transform: uppercase;
	padding: 2px 3px 2px 8px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0px 0px 8px 0px;
}

.contenedor2 {
	width: 98%;
	margin: 0px 0px 0px 0px;
}

.textForm {
	text-align: right;
	padding: 2px 8px 2px 5px;
	margin: 0px 0px 5px 0px;
}

.campos {
	text-decoration: none;
	height: 19px;
}

.camposArea {
	text-decoration: none;
}

.contTablaBorde2 {
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-color: #334B76;
}

.contTabulado3px {
	margin-left: 3px;
	width: 100%;
}

/*Estilos que no esta comprobado si se usan*/
#tabs {
	text-align: left;
}

div.tabPane {
	border: 1px solid #01309C;
}

table.dataTable td,table.dataTable th {
	padding: 3px;
}

table.dataTable th {
	font-weight: bold;
}

/* Estilos barra de % de proceso completado */
div.progress-container {
  border: 1px solid #ccc; 
  width: 100px; 
  margin: 2px 5px 2px 0; 
  padding: 1px; 
  float: left; 
}

div.progress-container > div {
  height: 9px
}

.ongletMain {
	BORDER-RIGHT: #01309C 2px solid;
	BORDER-TOP: medium none;
	BORDER-LEFT: #01309C 2px solid;
	BORDER-BOTTOM: #01309C 2px solid;
}

.clsAction {
	FONT-WEIGHT: bold;
	FONT-SIZE: 8pt;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

/* title of a selected tabbed panel */
.ongletTextEna {
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;
	FONT-WEIGHT: bold;
	FONT-SIZE: 7pt;
	BORDER-LEFT: medium none;
	BORDER-BOTTOM: medium none;
	text-decoration: none;
	TEXT-ALIGN: center;
	letter-spacing: 2px;
	height: 18px;
}

.ongletTextErr {
	BORDER-RIGHT: #c5c5c5 1px solid;
	BORDER-TOP: #c5c5c5 1px solid;
	FONT-WEIGHT: bold;
	FONT-SIZE: 7pt;
	BORDER-LEFT: #c5c5c5 1px solid;
	BORDER-BOTTOM: #80add6 2px solid;
	TEXT-ALIGN: center;
	height: 18px;
	letter-spacing: 2px;
}

.ongletMiddle {
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;
	FONT-SIZE: 2px;
	BORDER-LEFT: medium none;
	BORDER-BOTTOM: medium none;
}

.ongletSpace {
	BORDER-BOTTOM: medium none;
}

.ongletTextDis {
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;
	FONT-WEIGHT :       bold;
	FONT-SIZE: 7pt;
	BORDER-LEFT: medium none;
	BORDER-BOTTOM: medium none;
	TEXT-ALIGN: center;
	height: 18px;
	letter-spacing: 2px;
}

.notificacionesnuevas {
	 border: 2px solid #01309C;
	 margin-top: 2em;
	 margin-bottom: 2em;
	 padding: 1em;
}

.tachado {
	text-decoration: line-through;
}

.cabeceraFaq a{
	text-decoration: underline;
}

.cabeceraFaq a:hover {
	text-decoration: none;
}

fieldset ul {
	padding:0 10px 10px 13px;
}

fieldset li {
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 10px;
}




/**********COLORES DEL CALENDARIO************
 ***********calendar-green.css****************/
.calendar, .calendar table {
    color: #000;
    background: #efe;
    border: 1px solid #000;
}

.calendar .button {
    background: #ECEDED;
    color: #000;
}

.calendar .nav {
    background: #ECEDED url(menuarrow.gif) no-repeat 100% 100%; /*color para las flechas de siguiente mes o a�o*/
}

.calendar thead .title { /* This holds the current "month, year" */
    background: #0071BC; /*COlor de la cabecera*/
    color: #fff; 
}

.calendar thead .name { /* Cells <TD> containing the day names */
    background: #0071BC; /*COlor de la cabecera*/
    color: #fff;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
    background: #0071BC; /*COlor de la cabecera*/
    color: #fff;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
    background: #0071BC; /*COlor de la cabecera*/
    color: #fff; /*Color al seleccionar las flechas, o la opci�n hoy*/
}

.calendar thead .active { /* Active (pressed) buttons in header */
    background-color: #8CC63F; /*Color al seleccionar la opci�n de las flechas o de hoy*/
}

.calendar thead .daynames { /* Row <TR> containing the day names */
    background: #8CC63F; /*Color de fondo de los d�as de la semana*/
}

.calendar tbody .day { /* Cells <TD> containing month days dates */
    color: #333;
}

.calendar tbody .day.othermonth {
    color: #bbb;
}

.calendar tbody .day.othermonth.oweekend {
    color: #fbb;
}

.calendar table .wn {
    background: #0071BC; /*COlor de la cabecera*/
    color: #fff; /*Color tabla izquierda con el n�mero de la semana*/
}

.calendar tbody .rowhilite td {
    background: #8CC63F;
    color: #fff; /*Color de fondo al seleccionar con el rat�n un d�a en el calendario*/
}

.calendar tbody .rowhilite td.wn {
    background: #0071BC; /*Color de fondo de la semana al seleccionar un d�a con el rat�n*/
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
    background: #efd;
    font-weight: bold;
    color: #000; /*Color de fondo del d�a seleccionado*/
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
    background: #dec;
}

.calendar tbody td.selected { /* Cell showing today date */
    background: #f8fff8; /*Color de fondo del d�a actual*/
    color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
    color: #f00;
}

.calendar tbody td.today { color: #000; }

.calendar tbody .disabled { color: #999; }

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
    background: #8CC63F;
    color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
    background: #0071BC; /*Color de fondo del pie*/
    color: #fff;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
    background: #0071BC;
    color: #fff;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
    background: #7c7;
}

.calendar .combo {
    background: #8CC63F; /*Color del men� desplegable*/
    color: #000;
}

.calendar .combo .hilite {
    background: #FFFFFF; /*Color de fondo al seleccionar una opci�n de las listas desplegables*/
}

.calendar .combo .active {
    background: #E0E6E6;
}

.calendar td.time {
    background-color: #dfb;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
    background-color: #fff;
}

.calendar td.time span.hilite {
    border-color: #000;
    background-color: #686;
    color: #000;
}

.calendar td.time span.active {
    border-color: #f00;
    background-color: #000;
    color: #0f0;
}

.calendar td div {
    font-size: 11px;
}

#barraNotificaciones {
	position:fixed;
	top:0px;
	left: 0px;
	margin-left: 20%;
	font-size: 10pt;
	color: #000;
	z-index:9999;
	width:60%;
	background:#8CC63F;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
	text-align: center;
	display:none;
}

#barraSugerencias {
	position:fixed;
	top:20px;
	left: 0px;
	margin-left: 20%;
	font-size: 10pt;
	color: #000;
	z-index:9999;
	width:60%;
	background:#fff;
	-moz-opacity: 0.8;
	opacity:.90;
	filter: alpha(opacity=80);
	text-align: center;
	
	border: 4px solid #2D2D2D;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#barraSugerencias .cabecera {
	width: 100%;
	background-color:#0071BC;
	color: #fff;
	margin-bottom:10px;
}

#barraSugerencias .sugerencia {
	text-align:justify;
	padding-left: 30px;
	padding-right: 30px;
}

#barraSugerencias .cabecera img {
	position: absolute;
	right: 0px;
	vertical-align: top;
}

.sugerenciasBorrar {
	text-align: right;
	background-color: #ccc;
}

.sugerencias {
	position: absolute;
	width: 200px;
	border: 1px solid #000;
	z-index: 10;
	background-color: #eee;
	font-size:8pt;
}

.sugerenciasLista ul {
	margin: 0;
	padding : 0;
	list-style: none !important;
}

/* indicate selection with background color */
.sugerenciasLista li:hover {
	background-color: #8CC63F;
	color: #eee;
}

.textoJustificado
{
	text-align: justify;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #2D2D2D;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #e6e6e6;
	padding: 5px;
	opacity: 1;
	color: #000;
}

#tooltip h3, #tooltip div {
	color: #000;
	font-weigth: bold;
	margin: 0; 
}

.espacioBlanco {
	height: 50px;
}