@charset "utf-8";





/*INDEX --------------------------------------------------- */
html {
	height:100%;
	margin:0px;
	padding:0px;
}
body {
	height:100%;
	margin:0px;
	padding:0px;	
	/*background-color: #9F9F9F;*/
}

#contenedor {
	height:100%;
	margin:0px;
	padding:0px;
}
#principal {
	height:100%;	
	background-image:url(fondo_hobbytec3.jpg);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center top;
	background-attachment:fixed;
	margin:0px;
	padding:0px;	

}
@media (max-width: 992px) {
	#principal {
		background-size:contain;
	}
}
#fila_principal {
	height:100%;
	margin:0px;
	padding:0px;	
}
#cuadro_login {
	background: rgba(51, 51, 51, 0.4);
	border-color:#333;
	border-style:solid;
	border-width:1px;
	border-radius:5px;
	text-align:center;
	bottom:10px;
	position:fixed;	
}
#form_login label {
	color:#FF0;
}
.botones_formularios {
	background-color:#F89A20;
	color:#000000;
}

/*COPIADOS DE HIPEC ----------------------------------- */

#encabezado {	
	border-bottom-style:solid;
	border-bottom-width:1px;	
	border-bottom-color:#CCC;	
	margin:0px;
	padding:0px;
}
#menu {	
	border-style:none;
	background-color:#CCCCCC;
	margin:0px;
	padding:0px
}
.navbar-collapse { border: none; box-shadow: none; } 
#menu li {
	font-size:18px;
	color:#67666B;
}

#logo img {
	width:200px;
}

#links {	
	
}
/*@media (max-width: 992px) {
	#links {
		margin-top:80px;
	}
}
@media (max-width: 767px) {
	#links {
		margin-top:80px;
	}
}*/

#item_menu {
	margin:0px;
	border-bottom-style:none;
}
#item_menu a{
	font-weight:bold;
	font-size:10px;
}
#div_principal {
	margin:0px;
	padding:0px;
	min-height:100%;
	margin-bottom:-103px;
}
#col2 {
	border-style:solid;
	border-width:1px;
	border-color:#CCC;
	margin:0px;
	padding:10px;
}
/*#video {
	height:220px;
	border-style:solid;
	border-width:1px;
	border-color:#CCC;
	margin-bottom:20px;
}*/
/*#novedades {
	height:240px;
	border-style:solid;
	border-width:1px;
	border-color:#CCC;
	margin-bottom:20px;

}
#novedades ul {
	margin-top:15px;
}
#ofertas {
	height:220px;
	border-style:solid;
	border-width:1px;
	border-color:#CCC;
	margin-bottom:20px;
}*/
/*#logistica {
	height:220px;
	border-style:solid;
	border-width:1px;
	border-color:#CCC;
	margin-bottom:20px;	
}*/
#separador {
	background-image:url(separador.jpg);
	height:3px;
	margin:0px;
	padding:0px;
}
.titular {
	background-color:#333;	
}
.titular h1 {
	font-size:12px;
	margin:0px;
	padding:0px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	color:#FFF;
}
.columna_pie h1 {
	font-size:18px;
	color:#000;
}
.columna_pie h2 {
	font-size:14px;
	color:#000;
}
.columna_pie ul {
	list-style:none;
	padding:0px;
}
.columna_pie ul li a {
	color:#999;
}
#imagen_principal {
	width:90%;	
	margin:auto;
	margin-top:40px;
	background-color:#82A5A7;	
	margin-bottom:20px;
	color:#FFF;
}
#imagen_principal img {
	margin:auto;
}
#imagen_principal p, h2{
	padding:10px;
}

#imagen_principal_servicios {
	width:90%;	
	margin:auto;
	margin-top:40px;	
	margin-bottom:20px;
	color:#000;
}
#imagen_principal_servicios img {
	margin:auto;
}
#imagen_principal_servicios p, h2{
	padding:10px;
}
#imagen_principal_medio_ambiente {
	width:90%;	
	margin:auto;
	margin-top:40px;
	background-color:#FFF;
	margin-bottom:20px;
	color:#000;
}
#imagen_principal img {
	margin:auto;
}
#imagen_principal p, h2{
	padding:10px;
}

/*Estilos heradados del sitio anterior*/
.caja2 {
	/*float: left;
	width: 30%;*/
	/*margin-right: 15px;*/
	/*margin-left: 10px;*/
	/*height: 315px;*/
	/*margin-bottom: 15px;
	padding-bottom:10px;*/
	/*background-color:#FF0;*/
	margin:0px;
	padding:0px;
	margin-bottom: 30px;
}
.bordes_caja {
	border:dotted;
	border-width:1px;
	border-color:#999;
	margin-right:4px;
}
.caja2 #texto {
	/*float: left;*/
	/*width: 125px;*/
	/*min-height:200px;
	overflow:hidden;*/
}
.caja2 #desc_prod h2 {
	height:30px;
	overflow:hidden;
}
.caja2 #pedir {		
	margin-top: 10px;
	margin-bottom: 10px;
	/*background-color:#F0F;*/
}
.caja2 #pedir img {
	float:left;
	margin-top:8px;
}
.caja2 #desc_prod h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #008ECB;
	font-weight:bold;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding:0px;
}
.caja2 #imagen {
	/*width: 43%;*/
	/*float: right;*/
	margin-top:30px;
}
.caja2 #texto h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #666;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.caja2 #texto h4 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color:#F00;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.caja2 #texto a {
	font-family: Verdana, Geneva, sans-serif;
	color: #00C;
	font-size: 12px;
}
#contenedor2 {
	/*width:100%;*/
}
.caja2 #texto #icono {
	float: left;
	height: 16px;
	width: 16px;
	margin-right: 5px;
}
.caja2 #texto #link {
	height: 16px;
	width: 120px;	
}
#catalogo {
	width:90%;	
	margin:auto;
	margin-top:40px;
	margin-bottom:20px;
	color:#FFF;
}
#referencia h1 {
	font-size:18px;
	color:#000;
	display: inline;
}
div.clearer {clear:left; line-height:0; height:0;}
.link_agregar_pedido {	
	margin-left: 5px;
	margin-top: 10px;
}
.link_agregar_pedido input[type="number"] {
	width: 70px;	
}	
.link_agregar_pedido input, label {
	display:inline;
}
#contacto2_col_izq {
	/*float: left;*/
	/*width: 50%;*/
	padding-left: 10px;
	padding-top: 30px;
}
#index_col_der {
	/*float: left;*/
	/*width: 50%;*/
	margin-top: 20px;
	padding-left: 10px;
	padding-right: 20px;
}
#index_col_der h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 30px;
	font-weight: normal;
	color:#000;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	text-align: left;
}
#index_col_der h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #03C4F7;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#index_col_der p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color:#000;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#index_col_der h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color:#000;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#index_col_der hr {
	color:#000;
	padding: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#botonera {
	height: 30px;
	width: 750px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 35px;
	margin-left: 0px;
}
#boton_volver {
	height: 30px;
	/*width: 78px;*/
	/*float: left;*/
	margin-right: 20px;
}
#boton_imprimir {
	height: 30px;
	/*width: 78px;*/
	/*float: left;*/
	margin-right: 20px;
}
#boton_consultar_producto2 {
	/*float: left;*/
	height: 30px;
	/*width: 178px;*/
	margin-right: 25px;

}
#boton_enviar_por_mail {
	/*float: left;*/
	height: 30px;
	/*width: 110px;*/
}
#col_izq {
	/*float: left;*/
	/*width: 50%;*/
	margin-left: 10px;
}
#col_der {
	/*float: left;*/
	/*width: 40%;*/
}
#col_der #imagen_grande {
	/*float: right;*/
	/*height: 360px;
	width: 360px;*/
	margin-left:10px;
}
#col_izq #icono_pdf {
	float: left;
	height: 32px;
	width: 32px;
	margin-right: 5px;
}
#col_izq #link_pdf {
	height: 24px;
	padding-top: 8px;
}
#descripcion_larga {
	margin-top: 20px;
}
#col_izq h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#col_der h2 {
	font-size:18px;
}
.link_destacado {
	background-color:#029DDF; 
	color:#FFF;
}
#carrito {
	font-family: Arial, Helvetica, sans-serif;
}
#carrito th {
	color:#FFF;
	font-size:16px;
}
#carrito td {
	font-size:12px;
}
#form_finalizar_ped td {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
}




#boton_impresora {
	height: 30px;
	width: 30px;
}
#contenedor2_impresion {
	width: 770px;
	height:auto;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 5px;
	background-color: #FFF;
}
#col_izq_impresion {
	float: left;
	width: 385px;
	margin-left: 10px;
}
#col_der_impresion {
	float: left;
	width: 370px;
}
#col_der_impresion #imagen_grande_impresion {
	/*float: right;*/
	/*height: 360px;
	width: 360px;*/
	margin-left:10px;
}

#botonera_impresion {
	height: 30px;
	width: 750px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 35px;
	margin-left: auto;
}
#contenedor2_impresion h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: normal;
	background-image:url(../fondo_titulos.jpg);
	color: #FFF;
	width: 756px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;

	margin-bottom: 0px;
	margin-left: 4px;
	background-repeat: no-repeat;
	background-position: 4px;
}
#boton_impresora {
	height: 30px;
	width: 30px;
}

#contenedor_formulario_producto {
	/*width: 650px;*/
	border: 1px solid #FFF;
	margin-top: 25px;
	margin-left: 25px;
}
#los_links ul li a {
	font-size: 0.7em;
	padding-right: 0px;
	padding-left: 13px;
	height: 10px;
	color: #fff !important; /* CAMBIO: Color de los enlaces a blanco */
}

#los_links ul li a:hover {
	color: #ccc !important; /* CAMBIO: Color de los enlaces al pasar el mouse */
}
#los_links ul li {
	height:30px;
}

#caja_buscador {
	/*margin-left:20px;
	margin-top:15px;*/
	/*background-image:url(../º.jpg);
	background-repeat:no-repeat;
	background-position:right;	*/
	/*width:140px;*/
	float:left;
	width:85%;
}
#lupa {
	width:28px;
	height:25px;
	float:left;
	padding-top:5px;
	/*border-style:solid;
	border-width:1px;
	border-color:#999;*/
}
#caja {	
	/*float:left;*/
	padding-top:10px;
}
#descarga_catalogo {
	padding-top:15px;
}
#contenedor_buscador {
	margin: 0px;
	padding: 0px;
	margin-top:10px;
}
#col_der #pedir {
	margin:auto;	
	width:170px;
}
#contenedor_pie {
	margin:0px;
	padding:0px;
}
.pie {
	background-color:#CCCCCC;
	height:100px;		
	margin:0px;
	padding:20px;
}
.pie p {
	color: #000000;
}
.push {
	height:100px;
}
.nom_prod {
	text-transform:uppercase;
}
.boton_agregar {
	background-color:#9947CD;
	color:#FF0;
}

.boton_volver {
	display:inline-block;
	width:160px;
	height:35px;
	background-color:#9947CD;
	color:#FF0;
	border-radius:5px;
	text-align:center;
	padding-top:7px;
	margin:10px;
}
.boton_volver:hover {
	color:#FF0;
	text-decoration:none;
}
.boton_volver:active {
	color:#FF0;
	text-decoration:none;
}
.boton_volver:visited {
	color:#FF0;
	text-decoration:none;
}

#tel_encabezado {
	float:left;
	margin-top:50px;
}
@media (max-width: 767px) {
	#tel_encabezado {
		margin-top:20px;
	}
}
#tel_encabezado a {
	color:#FFF;
	text-decoration:none;
}
#tel_encabezado h1 {
	margin:0px;
	padding:0px;
	font-size:14px;
}

.boton_payu {
	background-color:#D90000;
	color:#FFF;
	border-radius:5px;
	padding:10px;	
}

#link_registro {
	color:#FFFFFF;
}
#link_registro a {
	color:#FF0;
}


/*ESTILOS TABLA PEDIDO QUE SE ENVIA POR MAIL*/
.Estilo23 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #3399FF; }
.Estilo29 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #3399FF; }
.Estilo31 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0099FF; }
.Estilo36 {font-size: 12px; color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.Estilo38 {color: #000000; font-weight: bold; }

/*ESTILOS VISTA PREVIA PRESUPUESTO */
#cuadro_presupuesto {
	border-style:solid;
	border-width:1px;
	border-color:#000;
}
#imagen_articulo {
	max-height: 300px;
	min-height: 300px;
	margin: auto;	
}
@media (max-width: 768px) {
	#imagen_articulo {
		max-height:inherit;
		min-height:inherit;
	}
}
#margen_cli {
	width: 65px;
	display: inline;
}
#boton_guardar_margen {
	width: 55px;
	font-size: 11px;
}
#col1 {
	margin: 0px;
	padding: 10px;	
}
#col1 h4 {
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
		
}
#buscador_categorias {		
	/*position:fixed;	
	z-index: 999;	*/
	background-color:#FFFFFF;
}

@media (max-width: 992px) {
	#buscador_categorias {		
		position:static;
	}
}

#buscador_categorias option {
	font-weight: bold;
}

#id_cat {
	font-size: 12px;	
	font-weight: bold;
	width: 150px;
	margin-bottom: 5px;
}
@media (max-width: 992px) {
	#col1 {
		min-height: 150px;
		
	}
	#buscador_categorias {
		width: 90%;		
	}
	#id_cat {
		width: 90%;
	}
}

#contenedor_fluido {
	margin:0px;
	padding:0px;
}
#item_menu {
	margin:0px;
	border-bottom-style:none;
}
#item_menu a{
	font-weight:bold;
	font-size:14px;
}


.carousel-control.left {
    background-image:none;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}
 
.carousel-control.right {
    left: auto; right: 0;
    background-image:none;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

.carousel-control {
  filter: invert(108%);
}
.cartel_stock {
	color: #2FB84C;
}
.cartel_agotado {
	color:#F00D11;
}
#titulo_productos_rel {
	font-size: 18px;
	font-weight: bold;
	margin-left: 20px;
}
.caja_prod_rel {
	text-align: center;
	text-transform:uppercase;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #008ECB;
	font-weight:bold;
	border-style: solid;
	border-width: 1px;
	border-color: #ADADAD;
	border-radius: 5px;
	margin-right: 10px;
	padding-top: 5px;
	margin-bottom: 5px;	
	min-height: 240px;
}
.caja_prod_rel p {	
	font-size: 12px;
}
#icono_carrito {
	padding-top: 5px;
}
.mi_fila {
	padding: 0px;
	margin: 0px;
}
#buscador_categorias a {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
}
p.usuario_barra {
	color: #FFFFFF;
	font-size: 11px;
	margin-top: 5px;
	margin-right: 5px;
}
#div_banner_video {
	text-align: center;
}
.div_banner {
	width: 100%;
	background-color:#FFFFFF;
}

.formulario_contacto {
	font-size:1.5rem;
}
#cols_izq_formu p {
	font-size:1.5rem;
}
#cols_izq_formu h1 {
	margin-top:0px;
	padding-top:0px;
}
.iconos {
	margin-right: 10px;
}
#col_der_formu {
	padding-left: 40px;
	padding-top: 40px;
}
@media (max-width: 992px) {
	#col_der_formu {
	padding-left: 0px;
	margin: 0px;	
	padding-top: 0px;
}
	#contenedor_formulario
	{
		padding: 0px;
		margin: 0px;
	}
	
}
#col_der_formu a {
	font-size: 18px;
	color: #000000;
}
#col_der_formu a:hover {
	text-decoration: none;
}
#col_der_formu p {
	font-size: 18px;
}

@media (max-width: 992px) {
	#col_der_formu a {
		font-size: 12px;
	}	
	#col_der_formu p {
		font-size: 12px;
	}
}

/*
.headroom {
    will-change: transform;
    transition: transform 200ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-50%);   
}*/

/*ESTILOS GALERIA */
.caja_obras {
    margin: auto;
    margin-bottom: 20px;    
    
}
.caja_obras h2 {
    font-size: 16px;
    color:#858688;
    margin: 0px;
    padding: 0px;    
    padding-top: 20px;
}
@media (max-width:767px)
{
    .caja_obras h2 {
        text-align: center;
    }
}
.caja_obras img {
    /*margin: auto;*/
    width: 80%; 
    height: 80%;
}
@media (max-width:767px)
{
    .caja_obras img {
        margin: auto;
    }
    .cont_texto_reg {
        margin: auto;
    }
}
/*ESTILOS pop up ws */
/* Estilos para el botón flotante de WhatsApp */
.whatsapp-float {
    position: fixed; /* Lo fija en la pantalla */
    width: 60px; /* Ancho del botón */
    height: 60px; /* Alto del botón */
    bottom: 40px; /* Distancia desde la parte inferior */
    right: 40px; /* Distancia desde la parte derecha */
    background-color: #25d366; /* Color de fondo de WhatsApp */
    color: #FFF; /* Color del ícono si fuera texto */
    border-radius: 50px; /* Hace que sea circular */
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999; /* Sombra sutil */
    z-index: 1000; /* Asegura que esté por encima de otros elementos */
    display: flex; /* Para centrar la imagen */
    justify-content: center; /* Centrado horizontal */
    align-items: center; /* Centrado vertical */
}

.whatsapp-float img {
    width: 35px; /* Tamaño de la imagen del ícono dentro del botón */
    height: 35px;
    margin-top: 2px; /* Pequeño ajuste vertical si es necesario */
}

/* Opcional: para que se vea bien en pantallas más pequeñas */
@media (max-width: 768px) {
    .whatsapp-float {
        width: 50px;
        height: 50px;
        bottom: 20px;
        right: 20px;
        font-size: 25px;
    }
    .whatsapp-float img {
        width: 30px;
        height: 30px;
    }
}
/*fin ESTILOS pop up ws */



/* RETOQUES BARRA SUPERIOR CON LOGO Y MENU */
.navbar-text {
    color: #0CC !important;
    font-weight: bold;
}



#menu.navbar {
    min-height: 80px; /* Ajusta este valor para la altura deseada, por ejemplo, 80px */
    border-radius: 0; /* Elimina bordes redondeados si no los quieres */
    margin-bottom: 0; /* Elimina el margen inferior predeterminado de Bootstrap */
    background-color: #222; /* CAMBIO: Ahora es negro */
    border: none; /* Quita el borde por defecto de Bootstrap */
    border-bottom: 1px solid #080808; /* CAMBIO: Un borde oscuro en la parte inferior */
}

/* Ajusta el padding para que el contenido se centre verticalmente */
#menu .navbar-header {
    padding-top: 2px; /* Un poco de padding superior para centrar el logo y el botón de menú */
    padding-bottom: 10px; /* Un poco de padding inferior */
}

/* Ajusta los enlaces de navegación */
#links li a {
    line-height: 80px; /* Alinea verticalmente los enlaces con la nueva altura de la barra */
    padding-top: 0;
    padding-bottom: 0;
    font-weight: bold; /* Hacer los enlaces un poco más notorios */
    color: #fff; /* CAMBIO: Los enlaces ahora son blancos */
    transition: color 0.3s ease; /* Transición suave al pasar el ratón */
    margin-right: 15px; /* Espacio entre los elementos de la lista */
}

#links li a:hover {
    color: #ccc; /* Un color de resalte al pasar el ratón, por ejemplo un gris claro */
}

/* Asegúrate de que el menú responsive también tenga el padding correcto */
@media (max-width: 767px) {
    #menu .navbar-header {
        padding-top: 5px; /* Ajusta para pantallas pequeñas si es necesario */
        padding-bottom: 5px;
    }
    #menu.navbar {
        min-height: 60px; /* Altura más adecuada para móviles */
    }
    #logo img {
        height: 40px !important; /* Ajuste para el logo en móviles */
    }
}


/* Agrandar el logo */
#logo img {
    height: 55px; /* Ajusta este valor. ¡Importante! Usa 'height' no 'width' */
    width: auto; /* Mantén la proporción */
    transition: transform 0.3s ease; /* Para una pequeña animación al pasar el ratón */
}

#logo img:hover {
    transform: scale(1.05); /* Ligeramente más grande al pasar el ratón */
}
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* Relación 16:9 */
    padding-top: 25px;
    height: 0;
    overflow: hidden;
    margin-bottom: 20px; /* separación con otros elementos */
}


  .embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  padding-bottom: 56.25%; /* 16:9 ratio */
}

.embed-responsive iframe,
.embed-responsive object,
.embed-responsive embed {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}