@font-face {
    font-family: 'GothamXLight';
    src: url('/Librerias/fonts/gotham/Gotham-XLight.eot');
    src: url('/Librerias/fonts/gotham/Gotham-XLight.eot?#iefix') format('embedded-opentype'),
        url('/Librerias/fonts/gotham/Gotham-XLight.woff') format('woff'),
        url('/Librerias/fonts/gotham/Gotham-XLight.ttf') format('truetype'),
        url('/Librerias/fonts/gotham/Gotham-XLight.svg?#Gotham-XLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GothamMedium';
    src: url('/Librerias/fonts/gotham/Gotham-Medium.eot');
    src: url('/Librerias/fonts/gotham/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
        url('/Librerias/fonts/gotham/Gotham-Medium.woff') format('woff'),
        url('/Librerias/fonts/gotham/Gotham-Medium.ttf') format('truetype'),
        url('/Librerias/fonts/gotham/Gotham-Medium.svg?#Gotham-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GothamBook';
    src: url('/Librerias/fonts/gotham/Gotham-Book.eot');
    src: url('/Librerias/fonts/gotham/Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('/Librerias/fonts/gotham/Gotham-Book.woff') format('woff'),
        url('/Librerias/fonts/gotham/Gotham-Book.ttf') format('truetype'),
        url('/Librerias/fonts/gotham/Gotham-Book.svg?#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GothamBlack';
    src: url('/Librerias/fonts/gotham/Gotham-Black.eot');
    src: url('/Librerias/fonts/gotham/Gotham-Black.eot?#iefix') format('embedded-opentype'),
        url('/Librerias/fonts/gotham/Gotham-Black.woff') format('woff'),
        url('/Librerias/fonts/gotham/Gotham-Black.ttf') format('truetype'),
        url('/Librerias/fonts/gotham/Gotham-Black.svg?#Gotham-Black') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'icomoon';
    src:url('/Librerias/fonts/icomoon/icomoon.eot?-zbfkva');
    src:url('/Librerias/fonts/icomoon/icomoon.eot?#iefix-zbfkva') format('embedded-opentype'),
        url('/Librerias/fonts/icomoon/icomoon.ttf?-zbfkva') format('truetype'),
        url('/Librerias/fonts/icomoon/icomoon.woff?-zbfkva') format('woff'),
        url('/Librerias/fonts/icomoon/icomoon.svg?-zbfkva#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
.icon {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html, body{
    margin: 0;
    padding: 0;
}
header{    
    max-height: 60px;
    width: 100%;
    background-color: #002A90;
    padding: 5px;
    z-index: 2;
}
.colorEmpr{
    background-color: #002A90;
}
#mpHeader, #mpMain, footer{
    max-width: 90%;
    margin: 0 auto;
}
.div-logo img{
    width: 50px;
}
#mpHeader #hdrTitle {
    color: #fff;
    display: block;
    font-family: "GothamBook";
    font-size: 16px;
    margin: 5px 0;
    text-align: center;
}
#mpHeader .div-menu{
    color: #FFF;
    font-size: 2.5rem;
}
#mpHeader .div-menu .icon{
    cursor: pointer;
}
#mpHeader .btn-mf-salir{
    padding: 2px 6px;
    color:#FFF; 
    margin: 4px 0;
    text-decoration:none;
    border: 1px solid #fff;
    display: inline-block;
    font-size: 15px;
    
}
#mpHeader .btn-mf-salir:hover,
#mpHeader .btn-mf-salir.focus,
#mpHeader .btn-mf-salir .icon:hover,
#mpHeader .btn-mf-salir:focus{
    color: #4ca1d9;
}


#mpMain .container-fluid.div-title-sub {
    margin-bottom: 30px;
    text-align: left;
    width: 100%;
}
#mpMain{
    min-height: 350px;
    font-family: 'GothamMedium';
    color: #595959;
    padding-top: 20px;
    padding-bottom: 30px;
    margin-bottom: 0px;
}
#mpMain .title-sub{
    color: #595959;
    font-size:24px;
    font-family: GothamMedium;
    text-align: center !important;
}
#lockScreen{
    position: fixed;
    z-index: 9;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
}
#divMensaje {
    position: fixed;
    font-family: "GothamBook";
    top: 0;
    left: 0;
    width: 100%;
    padding: 0px 15px;
    color: #FFF;
    box-shadow: 0 5px 15px #252525;
    z-index: 1002;
    line-height: 3em;
    font-size: 1.2em;
}
#divMensaje.error{
    background-color: #A00000;
}
#divMensaje.ok{
    background-color: #00A000;
}
.inpError{
    box-shadow: 0 0 3px #FF0000;
}
.div_amb{
    left: 91%;
    position: absolute;
    top: 27px;
}
.div_amb span{
    font-size: 3em;
    font-weight: bold;
}
.divContenido {
    margin-top: 20px;
}
/*menu*/
.rowMarginMenu{
    margin: 10px 0;
    font-size: 1.9rem;
    text-align: center;
}
.msjMenu{
    background: #EEE;
    text-align: center;    
}
.btnSalir {
    background: #002a90 none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    width: 100%;
}
.btnSalir:hover{
    color: #ecf0f1;
}
.menuRight {
    background: white none repeat scroll 0 0;
    bottom: 0;
    overflow-y: auto;
    position: fixed;
    right: -80%;
    top: 46px;
    z-index: 4;
    padding: 0;
}
.screen_black {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 46px;
    width: 100%;
    z-index: 3;
}
.sub-menu {
    display: none;
}

.menu {
    font-family: "GothamBook";
    list-style: outside none none;
    margin: 0;
    padding: 0;
    vertical-align: top;
}
.menu > li {
    font-size: 1.5rem;
    font-weight: bold;
}
.li-padre > span {
    color: #000;
    display: block;
    line-height: 2.5;
    padding: 0 15px;
    cursor: pointer
}
.li-padre > span:hover{
    background: #ecf0f1 none repeat scroll 0 0;
}
.menu ul {
    font-size: 1.4rem;
    font-weight: 600;
}
.sub-menu {
    list-style:none;
    min-height: 80px;
    padding: 0;
    text-align: left;
}
.sub-menu > li {
    padding: 0;
}
.sub-menu a{
    color: #636363;
    display: block;
    font-weight: normal;
    margin: 10px 0;
    padding: 5px 25px;
    text-decoration: none;
}
.sub-menu a:hover{
    color: #000;
    background: #ecf0f1 none repeat scroll 0 0;
    border-left: 5px solid #002a90;
}

.btn-general{
    background-color: #002A90;
    border-radius: 0;
    color: #fff;
    margin: 5px 0;
    font-family: gothammedium;
}
.btn-general .icon {
    margin-right: 5px;
}
.btn-general:hover,
.btn-general.focus,
.btn-general .icon:hover,
.btn-general:focus{
    color: #4ca1d9;
}

.ctrl_sitio{
    width: 100%;
    height: 36px;
}
.page-contenido{
    font-family: GothamBook,helvetica;
}

select.selectDrop, select.form-control.selectDrop{
    background: url("/Librerias/img/EC001/dropdown.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding-right: 30px;
    text-align: left;
    transition: all 0.5s ease-in-out 0s;
    border: 2px solid #aeadb3;
    border-radius: 5px;
    font-family: GothamBook,helvetica;
    font-weight: normal;
}
select.selectDrop:hover{
    background: url("/Librerias/img/EC001/dropdown-hover.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}

table.tbl-style tr th {
    color: #fff;
    font-weight: normal;
    vertical-align: middle;
    background: none repeat scroll 0 0 #002A90;
    text-align: center;
    vertical-align: middle;
}
table.tbl-style thead tr td {
    padding: 3px 5px;
}
table.tbl-style tbody tr td {
    padding: 5px 5px;
    vertical-align: middle;
    font-family: gothambook;
    vertical-align: middle;            
}
table.tbl-style{
    margin: 5px 0;
}

.selectFot{
    border: 2px solid #aeadb3;
    border-radius: 4px;
}
.form-horizontal .form-group label{
    font-family: GothamBook,helvetica;
    font-weight: bold;
}
table.tbl-style .tablesorter-filter {
    border: 1px solid #aeadb3;
    border-radius: 5px;
    width: 100%;
    font-family: GothamBook,helvetica;
    font-weight: normal;
    padding: 1px 5px;
}
.form-control{
    padding: 0 12px;
    height: auto;
    font-size: 14px;
    border: 2px solid #aeadb3;
    border-radius: 5px;
    font-family: GothamBook,helvetica;
    font-weight: normal;
}
.form-horizontal .has-feedback label ~ .form-control-feedback {
    top: 32px;
}
select.selectDrop, input.form-control{
    font-family: GothamBook,helvetica;
    font-weight: normal;
}
.paginado-foot-general button.btn{
    width: 22px;
    height: 22px;
    border: 1px solid #EEE;
}
.paginado-foot-general button.btn.next {
    background: url("/Librerias/img/EC001/flechasgrid/next.png") no-repeat scroll center/cover #000;
}
.paginado-foot-general button.btn.next:hover{
    background: url("/Librerias/img/EC001/flechasgrid/az-claro-der-2.png") no-repeat scroll center/cover rgba(0, 0, 0, 0);
}
.paginado-foot-general button.btn.last {
    background: url("/Librerias/img/EC001/flechasgrid/last.png") no-repeat scroll center/cover #000;
}
.paginado-foot-general button.btn.last:hover{
    background: url("/Librerias/img/EC001/flechasgrid/az-claro-der.png") no-repeat scroll center/cover rgba(0, 0, 0, 0);
}
.paginado-foot-general button.btn.first {
    background: url("/Librerias/img/EC001/flechasgrid/first.png") no-repeat scroll center/cover #000;
}
.paginado-foot-general button.btn.first:hover{
    background: url("/Librerias/img/EC001/flechasgrid/az-claro-izq.png") no-repeat scroll center/cover rgba(0, 0, 0, 0);
}
.paginado-foot-general button.btn.prev {
    background: url("/Librerias/img/EC001/flechasgrid/prev.png") no-repeat scroll center/cover #000;
}
.paginado-foot-general button.btn.prev:hover{
    background: url("/Librerias/img/EC001/flechasgrid/az-claro-izq-2.png") no-repeat scroll center/cover rgba(0, 0, 0, 0);
}

/*
*estilos checks poner los checkbox dentro de un panel con la class .input-bootst
*ejemplo
* <div class="input-bootst"><input name="inp-fam-list[]" value="45" id="inp-fam-list19" type="checkbox"><label for="inp-fam-list19">Yoghurt - 45</label></div>
* <div class="input-bootst"><input name="inp-fam-lists[]" value="99" id="inp-fam-list10" type="radio"><label for="inp-fam-list10">Alimento Líquido UHT - 99</label></div>
*/
.input-bootst {
    position: relative;
    margin-bottom: 15px;
}
.input-bootst label {
    color: #555555;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    cursor: text;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-font-smoothing: antialiased;
}
.input-bootst input[type='checkbox'] {
    position: absolute;
    opacity: 0;
}
.input-bootst input[type='checkbox'] + label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    padding-left: 20px;
}
.input-bootst input[type='checkbox'] + label:before {
    position: absolute;
    left: 0;
    display: block;
    content: "";
    border: 2px solid #555555;
    height: 15px;
    width: 15px;
    font-size: 12px;
    border-radius: 2px;
    background: #ffffff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-sizing: border-box;
}
.input-bootst input[type='checkbox'] + label:after {
    position: absolute;
    display: block;
    content: "";
    bottom: 5px;
    left: 7px;
    width: 6px;
    height: 13px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    box-sizing: border-box;
}
.input-bootst input[type='checkbox']:focus + label:before {
    box-shadow: 0 0 5px #337ab7;
}
.input-bootst input[type='checkbox']:checked + label:before {
    background: #002a90 none repeat scroll 0 0;
    border-color: #002a90;
}
.input-bootst input[type='checkbox']:checked + label:after {
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    opacity: 1;
}
.input-bootst input[type='checkbox'][disabled] + label {
    color: #cccccc;
}
.input-bootst input[type='checkbox'][disabled] + label:before {
    border-color: #cccccc;
}
.input-bootst input[type='checkbox'][disabled]:checked + label:before {
    background: #cccccc;
}
.input-bootst input[type='radio'] {
    position: absolute;
    opacity: 0;
}
.input-bootst input[type='radio'] + label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    padding-left: 20px;
}
.input-bootst input[type='radio'] + label:before,
.input-bootst input[type='radio'] + label:after {
    position: absolute;
    left: 0px;
    bottom: 3px;
    display: block;
    content: "";
    border: 2px solid #555555;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ffffff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-clip: padding-box;
}
.input-bootst input[type='radio'] + label:after {
    background: #002a90;
    border: 2px solid #ffffff;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.input-bootst input[type='radio']:focus + label:before {
    box-shadow: 0 0 5px #002a90;
}
.input-bootst input[type='radio']:checked + label:before {
    border-color: #002a90;
}
.input-bootst input[type='radio']:checked + label:after {
    -webkit-transform: scale(0.75, 0.75);
    -ms-transform: scale(0.75, 0.75);
    transform: scale(0.75, 0.75);
}
.input-bootst input[type='radio'][disabled] + label {
    color: #cccccc;
}
.input-bootst input[type='radio'][disabled] + label:before {
    border-color: #cccccc;
}
.input-bootst input[type='radio'][disabled]:checked + label:before,
.input-bootst input[type='radio'][disabled]:checked + label:after {
    background: #cccccc;
}


.input-bootst input[type="checkbox"] + label::after{
    bottom: 6px;
    height: 10px;
    left: 5px;
    width: 5px;
    top: 1px;
}
.input-bootst label{
    font-family: GothamBook,helvetica;
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    margin-bottom: 0;
}

/*  Ripple */
/* MAD-RIPPLE EFFECT */
.ripple{
    position: absolute;
    top:0; left:0; bottom:0; right:0;
    overflow: hidden;
    -webkit-transform: translateZ(0); /* to contain zoomed ripple */
    transform: translateZ(0);
    border-radius: inherit; /* inherit from parent (rounded buttons etc) */
    pointer-events: none; /* allow user interaction */
}
.rippleWave{
    backface-visibility: hidden;
    position: absolute;
    border-radius: 50%;
    transform: scale(0.7); -webkit-transform: scale(0.7);
    background: rgba(255,255,255, 1);
    opacity: 0.45;
    animation: ripple 2.4s  forwards;
    -webkit-animation: ripple 2.4s forwards;
}
@keyframes ripple {
    to {transform: scale(24); opacity:0;}
}
@-webkit-keyframes ripple {
    to {-webkit-transform: scale(24); opacity:0;}
}