@media (min-device-width:600px) {img[data-src-600px] {content:attr(data-src-600px, url);}}

@media (min-device-width:800px) {img[data-src-800px] {content:attr(data-src-800px, url);}}

@media (min-width: 640px) {body {font-size:1rem;}}

@media (min-width:960px) {body {font-size:1.2rem;}}

@media (min-width:1100px) {body {font-size:1.5rem;}}

html {font-size:100%;}

* {font-family:Roboto, sans-serif; box-sizing:border-box;}

#page-container {position:relative; min-height:100vh;}

#content-wrap {padding-bottom:100px;}

@media only screen and (min-width: 600px) {
  .col-s-1 {width:8.33%;}
  .col-s-2 {width:16.66%;}
  .col-s-3 {width:25%;}
  .col-s-4 {width:33.33%;}
  .col-s-5 {width:41.66%;}
  .col-s-6 {width:50%;}
  .col-s-7 {width:58.33%;}
  .col-s-8 {width:66.66%;}
  .col-s-9 {width:75%;}
  .col-s-10 {width:83.33%;}
  .col-s-11 {width:91.66%;}
  .col-s-12 {width:100%;}
}

@media only screen and (min-width: 768px) {
    .col-1 {width:8.33%;}
    .col-2 {width:16.66%;}
    .col-3 {width:25%;}
    .col-4 {width:33.33%;}
    .col-5 {width:41.66%;}
    .col-6 {width:50%;}
    .col-7 {width:58.33%;}
    .col-8 {width:66.66%;}
    .col-9 {width:75%;}
    .col-10 {width:83.33%;}
    .col-11 {width:91.66%;}
    .col-12 {width:100%;}
}

@media only screen and (max-width:768px) {[class*="col-"] {width:100%;}}

[class*=col-] {float:left; padding:1px;}

.row::after {content:""; clear:both; display:table;}

.foto {height:290px; text-align:center;}

.categoria {text-align:left; padding:0px 10px;}

#search_header {text-align:center; padding-left:12px;}

.chat_narajo {text-align:center;}

.fa-comment-dots {color:#ff8201;}

#resto_texto {display:block; color:#8a8a8a; padding-left:10px;}

#chat_naranjo {display:block; font-weight:bold; font-size:15px; color:#ff8201;}

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

.cat-subcat {padding-top:10px; height:75px; text-align:center; color:#58585a;}

.footer {position:absolute; bottom:0; color:#9b9e9d; background-color:#342f29; height:50px; text-align:left; padding:5px 30px;}

.footer p {font-size:13px;}

.nosotros {height:auto; text-align:center;}

.gris {background-color:#f9f9f9;}

.destacados_container {margin-bottom:20px;}

.destacado {height:260px; text-align:center;}

.destacado:hover {border: 1px solid black; border-radius: 5px;}

.destacado span {margin-top:15px;}

.destacado a {color:black; text-decoration:none;}

.destacado span:hover {text-decoration:underline; text-decoration-color:#ff8201;}

.relleno {height:80px; text-align:center; margin-bottom:20px;}

.logo img {width:300px;}

.logo {text-align:center;}

.usuario, .carro {padding-top:10px; text-align:center;}

.usuario .carro, span {display:block; font-size:12px; padding-top:10px;}

.usuario a {text-decoration:none; color:black;}

.usuario a:hover {text-decoration: underline;}

.carro a {text-decoration:none; color:black;}

.carro a:hover {text-decoration: underline;}

/* Categories Dropdown */
.navbar {margin-top:10px; overflow:hidden; width:100%;}

.navbar a {float:left; font-size:12px; color:black; text-align:center; padding:14px 16px; text-decoration:none;}

.dropdown {float:left; overflow:hidden; width:100px;}

.dropdown .dropbutton {font-size:12px; font-weight:bold; border:none; outline:none; color:#58585a; background-color:inherit; font-family:inherit; margin:0;}

.dropdown-content {display:none; position:absolute; background-color:#f1f1f1; width:auto; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index:1;}

.dropdown-content a {float:none; color:black; padding:6px 6px; text-decoration:none; display:block; text-align:left;}

.dropdown-content a:hover {text-decoration:underline; color:#ff8201;}

.dropdown:hover .dropdown-content {display:block;}
/* End Dropdown */

.nosotros p {font-size:15px; color:#707574;}

.nosotros span {font-size:22px; color:#ff8201; font-weight:bold; padding-top:50px; padding-bottom:10px;}

.relleno span {padding-top:30px; font-size:30px; font-weight:bolder;}

.relleno a u {display:block; padding-top:30px; color:#ff8201;}

.center {text-align:center;}

.solo span {font-weight:bold; font-size:14px; display:block; padding-bottom:10px; color:#58585a;}

.caja .solo a {text-decoration:none;}

.subcat a {text-decoration:none; color:#707574;}

.caja:hover .subcat {display:block;}

.subcat:hover a {text-decoration:underline; color:#ff8201;}

.solo:hover span {text-decoration:underline; color:#ff8201;}

.buscar {padding-top:17px; width:90%; float:left; margin-right:5px;}

.buscar input {border:1px solid #707574; border-radius:5px;}

.lupa {padding-top:18px;}

#nostyle {border:2px solid #d0d0d0; background:none; padding:4px; cursor:pointer;}

.grandes {text-align:center; height:550px; padding:10px 0px;}

.grandes img {border: 1px solid #e9e9e9; border-radius:5px;}

.pequenas {padding:25px 20px;}

.pequenas img {border: 1px solid #e9e9e9; border-radius:5px;}

.texto_busqueda {padding:0px 20px; height:550px;}

.cotizacion {margin:25px 0px 15px 0px;}

.cantidad_prod {padding-bottom:1px;}

.boton_cotizar {margin-top:25px;}

.boton_cotizar button {border-radius:5px; background-color:#ff8201; padding:5px 10px; border:none; cursor:pointer; color:#fff;}

#titulo_busqueda {font-size:25px; font-weight:bold;}

#descr_busqueda {font-size:14px; margin-bottom:10px;}

#sku_b {float:left; font-size:14px; font-weight:bold; margin-right:5px;}

#sku_busqueda {font-size:14px; color:#ff8201;}

#categ_b {font-size:14px; font-weight:bold; float:left; margin-right:5px;}

#minus-btn, #plus-btn {border:none; padding:0px; color:#ff8201; float:left; cursor:pointer;}

#qty_input {height:26px; width:70px; margin:0px 5px;}

.menos_mas {text-align:center; display:inline;}

#search {width:100%; height:30px; margin-top:4px;}

.titulo_login span {font-size:25px; font-weight:bold; text-align:center; display:block; margin-top:10px;}

.acceder, .registrarse {margin-top:10px;}

.acceder span, .registrarse span {text-align:center; font-size:20px; font-weight:bold; display:block; margin-bottom:5px;}

.form_ingreso, .form_registro {margin:auto; width:60%; border:1px solid #707574; text-align:left; padding:15px; border-radius:5px; color:#707574;}

.form_ingreso #password, #usuario {width:100%; height:32px; border-radius:5px; border:1px solid #707574;}

.form_registro #nom, #apel, #user_name, #user_password, #correo {width:100%; height:32px; border-radius:5px; border:1px solid #707574;}

.form_ingreso,.form_registro label {font-size:15px;}

.form_ingreso a {text-decoration:none; color:#707574;}

.form_ingreso a:hover {color:#ff8201; text-decoration:underline;}

.form_boton {padding:5px 0px;}

.form_boton input {border-radius:5px; border:none; padding:8px; background-color:#ff8201; color:white; cursor:pointer; margin-bottom:5px;}

.user_options {padding:10px 0px;}

.cliente_opciones {text-align:center;}

.cliente_opciones span {font-size:15px; font-weight:bold; display:block; padding:15px 15px 0px 15px;}

.cliente_opciones a {text-decoration:none; color:#ff8201;}

.caja_hover {padding:10px; margin:auto; width:200px;}

.caja_hover:hover {border:1px solid black; border-radius:5px;}

.form_update {padding:10px; border:1px solid #707574; border-radius:5px; color:#707574;}

.form_update #nombre, #apellido, #correo_update {width:100%; border:1px solid #707574; height:32px; border-radius:5px; margin-top:5px;}

.mini_foto {text-align:center; margin-bottom:10px; border-radius:5px;}

.mini_foto img {border:1px solid #e9e9e9; border-radius:5px;}

.inner {padding:5px 5px; border:1px solid #bfbfbf; border-radius:0px 0px 5px 5px;}

.inner span {display:block; padding:8px 0px;}

.ruta {padding:5px 0px; margin-bottom:20px; background:#f9f9f9;}

#ruta_titulo {padding-top:5px; font-weight:bold; font-size:25px;}

.titulo_explorador {padding:5px 10px; border-top:3px solid #ff8201; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; border-radius:5px 5px 0px 0px;}

.titulo_explorador span {font-size:15px; font-weight:bold;}

.inner i:hover {color:#ff8201;}

.explorador_contenido {display:none;}

.explorador_contenido a {text-decoration:none; font-size:12px; color:black; padding-left:25px;}

.explorador_contenido a:hover {color:#ff8201;}

.dropbtn {display:block; border:none; background:none; padding:8px; width:100%; text-align:left; cursor:pointer; font-size:12px;}

.caret-icon {float:right;}

#rutas {font-size:13px; font-weight:bold; text-decoration:none; color:#404040;}

#rutas:hover {text-decoration:underline; color:#ff8201;}

.results {text-align:center; margin-bottom:20px;}

.link {font-size:15px;}

.results a {text-decoration:none; color:black;}

.results a:hover {text-decoration:underline; text-decoration-color:#ff8201;}

#box_button {font-size:14px; border-radius:5px; border:none; background-color:#ff8201; color:white; padding:5px 10px; margin-bottom:15px; margin-top:10px; cursor:pointer;}

.colores span {font-size:15px;}

.colores {margin-bottom:25px;}

.form_update label {font-size:15px;}

#categ {color:#ff8201; font-size:14px;}

.cart .remove {background:none; border:none; color:#58585a; cursor:pointer; padding:0px;}

.cart .remove:hover {text-decoration:underline; color:#ff8204;}

.table {font-size: 18px; border:1px solid #707574; border-radius:5px; margin:auto;}

#carro_vacio {margin:10px 15px; font-size:20px; font-weight:bold;}

.table td {border-bottom:#F0F0F0 1px solid; padding:10px 35px; text-align:center;}

#sku_carro {padding-bottom: 65px;}

#cantidad_carro {display:block; margin-bottom:30px;}

.paginacion {margin-top:40px; color:#58585a; font-size:18px; text-align:center;}

.paginacion a {text-decoration:none; color:#58585a;}

.paginacion a:hover {text-decoration:underline; color:#ff8201;}

.menu_explorador_colores a {font-size:15px; text-decoration:none; color:#515151; padding-left:8px;}

.menu_explorador_colores a:hover {color:#ff8201;}

.cotizar {cursor:pointer; border:none; border-radius:5px; background-color:#ff8201; color:white; padding: 5px 10px; margin-bottom:20px; margin-left:45%;}

.t_historial {font-size:15px; border-collapse:collapse; margin:auto;}

.t_historial th {border:1px solid #58585a; padding: 10px; text-align:left; background-color:#ff8201; color:white;}

.t_historial td {border:1px solid #58585a; padding: 10px;}

#lupita {text-align:center;}

.abrir_historial {border:none; background-color:transparent; cursor:pointer;}

.tabla_dh {font-size:15px; border-collapse:collapse; margin:auto;}

.tabla_dh th {border:1px solid #58585a; padding: 10px; text-align:left; background-color:#ffbf80; color:#262626;}

.tabla_dh td {border:1px solid #58585a; padding: 10px;}

.historial_contenido {display:none;}

#goback {margin-left:5px; padding:5.5px 10px; font-size:15px; text-decoration:none; color: white; background-color:#ff8201; border-radius:5px;}

#contacto {text-decoration:none; color:#ff8201;}

#contacto_form {border-radius:5px; border:1px solid black; padding:5px 10px;}

#contacto_form label {display:inline-block; width:100px;font-size:20px;}

#contacto_form div {padding:10px 0px;}

.ct_input {height:32px; width: 82%; border-radius:5px; border:1px solid #707574;}

#ct_mensaje {vertical-align:top; width: 82%; border-radius:5px; border:1px solid #707574;}

.contactanos {padding-bottom: 70px;}

.botones_contacto {text-align:center;}

.botones_contacto button {color:white; background-color:#ff8201; border-radius:5px; padding: 5px 10px; border: none; cursor:pointer;}

#re_clave {border:1px solid black; padding:10px; border-radius:5px; margin:15px 0px;}

#re_clave input {width: 78%;}

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

.rec_clave button {border:none; background-color:#ff8201; padding:5px 10px; border-radius:5px; cursor:pointer; color:white;}

#sku_filter {margin-bottom:15px;}

#home {font-weight:bold; color:#58585a; padding:10px 5px;}

.info_adicional {text-align:center; padding: 0px 30px}

.info_adicional i {color:#ff8201;}

.info_adicional span {font-size: 15px; color:#707574;}

#canti {font-size:14px; font-weight:bold;}

#sku_like {margin-left:5px;}

#titulo_brands {color:#ff8201; text-align:center;}

.hidden_radio {margin-top:5px; display:none; text-align:left; font-size:15px;}

.radios {width:48%; border:1px solid black; border-radius:5px;}