/*!
 * Start Bootstrap - Shop Homepage (https://startbootstrap.com/template-overviews/shop-homepage)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-shop-homepage/blob/master/LICENSE)
 */

body {
  padding-top: 0px;
  background-color: #f7f7f7;
}

/* #imagen1-banners:hover {

  background-image: url('imagenes/bannerHome/CAMION - SECUNDARIO.png');
  background-image: url('https://media.geeksforgeeks.org/wp-content/uploads/rk.png');
  width: 400px;
  
}





#imagen1-banners {


  content:url("imagenes/bannerHome/CAMION-MAIN.png");
} */


/* .navbar-light .navbar-nav .nav-link {
  color: rgb(64, 64, 64);
} */
.btco-hover-menu a ,  .navbar > li > a {
  /* text-transform: capitalize;*/
  padding: 10px 15px; 
}
.btco-hover-menu .active a,
.btco-hover-menu .active a:focus,
.btco-hover-menu .active a:hover,
.btco-hover-menu li a:hover,
.btco-hover-menu li a:focus ,
.navbar>.show>a,  .navbar>.show>a:focus,  .navbar>.show>a:hover{
  color: #000;
  /* background: transparent; */
  outline: 0;
}



/*submenu style start from here*/


.dropdown-menu {
  padding: 0px 0; 
  margin: 0 0 0; 
  border: 0px solid transition !important;
  border: 0px solid rgba(0,0,0,.15);	
  border-radius: 0px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;

}

/*first level*/
/* .btco-hover-menu .collapse ul > li:hover > a{background: #f5f5f5;} */
.btco-hover-menu .collapse ul ul > li:hover > a, .navbar .show .dropdown-menu > li > a:focus, .navbar .show .dropdown-menu > li > a:hover{background: #fff;}
/*second level*/
.btco-hover-menu .collapse ul ul ul > li:hover > a{background: #fff;}

/*third level*/
.btco-hover-menu .collapse ul ul, .btco-hover-menu .collapse ul ul.dropdown-menu{background:#b9b9da;}
.btco-hover-menu .collapse ul ul ul, .btco-hover-menu .collapse ul ul ul.dropdown-menu{background:#b9b9da}
.btco-hover-menu .collapse ul ul ul ul, .btco-hover-menu .collapse ul ul ul ul.dropdown-menu{background:#f5f5f5}

/*Drop-down menu work on hover*/
.btco-hover-menu{background: none;margin: 0;padding: 0;min-height:20px}

@media only screen and (max-width: 991px) {
  .btco-hover-menu .show > .dropdown-toggle::after{
      transform: rotate(-90deg);
  }
}
@media only screen and (min-width: 991px) {

  .btco-hover-menu .collapse ul li{position:relative;}
  .btco-hover-menu .collapse ul li:hover> ul{display:block}
  .btco-hover-menu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
  /*******/
  .btco-hover-menu .collapse ul ul li{position:relative}
  .btco-hover-menu .collapse ul ul li:hover> ul{display:block}
  .btco-hover-menu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
  /*******/
  .btco-hover-menu .collapse ul ul ul li{position:relative}
  .btco-hover-menu .collapse ul ul ul li:hover ul{display:block}
  .btco-hover-menu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}

}

.dropdown-menu {
  margin-top: 0;
}

.gabtec-caja-unidades-medi{
    
      width:34px;
  height:19px;
  border-width:1px;
    border-color:#A2A2A2;
    border-style:solid;
  color:#666;
  text-align:right;
    
}

#tableTexto{

    font-size: 0.8rem;


}
.inputMedida {
    
    
    height: 31px;
    
    
}

.imagenMarca4{

    /**margin-top: -30px;*/
  /*width: 110px;*/
}

.letraSelect{

	font-size: 0.72rem;


}

.tamanoSelect{

	height: calc(1.7rem + 2px);

}

@media (min-width: 992px) {
  body {
    padding-top: 0px;
  }

  .paginacionGrande {
      
    margin-right: 4.4rem!important;      
  }


    .margenMarcaHeader{
      
      margin-left: 1.1rem!important;
}


    .imagenPequena{
      
          margin-left: 1rem!important;
          
  }

  .imagenMediaAmort{
      
      margin-left: 2rem!important;
      /**margin-right: 1.5rem!important;*/
      
  }
  
  .imagenMarcaCaluga{
      
      margin-left: 0px;
      
  }
  
  /** CARDS tamaño */
  .card-largo {
   
    height: 300px;
  }
  
  /** Productos relacionados */
  .margen-productos-rel {
   
     padding-left: .5rem!important;
  }  
     
  
  
}

/** tamaño de letra header*/
.empresas {
    font-size: 12px;
  }
  
  .letraAzul{
      
      color: #084282;
	  font-size: 0.9rem;
      
  }
  
    .letraRoja{
      
      color: #dc3545;   
	  font-size: 0.9rem !important;
      
  }
  
      .letraGris{
      
      color: #868e96;  
	  font-size: 0.9rem !important;
      
  }

  .letraPlomaOscura{
      
      color: #212529;  
    font-size: 0.9rem !important;
      
  }

  

@media (max-width: 600px) {
  .empresas {
    font-size: 10px;
  }
    .tabs-aplicaciones {
    font-size: 10px;
  }
}

/** nombre usuario  */

@media (max-width: 576px) {
  .nombreUsuario {
   display: none;
   
  }

  .block_sm {

    display: block;
    width: 100%;
  }
  

  
  .imagenMarca3 {
      
      width: 80px;
      margin-top: 20px;
      
  }
}



/** div-izquierdo */
@media (min-width: 600px) {
  .div-izquierdo {
   
        height: 650px;
  }
}

@media (min-height: 700px) {
  .div-izquierdo1 {
   
        height: 650px;
  }
  

}

/** productos relacionados */
@media (max-width: 574px) {
    
  .margen-productos-rel-top2{
   
        margin-top: 10px;
        padding-top: 0px;
        padding-left: 0px;
  }
}

/** margin-top cards */
@media (min-width: 575px) and (max-width: 992px) {
  .margen-cards {
   
        margin-top: 10px;
  }
  
    /** Productos relacionados */
  .margen-productos-rel2 {
   
     padding-left: .5rem!important;
  }  
  
      /** Productos relacionados top */
    .margen-productos-rel-top {

        padding-top: .5rem!important;
     }
     
     

     
}



 /** imagenes busqueda por marca **/
 
 
 @media (max-width: 560px) {
     
     .imagenMarca {
         
         width: 40px;
         /*height: 50px;*/
         
         
     }

    .imagenMarca4{

    width: 50px;

    }
     
    .botonAgregar{
        
        font-size: 9px;
        
        
    }
     
     
     .eliminar {         
         
         display: none;
         
     }
     
     
     .pagCelu {
         
         display: block;
     
     }
     
     .margen-pg {
         
         float: right;
         
     }
     
     
     .cantidadCarroCaluga{
      
     
                width: 80px;
                margin-left: 120px;
      
     }
     
 }






/** margin-top cards */
@media (min-width: 561px) and (max-width: 992px) {
    
   .margen-pg {
      
      /*margin-left: 90px;*/
      float: right;
      
  }
  
  .imagenMarca {
      
      width: 80px;
      
      
  }

  .imagenMarca4{

    width: 90px;

  }
}


@media (min-width: 992px) and (max-width: 1200px) {
  .margen-pg {
      
      /** margin-left: 40px; */
      float: right;
      
  }

    .imagenMarca {
      
      width: 80px;
      
      
  }

  
  .cantidadCarroCaluga{
      
      
      width: 40px;
      margin-left: 5px;
      
  }

  .btnAgregar{

	
	    font-size: 8px;
	}


  
}


@media (min-width: 1201px){

    .imagenMarca{

        width: 80px;

    }
    
    .margen-pg {
        
        /** margin-left: 130px;*/
        float: right;
    }
    
      .cantidadCarroCaluga{
      
      
        width: 60px;
        margin-left: 10px;
      
  }

      .imagenMarca3 {

          width: 200px;
          /**margin-top: 5%;*/
  }

  .btnAgregar{

	
	    font-size: 11px;
	}


    .selectCalugaMultiplo{
      
      
            width: 70px;
      margin-left: 0px;
      
  }
  
  .div-aplicaciones-caluga{
    width: 220px;
    height: 55px;
    margin-bottom: 5px;
  }
}


@media (max-width: 1200px){
    
    .nombreUsuario2 {
      
      font-size: 13px;
      
    }
  
  
}
  
  @media (max-width: 992px){
    
   .holding {
      
      display: none;
      
  }


  .selectCalugaMultiplo{
      
      
            width: 70px;
      margin-left: 15%;
      
  }
  
    .cantidadCarroCaluga{
      
      
      width: 60px;
      margin-left: 15%;
  }
  
  
  .imagenMarcaCaluga{
      
      margin-left: 30px;
      
      
  }
    
    
}


  @media (min-width: 767px) and (max-width: 992px){
    
            .imagenMarca3 {

              width: 80px;
              margin-top: 20px;

            }

              .imagenPequena{
      
                margin-left: 12%;
            }
  
  }
  
  
    @media (min-width: 576px) and (max-width: 766px){
    
            .imagenMarca3 {

              width: 70px;
              margin-top: 20px;

            }
          .cantidadCarroCaluga{
      
      
                width: 80px;
                margin-left: 120px;
      
            }
            
            
    
}



@media (min-width: 992px) and (max-width: 1200px){
    
    
    .botonAgregar{
        
        font-size: 8px;
        
        
    }


  	.selectCalugaMultiplo{
    		width: 65px;
   	 	margin-left: 5px;
    		font-size: 12px;
	}

    
      .div-aplicaciones-caluga{
    /**width: 220px;**/
    height: 55px;
    margin-bottom: 5px;
  }


    .imagenMarca3 {

          width: 100px;
          margin-top: 5%;
  }
    
    
}

#preview{
                        position:absolute;
                        border:1px solid #ccc;
                        background:#333;
                        padding:5px;
                        display:none;
                        color:#fff;
                        margin-top:-300px;
}

.modal-body {
    /*overflow-y: auto;*/
}