/* Reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, 
strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, 
details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
    margin: 0;  
    border: 0;  
    font: inherit; 
}

a{ text-decoration: none; }

body {
	font-family: 'Open Sans', sans-serif;
	background: #fdfdfd;
	font-size: 13px;
}

h2 {color: #006699;}

.footer {
	text-align: center;
    font-size: 10px;
    margin-top: 50px;
}

/* ================================= inicio de sesion ======================== 
   =========================================================================== */
.login {
    padding: 30px 0 0;
}

#logo_login {
	max-height: 34px;
    margin-left: 2px;
}

.container {
    width: 1005px;
    margin-right: auto;
    margin-left: auto;
}
.wrapper {
    max-width: 354px;
    min-width: 300px;
    margin: 0 auto;
    position: relative;
}
.heading {
    text-align: center;
}
.widget {
    background: #ffffff;
    margin: 0 auto 15px;
    position: relative;
    border: 1px solid #d8d8d8;
    box-shadow: 0 1px 0 0 #f7f7f7, 0 5px 4px -4px #d8d8d8;
    -moz-box-shadow: 0 1px 0 0 #f7f7f7, 0 5px 4px -4px #d8d8d8;
    -webkit-box-shadow: 0 1px 0 0 #f7f7f7, 0 5px 4px -4px #d8d8d8;
}

.widgethead {
    padding: 0 5px 0 0;
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(top, #fdfdfd, #f4f4f4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#f4f4f4));
    background-image: -webkit-linear-gradient(top, #fdfdfd, #f4f4f4);
    background-image: -o-linear-gradient(top, #fdfdfd, #f4f4f4);
    background-image: linear-gradient(to bottom, #fdfdfd, #f4f4f4);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfdfd', endColorstr='#fff4f4f4', GradientType=0);
    box-shadow: 0 1px 0 0 #f7f7f7, 0 5px 4px -4px #d8d8d8;
    -moz-box-shadow: 0 1px 0 0 #f7f7f7, 0 5px 4px -4px #d8d8d8;
    -webkit-box-shadow: 0 1px 0 0 #f7f7f7, 0 5px 4px -4px #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    text-shadow: 0 1px 0 0 1px 0 #ffffff;
    height: 35px;
    line-height: 35px;
    position: relative;
    padding: 0 15px 0 0;
    overflow: hidden;
}

.widgetbody {
    padding: 15px;
}

.login label {
    font-size: 13px;
    color: #7c7c7c;
    display: block;
    margin-bottom: 5px;
}

.login input[type="text"], .login input[type="password"] {
    font-size: 13px;
    height: auto;
    margin-bottom: 10px;
    padding: 5px 9px;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0), inset -1px -1px 1px rgba(0, 0, 0, 0);
    -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0), inset -1px -1px 1px rgba(0, 0, 0, 0);
    -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0), inset -1px -1px 1px rgba(0, 0, 0, 0);
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    background: #fff;
    border-color: #D8D9DA;
    border: 1px solid #cccccc;
    color: #A7A7A7;
    font-family: 'Open Sans', sans-serif;
}
.separatorbottom {
    padding: 0 0 15px;
}
.span4 {text-align: center;}

.btnprimary {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #9dce6e;
    background-image: -moz-linear-gradient(top, #56aedb, #35a0d6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#56aedb), to(#35a0d6));
    background-image: -webkit-linear-gradient(top, #56aedb, #35a0d6);
    background-image: -o-linear-gradient(top, #56aedb, #35a0d6);
    background-image: linear-gradient(to bottom, #56aedb, #35a0d6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#56aedb', endColorstr='#35a0d6', GradientType=0);
    border: 1px solid #56aedb;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 1px #2d9cd4;
    -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 1px #2d9cd4;
    -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 1px #2d9cd4;
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.btnprimary:hover {
    background: #35a0d6;
    color: #fff;
}

.inputblocklevel {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* ================================= fin inicio de sesion ======================== 
   =============================================================================== */

.contenido {
    width: 99%;
    margin: 0 auto;
    position: relative;
}
.clear {clear: both;}
.error {color: red;}
.logout {color: #fff;}
.logout:hover {color: red;}
.head {width: 100%; background-color: #006699;color:#fff;}
.logohotel {text-align: center;}
.eliminaTicket {
	vertical-align: top;
	display: inline-block;
    border: 1px solid rgb(162, 162, 162);;
    margin:40px 0 0 20px; 
    width:300px;
    padding: 5px;
}

.eliminaTicket2 {

	display: inline-block;
    border: 1px solid rgb(162, 162, 162);
    margin:40px 0 0 20px; 
    width:550px;
    padding: 5px;
}

.eliminaTicket p {
	font-weight: bold;
	font-size: 16px;
	
}

#opciones {margin-bottom: 20px;}
.metro {
    /*width: 181px;*/
    text-align: center;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    margin: 1px;
    padding: 10px 20px 10px 20px;
    background: rgb(162, 162, 162);
    cursor: pointer;
    -webkit-transition: border-color .20s;
    -moz-transition: border-color .20s;
    -o-transition: border-color .20s;
    transition: border-color .20s;
}

.metro:hover {
    color: #fff;
    background-color: #006699;
}

.info {
    color: #fff;
    font-family: "Consolas";
    text-decoration: none;
    display: inline-block;
    margin: 1px;
    padding: 10px 20px 10px 20px;
    background: rgb(162, 162, 162);
    cursor: pointer;
    -webkit-transition: border-color .20s;
    -moz-transition: border-color .20s;
    -o-transition: border-color .20s;
    transition: border-color .20s;
    right: 0;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.info:hover {
    background-color: #006699;
}

#informacion {
    padding:  5px;
    width: 400px;
    border:  1px solid rgb(162, 162, 162);
    position: absolute;
    margin-top: 36px;
    right: 0;
    z-index: 500;
    background-color: #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mostrador {
    clear: both;
    width: 800px;
    margin: 0 auto;
}

#contenedorCalendarios {
    float: right;
    width: 430px;
    border: 1px solid black;
    height: 160px;
    line-height: 15px;
}

#inputfecha {float:left;margin-right: 10px;padding: 3px;}
#jqxdatetimeinput {float:left;}/*margin-left: 10px;*/
#getDateButton {margin-left: 10px;padding: 3px;}
#totalesTickets {clear: both;}
.tvendido {color:blue;}
.tanulados {color: red;}
.trecaudado {color: green;}
.selectPlantilla {margin-bottom: 15px;}
#porPlantillas {
    margin-top: 10px;
}

#ticketBorde {border: 1px solid #006599;}
.ticketSuelto {
    font-family: "Consolas";
    font-size:10pt;
    border-collapse:collapse;
    width: 60mm;
    float:left;
    margin-right: 20px;
}
.ticketSuelto td { padding:3px;overflow: hidden; }
.ticketSuelto .centrado {text-align: center;}
#subtitulo { border-bottom: 1px dashed black; }
#titulo{ text-decoration: underline; }
#pie { border-top: 1px dashed black; white-space: pre-line;}

.colorcabecera {color:#006599;background-color: #d9d9d9;}
.listados { text-align: center; border-collapse:collapse;}
.listados td { border:1px solid rgb(162,162,162);padding:5px;}


/* GRUPOS */
#content-comun {width: 900px;margin: 0 auto; }
#content-comun h2 {margin: 0;}
#content-comun hr {background-color: #006599;height: 1.5px;}
.dialog {font-size: 13px;}
.tablasForm, .dialog {border-collapse:collapse;}
.tablasForm td, .dialog td {padding: 5px;}
/*******************************************/

/*======= HOTELES =========================*/
#listaHoteles td{padding: 3px;}
/*=========================================*/

/*======= USUARIOS ========================*/
#btguardar {vertical-align: middle;}
#listaUsuarios td{padding: 1px;}

#content-nuevousu {float: left;}
#content-seguridad {float: right;}
.botonCreaUsuario {text-align: center;margin-top: 10px;}
/*=========================================*/

/*======= TARIFAS =====================*/
.cajadatosperfil {float: left;margin-right: 15px;}
.cajadatosperfil h3, .cajatarifas h3 {text-decoration: underline;}
#detallesTarifas {margin-top: 10px;}
#tablacreatarifasEdita td, #tablacreatarifasNuevaTarifa td {padding: 3px;}
/*=====================================*/

/*========= PLANTILLAS TICKETS =================================*/
.combosplantillas {text-align: center;}
/* .plantillas {float:left;margin-top: 20px; margin-right:40px;height:460px;} */
.plantillas {float:left;margin-top: 20px; margin-right:40px}
.plantillas p {text-align: center;color: #6c6c6c;font-weight: bold;}
.plantillas a {padding: 5px;font-weight: normal;}
#ptickets {border: 1px solid #006599;}
.centrados {text-align: center;}
#modificart {color: #006599;}
#eliminart {color:red;}
#modificart:hover {color: #006599;text-decoration: underline;}
#eliminart:hover {color:red;text-decoration: underline;}
#modificarPlantilla input[type="text"], #nuevaPlantilla input[type="text"] {width: 200px}

/*==============================================================*/

/******************** GESTION DE TICKETS ***********************/
#content-tickets{
    clear: both;
    width: 900px;
    margin: 0 auto; 
}
#infoconsumo td{padding: 2px;}
#ayuda {float: right;}
#gtickets td {padding: 3px;}
#filtroExtra, .opcionesAvanzadas, .operaciones {float: left;}
#filtroExtra {width: 220px;}
.opcionesAvanzadas {width: 270px; height: 140px;}
.operaciones {width: 250px;}
.combo {margin-bottom: 15px;}
.allFiltros {margin-bottom: 50px; margin-top: 15px;}
#jqxdatetimeinput1, #jqxdatetimeinput2 {margin-bottom: 5px;}
#contieneTabla {clear: both;}
.opav {color: #006699;}

#pag_nums ul {
    margin: 0;
    padding: 0;
}
#pag_nums li {
    border: 0;
    margin: 0;
    padding: 3px;
    font-size: 12px;
    list-style: none;
    float: left;
}
.noactive a {
    color: #006699;
    display: block;
    padding: 3px 6px 3px 6px;
    text-decoration: none;
    border: 1px solid #006699;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.active a{
    color:white;
    display: block;
    padding: 3px 6px 3px 6px;
    background-color: #006699;
    text-decoration: none;
    border: 1px solid #006699;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
/* ================================ */
/*============ CONSULTA CIERRES ========*/
#CalculoCierre {clear: both;}
.busquedames h3,.calendarios h3, #CalculoCierre h3 {font-weight: bold;color: #a2a2a2;}
.busquedames {margin-top: 20px;margin-bottom: 20px;}
.calendarios h3, #CalculoCierre h3 {margin-bottom: 5px;}
.calendarios {margin-bottom: 15px;}
.consultacierres {width: 100%;}
.totalrecaudado {float: right; font-weight: bold;}
/*========================================*/

/*=========== GESTION HOTSPOT ============*/
.titulos {color:#006599; }
#crearnuevohotspot {float: left;margin-right: 125px;}
.botonhotspot {text-align: center;margin-top: 30px;}
#TablaTarifasPerfil {margin-top: 10px;}
#tablacreatarifas td{padding: 2px;}
/*========================================*/

/*========== RECAUDACIONES =============*/
.resaltado {font-weight: bold;}
#wrapper-calendarios {margin-top: 15px;}
/*======================================*/


.cerrartickets {
    border:1px solid rgb(162,162,162);
    width:220px;
    padding: 5px;
    float: left;
}

.cerrartickets h3 {color:#006599;}

#cierreCompleto {margin-right: 20px;}