/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">


*/
/*personalizable*/
.alternarfondo{
background: rgb(0,65,139);
background: -moz-linear-gradient(90deg, rgba(0,65,139,1) 0%, rgba(14,57,102,1) 17%, rgba(33,76,120,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,65,139,1) 0%, rgba(14,57,102,1) 17%, rgba(33,76,120,1) 100%);
background: linear-gradient(90deg, rgba(0,65,139,1) 0%, rgba(14,57,102,1) 17%, rgba(33,76,120,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00418b",endColorstr="#214c78",GradientType=1);
}
.setionalterna2{
    background: #f0f0f0;
}  
.setionalterna1{
    background: #ffffff;
}
.logo-default{
    padding: 10px;
}
.naranja #header .header-inner, .naranja #header #header-wrap, #header.naranja .header-inner, #header.naranja #header-wrap {
    background-color: #FFA500;
    color:white;
}
.naranja #mainMenu nav > ul > li > a, #mainMenu.naranja nav > ul > li > a {
    color: #ffffff;
}
.azul #header .header-inner, .azul #header #header-wrap, #header.azul .header-inner, #header.azul #header-wrap {
    background-color: #2474bb;
    color:white;
}
.azul #mainMenu nav > ul > li > a, #mainMenu.azul nav > ul > li > a {
    color: #ffffff;
}
.verde #header .header-inner, .verde #header #header-wrap, #header.verde .header-inner, #header.verde #header-wrap {
    background-color:green;
    color:white;
}
.verde #mainMenu nav > ul > li > a, #mainMenu.verde nav > ul > li > a {
    color: #ffffff;
}
/*personalizable fin*/

.busqueda,.clasificacion_altas{
    border:1px solid #a1a1a1;
    border-radius: 4px;
}
.btnbuscar{
    margin-bottom:2px !important;
}

.logo-height{
    max-height: 100px;
}
.pie-height{
    max-height: 300px;
}
/*PRODUCTO*/
.imagenproduc{
    width: 70px;
}
.tags{
    border: 1px solid #ced5fc;
    border-radius: 7px;
    padding: 4px;
    margin-left: 4px;
}
.fixedcomenzarproyecto{
    position: fixed;
    bottom: 50%;
    right: 10px;
   
    height: 70px;
    line-height: 70px;
    text-align: center;
    color: rgba(0,0,0, .2);
    font-size: 48px;
    z-index: 10;
}


.link-to-top-comenzarproyecto{
    position: fixed;
    bottom: 50%;
    left: 500px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    color: rgba(0,0,0, .2);
    font-size: 48px;
}
.circulo {
     width: 30px;
     height: 30px;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     
    display: inline-block;
}
.circulo_colores { 
    display: block; 
    list-style: outside none none; 
    margin: 10px; 
    overflow: hidden; 
    padding-left: 0; 
}
.circulo_colores li { 
    border: 1px solid #bbbbbb;
    margin: 3px; 
}
.circulo_colores li label span { 
    cursor: pointer; 
    display: block; 
    font-size: 1.2em; 
    font-weight: 400; 
    height: 30px; 
    width: 30px;
    line-height: 37px; 
    margin: 0; 
    text-align: center; 
    -webkit-transition: all 0.3s ease 0s; 
    transition: all 0.3s ease 0s; 
}
.circulo_colores li label input { 
    left: -9000px; position: absolute; 
}
.circulo_colores li label span { 

    color: #909090; 
}
.circulo_colores li label span:hover { 
/*
    background-color: #eee; 
    border-radius: 50%;
*/
}
.circulo_colores li label input:checked + span { 
   background-color: rgba(0, 0, 0, 0.18); 
}
.linkindex li{ 
    display: inline-block;
    border:4px solid #191919;
}


/*FIN PRODUCTO*/
#mensaje_e{
    color:red;
}
.mensaje_error{
    color:red;
    border:1px solid red !important;
}
.mensaje_exitoso{
    border:1px solid green;
}
#imagen{
   width: 150px;
}
.imagenes_temporales{
    height: 100px;
}
#cargando{
    display: none;
}
.contiene_imagen_adicional{
    float:left;
    margin-left:30px;
    margin-top: 30px;
    text-align: center;
}
.barra_eliminar_foto{
    width: 100%;
    height: 30px;
    margin-top: 20px;
    cursor:pointer;
    color:blue;
}
.barra_eliminar_foto:hover{
    color:red;
    font-weight: bold;
}
.productos_segmento{
    float:left;
    width:50%;
    background: #fcfcfc;
    padding: 20px;
}
.col-lg-20_{
    width:100%;
}
.clasificacion_altas{
    width: 200px;
}
/*colores*/
.txt_color{
    width: 100%;
}
.contiene_colores{
    display: flex;
    flex-wrap: wrap;
  
}
.centrar_verticalmente{
    display: flex;
    flex:1;
    height: auto;    
    justify-content: center;
    align-items: center;
    
}
.color_item{
    display: flex;
    flex:1;
    height: 50px;
    border: 1px solid #e7e7e7;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.verde{
    background: #00913f;
    color:white;    
}
.rojo{
    background: #AE2029;
    color:white;    
}
.azul{
    background: #0000FF;
    color:white;    
}
.amarillo{
    background: #FFFF00;
    color:green;    
}
.naranja{
    background: #FFA500;
    color:white;    
}
.negro{
    background: black;
    color:white;    
}
.blanco{
    background: white;
    color:black;    
}
.rosa{
    background: #FFC0CB;
    color:black;    
}
/*clasificaciones*/
.content_clasificaciones{
    padding: 20px;
    
}
.nombre_clasificacion{
    width: 30%;
    min-width: 500px;
    margin: 0 auto;
}
.clasificaciones_atributos{
    background: #eeeaea;;
    width: 30%;
    padding: 20px;    
    margin: 0 auto;
}
.check_atributos{
    padding: 5px !important;
}
.altura35 {    
    min-height: 35px;
    width: 70%;
    
}
.margin-top30{
    margin-top:30px;
    
}
.vercarritocolor{
    display:inline-block !important;
    margin-left:10px;
    width:25px;
    height:25px;
}


/*ticket*/

.t_contiene_ticket {
    text-align: center;
    
    padding: 10px;
    
}

.t_centrado {
    display: inline-block;
    
    padding: 10px;
    width: 750px;
    border:10px solid black;
}

.t_titulo {
    background: #337AB7;
    color: white;
    font-weight: bold;
    text-align: left;
    margin-top:10px;
    padding: 5px;
   
}

.t_datos_personales {
    display: flex;
}

.t_datos_contacto_principal {
    flex:1;
    
}

.t_datos_contacto_secundario {
    flex:1;
    padding-left: 10px;
}
.t_datos{
    text-align: left;
}
#t_logo{
    height: 100px;
}
.t_imgright{
    text-align: right;
}
.t_datos_fecha{
    text-align: right;
    padding: 30px;
    padding-right: 15px;
}
.seccion{
    overflow-x: auto;
}
.t_seccion{
    width: 100%;
    display: flex;
     text-align: center;
    padding: 20px;
}
.t_deposita{
    flex:1;    
}
.t_deposita img{
    width: 80%;
   padding-bottom: 6px;
     
}
.t_deposita_d{
    width: 170px;   
    display: inline-block;
    text-align: left;
}

.t_cantidad{
    width: 50px;
}

.t_precio{
    width: 120px;
}
.t_total{
    width: 120px;
}
/*MOVIMIENTOS PEDIDOS DETALLES*/
#cerrar_detalle {
    width: 100%;
    text-align: right;
}
.serie{
	width: 100px;
}
.formapago{
	width: 150px;
}
.fechapedido{
	width: 155px;
}
th{
	color:#515efc;
	background: #F7F9FB;
}
#cerrar_icon{
	padding: 3px 10px 3px 10px;
    color:white;
    background: #adadad;   
    cursor:pointer;
    display: inline-block;
}
.detalles{
    padding: 20px;
    width: 100%;
    
    z-index: 2000;
    display: none;
	border:1px solid #d3d3d3;
	padding: 15px;
}
#informacion_detalles{

    height: auto;
    overflow-x: hidden;    
    padding: 10px;
}
/*TABLAS*/

tr:nth-child(odd) {
    background-color:#f2f2f2;
   
}
tr:nth-child(even) {
    background-color:#fbfbfb;
}
/*PEDIDOS*/
.seccion_buscador {

    height: 100px;
    
}
.selects_busquedapedido{
    width: auto;
}
.boton_pedido{
    margin-bottom: 0px !important;
}
#enviando{
    display: none;
    height: 50px;
}
/*tienda*/
#price-from,#price-to{
    line-height: 18px;
    padding: 10px 16px;
    min-height: 40px;
    font-size: .9rem;
     width:48.5%; 
    border:1px solid #c6c6c6;
    border-radius: 3px;
}
/*NAV*/

.navclasificaciones{
    float: left !important;
    margin-left: 40px;
    border-radius: 7px;
}
#mainMenu nav > ul > li > a {

     text-transform:inherit !important;
}
.todaslasclasificaciones{
    
    overflow: hidden;
    width: auto;
    display: flex;
    top:0;
    line-height: 30px !important;
}
.titulo_submenu{
    border-bottom: 1px solid #9c9c9c;
    margin-bottom: 5px;
    line-height: 30px;
    color:#931d83;
    font-size: 17px;
}
.titulosubmenu{
  font-weight: bold;
  font-size: 14px;
 
   
}
.titulosubmenu a{
  color: gray !important;
    
}
.titulosubmenu_vermas{
  font-weight: bold;
  font-size: 14px;
  color:#931d83;
   
}
.titulo_submenu_hijo{
    padding-left: 10px;
     color: gray;
}
.titulo_submenu_hijo a{
    
     color: gray !important;
}
.todaslasclasificaciones_div{
    min-width: 300px;    
    min-height: 100px;
    margin-top:7px;
    margin-bottom: 30px;
    flex:1;
    
}
.contiene_metodospago{
    background: red;
    height: 100px;
}
.pagos{
    float: left;
    border:none;
    height: 60px;
    width: 200px;
    text-align: center;
    background: white;
    margin: 5px;
    font-size: 17px !important;
    line-height:0px !important;
    padding: 0px !important;
    min-height: 0px !important;
    border:1px solid #a29e9e;
    border-bottom:3px solid #7b7b7b;
    border-right:3px solid #7b7b7b;

}
.pagos:hover{
    background: #e6e6e6;
}
/*CONFIGURACION*/
#txt_nuestra_historia,#txt_mision,#txt_vision,#txt_politica_privacidad,#txt_terminos_condiciones{
    width: 100%;
    padding: 20px;
}
.link-to-top-whatsapp{
    position: fixed;
    bottom: 10px;
    left: 10px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    color: rgba(0,0,0, .2);
    font-size: 48px;
    z-index: 10;
}
@media (min-width: 0px) and (max-width: 600px) {
    .productos_segmento{
        float:left;
        width:100%;
    }
    .todaslasclasificaciones_div{
        width: 100%;   
        min-width: inherit;
    }    
    .naranja #mainMenu nav > ul > li > a, #mainMenu.naranja nav > ul > li > a {
        color: #000000;
        
    }     
    .azul #mainMenu nav > ul > li > a, #mainMenu.azul nav > ul > li > a {
        color: #000000;
    }     
    .verde #mainMenu nav > ul > li > a, #mainMenu.verde nav > ul > li > a {
        color: #000000;
    } 
     .navclasificaciones{
        
        margin-left: 0px;
        
    }  
    .fixedcomenzarproyecto{
        display: none;
    }
}