@font-face{ font-family: 'OpenSans'; src: url('../fonts/OpenSans-Regular.eot'); src: url('../fonts/OpenSans-Regular.eot?iefix') 
format('eot'), url('../fonts/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans-Regular.ttf') 
format('truetype'), url('../fonts/OpenSans-Regular.svg#webfont') format('svg'); 
}
/* ESTILO PARA PAGINAS EXTERNAS */
/*html{ background-color: #F1F1F1;}
html,body {  margin:0; padding:0; font-size: 13px;    font-style: normal;   font-weight: normal; height: 100%;}
body { font-family: 'OpenSans';	margin: 0; color: #404040; text-align: left; width: 100%; 
padding-top: 0px; padding-bottom: 0px;}
#wrapper { min-height:100%; position:relative; -webkit-border-radius: 5px;border-radius: 5px; }

*/
/* ESTILO PARA LA PLATAFORMA
.bodySystem { padding:0 !important;  }*/
/* ENCABEZADO */
/*.headerContainer { background-color: #222222; height:53px; left:0; position:fixed; width:100%; top:0; color: #607179; color: white;line-height:45px; z-index: 9999;}
.headerLeftSideSpc{ width: 50%; }
.headerLogoSpc{ width: 167px; text-align: center;  }
.headerLogoSpc img{width: 90px; }
.headerGreetSpc{ padding-left: 20px; font-weight: bold; width: 380px; text-align: left; position: fixed; z-index: 999; }
.headerGreetSpcTxt{color: #FF8100;}
.headerRightSideSpc{ width: 49%; text-align: right !important;position: fixed; z-index: 1000;}
.headerCloseSesion{ width: 150px; text-align: center;}
.headerCloseSesion:hover{ text-decoration: underline; cursor: pointer; }*/
/* PARTE DE ENMEDIO */
/*
#container { height: 100%; }
.containerSideBar{  width: 168px; background:#222222; left:0; position:fixed; color: white; font-weight: bolder; height: 100%; margin-top: 52px; z-index: 9999;}
.containerContent{  position: fixed;    top: 17px;    left: 168px; bottom: 0px;    min-width: 200px; width: 100%; z-index: 0; }
.containerContentData{ text-align: left; padding: 50px 20px 50px 20px; overflow-x:hidden;overflow-y:hidden;}
.containerContentDataCentrado{ width: 500px; text-align: center;position: absolute; left: 50%; 
top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
position: fixed; z-index: 999;
}*/
/* MENU LATERAL */
/*
nav {  }
.leftMenu { padding:0;	margin:0;	height:100%; }
.leftMenuPpal{	padding:9px 15px;	font:13px arial, verdana, sans-serif; color: white; cursor: pointer; }
.leftMenuActive{	background-color: black; color: #599D0C; font-weight: bold; text-shadow: #599D0C 0.1em 0.1em 0.2em;}
.leftSubMenuActive{	background-color: #ADA7A7; color: #599D0C; font-weight: bold; text-shadow: #599D0C 0.1em 0.1em 0.2em;}
.leftMenuPpal:hover{ background-color: black;}
.dropdown-container div:hover{ background-color: #818285; cursor: pointer;}*/
/* Submenu */
/*.dropdown-container div{	padding:9px 30px;	display:block;	color:#fff;	text-decoration:none;	font:13px arial, verdana, sans-serif; list-style-type: none;}
 ESTILOS GENERALES*/
 .displayInline{display: inline-block; vertical-align: top;}
/*.cursorSeleccion{cursor: pointer;}

.inputOcultos{ display: none; }
a{ color: #45B105; font-weight: bolder; cursor: pointer;  }
a:link  {   text-decoration:none;  }
span{color: red; font-weight: bold;}
select,input, textarea {   border: 1px solid #CCCCCC; border:0; 	padding:3px; 	font-size:13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; 
border-radius: 3px;-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5); -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5); }
input[type=text],input[type=password], textarea {   border: 1px solid #CCCCCC;	margin: 0 0 3px;  width: 180px; padding: 2px;	-webkit-border-radius: 5px;
border-radius: 5px; 	background-color: #FAFAFA; resize:none;	}
textarea{ 	height: 50px;	width: 700px; }
textarea.reservaciones{ 	height: 50px;	width: 250px; }
input[type=button],input[type=submit] { cursor: pointer;border: 1px solid #CF8106;  max-width: 100%;  color: white;
min-width: 10px;padding: 6px;	-webkit-border-radius: 0px;border-radius: 0px; 	background-color: #FA9F1D; font-weight: bold;
-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5); -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);}
input[type=button]:hover,input[type=submit]:hover { background-color: #7C4300;}
input[type=text]:focus,input[type=password]:focus, select:focus,textarea:focus { border:solid 1px #EEA34A;  }
textarea{ 	height: 50px;	width: 330px; }
label.error, .mensajeError, .mensajeExito{  padding: 3px 10px 3px 25px; line-height: 16px;  background-color: #f3cac7;  background-image: url("../img/error.png");  
background-repeat: no-repeat;  background-attachment: scroll;  background-position: 3px center;  background-clip: border-box;  background-origin: padding-box;  
background-size: auto auto;  color: #000000;  font-size: 10px;  font-weight: normal;  display:block;  border: 1px solid #fa8b83;  border-image-source: none;
border-image-slice: 100% 100% 100% 100%; border-image-width: 1 1 1 1;  border-image-outset: 0 0 0 0;  border-image-repeat: stretch stretch;  width: 148px; text-align: left; 
}
.mensajeError,.mensajeExito {display: inline-block; margin:10px; }
.mensajeExito{ background-image: url("../img/success.png"); background-color: #DBE88B; border-color: #90C140;  }

*/
.ventanaEmergCerrar{z-index:90000; position:absolute; top:-15px; right:-16px; cursor:pointer; }
/* SECCION DE INICIO */
.secInicio{ background-color: white; font-weight: bold; padding:10px; border:1px solid black; -webkit-border-radius: 3px; -moz-border-radius: 3px; 
border-radius: 3px;-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5); -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);}
/*PARA LOS TITULOS EN LOS FORMULARIOS DE LA VENTANA EMERGENTE*/
.consultaTituloSeccion,.consultaTituloPpal{ color: white; font-weight: bold; padding:5px;  }
.consultaTituloSeccion{ background-color:#FF8100;  }
.consultaTituloPpal{ background-color:black; text-align: center; }
/* ESTILO PARA CENTRAR EL FORMULARIO EN VENTANA EMERGENTE*/
.consultaCentrar{text-align: left; width: 700px; text-align: center;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.consultaCentrarTexto{text-align: center;}
/*USADO PARA MOSTRAR FORMULARIOS CON DOS COLUMNAS*/
.consultaDobleSpc{ text-align: left; padding:5px; }
.consultaDobleSpc div:nth-child(odd){ text-align: right; font-weight: bold; width: 20%; }
.consultaDobleSpc div:nth-child(even){ margin-left: 5px; width: 27%;}
/*USADO PARA MOSTRAR FORMULARIOS CON TRES COLUMNAS*/
.consultaTripleSpc, .consultaTripleCapResSpc{ text-align: left; padding:5px; }
.consultaTripleSpc div:nth-child(odd){ text-align: right; font-weight: bold; width: 13%;}
.consultaTripleSpc div:nth-child(even){ margin-left: 5px; width: 10%;}
.consultaTripleSpc div:nth-child(even):last-child{ margin-left: 5px; width: 30%; }
/*estilo para espacio de captura de reservacion a triple espacio*/
.consultaTripleCapResSpc{ text-align: center;}
.consultaTripleCapResSpc div:nth-child(odd){ text-align: right; font-weight: bold; width: 10%; }
.consultaTripleCapResSpc div:nth-child(even){ margin-left: 5px; width: 14%; text-align: left;}
.consultaTripleCapResSpc div:nth-child(even):first-child{ margin-right: 50px;}
.consultaTripleCapResSpcMail{ margin-right: 90px;}
.consultaTripleCapResResSpc{ text-align: center; padding:5px;}
.consultaTripleCapResResSpc div:nth-child(odd){ text-align: right; font-weight: bold; width: 17%; }
.consultaTripleCapResResSpc div:nth-child(even){ margin-left: 5px; width: 14%; text-align: left; }

.consultaSencillo{ text-align: center; padding:5px;}
.consultaSencillo div font{ text-align: left; width: 60%;}
.consultaSencillo div{ text-align: left; width: 20%;}
.consultaSencillo div:nth-child(even):first-child{ margin-right: 50px;}

.consultaSecResClSpc{ text-align: center; padding:5px;}
.consultaSecResClSpc div:nth-child(odd){ text-align: right; font-weight: bold; width: 20%; }
.consultaSecResClSpc div:nth-child(even){ margin-left: 5px; width: 20%; text-align: left; }
/*.consultaDTitulo{ font-weight: bold;width: 115px; padding:5px; text-align: right;  }
.consultaDDato{ width: 300px; padding:5px; text-align: left;  }*/

/*CHECAR*/.divClientesHistorialPeque{ width: 718px;height: 100px; border: 1px solid black; background-color: white; text-align: center;padding-top: 50px; font-weight: bold; }
.textoNegrita{font-weight: bold;}
/*estilo para el loading de las ventanas emergentes*/
#preloader { position: fixed; top:0; left:0; right:0; bottom:0; background-color: white; z-index: 100;}
#loader { width: 100px; height: 100px; position: absolute; left:50%; top:50%; background: url(../img/loading.gif) no-repeat center 0; margin:-50px 0 0 -50px;}
/*index de cada seccion titulo arriba de las tablas*/
.formTituloTabla{ width: 698px; padding:5px; font-weight: bolder; text-align: center; background-color: #FF8100; color: white; }
.tablaSinDatos{ height: 200px; border: 1px solid black; border: 1px solid black; background-color: white; text-align: center;padding-top: 50px;
font-weight: bold;width: 706px; }
/*estilo para todas las tablas*/
.tablaUsuario, .tablaCliente, .tablaTarifa, .tablaCalendario, .tablaLN, .tablaImagenes{ width: 450px; border-collapse: collapse; font-size: 12px;table-layout: fixed;}
/**************************************************************************************************************************************
********************************************* SECCION USUARIOS **********************************************************************
***************************************************************************************************************************************
***************************************************************************************************************************************/
.tablaUsuario thead tr{ background-color:black; color:white; padding:5px; font-weight:bold; text-align:center; width: 100%;}
.tablaUsuario tbody { overflow: auto; height: 500px;display: block; width: 708px; overflow-x:hidden; }
.tablaUsuario tbody tr {  border: 2px solid #FF8100; border-collapse: collapse; text-align: left; }
.tablaUsuario tbody tr:nth-child(odd) { background-color: #F8FBFC;}
.tablaUsuario tbody tr:nth-child(even) { background-color: #E5F1F4;}
.tablaUsuario tbody tr:hover { background-color: #ECFBD4;}
.tablaUsuario tbody tr td{ padding:5px; width: 177px; text-align: center;}
/* tabla de usuarios activos, status*/
.usuarioActivo, .usuarioInactivo, .usuarioBloqueado {font-weight: bold;}
.usuarioActivo{ color:#2E7612; }
.usuarioInactivo{ color:#433F40; }
.usuarioBloqueado{ color: #670001;}
/* en usuario modifiacion, mensaje de que puede modificar su contrasena*/
.usuarioDatoContrasena{ font-weight: bold; color: red;}
/**************************************************************************************************************************************
********************************************* SECCION LISTA NEGRA **********************************************************************
***************************************************************************************************************************************
***************************************************************************************************************************************/
.tablaLN thead tr th{ background-color:black; color:white; padding:5px; font-weight:bold; text-align:center; width: 100%;}
.tablaLN tbody {   overflow: auto; height: 500px;display: block; width: 708px; overflow-x:hidden;  }
.tablaLN tbody tr {  border: 1px solid #FF8100; border-collapse: collapse; text-align: left; }
.tablaLN tbody tr:nth-child(odd) {   background-color: #F8FBFC;}
.tablaLN tbody tr:nth-child(even) {   background-color: #E5F1F4;}
.tablaLN tbody tr:hover {   background-color: #ECFBD4;}
.tablaLN tbody tr td{  padding:5px; border: 1px solid #FF8100; width: 177px; }
.tablaLN tbody tr td.centrar{ text-align: center;  }
/**************************************************************************************************************************************
********************************************* SECCION TARIFA **************************************************************************
***************************************************************************************************************************************
***************************************************************************************************************************************/
.tablaTarifa thead tr th, .tablaImagenes thead tr th{ background-color: black; color: white; padding:5px; font-weight: bold; text-align: center; width: 100%; }
.tablaTarifa thead tr th:first-of-type{ width: 70px!important;}
.tablaTarifa thead tr th.precio{ width: 95px!important;}
.tablaTarifa thead tr th.editar{ width: 53px!important;}
.tablaTarifa tbody { overflow: auto; height: 500px;display: block; width: 732px; overflow-x:hidden; }
.tablaTarifa tbody tr{ border: 1px solid #FF8100; }
.tablaTarifa tbody tr:nth-child(odd) { background-color: #F8FBFC;}
.tablaTarifa tbody tr:nth-child(even) { background-color: #E5F1F4;}
.tablaTarifa tbody tr:hover { background-color: #ECFBD4;}
.tablaTarifa tbody tr td:first-of-type{ width: 70px!important;}
.tablaTarifa tbody tr td{  padding:5px; width: 105px; text-align: center;}
.tablaTarifa tbody tr td.precio{  width: 99px;}
.tablaTarifa tbody tr td:last-child{ width: 50px; }
.tarifaTablaBorde{ border: 1px solid #FF8100; }
.tarifaPeriodo, .tarifaFInicio, .tarifaFTermino, .tarifaPrecio{ width: 130px; text-align: center; }
.tarifaPeriodo{ font-weight: bold; text-align: right;}
.consultaTarifaDatos{padding: 5px;}
.tablaImagenes img {max-width: 170px; max-height: 200px;}
.tablaImagenes tbody tr td.centrar{ text-align: center;  }
/**************************************************************************************************************************************
********************************************* SECCION RESERVACIONES********************************************************************
***************************************************************************************************************************************
***************************************************************************************************************************************/
/*para el calendario en el inicio de la seccion reservaciones*/
.tablaCalendario thead tr th{ background-color: black; color: white; padding:5px; font-weight: bold; text-align: center; width: 53.8px!important;}
.tablaCalendario tbody tr{ border: 1px solid #FF8100; border-collapse: collapse; text-align: center; }
.tablaCalendario tbody tr td{  height: 46px; width: 64px; border: 1px solid #FF8100; }
.reservacionCalendarioDiv{ position: relative;}
.reservacionCalendarioDivExiste{background-color: white; height: 53px;}/*46*/
/*estilos para el visula de cada uno de los cuartos, se en status de pendiente o bien, confirmado*/
.reservacionCalendarioDia, .reservacionCalendarioDiaActual{ font-weight: bold;position: absolute; top: -2px; left: 2px; background-color: #FF8100; border:1px solid #FF8100; width: 20px; text-align: center; z-index: 999;}
.reservacionCalendarioDiaActual{ background-color: #B10600; color: white; border: 2px solid #B10600; }
.reservacionCalCuarto,.reservacionCalCuartoOcultar{ width: 63px; height: 7px;margin-left: -2px;}
.reservacionCalCuartoOcultar{background-color: transparent !important; border: 1px solid transparent !important;}

.reservacionCalCuartoAPendBordeInicio, .reservacionCalCuartoABordeInicio, .reservacionCalCuartoBPendBordeInicio, .reservacionCalCuartoBBordeInicio, .reservacionCalCuartoCPendBordeInicio, .reservacionCalCuartoCBordeInicio, .reservacionCalCuartoDPendBordeInicio, .reservacionCalCuartoDBordeInicio, .reservacionCalCuartoEPendBordeInicio, .reservacionCalCuartoEBordeInicio, .reservacionCalCuartoHPendBordeInicio, .reservacionCalCuartoHBordeInicio {width: 50%; position: relative; right: -31px; /*right: -29px;*/ } 
.reservacionCalCuartoAPendBordeFin, .reservacionCalCuartoABordeFin, .reservacionCalCuartoBPendBordeFin, .reservacionCalCuartoBBordeFin, .reservacionCalCuartoCPendBordeFin, .reservacionCalCuartoCBordeFin, .reservacionCalCuartoDPendBordeFin, .reservacionCalCuartoDBordeFin, .reservacionCalCuartoEPendBordeFin, .reservacionCalCuartoEBordeFin, .reservacionCalCuartoHPendBordeFin, .reservacionCalCuartoHBordeFin {width: 50%;  } 
.reservacionCalCuartoAPendBordeInicioFin, .reservacionCalCuartoABordeInicioFin, .reservacionCalCuartoBPendBordeInicioFin, .reservacionCalCuartoBBordeInicioFin, .reservacionCalCuartoCPendBordeInicioFin, .reservacionCalCuartoCBordeInicioFin, .reservacionCalCuartoDPendBordeInicioFin, .reservacionCalCuartoDBordeInicioFin, .reservacionCalCuartoEPendBordeInicioFin, .reservacionCalCuartoEBordeInicioFin, .reservacionCalCuartoHPendBordeInicioFin, .reservacionCalCuartoHBordeInicioFin {width: 50%; position: relative; right: 31px;} 
/*cuarto a status pend*/
.reservacionCalCuartoAPend{ background-color: #B3E8FF; border-top:1px solid #001860; border-bottom:1px solid #001860; } 
.reservacionCalCuartoAPendBordeInicio{ border-left:1px solid #001860; } 
.reservacionCalCuartoAPendBordeFin{ border-right: 1px solid #001860; } 
/*cuarto a status conf*/
.reservacionCalCuartoA{ background-color: #001860; border-top:1px solid #88CFEF; border-bottom:1px solid #B3E8FF;}
.reservacionCalCuartoABordeInicio{ border-left:1px solid #88CFEF; }
.reservacionCalCuartoABordeFin{ border-right:1px solid #88CFEF;}
/*cuarto b status pend*/
.reservacionCalCuartoBPend{ background-color: #A7D781; border-top:1px solid #133D27;border-bottom:1px solid #133D27; }
.reservacionCalCuartoBPendBordeInicio{ border-left:1px solid #133D27;}
.reservacionCalCuartoBPendBordeFin{ border-right:1px solid #133D27; }
/*cuarto b status conf*/
.reservacionCalCuartoB{ background-color: #133D27; border-top:1px solid #85BB90; border-bottom:1px solid #85BB90;}
.reservacionCalCuartoBBordeInicio{ border-left:1px solid #85BB90;}
.reservacionCalCuartoBBordeFin{ border-right:1px solid #85BB90;}
/*cuarto c status pend*/
.reservacionCalCuartoCPend{ background-color: #FE7C7C; border-top:1px solid #880000;border-bottom:1px solid #880000; }
.reservacionCalCuartoCPendBordeInicio{ border-left:1px solid #880000; }
.reservacionCalCuartoCPendBordeFin{ border-right:1px solid #880000; }
/*cuarto c status conf*/
.reservacionCalCuartoC{ background-color: #880000; border-top:1px solid #FE7C7C;border-bottom:1px solid #FE7C7C; }
.reservacionCalCuartoCBordeInicio{ border-left:1px solid #FE7C7C;}
.reservacionCalCuartoCBordeFin{ border-right:1px solid #FE7C7C; }
/*cuarto d status pend*/
.reservacionCalCuartoDPend{ background-color: #EFC7DF; border-top:1px solid #E261E7; border-bottom:1px solid #E261E7;}
.reservacionCalCuartoDPendBordeInicio{ border-left:1px solid #E261E7; }
.reservacionCalCuartoDPendBordeFin{ border-right:1px solid #E261E7;}
/*cuarto d status conf*/
.reservacionCalCuartoD{ background-color: #E261E7; border-top:1px solid #641A3D;border-bottom:1px solid #641A3D; }
.reservacionCalCuartoDBordeInicio{ border-left:1px solid #641A3D; }
.reservacionCalCuartoDBordeFin{ border-right:1px solid #641A3D; }
/*cuarto e status pend*/
.reservacionCalCuartoEPend{ background-color: #D3BEAD; border-top:1px solid black;border-bottom:1px solid black; }
.reservacionCalCuartoEPendBordeInicio{ border-left:1px solid black;}
.reservacionCalCuartoEPendBordeFin{ border-right:1px solid black; }
/*cuarto e status conf*/
.reservacionCalCuartoE{ background-color: #4F2B15; border-top:1px solid black;border-bottom:1px solid black; }
.reservacionCalCuartoEBordeInicio{ border-left:1px solid black; }
.reservacionCalCuartoEBordeFin{ border-right:1px solid black; }

/*casa status pend #CC99FF */
.reservacionCalCuartoHPend{ background-color: #CC99FF; border-top:1px solid #800080; border-bottom:1px solid #800080; } 
.reservacionCalCuartoHPendBordeInicio{ border-left:1px solid #800080; } 
.reservacionCalCuartoHPendBordeFin{ border-right: 1px solid #800080; } 
/*casa status conf #800080 */
.reservacionCalCuartoH{ background-color: #800080; border-top:1px solid #CC99FF; border-bottom:1px solid #CC99FF;}
.reservacionCalCuartoHBordeInicio{ border-left:1px solid #CC99FF; }
.reservacionCalCuartoHBordeFin{ border-right:1px solid #CC99FF;}

/*Se ocultara la info de departamentos BCDE*/
.reservacionCalCuartoB, .reservacionCalCuartoC, .reservacionCalCuartoD, .reservacionCalCuartoE, .reservacionCalCuartoH,
.reservacionCalCuartoBPend, .reservacionCalCuartoCPend, .reservacionCalCuartoDPend, .reservacionCalCuartoEPend, .reservacionCalCuartoHPend { /*display: none;*/ }
/* estilo para mostrar la información de las reservaciones*/
.reservacionCalendarioTexto a.tooltip{color: transparent;} 
.reservacionCalendarioTexto a.tooltip span{z-index: 10;display: none;border-radius:4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;font-weight: normal;} 
.reservacionCalendarioTexto a.tooltip span font.titulo{font-weight: bold;} 
.reservacionCalendarioTexto a.tooltip:hover span{ display: inline;position: absolute;border: 1px solid #444444;background: #DFDFDF;} 
.reservacionCalendarioTexto a.tooltip > span{width: 200px;padding: 10px 12px;opacity: 0;visibility: hidden;z-index: 10000;position: absolute;font-size: 12px;font-style: normal;
-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;-webkit-box-shadow: 4px 4px 4px #d9b3c3;-moz-box-shadow: 4px 4px 4px #d9b3c3;box-shadow: 4px 4px 4px #d9b3c3; 
color: #000000; background: #f4f4f4;background: -moz-linear-gradient(top, #FBF5E6 0%, #FFFFFF 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBF5E6), color-stop(100%,#FFFFFF)); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBF5E6', endColorstr='#FFFFFF',GradientType=0 );border: 1px solid #8c8c8c;}
.reservacionCalendarioTexto a.tooltip:hover > span{ opacity: 1;text-decoration:none;visibility: visible;overflow: visible;margin-top: 20px;display: inline;margin-left: -100px;}
.reservacionCalendarioTexto a.tooltip span b{width: 15px;height: 15px;margin-left: 20px;margin-top: -19px;display: block;position: absolute;-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);-webkit-box-shadow: inset -1px 1px 0 #fff;-moz-box-shadow: inset 0 1px 0 #fff; 
-o-box-shadow: inset 0 1px 0 #fff;box-shadow: inset 0 1px 0 #fff;display: none\0/; display: none;background: #f4f4f4;border-top: 1px solid #8c8c8c;border-right: 1px solid #8c8c8c;}

/* estilo en el Area de Select de año y mes*/
.formCalendarioSelect{background-color: #CC4903; width: 450px; font-weight: bold; color: black;}
.formCalendarioSelect div{width: 120px; display: inline-block;}
.formCalendarioSelect div:nth-child(even){width: 35px; text-align: right; padding:5px; }
.formCalendarioSelectTitulo{ font-weight: bolder; text-align: center; color: white; margin:0px 0px 5px 0px; padding: 5px; background-color: #FF8100; width: 440px!important; } 
/*para la tabla de las leyendas*/
.reservacionLeyenda{width: 300px; border-collapse: collapse; font-size: 12px;table-layout: fixed; margin-top: 20px; margin-right: 35px;}
.reservacionLeyenda thead tr th{ background-color: black; color: white; padding:5px; font-weight: bold; text-align: center; width: 30px;}
.reservacionLeyenda thead tr th:first-child{ width: 15px;}
.reservacionLeyenda tbody tr td{  border: 1px solid #FF8100; border-collapse: collapse; text-align: center; font-weight: bold; }
.reservacionLeyenda tbody tr td:first-of-type{  background-color: white; width: 50px; }
/*tabla donde se muestra el listado de las reservaciones pendientes*/
.tablaCalendarioPendTitulo{ width: 357px; padding:5px; font-weight: bolder; text-align: center; background-color: #FF8100; color: white; margin-top:20px; }
.tablaCalendarioPend{ width: 368px; border-collapse: collapse; font-size: 12px;table-layout: fixed;}
.tablaCalendarioPend thead tr th{ background-color: black; color: white; padding:5px; font-weight: bold; text-align: center; width: 80px; border: 1px solid white;}
.tablaCalendarioPend thead tr th:first-child{ width: 110px; }
.tablaCalendarioPend thead tr th:last-child{ width: 50px; }
.tablaCalendarioPend tbody { overflow: auto; height: 100px;display: block; width: 378px; overflow-x:hidden; }
.tablaCalendarioPend tbody tr{ border: 1px solid #FF8100; }
.tablaCalendarioPend tbody tr td{  padding:5px; border: 1px solid #FF8100; width: 80px;text-align: center; }
.tablaCalendarioPend tbody tr td:first-child{ text-align: left; width: 110px; }
.tablaCalendarioPend tbody tr td:last-child{ text-align: center; width: 50px; }
.tablaCalendarioPend tbody tr td.sinResultados{ width: 355px; }
.tablaCalendarioPend tbody tr:nth-child(odd) { background-color: #F8FBFC;}
.tablaCalendarioPend tbody tr:nth-child(even) { background-color: #E5F1F4;}
.tablaCalendarioPend tbody tr:hover { background-color: #ECFBD4;}
/*en el espacio de registro/consulta de reservacion*/
#reservacionClienteFacturacion{display: none;}
.consultaClienteNombre div:first-child{ margin-right: 15px; margin-top: 5px;}
.consultaClienteBtn div:first-child{ margin-right: 100px;}
.consultaClienteBtn div input:first-child{ margin-top: 10px;}
.consultaClienteBtn div input{ margin: 5px;}

.reservacionCosto{ background-color: #586261;font-weight: bold;color: #DADADA; margin:5px; display: none;}
.reservacionCosto div{ padding:5px; }
.reservacionCosto div:first-child{ padding-right: 15px; }
.reservacionCosto div:last-child{ padding-right: 15px; }
.reservacionCostoNumTexto{color: #B2ACAB;}
.reservacionBotonesAccion{ padding: 5px; margin-bottom: 20px;}

/**************************************************************************************************************************************
********************************************* SECCION REPORTES ************************************************************************
***************************************************************************************************************************************
***************************************************************************************************************************************/
.reportesContenido .reporteElementos div{ padding: 5px;}
.reportesContenido .reporteTitulo{ padding: 10px;}
.reportesContenido .reporteSubTitulo{ padding: 5px;}
.reporteTitulo{ font-weight: bolder; font-size: 18px; }
.reporteSubTitulo{ font-weight: bolder; }

.tablaReportes{  border-collapse: collapse; font-size: 12px; }
.tablaReportes thead tr .titulo{  padding:5px; font-weight: bolder; text-align: center; background-color: #FF8100; color: white; }
.tablaReportes thead tr th{ background-color:black; color:white; padding:5px; font-weight:bold; text-align:center; width: 150px!important; }
.tablaReportes tbody {   overflow: auto; max-height: 300px;overflow-x:hidden;  }
.tablaReportes tbody tr {  border: 1px solid #FF8100; text-align: center; }
.tablaReportes tbody tr td{  padding:5px; border: 1px solid #FF8100; }
.tablaReportes tbody tr:nth-child(odd) {   background-color: #F8FBFC;}
.tablaReportes tbody tr:nth-child(even) {   background-color: #E5F1F4;}
.tablaReportes tbody tr:hover {   background-color: #ECFBD4;}

.reporteResultado{ padding: 10px;}
.tablaReportesBotones{ padding: 15px;}

.reporteFechas div{ padding: 5px;}