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

BODY {font:12px Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px; text-align:center; color:#000000;
	background:url(images/pagina-fondo.png) repeat top center #000000;}
	
@font-face {font-family:'Menu'; font-weight:400; font-style:normal; src:url('fuentes/Menu.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:#000000;}
h2 {margin:0px; padding:0px; font-size:16px; color:#a22f03;}
BODY h2 {margin:0px; padding:0px; font-size:16px;}
h3 {margin:0px; padding:0px;}
img {border:0px}
td {font-size:12px;}

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

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

#cabecera-franja {width:100%; margin:auto; background:url(images/cabecera-fondo.png) repeat-x top center; z-index:-2;}
#cabecera-fondo  {width:100%; margin:auto; background:url(images/cabecera.jpg) no-repeat top center; z-index:-1;}

#cabecera {width:950px; height:281px; margin:0 auto 0 auto;}

	#cabeceraMenu {width:650px; height:36px; margin:232px 0px 0px 0px; text-align:left; position:absolute;}
    	ul#menu {margin:0px; text-align:center; float:left;}  /* ------- Alineación Drcha / Izda ---- */
		ul#menu li {width:120px; height:36px; float:left; list-style:none;}
		ul#menu li a {padding:0px; color:#feb981; font:400 16px 'Menu'; line-height:36px; background:url(images/boton-a.png) no-repeat top center; display:block;}		
		ul#menu li a:hover {color:#ffffff; background:url(images/boton-b.png) no-repeat top center;}

	#facebook {width:42px; height:42px; margin:229px 0px 0px 650px; text-align:left; position:absolute;}

	#buscar {width:230px; height:32px; margin:233px 0px 0px 700px; text-align:left; position:absolute;}
		.buscar {width:190px; height:22px; padding:14px 25px 14px 5px;}
		form#busca input, form#busca textarea {
			font:12px Verdana, Arial; border-radius:5px; border:1px solid #a2251b; background:#fafafa; color:#000000; display:block;}
		form#busca input:focus, form#busca input:hover  {border:1px solid #000000; background:#ffffff;}
		.separador {width:0px;}
		.botonBuscar {width:30px; height:30px; float:left; display:block; border-radius:5px; background:#a2251b;}
		.botonBuscar img {width:20px; margin:5px;}


#cuerpo {width:950px; margin:auto; text-align:left; color:#000000;}

#lateral {width:255px; margin:0px 0px 0px 5px; float:left; display:inline;}

	#categorias-a {height:67px; margin:0px 0px 0px 1px;}
	#categorias-b {margin-left:1px; background:url(images/categoria-b.png) repeat-y;}
		#categoria-text {width:180px; margin-left:65px; text-shadow:1px 1px 3px #726358; color:#000000;}
			#categoria-text a       {font:normal 12px Verdana, Arial, Helvetica, sans-serif;}	
			#categoria-text a:hover {font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#a22f03;}		
	#categorias-c {margin-left:1px; height:12px;}

	#carro {background:url(images/usuarios-b.png) repeat-y;}
		#Cart {padding:0px 10px 5px 45px; text-align:left;}
		#Cart, #Cart a {font:normal 13px Arial, Helvetica, sans-serif;}
		#Cart, #Cart a:hover {color:#000000;}
		#Cart a {font-weight:bold; color:#ac111c;}

	#logos-a {height:15px; margin:15px 0px 0px 0px;}
	#logos-b {width:255px; margin:0px 0px 0px 0px; background:url(images/logos-b.png) repeat-y; text-align:center;}
		.logos {margin:0px 0px 0px 35px;}
	#logos-c {height:15px; margin:0px 0px 0px 0px;}

	#fabricante-a {height:50px; margin:10px 0px 0px 0px;}
	#fabricante-b {width:254px; margin:0px 0px 0px 0px; background:url(images/fabricante-b.png) repeat-y; text-align:left;}
		#fabricante {width:160px; margin:5px 0px 2px 60px; background-color:#fde1cd;}
		fieldset.search {background:transparent;}		
	#fabricante-c {height:15px; margin:0px 0px 0px 0px;}

	#usuarios-a {height:58px; margin:10px 0px 0px 0px;}
	#usuarios-b {background:url(images/usuarios-b.png) repeat-y;}
		#usuarios-text {width:180px; margin-left:54px;}
			#usuarios-text a:link    {font-size:12px; color:#c84511;}  /* ¿Olvidó su contraseña? */
			#usuarios-text a:visited {font-size:12px; color:#c84511;}
			#usuarios-text a:hover   {font-size:12px; color:#000000;}
	#usuarios-c {height:12px;}
	
	#anuncio-1 {margin:15px 0px 0px 0px;}

#principal {width:661px; margin:0px 0px 0px 15px; color:#000000; float:left; display:inline;}
	#principal-a {height:17px;}	
	#principal-b {margin:0px 0px 0px 0px;}
		#principal-text {width:630px; margin:0px 0px 0px 16px; font-size:12px; color:#000000;}
		.mapa-text {font-size:12px;}
	
#separata {width:950px; height:50px; margin:auto; clear:both; background:url(images/separata.png) no-repeat;}

#pie {width:100%; height:120px; margin:auto; background:url(images/pie-fondo.png) repeat-x;}
	#pie-contenedor {width:950px; height:100px; margin:auto; background:url(images/pie.png) no-repeat;}
		#pie-texto {width:240px; margin:31px 0px 0px 15px; text-align:center; font-size:12px; color:#d1d1d1; float:left; display:inline;}
		#pie-menu {width:670px; margin:17px 10px 0px 0px; text-align:right; font-size:12px; color:#ffffff; float:right; display:inline;}
			#pie-menu a:link    {font-size:12px; color:#f46903;}
			#pie-menu a:visited {font-size:12px; color:#f46903;}
			#pie-menu a:hover   {font-size:12px; color:#ffffff;}
		#urbecom {width:670px; margin:20px 10px 0px 0px; text-align:right; font-size:11px; color:#ffffff; float:right; display:inline;}
			#urbecom a:link    {font-size:11px; color:#f46903;}
			#urbecom a:visited {font-size:11px; color:#f46903;}
			#urbecom a:hover   {font-size:11px; color:#ffffff;}
			

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

.texto_nombre_pr {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#000000;}
#productos {width:200px; text-align:center; margin:0px 15px 15px 0px;}
	#productos-contenedor {text-align:center; background:url(images/doblecardan-pestana-b.png) repeat-y;}
		#productos-a {height:15px;}
		#productos-nombre {margin:0px 0px 0px 0px; padding:0px 15px 0px 15px; text-align:center;}		
			#productos-nombre a:link    {color:#000000; font-size:14px; font-weight:bold;}
			#productos-nombre a:visited {color:#000000; font-size:14px; font-weight:bold;}
			#productos-nombre a:hover   {color:#ff7f00; font-size:14px; font-weight:bold;}		
		#productos-imagen   {margin:10px 0px 0px 0px; height:160px;}
		#productos-descrip  {margin:0px 0px 0px 0px; padding:0px 15px 0px 15px; text-align:left; font-size:10px; color:#3a3a3a;}	
		#productos-precio   {margin:10px 0px 0px 0px; font-size:16px; font-weight:bold; text-shadow:1px 2px 3px #777777; color:#007a00;}
		#productos-botonera {margin:10px 0px 0px 0px; height:50px; text-align:center; background:url(images/doblecardan-pestana-c.png) no-repeat;}
			#boton-d {width:100px; margin:11px 0px 0px 49px; text-align:center; float:left; display:inline}
		

/* -------------------------------- FICHA FINAL DE LOS PRODUCTOS ------------------------------------- */
		
#productos-final-nombre {text-align:left; font:normal 25px Arial, Helvetica, sans-serif; color:#000000;}
#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:#000000;}	
	#fabri, .fabri {padding-top:10px; font-size:13px; text-align:left; color:#000000;}
	#corta, .corta {padding-top:20px; font-size:15px; text-align:left; color:#345a02; word-wrap:break-word;}
	#larga, .larga, .contenidos-extra {padding-top:20px; font-size:12px; text-align:left; color:#000000; word-wrap:break-word;}
	#corta img, .corta img, #larga img, .larga img, .contenidos-extra img {max-width:100%;}
#productos-final-precio {margin-top:20px; padding:10px; text-align:center; font:normal 16px Arial, Helvetica, sans-serif; color:#000000;
	background:rgba(0,0,0,0.07); border:2px solid rgba(0,0,0,0.1);}
	.texto_productos {font:bold 25px Arial, Helvetica, sans-serif; margin-right:10px; color:#345a02;}
	.precio_oferta   {font:normal 18px Arial, Helvetica, sans-serif; text-decoration:line-through; color:#F00}

	#cantidad-final {width:369px; margin:10px auto auto auto; padding:10px; text-align:center; border:solid 2px #ffffff; background:rgba(255,255,255,0.5);}
		.cantidad-txt {padding-top:8px;}
		.cantidad-flotar {margin:0px 0px 0px 15px; float:left; display:inline;}
	
	.productos-sombra2, #boton-ir-tienda {border-radius:8px;}
	.productos-sombra2 {height:50px; box-shadow:inset 0 0 15px rgba(0,0,0,.25);}
	#boton-ir-tienda {width:250px; margin:15px auto 5px auto; text-align:center; border:solid 3px #ffffff; background:#ff7f00; box-shadow:0px 0px 6px rgba(0,0,0,0.3);}
	#boton-ir-tienda:hover {border:solid 3px #ffffff; background:#222222; box-shadow:0px 0px 10px rgba(0,0,0,0.8);}
		#boton-ir-tienda a {color:#ffffff; font:normal 25px Arial, Helvetica, sans-serif; line-height:48px;}
	
#producto_agotado {margin-bottom:20px; padding:20px; font:bold 16px Arial, Helvetica, sans-serif; text-align:center; color:#7f1418; border:solid #999 1px; background-color:#E6E6E6;}
.radio-boton {border-radius:10px;}
	
/*ESTILOS PARA LAS VARIACIONES*/
.variaciones, .atributos, .variaciones legend, .atributos legend {color:#000000;}
.variaciones, .atributos {padding:0px; margin-top:20px;}
.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 DEL CARRITO Y DE FINALIZACIÓN COMPRAS --------------------------------- */

.carro-fondo1 {height:35px; color:#ffffff; background:#a22f03;}
.carro-fondo2 {height:35px; color:#000000; background:#ffffff;}

.redondo1 {padding:4px; text-align:center; vertical-align:middle;}
.redondo2 {width:100%; padding:2px 2px 5px 2px; background:rgba(0,0,0,0.15); border-collapse:separate;}
.form_login, .redondo1, .redondo2, input, select {border-radius:5px;}
.cent {text-align:center;}
.izda {text-align:left;}
.dcha {text-align:right;}


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

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

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


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

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


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

.form_login {width:170px; height:20px; margin-top:8px; border:1px Solid #2a2520; background:#ffffff; font-size:12px; color:#000000;}
	.form_login:hover {background:#e4e4e4; color:#000000;}
.login_usuario   {font-size:12px; font-weight:normal; color:#000000;}
.login_pass      {font-size:12px; font-weight:normal; color:#000000;}
.menu_categorias {font-size:12px; font-weight:normal; color:#fcbf33;}
	.menu_categorias:hover {color:#000000;}


/* --------------------- BOTON ENTRAR ACCESO CLIENTES -------------*/
.boton_buscar{
	vertical-align: bottom !important;
	vertical-align: text-center;
	width: 100px;
	height: 22px;
	background: #000000;
	border: 1px Solid #ffffff;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	 /* text-indent: -9999px; */
}

/* --------------------- BOTON MI AREA Y SALIR -------------*/
.boton_area {
	width:  70px;
	height: 22px;
	background: #000000;
	border: 1px Solid #ffffff;
	color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	margin-left:10px;
	 /* text-indent: -9999px; */
}

/* --------------------- BOTONES GRANDES PRODUCTOS-FINAL -------------*/
.ibutton {
	width: 155px;
	height: 20px;
	background: #2a2520;
	border: 1px Solid #ffffff;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	/* text-indent: -9999px; */
}


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

#reloj {margin:0px 0px 0px 0px; background:#000; color:#FF0; border:2px Solid #090; font:11px Verdana, Arial, Helvetica; text-align:center; 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;}


/* ----------------------------- 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;}

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




/* ----------------------------- ESTILOS ETIQUETA DESCUENTO OFERTAS ------------------------------------*/

@font-face {font-family:'alternate'; font-weight:normal; font-style:normal; src:url('https://www.urbecom.com/css/fuentes/AlternateGothic.woff') format('woff');}
.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;}


/* ----------------------------- FIN ESTILOS ETIQUETA DESCUENTO OFERTAS ---------------------------------*/