/*
|--------------------------------------------------
|Master Stylesheet
|--------------------------------------------------
|
|Project:        Panel de Gestiňn de Reservas - Colreservas
|Version:        1.0
|Last change:    12/09/12 [desarrollo]
|Assigned to:    Ing. Esteban KZ. - Desarrollo
|Primary use:    Aplicativo
|
|--------------------------------------------------
*/
@font-face{ font-family: 'titulos1';src: url('fuentes/myriad/condensed/myriadpro-cond-webfont.eot');src: url('fuentes/myriad/condensed/myriadpro-cond-webfont.eot?#iefix') format('embedded-opentype'),url('fuentes/myriad/condensed/myriadpro-cond-webfont.woff') format('woff'),url('fuentes/myriad/condensed/myriadpro-cond-webfont.ttf') format('truetype'),url('fuentes/myriad/condensed/myriadpro-cond-webfont.svg#MyriadProCondensed') format('svg'); font-style:normal; font-weight:lighter }
@font-face{ font-family: 'regular';src: url('fuentes/myriad/normal/MyriadPro-Regular.eot');src: url('fuentes/myriad/normal/MyriadPro-Regular.eot?#iefixe') format('embedded-opentype'),url('fuentes/myriad/normal/MyriadPro-Regular.woff') format('woff'),url('fuentes/myriad/normal/MyriadPro-Regular.ttf') format('truetype'),url('fuentes/myriad/normal/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg'); font-style:normal; font-weight:lighter }
@font-face{ font-family: 'semi';src: url('fuentes/myriad/fonts/myriadpro-semibold-webfont.eot');src: url('fuentes/myriad/fonts/myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'),url('fuentes/myriad/fonts/myriadpro-semibold-webfont.woff') format('woff'),url('fuentes/myriad/fonts/myriadpro-semibold-webfont.ttf') format('truetype'),url('fuentes/myriad/fonts/myriadpro-semibold-webfont.svg#MyriadProLightBold') format('svg'); font-style:normal; font-weight:lighter }
@font-face{ font-family: 'negrita';src: url('fuentes/myriad/fonts/myriadpro-bold-webfont.eot');src: url('fuentes/myriad/fonts/myriadpro-bold-webfont.eot?#iefixe') format('embedded-opentype'),url('fuentes/myriad/fonts/myriadpro-bold-webfont.woff') format('woff'),url('fuentes/myriad/fonts/myriadpro-bold-webfont.ttf') format('truetype'),url('fuentes/myriad/fonts/myriadpro-bold-webfont.svg#MyriadProBold') format('svg'); font-style:normal; font-weight:lighter }

body { font-family: Arial, Helvetica, sans-serif; font-size:12px; background-color: #FFF;  background-image: url(../Imagenes/Template/fondo-patron.jpg); background-repeat: repeat-x; }
fieldset { border: none; }
.clear { clear: both; }
a { text-decoration: none; color:#000; }
a:hover { text-decoration: underline; }
input { border:none; }
li, ul, body, div, span, p, h1, h2, h3, input { margin:0px; padding:0px; }
ul { list-style-type: none; }
img { border:none; }
table { border-collapse: collapse; }
body, html { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; height:100%;}
h1 { color:#008CC4; font-weight:bold; font-size:18px; }
/*
|--------------------------------------------------
|1- inicio: Modelo principal
|--------------------------------------------------
*/
#encabezado { }
#pie { }
/**************************/
/* fin: Modelo principal */


/**************************/
/* inicio: Formularios */


/*
|--------------------------------------------------
|2- inicio: Formularios
|--------------------------------------------------
*/
#imagencargando { display: none;/**/ }
.contenedorformulario {  }
.contenedorformulario .botoncorto { margin-left: 0px; font-weight: bold; height: auto; width: auto; padding: 2px 5px; display: block; float: left; cursor: pointer; margin:0px 5px; background-image : none; background-color: #D58400; border-radius:5px;}
.contenedorformulario .tablaformulario { border-collapse: collapse; width: 80% }
.contenedorformulario td { padding-right:15px; }
.contenedorformulario .etiquetas { text-align:left; padding-left:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; width: 150px; padding-right: 15px; }
.contenedorformulario .colboton { text-align:center; }
.contenedorformulario .tabla-formulario-movimiento { border-collapse: collapse; }
.contenedorformulario .titulo { color:#008CC4; font-weight:bold; font-size:20px; margin-left: 8px; }
.contenedorformulario .subtitulo { color:#000; font-weight:bold; font-size:12px; margin-left: 8px; }
.contenedorformulario fieldset { clear:both; }
.contenedorformulario .contenedor-campo { padding-top:5px; padding-bottom:5px; padding-right:30px; float:left; display:inline; }
.contenedorformulario .contenedor-campo22 { padding-top:10px; padding-bottom:5px; padding-right:45px; float:left; display:inline; }
.contenedorformulario .contenedor-campo33 { padding-top:5px; padding-bottom:5px; padding-right:5px; padding-left:45px; float:left; display:inline;}
.contenedorformulario .contenedor-campo44 { padding-top:6px; padding-bottom:5px; padding-right:0px; float:left; display:inline; }
.contenedorformulario .contenedor-error { padding-top:20px; padding-right:30px }
.contenedorformulario .contenedor-botones { padding-top:40px; padding-right:0px; display:inline; text-align:right; }
.contenedorformulario .contenedor-botones input, .contenedorformulario .contenedor-botones div { float:right; margin-left:10px; }
.contenedorformulario label { color:#474747; font-weight:normal; display:block; font-size: 12px; padding-bottom: 5px; }
.contenedorformulario select { }
.contenedorformulario select option {}
.contenedorformulario input[type="text"], input[type="password"] { /* border: 1px solid #a3a3a3; background: transparent url('../Imagenes/Template/input-fondo-text.gif') repeat-x top left; font-weight: bold; /**/}
.contenedorformulario textarea { /* width:420px; height:80px; padding:8px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border: 1px solid #a3a3a3; background: transparent url('../Imagenes/Template/input-fondo-largo.gif') repeat-x top left; font-weight: bold; /**/}
.contenedorformulario .contenedor-grid { padding-left:17px; }
.contenedorformulario p { padding-top:0px; }
.contenedorformulario .fieldset { border: 1px solid #afe14c; margin: 10px 0; border-color: #CCC; -moz-border-radius-topleft : 5px; -webkit-border-top-left-radius : 5px; -moz-border-radius-topright : 5px; -webkit-border-top-right-radius : 5px; -moz-border-radius-bottomleft : 5px; -webkit-border-bottom-left-radius : 5px; -moz-border-radius-bottomright : 5px; -webkit-border-bottom-right-radius : 5px; margin-top: 20px; margin-right: 10px; margin-bottom: 10px; margin-left: 0px; padding-top: 20px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; }
.contenedorformulario .legend { display:block; margin-top:-29px; font-size:14px; font-weight:bold; margin-top:0px;}
.contenedorformulario .campo-error{ display:block;}
.contenedorformulario .campo-error br{ display: none;}
input[type="hidden"] { display:none;}
#form-busqueda { }
#form-busqueda .contenedor-campo { padding-top:15px; padding-right:30px; float:left; display:inline; height:40px; }
#form-busqueda .contenedor-campo .filtro-valor select, .contenedorformulario .contenedor-campo .filtro-valor input, .contenedorformulario .contenedor-campo .filtro-valor span { display:inline-block; }

#form-busqueda .contenedor-campo .filtro-valorrango select, .contenedorformulario .contenedor-campo .filtro-valorrango input, .contenedorformulario .contenedor-campo .filtro-valorrango span { display:inline; }
#form-busqueda .contenedor-campo .filtro-booleano div { float: left; margin-right: 3px; }
#form-busqueda .contenedor-campo .filtro-booleano div img{  }

/*
|--------------------------------------------------
|2.1- Campos globales
|--------------------------------------------------
*/


div.selector { width: auto; }
div.selector span{ width: auto;  color: #333;}
div.selector select{ min-width : inherit; padding-right: 15px; }
div.button input[type="submit"], div.button input[type="button"] { margin-left: -64px; width: auto;}
input[type="text"], input[type="password"], textarea, select[multiple="multiple"]{ background-color: #e8e8e8!Important; border-radius:10px!important; color: #000!important; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select[multiple="multiple"]:focus {  background-color: #dedede!Important;}
input[type="submit"], input[type="button"]{ width:88px; height:23px; color:#FFF; font: normal normal 12px/12px "semi",Arial; background-image: url(../Imagenes/Template/boton-default.png); background-repeat: no-repeat; background-position: center top; cursor:pointer; background-color:transparent; }
input[type="submit"]:hover, input[type="button"]:hover{ background-position:bottom;  }


input.largo[type="button"]{ background-image: url(../Imagenes/Template/boton-largo.png); height: 38px; width: 170px; }
input.largo.azul[type="button"]{ background-image: url(../Imagenes/Template/boton-largo-azul.png); height: 38px; width: 170px; color:#FFF; }
input.largo.selected{background-position:bottom}

.contenedor-selectormultiple1 .selectormultiple1-scroll { width:220px; height: 110px; overflow: auto; background-color:#FFF; padding:10px; background-image: url(../Imagenes/Template/input-fondo-largo.gif); background-repeat: repeat-x; margin-top:10px; }
.contenedor-selectormultiple1 .selectormultiple1-filtro { width:240px; }
.formArchivo { font-weight: bold; }
.formBooleano { font-weight: bold; }
.formBotonEnviar { font-weight: bold; }
.formDesplegable { font-weight: bold; /* display:block;  border: 1px solid #a3a3a3; font-weight: bold; background-color: transparent; background-image: url(../Imagenes/Template/input-fondo-text.gif); background-repeat: repeat; background-position: left top; /**/ }
.formEmail { font-weight: bold; }
.formEntero { font-weight: bold; }
.formEnum { font-weight: bold; }
.formFecha { font-weight: bold; }
.formPassword { font-weight: bold; }
.formSelectormultiple { /* padding-left:5px; padding-top: 4px; border: 1px solid #a3a3a3; background: transparent url('../Imagenes/template/input-fondo-largo.gif') repeat-x top left; font-weight: bold;/**/ }
.formTextArea { font-weight: bold; font-family:Arial, Helvetica, sans-serif; }
.formTexto { font-weight: bold; }
.formTextoResaltado { font-weight: bold; }
.formUrl { font-weight: bold; }
.formTelefono { font-weight: bold; }
.formValor { font-weight: bold; }
.FieldErr { border: 1px solid #cc0000!important; background-image: inherit; }

form .fecha{ background-image: url(../Imagenes/Template/fecha.png) !important; background-repeat: no-repeat !important; background-position: right center !important; }

/*
|--------------------------------------------------
| - Estilos de campos y formularios
|--------------------------------------------------
*/
.formulario{}
	.formulario .campo { margin-right: 20px; float: left; margin-bottom: 10px; }
	.formulario .texto { background-color: #FFF; border: solid 1px #ADAFB2; border-radius: 6px; font-size: 12px; padding: 1px 3px; background-image: url(../img/input-texto.jpg); background-repeat: repeat-x; background-position: bottom; }
	.formulario .areadetexto { background-color: #FFF; border: solid 1px #ADAFB2; border-radius: 6px; font-size: 12px; padding: 8px; background-image: url(../img/input-areadetexto.jpg); background-repeat: repeat-x; background-position: bottom; font-family: 'mregular'; }
	.formulario .selector { background-color: #FFF; border: solid 1px #ADAFB2; border-radius: 6px; font-size: 12px; padding: 1px 3px; background-image: url(../img/input-texto.jpg); background-repeat: repeat-x; background-position: bottom; }
	.formulario .campo label { font-size: 12px; color: #565656; display: block; }
	.formulario .botones { clear: both; overflow: hidden; margin-top: 15px; }
	.formulario .botones .boton { float: right; margin-left:8px; }
	.formulario.panel { background-image: url(../img/formulario-fondopanel.jpg); background-repeat: repeat-x; background-position: top; padding: 20px; padding-top: 0px; }
	.formulario h2{ position:relative; margin-left:-30px; margin-bottom:10px; margin-top: 10px; }
	.formulario .campo .selfecha { background-image: url(../img/icono-fecha.png); display: block; height: 20px; width: 21px; float: left; margin-left: 2px; }
	.formulario .campo .inputfecha { float: left; margin-top: 1px; }

.agregar-archivo{ display:block; overflow:hidden; margin-right:8px; }
.agregar-archivo a{ float:right; display:block; padding:5px; background-color:#e0e462; color:#004724; border-radius:5px;}
.agregar-archivo a:hover{ text-decoration:none; background-color:#E8EA86; }

.quitar-archivo{display:block; overflow:hidden; margin-right:8px; margin-top:15px;}
.quitar-archivo a{ float:right; display:block; padding:5px; background-color:#CC0000; color:#fff !important; border-radius:5px; }
.quitar-archivo a:hover{ text-decoration:none; background-color:#BF0000; }
/*
|--------------------------------------------------
| - fin: Formularios
|--------------------------------------------------
|
|--------------------------------------------------
|3- inicio: Reportes
|--------------------------------------------------
*/


/**************************/
/* inicio: Reportes */  
.reporte{}
	.reporte div.listado-reporte { clear: both; margin-top: 6px; float: left; width: 100% }
	.reporte div.titulo-reporte h3 { color: #fff }
	.reporte div.contenido-reporte { padding: 10px; padding-top:0px; }
	.reporte div.contenido-reporte .tabla-reporte { width: 100%; margin: 0 auto; }
	.reporte div.contenido-reporte .tabla-reporte .fila-titulos { background-color:#dddddd; height:27px; }
	.reporte div.contenido-reporte .tabla-reporte .fila-titulos td { text-align:center; }
	.reporte div.contenido-reporte .tabla-reporte .fila-titulos td span { display: block; padding:5px 0 5px 0; }
	.reporte div.contenido-reporte .tabla-reporte .fila-titulos td div { float: right; margin:12px 20px 0 0 }
	.reporte div.contenido-reporte .tabla-reporte .fila-titulos td a { width: 9px; height: 5px; }
	.reporte div.contenido-reporte .tabla-reporte .fila-contenido { }
	.reporte div.contenido-reporte .tabla-reporte .fila-totales { background-color:#FFFF99;  }
	.reporte div.contenido-reporte .tabla-reporte .fila-totales td{ text-align:center; color: #333; font-weight: bold; padding: 5px; font-size: 12px; }
	.reporte div.contenido-reporte .tabla-reporte .fila-contenido { cursor:pointer; }
	.reporte div.contenido-reporte .tabla-reporte .fila-contenido .azul { cursor:pointer; background-color:#f3fafd }
	.reporte div.contenido-reporte .tabla-reporte .fila-contenido td { font-size:11px; text-align: center; border-bottom:1px dotted #dfdfdf; border-right:dotted 1px #CCC; }
	.reporte div.contenido-reporte .tabla-reporte .fila-contenido td.error { background-color: #ff0000; color: #fff; }
	.reporte div.contenido-reporte .tabla-reporte .fila-contenido td span { display: block; padding:3px 0 3px 0 }
    .reporte div.contenido-reporte .tabla-reporte td.order span{ padding: 0 !important; margin:auto; margin:auto; cursor:move !important;}
	.reporte div.contenido-reporte .tabla-reporte .fila-contenido:hover { background: transparent url('../Imagenes/Template/fondo-tr-hover.gif') repeat-x top left; }
	.reporte div.contenido-reporte .tabla-reporte .seleccionada { cursor:pointer; background-image: url(../Imagenes/Template/fondo-reporte-item-sel.png); background-repeat: repeat-x; background-position: top; background-color:#cde3e6 !important; }
	.reporte div.contenido-reporte .tabla-reporte .seleccionada .azul { cursor:pointer;}
	.reporte div.contenido-reporte .tabla-reporte .seleccionada td { font-size:11px; text-align: center; border-bottom:1px dotted #dfdfdf; }
	.reporte div.contenido-reporte .tabla-reporte .seleccionada td span { display: block; padding:3px 0 3px 0 }
	.reporte div.contenido-reporte .tabla-reporte .seleccionada:hover {  background-image: url(../Imagenes/Template/fondo-reporte-item-sel.png); background-repeat: repeat-x; background-position: top; background-color:#cde3e6 !important; }
	
	.reporte h1{ float:left; margin-left:15px; }
	.reporte div.informacion { clear:both; overflow:hidden; margin-left:15px; }
	.reporte div.informacion div.nro-clientes { float: left; }
	.reporte div.informacion div.nro-clientes p { font-weight: normal; }
	.reporte div.informacion div.nro-clientes em { color:#35969f }
	.reporte div.informacion div.paginador-listado { float: right; width: 240px; padding-right:10px; }
	.reporte div.informacion div.paginador-listado li { margin-right: 0px; float: left }
	.reporte div.informacion div.paginador-listado li a { display: block; text-decoration: underline; color:#35969f; font-weight: bold; min-width: 18px; text-align: center; margin-right: 3px }
	.reporte div.informacion div.paginador-listado li a.activo, div.informacion div.paginador-listado li a.numero:hover { background: transparent url('../Imagenes/Template/fondo-link-paginador.gif') no-repeat top left; color: white; text-decoration: none; }
	.reporte div.informacion div.paginador-listado p { float: left; font-weight: bold; margin-right: 10px }
	
	.reporte .cabecera-reporte{ width: 970px; height: 38px; background-image: url(../Imagenes/Template/cabecera-reporte.png); background-position: bottom; }
	
	.reporte .flechas-ordenamiento { float:right; }
	.reporte #Menu-secundario { clear: both; margin-top: 10px; padding-bottom:0px; float: right; }
	.reporte #Menu-secundario ul { }
	.reporte #Menu-secundario ul li { color:#6a6a6a; float: left; color: transparent; padding: 0; padding-left:5px; padding-right:5px; }
	.reporte #Menu-secundario ul li a { color:#FFF; font-weight:bold; float: left; font-size:12px; padding: 0 0 0 6px }
	.reporte #Menu-secundario ul li a:hover { color:#FC0 }
	.reporte #Menu-secundario ul li img { padding-right: 5px; vertical-align:text-top; margin-top:-5px; }
	.reporte #Menu-opciones { clear: both; float: right; margin-right: 10px; margin-bottom: 5px; margin-left: 10px; overflow:hidden; }
	.reporte #Menu-opciones ul { }
	.reporte #Menu-opciones ul li { color:#6a6a6a; float: left; color: transparent; padding: 0; padding-left:2px; padding-right:2px; }
	.reporte #Menu-opciones ul li a { color:#004c6c; font-weight:normal; height: 20px; float: left; font-size:12px; padding: 5px 0 0 6px }
	.reporte #Menu-opciones ul li a:hover { color:#010101 }
	.reporte #Menu-opciones ul li img { padding-right: 5px; vertical-align:text-top; }

	.reporte .paginacion{ float:right; margin-right:5px; }
/*
|--------------------------------------------------
| - fin: Reportes
|--------------------------------------------------
|
|--------------------------------------------------
|4- inicio: Tablas
|--------------------------------------------------
*/
#busqueda { width:650px; display:none;  }
.tabla-tipo1 .arriba-izquierda { width: 4px; background-image: url(../Imagenes/Marcos/tabla1-arriba-izquierda.gif); background-repeat: no-repeat; background-position: right top; height: 25px; }
.tabla-tipo1 .celda-cerrar { width: 20px; text-align: right; }
.tabla-tipo1 .arriba { background-image: url(../Imagenes/Marcos/tabla1-arriba.gif); background-position: top; height: 25px; }
.tabla-tipo1 .arriba-derecha { background-image: url(../Imagenes/Marcos/tabla1-arriba-derecha.gif); background-repeat: no-repeat; background-position: left top; width: 4px; height: 25px; }
.tabla-tipo1 .celda-titulo { color:#FFFFFF; }
.tabla-tipo1 .celda-cerrar { cursor: pointer; }
.tabla-tipo1 .celda-cerrar img { }
.tabla-tipo1 .izquierda { background-image: url(../Imagenes/Marcos/tabla1-izquierda.gif); background-repeat: repeat-y; width: 4px; }
.tabla-tipo1 .derecha { background-image: url(../Imagenes/Marcos/tabla1-derecha.gif); background-repeat: repeat-y; }
.tabla-tipo1 .abajo-izquierda { background-image: url(../Imagenes/Marcos/tabla1-abajo-izquierda.gif); background-repeat: no-repeat; background-position: right top; }
.tabla-tipo1 .abajo { background-image: url(../Imagenes/Marcos/tabla1-abajo.gif); background-repeat: repeat-x; background-position: top; }
.tabla-tipo1 .abajo-derecha { background-image: url(../Imagenes/Marcos/tabla1-abajo-derecha.gif); background-repeat: no-repeat; background-position: left top; }
/*
|--------------------------------------------------
| - fin: Tablas
|--------------------------------------------------
|
|--------------------------------------------------
|5- inicio: Mensajes
|--------------------------------------------------
*/
.mensaje-error { background-color:#CC0000; background-image: -moz-linear-gradient(center bottom , #CC0000 15%, #CC0000 58%, #FF0404 79%); color:#fff; border: 1px solid #363232; }
.mensaje-confirmacion { background-color:#ffd000; background-image: -moz-linear-gradient(center bottom , #FFD000 15%, #FFDD00 58%, #FFE600 79%);  color:#000000; border: 1px solid #E0BC00; }
#mensaje p { text-align:center; text-align:center; font-weight:bold; font-size:15px;  }
#mensaje { position:absolute; top:5px;right:5px;  background-position: 0 0;  border-radius: 2px 2px 2px 2px !important; box-shadow: 0 2px 5px #AAAAAA;   padding: 14px; width:300px; }
#mensajeestado { display:none; margin-right:10px; background-color:#FC0; font-size:12px; padding:5px; -moz-border-radius:5px; position:fixed; top:10px; right:10px; font-weight:bold; border:solid 1px #333; z-index: 100000000; }
h2 { color:#505050 }
h2 em { color:#000 }
/**************************/
/* fin: Mensajes */


/* inicio: Autocompletar
***********************************/
.yui-skin-sam .input { position:static; width:20em; vertical-align:middle; }
.yui-skin-sam .yui-ac-container { width:20em; left:0px; }
.componente-autocompletar { z-index:9001; }
.componente-autocompletar .input-autocompletar { float: left; }
.componente-autocompletar .boton-autocompletar { float: right; }
.yui-ac .yui-button { vertical-align:middle; }
.yui-ac .yui-button button { background: url(../Imagenes/Template/ac-arrow-rt.png) center center no-repeat }
.yui-ac .open .yui-button button { background: url(../Imagenes/Template/ac-arrow-dn.png) center center no-repeat }
/**************************/
/* fin: Autocompletar */


/* inicio: Propios del aplicativo */
/**************************/
body.login{  background-repeat: no-repeat; background-position: center top;  background-size: 100% auto;  }
/*
|--------------------------------------------------
|10- inicio: Login
|--------------------------------------------------
*/
#panel-index { overflow:hidden; margin:auto;  }
	#panel-index .login { width:360px; float: right; text-align:center; margin:auto; margin-top: 30px; }
	#panel-index .login form { width: 292px; height: 268px; margin: auto; background-color: #FFF; border-radius: 3px; }
	#panel-index .login form h1 { font-size: 14px; color: #FFF; padding-top: 10px; padding-bottom: 10px;}
	#panel-index .login form .c-frase { width: 283px; height: 52px; padding: 5px 10px 5px 15px; margin: 15px 0 0 -20px; background:transparent; border:none; background-image: url(../Imagenes/Template/fondo-frase-login.png); }
	#panel-index .login form .c-frase span{ display: block; font: italic normal 13px/18px "regular",Arial; color: #FFF; }
	#panel-index .login form .campo { margin-bottom: 5px; text-align: center; }
	#panel-index .login form .campo label { padding: 0 0 0 10px; margin: 0 0 0 18px; display: block; font: normal normal 14px/18px "regular",Arial; color: #1F1813; text-align: left; border:none; background: transparent url(../Imagenes/Template/item1.png) left no-repeat; }
	#panel-index .login form .campo input { width: 244px; height: 22px; padding:4px 4px 4px 12px; background:transparent; border:none; background-image: url(../Imagenes/Template/fondo-input1.png); background-repeat: no-repeat; }
	#panel-index .login form a { padding: 5px; margin: 10px 20px 10px 20px; display: block; border-top: 1px dashed #1F1813; font: normal normal 14px/16px "regular",Arial; color: #1F1813; }
	
	.c-info-contacto { width: 100%; height: 80px; padding:4px; margin: 30px 0 0 0; background:transparent; border:none; background-image: url(../Imagenes/Template/fondo-contacto.png); }
	.c-info-contacto .info{ width: 922px; padding: 0 60px 0 0; margin: 10px auto; text-align: right; }
	.c-info-contacto .info p{ font: normal normal 18px/20px "regular",Arial; color: #FFF; }
	.c-info-contacto .info p.item1{ font-weight: bold; }

#encabezado { background-repeat: no-repeat; background-position: center; background-color:#333333; overflow:hidden; padding-bottom:5px; }
	#encabezado .contenedor { margin: auto; width: 990px; }
	#encabezado .contenedor .logo { float: left; margin-top: 7px; }
	#encabezado .contenedor .opciones-sesion { float: left; padding-left: 10px; margin-top: 5px; }

	#encabezado .contenedor .menu-superior .inicio { height: 25px; width: 25px; float:right; display: block; background-image: url(../Imagenes/Template/icono-inicio.png); }
	#encabezado .contenedor .menu-superior .cuenta { height: 25px; width: 25px; margin-left: 6px; float:right; display: block; background-image: url(../Imagenes/Template/icono-cuenta.png); }
	#encabezado .contenedor .opciones-sesion a:hover{  }
	#encabezado .contenedor .menu-superior { float: right; width: 630px; margin-top: 6px; }
	#encabezado .contenedor .menu-superior .salir { height: 25px; width: 25px;  margin-top: 0px; margin-left: 6px; float: right; display: block;  background-image: url(../Imagenes/Template/icono-salir.png); }
	#encabezado .contenedor .menu-superior .salir:hover{  }
	#encabezado .menu{ margin-top: 16px; float:right; clear:right; }
	#encabezado .menu li{ float:left; background-position: right center; background-repeat: no-repeat; padding-right: 2px; border-right:solid 1px #ccc;}
	#encabezado .menu li.padre{ }
	#encabezado .menu li.padre a{ padding-right:8px; }
	#encabezado .menu li a{ display:block; color:#FFFFFF; padding: 8px 10px; font-size:13px; }
	#encabezado .menu li a:hover{ color:#FFF; background-color:#00707d; }
	#encabezado .menu li .submenu{ background-color:#00707d; }
	#encabezado .menu li .submenu li{ float:none; overflow:hidden; background:none; border-bottom:solid 0px #006F9D; }
	#encabezado .menu li .submenu img.icono{ float:left; margin-right:5px; }
	#encabezado .menu li .submenu span{ display:block-inline; }
	#encabezado .menu li .submenu li a{ overflow:hidden; padding: 5px; border-bottom:dotted 1px #4d8f9d; color:#fff; }
	#encabezado .menu li .submenu li a:hover{ background-color: #529CAA; background-image: none !important; }
	#encabezado .menu li.nodo{ width:200px; }
	#encabezado .infousuario{ float: right; width:370px; padding-right:10px; text-align:right; margin-top:1px;}
	#encabezado .infousuario h4{ margin: 0; font-size: 10px; color: #CCC; }
	#encabezado .infousuario h4.usuario{ margin-top: 2px; padding-right: 5px; font-size: 10px; color: #CCC; }
	#encabezado .infousuario span.nick{ padding-left: 10px; color: #FFF; font-size: 12px; font-weight: bold; text-transform:capitalize; background-image: url(../Imagenes/Template/icono-admin.png); background-repeat: no-repeat; background-position: center left; }
	
	.contenidotop { background-image: url(../Imagenes/Template/tabla2-top.png); height: 9px; width: 990px; margin: auto; clear: both; display: none; }
	.contenidobottom { background-image: url(../Imagenes/Template/tabla2-bottom.png); margin: auto; height: 12px; width: 990px; display: none; }

.c-miga { width: 100%; height: 20px; margin: 0 0 15px 0; background-color: #E4DED3; }
.c-miga .miga { width: 990px; margin: auto; }
.c-miga .miga a { display: inline-block; font: normal normal 12px/22px "regular",Arial; color: #211915; }
.c-miga .miga span { font: normal normal 12px/22px "regular",Arial; color: #BE631F; }

#contenido { width: 990px;  padding: 0px; margin: auto;  }   
#contenido-voucher-pdf { width: 788px;  padding: 0px; margin: auto; overflow: hidden; }   
.simple #contenido { background: none;  }
.simple2 #contenido { background: none; background-color:#fff; width:auto; }
.seccion{ padding:10px; overflow: hidden; }
.largo #principal #contenido {  width: auto; margin-right: 15px; margin-left: 15px;}
.largo #principal .miga{ width:auto; margin-left:15px; margin-right:15px; }
.largo #principal .reporte .cabecera-reporte{ width:auto;}
.largo #pie{ width:auto; margin-right: 15px; margin-left: 15px; } 

#intro{ margin:15px;}
#intro.institucion .logo{ float:right; margin-bottom:20px; margin-right:10px;}
#pie { width: 990px; overflow: hidden; margin: 20px auto 0; }
#pie .c-info-legal { width: auto; padding: 10px; margin: 0px; border-top: 2px solid #CCC; }
#pie .c-info-legal .info { float: left;; }
#pie .c-info-legal .info p{ font: normal normal 12px/14px 'regular',Arial; color: #666; text-align: left; }
#pie .c-info-legal .logo { float: right; margin-right: 6px; }


div.token-input-dropdown { display: none !important;}
div
.ui-timepicker-hours { padding-right: 10px!important;}




 /***CLUETIP ***/
.cluetip-default { background-color: #eee!important ; border-radius:8px; }
.cluetip-default h3#cluetip-title { background: #bb0e14 url('../Imagenes/Template/cabecera-reporte.png') !important ; margin: 0px !important; padding: 3px 10px !important; font-size: 14px !important; font-weight: bold !important; border-top-left-radius: 8px; border-top-right-radius: 8px;}
.cluetip-default #cluetip-inner { padding: 10px !important; font-size: 11px !important; background-color:#fff; border: 1px #0092A9 solid;}   

#cluetip .infocliente  {  }
	#cluetip .infocliente .col { float: left; margin: 0px 0px; padding:0px 0px; border: 1px solid #ddd; }
	#cluetip .infocliente .col:first-child { margin-right:10px;}
	#cluetip .infocliente .col li { overflow: hidden; clear: both; text-align: left; border-bottom: 1px #ccc dotted; margin: 0px 0px; padding:5px; background-color: #fff;}
	#cluetip .infocliente .col li:nth-child(odd) { background-color: #F3FAFD; }
	#cluetip .infocliente .col li.tit { background: url("http://localhost/singleclick/colreservas/Imagenes/Template/fondo-fila-titulos.png") repeat-x transparent}
	#cluetip .infocliente .col li label{ font-weight: bold; width: 80px; float: left;}
	#cluetip .infocliente a{ color: #0092A9; font-weight: bold; float: right; font-size: 14px;}
	
#cluetip .lista-pasajeros{ width: 460px; max-height: 400px; overflow-y: auto;  }
	#cluetip .lista-pasajeros li{ clear:both; width: auto; border-bottom: 1px #BAC4CC dashed; padding: 3px 0px; background: none; }
	#cluetip .lista-pasajeros li.item-titulo span{ font-weight: bold;  }
	#cluetip .lista-pasajeros span{ display:block; float: left; background: none; min-height: 15px;}
	#cluetip .lista-pasajeros span.tipopasajero{ width: 60px; }
	#cluetip .lista-pasajeros span.nombrepasajero{ width: 160px; }
	#cluetip .lista-pasajeros span.documentopasajero{ width: 80px; }
	#cluetip .lista-pasajeros span.fechanacimientopasajero{ width: 120px; }
	#cluetip .lista-pasajeros span.edadpasajero{ width: 40px; }

/****************************************
* Estilos para las etiquetas en el mapa
****************************************/
.map_label {font-weight:normal; display: inline-block; font-size: 10px; padding: 5px 20px 5px 0px; 	text-align: justify; width: auto; line-height:10px;}
.map_label2 {font-weight:normal; display: inline-block; font-size: 10px; padding: 3px; text-align: center; width: 30px; line-height:10px;}

.gmap {}
	.gmap .gmap_campo { float:left; }
	.gmap .gmap_campo label { }
	.gmap .gmap_campo .gmap_boton { float:left;}
	.gmap .gmap_campo .gmap_boton img { margin-left: 5px; cursor: pointer;}
	.gmap_ventana .gmap_info { display: none; margin-top: 0px; overflow:hidden; }
	.gmap_ventana .gmap_info div { float: left; padding: 5px; }
	.gmap_ventana .gmap_info div label { float: left; font-size: 11px; color: #000; margin-right: 3px; }
	.gmap_ventana .gmap_info div input[type="text"] { float: left; font-size: 12px; }
	.gmap_ventana .gmap_info .gmap_lat, .gmap_ventana .gmap_info .gmap_lon{width: 140px} 
	.gmap_ventana .gmap_info .gmap_zoom{width: 50px} 
	.gmap_ventana .gmap_info div input[type="button"] { float: left; font-size: 10px; padding: 5px; height: auto; width: auto; margin-left: 5px; }
	.gmap_ventana .gmap_parametros,
	.gmap_contenedor .gmap_puntosreferencia { display: none; }
	

.ui-multiselect { padding:2px 0 2px 4px; text-align:left }
	.ui-multiselect span.ui-icon { float:right }
	.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
	.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }
	
	.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
	.ui-multiselect-header ul { font-size:0.9em }
	.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
	.ui-multiselect-header a { text-decoration:none }
	.ui-multiselect-header a:hover { text-decoration:underline }
	.ui-multiselect-header span.ui-icon { float:left }
	.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }
	
	.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left }
	.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
	.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
	.ui-multiselect-checkboxes label input { position:relative; top:1px }
	.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
	.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
	.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }
	
	/* remove label borders in IE6 because IE6 does not support transparency */
	* html .ui-multiselect-checkboxes label { border:none }	
	.ui-multiselect-hasfilter ul { position:relative; top:2px }
	.ui-multiselect-filter { float:left; margin-right:10px; font-size:11px }
	.ui-multiselect-filter input { width:100px; font-size:10px; margin-left:5px; height:15px; padding:2px; border:1px solid #292929; -webkit-appearance:textfield; -webkit-box-sizing:content-box; }	
	
	
/*Configuración de los campos de error del formulario de carga de lugares con un CSV*/
.error-conjunto {background-color: #C4B58B;}
.error-campo {background-color: #E75F76; border-color:#FF0000;}
.mensaje-advertencia {font-weight: bold; font-size:14px; margin-top: 10px; color: red;}

.eliminar-fila-lugar { height: 20px; cursor: pointer; background-image: url(../Imagenes/Opciones/22x22/delete.png); background-repeat: no-repeat; background-position: center top; background-color:transparent; }
.descargar-csv-errores { height: 20px; cursor: pointer; background-image: url(../Imagenes/Opciones/52x52/Csv.png); background-repeat: no-repeat; background-position: center top; background-color:transparent; }

#form-imagenes{}
	#form-imagenes .imagenes{ padding:10px; border-radius:5px; background-color:#F4F4F4; overflow:hidden; margin-top:5px;}  
	#form-imagenes .imagenes .imagen{ float:left; border:solid 1px #ccc; border-radius:5px; padding:5px; margin:8px; background-color:#fff; }  
	#form-imagenes .imagenes .imagen .imgc{ height: 158px; padding-top:3px; text-align:center; clear:both;}
	#form-imagenes .imagenes .imagen input{ margin-top:5px; width:185px; }
	#form-imagenes .imagenes .imagen .borrar{ float:right; display:block; cursor:pointer; float:right; background-image: url(../Imagenes/Sistema/borrar-peq.png); height: 20px; width: 20px; background-position:top; margin-bottom:4px; }
	#form-imagenes .imagenes .imagen .borrar:hover{ background-position:bottom;}
	#form-imagenes .imagenes .imagen .portada{ float:left; padding:2px; border-radius:5px; background-color:#CCCCCC; color:#fff; cursor:pointer;}
	#form-imagenes .imagenes .imagen .portada:hover{ background-color:#999999; text-decoration:none;}
	#form-imagenes .imagenes .imagen .portada.selected{ background-color:#d58400;}
	#form-imagenes #cargar-imagen{ float:right; margin:5px;}
	
#form-archivos{}
	#form-archivos .archivos{ padding:10px; border-radius:5px; overflow:hidden; margin-top:5px;}  

	#form-archivos .archivos .archivo input{ margin-top:5px; width:185px; padding:3px;  }
	#form-archivos .archivos .archivo .borrar{ display:block; cursor:pointer;  background-image: url(../Imagenes/Sistema/borrar-peq.png); height: 20px; width: 20px; background-position:top; margin-bottom:4px; }
	#form-archivos .archivos .archivo .borrar:hover{ background-position:bottom;}
	#form-archivos .archivos .archivo .portada{ float:left; padding:2px; border-radius:5px; background-color:#CCCCCC; color:#fff; cursor:pointer;}
	#form-archivos .archivos .archivo .portada:hover{ background-color:#999999; text-decoration:none;}
	#form-archivos .archivos .archivo .portada.selected{ background-color:#d58400;}
	#form-archivos #cargar-archivo{ float:right; margin:5px;}	
	
	
.tabla-reporte1{ width:100%; border: 1px #939598 solid;}
    .tabla-reporte1 thead tr td { background-color: #666666; color: #FFF; text-align: center; padding: 5px; border-right: solid 1px #939598; background-repeat: repeat-x; background-position: bottom; }
    .tabla-reporte1 thead tr td:last-child { border:none;}
    .tabla-reporte1 thead tr td .asc { background-image: url(../img/reporte-asc.png); display: inline-block; height: 5px; width: 8px; margin-left:4px; }
    .tabla-reporte1 thead tr td .desc { background-image: url(../img/reporte-des.png); display: inline-block; height: 5px; width: 8px; margin-left:4px; }
    .tabla-reporte1 tbody tr { border-bottom: dotted 1px #939598; }
    .tabla-reporte1 tbody tr:hover{ background-color:#CCCCCC; background-image:none; }
    .tabla-reporte1 tbody tr.selected{ background-color:#DCECF9; background-image:none;}
    .tabla-reporte1 tbody tr td { color: #231f20; padding: 6px 4px; font-size: 12px; text-align: center; border-right: dotted 1px #939598; }
    .tabla-reporte1 tbody tr td a{ font-weight:bold;}
    .tabla-reporte1 tbody tr td:last-child{ border:none;}
    .tabla-reporte1 tbody tr td .opcion{ font-weight: normal; }
    .tabla-reporte1 tbody tr td .opcion span{ font-size: 10px; clear: both; display: block;  color: #5b5b5f; }
    .tabla-reporte1 tfoot tr td { background-color: #FFFF99; color: #000; text-align: center; padding: 5px; border-right: solid 1px #939598; background-repeat: repeat-x; background-position: bottom; font-size: 14px; font-weight:bold; }
    .tabla-reporte1 td .borrar{ background-image: url("../Imagenes/Opciones/22x22/Borrar.png"); cursor: pointer; display: block; height: 22px; margin: auto; width: 22px;}
	

#form-busqueda .ui-multiselect{ width:220px !important;}