@charset "utf-8";
/* CSS Document */
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
body {
	font-family: "Open Sans", 'Trebuchet MS', helvetica, sans-serif;
	font-size: 85%;
	background-color: #f1f1f1;
}
html, body {
	height: 100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
tab{
	border-collapse: collapse;
	border-spacing: 0;
}
/* enlaces */
a img { border: none;}
a {
	text-decoration: none;
	border: none;
	outline: none;
	color: #0082BF;
}
a:hover {
	color: #00B5F0
}
a:active, a:focus{ outline:none; }
q, blockquote {
    quotes: "\201C" "\201D" "\2018" "\2019";
}
::-moz-selection { background: #333; color: #fff; text-shadow: none; }
::selection { background: #333; color: #fff; text-shadow: none; }

/***************************** LOGIN ********************************************************************/

#cabecera {
	width: 100%;
	border-spacing: 0;
	background-color: #333;
	color: white;
}

#cabecera a {color: white;}
#cabecera a:hover {color: #00B5F0;text-decoration: none;}

#cabecera .cliente {
	padding: 10px;
	background-color: #333333;
	text-align: center;
}
#cabecera .proyecto {
	text-align: center;
	padding: 10px;
}
#cabecera .proyecto h1 {
	color: #333;
	line-height: 0.7em;
	margin: 0;
	font-weight: bold;
	font-size: 2em;
}

#cabecera .usuario {
	width: 200px;
	padding: 5px 15px 5px 0px;
	text-align: right;
}
#cabecera .usuario span {margin-left: 10px;}
#cabecera .usuario i {margin-left: 5px;}

#cabecera .acciones {
	width: 200px;
	padding: 5px;
}
#cabecera .acciones i {margin-left: 15px}

/*********/
#login {
	margin: 50px auto;
	width: 540px;
	color: #333333;
	text-align: center;
}
#login form {
	background-color: #CCCCCC;
	padding-bottom: 20px;
	border-radius: 10px;
	box-shadow: 0px 2px 4px #333333;
	margin-top: 30px;
}
#login .error {
	background-color: #CC0000;
	color: white;
	border-radius: 5px;
	padding: 10px;
	text-align: center;
	display: table;
	/* [disabled]width: 100%; */
}

#login.error i {
	display: table-cell;
	vertical-align: middle;
}
#login .error span {
	display: table-cell;
	vertical-align: middle;
}
#login .titular {
	font-size: 1.5em;
	text-align: center;
	color: #FFFFFF;
	background-color: #999999;
	padding: 5px 10px;
	margin-bottom: 25px;
	border-radius: 5px 5px 0px 0px;
}
#login .formulario {
	width: 360px;
	margin: 0 auto;
	font-size: 1.5em
}
#login .formulario input {
	width: 100%;
	padding: 10px;
	border-radius: 5px;
	background-color: white;
	border: none;
	box-shadow: inset 1px 1px 2px #333333;
	font: 100% "Open Sans", "Trebuchet MS", sans-serif;
	color: #666666;
}
#login .formulario td {padding-bottom: 10px}
#login .formulario td.intro {
	font-size: 14px;
	text-align: left !important;
	padding-bottom: 20px;
}
#login .formulario td:last-of-type {text-align: center;}
#login .formulario button {
	background-color: #666;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.3em;
	box-shadow: 1px 1px 2px #000000;
	cursor: pointer;
	width: 100%;
	margin: 20px 0px;
}
#login .formulario button:hover {
	background-color: #333333;
}
#login .formulario button > i {
	float: left;
	line-height: 1.3em;
	margin-left: 12px;
}
#login .formulario p {
	font-size: 18px;
}
#login .formulario p > i {margin: 0px 3px}
#login .formulario p > a {color: #666}
#login .formulario p > a:hover {color: #0082BF}

#login .gracias {text-align: center}
#login .gracias p {
	font-size: 18px;
	margin: 30px;
}
#login .gracias p i {
	font-size: 5em;
	color: #fff;
	background-color: #0082BF;
	padding: 0.5em;
	border-radius: 1em;
}

/******** MENU *********************/
body.menuPrivado {
	background-color: #333;
}

#cliente {
	background-color: #fff; 
	height: 80px; 
	overflow: hidden;
}

#menu {
	padding-top: 10px;
	overflow: auto;
}
#menu i {margin-right: 5px}

#menu .subnivel {
	line-height: 16px;
}
#menu .subnivel li {
	text-indent: -15px;
	padding-left: 10px;
}
#menu .subnivel li a {
	color: #FFFFFF;
	padding: 5px 5px 5px 20px;
	display: block;
}
#menu .subnivel li:first-of-type a {padding-top: 8px}
#menu .subnivel li:last-of-type a {padding-bottom: 10px}
#menu .subnivel li a:before {
	content: " » ";
}
#menu .subnivel li:hover {
	background-color: #000;
}
/* colores de iconos en rollover*/
#menu .CollapsiblePanelTab:hover i {color: #00B5F0}

/****************** PAGINAS *******************/

#desplegar {
	position: fixed;
	z-index: 999;
	top: 95px;
	left: 0px;
	width: 27px;
	height: 30px;
	font-size: 20px;
	color: white;
	background-color: #CC0000;
	line-height: 30px;
	padding-left: 4px;
	border-radius: 0px 5px 5px 0px;
}
#desplegar:hover {
	background-color: #FF6600;
}
#desplegar a {color: white; display: block;}

#cuerpo {
	padding: 18px 36px 36px;
}
#interior { /* anterior escroll */
    overflow: auto;
    clear: both;
    width: 100%;
    padding: 0 20px;
}

/******************* favoritos ******************/

ul.favoritos {
	width: 90%;
	margin: 20px 5%;
	text-align: center;
}

ul.favoritos li {
	display: inline-block;
	width: 100px;
	height: 120px;
	margin: 20px;
	vertical-align: top;
}
ul.favoritos li a {display: block; color: #666;}
ul.favoritos .iconoTexto {
	font-size: 36px;
	min-width: 64px;
	border-radius: 36px;
	padding: 6px;
	margin: 6px;
	display: inline-block;
	color: #FFF !important;
	border: 2px solid #fff;
	box-shadow: 1px 1px 3px #333;
	transition: border-radius 0.5s;
}
ul.favoritos .iconoTexto:hover {
	border-radius: 5px;
	transition: border-radius 0.5s;
}
ul.favoritos .herramienta {
	display: block;
	height: 48px;
	line-height: 18px;
	text-transform: uppercase;
}
ul.favoritos li:hover .herramienta {
	color: #000;
}

/*******************************/
.pagina {
	background-color: #FFFFFF;
	margin: 20px auto;
	padding: 20px;
	width: 100%;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #666666;
	overflow: hidden;
	display: table;
}
.pagina .formulario {
	width: auto;
	margin: 0 auto;
	font-size: 18px;
	font-family: "Open Sans", 'Trebuchet MS', helvetica, sans-serif;
}
.pagina .formulario tr td {padding: 10px;}
.pagina .formulario tr td:nth-of-type(1) {
	font-weight: bold;
	white-space: nowrap;
}
.pagina .formulario tr td:nth-of-type(2) {padding-left: 20px; text-align: right;}


/*********** BOTONES *************************/
select, button.boton, a.boton, .botones button, .celdadatos button, #buscalista button, body.ventana button {
	padding: 4px;
	border-radius: 5px;
	margin-right: 5px;
	font-family: "Open Sans", "Trebuchet MS", sans-serif;
}
select {
	background-color: #f1f1f1;
	color: #000;
	border: 1px solid #ccc;
	font-size: 14px;
}
.botones button, button.boton, a.boton, #buscalista button {
	font-size: 14px;
	border: none;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 8px;
	padding-bottom: 8px;
	cursor: pointer;
	text-align: center;
	
}

a.accion {
	font-size: 18px;
	border-radius: 18px;
	display: inline-block;
	width: 38px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	color: #fff;
	margin: 0 3px;
}

a.accionListado {
	font-size: 16px;
	border-radius: 18px;
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	margin: 0 3px;
}

a#btnAyuda {
	float: right; 
	background-color: #2776B9 !important;
	margin-top: 5px;
	margin-right: 5px;
}

button.informe {
	font-size: 2em;
	margin: 20px 5px !important;
}

/******* COLORES ***********/
/*.colorVerde {	background-color: #669933;	color: #FFFFFF;}
.colorRojo {	background-color: #CC0000;	color: #FFFFFF;}
.colorAzul {	background-color: #0066CC;	color: #FFFFFF;}
.colorNaranja {background-color: orange; color: #000;}
.colorMorado {background-color: purple; color: #FFFFFF;}
.colorNegro {background-color: black; color: white}
.colorGris {background-color: #ccc; color: #000;}
.colorGris:hover {background-color: #ddd; color: #000;}
.colorGrisOscuro {background-color: #666; color: #FFFFFF;}*/

/************* COLORES PARA BOTONES ******************/
.botNeutro {background-color: #ccc; color: #333;} 			/* GRIS */
.botInverso {background-color: #333; color: #ccc;}			/* GRIS OSCURO */
.botPositivo {background-color: #669933; color: #fff;}		/* VERDE */
.botNegativo {background-color: #CC0000; color: #fff;}		/* ROJO */
.botInformativo {background-color: #2776B9; color: #fff;}	/* AZUL */
.botAviso {background-color: #ff6600; color: #fff;}			/* NARANJA */
.botApagado {background-color: #ccc; color: #adadad;}		/* GRIS SOBRE GRIS */

/*.boton:hover {color: inherit !important;} /*COLOR TEXTO EN HOVER */

/*********** MENSAJES *************/
.mensaje {
	margin: 20px auto;
	padding: 10px;
	border-radius: 4px;
	overflow: hidden;
	display: table;
	width: 100%;
}
.mensaje > i {
	display: table-cell;
	width: 40px;
	vertical-align: middle;
}
.mensaje span,
.mensaje > p {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 10px;
}

.mensaje.info 		{background-color: #2776B9; color: #fff;}
.mensaje.aviso 		{background-color: #ff6600; color: #fff}
.mensaje.error 		{background-color: #cc0000; color: #fff;}
.mensaje.positivo 	{background-color: #669933; color: #fff;}
.mensaje.neutro 	{background-color: #ccc; color: #333;}
.mensaje.inverso 	{background-color: #333; color: #ccc;}

/*************************************************************************/

.clearFloat {
  width: 100%;
  clear: both;
  border: 0;
  height: 0;
}

/**************************/
#ruta {
	height: 24px;
	width: 60%;
	float: left;
	margin-bottom: 10px;
	margin-left: 20px;
	color: #666;
}
#ruta i {margin-right: 4px; color: #0082BF}
#ruta a {color: #0082BF}
#ruta a:hover  {text-decoration: underline}

#etiqueta {
	color: #0B0B0B;
	float: right;
	width: auto;
	clear: right;
	/*text-transform: uppercase;*/
	margin-right: 20px;
	font-weight: bold;
	font-size: 24px;
	line-height: 28px;
}
#etiqueta span {
	text-align: center;
	font-size: 18px;
	line-height: 26px;
	color: #fff;
	display: block;
	float: right;
	height: 30px;
	width: 30px;
	border-radius: 30px;
	text-transform: none;
	margin-left: 10px;
	margin-bottom: 10px;
	font-weight: normal;
}
/***************** BOTONES ******************/

#controles {
	clear: both;
	width: auto;
	height: 45px;
	margin-right: 20px;
	margin-left: 20px;
}
#controles .botones {float: left;}
#controles .botones button {float: left;}
#controles .botones a.boton {float: left;}

#controles .botones .bloque {
	float: left;
	margin-left: 5px;
	padding-left: 10px;
}
#controles .botones .bloque.registro {
	/*padding: 5px 0px 5px 10px;*/
}

/* Paginación */
#controles .paginacion {
	float: right;
	color: #666;
	position: relative;
}
#controles .paginacion i {
	margin: 0 3px;
}
#controles .paginacion button,
#controles .paginacion a.boton  {font-size: 14px; padding: 8px; display: inline-block;}

#controles .paginacion .numeros {
	padding: 0 15px 10px 10px;
	position: relative;
	display: inline-block;
	width: auto;
}
#controles .paginacion .numeros a:hover {background-color: #333; color: white;}

#controles .paginacion .total {
	display: inline-block;
	margin-right: 10px;
}
/* ******************* BUSCADOR **************** */
#buscalista {
	background-color: #d5d5d5;
	border-radius: 4px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
	font-size: 14px;
	color: #333;
}

#buscalista table td {
	text-align: center;
	padding: 5px;
}
#buscalista table td:first-of-type {
	border-left: none;
	text-align: left;
}
#buscalista table td:nth-of-type(2) {
	text-align: right;
	width: 260px;
}
#buscalista table td:nth-of-type(3) {
	text-align: right;
	width: 290px;
}
#buscalista table td:nth-of-type(4) {
	text-align: right;
	width: 100px;
}
#buscalista table td:nth-of-type(5) {
	text-align: right;
	width: 146px;
}
#buscalista table td:last-of-type {
	text-align: right;
	width: 130px;
	padding: 0;
}

#buscalista.buscafecha table {} /* Formato Buscador Fechas */

#buscalista.buscafecha table td:first-of-type {
	text-align: right;
}
#buscalista.buscafecha table td:nth-of-type(2) {
	text-align: left;
	width: 120px;
}
#buscalista.buscafecha table td:nth-of-type(3) {
	text-align: right;
	width: 100px;
}
#buscalista.buscafecha table td:nth-of-type(4) {
	text-align: left;
	width: 140px;
}

#buscalista input[type="text"] {
	padding: 6px;
	border-radius: 5px;
	background-color: #fff;
	border: 1px solid #fff;
	margin-left: 5px;
	font-size: 14px;
	width:100%;
	font-family: "Open Sans";
    min-width: 120px;
}

#buscalista.buscafecha input[type="text"] { /* Campos fecha en buscador */
width: 100px;
}

#buscalista select {
	background-color: #fff; 
	padding: 6px !important;
	font-size: 15px;
}

#buscalista button,
#buscalista a.boton  {
	margin: 0;
	height: 48px;
	border-radius: 0px 5px 5px 0px;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
	text-transform: uppercase;
}

/***** TABLAS ********************/

#datos {
	margin-top: 20px;
	margin-bottom: 20px !important;
	width: 100% !important;
	background-color: white;
}	
#datos tr:hover {
	background-color: #d5d5d5;
	/*color: #fff;*/
}
#datos tr:hover a {color: #fff}
#datos td {
	padding: 5px 8px;
    vertical-align: top;
    border-bottom: 1px solid #ededed;
}
#datos td:hover {
	cursor: pointer;
}
#datos td.herramienta {
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
}

#datosVentana {
	margin-top: 20px;
	margin-bottom: 20px !important;
	width: 100% !important;
	background-color: white;
}	
#datosVentana td {
	padding: 5px 8px;
    vertical-align: top;
    border-bottom: 1px solid #ededed;
}
#datosVentana td.herramienta {
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
}

/* celdas */
td.centrado, .listado_celda_centro {text-align: center !important;}
td.campos {
	color: #ffffff;
	/*text-transform: uppercase;*/
	background-color: #666;
	text-align: center !important;
	margin-bottom: 5px;
	padding: 5px 10px !important;
	vertical-align: middle !important;
}

td.campos a {color: #ffffff;}

#datos tr:hover td.campos a:hover 	{color: rgb(248, 219, 59);}

td.campos a.ordenado {color: rgb(248, 219, 59);}

td.listado_celda {
    vertical-align: top;
    text-align: left;
}
td.listado_celda_numero {
    vertical-align: top;
    text-align: right;
    padding-right: 15px !important;
}

/* filas */
.filapadre1 {
	background-color: #AA0000;
	color: #ffffff;
}
.filapadre2 {
	background-color: #DC8707;
	color: #ffffff;
}
.filapadre3 {
	background-color: #F1711C;
	color: #ffffff;
}

/* anchos */
.w10{	width: 600px} 	/*630px*/
.w9 {	width: 540px} 	/*567px*/
.w8 {	width: 480px} 	/*504px*/
.w7 {	width: 420px}		/*441px*/
.w6 {	width: 360px}		/*378px*/
.w5 {	width: 300px}		/*315px*/
.w4 {	width: 240px}		/*252px*/
.w3 {	width: 180px}		/*198px*/
.w2 {	width: 120px}		/*126px*/
.w1 {	width: 60px	}		/*63px*/

/* altos */
.h10{	height: 600px}
.h9 {	height: 540px}
.h8 {	height: 480px}
.h7 {	height: 420px}
.h6 {	height: 360px}
.h5 {	height: 300px}
.h4 {	height: 240px}
.h3 {	height: 180px}
.h2 {	height: 120px}
.h1 {	height: 60px }

/********* CATEGORIAS *********************/

.separador {
	color: rgb(102, 102, 102);
	margin-top: 0px;
	font-weight: bold;
	font-size: 18px;
	text-align: left;
	border-bottom: 3px solid #e3e3e3;
	/*text-transform: uppercase;*/
	padding: 5px 0px;
	line-height: 18px;
	margin-bottom: 20px;
}
.tr_niveles {
	padding: 10px;
	list-style: none;
	font-size: 14px;
	text-align: left;
}
.tr_niveles li {
	margin: 3px;
	padding: 5px 8px;
	background-color: #E5E5E5;
	border: 1px solid #CCCCCC;
}
.tr_niveles .nivel1 {
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 12px;
	background-color: #999999;
}
.tr_niveles .nivel2 {
	text-indent: 10px;
	font-size: 17px;
	background-color: #C9C9C9;
}
.tr_niveles .nivel3 {
	color: #333333;
	text-indent: 20px;
}

input[type="checkbox"] {margin-right: 4px}

.campoIncorrecto {
	border-color: #cc0000 !important;
	color: #000 !important;
}

.textoIncorrecto {
	color: #cc0000;
	font-weight: bold;
}
.textoIncorrecto i {
	color: #C00;
	font-size: 1.5em;
	margin-right: 5px;	
}

/************* ESTILOS TOOLTIP *************/

[data-tips] {
	position: relative;
	text-decoration: none;
}

	[data-tips]:after,
	[data-tips]:before {
	    position: absolute;
	    z-index: 100;
		opacity: 0;
	}

		[data-tips]:after {
	content: attr(data-tips);
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	font-size: 14px; /* Tamaño texto */
	text-align: center;
	color: #fff; /* Color Texto */
	border-radius: 5px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #333; /* Color Fondo */
		}

		[data-tips]:before {
			content: "";
			width: 0;
			height: 0;
			border-width: 6px;
			border-style: solid;
		}

			[data-tips]:hover:after,
			[data-tips]:hover:before {
				opacity: 1;
			}

/* Top tips */
[data-tips].top-tip:after,
[data-tips].top-tip:before {
	bottom: 90%;
	left: -9999px;
	margin-bottom: 12px;
}

	[data-tips].top-tip:before {
		border-color: #333 transparent transparent transparent; /* color pico */
		margin-bottom: 0;
	}

	[data-tips].top-tip:hover:after,
	[data-tips].top-tip:hover:before {
		bottom: 100%;
		left: 0;
	}

	[data-tips].top-tip:hover:before {
		left: 15px;
	}

/* Bottom tip */
[data-tips].bottom-tip:after,
[data-tips].bottom-tip:before {
	top: 90%;
	left: -9999px;
	margin-top: 12px;
}

	[data-tips].bottom-tip:before {
		border-color: transparent transparent #333 transparent; /* color pico */
		margin-top: 0;
	}

	[data-tips].bottom-tip:hover:after,
	[data-tips].bottom-tip:hover:before {
		top: 100%;
		left: 0;
	}

	[data-tips].bottom-tip:hover:before {
		left: 15px;
	}

/* Right tip */
[data-tips].right-tip:after,
[data-tips].right-tip:before {
	top: -9999px;
	left: 96%;
	margin-left: 12px;
}

	[data-tips].right-tip:before {
		border-color: transparent #333 transparent transparent; /* color pico */
		margin-left: 0;
	}

	[data-tips].right-tip:hover:after,
	[data-tips].right-tip:hover:before {
		left: 100%;
		top: 0;
	}

	[data-tips].right-tip:hover:before {
		top: 7px;
	}

/* Left tip */
[data-tips].left-tip:after,
[data-tips].left-tip:before {
	top: -9999px;
	right: 96%;
	margin-right: 12px;
}

	[data-tips].left-tip:before {
		border-color: transparent transparent transparent #333; /* color pico */
		margin-right: 0;
	}

	[data-tips].left-tip:hover:after,
	[data-tips].left-tip:hover:before {
		right: 100%;
		top: 0;
	}

	[data-tips].left-tip:hover:before {
		top: 7px;
	}

/* PESTAÑAS */

.hide { position: absolute; top: -9999px; left: -9999px; }
.pestanas {
	margin-bottom: 20px;
	clear: both;
	float: none;
	position: relative !important; /*IMPORTANTE*/
	margin-: 20px;
}
.pestanas ul {
	list-style: none;
	overflow: hidden;
	padding: 10px 0;
	margin: 0;
  }
.pestanas > ul > li > ul > li {padding-bottom: 40px}

.pestanas .list-wrap { /* contenido de las pestañas */
	border-radius: 0px 8px 8px 8px;
	border: solid 1px #666;
	font-size: 14px;
	background-color: #FFF;
	float: none;
	clear: both;
	position: relative; /* añadido */
	margin: 0 0 0px;
	padding: 0px 20px;
}
.pestanas .list-wrap #formulario {
	/*border-bottom: 20px solid #fff;*/
	/*border-top: 20px solid #fff;*/
	margin-bottom: 5px;
}
.pestanas .list-wrap #formulario tr:first-of-type td {padding: 0}

.pestanas .nav { overflow: hidden;}
.pestanas .nav li {
	min-width: 90px;
	float: left;
	margin: 0 10px -15px 0;
	/*text-transform: uppercase;*/
}
.pestanas .nav li.last { margin-right: 0; }
.pestanas .nav li a {
	display: block;
	padding: 10px 15px;
	color: white;
	font-size: 14px;
	text-align: center;
	border: 0;
	border-radius: 5px;
	background-color: #999999;
}
.pestanas li a.current,.pestanas li a.current:hover {
	background-color: #666;
	color: #FFF !important;
	text-decoration: none;
}
.pestanas .nav li a:hover, .pestanas .nav li a:focus { 
  background: #666;
  color: white;
  text-decoration:none;
}

.pestana {
	/*background-color: yellow;*/
	margin-top: 0px;
	padding-bottom: 20px;
}

/* ESTILOS INTERIOR PARA FORMULARIOS */

#interior table {
	width: 100% !important; /*Antes Auto*/
	margin: 0 auto;
	/* [disabled]text-align: center; */
}
#interior table td {
	padding: 5px;
}
#interior table td.celda {text-align: right; vertical-align: top; padding-top: 12px; font-size: 14px;}

#interior input[type="text"] 	{float: left;}
#interior input[type="radio"] 	{margin: 9px 0px 3px 9px; vertical-align: text-bottom;}
textarea 						{resize: none; float: none; clear: both;}
#interior textarea.lineas		{float: left;} /* estilo nuevo */
#interior select 				{
	float: left;
	margin-bottom: 0;
	margin-top: 0;
	padding: 8px;
	font-size: 14px;
}

#interior input[type="text"],
#interior input[type="password"],
#interior textarea.lineas { /* estilo nuevo */
	padding: 8px;
	background-color: #f1f1f1;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-right: 5px;
	/*margin: 0 5px;*/
	font-family: "Open Sans","Trebuchet MS",sans-serif;
	font-size: 14px;
}
#interior td a i { /* iconos de información sobre campos */
	font-size: 26px;
	line-height: 32px;
}

span.textoInputBuscador b {
	float: left;
	padding: 8px 8px;
	margin: 0 5px;
	background-color: #f1f1f1;
	border: 1px solid #ccc;
	color: #000;
	border-radius: 5px;	
	font-weight: normal !important;
	text-transform: capitalize;	
}
.contador {
	display: inline-block;
	color: #666;
	float: left;
	clear: left;
	margin-left: 5px;
	text-align: left;
}
.contador i {
	color: #0082BF;
	margin-right: 5px;
}
.contador span {
	font-weight: bold;
}

textarea[aria-hidden="true"] + .contador {top: -15px;}


/*   Adjuntos   */

.archivoasociado {
	text-align: center;
	/*background-color: #FFF;*/
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.archivoasociado img {
	border: 0;
	margin: 5px;
	max-height: 150px;
	max-width: 150px;
}

/* VENTANA LIGHTBOX */
body.ventana {
	background-color: #fff;
	text-align: center;
	padding: 10px;
}
body.ventana h1 {
	color: #FFFFFF;
	background-color: #000000;
	text-align: center;
	margin-bottom: 20px;
}
body.ventana table caption {
	font-size: 1.5em;
	padding-bottom: 10px;
}
body.ventana #formulario {
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
}
body.ventana #formulario td {
	padding: 5px;
	/*white-space: nowrap;*/
}
body.ventana #datos {
	width: 90%;
	margin: 20px auto;
	border: 1px solid #666;
}
body.ventana input[type="text"],
body.ventana textarea {
	padding: 4px;
	background-color: #f1f1f1;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin: 0 5px;
	font-family: "Open Sans","Trebuchet MS",sans-serif;
	font-size: 14px;
}
body.ventana .celdadatos {white-space: nowrap;}

body.ventana button { padding: 8px}

/*FANCYBOX*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('../images/fancybox_sprite.png');
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('../images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('../images/blank.gif'); /* helps IE */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url('../jquery.global/images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
     only screen and (min--moz-device-pixel-ratio: 1.5),
     only screen and (min-device-pixel-ratio: 1.5){

  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('../images/fancybox_sprite@2x.png');
    background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
  }

  #fancybox-loading div {
    background-image: url('../images/fancybox_loading@2x.gif');
    background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
  }
}
/*END FANCYBOX*/


/* ALERT */
#confirmOverlay{
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  background:url('../images/jquery.confirm/ie.png');
  background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2);
  background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);
  z-index:100000;
}

#confirmBox {
  width:480px;
  position:fixed;
  left:50%;
  top:50%;
  margin:-130px 0 0 -230px;
  border: 1px solid rgba(33, 33, 33, 0.6);
  background-color: #fff;
  -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
  -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
  box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
}

#confirmBox h1,
#confirmBox p {
  font-family: "Open Sans", 'Trebuchet MS', helvetica, sans-serif;
  padding: 18px 25px;
  color:#333;
}

#confirmBox h1 {
	font-size: 28px;
	text-align: center;
	letter-spacing:0.3px;
    color:#fff;
    background-color: #1A83BD;
}

#confirmBox p {
  background:none;
  font-size: 14px;
  line-height:1.4;
  padding-top: 35px;
}

#confirmButtons {
  padding:15px 0 25px;
  text-align:center;
}

#confirmBox .button {
  display:inline-block;
  color:white;
  position:relative;
  height: 32px;
  font:18px/32px "Open Sans",'Trebuchet MS', sans-serif;
  margin-right: 15px;
  padding: 0 35px;
  text-decoration:none;
  border:none;
  border-radius: 6px;
}

#confirmBox .button:hover {
	background-color: #000;
}
#confirmBox .button:last-child { margin-right:0;}

#confirmBox .button span {
  display: none;
}

#confirmBox .blue {        background-color: #1A83BD;}
#confirmBox .blue:hover {  background-color: #31b9d5;}

#confirmBox .gray {        background-color: #707070;}
#confirmBox .gray:hover {  background-color: #333; }

/* FIN ALERT */

/* AUTOCOMPLETAR */
/*! jQuery UI - v1.10.3 - 2013-09-25
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.autocomplete.css, jquery.ui.datepicker.css, jquery.ui.menu.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=30273a&bgTextureHeader=highlight_soft&bgImgOpacityHeader=25&borderColorHeader=231d2b&fcHeader=ffffff&iconColorHeader=a8a3ae&bgColorContent=3d3644&bgTextureContent=gloss_wave&bgImgOpacityContent=30&borderColorContent=7e7783&fcContent=ffffff&iconColorContent=ffffff&bgColorDefault=dcd9de&bgTextureDefault=highlight_soft&bgImgOpacityDefault=100&borderColorDefault=dcd9de&fcDefault=665874&iconColorDefault=8d78a5&bgColorHover=eae6ea&bgTextureHover=highlight_soft&bgImgOpacityHover=100&borderColorHover=d1c5d8&fcHover=734d99&iconColorHover=734d99&bgColorActive=5f5964&bgTextureActive=highlight_soft&bgImgOpacityActive=45&borderColorActive=7e7783&fcActive=ffffff&iconColorActive=454545&bgColorHighlight=fafafa&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=ffdb1f&fcHighlight=333333&iconColorHighlight=8d78a5&bgColorError=994d53&bgTextureError=flat&bgImgOpacityError=55&borderColorError=994d53&fcError=ffffff&iconColorError=ebccce&bgColorOverlay=eeeeee&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0px
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter:Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}
.ui-datepicker select {padding: 2px !important}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 21px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none;
}
.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute;
}
.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
  /* support: IE10, see #8844 */
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px .4em;
  line-height: 1.5;
  min-height: 0; /* support: IE7 */
  font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}

.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: .4em 0 .2em;
  line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
  cursor: default;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item a {
  position: relative;
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: .2em;
  left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
  position: static;
  float: right;
}
.ui-tooltip {
  padding: 3px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 2px #ffffff;
  box-shadow: 0 0 2px #ffffff;
}
body .ui-tooltip {
  border-width: 2px;
}

/* Component containers
----------------------------------*/
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: "Open Sans", 'Trebuchet MS', sans-serif;
  font-size: 1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: "Open Sans", 'Trebuchet MS', sans-serif;
  font-size: 1em;
}
.ui-widget-content {
	border: 3px solid #FFFFFF;
	color: #ffffff;
	background-color: #535353;
	/* [disabled]box-shadow: 0px 2px 8px #000000; */
}
.ui-widget-content a {
  color: #ffffff;
}
.ui-widget-header {
	text-transform: capitalize;
	color: #ffffff;
	font-weight: bold;
	background-color: #990000;
	background-image: url(../web/img/fondoitem.png);
	background-repeat: repeat-x;
	background-position: 50% 50%;
}
.ui-widget-header a {
  color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: none;
  border-radius: 0px;
  background: #666;
  font-weight: bold;
  color: #fff;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #fff;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: none;
  border-radius: 0px;
  color: #FFF;
  background: #333;
  cursor: pointer;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
  color: #734d99;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #7e7783;
  background: #5f5964 url(../images/ui-bg_highlight-soft_45_5f5964_1x100.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #ffdb1f;
  background: #fafafa url(../images/ui-bg_flat_55_fafafa_40x100.png) 50% 50% repeat-x;
  color: #333333;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #333333;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #994d53;
  background: #994d53 url(../images/ui-bg_flat_55_994d53_40x100.png) 50% 50% repeat-x;
  color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter:Alpha(Opacity=70);
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter:Alpha(Opacity=35);
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(../images/ui-icons_ffffff_256x240.png);
}
.ui-widget-header .ui-icon {
  background-image: url(../images/ui-icons_a8a3ae_256x240.png);
}
.ui-state-default .ui-icon {
  background-image: url(../images/ui-icons_8d78a5_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url(../images/ui-icons_734d99_256x240.png);
}
.ui-state-active .ui-icon {
  background-image: url(../images/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
  background-image: url(../images/ui-icons_8d78a5_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(../images/ui-icons_ebccce_256x240.png);
}

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 6px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 6px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 6px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 6px;
}

/* Overlays */
.ui-widget-overlay {
  background: #eeeeee url(../images/ui-bg_flat_0_eeeeee_40x100.png) 50% 50% repeat-x;
  opacity: .8;
  filter: Alpha(Opacity=80);
}
.ui-widget-shadow {
  margin: -4px 0 0 -4px;
  padding: 4px;
  background: #aaaaaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .6;
  filter: Alpha(Opacity=60);
  border-radius: 0px;
}


/*-------------------------
	Dropbox Element / Subir archivos
--------------------------*/

#dropbox{
	border-radius:3px;
	position: relative;
	margin:0px auto 0px;
	min-height: 90px;
	overflow: hidden;
	padding-bottom: 40px;
    width: 390px;
	box-shadow:0 0 4px rgba(0,0,0,0.3) inset,0 -3px 2px rgba(0,0,0,0.1);
}


#dropbox .message{
	font-size: 14px;
    text-align: center;
    padding-top:160px;
    display: block;
}

#dropbox .message i{
	color:#ccc;
	font-size:10px;
}

#dropbox:before{
	border-radius:3px 3px 0 0;
}



/*-------------------------
	Image Previews
--------------------------*/



#dropbox .preview{
	width:205px;
	height: 175px;
	float:left;
	margin: 5px 0 0 70px;
	position: relative;
	text-align: center;
}

#dropbox .preview img{
	max-width: 200px;
	max-height:140px;
	border:3px solid #fff;
	display: block;
	
	box-shadow:0 0 2px #000;
}

#dropbox .imageHolder{
	display: inline-block;
	position:relative;
}

#dropbox .uploaded{
	position: absolute;
	top:0;
	left:0;
	height:140px;
	width:100%;
	background: url('../done.png') no-repeat center center rgba(255,255,255,0.5);
	display: none;
}

#dropbox .preview.done .uploaded{
	display: block;
}



/*-------------------------
	Progress Bars
--------------------------*/



#dropbox .progressHolder{
	position: absolute;
	background-color:#252f38;
	height:12px;
	width:100%;
	left:0;
	bottom: 0;
	
	box-shadow:0 0 2px #000;
}

#dropbox .progress{
	background-color:#2586d0;
	position: absolute;
	height:100%;
	left:0;
	width:0;
	
	box-shadow: 0 0 1px rgba(255, 255, 255, 0.4) inset;
	
	-moz-transition:0.25s;
	-webkit-transition:0.25s;
	-o-transition:0.25s;
	transition:0.25s;
}

#dropbox .preview.done .progress{
	width:100% !important;
}

/* SPRYCOLLAPSIBLE PANEL */
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
}

.CollapsiblePanelTab {
	margin: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	color: #CCCCCC;
	font-size: 1.1em;
	text-transform: uppercase;
	padding: 10px 20px 10px 10px;
}

.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
	background-color: #666666;
}

.CollapsiblePanelTab a {
  color: #FFFFFF;
  text-decoration: none;
}
.CollapsiblePanelTab:hover, .CollapsiblePanelOpen .CollapsiblePanelTab {
	color: #FFFFFF;
	background-color: #000;
	text-decoration: none;
}

/* END SPRYCOLLAPSIBLE */

table.conborde {border-spacing: 0px}
table.conborde td {border: 1px solid #999; border-collapse:collapse;border-spacing: 0;}

.pestanaErrores {background-color: #cc0000 !important;}
.datoFijo {vertical-align: top; font-size: 14px; font-weight: bold;}

/* Añadir Archivos */

.ajaxArchivoGestionar, .ajaxArchivoGestionar:hover {
	display: inline-block;
	padding: 20px;
	margin-top: 32px;
	border: 1px solid #666;
	border-radius: 6px;
	color: #333;
	background-color: #669933;
	color: #fff;
}
.ajaxArchivoGestionar i {font-size: 36px !important; margin-bottom: 10px;}