/* General css */

.bandas {
    min-height: 18px;
    border-top: 10px solid rgb(26, 157, 164,.8);
    border-bottom: 4px solid rgb(26, 157, 164,.4);
    position: relative;
    box-sizing: border-box;
    width: 100%;
}

.contrase:hover{
   color:rgba(26, 157, 164,1);
   transition: .2s;
}

.text_color1 {
   color:#191919
}
.text_color2 {
   color:rgba(26, 157, 164,1)
}

.enlace a{
   color:#191919;
}

.enlace:hover{
   color: rgba(26, 157, 164,1);
}

.linea{
   border:1px solid;
   border-color: rgba(26, 157, 164,.85);
}

.dropdown-item{
   color: #fff!important;
}
.dropdown-item:hover{
   background: rgba(26, 157, 164,.85);
   color: #fff!important;
}

.dropdown-menu{
   background: #191919;
   margin-top:1rem;
   color: #fff!important;
}

footer {
   background: #191919;
   color: #fff;
   padding-top: 2rem;
   padding-bottom: 2rem;
}

.titulo_video {
   min-height: 3rem;
   font-size: 18px;
}
.titulo_video:hover {
   font-weight: bold;
}

.titulo_categoria {
   text-align: center;
   font-size: 22px;
   font-weight: bold;
}

.titulo_categoria:hover {
   font-weight: bold;
}

.shadow-color {
   box-shadow: 0 .5rem .8rem rgba(26, 26, 26,0.45)!important
}

/* Botones */

.boton_on {
   color: #fff;
   background: rgba(26, 157, 164,1);
   padding: 10px 30px 10px 30px;
   border-color: rgba(26, 157, 164,1);
   transition: .2s;
   width: 100%;
   display:block;
   cursor: pointer;
}
.boton_on:hover {
   background: rgba(26, 157, 164,.85);
   border-color: rgba(26, 157, 164,.85);
   transition: .2s;
}

.boton_black {
   color: #fff;
   background: rgb(26, 26, 26);
   padding: 10px 30px 10px 30px;
   border-color: rgb(26, 26, 26);
   transition: .2s;
   width: 100%;
   display:block;
   cursor: pointer;
}

.boton_black:hover {
   background: rgba(255, 255, 255,1);
   border: 2px solid rgba(26, 157, 164,1);
   font-weight: bold;
   transition: .2s;
   color: #191919;
}


a:hover{
   color:rgb(26, 157, 164);
   transition: 0.4s;
}

.box_cuenta {
   border:1px solid;
   border-color: rgba(26, 157, 164,1);
   padding:10px;
   text-align: center;
}

.box_cuenta:hover {
   border:1px solid;
   border-color: #cecece;
   padding:10px;
   text-align: center;
}

.box_activo {
   background: rgba(26, 157, 164,1);
   border-color: rgba(26, 157, 164,1);
   color: #fff;
}

.box_servicios {
   border: 1px solid;
   border-color: rgba(26, 157, 164,0.25);
   display:table;
   width: 100%;
}

.tex-black:hover {
   color: #222!important;
}

/* Box Especial */

.box_cat_you{
   color: #000;
   font-weight: bold;
   min-height: 12vh;
   border:2px solid;
   border-radius: 10px;
   border-color: rgba(26, 157, 164,1);
   padding:10px;
   display: flex;
   justify-content: center;
   align-content: center;
   flex-direction: column;
   transition: .4s;
}

.box_cat_you:hover{
   color: #fff;
   border:2px solid;
   border-radius: 10px;
   border-color: rgba(26, 157, 164,1);
   background: rgba(26, 157, 164,1);
   font-weight: bold;
   -webkit-box-shadow: 6px 6px 5px 0px rgba(26, 26, 26,0.45);
   -moz-box-shadow: 6px 6px 5px 0px rgba(26, 26, 26,0.45);
   box-shadow: 6px 6px 5px 0px rgba(26, 26, 26,0.45);
   transition: .4s;

}

.icon-counter{
   position: relative;
   z-index: 1;
   padding:1.5rem;
   background-color: #f2f2f2;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.icon-counter:after{
   position:absolute;
   content:'';
   left:10px;
   right:10px;
   top:-10px;
   height:10px;
   background-color:rgba(26, 157, 164,1);
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.icon-counter span.number{
   position: absolute;
   left: 1.5rem;
   top: 0;
   font-size: 5rem;
   font-weight: 900;
   color: rgba(177, 177, 177, 0.7);
   opacity: 0.3;
   line-height: 120px;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   transition: all 0.5s linear;
}

.icon-counter:hover span.number{
   color:rgba(26, 157, 164,1);
   opacity: 1;
}

.block-container:hover .block-content .btn{
   background:rgba(255, 255, 255, 1);
   color:rgba(26, 157, 164,1) !important;
   border:1px solid rgba(255, 255, 255, 1);
}

.precios_online{
   text-align: center;
   font-size:20px!important;
   color: rgba(26, 157, 164,1)!important;
   font-weight: bold!important;
}