/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
@import url('gyPro.css');
*/

@import url('../../libs/gallery/css/blueimp-gallery.css');

body{color: #5a5a5a;}

#divMain{
    display: block;
    min-height: 100%;
}
#divMain .upage{
    position: relative;
}

#divMain.transOpct ~ .mLeft,
#divMain.transOpct ~ .footer,
.transOpct{
    opacity: 1;
    transition: opacity 600ms ease-in-out;
}
#divMain.opct0 ~ .mLeft,
#divMain.opct0 ~ .footer,
.opct0{opacity: 0;}

img:not([class]),
.img-resp{max-width: 100%;}
.img-resh{max-height: 100%;}
.tdImg img{max-width: none;}
.mTopo{
    background-color: #fff;
    border-bottom-color: #ccc;
    border-top-width: 0px;
}
.logo-topo{
    padding: 0px 15px;
    display: inline-block;
    float: left;
}
.logo-topo, .mTopo{height: 50px;}
#menuTopo{margin-top: 7px;}

.mTopo .ui-title{
    font-size: 16px;
    min-height: 1em;
    text-align: left;
    margin: 0;
    display: none;
    padding: 0;
    line-height: 45px;
}
.openLeft.ui-btn-right{
    right: 1em;
    margin-top: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.nav-tabs-mtop > li{margin-bottom: -4px;}

.nav-tabs-mtop > li.active > a,
.nav-tabs-mtop > li > a{
    border-bottom-width: 4px;
}
.nav-tabs-mtop > li > a:hover, .nav-tabs-mtop > li > a:focus{
    background-color: #fff;
    border-bottom-color: #1bbae1;
}
.nav-tabs-mtop .open > a, .nav-tabs-mtop .open > a:hover, .nav-tabs-mtop .open > a:focus{
    background-color: #1bbae1;
    color: #FFF;
}

a.bordEfect{display: block;color: #5a5a5a;}
.bordEfect{
    border: 1px solid #ccc;
    padding-top: 10px;
    float: left;
    box-shadow: 0 5px 5px 2px rgba(0,0,0,0);
    transition: all .2s ease-out;
}
.bordEfect:hover{
    transform: translateY(-3px);
    box-shadow: 0 5px 5px 2px rgba(0,0,0,.1);
}

.colProd .prod_sub ~ span{
    display: inline-block;
    width: 50%;  
    float: left;
    margin-bottom: 5px;
    padding: 0px 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.colProd .prod_sub ~ span,
.colProd .prod_subb{min-height: 20px;}
.bordEfect>div{
    margin-top: 5px;
    float: left;
    width: 100%;
    padding-bottom: 7px;
    /* background-color: #FCFCFE; */
    /*  box-shadow: inset 0px 4px 10px rgba(0,0,0,.1); */
    background: linear-gradient(to bottom, rgba(252,252,254,1) 0%,  rgba(254,254,254,1) 100%);
}
.prod_valor{
    color: #D91313;
    font-size: 150%;
    margin-bottom: 0px;
}
.prod_valor>span{
    display: inline-block;
    padding: 5px 10px;
}
.prod_valor small{
    display: block;
    padding: 5px 12px 0px;
    margin: 1px -10px 0px; 
    border-top: 1px solid #ccc;
    color: #999;
    font-style: italic;
    font-size: 12px;
    text-align: right;
}
.headline{
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    padding-bottom: 0px;
}
.headline > span{
    padding: 0px 5px 4px;
    border-bottom: 2px solid #2B4C94;
    white-space: nowrap;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    margin-bottom: -5px;
}
h2.headline{font-size: 22px;}
h3.headline{font-size: 18px;}
h4.headline{font-size: 16px;}
h5.headline{font-size: 14px;}
h6.headline{font-size: 12px;}

.headline.cor-wht{
    color: #fff;
    text-shadow: 0px 0px 10px #000;
}
.headline.cor-wht > span{
    border-bottom-color: #53DBFF;
    border-bottom-color: #20d3ff;
}
.headline.hlinfo{
    padding-bottom: 8px;
    padding-bottom: 0px;
}
.headline.hlinfo > span{
    padding: 0px 7px 6px;
    border-bottom: 4px solid #3498db;
    margin-bottom: -6px;
}

#divSlide, .slideTopo{
    margin: -1em;
    margin-bottom: 20px;
}
.hideSpn > span{display: none;}

.byAdm #divMain .jqm-content.jqm-fullwidth{
    padding: 1em 0px;
}

.pJustify{font-size: 16px;line-height: 24px;padding: 10px;text-align: justify;}

.colGlry{margin-bottom: 15px;}
a.gallery{display: inline-block;}
a.gallery img{
    border-radius: 6px;
    max-width: 100%;
}
.pgBox{padding-bottom: 20px;}

.yHover a.bx_link,
.yHover a.widget, a.yHover {
    box-shadow: 0 5px 5px 2px rgba(0,0,0,0);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.yHover a.bx_link:hover, .yHover a.bx_link:focus,
.yHover a.widget:hover, .yHover a.widget:focus, a.yHover:hover, a.yHover:focus {
    transform: translateY(-3px);
    box-shadow: 0 5px 5px 2px rgba(0,0,0,.1);
}

.transOpct .yHover a.bx_link,
.transOpct .yHover a.widget{
    transition: all 400ms ease-in-out;
    transition-delay: 200ms;
    opacity: 0;
}

#divSubmit{
    max-width: 260px;
    float: right;
}
#divSubmit .fa-lock{padding: 6px 10px;}

.has-success #divSubmit .form-control,
.has-success #divSubmit .fa-lock{
    display: none;
}
#divSubmit .btnSubmit{pointer-events: none;}
.has-success #divSubmit .btnSubmit{border-radius: 4px; float: right;pointer-events: auto;}

.help-muted{
    display: block;
    margin-bottom: 10px;
    color: #777;
    font-style: italic;
    padding: 0px 7px;
    max-width: 100%;
}
.help-muted .alb_data.brdDt{
    display: inline-block;
    padding: 0px 7px 2px;
    margin-left: -7px;
    border-bottom: 1px solid #ccc;
}
.help-muted .alb_desc{
    display: block;
    padding-top: 10px;
    padding-bottom: 3px;
}
.help-muted .alb_desc:empty{display: none;}
.help-muted .hr{
    height: 1px;
    width: 100%;
    display: block;
    background: rgba(204,204,204,1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(204,204,204,1)), color-stop(50%, rgba(239,239,239,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(204,204,204,1) 0%, rgba(239,239,239,1) 50%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(204,204,204,1) 0%, rgba(239,239,239,1) 50%, rgba(255,255,255,1) 100%);
    margin-left: -7px;
    margin-top: 3px;
}

.setMenu .tooltip-inner{
    white-space: nowrap;
    padding: 5px 8px;
}
.nav-tabs-mtop .tooltips .show-lg{display: none;}
@media (min-width: 992px){ 
    .mb-md-10{margin-bottom: 10px;}
    h2.headline{font-size: 28px;}
    h3.headline{font-size: 22px;}
    h4.headline{font-size: 18px;}
    h5.headline{font-size: 12px;}
    h6.headline{font-size: 10px;}
    .byAdm  #divMain.jqm-content.jqm-fullwidth{
        padding: 1em;
    }
}
@media (min-width: 1200px){ 
    .mb-lg-20{margin-bottom: 20px;}
}
@media (min-width: 768px){
    #menuTopo{margin-top: 27px;}
    .logo-topo, .mTopo{height: 70px;}
    .logo-topo{padding-left: 0px;}

    .mTopo .ui-title{line-height: 65px;}
    .mTopo .openLeft{opacity: 0;}

    .mTopo.ui-header-fixed.ui-fixed-hidden{
        top: -1px;
        padding-top: 1px;
        position: fixed;
    }
    .mTopo.ui-header-fixed{
        animation: none!important;
        transition: none!important;
        transform: none!important;
    }
    .upage > .jqm-fullwidth > .container{
        max-width: 100%;
    }

}
@media (min-width: 1025px){
    .byAdm #divMain .jqm-content.jqm-fullwidth{
        padding-top: 40px;
    }
}
@media (min-width: 500px) and (max-width: 1200px){
    .pgBox.col1 .bx_capa{
        margin-top: 10px;
    }
}
@media(max-width: 768px){
    #menuTopo{display: none;}
    .slideTopo{margin-bottom: 0px;}
    #conttForm{margin-bottom: 20px;}
}
@media(max-width: 550px){
    .col-ms-12{width: 100%;}
    .pgBox.col1 .bx_capa{margin-top: 5px;}
    .hidden-ms{display: none!important;}
    .row > .col-xs-12 > .col-xs-12{padding-left: 5px; padding-right: 5px;}
}
@media(max-width: 405px){
    #divSubmit{max-width: 100%; margin-bottom: 10px;}
}
.fa, .gy, .fb:before, .gb:before, .ff:after{
    text-shadow: none!important;
}
.pgBox.bxStts0,
.disp-none{display: none;}
.disp-block{display: block;}

.byWeb > #divMain > .upage > .ui-content > .container>.divContainer.bg03Wht,
.bg03Wht{background-color: rgba(255,255,255,0.3);}
.bgWht{background-color: #fff;}

.noTx{text-shadow: none!important;}
.margin-0{margin: 0px!important;}
/* Margins topo */
.mt-0, .mv-0{margin-top: 0px!important;}
.mt-2{margin-top: 2px!important;}
.mt-3{margin-top: 3px!important;}
.mt-4{margin-top: 4px!important;}
.mt-5, .mv-5{margin-top: 5px!important;}
.mt-7{margin-top: 7px!important;}
.mt-8, .mv-8{margin-top: 8px!important;}
.mt-10, .mv-10{margin-top: 10px!important;}
.mt-15, .mv-15{margin-top: 15px!important;}
.mt-20, .mv-20{margin-top: 20px!important;}
.mt-25, .mv-25{margin-top: 25px!important;}
.mt-30, .mv-30{margin-top: 30px!important;}
.mt-35, .mv-35{margin-top: 35px!important;}
.mt-40, .mv-40{margin-top: 40px!important;}
.mt-m-30{margin-top: -30px!important;}
.mt-m-20{margin-top: -20px!important;}
.mt-m-10{margin-top: -10px!important;}
.mt-m-8{margin-top: -8px!important;}
.mt-m-7{margin-top: -7px!important;}
.mt-m-5{margin-top: -5px!important;}
.mt-m-2{margin-top: -2px!important;}

/* Margins right */
.mr-0, .mh-0{margin-right: 0px!important;}
.mr-1{margin-right: 1px!important;}
.mr-5, .mh-5, .fa-mr-5 i{margin-right: 5px!important;}
.mr-3{margin-right: 3px!important;}
.mr-4{margin-right: 4px!important;}
.mr-10, .fa-mr-10 i{margin-right: 10px!important;}
.mr-15{margin-right: 15px!important;}
.mr-17{margin-right: 17px!important;}
.mr-20{margin-right: 20px!important;}
.mr-25{margin-right: 25px!important;}
.mr-30{margin-right: 30px!important;}
.mr-m-10{margin-right: -10px!important;}
/* Margins bottom */
.mb-0, .mv-0{margin-bottom: 0px!important;}
.mb-5, .mv-5{margin-bottom: 5px!important;}
.mb-8, .mv-8{margin-bottom: 8px!important;}
.mb-10, .mv-10{margin-bottom: 10px!important;}
.mb-14{margin-bottom: 14px!important;}
.mb-15, .mv-15{margin-bottom: 15px!important;}
.mb-20, .mv-20{margin-bottom: 20px!important;}
.mb-25, .mv-25{margin-bottom: 25px!important;}
.mb-30, .mv-30{margin-bottom: 30px!important;}
.mb-35, .mv-35{margin-bottom: 35px!important;}
.mb-40, .mv-40{margin-bottom: 40px!important;}
.mb-50{margin-bottom: 50px!important;}

/* Margins left */
.ml-0, .mh-0{margin-left: 0px!important;}
.ml-1{margin-left: 1px!important;}
.ml-3{margin-left: 3px!important;}
.ml-5, .mh-5, .fa-ml-5 i{margin-left: 5px!important;}
.ml-10, .fa-ml-10 i{margin-left: 10px!important;}
.ml-15{margin-left: 15px!important;}
.ml-20{margin-left: 20px!important;}
.ml-25{margin-left: 25px!important;}
.ml-30{margin-left: 30px!important;}

/* ======================== 
     Padding -----
=========================== */
.panel-inner-p0 .ui-panel-inner,
.padding-0{padding: 0px!important;}
.padding-3{padding: 3px!important;}
/* Padding Top */
.pt-0{padding-top: 0px!important;}
.pt-3{padding-top: 3px!important;}
.pt-4{padding-top: 4px!important;}
.pt-5,.pv-5{padding-top: 5px!important;}
.pt-7{padding-top: 7px!important;}
.pt-10,.pv-10{padding-top: 10px!important;}
.pt-13{padding-top: 13px!important;}
.pt-15,.pv-15{padding-top: 15px!important;}
.pt-20,.pv-20{padding-top: 20px!important;}
.pt-25{padding-top: 25px!important;}
.pt-30{padding-top: 30px!important;}
.pt-40{padding-top: 40px!important;}

/* Padding right */
.pr-0,.ph-0{padding-right: 0px!important;}
.pr-3{padding-right: 3px!important;}
.pr-5,.ph-5{padding-right: 5px!important;}
.pr-7{padding-right: 7px!important;}
.pr-10,.ph-10{padding-right: 10px!important;}
.pr-15,.ph-15{padding-right: 15px!important;}
.pr-20,.ph-20{padding-right: 20px!important;}
.pr-24{padding-right: 24px!important;}
.pr-25{padding-right: 25px!important;}
.pr-30,.ph-30{padding-right: 30px!important;}

/* Padding bottom */
.pb-0{padding-bottom: 0px!important;}
.pb-5,.pv-5{padding-bottom: 5px!important;}
.pb-7{padding-bottom: 7px!important;}
.pb-10,.pv-10{padding-bottom: 10px!important;}
.pb-15,.pv-15{padding-bottom: 15px!important;}
.pb-20,.pv-20{padding-bottom: 20px!important;}
.pb-25{padding-bottom: 25px!important;}
.pb-30{padding-bottom: 30px!important;}
.pb-50{padding-bottom: 50px!important;}

/* Padding left */
.pl-0,.ph-0{padding-left: 0px!important;}
.pl-5,.ph-5{padding-left: 5px!important;}
.pl-3{padding-left: 3px!important;}
.pl-10,.ph-10{padding-left: 10px!important;}
.pl-15,.ph-15{padding-left: 15px!important;}
.pl-20,.ph-20{padding-left: 20px!important;}
.pl-22{padding-left: 22px!important;}
.pl-25{padding-left: 25px!important;}
.pl-30,.ph-30{padding-left: 30px!important;}


.cor-blue{color: #3498db;}
.cor-green{color: #72c02c;}
.cor-red{color: #e74c3c;}

.text-left{text-align: left!important;}
body>pre{
    z-index: 9999;
    position: relative;
}

.ui-selectmenu .ui-listview.smppDivider-ccc >.ui-li-divider{
    background: #c5e2f5;
    color: #333;
    text-shadow: none;
}
.rmvHeight{}