html, body {
	padding:0;
	margin:0;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	height:100%;
	width:100%;
}
.cursor{
	cursor:pointer;
}
.row {
	clear:both;
}
.col {
	float:left;
}
.col0 {
	float:right;
}
.contenido_home {
	margin:5px auto 0 auto;
	width:1100px;
}
input {
	font-size:13px;
	font-family:Verdana, Geneva, sans-serif;
	padding-left: 2px;
	padding-right: 2px;
}
input[type="text"]{
	/*border:1px solid #A2BBE6;*/
	height:26px;
}

input.calendario{
	background: url('../images/icono_calendario.png') no-repeat scroll 0 0 transparent;
	background-color:#FFF;
	background-position:right;
	border: 1px solid #BFBFBF;
	color: #666666;
	padding: 2px 10px 2px 2px;
	width:90px;
}
input.calendario_desh{
	background-color:#CCC;
	background-position:right;
	border: 1px solid #BFBFBF;
	color: #666666;
	padding: 5px 10px 5px 5px;
	width:90px;
}
.comentario_ayuda{
	font-size:10px;
	color:#666;
}
/* tags */
hr.style-one {
	border: 0;
	height: 1px;
	background: #333;
	background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
	background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
	background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
	background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
}
hr.style-two {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
hr.style-three {
	border: 0;
	border-bottom: 1px dashed #ccc;
	background: #999;
}
hr.style-four {
	height: 12px;
	border: 0;
	box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);
}
hr.style-five {
	border: 0;
	height: 0; /* Firefox... */
	box-shadow: 0 0 10px 1px black;
}
hr.style-five:after {  /* Not really supposed to work, but does */
	content: "\00a0";  /* Prevent margin collapse */
}
hr.style-six {
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
hr.style-seven {
	height: 30px;
	border-style: solid;
	border-color: black;
	border-width: 1px 0 0 0;
	border-radius: 20px;
}
hr.style-seven:before { /* Not really supposed to work, but does */
	display: block;
	content: "";
	height: 30px;
	margin-top: -31px;
	border-style: solid;
	border-color: black;
	border-width: 0 0 1px 0;
	border-radius: 20px;
}
hr.style-eight {
	padding: 0;
	border: none;
	border-top: medium double #333;
	color: #333;
	text-align: center;
}
hr.style-eight:after {
	content: "|";
	display: inline-block;
	position: relative;
	top: -0.7em;
	font-size: 1.5em;
	padding: 0 0.25em;
	background: white;
}
/*Login*/
.formulario_login{
	width:100%;
	height:100%;
	background-color:#FFF;
}
.footer{
	background-color:#FFF;
	width:100%;
	padding-top:180px;
	text-align:center;
	font-size:12px;
}
.logo{
	width:202px;
	height:202px;
	margin:0 auto 0 -70px;
}
.slogan{
	width:222px;
	height:72px;
	margin:0 auto 0 auto;
	margin-top:80px;
}
.espacio_logo{
	width:240px;
	margin:0 auto 0 auto;
	height:100%;
}
.login{
	position: relative;
	height:100%;
	float:left;
	background-color:#FFF;
}
.	caja_logon{
	position:absolute;
	top:370px;
	left:200px;
}
.fondo_login{
	background-image:url(../images/login_fondo.png);
	background-repeat:no-repeat;
	width:100%;
	height:439px;
}
#login, #password{
	border:0px;
	font-size:22px;
	
}
#login:focus, #login:active, #login:hover, #login:-webkit-autofill, #password:focus, #password:active, #password:hover, #password:-webkit-autofill{
	background-color:#FFF;
	outline-style:none;
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}
.tit_passwd, .tit_usuario{
	height:40px;
	width:90px;
}
.tit_passwd, .tit_usuario{
	padding-top:30px;
	padding-left:10px;
}
.clave, .usuario{
	padding-top:20px;
	margin-left: 6px;
}
#ingresar{
	background-color: #0854aa;
	color:#FFF;
	border:0px;
	padding:0px 0px 0px 0px;	
	font-weight:bold;
	font-family:calibri;
	font-size:18px;
	width:328px;
	height:45px;	
}
.seccion_login{
	border-top:1px solid #bdbdbd;
	border-left:1px solid #bdbdbd;
	border-right:1px solid #bdbdbd;
}
.seccion_password{
	border:1px solid #bdbdbd;
}
.seccion_login, .seccion_password{
	width:380px;
}
.seccion_login, .seccion_password{
	background-color:#FFF;
}
.header{
	position:relative;
}
.superior_menu{
	/*background-color:#0854aa;*/
	background-color:#3d125c;
	width:94%;
	height:58px;
	clear:both;
	margin: auto;
}
.inferior_menu{
	width:94%;
	height:75px;
	background-image:url(../images/borde_menu2015.png);
	background-repeat:repeat-x;
	clear:both;
	position:relative;
}



.titulo_header{
	position:absolute;
	left:500px;
	top:15px;
}
.info_usuario{
	position:absolute;
	padding:10px 5px;
	left:600px;
	top:10px;
	background-color:#FFF;
	opacity:0.6;
	width:150px;
	height:30px;
	font-size:12px;
	text-align:center;
	/*para Firefox*/
	-moz-border-radius: 15px 15px 15px 15px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 15px 15px 15px 15px;
	/* para Opera */
	border-radius: 15px 15px 15px 15px;
}
.barra_menu{
	position:absolute;
	left:160px;
	top:5px;
}
.logo_menu{
	position:absolute;
	left:50px;
	top:10px;
	z-index: 99999;
}
/* validate */
.my-error-class {
	color:#FF0000;  /* red */
}
.my-valid-class {

}
select.error, textarea.error, input.error {
	color:red;
}
/* formularios programas */
/* efectos cajas */
.content-box-blue,
.content-box-gray,
.content-box-green,
.content-box-purple,
.content-box-red,
.content-box-yellow {
	margin: 10px 0 10px;
	overflow: hidden;
	padding: 5px;
}

.content-box-blue {
	background-color: #d8ecf7;
	border: 1px solid #afcde3;
}

.content-box-gray {
	background-color: #e2e2e2;
	border: 1px solid #bdbdbd;
}

.content-box-green {
	background-color: #d9edc2;
	border: 1px solid #b2ce96;
}

.content-box-purple {
	background-color: #e2e2f9;
	border: 1px solid #bebde9;
}

.content-box-red {
	background-color: #f9dbdb;
	border: 1px solid #e9b3b3;
}

.content-box-yellow {
	background-color: #fef5c4;
	border: 1px solid #fadf98;
}
/*efectos listas*/
.listado_error ul{
	margin:0;
	padding:0 0 20px 30px;
}
.listado_error ul li{
	margin: 0;
	padding:2px 0 5px 0;
	list-style-type: circle; /*este es el tipo de viñeta*/
	font-size: 24px; /*este es el tamaño de la viñeta*/
	color: #f8b22a;  /*este es el color de la viñeta*/
}
.listado_error ul li:hover {
	/* aquí van los estilos que se verán al poner el puntero sobre el enlace*/
	list-style-type: disc; /*este es el estilo de la viñeta*/
	color: inhrit; /*aquí pones el color que se verá la viñeta al poner el puntero encima "efecto hover" */
}
.listado_error li{
	margin:0;
	padding:0;
}
.listado_error li a{
	color: #241802; /*este es el color de la letra de la etiqueta*/
	font-size: 16px;/*este es el tamaño de la letra de la etiqueta*/
	padding:0;
	margin:0;
	text-decoration: none;
}
.listado_error li a:hover {
	color: inherit; /*aqui pones el color del enlace de la etiqueta al poner el puntero arriba*/
	font-weight: normal; /*si en lugar de normal pones bold la letra se vera negrita al poner el puntero del ratón encima*/
}

/* input del formulario */

input.btn_guardar{
	border: 1px solid #dedede;
	border-radius: 3px;
	color: #FFF;
	display: inline-block;
	font: bold 12px/12px HelveticaNeue, Arial;
	padding: 8px 11px;
	text-decoration: none;
	cursor:pointer;
}

input.btn_guardar.color_blue{
	background:#06C;
	border-color: #dedede #d8d8d8 #d3d3d3;
	box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #0066cc;
	color: #000;
	text-shadow: 0 1px 0 #ccc;
	background: -moz-linear-gradient(top,  #99ccff, #99ccff);
	background: -webkit-linear-gradient(top,  #99ccff, #99ccff);
	background: o-linear-gradient(top,  #99ccff, #99ccff);
	background: ms-linear-gradient(top,  #99ccff, #99ccff);
	background: linear-gradient(top,  #99ccff, #99ccff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0');
}
/*input.btn_guardar.color_blue{
	background:#06C;
	border-color: #dedede #d8d8d8 #d3d3d3;
	box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #216CB8;
	color: #FFF;
	text-shadow: 0 1px 0 #000;
	background: -moz-linear-gradient(top,  #06C, #216CB8);
	background: -webkit-linear-gradient(top,  #06C, #216CB8);
	background: o-linear-gradient(top,  #06C, #216CB8);
	background: ms-linear-gradient(top,  #06C, #216CB8);
	background: linear-gradient(top,  #06C, #216CB8);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0');
}*/

input.btn_guardar.color_blue:hover{
	background: #005e99;
	color:#000;
	border-color: #c7c7c7 #c3c3c3 #bebebe;
	box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
	text-shadow: 0 1px 0 #fdfdfd;
	background: -moz-linear-gradient(top,  #efefef, #f8f8f8);
	background: -webkit-linear-gradient(top,  #efefef, #f8f8f8);
	background: -o-linear-gradient(top,  #efefef, #f8f8f8);
	background: -ms-linear-gradient(top,  #efefef, #f8f8f8);
	background: linear-gradient(top,  #efefef, #f8f8f8);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f8f8f8');
}

input.btn_guardar.color_green{
	background:#3C6;
	border-color: #3C0 #339900 #336600;
	box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #3C6;
	color: #FFF;
	text-shadow: 0 1px 0 #000;
	background: -moz-linear-gradient(top,  #3C6, #393);
	background: -webkit-linear-gradient(top,  #3C6, #393);
	background: o-linear-gradient(top,  #3C6, #393);
	background: ms-linear-gradient(top,  #3C6, #393);
	background: linear-gradient(top,  #3C6, #393);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0');
}

input.btn_guardar.color_green:hover{
	background: #3C6;
	color:#000;
	border-color: #c7c7c7 #c3c3c3 #bebebe;
	box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
	text-shadow: 0 1px 0 #fdfdfd;
	background: -moz-linear-gradient(top,  #efefef, #f8f8f8);
	background: -webkit-linear-gradient(top,  #efefef, #f8f8f8);
	background: -o-linear-gradient(top,  #efefef, #f8f8f8);
	background: -ms-linear-gradient(top,  #efefef, #f8f8f8);
	background: linear-gradient(top,  #efefef, #f8f8f8);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f8f8f8');
}
input.btn_guardar.color_yellow{
	background: #9C3;
	border-color: #dedede #d8d8d8 #d3d3d3;
	box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #6699ff;
	color: #000;
	text-shadow: 0 1px 0 #ccc;
	background: -moz-linear-gradient(top,  #6699ff, #6699ff);
	background: -webkit-linear-gradient(top,  #6699ff, #6699ff);
	background: o-linear-gradient(top,  #6699ff, #6699ff);
	background: ms-linear-gradient(top,  #6699ff, #6699ff);
	background: linear-gradient(top,  #6699ff, #6699ff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0');
}
/*input.btn_guardar.color_yellow{
	background: #9C3;
	border-color: #dedede #d8d8d8 #d3d3d3;
	box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #C00;
	color: #FFF;
	text-shadow: 0 1px 0 #000;
	background: -moz-linear-gradient(top,  #C00, #C33);
	background: -webkit-linear-gradient(top,  #C00, #C33);
	background: o-linear-gradient(top,  #C00, #C33);
	background: ms-linear-gradient(top,  #C00, #C33);
	background: linear-gradient(top,  #C00, #C33);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0');
}*/

input.btn_guardar.color_yellow:hover{
	background: #9C3;
	color:#000;
	border-color: #c7c7c7 #c3c3c3 #bebebe;
	box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
	text-shadow: 0 1px 0 #fdfdfd;
	background: -moz-linear-gradient(top,  #efefef, #f8f8f8);
	background: -webkit-linear-gradient(top,  #efefef, #f8f8f8);
	background: -o-linear-gradient(top,  #efefef, #f8f8f8);
	background: -ms-linear-gradient(top,  #efefef, #f8f8f8);
	background: linear-gradient(top,  #efefef, #f8f8f8);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f8f8f8');
}
input.btn_guardar.color_amarillo{
	background:#FF0;
	border-color: #dedede #d8d8d8 #d3d3d3;
	box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #3399ff;
	color: #000;
	text-shadow: 0 1px 0 #ccc;
	background: -moz-linear-gradient(top,  #3399ff, #3399ff);
	background: -webkit-linear-gradient(top,  #3399ff, #3399ff);
	background: o-linear-gradient(top,  #3399ff, #3399ff);
	background: ms-linear-gradient(top,  #3399ff, #3399ff);
	background: linear-gradient(top,  #3399ff, #3399ff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0');
}
/*input.btn_guardar.color_amarillo{
	background:#FF0;
	border-color: #dedede #d8d8d8 #d3d3d3;
	box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #FC3;
	color: #000;
	text-shadow: 0 1px 0 #CCC;
	background: -moz-linear-gradient(top,  #FF0, #FF6);
	background: -webkit-linear-gradient(top,  #FF0, #FF6);
	background: o-linear-gradient(top,  #FF0, #FF6);
	background: ms-linear-gradient(top,  #FF0, #FF6);
	background: linear-gradient(top,  #FF0, #FF6);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0');
}*/

input.btn_guardar.color_amarillo:hover{
	background: #9C3;
	color:#000;
	border-color: #c7c7c7 #c3c3c3 #bebebe;
	box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
	text-shadow: 0 1px 0 #fdfdfd;
	background: -moz-linear-gradient(top,  #efefef, #f8f8f8);
	background: -webkit-linear-gradient(top,  #efefef, #f8f8f8);
	background: -o-linear-gradient(top,  #efefef, #f8f8f8);
	background: -ms-linear-gradient(top,  #efefef, #f8f8f8);
	background: linear-gradient(top,  #efefef, #f8f8f8);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f8f8f8');
}
table.cabecera_proyecto, .titulo_formulario{
	width:700px;
}
.titulo_formulario{
	margin:0 auto 0 auto;
	font-weight:bold;
	padding:5px;
}
.titulo_inscripcion{
}
.titulo_listadoformulario{
	width:700px;
	margin:0 auto 0 auto;
	font-weight:bold;
	padding:5px;
	text-align:center;
}
.titulo_descargalistado{
	font-size:10px;
}
table {
	font-size:12px;
}
table.cabecera_proyecto{
	border-top: 3px solid #363636;
	border-collapse: separate;
	border-spacing: 10px 0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	background-color:#eeeeee;
}
table.cabecera_proyecto thead tr > th{
	margin-top:15px;
	text-align:right;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
}
table.cabecera_proyecto tr > td, table.cabecera_proyecto tr > th {
	border-bottom:1px solid red;
	padding: 4px;
	border-color: #cccccc;
	background-color:#eeeeee;
	-moz-border-radius: ;
}
table.cabecera_proyecto tr:hover > td, table.cabecera_proyecto tr:hover > th {
	background-color:#C8C8C8;
}
.formulario_fondo{
	background-color:#eeeeee;
	border-top:1px solid #cccccc;
	width:900px;
	margin:0 auto 0 auto;
	margin-top:20px;
}
.formulario_registro > table{
	width:1024px;
}
table.formulario_registro tr > td{
	text-align:center;
}
table.formulario_registro table tr > td{
	padding:5px;
}
.subcabecera_detalle thead tr th.caja_titulo{
	background-color: #6699cc;
	color:#FFF;
	font-weight:bold;
	height:100%;
	width:100%;
}
table.subcabecera_detalle tbody tr > td{
	background-color:#dfdddd;
	padding: 5px 5px 5px 5px;
}
table.subcabecera_detalle tfoot tr > td{
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #CCC;
	border-top: none;
	font-size:10px;
}
table.subcabecera_detalle tfoot > tr:last-child td,
table.subcabecera_detalle tfoot > tr:first-child td{ /* primera fila */
	border-top:none;
}
table.subcabecera_detalle tfoot tr:hover > td{
	background-color:#e6e6e6;
	cursor:pointer;
}
table.subcabecera_detalle tfoot tr:focus:hover > td{
	background-color:#A4BBBF;
}
.active{
	background-color: #7DAFFF;
}
.calendario{
}
.cabecera_proyecto{

}
#listado_detalle{
	margin:10px 0 50px 0;
}
table.titulo_destacado{
	width:98%;
}
.fondo_destacado{
	background-color:#BFD6FF;
	color:#000;
	font-weight:bold;
}
.lista_categoria{
	height:100px;
	width:100%;
}
.detalle_destacado{
	border-collapse: collapse;
	margin:0px;
	padding:0px;
}
#descargas{
	width:150px;
	height:40px;
	margin:15px 0 0 60px;
	background-color:#fff;
	border:1px solid #cccccc;
	padding:10px 0 20px 20px;
	clear:both;
}
#descargas .icono_descarga{
	float:left;
	margin-right:10px;
	cursor:pointer;
	border:1px;
}
#descargas .icono_descarga, .titulo_descargalistado{
	width:70px;
}
.campo_deshabilitado{
	background-color:#CCC;
}
.campo_habilitado{
	background-color:#FFF;
}
/**/
.celda_sincaja, .celda_sincajacorta{
	border:0px;
	background-color:transparent;
	text-align:center;
}
.celda_sincajacorta{
	font-size:10px;
	width:100%;
}
.no_aplica{
	color:#999;
}
#modal{
	display:none;
}
.open_link{
}
.open_link:hover{
	color:#03C;
	font-weight:bold;
}
.titulo_dialog{
	font-weight: bold;
	font-size:40px;
	text-align:center;
}
input.borde_rojo{
	border:1px solid red;
}
.repositorio{
	border:1px solid #039;
	width:150px;
	margin:10px;
	/*para Firefox*/
	-moz-border-radius: 5px 5px 5px 5px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 5px 5px 5px 5px;
	/* para Opera */
	border-radius: 5px 5px 5px 5px;

}
.boton_inicio{
	border:4px solid #FFF;
	width:280px;
	margin:10px;
	/*para Firefox*/
	-moz-border-radius: 5px 5px 5px 5px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 5px 5px 5px 5px;
	/* para Opera */
	border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.78);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.78);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.78);

}
.titulo_descarga{
	height:40px;
	background-color:#039;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	-moz-border-radius: 5px 5px 0px 0px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 5px 5px 0px 0px;
	/* para Opera */
	border-radius: 5px 5px 0px 0px;
}
.descarga a{
	padding-left:10px;
	font-size:13px;
	font-weight:bold;
	color:#C00;
	cursor:pointer;
	text-decoration:none;
}
.descarga a:hover{
	color:#000;
}
.descarga div{
	background-image:url(../images/cloud-download-24.png);
	background-repeat:no-repeat;
	background-position: right;
	width:90%;
	height:24px;
}
.titulo_descarga,.descarga{
	width:100%;
	padding-top:5px;
}
.repositorio_posicion{
	position: absolute;
	bottom:50px;
	/*
	transform: translate(-50%, 50%);
	-webkit-transform: translate(-50%, 50%);	
	*/
}
.ingresar_sistema{
	font-size:16px;
	font-weight:bold;
	-moz-border-radius: 0px 0px 5px 5px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 0px 0px 5px 5px;
	/* para Opera */
	border-radius: 0px 0px 5px 5px;
	background-color:#FFF;
}
.old_sistema{
	font-size:13px;
	font-weight:bold;
	background-color:#B51B1C;
	-moz-border-radius: 0px 0px 0px 0px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 0px 0px 0px 0px;
	/* para Opera */
	border-radius: 0px 0px 0px 0px;
}
.old_sistema:hover{
	color:#999;
}
.listado_links{
	text-align:left;
}
.listado_links ul{
	padding:0px;
	margin-left:20px;
}
.caja_links{
	width:600px;
	margin:0 auto 0 auto 0;
}
<!-- -->

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not
        listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with
        its content--*/
}
<!-- -->
.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 20px;
	font-size: 12px;
}

<!-- -->


.orden_menu > td{
	text-align:left;
}

.encabezado_ficha{
	/*background-color:#C00;*/
	background-color: #6699cc;
	color:#FFF;
	width:100%;
	text-align:center;
	margin:0 auto 0 auto;
	font-weight:bold;
	padding:5px;
}
.letra_observacion{
	font-size:11px;
}

.alinear_derecha{
	text-align:right;
	letter-spacing:2px;
}
.alinear_centrado{
	text-align:center;
}
.icono_pdf{
	border:none !important;
	border-width:0;
	padding:1px;
	background-repeat:no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAEKUlEQVRIS5VVb0xbVRT/tZRG2gkFEz7wtZNEBAczktAukWRZ5p9pQvwkQ7MQ3T4ZExMNUTOWgMlMdNFIFpmZhCVziSnOLN1oFhdRtii6UiqBSYEyO6C00A5c6drX11fPuW3fgLabvfTkvnffvb/f+Z17zkGDB+N1evxuy/ujHu/TBrm8vPzxmpoatLS0zA0MDDTQWpwslT2s2YKSmpychNlsRllZ2UPBJUlSMcLhu0gmkwgEAmhra1vy+XyN9DFMpjDINoJoNPpI8CyzJMXB+0dGRmCxWFFdXQ273Y7e3l5lbGyskvZFmGQbQSqlKstRwN80Gg14ZpPlBDY3o7hy5TIOHXoFFRUV9L6J4eFhtLe3n0kkEu8RSDQvAQM4HA6sra2hqakJTqdThGTv3mcxPu7EwYMvoKqqEvG4BJvNhs7Ozp0OzdDCfrJgDgF7ySMSiUCn06GkRCsimUoppEAr5qzSRELG7dsLWLpzB3/c/FPEe3nRh9P9ZxczBP9kCXhWZFkWoIdPXsL5rlfR19eH+vqnMT8/L5RMTEykwenX8UYHpHgcoXAYMt1HeH1dKP7pqgOnvui7S3hWsgUGzgn8tw43Lv0+hx9PvAa/fxm7jEZSUgKtlhXQHdCfklRE9rAiHhz/hQUvrl21o7vnM17ilJ0XBJfH5iDJCkq0GugoJOF7McQkGXZad3z+Fj7t7Ubzc82Ymp7KKEihtbVVZBAPTtvaJ82ora3F9xcG8f6HPby8h2xWEBx49zT+DfrUi3psl0k8r3onMX3tPP6+NY1KulRDmUEkNqsQ3it0H7QvFrtPYeLaAEZ/HkZH5zv8yPXgyRui598+qYJ3dx+H1WrBzMwMSkv1aGzcA/eEGwqBNzTUY9zlQlJOUmYdgNFgyEtAboFdXvJ4PEJm3f7DwvMbN67DaDTAZDKJw3q9Xq0DVsBJkUzKYo0JWVE+BToC1/M9rVMmMBgP9nz3bjO1gFVYKDtiy8ui0IoZnsFBtVWoaRoI+LGxsUGeKZQ9BhjI86kPujB77hyOZip95MgR8OFC7+zEGXLmN5pzCi0YXBH5bRv6QaTmyy+9CF/PJyogH2Tgh81ZlXkJ1lYDIkMejBRudX30vwmy3vOcl2DFvyguzWYbwr59VoyOXsczLnfBkORTUlBBnEKzGvRneg11T44g/WY/PrFNQRYg3x0wYUGCUCiEyL11riQMXbxIHbMKdXVPwdVswa90qrSYFKK9czsv2e12w1RuyPSbdMVy/+Ec93q91JdWoCUPlUw2cd7zEFVNc0pJYuqvcZz66htePkb2y7Ys6v/6Sxj0HJj0P5Z0H2RAatXqW5pYrBMgD0VJ90ved9PpQv/ZC/yq9qKs8DfpYbDIKBTafpw+DJF5tyrgin4iY8WGeydRghZCbDtrn0nYiusJuTo4ZjLbf+IGbGMhPn4AAAAAAElFTkSuQmCC);
	width:24px;
	height:24px;
}
.icono_pdf{
	border:0px;
}
.parrafo_comentario{
	width: 900px;
	margin:0 auto 0 auto;
	border:2px solid #666;
	box-shadow: 0 0 10px 1px black;
	padding:10px;
}
.parrafo_comentario > div{
	text-align:justify;
	font-size:14px;
	margin-bottom:5px;
}
.imagen_confirm, .imagen_denied{
	background-repeat:no-repeat;
	width:12px;
	height:12px;
	background-size:12px;
}
.imagen_confirm{
	background-image:url(../images/confirm.png);

}
.imagen_denied{
	background-image:url(../images/denied.png);
}
#preevaluacion tbody{
	font-size:10px;
}
.titulo_caja_preeva{
	background-color:#6699ff;
	color:#FFF;
	border:1px solid #FFF;
}
.titulo_inf_preeva{
	background-color:#3399ff;
    text-align: center;
}
.celda_preevaluacion{
	padding:0px !important;
	margin:0px !important;
	border-collapse:inherit !important;
	border-spacing: 0px !important;
	width:50px !important;
}

<!-- TREE TABLE -->
#tree_promocion {
	overflow: auto;
	border: 0px solid #888;
	border-collapse: collapse;

}

#tree_promocion thead {
	background: url("images/bg-table-thead.png") repeat-x scroll left top #AAAAAA

}
#tree_promocion thead th {
	padding-left: 2em;
	text-align: left;
}

#tree_promocion tbody td {
	/*width: 33%;*/
	padding-left: 2em;
}


#tree_promocion span {
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0.2em 0 0.2em 1.5em;
}
#tree_promocion span.folder {
	background-image: url("images/folder.png");
}
#tree_promocion span.file {
	background-image: url("images/page_white_text.png");
}
#tree_promocion span.rar {
	background-image: url("images/rar.png");
}

#tree_promocion tr:nth-child(odd) {
	background-color: #FFFFFF;
	color:#000;
}

#tree_promocion tr:nth-child(even) {
	background-color: #FFFFFF;
	color:#000;
}

<!-- -->

#tree_promocion_sc {
	overflow: auto;
	border: 0px solid #888;
	/*border-collapse: collapse;*/
	border-spacing: 2px;
}

#tree_promocion_sc thead {
	background: url("images/bg-table-thead.png") repeat-x scroll left top #AAAAAA

}
#tree_promocion_sc thead th {
	padding-left: 2em;
	text-align: left;
}

#tree_promocion_sc tbody td {
	/*width: 33%;*/
	padding-left: 2em;
}


#tree_promocion_sc span {
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0.2em 0 0.2em 1.5em;
}
#tree_promocion_sc span.folder {
	background-image: url("images/folder.png");
}
#tree_promocion_sc span.file {
	background-image: url("images/page_white_text.png");
}
#tree_promocion_sc span.rar {
	background-image: url("images/rar.png");
}

#tree_promocion_sc tr:nth-child(odd) {
	background-color: #FFFFFF;
	color:#000;
}

#tree_promocion_sc tr:nth-child(even) {
	background-color: #FFFFFF;
	color:#000;
}

<!-- -->

#tree_autonomia {
	overflow: auto;
	border: 0px solid #888;
	/*border-collapse: collapse;*/
	border-spacing: 2px;
}

#tree_autonomia thead {
	background: url("images/bg-table-thead.png") repeat-x scroll left top #AAAAAA

}
#tree_autonomia thead th {
	padding-left: 2em;
	text-align: left;
}

#tree_autonomia tbody td {
	/*width: 33%;*/
	padding-left: 2em;
}


#tree_autonomia span {
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0.2em 0 0.2em 1.5em;
}
#tree_autonomia span.folder {
	background-image: url("images/folder.png");
}
#tree_autonomia span.file {
	background-image: url("images/page_white_text.png");
}
#tree_autonomia span.rar {
	background-image: url("images/rar.png");
}

#tree_autonomia tr:nth-child(odd) {
	background-color: #FFFFFF;
	color:#000;
}

#tree_autonomia tr:nth-child(even) {
	background-color: #FFFFFF;
	color:#000;
}


<!-- -->

.nivel_titulo_avance > th{
	background-color:#3399FF;
}
.nivel_titulo_area > td{
	background-color:#3399FF;
}
.nivel_titulo_programa > td{
	background-color:#CCFFFF;
}
.nivel_titulo_region > td{
	background-color:#CCFFCC;
}
.nivel_titulo_provincia > td{
	background-color:#FFFFFF;
}
.treeTable{
	/*box-shadow: 0 0 10px 1px black;*/
	border:1px solid #CCC;
}
/* Estilos Seguimeinto y Asistencia */
.titulo_formulario_seguimiento_asistencia{
	margin:0 auto 0 auto;
	font-weight:bold;
	padding:5px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
}
.celda_tabla_informativa_etiqueta {
	margin:0 auto 0 auto;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	height: 25px;
	padding: 1px;
	text-align: left;
	background-color: #84B2E9;
}
.celda_tabla_informativa_contenido {
	margin:0 auto 0 auto;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	height: 25px;
	padding: 1px;
	text-align: left;
	background-color: #FFFFFF;
}
.encabezado_celda{
	background-color: #6699cc;
	color:#FFF;
	width:100%;
	text-align:center;
	margin:0 auto 0 auto;
	font-weight:bold;
	padding:5px;
}
.celda_tabla_participantes_encabezado {
	background-color: #cccccc;
	font-size:14px;
	height: 20px;
	text-align: center;
	margin: 0 auto 0 auto;
	font-weight: bold;
	padding: 2px;
}
.celda_tabla_participantes_bajada {
	background-color: #cccccc;
	font-size:12px;
	height: 18px;
	text-align: center;
	margin: 0 auto 0 auto;
	font-weight: bold;
	padding: 2px;
}

.imagen_confirm_adf{
	background-image:url(../images/check-ok-mediano.jpg);
}
.imagen_denied_adf{
	background-image:url(../images/check-false-mediano.jpg);
}

.imagen_confirm_adf, .imagen_denied_adf{
	background-repeat:no-repeat;
	width:56px;
	height:56px;
	background-size:56px;
}

.borde_login{
	border: 1px solid #BFBEBE;
	padding-left: 100px;
}
.caja_login{
	padding-top:65px;
	height:280px;
}
.color27agnos{
	color:#883079;
}
.textoPie{
	font-size: 18px;
}
.logoFundacion{	
	margin-top:15px;
}
.color27agnos{
	background-color: #0854aa !important;
}
.texto27agnos{
	color: #0854aa !important;
}
.margenVertical{
	margin-top: 35px;
	margin-bottom:35px;
}
.separadorLogin{
	margin-bottom: 15px;
}
.separadorLoginBoton{
	margin-top: 30px;
	margin-bottom:20px;
	margin-right: 15px;
}
.fondoLogin{
	background-color: #EEE;
}
.piePaginaLogin{
	font-size: 10px;
}

/** SPINNER CREATION **/

.loader {
	position: relative;
	text-align: center;
	margin: 15px auto 35px auto;
	z-index: 9999;
	display: block;
	width: 80px;
	height: 80px;
	border: 10px solid rgba(0, 0, 0, .3);
	border-radius: 50%;
	border-top-color: #633a5e;
	animation: spin 1s ease-in-out infinite;
	-webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
	to {
		-webkit-transform: rotate(360deg);
	}
}

@-webkit-keyframes spin {
	to {
		-webkit-transform: rotate(360deg);
	}
}

/* NUEVOS ESTILOS 2023*/

@font-face{
	font-family:'MagazineGrotesque';
	src:url('../fonts/fuente_magazine_grotesque/magazine_grotesque.otf');
}

@font-face{
	font-family:'MagazineGrotesqueLight';
	src:url('../fonts/fuente_magazine_grotesque/magazine_grotesque_Light.otf');
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: MagazineGrotesque;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
}

p{
	font-family:'MagazineGrotesqueLight';
	font-size: 14px;
	font-weight: 200;
}

.panel-primary {
	border-color: #5b1a8a;
}
.panel-primary > .panel-heading {
	color: #fff;
	background-color: #6f329b;
	border-color: #6f329b;
}
.panel-info > .panel-heading {
	color: #fff;
	background-color: #3d125c;
	border-color: #3d125c;
}
.panel-info {
	border-color: #c9a9e1;
}
.btn-primary {
	color: #fff;
	background-color: #913c71;
	border-color: #8c1960;
}
.btn-primary:hover {
	color: #fff;
	background-color: #a3215c;
	border-color: #a3215c;
}
.btn-info {
	color: #fff;
	background-color: #aa62e1;
	border-color: #aa62e1;
}
.btn-info:hover {
	color: #fff;
	background-color: #9c43e1;
	border-color: #9c43e1;
}
.navbar {
	margin-bottom: 0px;
}

.row {
	 margin-right:auto;
	 margin-left:auto;
}

.perfil_menu{
	color: white;
	padding: 5px;
	/*border: 1px solid #9c27b0;*/
	/*border-radius: 5px 0 0 5px;*/
	/*background-color: #9c27b0!important;*/
}
.letra_titulo{
	color: white;
	font-size: 25px;
	text-align: center;
	font-family: MagazineGrotesque;
}
.imagen_titulo{
	margin-right:10px;
	padding-top: 0px;
	padding-bottom: 8px;
}

.panel-heading-morado{
	color: white;
	padding: 5px;
	border: 1px solid #3d125c;
	border-radius: 5px 0 0 5px;
	background-color: #3d125c!important;
}

.fuente-morado-oscuro{
	color: #3d125c!important;
}

	
/*strong{*/
/*	font-family: MagazineGrotesque;*/
/*}*/