/****INICIO GENERAL*****/

.azulPrincipal{
    color: #00ADEE;
}
.azulOscuro{
    color: #008ABE;
}
.grisClaro{
    color: #E7E8E9;
}
.grisMedio{
    color: #999999;
}
.grisOscuro{
    color: #5B5B59;
}
.verde{
    color: #C0D72F;
}


/***FIN GENERALES***/


/****INICIO MASTER*****/
.contenido 
{
    top:0;
    right:0;
    left:105px;
    position:absolute;
}

.contenidoConMenu {
    margin-left:155px;
}

.encabezado {
    padding :1%;
    width:98%;
}

.encabezado .tituloPadre{
    width:100%;
}

.encabezado .tituloPadre .titulo {
    display:inline-block;
}

.encabezado .tituloPadre .titulo .tituloTexto {
    color: #008ABE;
    font-size:36px;
}

.encabezado .tituloPadre .titulo .separacionSubtituloTexto {
    color: #5B5B59;
    font-size:36px;
}

.encabezado .tituloPadre .titulo .subtituloTexto {
    color: #5B5B59;
    font-size:28px;
}

.encabezado .tituloPadre .cerrarSesion {
    float:right;
}

.encabezado .tituloPadre .cerrarSesion select {
    
    background-image:  url(../images/comboBarras.png) !important;
    background-repeat:no-repeat !important;
    background-position:95% !important;
    width:170px;
}

.contenedorPadre {
    padding:1%;
    position: relative;
    width:98%;
}

.avisosOn
{
    background:url(../images/alertaOn.png)  no-repeat center center  ;
    height:10px;
    float: left;
    }
    
.avisosOn:hover
{
    background:url(../images/alertaOn.png)  no-repeat center center  ;
    height:10px;
    float: left;
    }
    
.avisosOff
{
    background:url(../images/alertaOff.png)  no-repeat center center  ;
    height:10px;
    float: left;
    margin-top: 5px;
    min-width: 55px;
    }
    
.avisosOff:hover
{
    background:url(../images/alertaOff.png)  no-repeat center center  ;
    height:10px;
    float: left;
    margin-top: 5px;
    min-width: 55px;
    }

/*Menu y Submenu*/
.contenedorMenu {
    background-color:#00ADEE;
    width:105px;
    vertical-align: top;
}

.contenedorMenu nav .menuImagen {
    width:105px;
    height:105px;
}

.contenedorMenu nav .menuImagen:hover {
    background-color:#E7E8E9;
}

.contenedorMenu nav  .menuEmpresas {
    background:url(../images/menu/empresas.png)  no-repeat center center  ;
    height:105px;
}

.contenedorMenu nav .menuAdministradores {
    background:url(../images/menu/admin.png)  no-repeat center center ;
    height:105px;
}

.contenedorMenu nav .menuComprobantes {
    background:url(../images/menu/comprobante.png)  no-repeat center center ;
    height:105px;
}

.contenedorMenu nav .menuCatalogos {
    background:url(../images/menu/catalogo.png)  no-repeat center center ;
    height:105px;
}

.contenedorMenu nav .menuConfiguracion {
    background:url(../images/menu/config.png)  no-repeat center center ;
    height:105px;
}

.contenedorMenu nav .menuEstadisticas {
    background:url(../images/menu/reporte.png)  no-repeat center center ;
    height:105px;
}

.contenedorMenu nav .menuTimbres {
    background:url(../images/menu/timbre.png)  no-repeat center center ;
    height:105px;
}

.contenedorMenu nav .menuContrato {
    background:url(../images/menu/contrato.png)  no-repeat center center ;
    height:105px;
}

.contenedorMenu nav .menuImagen:hover .menuEmpresas {
    background:url(../images/menu/empresasHover.png) no-repeat center center  ;
    height:105px;
    }
    
.contenedorMenu nav .menuImagen:hover .menuAdministradores{
    background:url(../images/menu/adminHover.png)  no-repeat center center ;
    height:105px;
}
    
.contenedorMenu nav .menuImagen:hover .menuComprobantes{
    background:url(../images/menu/comprobanteHover.png)  no-repeat center center ;
    height:105px;
}
    
.contenedorMenu nav .menuImagen:hover .menuCatalogos{
    background:url(../images/menu/catalogoHover.png)  no-repeat center center ;
    height:105px;
}
    
.contenedorMenu nav .menuImagen:hover .menuConfiguracion{
    background:url(../images/menu/configHover.png)  no-repeat center center ;
    height:105px;
}
    
.contenedorMenu nav .menuImagen:hover .menuEstadisticas{
    background:url(../images/menu/reporteHover.png)  no-repeat center center ;
    height:105px;
}
    
.contenedorMenu nav .menuImagen:hover .menuTimbres{
    background:url(../images/menu/timbreHover.png)  no-repeat center center ;
    height:105px;
}
    
.contenedorMenu nav .menuImagen:hover .menuContrato{
    background:url(../images/menu/contratoHover.png)  no-repeat center center ;
    height:105px;
}

.contenedorMenu nav  .menuEmpresas {
    background:url(../images/menu/empresas.png)  no-repeat center center  ;
    height:105px;
}

.contenedorMenu nav .menuAdministradores {
    background:url(../images/menu/admin.png)  no-repeat center center ;
    height:105px;
}

.contenedorMenu nav .menuImagen:hover .menuEmpresas {
    background:url(../images/menu/empresasHover.png) no-repeat center center  ;
    height:105px;
    }
    
.contenedorMenu nav .menuImagen:hover .menuAdministradores{
    background:url(../images/menu/adminHover.png)  no-repeat center center ;
    height:105px;
}


.slide-in {
	background-color: #E7E8E9;
	/*border-left: 1px solid #00ADEE;*/
	position: absolute;
	left: 105px;
	-webkit-transition: left 0.2s ease-in;
	transition: left 0.2s ease-in;
    text-align:center;
	top: 0;
	width: 155px;
}

.slide-in li {
	font-size: 15px;
	line-height: 58px;
	padding: 0px 10px;
	color: #5B5B59;
	cursor: pointer;
}

.slide-in li:hover {
	color: #008ABE;
}

.slide-in li:first-child {
	font-size: 20px;
	font-weight: bolder;
    cursor:default;
	color: #5B5B59;
}

.slide-in.on {
	left: 0px !important;
}

/*MOVIL*/
/*Menu y Submenu*/
.contenedorMenuMovil {
    background-color:#00ADEE;
    text-align:center;
    width:100%;
    vertical-align: top;
}

.contenedorMenuMovil nav
{
    width:100%;
    }
    
.contenedorMenuMovil nav .menuImagen {
    width:65px;
    height:60px;
}

.contenedorMenuMovil nav .menuImagen:hover {
    background-color:#E7E8E9;
    width: 100%;
}

.contenedorMenuMovil nav .menuImagenFecha {
    width:65px;
    height:60px;
}

.contenedorMenuMovil nav .menuImagenFecha:hover .menuFechaOpen{
    background:url(../images/flechaMenuOpenHover.png)  no-repeat center center  ;
    width: 100%;
}

.contenedorMenuMovil nav  .menuFechaOpen {
    background:url(../images/flechaMenuOpen.png)  no-repeat center center  ;
    height:60px;
    position: absolute;
    width: 100%;
}

.contenedorMenuMovil nav .menuImagenFecha:hover .menuFechaClose{
    background:url(../images/flechaMenuCloseHover.png)  no-repeat center center  ;
    width: 100%;
}

.contenedorMenuMovil nav  .menuFechaClose {
    background:url(../images/flechaMenuClose.png)  no-repeat center center  ;
    height:60px;
    position: absolute;
    width: 100%;
}

.contenedorMenuMovil nav  .menuEmpresas {
    background:url(../images/menu/empresas.png)  no-repeat center center  ;
    height:60px;
    position: absolute;
    width: 100%;
}

.contenedorMenuMovil nav .menuAdministradores {
    background:url(../images/menu/admin.png)  no-repeat center center ;
    height:60px;
    position: absolute;
    width: 100%;
}

.contenedorMenuMovil nav .menuComprobantes {
    background:url(../images/menu/comprobante.png)  no-repeat center center ;
    height:60px;
    position: absolute;
    width: 100%;
}

.contenedorMenuMovil nav .menuCatalogos {
    background:url(../images/menu/catalogo.png)  no-repeat center center ;
    height:60px;
    position: absolute;
    width: 100%;
}

.contenedorMenuMovil nav .menuConfiguracion {
    background:url(../images/menu/config.png)  no-repeat center center ;
    height:60px;
    position: absolute;
    width: 100%;
}

.contenedorMenuMovil nav .menuEstadisticas {
    background:url(../images/menu/reporte.png)  no-repeat center center ;
    height:60px;
    position: absolute;
    width: 100%;
}

.contenedorMenuMovil nav .menuTimbres {
    background:url(../images/menu/timbre.png)  no-repeat center center ;
    height:60px;
    position: absolute;
    width: 100%;
}

.contenedorMenuMovil nav .menuContrato {
    background:url(../images/menu/contrato.png)  no-repeat center center ;
    height:60px;
    position: absolute;
    width: 100%;
}

.contenedorMenuMovil nav  .menuEmpresas {
    background:url(../images/menu/empresas.png)  no-repeat center center  ;
    height:60px;
    position: absolute;
    width: 100%;
}

.contenedorMenuMovil nav .menuAdministradores {
    background:url(../images/menu/admin.png)  no-repeat center center ;
    height:60px;
    position: absolute;
    width: 100%;
}

.contenedorMenuMovil nav .menuImagen:hover .menuEmpresas {
    background:url(../images/menu/empresasHover.png) no-repeat center center  ;
    height:60px;
    position: absolute;
    width: 100%;
    }
    
.contenedorMenuMovil nav .menuImagen:hover .menuAdministradores{
    background:url(../images/menu/adminHover.png)  no-repeat center center ;
    height:60px;
    position: absolute;
    width: 100%;
}


.contenedorMenuMovil nav .menuImagen:hover .menuEmpresas {
    background:url(../images/menu/empresasHover.png) no-repeat center center  ;
    height:60px;
    position: absolute;
    width: 100%;
    }
    
.contenedorMenuMovil nav .menuImagen:hover .menuAdministradores{
    background:url(../images/menu/adminHover.png)  no-repeat center center ;
    height:60px;
    position: absolute;
    width: 100%;
}
    
.contenedorMenuMovil nav .menuImagen:hover .menuComprobantes{
    background:url(../images/menu/comprobanteHover.png)  no-repeat center center ;
    height:60px;
    position: absolute;
    width: 100%;
}
    
.contenedorMenuMovil nav .menuImagen:hover .menuCatalogos{
    background:url(../images/menu/catalogoHover.png)  no-repeat center center ;
    height:60px;
    position: absolute;
    width: 100%;
}
    
.contenedorMenuMovil nav .menuImagen:hover .menuConfiguracion{
    background:url(../images/menu/configHover.png)  no-repeat center center ;
    height:60px;
    position: absolute;
    width: 100%;
}
    
.contenedorMenuMovil nav .menuImagen:hover .menuEstadisticas{
    background:url(../images/menu/reporteHover.png)  no-repeat center center ;
    height:60px;
    position: absolute;
    width: 100%;
}
    
.contenedorMenuMovil nav .menuImagen:hover .menuTimbres{
    background:url(../images/menu/timbreHover.png)  no-repeat center center ;
    height:60px;
    position: absolute;
    width: 100%;
}
    
.contenedorMenuMovil nav .menuImagen:hover .menuContrato{
    background:url(../images/menu/contratoHover.png)  no-repeat center center ;
    height:60px;
    position: absolute;
    width: 100%;
}

.slide-down {
	background-color: #E7E8E9;
	/*border-left: 1px solid #00ADEE;*/
	-webkit-transition: left 0.2s ease-in;
	transition: left 0.2s ease-in;
    text-align:center;
	top: 0;
	width: 100%;
}

.slide-down li {
	font-size: 15px;
	line-height: 58px;
	padding: 0px 10px;
	color: #5B5B59;
	cursor: pointer;
}

.slide-down li:hover {
	color: #008ABE;
}

.slide-down li:first-child {
	font-size: 20px;
	font-weight: bolder;
    cursor:default;
	color: #5B5B59;
}

.slide-down.on {
	left: 0px !important;
}

.contenedorMenuMovil .cerrarSesionMovil
{
   position: absolute;
    right: 0px;
    }
    
.contenedorMenuMovil .opcionesUsuarioMovil
{
    background:url(../images/barrasMovil.png)  no-repeat center center ;
    height: 20px;
    min-width: 35px;
    }

.contenedorMenuMovil #cerrarSesionMovil
{
    background-color:#00ADEE;
    height: 64px;
    z-index:2;
    }

.contenedorMenuMovil #opcionesUsuarioMovil
{
    position:absolute;
    }
    
.contenedorMenuMovil #opcionesUsuarioMovil a
{
    margin-bottom: 0;
}
/****FIN MASTER*****/

/****INICIO LISTADO*****/
.controlesListado {
    vertical-align:middle;
    width:100%;
}

.controlesListado article {
    margin-right:10px;
    vertical-align:middle;
}

.controlesListado .btnBuscar {
    min-width: 36px;
}

.controlesListado .navegacion {
    float:right;
    margin-left:10px;
    margin-right:0;
}

.controlesListado .navegacionIzquierda {
    float:left;
}

.controlesListado .navegacionIzquierda div{
    float:left;
    margin-right:10px;
}

.listado {
    width:100%;
}

.listado .listadoHeader {
    color:#FFFFFF;
    background-color:#5B5B59;
    height:37px;
    text-align:center;
}

.listado .listadoRegistros {
    background-color:#E7E8E9;
}

.listado .listadoRegistro {
    text-align:center;
}

.listado .listadoRegistro textarea
{
    background-color:transparent;
    min-width:initial !important;
    width: 100%;
}

.listado .listadoRegistro textarea:active,
.listado .listadoRegistro textarea:focus,
.listado .listadoRegistro textarea:hover{
    color:#FFFFFF;
	background: #00ADEE;
	border: none;	
} 

.listado .listadoRegistro input{ 
    background-color:transparent;
    min-width:initial !important;
    text-align:center;  
    width: 100%;
}

.listado .listadoEditar,
.listado .listadoEditar:hover{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.00);
    background-image:url('../images/editar.png');
    background-position: center center;
    background-repeat:no-repeat; 
    height: 10px;
    margin-top: 2px;
}

.listado .listadoPago,
.listado .listadoPago:hover{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.00);
    background-image:url('../images/pagos.png');
    background-position: center center;
    background-repeat:no-repeat; 
    height: 10px;
    margin-top: 2px;
}

.rowHover {
    color: #00ADEE;
}

.listado .rowHover .listadoEditar,
.listado .rowHover .listadoEditar:hover{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.00);
    background-image:url('../images/editarHover.png');
    background-position: center center;
    background-repeat:no-repeat; 
    height: 10px;
    margin-top: 2px;
}

.listado table th, 
.listado table td 
{ 
    /*white-space: nowrap; */
}

/****FIN LISTADO*****/

/****INICIO FORMULARIO*****/
.formulario {
    width:100%;
}

.formulario header{
    color:#FFFFFF;
    background-color:#5B5B59;
    height:36px;
    margin-bottom:5px;
    width:100%;
}

.formulario header span{
    line-height: 36px;
    padding-left: 20px;
}


.formulario article{
    display:inline-block;
    margin-right: 0.7%;
    overflow:hidden;
    vertical-align: top;
    width:49%;
}

.formulario .navegacion{
    display:inline-block;
    margin-right: 0.7%;
    overflow:hidden;
    vertical-align: top;
}

.formulario #contentFormaPago{
    width:100%;
}

.formulario #contentFormaPago article{
    display:inline-block;
    margin-right: 0.7%;
    vertical-align: top;
    width:49%;
}

.formulario #contentFormaPago article .parcialIninicial {
    width:48%;
}

.formulario #contentFormaPago article .parcialFin {
    width:48%;
}

.formulario article input,
.formulario article select {
    width:100%;
}

.formulario .navegacion {
    float:right;
}

.formulario .navegacion div{
    float:right;
    margin-left:10px;
    margin-top:15px;
}

/****FIN FORMULARIO*****/

/****INICIO LOGIN*****/
.login {
    display:block;
    text-align:center;
    position: absolute;
    top: 50%;
    left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.login .informacion{
    font-size:12px;
}

.login .informacion .titulo{
    font-size:20px;
    margin-top:20px;
}

.login .informacion .notas{
    margin-top:10px;
    margin-bottom:50px;
}

.login .navegacion {
    width:100%;
}

.login .navegacion input {
    width:160px;
}

.login .ui-tooltip{
    display:none !important;
}
/****FIN LOGIN*****/

/****INICIO INICIO*****/

.bodyInicio{
    background-color:#00ADEE;
}

section.inicio {
    box-sizing: border-box;
    padding: 20px 0px;
    text-align: center;
    width: 100%;
    display: table;
}

section.inicio ol{
    display: table-cell;
    vertical-align: middle;
}

section.inicio footer{
    margin-top:20px;
}

section.inicio a{
    background-color:transparent;
    padding:5px;
    width:100%;
}

section.inicio a:hover{
    color:#CAD400;
}

section.inicio h1 {
	color: #008ABE;
}

section.inicio nav {
	margin: 20px 0px;
}

section.inicio ul .flip-container {
	display: inline-block;
	background: #008ABE;
	font-size: 25px;
	margin-right: 1px;
	padding: 15px 25px;
	color: white;
	cursor: pointer;
	box-sizing: border-box;
}

section.inicio ol .flip-container{
	display: inline-block;
	color: white;
	width: 220px;
	height: 215px;
	margin-left: 20px;
	margin-bottom: 60px;
}

.flip-container{
	-webkit-perspective:1000;
	-moz-perspective:1000;
	perspective:1000;
}

.flip-container:hover .flipper{
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	transform:rotateY(180deg);
}

.flip-container:hover .flipper .front{
	opacity:0;
}

.flip-container:hover .flipper .back{
	opacity:1;
}

.flip-container .flipper{
	-webkit-transition:-webkit-transform 0.6s;
	-webkit-transform-style:preserve-3d;
	-moz-transition:-moz-transform 0.6s;
	-moz-transform-style:preserve-3d;
	transition:transform 0.6s;
	transform-style:preserve-3d;
	position:relative;
	width:100%;
	height: 100%;
}

.flip-container .front,.flip-container .back{
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transition:opacity 0.6s;
	-moz-transition:opacity 0.6s;
	-ms-transition:opacity 0.6s;
	-o-transition:opacity 0.6s;
	transition:opacity 0.6s;
	position:absolute;
	top:0;
	left:0;
}

.flip-container .front{
	width:100%;
	z-index:2;
}

.flip-container .back{
    background-color: #009CDD;
    display: table;
    height: 220px;
    opacity:0;
    height:100%;
    text-align: center;
    width:100%;
	
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	transform:rotateY(180deg);
}

.flip-container a {
	color: white;
}

.back div {
	font-size: 50px;
	margin-top: 60px;
	margin-bottom: 40px;
}

.back ul {
	display: table-cell;
    font-size: 18px;
    height: 220px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.back article {
	font-size: 14px;
}

.encabezado .cerrarSesionInicio {
    float:right;
}

.encabezado .cerrarSesionInicio select {
    
    background-image:  url(../images/comboBarras.png) !important;
    background-repeat:no-repeat !important;
    background-position:95% !important;
    width:170px;
}

/****FIN INICIO*****/