@charset "iso-8859-1";
/* CSS Document */

BODY {font:12px Verdana, Arial, Helvetica, sans-serif; margin:0px; text-align:center; width:100%; height:100%;
	background:url(images/pagina-fondo.jpg) no-repeat top center fixed #f1f2f2; background-size:cover; color:#000000;}

@font-face {font-family:'alternate'; font-weight:normal; font-style:normal; src:url('https://www.urbecom.com/css/fuentes/AlternateGothic.woff') format('woff');}
@font-face {font-family:'GothXNw'; font-weight:400; font-style:normal; src:url('fuentes/GothXNw-N.woff') format('woff');}
@font-face {font-family:'GothXNw'; font-weight:400; font-style:italic; src:url('fuentes/GothXNw-NI.woff') format('woff');}
@font-face {font-family:'GothXNw'; font-weight:600; font-style:normal; src:url('fuentes/GothXNw-B.woff') format('woff');}
@font-face {font-family:'GothXNw'; font-weight:600; font-style:italic; src:url('fuentes/GothXNw-BI.woff') format('woff');}
	

/* ---------------------------------- ESTILOS MUY IMPORTANTES ---------------------------------------- */

p {margin:0px; padding:0px;}
form {margin:0px; padding:0px;}
h1 {margin:0px; padding:0px; font-size:16px;}
.productos h1 {margin:0px; padding:0px; font-size:24px;}
.MsoNormal {color:#000;}
.highslide-caption {margin-top:15px}
h2 {margin:0px; padding:0px; font-size:16px; color:#ede255;}
BODY h2 {margin:0px; padding:0px; font-size:16px;}
h3 {margin:0px; padding:0px;}
img {border:0px}
td {font-size:12px;}
th {font-size:12px; color:#000;}

A:link    {font:normal 12px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#ede255; text-decoration:none;} /* ----- COLORES BASE -----*/
A:visited {font:normal 12px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#ede255; text-decoration:none;}
A:hover   {font:normal 12px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;}

/* --------------------------------------------------------------------------------------------------- */

#cabecera-fondo {width:100%; margin:auto;}

#cabecera {width:990px; height:291px; margin:0 auto 0 auto; background:url(images/cabecera.png) no-repeat top center;}

	#cabecera-menu {width:680px; height:50px; margin:20px 0px 0px 0px; text-align:left; float:left; display:block;}
	    ul#menu {margin:0px 0px 0px 0px; text-align:center; overflow:hidden; float:left;}  /* ------- Alineación Drcha / Izda ---- */
		ul#menu li {float:left; list-style:none;}
			ul#menu li a {display:block; height:35px;  /* --------- TAMAÑO BOTÓN-PADDING (32-8=24) ----- */
				padding:0px 9px 15px 9px;   			            /* --------- PADDING SUPERIOR DEL TEXTO --------- */
				margin:0px 0px 0px 0px;     				        /* --------- MARGEN ENTRE BOTONES --------------- */
				color:#26421c; font:600 24px 'GothXNw', Arial, Sans-Serif; line-height:50px; text-decoration:none;}  
			ul#menu li a:hover {color:#ffffff; background:url(images/boton-b.png) repeat-x;} /* ---- BOTON FINAL (B) ------ */

	#idiomas {width:90px; height:32px; margin:29px 0px 0px 10px; text-align:center; float:left; display:block;}
		.idi-link {width:32px; margin:0px 3px 0px 3px; text-align:left; float:none; display:inline;}

	#buscar {width:190px; height:30px; margin:27px 10px 0px 0px; text-align:left; float:right; display:block;}
		.buscar {width:100%; height:22px; padding:3px 25px 3px 5px;}
		form#busca input, form#busca textarea {
			font:12px Verdana, Arial; border-radius:5px; border:1px solid #26421C; background:#fafafa; color:#000000; display:block;}
		form#busca input:focus, form#busca input:hover  {border:1px solid #26421C; background:#ffffff;}
		.separador {width:12px;}
		.botonBuscar {width:30px; height:30px; float:left; display:block; border-radius:0px 5px 5px 0px; background:#26421C;}
		.botonBuscar img {width:20px; margin:5px;}
	
	#productores {width:90px; height:32px; margin:80px 0px 0px 0px; text-align:center; position:absolute;}
	
	#contacto {width:90px; height:32px; margin:195px 0px 0px 800px; text-align:center; position:absolute;}		

#cuerpo {width:990px; margin:auto; text-align:left; color:#ffffff;}

#lateral-i {width:186px; margin:0px 0px 0px 4px; float:left; display:inline;}

	#categorias-b {}
		#categoria-text {width:180px; margin-left:4px; font:normal 12px Arial, Helvetica, sans-serif; color:#000000;}
			#categoria-text a       {font:normal 12px Arial, Helvetica, sans-serif;}
			#categoria-text a:hover {font:normal 12px Arial, Helvetica, sans-serif; color:#ffffff;}		

	#redes {padding:0px 0px 7px 0px; text-align:left;}

#principal {width:560px; margin:0px 0px 0px 15px; float:left; display:inline;}
	#principal a       {color:#ede255;}
	#principal a:hover {color:#ffffff;}

	#principal-b {margin:0px 0px 0px 0px;}
		#principal-text {font-size:12px; color:#ffffff;}
		#principal-text ul {margin-left:20px;}
		.mapa-text {font-size:12px;}

#lateral-d {width:186px; margin:0px 0px 0px 10px; float:left; display:inline;}

	#carro {}
		#Cart {padding:8px 10px 0px 10px; font:normal 11px Verdana, Arial, Helvetica, sans-serif; text-align:left; color:#000000;}
			#Cart a       {font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#d00000;}
			#Cart a:hover {font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#000000;}

	#usuarios {}
		#usuarios-text {padding:8px 0px 0px 8px; color:#000000;}
			#usuarios-text a       {font-size:11px; color:#d00000;}
			#usuarios-text a:hover {font-size:11px; color:#000000;}

	#noticias {}
		#noticias-text {padding:8px 10px 0px 10px; color:#000000;}
			#noticias-text a       {font-size:12px; color:#000000;}
			#noticias-text a:hover {font-size:12px; color:#d00000;}
			
	#video-lateral {width:182px; margin:20px 0px 0px 4px;}
	
#separata {width:990px; height:35px; margin:auto; clear:both; background:url(images/separata.png) no-repeat;}

#franja-texto {width:990px; height:60px; margin:auto; clear:both;}

#pie {width:100%; height:100px; margin:auto;}
	#pie-contenedor {width:990px; height:90px; margin:auto; background:url(images/pie.png) no-repeat;}
		#pie-menu {width:960px; margin:22px 15px 0px 0px; text-align:center; font:12px Arial, Helvetica, sans-serif; color:#ffffff; float:right; display:block;}
			#pie-menu a       {font:normal 12px Arial, Helvetica, sans-serif; color:#26421c;}
			#pie-menu a:hover {font:normal 12px Arial, Helvetica, sans-serif; color:#ffffff;}
		#urbecom {width:960px; margin:20px 15px 0px 0px; text-align:center; font:11px Arial, Helvetica, sans-serif; color:#ffffff; float:right; display:block;}
			#urbecom a       {font:normal 11px Arial, Helvetica, sans-serif; color:#ffffff;}
			#urbecom a:hover {font:normal 11px Arial, Helvetica, sans-serif; color:#26421c;}


/*---------------------------------------- WHATSAPP -------------------------------------------------*/

.ventanaWhatsApp a {width:120px; height:40px; bottom:10px; right:10px; box-sizing:border-box; z-index:1000; position:fixed; background:#40A22E; border:solid 2px #fff; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,0.3);}
.ventanaWhatsApp a:hover {background:#1f6d10;}
.ventanaWhatsApp img {margin:-2px 0 0 -2px;}


/* ---------------------------------- FICHAS DE LOS PRODUCTOS --------------------------------------------------------------- */

.texto_nombre_pr {font:bold 16px Verdana, Arial, Helvetica, sans-serif; color:#ffffff;}
.productos {width:180px; text-align:center; margin:0px 10px 15px 0px;}
	.productos-contenedor {text-align:center; background:url(images_ficha/ficha-pestana-b.png) repeat-y;}
		#productos-nombre {margin:0px 0px 0px 0px; padding:0px 8px 0px 8px; text-align:center;}		
			#productos-nombre a       {font:bold 12px Arial, Helvetica, sans-serif; color:#ffffff;}
			#productos-nombre a:hover {font:bold 12px Arial, Helvetica, sans-serif; color:#d1dca0;}		
		.productos-imagen   {padding:5px 0px 5px 0px; height:160px; background:url(images_ficha/ficha-pestana-c.png) repeat-y;}
		.productos-descrip  {margin:0px 0px 0px 0px; padding:0px 10px 0px 10px; text-align:center; font-size:10px; color:#ffffff;}	
		.productos-precio   {margin:5px 0px 0px 0px; font-weight:bold; font-size:16px; color:#ffffff;}		
		.pvp_oferta {font-weight:bold; font-size:16px; color:#ce4900;}			

.eti-oferta {width:100%; position:relative;}
.eti-descuento {top:8px; right:8px; width:50px; height:50px; font:normal 24px 'alternate', Arial, Helvetica, sans-serif; line-height:52px; text-align:center;
	background:rgba(255,255,255,0.95); box-shadow:0px 0px 6px rgba(0,0,0,0.6); border-radius:49%; position:absolute; z-index:25;}


/* -------------------------------- FICHA FINAL DE LOS PRODUCTOS ------------------------------------- */
		
#productos-final-nombre {text-align:left; font:normal 25px Arial, Helvetica, sans-serif; color:#becc81;}
#productos-final-imagen {text-align:left; margin:0px 0px 0px 0px;}
	#productos-final-imagen img {margin:5px 20px 10px 0px; max-width:250px; display:block; float:left;}
	.zoom-adic {width:250px; text-align:left; margin:0; padding:0;}
	.Selector img {border:2px solid #ccc;}
	.Selector.Active img {border:2px solid #FB9E11;}	
	#codep, .codep {padding-top:20px; font-size:13px; text-align:left; color:#ffffff;}	
	#fabri, .fabri {padding-top:10px; font-size:13px; text-align:left; color:#ffffff;}
	#corta, .corta {padding-top:20px; font-size:13px; text-align:left; color:#becc81; word-wrap:break-word;}
	#larga, .larga {padding-top:20px; font-size:11px; text-align:left; color:#ffffff; word-wrap:break-word;}
#productos-final-precio {margin-top:20px; padding:10px 0px 0px 10px; text-align:center; font:normal 16px Arial, Helvetica, sans-serif; color:#ffffff;
	background:rgba(0,0,0,0.07); border:1px solid rgba(0,0,0,0.15);}
	.texto_productos {font:bold 25px Arial, Helvetica, sans-serif; margin-right:10px; color:#becc81;}
	.precio_oferta   {font:normal 18px Arial, Helvetica, sans-serif; text-decoration:line-through; color:#F00}
	
#producto_agotado {margin-bottom:20px; padding:20px; font:bold 16px Arial, Helvetica; text-align:center; color:#7f1418; border:solid #999 1px; background-color:#E6E6E6;}
.radio-boton {border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; -khtml-border-radius:10px;}
	
/*ESTILOS PARA LAS VARIACIONES*/
.variaciones, .atributos {padding:0px; margin-top:20px; color:#ffffff;}
.variaciones fieldset, .atributos fieldset {padding:7px; border:solid; border-width:1px; border-color:#CCC;}
.variaciones legend, .atributos legend {margin:0px 0px 0px 10px; font-size:120%; font-weight:bold;} 
.variaciones input, .atributos input, textarea, select {border:1px solid #CCC;} 
.variaciones input:focus, .atributos input:focus, select:focus {background:#FFF799;}
.variaciones select, .atributos select {margin-top:5px;}

/*ESTILOS PARA LOS ATRIBUTOS*/
.atrib_opciones {text-align:left; padding:0px 15px 10px 10px; float:left; display:inline;}
.atributos label {display:block; font-weight:bold; margin-top:10px; margin-bottom:2px;} 


/* ----------------------- PROPIEDADES DE FINALIZACIÓN COMPRAS --------------------------------------------------------------- */

#agotado, .agotado {font-weight:bold; text-transform:uppercase; color:#F00;}
#agotado-ficha, .agotado-ficha {color:#F00;}
#envio_etiqueta {color:#aec838;}
.noticias-fecha{}
.pageslist a {background:rgba(255,255,255,0.15);}
fieldset {background:rgba(255,255,255,0.15);}
label  {color:#aec838;}
.borde {color:#aec838;}
hr {border:1px solid #ede255;}
.redondo2 {background:rgba(0,0,0,0.25); padding:2px 2px 3px 2px;}
.marco-fondo {background:rgba(255,255,255,0.15);}


/* ----------------------- PROPIEDADES DE TEXTO Y FORMULARIOS --------------------------------------------------------------- */

.texto01 {font:normal 13px Verdana, Arial, Helvetica, sans-serif; color:#aec838;}
.texto02 {font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#ffffff;}
.pie-texto2 {font:normal 12px Arial, Helvetica, sans-serif; color:#ffffff;}
.des {font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#aec838;}
.smallText {font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#aec838;}
.texto14_bold {font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#ffffff;}
.texto_Arial_11_bold_morado {font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#ffffff;}
.texto_Arial_16_bold_verde  {font:bold 16px Verdana, Arial, Helvetica, sans-serif; color:#aec838;}

.texto_form1 {width:130px; height:20px; border:1px Solid #494949; background:#688710; color:#93161C; font:11px Arial, Helvetica, sans-serif;}
	.texto_form1:hover {background:#93161C; color:#ffffff;}


/* ----------------------- PROPIEDADES DE AREA DE CLIENTES --------------------------------------------------------------- */

.highlight_text {font-weight:bold; font-size:12px; color:#aec838;} 			/* Mi área personal título ---- & ---- Escriba usuario y contraseña -------------*/
.basictext {font-size:12px; color:#ffffff;} 								/* Mi área personal texto */
.block_table_first_td {font-weight:bold; font-size:12px; color:#aec838;} 	/* Página rellenar datos cliente título */
.block_table_td {font-size:11px; color:#ffffff;} 							/* Página rellenar datos cliente texto */
.shipping_tabla_pago {font-size:12px; color:#ffffff;} 						/* Página donde muestra las formas de pago */
.oMain {font-size:10px; color:#ffffff;}
.main  {font-size:10px; color:#ffffff;}


/* --------------------- BOTON ENTRAR ACCESO CLIENTES + BOTON MI AREA Y SALIR + ACTUALIZAR CARRITO ---------------------*/

.boton_buscar{width:100px;}
.boton_area {width:70px; margin-left:6px;}
.ibutton {width:155px;}

.boton_buscar, .boton_area, .ibutton {height:25px; padding-bottom:2px; font:bold 11px Verdana, Arial, Helvetica, sans-serif;	
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -ms-border-radius:4px; -khtml-border-radius:4px;	
	border:1px Solid #ffffff; color:#ffffff; background:#26421c; /* text-indent: -9999px; */}

.boton_buscar:hover, .boton_area:hover, .ibutton:hover {border:1px Solid #000000; color:#000000; background:#ffffff;}


/* ---------------------------------- FORMULARIOS USUARIO Y CONTRASEÑA --------------------------------------------------------------- */

.form_login {width:160px; height:20px; margin-top:8px; border:1px Solid #2a2520; background:rgba(255,255,255,0.5); font-size:12px; color:#000000;}
.form_login:hover {background:#ffffff; color:#000000;}
.login_usuario, .login_pass {font-weight:normal; font-size:12px; color:#000000;}
.menu_categorias {font-weight:normal; font-size:12px; color:#fcbf33;}
	.menu_categorias:hover {color:#000000;}
	
/* ----------------------------- ESTILOS EFECTOS GENERALES ------------------------------------*/

.redondea {border-radius:8px;}

a, .opacidad img, .realce img, .respland img, .sombra, .ampliar img, .amplia2 img, .ampliaCapa, .desplaza img, .ruleta img, .circulo img, .cuadrado img, .grises img, 
#menu li a, .nav li a, .carro-flotante, .efectos, .efectos img, .efectos a, input {
	transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s;}

.productos-contenedor, .productos-imagen img, .ficha-boton, .ficha-boton2, .productos-botonera, .vista-rapida-ficha, .efecto5, .efecto5 img, .efecto5 a {
	transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s;}

.opacidad img, .realce img:hover {opacity:1;}
.opacidad img:hover, .realce img {opacity:0.6;}

.respland img {box-shadow:0px 0px 0px #ffffff;}
.respland img:hover {box-shadow:0px 0px 5px #ffffff;}

.sombra {box-shadow:0px 0px 0px rgba(0,0,0,0);}
.sombra:hover {box-shadow:0px 0px 6px rgba(0,0,0,0.5);}

.ampliar img, .amplia2 img {-webkit-transform: scale(1); transform: scale(1);}
.ampliar img:hover {-webkit-transform: scale(1.18); transform: scale(1.18);}
.amplia2 img:hover {-webkit-transform: scale(1.05); transform: scale(1.05);}

.ampliaCapa {-webkit-transform: scale(1); transform: scale(1);}
.ampliaCapa:hover {-webkit-transform: scale(1.18); transform: scale(1.18);}

.desplaza img, .ruleta img {margin-top:0px; padding-bottom:0px;}
.desplaza img:hover {margin-top:-2px; padding-bottom:2px;}
.ruleta img:hover {margin-top:-30px; padding-bottom:30px;}

.circulo img, .cuadrado img:hover {border:solid 2px #ffffff; border-radius:0px;}
.circulo img:hover, .cuadrado img {border:solid 2px #ffffff; border-radius:50%;}

.grises img {filter: url('#grayscale'); -webkit-filter:grayscale(100%); filter:grayscale(100%); filter:Gray();}
.grises img:hover {-webkit-filter:grayscale(0%); filter:none;}


/* ----------------------------- ESTILOS UTILES VARIOS -----------------------------------------*/

#reloj {margin:0px 0px 0px 0px; text-align:center; font:11px Verdana, Arial, Helvetica; background:#000; border:2px Solid #090; color:#FF0; float:left; display:inline;}
#fecha {width:200px; height:20px; margin:0px 0px 0px 0px; text-align:center; font:11px Tahoma, Arial, Helvetica; color:#ffffff; float:left; display:inline;}
.transparencia {opacity: .80; -moz-opacity: .80; filter:alpha(opacity=80);}
.form_login, .redondo1, .redondo2, form#busca input, form#busca textarea {
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -khtml-border-radius:5px;}

.margen-5  {margin-top:5px; text-align:center;}	
.margen-10 {margin-top:10px; text-align:center;}
.margen-15 {margin-top:15px; text-align:center;}
.margen-20 {margin-top:20px; text-align:center;}
.margen-25 {margin-top:25px; text-align:center;}
.margen-30 {margin-top:30px; text-align:center;}
.margen-35 {margin-top:35px; text-align:center;}		


/* ----------------------------- ESTILOS EFECTOS GENERALES ------------------------------------*/

.redondea {border-radius:8px;}

a, .opacidad img, .realce img, .respland img, .sombra, .ampliar img, .amplia2 img, .ampliaCapa, .desplaza img, .ruleta img, .circulo img, .cuadrado img, .grises img, 
#menu li a, .nav li a, .carro-flotante, .efectos, .efectos img, .efectos a, input, #menu-fondo {transition:all 0.4s; -webkit-transition:all 0.4s;}

.productos-contenedor, .productos-imagen img, .ficha-boton, .ficha-boton2, .productos-botonera, .vista-rapida-ficha, .efecto5, .efecto5 img, .efecto5 a {
	transition:all 0.5s; -webkit-transition:all 0.5s;}

.opacidad img, .realce img:hover {opacity:1;}
.opacidad img:hover, .realce img {opacity:0.6;}

.respland img {box-shadow:0 0 0 #fff;}
.respland img:hover {box-shadow:0 0 5px #fff;}

.sombra {box-shadow:0 0 0 rgba(0,0,0,0);}
.sombra:hover {box-shadow:0 0 6px rgba(0,0,0,0.5);}

.ampliar img, .amplia2 img {-webkit-transform: scale(1); transform: scale(1);}
.ampliar img:hover {-webkit-transform: scale(1.18); transform: scale(1.18);}
.amplia2 img:hover {-webkit-transform: scale(1.05); transform: scale(1.05);}

.ampliaCapa {-webkit-transform: scale(1); transform: scale(1);}
.ampliaCapa:hover {-webkit-transform: scale(1.18); transform: scale(1.18);}

.desplaza img, .ruleta img {margin-top:0; padding-bottom:0;}
.desplaza img:hover {margin-top:-2px; padding-bottom:2px;}
.ruleta img:hover {margin-top:-30px; padding-bottom:30px;}

.circulo img, .cuadrado img:hover {border:solid 2px #fff; border-radius:0;}
.circulo img:hover, .cuadrado img {border:solid 2px #fff; border-radius:50%;}

.grises img {filter: url('#grayscale'); -webkit-filter:grayscale(100%); filter:grayscale(100%); filter:Gray();}
.grises img:hover {-webkit-filter:grayscale(0%); filter:none;}


/* ----------------------------- ESTILOS FORMULARIO ------------------------------------*/

.seccion-form, .campos, .selector, .form-label-privacidad a {font:15px Arial, Helvetica; text-decoration:none;}

.form-container {width:100%; max-width:560px; margin:20px auto auto auto; background:rgba(255,255,255,0.95); border:solid 1px #dddddd;}
.form-container ul {margin:0; padding:20px;}

.campos {width:95%; max-width:95%; padding:10px; border-radius:5px; border:solid 1px rgba(0,0,0,0.2); background:rgba(0,0,0,0.02); box-shadow:0px 0px 5px rgba(0,0,0,0.3);}
.campos:hover {border:solid 1px rgba(0,0,0,0.5); background:#ffffff; box-shadow:0px 0px 5px rgba(0,0,0,0.6);}
.campos, .form-button button {transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s;}

.selector {min-width:50%; max-width:90%; padding:6px; border-radius:5px; border:solid 1px rgba(0,0,0,0.3); box-shadow:0px 0px 5px rgba(0,0,0,0.3);}

.form-ul {margin:0px; padding:10px 25px; list-style:none;}
.form-ul li {clear:both; padding:0px 0px 20px 0px;}

.form-label-text {width:90%; margin-left:8px; line-height:36px; text-align:left;}
.form-field-text, .form-field-area, .form-field-select {width:97%; height:40px; margin-left:10px;}
.form-field-area {height:105px;}
.form-field-area textarea {height:80px; max-height:80px;}
.form-field-select, .form-field-option, .form-field-check {margin-left:25px;}

.form-label-privacidad {width:65%; padding-top:2px; text-align:right; float:left; display:inline;}
.form-field-privacidad {margin-left:10px; float:left; display:inline;}

.form-button {width:100%; margin-top:10px; text-align:center;}
	.form-button button {width:140px; height:35px; border:solid 1px rgba(0,0,0,0.4); border-radius:5px; background:rgba(0,0,0,0.5); color:#ffffff;}
	.form-button button:hover {width:150px; background:rgba(0,0,0,0.7);}
	
.check {margin:5px 5px 0px 0px;}
.error {color:#FF0004;}

#formulario-seccion-recaptcha {text-align:center;}
#recaptcha_area {margin:30px auto auto auto;}