/* Estilos para el banner desktop */
.banner01 { position: fixed; bottom: 0; right: 15px!important; z-index: 99999; width: 352px}
.banner01 > .banner01Icon { display: block;overflow: auto;padding: 0px 0px; }
.banner01 > .banner01Icon .box1 {width: 40px; height: 40px; border:1px solid #dee2e6; -webkit-border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-topright: 6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        background-color: #fff!important; 
        float: right;
        text-align: center;
        padding-top: 2px; }
.banner01 > .banner01Icon .box2 {width: 40px; height: 40px; border:1px solid #dee2e6; -webkit-border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-topright: 6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        background-color: #fff!important; 
        float: right;
        text-align: center;
        padding-top: 2px!important; }
.banner01 > .banner01Icon .box1 .fa-chevron-down {}
.banner01 > .banner01Icon .box1 .fa-chevron-up {}
.banner01 > .bannerBody {float: right; min-width: 330px; padding-right: 0px!important}
.banner01 > .bannerBody a { margin-bottom: 0px!important}
.banner01 > .bannerBody .panel .panel-body  h2 {overflow: auto;}
.banner01 div a .panel-heading {padding: 0px; max-height: 174px; overflow: auto; overflow-x:hidden; overflow-y:hidden;}
.banner01 div a .panel-heading img { width: 100%}
.banner01 div a .panel-body h2 { font-size: 1.1em}


/* Estilos para el banner horizontal en celulares */
@media (max-width: 1000px) and (orientation: landscape) {
	.banner01 > .banner01Icon { float: right;}
.banner01 > .bannerBody { width: 100%!important; float: right!important;  padding-left: 0px!important; padding-right: 0px;}
.banner01 { width: 100%; margin:0px  }
	
	.banner01 div a .panel-heading img { height: 100%;justify-content: center !important; /*width: auto!important*/ }
.banner01 div a .panel-body { float:left; /*width: 400px*/ display: flex; align-content: center !important; align-items: center; height: 74px;}
	.banner01 div a .panel-body h2 { padding-top: 6px; font-size:1em }
.banner01 div a .panel-body .text-muted { display:none}
.banner01 div a .panel-heading { min-width: 130px!important; width: 130px; margin-right: 12px; -webkit-border-top-left-radius: 0px!important; -webkit-border-bottom-left-radius:0px!important; -moz-border-radius-topleft: 0px!important; -moz-border-radius-bottomleft: 0px!important; border-top-left-radius: 0px!important; border-bottom-left-radius:0px!important;-webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; float:left;  /*height: 100px!important; */min-height: auto!important; display: flex; justify-content: center !important; /*width: auto!important*/}
.banner01 > .bannerBody .panel .panel-body { float: none!important ; padding: 0px 15px}
.banner01 > .bannerBody .panel .panel-body  h2 { /*overflow:hidden; white-space:nowrap; text-overflow: ellipsis; width: 300px*/}

}




/* Estilos para el banner menos de 700px */
@media screen and (max-width: 1370px) {
.banner01 { position: fixed; bottom: 0; right: 15px!important; z-index: 99999; width: 330px}
.banner01 div a .panel-heading {padding: 0px; max-height: 160px; overflow: auto; overflow-x:hidden; overflow-y:hidden;}
}

/* Estilos para el banner menos de 700px */
@media screen and (max-width: 700px) {
.banner01 > .banner01Icon { float: right;}
.banner01 > .bannerBody { width: 100%!important; float: right!important;  padding-left: 0px!important; padding-right: 0px;}
.banner01 { width: 100%; margin:0px  }
	
	.banner01 div a .panel-heading img { height: 100%;justify-content: center !important; /*width: auto!important*/ }
.banner01 div a .panel-body { float:left; /*width: 400px*/ display: flex; align-content: center !important; align-items: center; height: 74px;}
	.banner01 div a .panel-body h2 { padding-top: 6px; font-size:1em }
.banner01 div a .panel-body .text-muted { display:none}
.banner01 div a .panel-heading { min-width: 130px!important; width: 130px; margin-right: 12px; -webkit-border-top-left-radius: 0px!important; -webkit-border-bottom-left-radius:0px!important; -moz-border-radius-topleft: 0px!important; -moz-border-radius-bottomleft: 0px!important; border-top-left-radius: 0px!important; border-bottom-left-radius:0px!important;-webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; float:left;  /*height: 100px!important; */min-height: auto!important; display: flex; justify-content: center !important; /*width: auto!important*/}
.banner01 > .bannerBody .panel .panel-body { float: none!important ; padding: 0px 15px}
.banner01 > .bannerBody .panel .panel-body  h2 { /*overflow:hidden; white-space:nowrap; text-overflow: ellipsis; width: 300px*/}
}

/* Estilos para el banner minimizado */


.banner01-min { position: fixed; bottom: 0; right: 0; z-index: 99999; margin-right: 0px!important }
.banner01-min .banner01Icon { display: block;overflow: auto;float: right; padding: 0px}
.banner01-min .banner01Icon .box1 {width: 40px; height: 40px;  background-color: #fff!important;  float: right; text-align: center; padding-top: 9px; border-top:1px solid #dee2e6; border-right: 1px solid #dee2e6 }
.banner01-min .banner01Icon .box2 {width: 40px; height: 40px;  background-color: #fff!important;  float: right; text-align: center; padding-top: 9px; border-top:1px solid #dee2e6; }
.banner01-min .banner01Icon .box1 .fa-chevron-down {}
.banner01-min .banner01Icon .box1 .fa-chevron-up {}
.banner01-min div a .panel-body { padding: 0px 20px; border-left: 1px solid #dee2e6; border-top: 1px solid #dee2e6; }
.banner01-min .bannerBody {float: right; padding: 0px}
.banner01-min div a .panel-body .text-muted { display:none}
.banner01-min div a .panel-heading { display: none!important}
.banner01-min .bannerBody .panel { margin-bottom: 0px }
.banner01-min .bannerBody .panel .panel-body  h2 { overflow:hidden; white-space:nowrap; text-overflow: ellipsis; width: 100%; font-weight: normal; padding: 4px	 }
.banner01-min .bannerBody .panel-default { border:none!important;  box-shadow: none!important; border-radius: 0px }
.banner01-min .bannerBody {float: right; min-width: 262px}
@media screen and (max-width: 700px) {
.banner01-min .bannerBody {  float: right; width: 262px!important;overflow: auto}
.banner01-min div a {}
.banner01-min div a .panel-body { float:left; }
.banner01-min div a .panel-heading { width: 100px; margin-right: 12px; -webkit-border-top-left-radius: 0px!important; -webkit-border-bottom-left-radius:0px!important; -moz-border-radius-topleft: 0px!important; -moz-border-radius-bottomleft: 0px!important; border-top-left-radius: 0px!important; border-bottom-left-radius:0px!important;-webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
.banner01-min .bannerBody .panel .panel-body { float: none!important ; padding: 0px 15px;}
}
/**/

/* Banner TOP */
/* Estilos para el banner desktop */  
#campaign a { text-decoration: none }
.tituloContainerCam {padding: 7px 0px; font-size: 18px!important; font-weight: normal}
.campaignBottom { position: fixed; bottom: 0; z-index: 99999; width: 100%}
.bg-info .container .tituloContainerCam, .bg-warning .container .tituloContainerCam { color: #000!important}
.tituloContainerCam {overflow-wrap: break-word; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

/* Estilos para el banner mobile */  
@media screen and (max-width: 767px) {
.tituloContainerCam {padding: 7px 0px; font-size: 16px!important; font-weight: normal}
.c_bajada { display: none}
}