@charset "utf-8";
/* CSS Document */
* {
	padding: 0;
	margin: 0;
}
body {
	font-family: 'Titillium Web', helvetica, sans-serif;
	font-size: 100%;
	background-color: rgb(249,249,249);
}
html, body {
	height: 100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
	box-sizing: border-box;
}
ol, ul {
	list-style: none;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}

a img { border: none;}
a {
	text-decoration: none;
	border: none;
	outline: none;
	color: #069;
}
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: #FFFFFF;
	height: 80px;
}
#cabecera td {position: relative;}
#cabecera .cliente {
	padding: 10px;
	background-color: #FFFFFF;
	vertical-align: middle;
	width: 30%;
	text-align: center;
}

#cabecera .proyecto {
	text-align: center;
	height: 30px;
}
#cabecera .proyecto h1 {
    color: #FFF;
    line-height: 24px;
    background-color: #333333;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}
#cabecera .usuario {
	width: auto;
	text-align: right;
	color: #0099CC;
	margin-right: 20px;
	padding-right: 20px;
	padding-left: 20px;
	position: absolute;
	top: 0px;
	right: 20px;
}
#cabecera .status {
	width: auto;
	text-align: left;
	color: #666666;
	margin-right: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	position: absolute;
	top: 0px;
	left: 160px;
}
#cabecera h2 {
	color: #FFFFFF;
	background-color: #0099CC;
	margin: 0px 0px 7px;
	padding: 5px 10px;
	font-size: 1em;
	text-transform: uppercase;
	line-height: 1em;
	text-align: center;
	border-radius: 0px 0px 5px 5px;
	font-weight: normal;
}
#cabecera ul li {
	margin: 0px 0px 5px;
	padding: 0px;
	line-height: 18px;
}
#cabecera .usuario i {margin-left: 5px}
#cabecera .status i {margin-right: 5px}
#cabecera .usuario a {
	color: #A10E0E
}
#cabecera .usuario a:hover {
	color: #CC0000
}
#cabecera .acciones {
	width: 200px;
	padding: 5px;
}
#cabecera .acciones i {margin-left: 15px}
.logout {
	background-color: #333333;
	text-align: center;
	padding: 5px;
	height: 24px;
	width: 100px;
	position: absolute;
	top: 0px;
	left: 50%;
	right: 45%;
	border-radius: 0px 0px 8px 8px;
}
.logout:hover {background-color: #000}
.logout a {color: #fff;}
.logout i {margin-left: 5px;}
/*********/

#login {
	margin: 20px auto;
	width: 540px;
	color: #333333;
	text-align: center;
}
#login * {box-sizing: border-box;}
#login form {
	background-color: #FFFFFF;
	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;
	width: 100%
}

#login .error.verde{
	background-color: #444444 !important;
	
}

#login .error > i {
	display: table-cell;
	width: 70px;
	vertical-align: middle;
}
#login .error span {
	display: table-cell;
	vertical-align: middle;
}
#login .titular {
	font-size: 1.8em;
	text-align: center;
	color: #FFFFFF;
	background-color: #444;
	padding: 5px 10px;
	margin-bottom: 15px;
	border-radius: 5px 5px 0px 0px;
}
#login .intro {
	padding: 3px;
	margin-bottom: 10px;
    font-size: 1.15em;
}
#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% "Trebuchet MS", sans-serif;
	color: #666666;
}
#login .formulario td {padding-bottom: 10px}
#login .formulario td.intro {
	font-size: 16px;
	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;
	box-shadow: 1px 1px 2px #000000;
	cursor: pointer;
	width: 100%;
	margin: 20px 0px;
	font: 1.3em Calibri, "Trebuchet MS", sans-serif;
	border-width: 0px;
	border-radius: 5px;
}
#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: 2em;
	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 */
#menu .CollapsiblePanelTab:hover i.fa-heart {
	color: #CC0000
}
#menu .CollapsiblePanelTab:hover i.fa-key {
	color: #0099CC
}
#menu .CollapsiblePanelTab:hover i.fa-asterisk {
	color: #6FCD30
}
#menu .CollapsiblePanelTab:hover i.fa-gears {
	color: #FFCC33
}
#menu .CollapsiblePanelTab:hover i.fa-bar-chart {
	color: #C837AB
}
#menu .CollapsiblePanelTab:hover i.fa-search {
	color: #3CB9A6
}
#menu .CollapsiblePanelTab:hover i.fa-wrench {
	color: #FF8000
}
#menu .CollapsiblePanelTab:hover i.fa-sitemap {
	color: #eddc19
}
/****************** 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 {
	clear: both;
	width: 100%;
	box-sizing: border-box;
	max-width: 960px;
	margin: 15px auto;
}

/******************* 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;
	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;
	box-sizing: border-box;
}
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;
}

/*********** MENSAJES *************/
.mensaje {
	box-sizing: border-box;
	background-color: #FFFFFF;
	margin: 20px auto;
	padding: 10px;
	width: 100%;
	border-radius: 5px;
	box-shadow: inset 1px 1px 3px #666666;
	overflow: hidden;
	display: table;
	text-align: left;
}
.mensaje > i {
	display: table-cell;
	width: 40px;
	vertical-align: middle;
	font-size: 2em;
}
.mensaje span {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	padding: 10px;
}
.mensaje.info {
	background-color: #069;
	color: #fff;
}
.mensaje.info > i {
	color: #fff;
	width: 40px;
	padding-left: 15px;
}

.mensaje.aviso i {color: #06c }

.mensaje.error {background-color: #cc0000; color: #fff;}


.mensaje > p {
	display: table-cell;
	vertical-align: top;
}
/********************************/
.tDer {text-align: right;}
.tIzq {text-align: left;}
.tCen {text-align: center;}
/*******************************/
.pagina {
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 20px;
	width: 100%;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #666666;
	/* [disabled]overflow: hidden; */
	display: table;
	box-sizing: border-box;
}
table.datos {
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 1.1em;
	border: 1px solid #ccc;
	background-color: rgb(247,247,247);
}
table.datos p {margin-bottom: 1em}
table.datos .masInfo {
	text-align: center;
	font-size: 2em;
	background-color: #FDFDFD;
	width: 30px;
}
table.datos caption {
	font-size: 24px;
	font-weight: 500;
	padding-bottom: 10px;
	text-align: left;
	color: #09C;
	line-height: 24px;
}
table.datos .intro {
	background-color: #09C;
	color: #FFFFFF;
	border-top: 1px solid #0099CC;
	border-bottom: 1px solid #0099CC;
}
table.datos th {
	color: #fff; 
	background-color: #333;
	padding: 10px;
	white-space: nowrap;
	box-sizing: border-box;
	text-align: left;
	padding-left: 10px;
	
}
table.datos th.izquierda
{
	text-align: left;
    padding-left: 10px;
}
table.datos tr td {padding: 8px;box-sizing: border-box;}
table.datos td.seleccion {width: 30px; text-align: center}
table.datos td.descripcion {
	background-color: #FFFFFF;
}
table.datos td.descripcion strong {
	color: #0086B3;
}
table.datos td.precio {
	text-align: right;
	padding: 15px;
	width: 40px;
}
table.datos tr.subnivel {
	background-color: #FFF;
	color: #666;
	border: 1px solid #ccc;
}
table.datos tr.total {
	background-color: #9DCEFF;
}
table.datos tr {border-bottom:  1px solid #ccc;}

table.datos tr.subnivel td:first-of-type {
	padding-left: 36px;
}	
table.datos tr.subnivel td:first-of-type i {margin-right: 10px;margin-left: -24px;}
table.datos tr.subnivel table td {
	border: solid 1px #ccc;
	padding: 10px !important;
}
table.datos tr.subnivel table tr:nth-of-type(odd)  {
	background-color: #E7E7E7;
}
table.datos tr.subnivel table tr:nth-of-type(even) {
	background-color: #EEEEEE;
}
/* Listas en páginas interior */

table.datos ul {
	padding-left: 20px;
	list-style: disc;
	margin-bottom: 1em;
	margin-left: 20px;
}
table.datos ol {
	padding-left: 20px;
	list-style: decimal;
	margin-left: 20px;
	margin-bottom: 1em;
}
table.datos li {
	margin-bottom: 0.5em;
}

#textoExplicacion {
	box-sizing: border-box;
	background-color: #FFFFFF;
	margin: 20px auto;
	padding: 10px;
	width: 100%;
	border-radius: 5px;
	box-shadow: inset 1px 1px 3px #666666;
	overflow: hidden;
	text-align: left;
	background-color: #069;
	color: #fff;
}

/*************************************/
.tnegrita 	{font-weight: bold;}
.celdaFin {
	text-align: right;
	white-space: nowrap;
	width: 20px;
}
.maximo { /* Ancho Total */
	box-sizing: border-box;
	width: 99%;
}
.bigBot { /*Botón Grande */
	font-size: 1.8em !important;
  	padding: 0.3em 0.5em !important;
}  
.totalFinal {
	padding: 3px 5px;
	color: #FFFFFF;
	text-align: right;
	font-size: 21px;
	background-color: #069;
	width: auto;
	box-sizing: border-box;
	clear: both;
	float: right;
	border-radius: 5px;
}
td.cancelar a:hover {color: #CC0000}
/***************************************/
nav.botones {
	text-align: center;
	padding: 10px;
	clear: both;
}
nav.botones button {
	font-size: 18px;
	text-transform: uppercase;
}
table.encabezado {

}
table.encabezado th {
	background-color: #069;
}
table.encabezado td {}

/*********** BOTONES *************************/
nav.botones {
	text-align: right;
	width: auto;
	clear: both;
}
nav.botones button {
	font-size: 18px;
	text-transform: uppercase;
}

nav.botones a:first-of-type,
nav.botones button:first-of-type { /* Primer botón */
	border: 1px solid #669933;
	color: #669933;
	background: none;
}
nav.botones a:first-of-type:hover,
nav.botones button:first-of-type:hover { /* Primer botón hover */
	border: 1px solid #669933;
	color: #7dbd3e;
}

nav.botones a:last-of-type,
nav.botones button:last-of-type { /* Último botón */
	background-color: #669933;
	color: #FFFFFF;
}
nav.botones a:last-of-type:hover,
nav.botones button:last-of-type:hover { /* Último botón hover*/
	background-color: #7dbd3e;
	color: #FFFFFF;
}

.bigBot { /*Botón Grande */
	font-size: 1.8em !important;
  	padding: 0.3em 0.5em !important;
}  

.warningBot {
	background-color: #ca2424 !important;
	color: white !important;	
	border: none !important;
}
.warningBot:hover {
	background-color: #e32d2d !important;
	border: none !important;
}

button.CTA2{background-color: #069;color: white;padding: 6px;border-width:0px;border-radius:4px;}
button.CTA2:hover{background-color:rgb(0, 143, 210) !important;color:white;}

select,
button.boton, 
a.boton,
.botones button,
.celdadatos button, 
#buscalista button,
body.ventana button {
	padding: 4px;
	border-radius: 5px;
	margin: 5px;
	font-family: 'Titillium Web', helvetica, sans-serif
}

select {
	background-color: #FFFFFF;
	color: #000;
	border: 1px solid #ccc;
	font-size: 16px;
	margin: 0;
}
textarea {
	padding: 4px;
	border-radius: 5px;
	font-family: Calibri, "Trebuchet MS", sans-serif;
	font-size: 16px;	
	border: 1px solid #ccc;
}
.botones button,
 button.boton, 
 a.boton, 
 .celdadatos button, 
 #buscalista button,
 body.ventana button {
	font-size: 18px;
	border: none;
	padding-left: 8px;
	padding-right: 8px;
	cursor: pointer;
	/* [disabled]box-shadow: 1px 1px 3px #333; */
	text-align: center;
}

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

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

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

/******* COLORES ***********/
.colorVerde 		{background-color: green !important;	color: #FFFFFF !important;}
.colorVerde:hover 	{background-color: #66CC33 !important;	color: #FFFFFF !important;}
.linkVerde 			{color: #693 !important}

.colorRojo 			{background-color: #CC0000 !important;	color: #FFFFFF !important;}
.colorRojo:hover	{background-color: #D52E2E !important;	color: #FFFFFF !important;}
.linkRojo 			{color: #C00 !important}

.colorAzul 			{background-color: #0066CC; 	color: #FFFFFF;}
.colorAzul:hover	{background-color: #2E81D5 !important; 	color: #FFFFFF;}
.linkAzul 			{color: #069}

.colorAzulClaro		{background-color: #2db8d2 !important;	color: #FFFFFF !important;}
.colorAzulClaro:hover	{background-color: rgb(68, 194, 218) !important; 	color: #FFFFFF;}
.linkAzulClaro		{color: #2db8d2 !important}

.colorNaranja {background-color: #eb7602; color: #FFF; font-weight: 400; font-family: 'Titillium Web', helvetica, sans-serif !important;border-radius: 4px;padding: 0px 4px;}
.colorNaranja:hover {background-color: #EC8219 !important; color: #FFF;}
.linkNaranja {color: orange}
.colorMorado {background-color: purple; color: #FFFFFF !important; }
.linkMorado {color: purple}
.colorNegro {background-color: black; color: white}
.linkeNegro {color: #000}
.colorGris {background-color: #ccc; color: #000;}
.linkGris {color: #ccc;}
.colorGris:hover {background-color: #ddd; color: #000;}
.colorGrisOscuro {background-color: #666; color: #FFFFFF;}
.linkGrisOscuro {color: #666;}

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

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

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

#ruta {
	height: 24px;
	width: 60%;
	float: left;
	margin-bottom: 10px;
	margin-left: 20px;
}
#ruta i {margin-right: 4px; color: #0082BF}

#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 {
	background-color: #333;
	padding: 6px;
	clear: both;
	border-radius: 10px;
	width: auto;
	height: 54px;
	position: relative;
	z-index: 5;
	margin-right: 20px;
	margin-left: 20px;
	box-sizing: border-box;
}
#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: 5px;
	border-left: 1px solid #999999;
}
#controles .botones .bloque.registro {
	padding: 5px 0px 5px 10px;
}

/* Paginación */
#controles .paginacion {
	float: right;
	color: #999;
	position: relative;
	padding: 2px;
}
#controles .paginacion i {
	margin: 0 3px;
}
#controles .paginacion button 	{font-size: 14px; padding: 4px;}
#controles .paginacion a.boton  {font-size: 14px; padding: 4px;}

#controles .paginacion a 		{color: #ccc}
#controles .paginacion a:hover 	{color: #fff}
#controles .paginacion .numeros {
	padding: 0 10px;
	position: relative;
	display: inline-block;
	width: auto;
}
#controles .paginacion .total {
	display: inline-block;
	height: 36px;
	line-height: 36px;
}
/* ******************* BUSCADOR **************** */
#buscalista {
	background-color: #666;
	position: relative;
	z-index: 1;
	top: -15px;
	padding-top: 20px;
	padding-bottom: 5px;
	border-radius: 0px 0px 10px 10px;
	margin-right: 20px;
	margin-left: 20px;
	font-size: 15px;
	color: #FFFFFF;
}
#buscalista table td {
	border-left: 1px solid #999999;
	text-align: center;
	padding: 0px 5px;
}
#buscalista table td:first-of-type {
	text-transform: uppercase;
	border-left: none;
	padding-left: 12px;
}
#buscalista table td:last-of-type {
	padding-right: 8px;
}
#buscalista input[type="text"] {
	padding: 4px;
	border-radius: 5px;
	background-color: #fff;
	border: 1px solid #fff;
	margin-left: 5px;
	font-size: 15px;
}
#buscalista select {
	background-color: #fff; 
	padding: 2px !important;
	font-size: 15px;
}

#buscalista button {font-size: 15px}
#buscalista a.boton {font-size: 15px}

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

#datos {
	margin-top: 20px;
	margin-bottom: 20px !important;
	width: 100% !important;
}	
#datos tr:hover {
	background-color: #333;
	color: #fff;
}
#datos tr:hover a {color: #fff}
#datos td {
	padding: 5px 8px;
    /*vertical-align: top;*/
}
#datos td:hover {
	cursor: pointer;
}
#datos td.herramienta {
	cursor: pointer;
	vertical-align: middle;
}
/* celdas */
td.centrado, .listado_celda_centro {text-align: center !important;}
td.campos {
	color: #ffffff;
	font-weight: bold;
	background-color: #262626;
	text-align: center !important;
	margin-bottom: 5px;
	padding: 5px 8px;
	border-right: #333333 solid 1px;
	vertical-align: middle !important;
}
td.listado_celda {
    /*vertical-align: top;*/
    text-align: left;
}

/* filas */
.filapar {
	background-color: #E5E5E5;
}

.filaimpar {
	background-color: #FFFFFF;	
}
.filapadre1 {
	background-color: #AA0000;
	color: #ffffff;
}
.filapadre2 {
	background-color: #DC8707;
	color: #ffffff;
}
.filapadre3 {
	background-color: #F1711C;
	color: #ffffff;
}

/* anchos */
.w100p 	{width: 100%; box-sizing: border-box;}
.w50p 	{width: 50%; box-sizing: border-box;}
.w33p 	{width: 33%; box-sizing: border-box;}
.w25p 	{width: 25%; box-sizing: border-box;}

.w12{	width: 720px}
.w11{	width: 660px}
.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 !important}		/*126px*/
.w1 {	width: 60px	}		/*63px*/

/* altos */
.h12{	height: 720px}
.h11{	height: 660px}
.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: #333;
	margin-top: 0px;
	font-weight: bold;
	font-size: 18px;
	text-align: left;
	border-bottom: 3px solid #FFA500;
	text-transform: uppercase;
	padding: 5px 0px;
	line-height: 18px;
	margin-bottom: 20px;
}
.tr_niveles {
	padding: 10px;
	list-style: none;
	font-size: 16px;
	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: 18px;
	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: #06c !important;
	color: #000 !important;
}

.textoIncorrecto {
	color: #06c;
	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: 16px; /* 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: #06c; /* 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: #06C 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 #06C 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 #06C 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 #06C; /* 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*/
}
.pestanas ul {
	list-style: none;
	overflow: hidden;
	padding: 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: 16px;
	background-color: #FFF;
	float: none;
	clear: both;
	position: relative; /* añadido */
	padding: 0px 20px;
}
.pestanas .list-wrap #formulario {
	/*border-bottom: 20px solid #fff;
	border-top: 20px solid #fff;*/
	margin-bottom: 5px;
}
.pestanas .nav { overflow: hidden; padding-top: 3px}
.pestanas .nav li {
	min-width: 90px;
	float: left;
	margin: 0 10px -10px 0;
	text-transform: uppercase;
}
.pestanas .nav li.last { margin-right: 0; }
.pestanas .nav li a {
	display: block;
	padding: 15px 20px;
	color: white;
	font-size: 16px;
	text-align: center;
	border: 0;
	border-radius: 5px;
	background-color: #999999;
	box-shadow: 1px -1px 2px #333;
}
.pestanas li a.current,.pestanas li a.current:hover {
	background-color: #666 !important;
	color: #FFF !important;
	text-decoration: none;
}
.pestanas .nav li a:hover, .pestanas .nav li a:focus { 
  background: #000;
  color: white;
  text-decoration:none;
}

.pestana {
	/*background-color: yellow;*/
}
.noSalta {white-space: nowrap}
/* ESTILOS INTERIOR PARA FORMULARIOS */

#interior table {
	/* [disabled]margin: 0 auto; */
}

#interior input[type="text"] 	{float: left;}
#interior input[type="radio"] 	{
	margin: 3px 5px;
	vertical-align: middle;
}

#interior textarea.lineas		{float: left;} /* estilo nuevo */
#interior select 				{
	float: left;
	margin-bottom: 0;
	margin-top: 0;
}



#interior input[type="password"],
#interior input[type="text"],
#interior textarea.lineas { /* estilo nuevo ////.lineas/// */
	padding: 4px;
	background-color: #DFDFDF;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-right: 5px;
	font-family: 'Titillium Web', helvetica, sans-serif;
	font-size: 16px;
}

#interior td > i {
	float: left;
}

span.textoInputBuscador b {
	float: left;
	padding: 5px 8px;
	margin-right: 10px;
	background-color: #666;
	color: #fff;
	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: #FFFFFF;	
	padding: 10px;
}
body.ventana h1 {
	color: #333333;
	background-color: #9DCEFF;
	text-align: center;
	padding: 10px;
	margin-bottom: 20px;
}
body.ventana table caption {
	font-size: 1.5em;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ccc;
}
body.ventana #formulario {
	color: #fff;
	margin: 0 auto;
	text-align: center;
	font-size: 18px;
}
body.ventana #formulario td {
	padding: 5px;
	/*white-space: nowrap;*/
}

body.ventana #formulario td.celdadatos {white-space: nowrap;}
body.ventana #datos {
	width: 90%;
	margin: 20px auto;
}
body.ventana input[type="text"],
body.ventana textarea {
	
	padding: 4px;
	background-color: #FFFFFF;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin: 0 5px;
	font-family: "Trebuchet MS",sans-serif;
	font-size: 16px;
	box-sizing: border-box;
}

body.ventana .botones{
	text-align: center;
}

/*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: Calibri, '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:16px;
  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 Calibri,'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: Calibri, '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: Calibri, '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 */
.pregunta {
	margin-bottom: 20px;
}

.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;
	overflow: hidden;
	width: auto;
}
.pregunta .CollapsiblePanelTab {
	font-size: 18px;
	font-weight: bold;
	background-color: #9DCEFF;
	color: #006699;
}
.CollapsiblePanelTab span.item {display: inline-block; float: left;}
.CollapsiblePanelTab span.precio {display: inline-block; float: right; color: #000;}
.CollapsiblePanelTab:hover span.precio {color: #fff;}
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
	background-color: #666666;
}

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

.CollapsiblePanelOpen span.precio {display: none;} /* Ocultamos precio al desplegar */

/* END SPRYCOLLAPSIBLE */

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

/* LISTADO */

#listado {
	width: 960px;
	margin: 50px auto;
}
#listado .botones {text-align: right; font-size: 1.5em}
#listado .botones i {margin-right: 5px;}
#listado ul {
	display: table;
	width: 100%;
	border-spacing: 10px;
}
#listado ul li {display: table-row;}
#listado ul li a {
	display: table-cell;
	height: 75px;
	vertical-align: middle;
	font-size: 24px;
	color: #000;
}
#listado ul li a:first-of-type {
	width: 275px;
	text-align: center;
	background-color: #fff;
}
#listado ul li a:nth-of-type(2) {
	padding-left: 20px;
	background-color: #ededed;
	border-radius: 6px;
	box-shadow: 1px 1px 2px #666;
}
#listado ul li a:nth-of-type(2):hover {
	background-color: #fff;
}
#listado ul li a img {margin-bottom: -7px;}

/*************************/
.content, .contenido {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	position: relative;
}
/************** MAIN MENU *************************/
#navbar {
	background-color: #0099CC; /* Level 1 Background Color */
	height: 36px;
}

.menu {
    border: 0px;
    margin: 0px;
    padding: 0px;
    height: 36px;
    width: 960px;
    display: table;
}
.menu ul {
	display: table-row;
    height: 36px;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}
.menu li {
	display: table-cell;
	padding: 0px;
	text-align: center;
	border-right: 1px solid #D5F4FF;	
}
.menu > ul > li:first-of-type {border-left: 1px solid #D5F4FF;} /* BORDE IZQ PRIMER ITEM */
.menu > ul > li.activo a {     background-color: #069} /* OPCION MARCADA */
.menu li a {
	color: #fff;
	display: block;
	font-weight: normal;
	margin: 0px;
	padding: 8px;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	line-height: 20px;
	vertical-align: middle;
}
.menu li a:hover {
	color: #FFFFFF;
	background-color: #13b1e6; /* Level 1 Rollover Color #006699 */
	text-decoration: none;
}
.menu ul li:hover a {
	text-decoration: none;
}
.menu li ul { /* submenu */
	display: none;
	height: auto;
	padding: 0px;
	margin: 0px;
	border: 0px;
	position: absolute;
	width: auto;
	z-index: 200;
}
.menu li:hover ul {
    display: block;
    margin-top: 0px;
}
.menu li li {
	display: block;
	float: none;
	margin: 0px;
	padding: 0px;
	width: auto;
	background-color: #006699; /* Level 2 Background Color */
	min-width: 180px;
	border: none;
}
.menu li:hover li a {
	color: #fff;
    background: none;
}
.menu li ul a {
	color: #000;
	display: block;/;
	margin: 0px;
	padding: 8px;
	text-align: left;
	font-size: 16px;
}
.menu li ul a:hover,
.menu li ul li:hover a {
	border: 0px;
	color: #fff;
	text-decoration: none;
	background-color: #13b1e6; /* Level 2 Rollover Color */
}
/* Tercer nivel **********************/
.menu li:hover ul ul {display: none;}
.menu li:hover ul li:hover ul {
	display: block;
	height: auto;
	padding: 0px;
	margin: 0px;
	border: 0px;
	position: absolute;
	top: 0px;
	left: 100%;
	width: auto;
	z-index: 300;
}
.menu li:hover ul li:hover ul li {white-space: nowrap;}

.menu li ul li:hover ul li a {
	border: 0px;
	color: #ffffff;
	text-decoration: none;
	background-color: rgba(90,90,90,0.8); /* Level 3 Background Color */
}
.menu li ul li ul a:hover {background-color: #777 !important;} /* Level 3 Rollover Color */

/* Notificaciones */

.menu li .notifications {
	font-size: 12px;
	background: #ec1f1f;
	padding: 2px;
	border-radius: 50%;
	width: 18px;
	display: inline-block;
	vertical-align: top;
	line-height: 17px;
	height: 18px;
	margin-top: -2px;
}

/* *************** ASIDE MENU *********************/
aside.lateral {
	width: 230px;
	float: left;
	margin-right: 40px;
}
.subMenu {
	border: 0px;
	margin: 36px 0px 0px;
	padding: 0px;
	background-color: #333; /* Aside Level 1 Background Color */
}
.subMenu ul {
	display: table;
    width: 100%;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    border-spacing: 0px !important;
}
.subMenu li {
	display: table-row;
}
.subMenu li a {
	color: #fff;
	display: table-cell;
	font-weight: normal;
	margin: 0px;
	padding: 8px 12px;
	text-decoration: none;
	font-size: 16px;
	line-height: 20px;
	vertical-align: middle;
}
.subMenu li a:hover {
	/*color: #FFFFFF;*/
	/*background-color: #000;	/* Aside Level 1 Rollover Color */
	text-decoration: none;
}
.subMenu ul li:hover a {
	text-decoration: none;
}
.subMenu li ul { /* Aside Level 2 Menu */
	display: none;
	height: auto;
	padding: 0px;
	margin: 0px;
	border: 0px;
	position: absolute;
	width: auto;
	z-index: 200;
	left: 230px;
}
.subMenu li:hover ul {
    display: block;
    margin-top: 0px;
}
.subMenu li li {
	display: block;
	float: none;
	margin: 0px;
	padding: 0px;
	width: auto;
	/*background-color: #555;  Aside Level 2 Background Color */
}
.subMenu li:hover li a {
	color: #fff;
    background: none;
}
.subMenu li ul a {
	color: #000;
	display: block;
	height: 36px;
	font-style: normal;
	margin: 0px;
	padding: 8px;
	text-align: left;
	font-size: 16px;
}
.subMenu li ul a:hover,
.subMenu li ul li:hover a {
	border: 0px;
	color: #ffffff;
	text-decoration: none;
	background-color: #FD6524; /* Aside Level 2 Rollover Color */
}

/* Aside Level 3 **********************/
.subMenu li:hover ul ul {display: none;}
.subMenu li:hover ul li:hover ul {
	display: block;
	height: auto;
	padding: 0px;
	margin: 0px;
	border: 0px;
	position: absolute;
	top: 0px;
	left: 100%;
	width: auto;
	z-index: 300;
}
.subMenu li:hover ul li:hover ul li {white-space: nowrap;}

.subMenu li ul li:hover ul li a {
	border: 0px;
	color: #ffffff;
	text-decoration: none;
	/*background-color: #777;  Aside Level 3 Background Color */
}
.subMenu li ul li ul a:hover {
	background-color: #FD6524 !important; /* Aside Level 3 Rollover Color */
} 


/* PROGRESS BAR */
#progreso {
	display: table;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 20px;
}
#progreso ul {display: table-row;}

#progreso ul li {
	display: table-cell;
	text-align: center;
	font-size: 16px;
}
#progreso ul.literales li {
	color: #666666;
	text-transform: uppercase;
}
#progreso ul.completado li:not(:last-of-type) {
	border-right: 1px solid #ededed;
}

#progreso ul.completado li a {
	background-color: #ddd;
	display: block;
	height: 30px;
	line-height: 32px;
	color: #fff;
}
#progreso ul.completado li a:hover {color: #fff}

#progreso ul.completado li:first-of-type a {
	border-radius: 16px 0px 0px 16px;
} 
#progreso ul.completado li:last-of-type a {
	border-radius: 0px 16px 16px 0px;
}
#progreso ul.completado li a.hecho {
	background-color: #669933;
}
/*#progreso ul.completado li a.hecho:last-of-type {
	background-image: url(../web/img/arrow-bar.png);
	background-repeat: no-repeat;
	background-position: right center;
}*/
#progreso ul.literales li.hecho {
	/* [disabled]color: #669933; */
	font-weight: bold;
}
/************* colores input ******************/
table.registro input, 
table.registro textarea,
table.registro select 	{background-color: #fff !important}
table.registro label 	{margin-left: 10px;}
table.registro td.archivos {
	min-height: 100px;
	text-align: center;
	line-height: 2em;
}
table.registro td.archivos i {
	float: right !important;
	font-size: 6em;
	color: #666666;
}
table.registro td.archivos input {
	background-color: #0099CC !important;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 5px;
	color: #FFFFFF;
}
#interior h1 {
	color: #FFFFFF;
	background-color: #006699;
	padding: 5px 20px;
	border-radius: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.8em;
	font-weight: normal;
	text-transform: uppercase;
	overflow: hidden;
  	height: 36px;
}
#interior h1 i {
	float: right;
	line-height: 1.6em;
	background-color: #09C;
	padding: 0px 10px 0px 15px;
	margin: 0px;
	margin-top: -5px;
	margin-right: -20px;
	border-radius: 0px 5px 5px 0px;
}
table.registro #busqueda {margin-top: 5px;padding: 10px}

/**** CONFIRMACIONES *****/
.informacion {
	box-sizing: border-box;
	background-color: #E6EEF4;
	margin: 20px auto;
	width: 100%;
	display: table;
	text-align: left;
	border-radius: 5px;
}
.informacion .texto {
	display: table-cell;
	padding: 25px;
}
.informacion .imagen {
	display: table-cell;
	vertical-align: top;
	background-color: #069;
	border-radius: 0px 5px 5px 0px;
}
.informacion .imagen i {
	padding: 0.5em;
	font-size: 6em;
	color: #fff;
}
/*********************************/
.alignTop 		{vertical-align: top;}
.alignBottom 	{vertical-align: bottom;}
.alignRight 	{text-align: right;}
.alignLeft 		{text-align: left;}
.alignCenter 	{text-align: center;}

.pagina p {
	margin-bottom: 1em;
}
/************************************/
.pedidos a {display: block; font-size: 1em;}
.pedidos i {font-size: 2em}

.downloads article {
	font-size: 18px;
	line-height: 40px;
	background-color: #EDEDED;
	height: 40px;
	display: table;
	width: 100%;
	margin-bottom: 20px;
	box-shadow: 1px 1px 3px #999;
}
.downloads article p {
	display: table-cell;
}
.downloads article p.name {
	width: 80%;
}
.downloads article p.name i {
	color: #fff;
	margin-right: 10px;
	display: inline-block;
	background-color: #0099CC;
	padding: 11px;	
}
.downloads article p.action {
	width: 20%;
	padding-right: 10px;
	text-align: right;
}

/* información acumulada de sponsors */
.infoSponsor {
	width: 100%;
	border: 0;
	margin-bottom: 10px;
	border-spacing: 5px;
    border-collapse: separate;
}
.infoSponsor.inicial td {
	text-align: center;
	width: 25%
}
.infoSponsor td {
	background-color: #9DCEFF;
	padding: 10px;
	vertical-align: top;
}
.infoSponsor span {font-weight: bold;}
.infoSponsor table {
	border-spacing: 1px;
    border-collapse: separate;	
}
.infoSponsor table td {background-color: #fff;}
.infoSponsor.sData .generalInfo td {width: 50%}
.infoSponsor.sData .invoiceInfo td {width: 33%}

.registration_separador {
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    color: #09C;
    line-height: 24px;
}

.registration_order_description {
    font-size: 18px;
    font-weight: bold;
    background-color: #9DCEFF;
    color: #006699;
}

.flotaDerecha
{	
	float: right; margin-bottom: 10px;
}
.flotaIzquierda
{	
	float: left;
	margin: 0 6px;
}

/* Presentations Donwloads */
/* ----------------------- */

.abstracts article {
    background-color: #E9E9E9;
    padding: 10px;
    width: auto;
    position: relative;
    border-radius: 4px;
    border: 1px solid #ccc;
    margin-bottom: 25px;
    margin-top: 25px;
}

.clearfix {
    zoom: 1;
}

.abstracts .enlace {
    float: right;
    clear: right;
    height: 50px;
    width: 130px;
    text-align: center;
    background-color: #999;
    border-radius: 6px;
    margin-bottom: 10px;
}

.abstracts .enlace:hover {
	background-color: #666;
}

.abstracts .enlace a {
    color: #fff;
    display: block;
    line-height: 50px;
}

.abstracts .enlace i {
    font-size: 1.5em;
    margin-right: 8px;
    vertical-align: top;
    margin-top: 12px;
}

.abstracts .titulo {
    clear: both;
    background-color: #0099CC;
    color: #FFFFFF;
    display: table;
    width: 100%;
    position: relative;
    left: 0px;
    border-radius: 4px 4px 0px 0px;
}
.abstracts span.literal {
    width: 95px;
    text-align: right;
    padding-right: 15px;
    padding-left: 10px;
}
.abstracts .titulo span, .abstracts .autores span {
    display: table-cell;
    padding-top: 5px;
    padding-bottom: 5px;
}

.abstracts .autores {
    clear: both;
    background-color: #666666;
    color: #FFFFFF;
    display: table;
    width: 100%;
    position: relative;
    left: 0px;
    border-radius: 0px 0px 4px 4px;
}

.abstracts .referencia {
    height: 20px;
    width: 500px;
    top: -16px;
    position: absolute;
    color: #666666;
    right: 14px;
    text-align: right;
    font-size: 12px;
}
.abstracts .track {
    margin-bottom: 10px;
}
.abstracts .subtrack {
    margin-bottom: 10px;
}

/* Filters */
/* ------- */
label[for="track"], 
label[for="subtrack"]{
	display: block;
    position: static;
    width: 13%;
    margin-top: 15px !important;
    font-size: 16px;
    margin-bottom: -10px;
    float: left;
    font-weight: bold;
    color: #333;
}

.w8-full{
	width: 99% !important;
	margin-top: 5px;
}

.datos.registro .botones{
	width: 220px !important;
}
.combo-track, .combo-subtrack{
	display: block;
	float: left;
	margin-top: 10px !important;
	/*margin-right: 10px !important;*/
	width: 85%;
}

#subtrack:disabled{
	background-color: #e8e7e5 !important;
	color: #666;
}

.abstracts .infoAbstract {
    width: 550px !important;
}

.icon-files{
    float: right;
    height: 50px;
    width: 50px;
    text-align: center;
    background-color: #0282ad;
    border-radius: 6px;
    margin-bottom: 10px;
    margin-right: 5px;	
    color:#fff;
    cursor: pointer;
}

.icon-files:hover{
	background-color: #036a8c;
}

.icon-files a i{
    color: white;
    font-size: 28px;
    font-weight: normal;
    line-height: 50px !important;

}

/* PAGINACION ---------------------------------------- */

#paginacion {
	color: #9A9A9A;
	margin-top: 20px;
	clear: both;
	display: block;
	overflow: visible;
	height: 36px;
	margin-bottom: 0px;
	font-size: 14px;
	line-height: 16px;
}
#paginacion * {box-sizing: content-box;}
#paginacion .paginas {
	clear: left;
	float: left;
	height: 32px;
	background-color: #FFFFFF;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 1px 1px 2px 0px #666666;
	padding-right: 12px;
	padding-left: 12px;
	width: auto;
}
#paginacion .paginas a, #paginacion .paginas span {
	text-decoration: none;
	color: #666;
	border-right: 1px solid #CCCCCC;
	margin: 0px;
	padding: 8px;
	height: 16px;
	display: inline;
	float: left;
	width: auto;
}
#paginacion .paginas span {
	background-color: #0099CC;
	font-weight: bold;
	color: #FFFFFF;
}

#paginacion .paginas a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #0099CC;
}

#paginacion .resultados {
	float: right;
	clear: right;
	width: 200px;
	text-align: right;
	line-height: 34px;
	height: 32px;
	color: #333333;
}
#paginacion a.adelante {
	letter-spacing: 0.1em;
	margin-right: -12px;
	border: 0;
}

#paginacion a.atras {
	letter-spacing: 0.1em;
	margin-left: -12px;
	border: 0;	
}

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


/* DROPDOWN BUTTON */
.dropdown-accion {
    font-size: 18px;
    border-radius: 5px;
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    color: #fff;
    margin: 0 3px;	
	line-height: 38px !important;
	font-weight: bold;
	cursor: pointer;
}

.dropdown-accion .fa{
	font-size: 22px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown:hover .dropdown-content,
.dropdown:focus .dropdown-content{
	display:block;
 }

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	border-radius: 5px;
    left: -20px;
    top: 35px;
    min-width: 80px;
    font-size: 13px;
    line-height: 5px;
    background-color: #038cb9;
    font-weight: normal;    
    border: solid 1px white;
}
.dropdown-content h2{
	border-bottom: solid 1px white;
    display: block;
    width: 100%;
    background-color: #333333;
    height: 25px;
    color: white;
    font-size: 15px;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 25px;
    letter-spacing: -0.5px;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #006699}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

/* Personlización de Login */
#loginPage {
	background-attachment: fixed;
	background-image: url(https://template.febsevents.org/css/../web/img/info-background.jpg);
	background-repeat: no-repeat;
	/*background-position: center bottom;*/
}

/* Cuestionario Evaluación 29/11/2016 */

.form-items-rows,
.form-items-columns{
	font-size: 16px !important;
    list-style: none !important;
    padding: 0px;
    padding-left: 0px !important;
    margin-left: 0px !important;
    margin-top: 10px;
    width: 100%;
}
.form-items-rows span input{
	margin-left: 20px !important;
}

.form-items-columns>li{
	display: inline-block;
	padding: 0px 8px;
	float:right;
}

.form-items-rows span{
	float: right;
	padding-right: 9px;
}

.form-items-columns.vertical-items li{
	min-width: 100px;
	text-align: center;
}

.form-items-columns.vertical-items input{
    display: block !important;
    width: 100% !important;
    margin-top: 5px;
}


/* Calendario de Fechas y Cupos - Febrero 2017*/

/* CALENDARIO ***********************************************************/

table.mescalendario {
	width: 90%;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	z-index: 1;
	border: 1px solid #333333;
	table-layout: fixed;
	border-spacing: 1px;
	background-color: #D5D5D5;
}
.mescalendario th {
	color: #FFFFFF;
	border: 1px solid #333333;
	background-color: #666666;
	width: 12%;
	text-align: center;
	line-height: 24px;
	height: 24px;
}
.mescalendario td {
	font-size: 24px;
	border: 1px solid #333333;
	font-weight: bold;
	text-align: center;
	color: #999;
	padding: 0px !important;
	height: 50px;
	position: relative;
}
.mescalendario td div {
	font-size: 16px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 99;
	left: 0px;
	font-weight: normal;
	text-align: center;
	height: 10px;
	line-height: 10px !important;
}

.mescalendario a {
	display: block;
	position: relative;
	height: 100%;
	line-height: 50px;
}
.mescalendario a:hover {
	text-decoration: none;
	color: #000000;
}
.mescalendario td.disponible {}
.mescalendario td.disponible.seleccionado a {
	background-color: #666666;
	color: white;
}
.mescalendario td.ocupado {
	/* [disabled]background-color: #CCCCCC; */
}

.mescalendario td.disponible a {
	color: #0099CC;
	background-color: #FFFFFF;
}
.mescalendario div span.rooms {
	float: right;
	background-color: #60C131;
	color: white;
	padding: 3px;
	font-size: 12px;
}

#paginacion.fechasCalendario .paginas { /* para centrarlo */
	float: none;
	margin: 0 auto 10px;
	display: inline-block;
}

/* Botones de opciones en login */
#login .opciones {margin-top: 20px;}
#login .opciones button {margin: 10px;}
#login .opciones button i {}

/* Inputs para Workplaces */
#auto_idAuxWorkPlace {width: 95%;}
#auto_idAuxCity {width: 300px;}
#idAuxCountry {width: 300px !important;}

.forzarTransparente{
	background-color: #fff !important;
	    color: #669933 !important;
}

#login.agreement { width:80%; max-width:990px; text-align:justify}
#login.agreement form {padding:1.5em}
#login.agreement .formulario button { width:85%}