* {
      margin: 0;
      padding: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    body {
      background-color: #f1f2f2;
    }
    /* ------------------------- ROOT - INDEX ------------------------- */
    /* -- FLEXBOX -- */
    .flex-container {
        display:flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: flex-end;
    }
    /* -- PRINCIPAL -- */
    .main {
      margin-top: 30px;
      margin-bottom: 20px;
    }
/* ------------------------------- ICONOS -------------------------------- */
@font-face {
    font-family: 'icomoon';
    src:    url('fonts/icomoon.eot?ggnhe9');
    src:    url('fonts/icomoon.eot?ggnhe9#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?ggnhe9') format('truetype'),
        url('fonts/icomoon.woff?ggnhe9') format('woff'),
        url('fonts/icomoon.svg?ggnhe9#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.icon-key:before {
    content: "\e900";
}
.icon-key2:before {
    content: "\e98e";
}
.icon-home3 {
  color: #6d6e71;
}
/* -------------------------- BODY Y CONTAINER -------------------------------- */
section .container {
  border-bottom: 0px;
  border-bottom-color: #5b576e;
  border-bottom-style: solid;
}
menu .container {
  border-bottom: 1px;
  border-bottom-color: #5b576e;
  border-bottom-style: solid;
}
/* ------------------------- BÚSQUEDA INSTANTANEA ------------------------- */
#search_items
{
  background-color:#F2F2F2;
  position: absolute;
  z-index: 2000;
  width: 76%;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
#search_items a
{
  color:#585858;
  font-size: 14px;
  text-decoration:none;
  display:block;
  padding:5px;
  margin-top:2px;
  text-align:left;
}
#search_items a:hover
{
   background-color:#0060a9;
   color:white;
}
/* ------------------------- ROOT - INDEX - HEADER ------------------------- */
.headerTitulo {
  padding-bottom: 20px;
}
.headerBusqueda {
  display: inline-block;
}
.headerBusqueda a {
  padding-left: 0px;
  text-decoration: none;
  font-size: 10px;
  color: #a82019;
}
.headerBusqueda img {
  padding-left: 10px;
  vertical-align: super;
}
.tamanoHeaderBusqueda {
  width: 65%;
  margin-right: 15px;
  margin-left: 15px;
}
header div.absolute {
    position: relative;
    top: 10px;
}
header div.absoluteSesion {
    position: relative;
    top: 10px;
}
/* ************** MEDIA PARA CELULARES **************** */
@media (max-width: 768px) {
  header .container {
  padding: 30px 15px 30px 15px;
  }
  header div.absolute {
    position: relative;
    top: 35px;
  }
}
/* ************** MEDIA PARA LAPTOP **************** */
@media only screen  and (min-width : 1224px) {
  
}
/* **** MEDIA PARA LAPTOP MAYOR RESOLUCION ********* */
@media only screen  and (min-width : 1824px) {
  
}
/* ******************************   MENU NORMAL Y NAV BAR ******************************** */
menu .list-unstyled {
    padding-left: 20px;
    padding-right: 20px;
    list-style: none;
}
menu a {
    color: #510b0d;
    text-decoration: none;
}
menu p a {
  font-size: 18px;
  padding-left: 10px;
}
menu a:hover {
    color: #5c586e;
    text-decoration: none;
}
.menuMargen {
  padding-left: 40px;
}
/* ************** MEDIA PARA CELULARES **************** */
@media (max-width: 768px) {
  header div#includedMenu .container {
      padding: 5px 5px 5px 5px;
  }
  a {
    color: #fff;
    text-decoration: none;
  }
  .tamanoHeaderBusqueda {
    width: 100%;
  }
}
/* ************** MEDIA PARA LAPTOP **************** */
@media only screen  and (min-width : 1224px) {
  .dropdown-menu {
    left: 0;
    width: 300%;
  }
  .form-control.radio-izquirdo-20 {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
  }
  .btn.btn-primary.radio-derecho-20 {
    background-image: linear-gradient(to bottom,#00497c 0,#00497c 100%);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
  }
  .tope {
    float: left;
  }
  .menuMargen {
    padding-left: 40px;
  }
}
/* **** MEDIA PARA LAPTOP MAYOR RESOLUCION ********* */
@media only screen  and (min-width : 1824px) {
  .menuMargen {
    padding-left: 40px;
  }
}
/* **************************** PRODUCTOS ******************************* */
.seccion-productos .container {
  padding: 40px 0px 40px 0px;
}
.seccion-productos h2 a {
  text-decoration: none;
  color: #5b576e;
}
.seccion-productos p {
  font-family: arial;
  font-size: 20px;
  line-height: 1.0;
}
.seccion-productos h3 {
  font-weight: bold;
  font-size: 32px;
  line-height: 1.0;
}
.seccion-productos .list-unstyled {
  padding-left: 20px;
  padding-right: 20px;
  list-style: none;
}
.seccion-productos img {
  padding-top: 20px;
}
.seccion-productos a {
  color: #000000;
  text-decoration: none;
}
.seccion-productos p a {
  font-size: 26px;
}
.seccion-productos li{
  padding-top: 15px;
}
.seccion-productos a:hover {
  color: #5c586e;
  text-decoration: none;
}
/* ************** MEDIA PARA CELULARES **************** */
@media (max-width: 768px) {
  .seccion-productos .container {
  padding: 30px 15px 30px 15px;
  }
}
/* ****************************** FORMULARIO ******************************** */
.seccion-encabezados {
  margin-bottom: 70px;
}
.seccion-encabezados h2 {
  font-size: 38px;
  text-transform: uppercase;
}
h5 {
  font-size: 20px;
}
.seccion-encabezados h2 {
    font-size: 30px;
    text-transform: uppercase;
}
h2,.h2{
  color: #011b4b;
  font-weight: 700;
  margin-bottom: 20px;
  font-family: 'Montserrat', sans-serif;
}
/* ****************************** CATALOGO DE PRODUCTOS ******************************** */
.seccion-catalogo .container {
  padding: 10px 0px 40px 0px;
  border-top: 1px;
  border-top-color: gray;
}
.tituloPrincipal {
  color: #011b4b;
}
.lineaFondo {
  border-bottom: 1px;
  border-bottom-color: black;
  border-bottom-style: solid;
}
.catalogoEspaciadoTope {
  padding-top: 15px;
}
.catalogoEspaciadoFondo {
  padding-bottom: 15px;
}
.catalogoEspaciadoderecha {
  padding-right: 15px;
}
.catalogoEspaciadoIzquierda {
  padding-left: 15px;
}
.catalogoBotones {
  display: inline-block;
}
.floating-box-productos {
    display: inline-block; 
}
.floating-box-productos .btn-block {
    display: block;
    width: 90%;
}
.floating-box-bordes {
    background-color: white;
    margin: 10px 0px 3px 0px;
    border: 3px solid #b5b5b5;  
}
.floating-box-bordes a:hover {
  color: black;
}
.floating-box-bordes ul {
  list-style: none;
  width: 260px;
  height: 300px;
}
.floating-box-bordes img {
  margin: 3px;
}
.floating-box-bordes p {
  line-height: normal;
  
}
.login .floating-box-productos .precio {
  color: #a82019;
  text-align: center;
  font-size: 20px;
}
.login .floating-box-productos .modeloMarcaDescripcion p {
  padding: 0px;
  color: black;
  font-family: arial;
  text-align: center;
  font-size: 16px;
  /*font-weight: bold;*/
}
.login .floating-box-productos .modeloMarcaDescripcion a {
  text-decoration: none;
}
.login .floating-box-productos .modeloMarcaDescripcion2 p {
  padding: 0px 10px 10px 10px;
}
.boton {
  width: 46%;
}
.botones>li {
  list-style: none;
  padding-right: 5px;
  padding-left: 3px;
}
.panel-body ul {
  list-style: none;
  text-transform: uppercase;
}
.panel-body .form-group {
  display: inline-block;
}
.panel-body #formComprarPrecio .form-group input {
  width: 25%;
  padding: 6px 6px;
  font-size: 12px;
}
/* ************** MEDIA PARA CELULARES **************** */
@media (max-width: 768px) {
  .floating-box-productos .btn-block {
      display: block;
      width: 100%;
  }
  .seccion-catalogo .container {
    padding: 10px 15px 40px 15px;
  }
  .panel-body #formComprarPrecio .form-group input {
    width: 100%;
  }
  .boton {
    width: 48%;
  }
  .botones>li {
    list-style: none;
    padding-right: 5px;
    padding-left: 5px;
  }
}
/* ************** MEDIA PARA LAPTOP **************** */
@media only screen  and (min-width : 1224px) {
  .floating-box-bordes {
      width: auto;
      height: auto;
      margin: 10px 15px 3px 0px;
      border: 3px solid #b5b5b5;  
  }
  .floating-box-bordes img {
    margin: 10px;
  }
}
/* **** MEDIA PARA LAPTOP MAYOR RESOLUCION ********* */
@media only screen  and (min-width : 1824px) {
  .floating-box-bordes {
      width: auto;
      height: auto;
      margin: 10px 0px 3px 0px;
      border: 3px solid #b5b5b5;  
  }
  .floating-box-bordes img {
    margin: 3px;
  }
}
/* ****************************** DESCRIPCION DE PRODUCTOS ******************************** */
.descripcion p {
    color: #00497c;
    font-family: arial;
    text-align: left;
    font-size: 26px;
    font-weight: bold;
}
.especificaciones .tecnicas {
    color: black;
    font-family: arial;
    text-align: left;
    font-size: 24px;
    padding-top: 20px;
    border-bottom: 2px;
    border-bottom-style: solid;
}
#especificacionesProducto {
color: black;
    font-family: arial;
    text-align: left;
    font-size: 14px;
    padding-top: 10px;
}
.datosCompra p {
    color: black;
    font-family: arial;
    text-align: left;
    font-size: 24px;
    padding-top: 5px;
    border-bottom: 2px;
    border-bottom-style: solid;
}
.datosCompra h3 {
    color: #011b4b;
    font-family: arial;
    text-align: left;
    font-size: 24px;
    padding-top: 5px;
}

.datosCompra h4 {
    color: black;
    font-family: arial;
    text-align: left;
    font-size: 16px;
    padding-top: 0px;
}
.otrosProductos p {
    color: black;
    font-family: arial;
    text-align: left;
    font-size: 24px;
    padding-top: 40px;
    border-bottom: 2px;
    border-bottom-style: solid;
}
.marcasReconocidas {
    color: #00497c;
    font-family: arial;
    font-weight: bold;
    line-height: 1em;
    text-align: left;
    font-size: 24px;
    padding-top: 20px;
    text-align: center;
}
.marcasReconocidas img {
  display: inline-block;
  padding: 10px;
  width: 15%;
}
.precioCantidad {
  display: inline-block;
  width: 100%;
  border-top: 1px;
  border-top-style: solid;
  border-bottom: 1px;
  border-bottom-style: solid;
}
/* INCREMENTADOR DE NUMEROS */
#myform {
  text-align: center;
  padding: 0px;
  margin-top: 8%;
}
.qty {
    width: 40px;
    height: 25px;
    text-align: center;
}
input.qtyplus { width:50px; height:25px; color: white; background-color: black;}
input.qtyminus { width:50px; height:25px; color: white; background-color: black;}
.favoritos {
  margin-top: 30px;
}
.redes {
  margin-top: 5px;
}
/* ****************************** CARRITO DE COMPRAS ******************************** */
.red {
  color: #00497c;
  line-height: 5px;
  font-weight: bold;
  padding-top: 20px;
  text-align: left;
}
.green {
  color: green;
  line-height: 5px;
  padding-top: 5px;
  text-align: left;
}
.black {
  color: black;
  line-height: 5px;
  padding-top: 2px;
  text-align: left;
}
.blackPrecio {
  color: black;
  line-height: 5px;
  padding-top: 50px;
  font-weight: bold;
  font-size: 14px;
  text-align: left;
}
/* ================================
            Footer
================================= */
footer {
  background: #011b4b;
  color: #fff;
  padding: 50px 0 30px;
}
footer h2 {
  color: #fff;
  font-size: 26px;
}
footer ul li a {
  font-size: 16px;
  color:white;
  text-decoration: none;
}
footer .informacion ul{
  padding-top: 20px;
  float: left;          
}
footer .informacion a {
  text-decoration: none;
}
footer .informacion a:hover {
  color: #c5c0c0;
}
footer .informacion li{
    float: left;
}
footer .informacion li p{
    padding-top: 0px;
}
footer .telefonoLogo {
    padding-left: 14px;
}
footer .telefonoTexto {
    padding-left: 10px;
    padding-top: 0px;
}
footer .ubicacion {
    padding-top: 0px;
}
footer div.absolute {
    position: relative;
    top: 50px;
}
footer div.absolute a {
  text-decoration: none;
}
footer div.absolute a:hover {
  color: #c5c0c0;
}
/* ************** MEDIA PARA CELULARES **************** */
@media (max-width: 768px) {
  footer div.absolute {
      position: static;
      margin-left: 30%;
  }
}
/* ************** MEDIA PARA LAPTOP **************** */
@media only screen  and (min-width : 1224px) {
  footer div.absolute {
      position: relative;
      top: 50px;
  }
}
/* **** MEDIA PARA LAPTOP MAYOR RESOLUCION ********* */
@media only screen  and (min-width : 1824px) {
  footer div.absolute {
      position: relative;
      top: 50px;
  }
}
/* ********************************************** MI CUENTA ********************************************************* */
.login {
  margin-top: 5px;
}
.seccion-login .container {
  padding: 40px 0px 40px 0px;
  border-top: 1px;
  border-top-color: gray;
}
.login h4 a {
  color: #337ab7;
  font-family: arial;
  font-weight: bold;
}
.login p {
  color: black;
  font-family: arial;
  text-align: justify;
  font-size: 16px;
}
.login h3 {
  color: #00497c;
  font-weight: bold;
}
.encabezadoClientes  a {
    color: white;
    text-decoration: none;
}
.encabezadoClientes  a:hover {
    color: white;
    text-decoration: none;
}
.panel-footer a {
  color: black;
  text-decoration: none;
}
.login .pull-right a {
  color: black;
  text-decoration: none;
}
/* ************** MEDIA PARA CELULARES **************** */
@media (max-width: 768px) {
  .seccion-login .container {
  padding: 30px 15px 30px 15px;
  border-top: 1px;
  border-top-color: gray;
  border-top-style: solid;
  }
  a {
    color: #337ab7;
    text-decoration: none;
  }
  .encabezadoClientes .loging {
    padding: 15px 15px 30px 15px;
  }
  .menu-tabs {
    padding: 15px 15px 30px 15px;
  }
}
/* ************** MEDIA PARA LAPTOP **************** */
@media only screen  and (min-width : 1224px) {
  
}
/* **** MEDIA PARA LAPTOP MAYOR RESOLUCION ********* */
@media only screen  and (min-width : 1824px) {
  
}
/*
************************************************** FIN CSS *************************************************************
*/