/*para redes sociales*/
.centroc{
        text-align:center;
    }
    
.ampliar{
        font-size: 50px;
    }

.border-redes{
    border-radius: 50%;
}    

/* logo y mas */

.total-green{
background-color: #28a745; 
color: white; 
padding: 5px 10px;
border-radius: 20px; 
text-align: center;
}

.total-blue{
background-color: #3c8dbc; 
color: white; 
padding: 5px 10px;
border-radius: 20px; 
text-align: center;
}

img.logo-default {
    max-height: 40px;
}

img.circular-log{
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

/* avatares del settings*/
img.circular-avatar{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

/* tienda */
img.circular{
    width: 100%; 
    height: 300px; 
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
}

.car-auto-img{
    width: 100%; 
    height: 150px; 
    display: block; 
    margin: auto;
}

/* tickets */
img.circular-tick{
    border-radius: 50%;
    margin-left: -20px;
    width: 150px;
    height: 150px;
    box-shadow: 0 0px 2px rgba(0, 0, 0, 1);
    float: left;
}

/* herramientas */
img.circular-herramienta{
    border-radius: 50%;
    width: 150px;
    height: 150px;
    float: left;
}

.margin-herramienta{
    margin-bottom: 0;
    margin-top:-3px;
}

/* gestion de noticias titulo */
.titulo-herramienta{
    margin-bottom: -10px; 
    margin-top:-3px;
}

.otros-herramienta{
 margin: 0 0 10px;
 margin-top:-3px;
}

/* para la tabla de abajo del carrito */
 .mitable {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
  margin-bottom:30px;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

/*para redondear el footer en el home*/
.border-radius{
    border-radius:20px;
}

/*para los iframe de los videos*/
 @media (max-width: 420px) {

  iframe {
    width: 280px;
    height: 200px;
  } 

}

/* titulo del producto */
.title-producto {
    border-bottom: 2px double #00c0ef !important;
}

/* css de ver en tienda */
    .linea-border{
        width: 80px;
        height: 80px;
        border: 1px solid #17a2b8!important;
        margin-bottom:10px;
    }
    
    .subida{
      margin-top: 20px;
    }
    
    .labeles{
    padding: .2em .6em .3em;
    font-size: 100%;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    color:red;
    }

/* aumentar el tamano
* del texto de los botones
*/
.btn-agn{
    font-size: 16px;
}

/*colores del propover para cambiar el color del sistema*/
   .text-azul {
    color: #3c8dbc;
   }
   
   .text-azul-claro {
    color: #00c0ef;
   }
   
   .text-purpura {
    color: #605ca8;
   }
   
   .text-purpura-claro {
    color: #6c67c5;
    }
    
    .text-verde {
    color: #00a65a;
   }
   
   .text-verde-claro {
    color: #2ed689;
    }
    
    .text-rojo {
    color: #d73925;
   }
   
   .text-rojo-claro {
    color: #dd4b39;
    }
    
   .text-amarillo {
    color: #f39c12;
   }
   
   .text-amarillo-claro {
    color: #e08e0b;
    }
    
    .text-negro {
    color: #333;
   }
   
   .text-negro-claro {
    color: #2c3b41;
    }
    
    
/* chat de inicio circular */    
.chat-circle {
  position: fixed;
  right: 0; 
  top: 310px;
  z-index: 2000;
}
 
  .chat-circle ul {
    list-style: none;
  }
 
  .chat-circle ul li a {
    display: inline-block;
    text-decoration: none;
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
  } 

.imagen-red-chat{
 border-radius: 50%;
 margin-bottom: 10px;
 width: 50px;
 height: 50px;
 padding: 3px;
 border: 3px solid #d2d6de;
 -webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
overflow:hidden;
}

.imagen-red-chat:hover
{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);     
}