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

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

.verde{
    color: #008F00;
}

.rojo{
    color: #C3161C;
}

/***FIN GENERALES***/


/****INICIO MASTER*****/

.centrado
{
    width:100%;
    text-align:center;
    }    
.contenido {
    top:0;
    right:20px;
    left:105px;
    padding-bottom: 30px;
    position: static;
    padding-left: 105px;
    padding-right: 20px;
    display:inline-block;
}

#contendedorMenuFijo
{
    position:fixed;
    height:100%;
    z-index: 4;
    }
    
#menuImagenLogo #imgLogo
{
    height: 60px;
    margin: 2px 0;
    margin-left: 20px;
    }

.contenidoConMenu {
    margin-left:155px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.contenidoSinMenu {
    margin-left:0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.encabezado {
    width:100%;
}

.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;
    padding-top: 5px;
}

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

.contenedorPadre {
    margin :10px;
    margin-bottom: 25px;
    position: relative;
    width:100%;
    overflow: hidden;
}

.avisosOn
{
    background:url(../images/alertaOn.png)  no-repeat center center  ;
    height:36px;
    float: left;
    }
    
.avisosOn:hover,
.avisosOn:active,
.avisosOn:focus
{
    background:url(../images/alertaOn.png)  no-repeat center center  ;
    height:36px;
    float: left;
    }
    
.avisosOff
{
    background:url(../images/alertaOff.png)  no-repeat center center  ;
    height:36px;
    float: left;
    margin-top: 5px;
    min-width: 55px;
    }
    
.avisosOff:hover,
.avisosOff:active,
.avisosOff:focus
{
    background:url(../images/alertaOff.png)  no-repeat center center  ;
    height:36px;
    float: left;
    margin-top: 5px;
    min-width: 55px;
    }
    
    
#contenedorRegistrate
{
    float:right;
    padding-left: 30px;
    padding-top: 5px;
    }
    
#contenedorNombreEmpresa
{
    color: #5B5B59;
    float:right;
    font-size: 18px;
    line-height:30px;
    padding-top: 5px;
    }
    
#contenedorNombreEmpresaInicio
{
    color:#E7E8E9;
    float:right;
    font-size: 18px;
    line-height:30px;
    padding-top: 5px;
    }

/*Menu y Submenu*/
.tituloMenu 
{
    padding-top: 5px;
    }

.contenedorMenu {
    background-color:#00ADEE;
    height:93.5%;
    width:105px;
    vertical-align: top;
    /*overflow: scroll;*/
    position: fixed;
}

.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 .menuContabilidad {
    background:url(../images/menu/contrato.png)  no-repeat center center ;
    height:105px;
}

.contenedorMenu nav .menuChrome {
    background:url(../images/menu/chrome.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 .menuContabilidad{
    background:url(../images/menu/contratoHover.png)  no-repeat center center ;
    height:105px;
}

.contenedorMenu nav .menuImagen:hover .menuChrome{
    background:url(../images/menu/chrome.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;
    height:100%;
    padding-top: 10px;
}

.slide-in li {
	font-size: 15px;
	line-height: 21px;
    height: 65px;
	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;
    display:block;
}

.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 .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: 36px;
    min-width: 35px;
    margin-top: 12px;
    }

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

.contenedorMenuMovil #opcionesUsuarioMovil
{
    position:absolute;
    }
    
.contenedorMenuMovil #opcionesUsuarioMovil a
{
    margin-bottom: 0;
}

/*AYUDA MRK*/
.textoMrK{
    position: absolute;
    z-index: 2;
    width: 200px;
    margin-left: 153px;
    margin-top: 10px;
    font-size: 16px;
    height: 120px;
    margin-bottom: 10px;
    display: table;
}


.ligaMrK{
    position: absolute;
    z-index: 2;
    width: 200px;
    margin-left: 200px;
    margin-top: 120px;
    font-size: 16px;
    height: 120px;
    margin-bottom: 10px;
    display: table;
    }

.ligaMrK a
{
    min-width: 85px;
}

.cerrarMrK{
    position: absolute;
    z-index: 2;
    margin-left: 155px;
    margin-top: 120px;
    }
    
.cerrarMrK a
{
    min-width: 60px;
}
        
.textoMrK span
{
    display: table-cell;
    vertical-align: middle;
    color: #00AEEF;
}

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

.listado .listadoRegistro textarea
{
    color: #5B5B59;
	padding-top: 11px;
    box-sizing: border-box;	
    background-color:transparent;
    min-width:initial !important;
    width: 100%;    
    max-height: 100%;
    overflow-y: hidden;
}

.listado .listadoRegistro textarea:active,
.listado .listadoRegistro textarea:focus,
.listado .listadoRegistro textarea:hover{
	border: none;    
} 

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

.listado .listadoRegistro textarea{ 
    width: 90%;
}

.listado .listadoEditar,
.listado .listadoEditar:hover{
    display: block;
    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: 30px;
    margin-top: 2px;
    min-width: 10px;
}

.listado .listadoDuplicar,
.listado .listadoDuplicar:hover
{
    display: block;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.00);
    background-image:url('../images/duplicar.png');
    background-position: center center;
    background-repeat:no-repeat; 
    height: 30px;
    margin-top: 2px;
    min-width: 11px;
}

.listado .listadoPago,
.listado .listadoPago:hover{
    display: block;
    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: 30px;
    margin-top: 2px;
    min-width: 15px;
}


.listado .listadoPago,
.listado .listadoPago:hover{
    display: block;
    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: 30px;
    margin-top: 2px;
    min-width: 18px
}

.listado .listadoPagoCompleto,
.listado .listadoPagoCompleto:hover{
    display: block;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.00);
    background-image:url('../images/pagado.png');
    background-position: center center;
    background-repeat:no-repeat; 
    height: 30px;
    margin-top: 2px;
    min-width: 18px
}

.listado .listadoVer,
.listado .listadoVer:hover{
    display: block;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.00);
    background-image:url('../images/ver.png');
    background-position: center center;
    background-repeat:no-repeat; 
    height: 30px;
    margin-top: 2px;
    min-width: 15px;
}

.listado .listadoCancelar,
.listado .listadoCancelar:hover{
    display: block;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.00);
    background-image:url('../images/cancelar.png');
    background-position: center center;
    background-repeat:no-repeat; 
    height: 30px;
    margin-top: 2px;
    min-width: 25px;
}

.listado .listadoParcialidad,
.listado .listadoParcialidad:hover{
    display: block;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.00);
    background-image:url('../images/parcialidad.png');
    background-position: center center;
    background-repeat:no-repeat; 
    height: 30px;
    margin-top: 2px;
    min-width: 25px;
}

.rowHover {
    color: #00ADEE;
}

.listado .rowHover .listadoEditar,
.listado .rowHover .listadoEditar:hover{
    display: block;
    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: 30px;
    margin-top: 2px;
}


.editarIconoHover
{
    text-align:center;
    padding: 1px 0;
    box-sizing: border-box;
    }
    
    
    
.listado .paginador
{
    height: 50px;
    }
    
.listado .paginador tr
{
    border: none !important;
    }
    
.listado .paginador span
{
    color:#FFFFFF;
    margin: 0px 5px;
    padding: 5px 10px 5px 10px;
    border: 2px solid #5B5B59; 
    background-color:#5B5B59;
    }
    
.listado .paginador a
{
    margin: 0px 5px;
    padding: 5px 10px 5px 10px;
    border: 1px solid #5B5B59; 
    color:#5B5B59;
    background-color:#FFFFFF;
    min-width: 10px;
    max-width: 10px;    
    height: 18px;
    line-height: 18px;
    }
    
.listado .paginador a:hover
{
    color:#FFFFFF;
    background-color:#5B5B59;
    }
    
/****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;
    overflow:hidden;
    vertical-align: top;
    width:49%;
}

.formulario article:nth-child(2n+3) {
    width:50%;
}

.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:table;
    height:100%;
    text-align:center;
    width: 100%;
}

.login > div 
{
    display: table-cell;
    vertical-align: middle;
}

.login img
{
    width:100%;
}

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

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

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

.login .informacion .notas #linkPermisos{
    margin-top:10px;
}

.login .navegacion {
    width:100%;
}

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

/****FIN LOGIN*****/

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

.bodyInicio
{
    display:table;
    height:100%;
    text-align:center;
    width: 100%;
    background-color:#00ADEE;
}


.bodyInicio > div 
{
    display: table-cell;
    vertical-align: middle;
}


section.inicio {
    box-sizing: border-box;
    padding: 20px 0px;
    text-align: center;
    width: 100%;
    display: table;
    margin-left: auto;
    margin-right: auto;
    max-width: 975px;
}

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

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

section.inicio a{
    background-color:transparent;
    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;
	height: 215px;
	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;
	float:left;
}

.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: 215px;
}

.flip-container .front{
	-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 .back{
	-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;
	z-index:2;
}


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

}

.flip-container .back{
	background-color: #009CDD;
    display: table;
	height: 215px;
	width:100%;
	opacity:0;
    text-align: center;
    
	-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: 215px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

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

.encabezado .cerrarSesionInicio {
    float:right;
}

.encabezado .cerrarSesionInicio select,
.encabezado .cerrarSesionInicio select:hover 
{
    cursor:pointer;
    overflow: hidden;
    color:#5B5B59;
    background-color:#E7E8E9;
    background-image:  url(../images/comboBarras.png) !important;
    background-repeat:no-repeat !important;
    background-position:95% !important;
    line-height: 36px;
    height: 36px;
    margin-top: 5px;
    width: 170px;
    margin-right: 5px;
}


.encabezado .cerrarSesionInicio select option {
    color:#E7E8E9;
    padding:0 !important;
}

.encabezado .cerrarSesionInicio select option:hover{
    background-color:#00ADEE;
}

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

/****INICIO COMPROBANTE*****/

#contenedorImpuestos{
    float:right;
    width:350px;
}

#contenedorImpuestos article{ 
    height: 36px;
    line-height: 36px;
    width:100%;
}

#contenedorImpuestos nav article{ 
    line-height: 0px;
}


#contenedorImpuestos article div{
    float:left;
}

#contenedorImpuestos article div input[type="text"]{
    min-width:45px ;
    text-align:center;
    width:45px;
}

#contenedorImpuestos article div:nth-child(1){
    min-width:100px;
}

#contenedorImpuestos article div:nth-child(2){
    float:right;
}


#contenedorImpuestos article div:nth-child(2) input[type="text"]{
    width:150px !important;
   min-width: 150px !important; 
    text-align: right !important;
}

#contenedorImpuestos .totalLocalRetencion,
#contenedorImpuestos .totalLocalTraslado
{
    width:150px !important;
   min-width: 150px !important; 
    text-align: right !important;
}

/*Autocomplete*/
.ui-menu .ui-menu-item a {
    text-decoration: none;
    padding: 2px .4em;
    line-height: 1.5;
    margin: 0;
    min-height: 0;
    support: IE7;
    font-weight: normal;
}

/****FIN COMPROBANTE*****/

/****INICIO VISTA PREVIA*****/

#contenedorVistaPrevia .reportVistaPrevia input[type="text"] {
padding: 0 !important;
}

#contenedorVistaPrevia article
{
    display:inline;
    width:100%;
    }
    
#contenedorVistaPrevia #contenedorEnvio article div:not(#contenedorVistaPrevia #contenedorEnvio article #contenedorPosfecha)
{
    display:inline-block;
    width:100px;
    }
    
#chkCorreoKbill 
{
    width: 30px;
    }
    
.listadoHistorial
{
    padding-right:10px
    }

/****FIN VISTA PREVIA*****/

/****INICIO CERTIFICADOS*****/

#contendedorCertificados .textoFile
{
    line-height:42px;
    padding-left: 10px;
    position:absolute;
    }

#contendedorCertificados input[type="file"]{
    padding-left: 50px;
}

/****FIN CERTIFICADOS*****/

/****INICIO DISENIOS*****/

#contendedorDisenios .textoFile
{
    line-height:42px;
    padding-left: 10px;
    position:absolute;
    }

#contendedorDisenios input[type="file"]{
    padding-left: 50px;
}

#contendedorDisenios .colorPicker span
{
    display: inline-block;
    width: 170px;
    }
    
#contendedorDisenios .colorPicker .sp-replacer
{
    width:80px;
    }

#contendedorDisenios .colorPicker .sp-replacer .sp-preview
{
    margin-top: 4px;
    padding-top: 8px;
    width:60px;
}

#contendedorDisenios .reportVistaPrevia input[type="text"] {
padding: 0 !important;
}

/****FIN DISENIOS*****/

/****INICIO CERTIFICADOS*****/

#contenedorEstadisticas .reportVistaPrevia input[type="text"] {
padding: 0 !important;
}


/****FIN CERTIFICADOS*****/

/****INICIO REPORTE*****/

.markWaterReport {
    color: #CD171E;
    font-family: sans-serif;
    font-size: 128px;
    margin-top: 485px;
    position: absolute;
    width: 772px;
    -webkit-transform: rotate(307deg);
    -moz-transform: rotate(307deg);
    -o-transform: rotate(307deg);
    writing-mode: lr-tb;
}

/****FIN REPORTE*****/

/****INICIO PAQUETE*****/

#contenedorPaquetes
{
    margin-bottom:20px;
    }
    
#contenedorPaquetes article
{
    border: solid #ccc 1px;
    display:inline-block;
    height:150px;
    margin:5px;
    text-align:center;
    position:relative;
    width:160px;
    vertical-align:top;
    }

#contenedorPaquetes .paqueteSeleccionado
{
   background-color:#E7E8E9;
    
    }
    
#contenedorPaquetes article .titulo
{
    top:5px;
    font-size:20px;
    text-align:center;
    position:absolute;
    vertical-align:middle;
    width:100%;
    }
    
#contenedorPaquetes article .subtitulo
{
    margin-top:35px;
    height:50px;
    vertical-align:middle;
    width:100%;
    }
    
#contenedorPaquetes article .subtitulo span
{
    display: inline-block;
    width:100%;
    }
    
#contenedorPaquetes article .seleccionar
{
    bottom:0;
    text-align:center;
    position:absolute;
    vertical-align:bottom;
    width:100%;
    }
    
#contenedorPaquetes article .seleccionar input
{
    width: 125px;
}

#contenedorPaquetes .prepago
{
    vertical-align: bottom;
    }

#contenedorPaquetes .prepago input
{
    width: 50px;
    min-width: 50px;
    }
    
#contenedorPaquetes .prepago .totalTimbres
{
	height: 18px;
    margin-right: 7px;
    }
    
#contenedorPaquetes .prepago .subtitulo span
{
    display: inline-block;
    margin-bottom: 5px;
    padding-left: 5px;
    text-align:left;
    width:70px;
    }

#contenedorTarjeta select 
{
    width: 35%;
    }
    
#contenedorDatosBancarios{
    display: inline-block;
    padding-left: 10px;
    width: 300px;
}

#lblTituloBanco{
    color: #5B5B59;
    font-size: 18px;
    line-height: 30px;
}

#updMensaje
{
    display: inline-block;
    }

.imagenEstrellaPromocion
{
    position: absolute;
    margin-left: 50px;
    margin-top: 8px;
    }

/****FIN PAQUETE*****/

/****INICIO PAQUETE RESPUESTA*****/

.contendedorRespuestas
{
    font-size:20px;
    position: absolute;
    margin: 0 auto;
	text-align: center;
    width: 100%;
}

/****FIN PAQUETE RESPUESTA*****/


/****INICIO MANIFIESTO*****/

#contenedorManifiesto .contenedorFirmas
{
    width:100%;   
}

#contenedorManifiesto .contenedorFirmas article
{
    width:50%;
}

#contenedorManifiesto .contendedorAcciones
{
    text-align:center;
}

#contenedorReporte
{
    display:table-caption;
}

#contenedorReporte .reportVistaPrevia input[type="text"] {
    padding: 0 !important;
}

#contenedorManifiestoFIEL .textoFile
{
    line-height: 42px;
    padding-left: 10px;
    position: absolute;
}

#contenedorManifiestoFIEL input[type="file"] {
padding-left: 50px;
}

/****FIN MANIFIESTO*****/

/****INICIO RECEPCION*****/

#contendedorRecepcion .reportVistaPrevia input[type="text"] {
padding: 0 !important;
}

#contendedorRecepcion .textoFile
{
    line-height:42px;
    padding-left: 10px;
    position:absolute;
    }

#contendedorRecepcion input[type="file"]{
    padding-left: 50px;
}

/****FIN RECEPCION*****/

/****INICIO PAGOS*****/

#contenedorComprobantesPagos #txtObservaciones {
    width:100%;
}

#contenedorComprobantesPagos #contendedorHistoricoHeader 
{
    margin-bottom:10px;
    }

#contenedorComprobantesPagos #contendedorHistoricoHeader div {
    display: inline-block;
    margin: 5px;
}

#contenedorComprobantesPagos thead span
{
     font-size:16px;
     font-weight:bold;   
    }

#contenedorComprobantesPagos td
{
    padding-right:15px;
    }

/****FIN PAGOS*****/

/****INICIO CANCELAR*****/

#contenedorCancelaciones #txtMotivos
{
    min-width:auto;
    width:100%;
    }

#contenedorCancelaciones .dividirTexto
{
    -ms-word-break: break-all; 
    word-break: break-all; 
    word-break: break-word; /* old webkit */ 
    }
/****FIN CANCELAR*****/

/****INICIO REGISTRO*****/
#bodyRegistro
{
    width:100%;
    }

#contendedorRegistro
{
    width:100%;
    }
    
#contendedorTituloTexto{
    background-color:#00ADEE;
    height:40px;
    line-height:40px;
    font-size:30px;
}

/****FIN REGISTRO*****/


/****INICIO AVISO PRIVACIDAD*****/

#imgLogoAvisosPrivacidad
{
    
    margin:25px;
    position:fixed;
    }
    
#avisosPrivacidad
{
    margin-left:100px;
    margin-right :75px;
    margin-bottom:50px;
    }

#avisosPrivacidad header
{
    color:#008ABE;
    font-size:30px;
    margin-bottom:10px;
    }
    
#avisosPrivacidad .titulo
{
    color:#008ABE;
    font-size:20px;
    }

#avisosPrivacidad p
    {
        margin-bottom:15px;
        }
    
        
/****FIN AVISO PRIVACIDAD*****/

/* Manifiesto */
#contenedorIframe {
    height: 500px;
    width: 1000px;
    overflow: hidden;
}

#iframeFIEL {
    position: relative;
    top: -200px;
	height: 1500px;
	width: 1000px;
}

/****FORMATO NOMINA*****/
.formatoNomina
{
    vertical-align: top;
    width: 44%;
    }
    
.formatoNomina select {
width: 98%;
}

#contenedorCargaMasiva .textoFile {
    line-height: 42px;
    padding-left: 10px;
    position: absolute;
}

#contenedorCargaMasiva input[type="file"] {
    height: 36px;
    line-height:36px;
    padding-left: 50px;
}

/****EDITOR NOMINA*****/
#historialNomina
{
    height: 30px;
    }
    
#historialNomina input
{
    vertical-align: middle;
    width: 30px;
    height: 15px;
    }
    
    
/****NOVEDADES*****/
    
#contenedorNovedades
{
    width:100%;
    }
    
#contenedorNovedades article
{
    margin:10px 0;
    width:100%;
    }
    
    
#contenedorNovedades article .fechaNovedades
{
    color:#00ADEE;
    font-weight:bold;
    }
    
    
#contenedorNovedades article div
{
    margin:5px 0;
    }
    
#contenedorNovedades .tituloNovedades
{
    font-size:16px;
    font-weight:bold;
    clear:both;
    }
    
#contenedorNovedades article li
{
    margin:5px 0;
    
    }
    
 #editorComprobante 
 {
     width:782px;
     }
    
 #editorComprobante div
 {
     width:782px;
     height:auto;
     }
     
 #editorComprobante input,
 #editorComprobante select
 {
    margin-bottom: 0; 
    min-width: 0; 
    padding: 0;  
     }   
    
    
/****PAGINA DE ERROR***/    

#paginaNoEncontrada
{
    
    background-repeat:no-repeat;
    background-image:url("../images/errorkbill.PNG");
    width:100%;
    font-size:16px;
	height: 800px;
	min-height: 100%;
	color:#FFFFFF;
	background-size: 100% 100%;
    background-attachment: fixed;
    position: absolute;
    left: 0px;
    -webkit-transition: left 1s ease;
    -moz-transition: left 1s ease;
    -o-transition: left 1s ease;
    transition: left 1s ease;
    font-size:16px;
}

#paginaNoEncontrada a
{
    margin: 0;
    background: transparent;
    text-decoration: inherit;
    padding: 0;
    min-width: 0;
    }
    
#paginaNoEncontrada .tituloError
{
    font-size:60px;
	color:#FFFFFF;
}
    
#contenedorPieError
{
    font-size:16px;
	color:#FFFFFF;
    display: table-footer-group;
    text-align: center;	
    }
    
#paginaNoEncontrada #contenedorTextoError
{
    left:0;
    right:0;
    margin:auto;
    width:600px;
    padding-left: 30%;
    padding-top: 5%;
    }
    
#paginaNoEncontrada header
{
    font-size:60px;
    }
    
#paginaNoEncontrada .subtitulo
{
    font-size:24px;
    }
    
    
#paginaNoEncontrada p
{
    margin:30px 0;
    }

/**/
.tituloContabilidadMenu,
.tituloContabilidadMenu:hover
{
    font-size: 20px !important;
  font-weight: bolder;
  cursor: default !important;
  color: #5B5B59 !important;
    }
    
    
.clickdesk_bubble
{    
    width: 0;
    min-width: 0;
    height: 0;
    padding: 0;
    font-size: 0;
    margin: 0;
    max-height: 0;
    
    }
    
    

.parpadea {
  
  animation-name: parpadeo;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.6; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.6; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.6; }
  100% { opacity: 1.0; }
}


.clickdesk_bubble{
height:45px;
}

.SelectEditable
{
    overflow: inherit !important;
    }

.SelectEditable .chosen-container
{
    width:100% !important;
    }
    
.SelectEditable a
{
    width:100%;
    color: #999;
    background-color: #E7E8E9;
    text-align:left;
    }