html,
body {
    width: 100%;
    height: 100%;
    font-family: "comex_mediummedium",Helvetica,Arial,sans-serif;
    color: #4a4a4a;
}
a {
    color: #002072;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}
a:hover,
a:focus {
    color: #009dda;
    text-decoration: none;
}
p {
    font-size: 16px;
    line-height: 1.5;
    text-align:justify;
}
.p0{
    padding: 0!important;
}
.m0{
    margin: 0!important;
}
.pr-0{
    padding-right: 0!important;
}
.pt-46{
    padding-top: 46px;
}
.pt-45{
    padding-top: 45px!important;
}
.pl-42{
    padding-left: 42px;    
}
.pt-18{
    padding-top: 18px!important;    
}
.p14{
    padding: 14px 0;
}
.mb-70{
    margin-bottom: 70px;
}
.mb-50{
    margin-bottom: 50px;
}
.mb-25{
    margin-bottom: 25px;
}
.m-25{
    margin: 25px 0;
}
.mt-60{
    margin-top: 60px;
}
.mt-40{
    margin-top: 40px;
}
.mt-30{
    margin-top: 30px;
}
.mt-20{
    margin-top: 20px;
}
.mt-15{
    margin-top: 15px;    
}
.mw0{
    min-width: 0px    
}
/*NAV*/

.navbar-default {
    background-color: #eee;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 1px solid #979797;
    height: 56px;
    z-index:999;
}
.navbar-default .nav > li>a,
.navbar-default .nav>li>a:focus {
    color: #002072;
    font-size: 18px;
    padding: 17px 18px 11px 18px;
}

 .navbar-default .nav > li > a:hover,
    .navbar-default .nav > li > a:focus:hover {
        background-color: #69228C;
        color: #fff;
        border-bottom: 6px solid #009dda;
    }
.navbar-default .nav > li.active>a,
.navbar-default .nav>li.active>a:focus {
    color: #fff!important;
    background-color: #69228C;
    border-bottom: 6px solid #009dda;    
}
    .navbar-default .nav > li.active > a:hover,
    .navbar-default .nav > li.active > a:focus:hover {
        background-color: #69228C;
        border-bottom: 6px solid #009dda;
    }
 

   
.navbar-collapse{
    background: #eee!important;
 
}

.navbar-home{
   
     margin-left:130px;
}

/*END NAV*/

/* SLIDER */
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    width: 80%;
    margin-left: 10%;
}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-menu-left, .carousel-control .glyphicon-menu-right {
    top: 50%;
}
.carousel-indicators .active {
    opacity: .5;
}
.carousel-control.right, .carousel-control.left {
    background:none!important;
}
/* END SLIDER */

/* INDEX */
.club-intro{
    padding-top: 20px;
    padding-bottom: 1px;
}
.tl-bienvenida{
    color: #009DE6;
    font-family: "comex_blackblack",Helvetica,Arial,sans-serif;    
    text-align: center;
}

.tl-izquierda{
    color: #009DE6;
    font-family: "comex_blackblack",Helvetica,Arial,sans-serif;    
    text-align: left;
}

.lgtblue-dash{
    color: #009dda;
    font-weight: 900;
}
.border-gray{
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}
.main-square{
    margin: 30px 30px;
}
/*banners*/
.banners{
    margin-bottom: 65px;
}
.btn-banner{
    background-color: #e98639;
    color: #fff;
    min-width: 165px;
    padding: 9px 10px 10px;
    font-size: 16px;
    line-height: 1.42857;
    border-radius: 100px;    
}
.btn-banner:hover, .btn-banner:focus, .btn-banner:active{
    background-color:#fff;
    color: #e98639;
    height: 43px;  
}
.banner-tiendas{
    background-image: url("../Imagen/banner-tiendas-reemp.jpg");   
    background-repeat: no-repeat;
    background-position: center top;   
    height: 310px;
    padding: 80px 20px;
    color: #fff;     
}
.banner-promociones{
    background-image: url("../Imagen/banner-promociones-reemp.jpg");   
    background-repeat: no-repeat;
    background-position: center top;   
    height: 310px;
    padding: 100px 20px;
    color: #fff;    
}

.banner-Seguro {
    background-image: url("../Imagen/logo Seguro pintor.svg");
    background-color: #63A48E;
    background-repeat: no-repeat;
    background-position: center top;
    height: 285px;
    max-width: 480px;
    padding: 80px 10px;
    color: #fff;
    background-position-x: 70px;
}
/* END INDEX */

/* FOOTER */
.club-footer{
    padding: 25px 0 25px 0;
}
.club-footer a{
    color: #4a4a4a;
    font-size: 16px;
}
.club-footer a:hover, .club-footer a:active, .club-footer a:focus{
    text-decoration: underline;
}
.small-print{
    padding: 15px 0 0 0;
}
.small-print p{
    font-size: 13px!important;
}
.club-footer{
    background: #eee url(../Imagen/footer_bg.png) no-repeat 0;
    background-size: cover;
}
.social-icon {
    color: #4a4a4a;
    padding: 5px 10px 5px 0; 
}
 .footer-social{
    padding-left: 0;  
}
 .footer-social li{
    float:left;
    list-style-type: none;    
}
 .heading-ft{
    color: #002072;
    font-size: 16px;
    font-family: "comexbold",Helvetica,Arial,sans-serif;    
}
#toTop {
    display: none; 
    position: fixed; 
    bottom: 20px; 
    right: 40px; 
    z-index: 99; 
    border: none; 
    outline: none; 
    background-color: #eee; 
    color: #009dda; 
    cursor: pointer; 
    padding: 15px 19px;
    border-radius: 100px; 
    box-shadow: -1px 3px 8px #888888; 
}
#toTop:hover {
    background-color: #009dda; 
    color: #fff;
}
/*END FOOTER*/

/* FAQS */
.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #eee;
}
.panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #4a4a4a;
    background-color: #FAFAFA;
    border-color: #eee;
}
.panel-title {
    font-size: 17px;
}
.panel-title > a {
    display: block;
    padding: 20px 15px;
    text-decoration: none;
}
.more-less {
    float: right;
    color: #4a4a4a;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #eee;
}
/* END FAQS */

/* CONTACTO */
.contact{
    background-image: url("../Imagen/contacto.jpg");   
    background-repeat: no-repeat;
    background-position: center top;   
}
.whiteback{
    background-color: #fff;
    min-height: 775px;
    padding:50px;
    margin-top: 100px;
    box-shadow: 0 0 10px 0 hsla(0,1%,47%,.5);    
    margin-bottom: 65px;    
}
.pform{
    padding: 0 5px;
}
.form-control{
    border: 1px solid #002072;
    border-radius: 0;    
}
label{
    color: #002072;
    font-family: "comex_blackblack",Helvetica,Arial,sans-serif;    
    font-size: 16px!important;
}
input {
    height: 50px!important;
    padding-bottom: 5px!important;
    padding-top: 5px!important;
}

li span input {
    height: 15px!important;   
}
li span label{
    font-size:12px !important;
}

hr {
    border-top: 1px solid #d9d9d9;
}
.txt-check{
    font-family: "comex_mediummedium",Helvetica,Arial,sans-serif;
    font-size: 1.5em;
}
.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}
.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 2px solid #009dda;
    border-radius: 0;
    width: 1.4em;
    height: 1.4em;
    float: left;
    margin-right: .5em;
}
.radio .cr {
    border-radius: 50%;
}
.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}
.radio .cr .cr-icon {
    margin-left: 0.04em;
}
.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}
.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
    color: #fff;
}
.checkbox label input[type="checkbox"]:checked + .cr,
.radio label input[type="radio"]:checked + .cr {
    background-color: #009dda;
}
.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}
.btn-send{
    background-color: #009dda;
    color: #fff;
    min-width: 180px;
    padding: 9px 10px 10px;
    font-size: 16px;
    line-height: 1.42857;
    border-radius: 100px; 
    margin-left: 20px;    
}
.btn-send:hover, .btn-send:focus, .btn-send:active{
    background-color: #0078a7;
    color: #fff;
    height: 43px;  
    box-shadow: none;    
}
button:active {
    outline: none!important;
    border: none!important;
}
button:focus {
    outline:0!important;
}
/* END CONTACTO */

/* NOTICIAS Y PROMOCIONES */
.pink-square{
    height: 310px;
    background: #dc3a82;
    color: #fff;
    padding: 50px;
}
.pink-square p{
    font-size: 18px;
    margin-top: 18%;   
}
.phone-box{
    border-top: 5px solid #009dda;
    background-color: #f0f0f0;
    padding: 10px;   
    text-align: center;
    box-shadow: 0 1px 4px 0 hsla(0,0%,67%,.5);     
}
.icon-phone{
    color: #009dda;
}
.tl-phone{
    color: #002072;
    font-family: "comexbold",Helvetica,Arial,sans-serif;        
}
/* END NOTICIAS Y PROMOCIONES*/

/*Preguntas frecuentes*/
.pink-square-frecuentes{   
    background: #dc3a82;
    color: #fff;

    /*padding-bottom:50px;*/       
}
.pink-square-frecuentes p{
    font-size: 18px;
    margin:20px 0;
   
}
/*end preguntas frecuentes*/

/* LOGIN */
.login{
    background-image: url("../Imagen/login.jpg");   
    background-repeat: no-repeat;
    background-position: center top;   
}
.whiteback2 {
    background-color: #fff;
    min-height: 400px;
    padding: 50px;
    margin-top: 100px;
    box-shadow: 0 0 10px 0 hsla(0,1%,47%,.5);
    margin-bottom: 65px;
}
/* END LOGIN*/

/* CLUB COMEX */
.nav-inter > li>a {
    padding: 17px 15px 11px 15px!important;
}
.tl-interior{
    color: #009DE6;
    font-family: "comex_blackblack",Helvetica,Arial,sans-serif;
    text-align: center;  
    margin-top: 0;  
}
.main-field{
    color: #002072;
    font-family: "comexbold",Helvetica,Arial,sans-serif;     
}
.btn-interior{
    background-color: #009dda;
    color: #fff;
    min-width: 180px;
    padding: 9px 10px 10px;
    font-size: 16px;
    line-height: 1.42857;
    border-radius: 100px; ;    
}
.btn-interior:hover, .btn-interior:focus, .btn-interior:active{
    background-color: #0078a7;
    color: #fff;
    height: 43px;  
    box-shadow: none;    
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #009dda;
    border-radius: 0!important;
    font-size: 16px;
}
.nav-pills>li>a {
    font-size: 16px;  
    border-radius: 0!important;      
}
.interior-club{
    padding-top: 50px;
    background-image: url("../Imagen/interior.jpg");   
    background-repeat: no-repeat;
    background-position: center top;       
}
.whitebg{
    background-color: #fff;
    padding:30px 5px;
    box-shadow: 0 0 10px 0 hsla(0,1%,47%,.5);     
}
.h432{
    height: 432px;
}
.modal-dialog{
    padding-top: 10px;
    z-index:100;
    
}
.modal-content{
    border-radius: 0;
    width:400px;
    
}
.modal-footer a{    
    text-align: center!important;
    color:#FFFFFF;
    font-family: "comex_blackblack",Helvetica,Arial,sans-serif;     
}
#pnlRegistro{
    left: 450px !important; 
}
select:not([multiple]){
    -webkit-appearance:none;
    -moz-appearance:none;
    background-position:right 50%;
    background-repeat:no-repeat;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    padding: 15px;
    padding-right:1.5em;
    height: 50px;    
}

select {
    border-radius:0;
}
.btn-form-int{
    background-color: #009dda;
    color: #fff;
    min-width: 140px;
    padding: 9px 10px 10px;
    font-size: 16px;
    line-height: 1.42857;
    border-radius: 100px; 
    margin-top: 30px;        
}
.btn-form-int:hover, .btn-form-int:focus, .btn-form-int:active{
    background-color: #0078a7;
    color: #fff;
    height: 43px;  
    box-shadow: none;    
}
.form-int label{
    padding-left: 0!important;
}
.txt-btm-formint{
    margin: 40px 0;
}
.required{
    color: red;
    margin-bottom: 0;
}
.blue{
    color: #009DE6;
    margin-bottom: 0;    
}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
    border: 0!important;
    color: #fff;
    background-color: #009dda;
    border-radius: 0!important;
    font-size: 16px;   
}
.nav-tabs.nav-justified>li>a {
    border-bottom: 0!important;
    border-radius: 0!important;
}
.nav-tabs.nav-justified>li {
    background-color: #eee;
    border-radius: 0!important;
    font-size: 16px;   
}
.table>thead>tr>th {
    border-bottom: 0;
    color: #002072;
    font-family: "comexbold",Helvetica,Arial,sans-serif;   
    font-size: 17px;    
}
.bg-table{
    background-color: rgb(245, 245, 245);
    margin:5px 3px;    
}
.search-input {
    margin:0!important;
    margin-top: 10px!important;
    padding: 0!important;
}
.search-input .search-query {
    padding-right: 15px!important;
    padding-left: 15px!important;
    margin-bottom: 0!important;
    border-radius: 0!important;
}
.search-input .buscar {
    border: 0!important;
    background: none!important;
    padding: 2px 0!important;
    margin-top: 2px!important;
    position: relative!important;
    left: -28px!important;
    margin-bottom: 0!important;
    color:#009DE6!important;
    font-size: 21px!important;
}
.search-query:focus + button {
    z-index: 3!important;
}
#input-1{
    margin-top: 10px;
}
.panel-footer{
    height: 65px;
    border-bottom: 1px solid #ddd;    
    padding: 15px;    
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #009DE6;
    border-color: #009DE6;
}
.brochazos-actuales{
    margin-top: 0;
    margin-bottom: 0;
    color: #002072;
    text-align: center;
}
.brochazos{
    margin-top: 0;
    margin-bottom: 25px;
    color: #002072;
    font-family: "comex_blackblack",Helvetica,Arial,sans-serif;    
    text-align: center;        
}
.brochazos-border{
    border: 1px solid #002072;
    border-radius: 0;    
    margin-bottom: 30px;
}
.tl-catalogo{
    color: #009DE6;
    font-family: "comex_blackblack",Helvetica,Arial,sans-serif;
    text-align: left;
    margin-top: 15px;
}

.thumbnail{
    margin-bottom: 20px;
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.item.list-group-item{
    float: none;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
}
.item.list-group-item:nth-of-type(odd):hover,.item.list-group-item:hover{
    background: #428bca;
}
.item.list-group-item .list-group-image{
    margin-right: 10px;
}
.item.list-group-item .thumbnail{
    margin-bottom: 0px;
}
.item.list-group-item .caption{
    padding: 9px 9px 0px 9px;
}
.item.list-group-item:nth-of-type(odd){
    background: #eeeeee;
}
.item.list-group-item:before, .item.list-group-item:after{
    display: table;
    content: " ";
}
.item.list-group-item img{
    float: left;
}
.item.list-group-item:after{
    clear: both;
}
.list-group-item-text{
    margin: 0 0 11px;
}
.puntos-brochazos{
    color: #002072;
    font-family: "comexbold",Helvetica,Arial,sans-serif;  
    margin-top: 5px;    
    font-size: 22px;   
}
.txt-brochazos{
    font-size: 13px;
    font-family: "comex_mediummedium",Helvetica,Arial,sans-serif;    
}
.btn-canjear {
    background-color: #009dda;
    color: #fff;
    padding: 9px 10px 10px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 100px;
    width: 60%;
}
.btn-canjear:hover, .btn-canjear:focus, .btn-canjear:active{
    background-color: #0078a7;
    color: #fff;
    height: 43px;  
    outline: none!important; 
} 
.gift-icon{
    color: #002072!important;    
    font-size: 32px;
    padding-left: 10px;
}
.cart-icon{
    font-size: 29px!important;
    margin-top: 18px;
}
.historial{
    padding: 20px;
    border: 1px solid #002073;  
    text-align: center;
    margin-top: 30px;
    font-size: 16px; 
    margin-bottom: 50px     
}
.interior-club2{
    padding-top: 50px;
    background-image: url("../Imagen/interior.jpg");   
    background-repeat: no-repeat;
    background-position: center top;       
}
.breadcrumbs {
  position: relative;
}
.breadcrumbs .breadcrumb {
  background:transparent;
  margin-bottom: 75px;
  margin-top: 20px;
  padding-left: 0;
}
.breadcrumbs .breadcrumb li a {
  background:#009dda;
  color: #FFFFFF;
  padding: 3px 17px;
}
.breadcrumbs .breadcrumb li a:after {
  content:"";
  height:auto;
  width: auto;
  border-width: 8px;
  border-style: solid;
  border-color:transparent transparent transparent #009dda;
  position: absolute;
  top: 11px;
  left: 87px;

}
.breadcrumbs .breadcrumb > li + li:before {
  content: " ";
}
#cart_items .cart_info {
  border: 1px solid #E6E4DF;
  margin-bottom: 50px
}
#cart_items .cart_info .cart_menu {
  background: #009dda;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}
#cart_items .cart_info .table.table-condensed thead tr {
  height: 51px;
}
#cart_items .cart_info .table.table-condensed tr {
  border-bottom: 1px solid#F7F7F0
}
#cart_items .cart_info .table.table-condensed tr:last-child {
  border-bottom: 0
}
.cart_info table tr td{
  border-top: 0 none;
  vertical-align: inherit;
}
.cart_delete table tr td{
  border-top: 0 none;
  vertical-align: inherit;
}
#cart_items .cart_info .image,  #cart_items .cart_info .description, #cart_items .cart_info .brochazos, #cart_items .cart_info .quantity, #cart_items .cart_info .total, #cart_items .cart_info .delete{
    padding-left: 15px;
}
#cart_items .cart_info .cart_description h4 {
  margin-bottom: 0
}
#cart_items .cart_info .cart_description h4 a {
  font-size: 20px;
  font-weight: normal;
}
#cart_items .cart_info .cart_total_price {
  font-size: 24px;
}
.cart_quantity_button a {
  background:#F0F0E9;
  color:#4a4a4a;
  display: inline-block;
  font-size: 16px;
  height: 28px;
  overflow: hidden;
  text-align: center;
  width: 35px;
  float: left;
}
.cart_quantity_input {
  color: #4a4a4a;
  float: left;
  font-size: 16px;
  text-align: center;
  height: 28px!important;
  
}
.cart_quantity_delete{
  background:#009dda;
  color: #FFFFFF;
  padding: 5px 7px;
  font-size: 16px;
  margin-left: 25px;
}
.cart_quantity_delete:hover {
    background-color: #0078a7;
    color: #fff;
}
.total_area{
  border: 1px solid #E6E4DF;
  color: #696763;
  padding: 30px 25px 30px 0;
  background-color:#E6E4DF;
  /*margin-bottom: 80px;*/
}

.total_area span {
    float: right;
    font-family: "comexbold",Helvetica,Arial,sans-serif;   
    font-size: 17px; 
}
.total_area ul{
  margin-bottom: 20px;
}
.total_area ul li {
  background:#E6E4DF;
  color: #696763;
  margin: 5px 0;
  padding: 7px 20px;
  list-style:none;
}
.btn-checkout {
    background-color: #009dda;
    color: #fff;
    padding: 9px 10px 10px;
    font-size: 16px;
    line-height: 1.42857;
    border-radius: 100px;
    width: 30%;
}
.btn-checkout:hover, .btn-checkout:focus, .btn-checkout:active{
    background-color: #0078a7;
    color: #fff;
    height: 43px;  
    outline: none!important; 
} 
.btn-buscarcp {
    background-color: #009dda;
    color: #fff;
    padding: 9px 10px 10px;
    font-size: 16px;
    line-height: 1.42857;
    border-radius: 100px;
    width: 100%;
    margin-top: 34px;    
}
.btn-buscarcp:hover, .btn-buscarcp:focus, .btn-buscarcp:active{
    background-color: #0078a7;
    color: #fff;
    height: 43px;  
    outline: none!important; 
} 
.gray-check{
    border: 1px solid #E6E4DF!important;
    box-shadow: none!important;    
}
.whiteback-checkout{
    background-color: #fff;
    min-height: 775px;
    padding:30px;
    margin-top: 1px;
    box-shadow: 0 0 10px 0 hsla(0,1%,47%,.5);    
    margin-bottom: 65px;    
}
.icon-check{
    color: #b9d00e;
    font-size: 160px;
}
.tl-check-successful{
    font-size: 32px;
}
.txt-check-successful{
    font-size: 21px;    
    margin-bottom: 50px;
}
.m-btns{
    margin-top: 25px;
    margin-bottom: 40px;    
    text-align: right;
    padding: 0;
}
.btn-history {
    padding: 15px;
    border: 1px solid #002073;
    text-align: center;
    font-size: 16px;
    background: transparent;
    color: #002073;
    border-radius: 0;
}
.btn-history:hover{
    color: #009dda;
}
.progress {
    height: 30px;
    margin-bottom: 0;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.pr-3{
    padding-right: 3px;
}
.progress-bar {
    font-size: 20px;
    line-height: 30px;
}
.progress-bar-success{
    background-color: #0071A6;
}
.progress-bar-warning{
    background-color: #009DE6;   
}
.btn-interior-md{
    background-color: #009dda;
    color: #fff;
    min-width: 180px;
    padding: 9px 10px 10px;
    font-size: 16px;
    line-height: 1.42857;
    border-radius: 100px; ;    
}
.btn-interior-md:hover, .btn-interior-md:focus, .btn-interior-md:active{
    background-color: #0078a7;
    color: #fff;
    height: 43px;  
    box-shadow: none;    
}
/* END CLUB COMEX */

/*Mis estilos */

.p-encabezado {
    font-size: 14px;
    line-height: 1.2;
}


.mGrid {  
    width: 100%;     
    margin: 5px 0 10px 0;  
    border: solid 1px #525252;  
    border-collapse: collapse;  
}

    .mGrid td, th {
        padding: 10px;
    }
 .mGrid .bg-grid-row-alterno {
    background-color:white;
    margin:5px 3px;
}

.mGrid .header-grid {
    border-bottom: 0;
    color: #002072;
    font-family: "comexbold",Helvetica,Arial,sans-serif;
    font-size: 15px;
}
.mGrid .pgr {  
        background: rgb(245, 245, 245) repeat-x top;  
    }  


  
        .mGrid .pgr table {  
            margin: 5px 0;  
        }  
  
        .mGrid .pgr td {  
            border-width: 0;  
            padding: 0 6px;  
            border-left: solid 1px #666;  
            font-weight: bold;  
            color: #fff;  
            line-height: 12px;  
        }  
  
        .mGrid .pgr a {  
            color:#002072;  
            text-decoration: none;  
        }  
  
            .mGrid .pgr a:hover {  
                color: #000;  
                text-decoration: none;  
            } 
            
    /*Categorias Premios*/    
     .bloque-categorias, .bloque-carrito-compras {
            background: #FFFFFF;
            padding: 30px;
            border-radius: 10px;
            margin: 0 0 7px 0;
        }

       #categorias-premios a {
            font-family: "comex_mediummedium",Helvetica,Arial,sans-serif;
            font-size: 16px;
            padding: 8px 12px;
            display: block;
            color: #00209E;
        }

      #categorias-premios .active {
     background-color: #009dda;
}


        .bloque-categorias a:hover {
            background-color: #eee;
        }

        .bloque-categorias a:active {
            background-color: #009dda;
        } 
        /*Fin categorias premios*/
        /*Catalogo PRemios*/
@media screen  and (min-width: 900px){
        .premios-container {
        float: left;
        display: inline-block;
        width: 45%;
        margin: 5px;
        padding: 10px;
        border: 1px solid #ccc;
        min-height: 300px;
        max-height: 280px;
    }
}
@media screen and (max-width: 800px) and (min-width: 320px) {
    .premios-container {
        display: inline-block;
        margin: 5px;
        padding: 10px;
        border: 1px solid #ccc;
    }
}

      .detalle-premio {
    width: 300px;
    display: table;
    background: white;
    padding:1px 1px;
}

.btn-Eliminar {
    background-image: url('../Imagen/blue_delete.png');  
    background-color: #009dda;
    color: #fff;
   height:auto !important;
    font-size: 12px;
    line-height: 1.42857;
    border-radius: 100px;
    
}

.btn-ayuda{
     background-color: #009dda;
    color: #fff;
    min-width: 60px;
    padding: 9px 10px 10px;   
    line-height: 1.4285;
    border-radius: 100px;
    margin-top: 30px;
}

        /*Fin Catalogo Premios*/
        /*Ventana espera...*/
 .loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../Imagen/cargando.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}
            

 .espere {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;   
    background: url('../Imagen/espere.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}

   /*END ventan espera..*/
 #estatus input,#estatus_n input,#estatus_s input {
   height: auto !important;
   margin-left:15px !important;
}
.input-status input {
    height: auto !important;
   margin-left:15px !important;
}
.span-btn-espacio input {
margin-right:35px;
margin-bottom:15px !important;

}

.banner-home img {
            width:80%;
            margin-left:10%;
            display:block;
            height:auto;
            vertical-align:middle;
        }

.question-box {
    border-top: 5px solid #009dda;
    /*background-color: #f0f0f0;*/
    padding: 10px;
    text-align: center;
    /*box-shadow: 0px 1px 4px 0px hsla(0, 0%, 67%, 0.5);*/
}
/*REGISTRO PINTURA PIZARRON*/
.registro-pizarron{
    background-image: url("../Imagen/comex_pizarron.png");
    background-repeat: no-repeat;
    background-position: center top;   
}

.seguros_comex{
    /*background-image: url("../Imagen/comex_pizarron.png");   */
    background-image: url("../Imagen/comex_seguros.jpg");   
    background-repeat: no-repeat;
    background-position: center top;   
}

.whitebox{
    background-color: #fff;
    min-height: 1520px;
    padding:50px;
    margin-top: 100px;
    box-shadow: 0 0 10px 0 hsla(0,1%,47%,.5);    
    margin-bottom: 65px;    
}

.popup_anunciosV1{
     min-height: 580px;     
     background-image: url("../Imagen/mecanica_compresor_gris.jpg") ;
    background-size: cover;
    background-position: center;
    
  
}

#MyModalAnuncios .modal-body {
    padding:0;
}

#MyModalAnuncios .modal-header {
    padding: 0;
}

.anuncios_popup {
    min-height: 500px;
    background-size: cover;
    background-position: center;
}

    .anuncios_popup .carousel-inner > .item > a > img, .carousel-inner > .item > img {
        width: 100%;
        margin-left: 0px;
    }

    
.whiteboxSeguros {
    background-color: #fff;
    min-height: 1400px;
    padding: 50px;
    margin-top: 100px;
    box-shadow: 0 0 10px 0 hsla(0,1%,47%,.5);
    margin-bottom: 65px;
}


.contedorPdf {
    background:#E5E5E5;    
    border-radius:6px;
    
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:center;
        

}
.iconPdf{
   margin: 4px 6px;
}

.contanedor-Datos{
    border:solid;
    border-radius:6px;
    border-color:#E5E5E5;
    padding:8px 0px;
}

.tl-terminos-condiciones {
    color: #009DE6;
    font-family: "comex_blackblack",Helvetica,Arial,sans-serif;
    text-align: left;
    margin: 0px !important;
    margin:25px;
}

@media screen and (min-width: 320px) and (max-width: 700px) {

    .popup_anunciosV1 {
        background-image: url("../Imagen/mecanica_compresor_gris_mobil.jpg");
        min-height: 400px;
        max-width: 330px;
        min-width: 180px;
    }


    #MyModalAnuncios .modal-body {
        padding: 0;
    }

    #MyModalAnuncios .modal-header {
        width: 330px;
    }

    /*.anuncios_popup {
        min-height: 200px;
        background-size: cover;
        background-position: center;
    }*/

    .anuncios_popup .carousel-inner > .item > a > img, .carousel-inner > .item > img {
        width: 100%;
        margin-left: 0px;
        max-height: 500px;
    }

    .modal-content {
        border-radius: 0;
        max-width: 330px;
    }

    #pnlRegistro {
        left: auto !important;
    }

    .modal-header {
        width: 330px;
    }

    .modal-footer {
        width: 330px;
    }

        .modal-footer a {
            text-align: left !important;
            color: #FFFFFF;
            font-family: "comex_blackblack",Helvetica,Arial,sans-serif;
        }
}

@media only screen and (max-width: 480px) {
    #MyModalAnuncios .modal-header {
        width: 330px;
    }
}
    /*END Mis estilos*/

    /*Estilos Promociones comex*/
.contenedor-promociones {
    background: #f2f2f2;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px 0;
    width: 100%;
    text-align: center;
}

.contenedor-capsulas {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
    width: 90%;
}


.capsula-inactiva {
    background: #fff;
    color: #333;
}
.capsula-expirada {
    background: #dc3545;
}
.capsula-activa {
    background: #28a745;
    color: #fff;
}


.capsula-activa, .capsula-expirada, .capsula-inactiva, .capsula-activa-mobile, .capsula-expirada-mobile {
   
    border: solid 1px #ccc;
    border-radius: 20px;
    
    cursor: pointer;
    margin: 5px 20px;
    padding: 10px 0;
    min-width: 200px;
    max-width: 90%;
    text-align: center;
}

.promo-container {
    background: #fff;
    border: 1px solid gray;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 25px;
    padding: 5px 0;
    width: 90%;
    margin-left:45px;
}

.capsulas-promo {
    display: flex;
    flex-direction: row-reverse;
    width: 90%;
}

.content-promo {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: left;
}

.promo-texts {
    color: #333;
    width: 90%;
}
.promo-title {
    font-size: 2em;
    font-family: 'comex_bold';
}

.content-promo img {
    width: 90%;
}

@media screen and (min-width: 768px) {
    .contenedor-capsulas {
        flex-direction: row;
    }

    .capsulas-promo {
        width: 95%;
    }

    .content-promo {
        flex-direction: row;
        align-items: flex-start;
        margin-top: 20px;
        width: 95%;
    }

    .promo-texts {
        padding-left: 25px;
    }

    .promo-title {
        margin-top: 0;
    }

    .content-promo img {
        width: 280px;
    }
}

@media only screen and (max-width: 480px) {
    .promo-container {
        margin-left: 18px;
    }
}