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

BODY {color:#000000; font:12px Verdana, Arial, Helvetica, sans-serif; margin:0px;
	  background:url(images/pagina-fondo.jpg) no-repeat top center fixed #ffffff; background-size:cover !important ;}
	  
@font-face {font-family:'PT-SansN'; font-weight:normal; font-style:normal; src:url('fuentes/PT-Sans-Nrw.woff') format('woff');}
@font-face {font-family:'PT-SansN'; font-weight:bold; font-style:normal; src:url('fuentes/PT-Sans-NrwBD.woff') format('woff');}
@font-face {font-family:'alternate'; font-weight:normal; font-style:normal; src:url('https://www.urbecom.com/css/fuentes/AlternateGothic.woff') format('woff');}


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

* {list-style:none; text-decoration:none; margin:0; padding:0;}	
p, form, h1, .productos h1, h2, h3 {margin:0px; padding:0px;}
input {padding:2px;}
.MsoNormal, th {color:#000;}
.highslide-caption {margin-top:15px}
img {border:0px}
h1 {font-size:16px;}
td, th {font-size:12px;}
fieldset {padding:7px;}
#arriba, #arriba img {-webkit-box-sizing:content-box; box-sizing:content-box; transition:none; -webkit-transition:none;}

A:link    {font:normal 12px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#189dcd; text-decoration:none;}
A:visited {font:normal 12px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#189dcd; text-decoration:none;}
A:hover   {font:normal 12px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none;}


/* ------------------- ESTILOS PÁGINA DE OBRAS ----------------------------- */

.contenedor {width:600px; height:300px; top:50%; left:50%; margin:-200px 0 0 -300px; position:absolute; text-align:center;
	background:#ffffff; box-shadow:0px 0px 10px rgba(0,0,0,0.5); border-radius:40px;}
.obrasImg img {width:auto; margin:20px auto;}
.obrasTxt {margin:5px; color:#000000; font:bold 20px Arial, Helvetica, sans-serif;}

@media only screen and (max-width: 650px) {
.contenedor {width:80%; height:auto; top:30%; left:10%; margin:0; position:absolute; border-radius:20px;}
.obrasImg img {width:95%; margin:20px auto;}
}

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


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

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

	#usuarios-cont {width:210px; height:20px; margin:16px 0px 0px 5px; position:absolute;}
		#usuarios-cont a       {font:normal 16px 'PT-SansN', Arial, Helvetica, sans-serif; color:#555555;}
		#usuarios-cont a:hover {color:#189dcd;}	
		#usu-ident {width:84px; margin:0px 0px 0px 0px; text-align:right; float:left; display:block;}
		#usu-regis {width:85px; margin:0px 0px 0px 40px; text-align:left; float:left; display:block;}

/*	#cabecera-menu {width:770px; height:45px; margin:5px 0px 0px 220px; text-align:left; position:absolute;}
    	ul#menu {margin:0; text-align:center; overflow:hidden; float:right;}
		ul#menu li {float:left; list-style:none;}
		ul#menu li a {display:block; height:39px; padding:6px 15px 0px 15px; margin:0px; color:#262626; font:normal 22px 'PT-SansN', Arial; text-decoration:none;}  
		ul#menu li a:hover {color:#ffffff; background:url(images/boton-b.png) repeat-x;} */

	#cabeceraMenu {width:770px; height:40px; margin:5px 0 0 220px; clear:both; text-align:left; position:absolute;}
	ul.nav2 {float:right;}	/* ------- Alineación Drcha / Izda ---- */	
	.nav2 > li {float:left; z-index:999;}
	.nav2 li a {padding:8px 15px 10px 15px; color:#000; font:normal 22px 'PT-SansN', Arial; line-height:22px; display:block;}
	.nav2 li a:hover {color:#fff; background:#D91479;}
	.nav2 li {list-style:none; position:relative;}
	.nav2 li ul {width:200px; display:none; border:1px solid #555; background:#fff; box-shadow:2px 2px 4px rgba(0,0,0,0.4); position:absolute;}
	.nav2 li li a {padding:8px 10px; color:#000;}
	.nav2 li li a:hover {color:#fff; background:#D91479;}
	.nav2 li:hover > ul {display:block;}
	.nav2 li ul li ul {right:-190px; top:0;}

	.logoToner {margin:68px 0px 0px 287px; position:absolute;}
	
	#contacto {margin:65px 0px 0px 770px; text-align:left; position:absolute;}
	
	#buscar {width:270px; height:28px; margin:161px 0px 0px 720px; text-align:left; position:absolute;}	

	#fabricante-b {width:170px; margin:160px 0px 0px 215px; text-align:center; position:absolute;}
		#fabricante {width:170px; background-color:transparent;}
		fieldset.search {background:transparent;}

	#redes {width:250px; margin:152px 0px 0px 370px; text-align:center; position:absolute;}
		#redes, #redes a {font:bold 15px 'PT-SansN', Arial, Helvetica, sans-serif; line-height:16px;}

	#carro {width:300px; margin:158px 0px 0px 75px; position:absolute;}
		#Cart {padding:0px; text-align:left; color:#000000;}
			#Cart, #Cart a {font:normal 16px 'PT-SansN', Arial, Helvetica, sans-serif; line-height:18px;}
			#Cart a        {color:#D91479; font-weight:bold;}
			#Cart a:hover  {color:#000000;}


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


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

	#categorias-b {width:195px; margin-left:3px;}
		#categoria-text {font:normal 15px 'PT-SansN', Arial, Helvetica, sans-serif; color:#000000;}
			#categoria-text a       {font:normal 15px 'PT-SansN', Arial, Helvetica, sans-serif;}
			#categoria-text a:hover {font:normal 15px 'PT-SansN', Arial, Helvetica, sans-serif; color:#189dcd;}	
			
	#categorias {}
	.nav > li, .nav li ul {width:195px; z-index:450;}
	.nav li ul {top:0; right:-197px; border:solid 1px #cccccc; box-shadow:2px 2px 4px rgba(0,0,0,0.3); display:none; position:absolute;}
	.nav li a {padding:4px 5px 5px 15px; color:#000000; font:bold 18px 'PT-SansN', Tahoma, Arial, Helvetica; line-height:18px; display:block;}
	.nav li a:hover {color:#189dcd; background:rgba(0,0,0,0.05);}
	.nav li {list-style:none; position:relative;}
	.nav li:hover > ul {display:block;}
	.flecha  {padding:5px 0px 0px 5px; line-height:15px; font-weight:bold; position:absolute;}
	.nav li li a {padding:3px 5px 4px 15px; font:normal 14px Tahoma, Arial, Helvetica; line-height:15px; background:#eeeeee;}
	.nav li li a:hover {background:#ffffff;}			
			
	#noticias {}
		#noticias-text {padding:5px 15px 0px 5px; text-align:left; color:#000000;}
			#noticias-text p       {padding:4px 0px 6px 14px; background:url(images/img-news.png) no-repeat top left;}
			#noticias-text a       {font-size:12px; color:#000000;}
			#noticias-text a:hover {font-size:12px; color:#189dcd;}


#principal {width:750px; margin:5px 0px 0px 20px; float:left; display:inline;}
	#principal-b {margin:0px 0px 0px 0px;}
		#principal-text {font-size:12px; color:#000000;}
		#principal-text ul {margin-left:20px;}
		.mapa-text {font-size:12px;}


#separata {width:1000px; height:35px; margin:auto; clear:both; background:url(images/principal-b.png) repeat-y;}


#pie {width:100%; height:245px; margin:auto; background:url(images/pie.png) no-repeat top center;}
	#pie-contenedor {width:1000px; height:220px; margin:auto; font:normal 12px Arial, Helvetica, sans-serif; color:#b4b4b4;}
		#pie-contenedor a       {font:normal 12px Arial, Helvetica, sans-serif; color:#b4b4b4;}
		#pie-contenedor a:hover {font:normal 12px Arial, Helvetica, sans-serif; color:#ffffff;}
		.pie-bloque {width:220px; min-height:200px; margin:0px 0px 0px 20px; text-align:left; float:left; display:block;}
			.pie-bloque p  {margin:0px 0px 3px 5px; text-transform:uppercase;}
		.links-pie {margin:15px 5px 0px 5px; text-align:left; float:left; display:block}
		#pie-texto {width:1000px; margin:10px 0px 0px 0px; text-align:center; float:left; display:block;}

	#boletin-1 {width:210px; margin-left:-5px; padding-top:7px; font:normal 12px Arial, Helvetica, sans-serif; text-align:center;}
		#boletin-texto1 {padding:3px;}
		.boletin-txt1 {margin:7px auto auto auto; text-align:center;}
		.boletin-txt1 input {width:80%; margin-bottom:5px; padding:3px;}
		#boletin-acepto {color:#ffffff; font:normal 10px Arial, Helvetica, sans-serif;}
			#boletin-acepto a       {color:#a1a1a1; font:normal 10px Arial, Helvetica, sans-serif;}
			#boletin-acepto a:hover {color:#ffffff; font:normal 10px Arial, Helvetica, sans-serif;}	



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

#contenedor-general {width:100%; margin:auto; text-align:center;}
.texto_nombre_pr {font:bold 16px Verdana, Arial, Helvetica, sans-serif; color:#000000;}	
#contenedor-fichas {width:104%; margin:auto; padding-top:15px; text-align:center; clear:both; display:table;}

.productos {width:180px; margin:0px 10px 15px 0px; text-align:center; float:left; display:table-cell;}
.productos-contenedor {text-align:center; background:url(images_ficha/ficha-pestana-b.png) repeat-y;}
	.productos-imagen {padding:0px 0px 10px 0px; height:180px;}
	#productos-nombre {margin:0px 0px 0px 0px; padding:0px 8px 0px 8px; text-align:center;}		
		#productos-nombre a {font:normal 18px 'PT-SansN', Arial, Helvetica, sans-serif; color:#d91479; line-height:18px;}
		#productos-nombre a:hover {color:#000000;}		
	.fichaOpiniones {width:100%; height:20px; text-align:center;}		
	.productos-descrip  {padding:8px 8px 0px 8px; text-align:center; font:bold 13px Arial, Helvetica, sans-serif; color:#000000;}	
	.productos-precio   {padding:5px 5px 0px 5px; font:bold 25px 'PT-SansN', Arial, Helvetica, sans-serif; color:#189dcd;}		
	.pvp_oferta {font:bold 25px 'PT-SansN', Arial, Helvetica, sans-serif; color:#189dcd;}
	
.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 'PT-SansN', Arial, Helvetica, sans-serif; color:#0c8cba;}
#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;}
	
	.Opiniones {padding-top:5px; font-size:16px; color:#000000;}
	#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:13px; text-align:left; color:#0c8cba; word-wrap:break-word;}
	#larga, .larga, .contenidos-extra {padding-top:20px; font-size:11px; text-align:left; color:#000000; word-wrap:break-word;}

#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:1px solid rgba(0,0,0,0.15);}
	.texto_productos {font:bold 25px 'PT-SansN', Arial, Helvetica, sans-serif; margin-right:10px; color:#0c8cba;}
	.precio_oferta   {font:normal 18px 'PT-SansN', Arial, Helvetica, sans-serif; text-decoration:line-through; color:#d91479;}
	
	#cantidad-final {width:409px; 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; -moz-border-radius:8px; -webkit-border-radius:8px; -ms-border-radius:8px; -khtml-border-radius:8px;}
	.productos-sombra2 {box-shadow:inset 0 0 15px rgba(0,0,0,.25);}
	.boton-ir-tienda {
		width:250px; height:50px; margin:15px auto 5px auto; text-align:center; border:solid 3px #ffffff; background:#555555; 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; 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:#000000;}
.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;} 


/* ---------------------------- BOTONES AÑADIR - RESTAR CANTIDAD EN PRODUCTOS ---------------------------------------*/

.productos-cantidad .quantity-prop-pr {width:35px; height:23px; margin:-5px; text-align:center;}
.productos-cantidad input.quantity-prop-pr, .productos-cantidad input.quantity-plus-prop-pr, .productos-cantidad input.quantity-minus-prop-pr {
	font:bold 15px Arial, Helvetica; line-height:15px;}
.productos-cantidad input.quantity-plus-prop-pr, .productos-cantidad input.quantity-minus-prop-pr {width:20px; height:25px;}
#form-cantidad-prop-pr {margin:0; padding:0;}
.quantity-prop-pr {width:51px; height:33px; margin:-5px; text-align:center;}
input.quantity-minus-prop-pr {border-radius:5px 0px 0px 5px;}
input.quantity-plus-prop-pr  {border-radius:0px 5px 5px 0px;}
input.quantity-prop-pr {border-radius:0px 0px 0px 0px;}

input.quantity-prop-pr, input.quantity-plus-prop-pr, input.quantity-minus-prop-pr {padding:0; font:bold 20px Arial, Helvetica; line-height:20px; border:solid 1px #aaaaaa;}
input.quantity-plus-prop-pr, input.quantity-minus-prop-pr {width:30px; height:35px; background:linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,0.25)); transition:all 0.15s;}
input.quantity-plus-prop-pr:hover, input.quantity-minus-prop-pr:hover, input.quantity-plus-prop-pr:focus, input.quantity-minus-prop-pr:focus {
	background:linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.05));}
	

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

#agotado, .agotado {font-weight:bold; text-transform:uppercase; color:#F00;}
#agotado-ficha, .agotado-ficha {color:#F00;}
.noticias-fecha{}
#envio_etiqueta {color:#333333;}
label, .borde {color:#555555;}
hr {border:1px solid #189dcd; margin:3px auto 5px auto;}
.marco-fondo, fieldset {background:rgba(0,0,0,0.05);}
.redondo2 {padding:2px 2px 3px 2px; background:rgba(0,0,0,0.15);}


/* --------------------- BOTON ACCESO CLIENTES + ACTUALIZAR CARRITO ---------------------------*/

.boton_buscar {width:100px;}
.boton_area {width:70px; margin-left:6px;}
.ibutton, .boton-envio {width:155px; margin-top:5px;}
.boton-envio {border:1px Solid #ffffff; color:#ffffff; background:#535353; /* text-indent: -9999px; */}
.boton_buscar, .boton_area, .ibutton {border:1px Solid #000000; color:#ffffff; background:#535353; /* text-indent: -9999px; */}

.boton_buscar, .boton_area, .ibutton, .boton-envio {height:25px; padding-bottom:2px; font:bold 12px Verdana, Arial, Helvetica, sans-serif;	
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -ms-border-radius:4px; -khtml-border-radius:4px;}

.boton_buscar:hover, .boton_area:hover, .ibutton:hover, .boton-envio: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(0,0,0,0.05); 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);}
.redondo1 {padding:4px;}
.form_login, .redondo1, .redondo2 {border-radius:5px;}
.imags, .formas-pago-cont-item, .profile-items {text-align:center;}
.imags img, .formas-pago-cont-item img, .profile-items img {display:inline;}

.cent {text-align:center;}
.izda {text-align:left;}
.dcha {text-align:right;}
.flotaDcha {float:right;}
.flotaIzda, .flotar {float:left;}

.ancho100  {width:100%;}

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

.separa-01 {height:1px; clear:both;}
.separa-02 {height:2px; clear:both;}
.separa-03 {height:3px; clear:both;}
.separa-05 {height:5px; clear:both;}
.separa-10 {height:10px; clear:both;}
.separa-15 {height:15px; clear:both;}
.separa-20 {height:20px; clear:both;}
.separa-25 {height:25px; clear:both;}
.separa-30 {height:30px; clear:both;}
.separa-40 {height:40px; clear:both;}
.separa-50 {height:50px; clear:both;}
.separa-60 {height:60px; clear:both;}
.separa-70 {height:70px; clear:both;}
.separa-80 {height:80px; clear:both;}
.separa-90 {height:90px; clear:both;}
.separa-100 {height:100px; clear:both;}
.separa-120 {height:120px; clear:both;}
.separa-150 {height:150px; clear:both;}
.separa-200 {height:200px; clear:both;}


/* ---------------------------- PROPIEDADES DEL BUSCADOR ---------------------------------------*/

.buscar {width:100%; height:22px; padding:2px 35px 2px 4px;}

form#busca input, form#busca textarea          {border:1px solid #999999; color:#7b7b7b; background:#ffffff; font:12px Verdana, Arial, Helvetica; display:block;}
form#busca input:focus, form#busca input:hover {border:1px solid #7b7b7b; color:#000000; background:#ffffff;}

.separador {width:12px;}

a.boton-buscar {width:28px; height:28px; display:block; float:left;	background:transparent url(images/busca-a.png) no-repeat scroll top right;}
a.boton-buscar:hover {background:transparent url(images/busca-b.png) no-repeat scroll top right;}


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


/*--------------------------------------- ESTILOS SUBCATEGORÍAS ------------------------------------*/

.subsCatContainer {min-width:170px; width:28%; margin:20px 2.66%; min-height:50px;}
.subsCatImagen {width:100%; height:0px; text-align:center; display:none; vertical-align:middle;}

/*------------------------------------- FIN ESTILOS SUBCATEGORÍAS ----------------------------------*/


/*CSS_DESCUENTOS_CANTIDADES_PRODUCTOS*/
#dtoCantidadProducto {width:100%; max-width:700px; margin:20px auto auto auto; padding:7px; text-align:center; font-family:Arial, Helvetica, sans-serif; border-radius:10px; background:rgba(0,0,0,0.05); border:solid 1px #cccccc;}
#dtoCantidadProducto, .dtoTxtTitu, .dtoTxtNorm, .dtoTxtTitular {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#dtoCantidadProducto table {width:100%; margin:auto; border-collapse:separate;}
#dtoCantidadProducto td {width:32.7%; margin:.15% .3%; border-radius:5px; text-align:center; vertical-align:middle;}
.dtoTxtTitu, .dtoTxtNorm, .dtoTxtTitular {padding:10px; font-size:16px; line-height:17px;}
.dtoTxtTitular {width:99.6%; margin:.15% .3%; color:#ffffff; font-weight:bold; font-size:18px; border-radius:5px; background:rgba(0,0,0,0.8); border:solid 1px #999999;}
.dtoTxtTitu {font-weight:bold; color:#ffffff; background:rgba(0,0,0,0.5); border:solid 1px #999999;}
.dtoTxtNorm {font-weight:normal; color:#000000; background:#ffffff; border:solid 1px #cccccc;}
.dtoTxtVar {font-size: 70%}