@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: #000;
	color: white;
}

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

#cabecera .cliente {
	padding: 10px;
	background-color: #000;
	text-align: center;
}
#cabecera .proyecto {
	text-align: center;
	padding: 10px;
}
#cabecera .proyecto h1 {
	color: #fff;
	line-height: 0.7em;
	margin: 0;
	font-weight: normal;
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#cabecera .usuario {
	width: 300px;
	padding: 5px 40px 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: #000;
}

#cliente {
	background-color: #000; 
	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: #666;
}
/* 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-top: 20px;
	padding-left: 36px;
	padding-right: 30px;
	padding-bottom: 21px;
	border-bottom: 30px solid #000;
	border-right: 30px solid #000;
	background: url(../img/esquina_tl.png) no-repeat top left, url(../img/esquina_tr.png) no-repeat top right, url(../img/esquina_bl.png) no-repeat bottom left, url(../img/esquina_br.png) no-repeat bottom right;
}
#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 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 */

.botNeutro:hover {color:white;background-color: #999;} /*ESTILOS 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: 12px;
	padding: 6px;
	display: inline-block;
	margin-top: 5px;
	margin-right: 1px;
}
#controles .paginacion button {
	margin-left: 3px;
}
#controles .paginacion .numeros {
	padding: 0 3px 0 6px;
	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;
	font-size: 12px;
	width: 60px;
	vertical-align: top;
	line-height: 15px;
	margin-top: 4px;
}

/* ******************* 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 .celdaalumno {
	text-align: right;
	width: 460px !important;
}

#buscalista .celdaboton {
	text-align: right;
	width: 138px !important;
}

#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;}

td.camposAgrupados {
	color: #ffffff;
	background-color: #000;
	text-align: center !important;
	margin-bottom: 5px;
	padding: 5px 10px !important;
	vertical-align: middle !important;
}


#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;
}

td.listado_celda_dc {
	text-align: center;
	background-color: #DC8707 !important;
}

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

/* anchos */
.w10{	width: 600px !important;} 	
.w9 {	width: 540px !important;} 	
.w8 {	width: 480px !important;} 	
.w7 {	width: 420px !important;}		
.w6 {	width: 360px !important;}		
.w5 {	width: 300px !important;}		
.w4 {	width: 240px !important;}		
.w3 {	width: 180px !important;}		
.w2 {	width: 120px !important;}		
.w1 {	width: 60px	!important;}		

/*Porcentajes*/
.w100 { width: 100%	!important;}
.w90 { width: 90%	!important;}
.w80 { width: 80%	!important;}
.w70 { width: 70%	!important;}
.w60 { width: 60%	!important;}
.w50 { width: 50%	!important;}
.w40 { width: 40%	!important;}
.w30 { width: 30%	!important;}
.w20 { width: 20%	!important;}

/* 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;
	padding: 5px 0px;
	line-height: 18px;
	margin-bottom: 20px;
	border-bottom: 3px solid #96c11f;
}
.separadorN2 {
	color: rgb(102, 102, 102);
	margin-top: 0px;
	font-weight: bold;
	text-align: left;
	border-bottom: 3px solid #e3e3e3;
	padding: 5px 0px;

}
.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 .nivel1 i {margin: 10px 5px 10px 10px;}

.tr_niveles .nivel2 {
	text-indent: 10px;
	font-size: 17px;
	background-color: #C9C9C9;
	padding: 2px;
}

.tr_niveles .nivel2 i {
	text-indent: 0;
	margin: 6px 6px 6px 0;
}

.tr_niveles .nivel3 {
	color: #333333;
	text-indent: 20px;
	padding: 2px;
}
.tr_niveles .nivel3 i {
	text-indent: 0;
	margin: 6px 6px 6px 0;
}

.tr_niveles li label {display: block;cursor: pointer;}
.tr_niveles li.nivel2 label {padding: 5px 0;}
.tr_niveles li.nivel2 label:hover {background-color: #dddddd;}

input[type="checkbox"] {margin-right: 6px; margin-left: 6px}

.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;
	margin: 0;
  }
.pestanas > ul > li > ul > li {padding-bottom: 40px}

.pestanas .list-wrap { /* contenido de las pestañas */
	border-radius: 0px 8px 8px 8px;
	font-size: 14px;
	background-color: #FFF;
	float: none;
	clear: both;
	position: relative; /* añadido */
}
.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;
}
.pestanas .nav li.last { margin-right: 0; }
.pestanas .nav li a {
	display: block;
	width: 100%;
	padding: 10px 15px;
	color: #333;
	font-size: 14px;
	text-align: center;
	border: 0;
	border-radius: 5px 5px 0px 0px;
	background-color: #ccc;
}
.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;
}

/* Pestañas destacadas */
.pestanas li a.importante,
.pestanas li a.importante:hover {
	background-color: #333 !important;
	color: #FFF !important;
	text-decoration: none;
	text-transform: uppercase;
}

.pestanas li a.errorPestana,
.pestanas li a.errorPestana:hover {
	background-color: rgb(199, 5, 5) !important;
	color: #FFF !important;
	text-decoration: none;
	text-transform: uppercase;
}
/* con error */
.pestanas li a.error,
.pestanas li a.error:hover {
	background-color: #2776B9;
	color: #FFF !important;
	text-decoration: none;
}
.pestana {
	margin-top: 0px;
	padding-bottom: 20px;
}

/* ESTILOS INTERIOR PARA FORMULARIOS */

#interior table {
	width: 100% !important; /*Antes Auto*/
	margin: 0 auto;
}
#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;
	font-family: "Open Sans","Trebuchet MS",sans-serif;
	font-size: 14px;
	width: 100%;
}
#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;
	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 {
	position: relative;
	width: 375px;
	height: 290px;
	float: left;
	margin-right: 15px;
	margin: 20px;
	border: 1px solid #ccc;
	border-radius: 6px;
}
.archivoasociado a {display: block;text-align: center;}
.archivoasociado img {
	border: 0;
	max-height: 200px;
	max-width: 100%;
}
.archivoasociado .topBar {
	background: #ececec;
	padding: 5px 10px;
	width: auto;
	overflow: hidden;	
}
.archivoasociado .topBar span {display: inline-block;}
.archivoasociado .topBar .fecha {float: left;}
.archivoasociado .topBar .tipoArchivo {float: right;}

.archivoasociado .archivoMiniatura {height: 220px;}
.archivoasociado .archivoMiniatura img {margin-top: 10px;}
.archivoasociado img.tipoDocumento {margin-top: 40px;}
.archivoasociado .archivoNombre {padding: 10px;}

.archivoasociado .destacado {
	position: absolute;
	top: 45px;
	right: 0;
	background-color: #669933;
	color: white;
	padding: 3px 5px;
	z-index: 999;
}

video {
  max-width: 100%;
  height: auto;
}
.video-responsive {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 210px;
}


/* 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;
}
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}



/* 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%;
  text-align: left;
  /* 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;
}

/* TABS */
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 0 3px 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .75em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover {
	background-color: #999;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { /* PESTAÑA ACTIVA ****************/
	cursor: text;
	background: #666;
	color: #fff;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor span { /* subrayado en activa */
	/*border-bottom: 3px solid #06c;*/
	/*padding-bottom: 6px;*/
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel { /* CONTENIDO PESTAÑAS */
	display: block;
	padding: 1em 1.4em;
	border: 1px solid #d1d1d1; 
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: "Open Sans", 'Trebuchet MS', helvetica, 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', helvetica, sans-serif;
	font-size: 1em;
}

.ui-widget-content {
	color: #333333;
	background-color: white;
	border: 1px solid #ccc;
}

.ui-widget-header {
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #444;
}
.pestanas.ui-widget-content {
	background-color: transparent;
	border: none;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	border-radius: 4px 4px 0px 0px;
	background: #e6e6e6;
	text-transform: uppercase;
}
.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,
.ui-button:hover,
.ui-button:focus {
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	font-weight: normal;
	color: #000000;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-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);
}

/* 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: #333;
}

.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;}

.datoFijo {vertical-align: top; font-size: 14px; display: inline-block;}

/* Añadir Archivos */

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

.generarTicket input[type="text"],
.generarTicket input[type="password"],
.generarTicket textarea.lineas { /* estilo nuevo */
	font-size: 30px !important;
	font-weight: bold;
}

/*ESTRELLAS VOTACION*/

.estrellas-wrapper {
	/* Espacio entre los inline-block (los hijos, los `a`) 
	   http://ksesocss.blogspot.com/2012/03/display-inline-block-y-sus-empeno-en.html */
	font-size: 0;
	/* Podríamos quitarlo, 
		pero de esta manera (siempre que no le demos padding), 
		sólo aplicará la regla .ec-stars-wrapper:hover a cuando
		también se esté haciendo hover a alguna estrella */
	display: inline-block;
}
.estrellas-wrapper a {
	text-decoration: none;
	display: inline-block;
	/* Volver a dar tamaño al texto */
	font-size: 24px;
		
	color: #888;
}

.estrellas-wrapper:hover a {
	color: #CC0000;
}
/*
 * El selector de hijo, es necesario para aumentar la especifidad
 */
.estrellas-wrapper > a:hover ~ a {
	color: #888;
}

.puntuar {
	clear: both;
	height: 75px;
	top: -20px;
	/* [disabled]background-color: #CCCCCC; */
	position: relative;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.puntuar .estrellas-wrapper {
	clear: both;
	/* [disabled]background-color: #FFFF00; */
}

.estrellas-wrapper a.puntuada{
	color: #CC0000;
}
/*END ESTRELLAS VOTACION*/

/* Herramientas en pestañas */
iframe {border: none !important;}
.iframeHerramienta {background: transparent;}
.iframeHerramienta #cuerpo {
	padding: 0;
	background: transparent;
	border: none;
}

/* CALENDARIO - HORARIO */

#interior .horarioPrivado {
	border: 1px solid silver;
	margin-bottom: 1rem;
	border-spacing: 0;
	background: white;
	margin-bottom: 2em;
}
.horarioPrivado caption {
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 8px;
	color: #666666;
	letter-spacing: 2px;
}
.horarioPrivado th {
	background: #888;
	padding: 5px;
	height: 40px;
	letter-spacing: 2px;
	color: white;
}

.horarioPrivado .reloj{	width: 60px;}

#interior .horarioPrivado th:not(.reloj) {border-left: 1px solid silver;}

#interior .horarioPrivado td {
	padding: 0;
	position: relative;
	vertical-align: top;
	background-image: url(../img/table_tr.png);
}
#interior .horarioPrivado td:not(.horas) {
	border-left: 1px solid silver;
}

.horarioPrivado .horas div {
	height: 100px;
	padding-top: 5px;
	font-weight: bold;
	background: lightblue;
	vertical-align: top;
	text-align: center;
}
.horarioPrivado .horas div:not(:first-child) {border-top: 1px solid white;}

.horarioPrivado .actividad {
	text-align: center;
	background: lightgreen;
	position: absolute;
	width: 100%;
}
.horarioPrivado .actividad a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

.horarioPrivado .actividad a:hover {
	background: rgba(0,0,0,0.5);
	color: white !important;
}
.horarioPrivado .actividad .datos {
	font-size: 12px;
}
.horarioPrivado .actividad .datos span {
	margin: 0 3px;
	border: 1px solid;
	padding: 0 4px;
	line-height: 12px;
}
.horarioPrivado .actividad .datos span strong {
	font-weight: normal;
	line-height: 12px;
	font-size: 16px;
}
.horarioPrivado .actividad .datos span i {
	margin-right: 3px;
}
.horarioPrivado .actividad .clase {
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 8px;
}

#buscalista .buscadorBoton {
	padding: 0;
}

#buscalista .buscadorBoton button {
	width: auto;
	border-radius: 5px 0 0 5px;
	margin-right: 8px;
}

#buscalista .buscadorBotones button i{
	margin-right: 8px;
	vertical-align: middle;
	margin-bottom: 4px;
}

#buscalista table td.filtroAnyo {width: 140px;}

#interior .horarioPrivado td a i {
	font-size: 12px;
	line-height: 16px;
}

.checkFullClick{
	padding:15px;
	margin:0 0 0px;
	display:block; 
}

.ventaCobrada{
	background-color: lightgrey;
	color: #000000
}