@charset "windows-1252";
/* CSS Document */

BODY {background:url(images/pagina-fondo.png) repeat-x top center fixed #ffffff;}

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


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

* {text-decoration:none; margin:0; padding:0;}	
p, form, h1, .productos h1, h2, h3 {margin:0px; padding:0px;}
table {border-collapse:collapse; border:none;}
td, th {font-size:12px; text-align:left; vertical-align:top;}
input, textarea {padding:5px; border:1px solid rgba(0,0,0,0.2); background:rgba(0,0,0,0.02);}
fieldset {padding:10px; border-radius:10px;}
fieldset input {background:#ffffff;}
select {padding:3px;}
.MsoNormal, th {color:#000;}
.highslide-caption {margin-top:15px}
img {border:0px; display:inherit;}
h1 {font-size:16px;}
.phoneSuscriptor {display:none;}

.capaFlexTopL {display:flex !important; flex-wrap:wrap;}
.capaFlexTopC {display:flex !important; flex-wrap:wrap; justify-content:center;}
.capaFlexTop  {display:flex !important; flex-wrap:wrap; justify-content:center;}
.capaFlexCen  {display:flex !important; flex-wrap:wrap; justify-content:center; align-items:center;}
.capaFlexLeft {display:flex !important; flex-wrap:wrap; align-items:center;}

BODY, A {font-family:Verdana, Arial, Helvetica, sans-serif;}
A       {color:#528787;}
A:hover {color:#000000;}

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

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

#cabecera, #cuerpo, #separata, #pieContenedor, #pie-texto, #tabla-principal, .capaCuerpo {width:1000px; margin:auto;}

#cabecera {height:230px; margin:0 auto 0 auto;}

	.logo {margin:30px 0px 0px 325px; position:absolute;}

	#usuarios {width:180px; min-height:50px; margin:35px 0px 0px 795px; position:absolute;}
	#usuarios-icono {left:0px; position:absolute;}
	#usuarios-txt {padding:0px 0px 0px 55px; text-align:left;}
	#usuarios-txt a {color:#000000; font:normal 18px 'Dosis', Arial, Helvetica, sans-serif; line-height:50px; text-transform:uppercase;}
	#usuarios-txt a:hover {color:#73acac;}

	#carro3 {width:180px; min-height:50px; margin:100px 0px 0px 795px; position:absolute;}
	#carro-icono {left:0px; position:absolute;}
		#Cart, #Cart a, #carro-total {font:normal 18px 'Dosis', Arial, Helvetica, sans-serif; line-height:18px;}
		#Cart {padding:7px 0px 0px 55px; text-align:left;}
		#Cart, #Cart a:hover {color:#000000;}
		#Cart a, #carro-total {color:#73acac; font-weight:bold;}
		#carro-total {margin-top:2px;}
		#carro-vacio {line-height:35px;}

	#buscar {width:210px; height:30px; margin:175px 0px 0px 15px; text-align:left; position:absolute;}
		.buscar {width:100%; height:22px; padding:3px 25px 3px 5px;}
		form#busca input, form#busca textarea {
			font:12px Verdana, Arial; border-radius:0px; border:1px solid #1e4848; color:#000000; background:rgba(255,255,255,0.9); display:block;}
		form#busca input:focus, form#busca input:hover {border:1px solid #000000; color:#000000; background:#ffffff;}
		.separador {width:12px;}
		.boton-buscar {width:30px; height:30px; float:left; display:block; line-height:27px; background:#1e4848;}
		.boton-buscar img {width:18px; margin-left:0px; vertical-align:middle;}

	#cabecera-menu {width:720px; height:40px; margin:170px 0px 0px 260px; text-align:left; overflow:hidden; position:absolute;}
    	ul#menu {margin:0px 0px 0px 0px; text-align:center; float:left; left:50%; position:relative;}
		ul#menu li {float:left; list-style:none; position:relative; right:50%;}
		ul#menu li a {padding:0px 15px; color:#ffffff; font:bold 18px 'Dosis', Arial, Sans-Serif; line-height:40px; text-transform:uppercase; display:block;}		
		ul#menu li a:hover {color:#ffffff; background:#46414a;}

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

#cuerpo {margin:auto; text-align:left;}
	#tabla-principal {background:url(images/principal-b.png) repeat-y top center;}
	.tabla-central {width:760px;}

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

	#categorias-b {margin-left:15px;}
	.nav > li, .nav li ul {width:220px; z-index:450;}
	.nav li ul {top:0; right:-222px; border:solid 1px #73acac; box-shadow:2px 2px 4px rgba(0,0,0,0.3); display:none; position:absolute;}
	.nav li a {padding:7px 5px 9px 17px; color:#000000; font:normal 20px 'Dosis', Arial, Helvetica, sans-serif; line-height:20px;
		background:url(images/categoria-a.png) no-repeat bottom left; display:block;}
	.nav li a:hover {color:#73acac; background:url(images/categoria-a.png) no-repeat bottom left rgba(0,0,0,0.05);}
	.nav li {list-style:none; position:relative;}
	.nav li:hover > ul {display:block;}
	.flecha {padding:12px 0px 0px 4px; position:absolute;}
	.nav li li a {background:url(images/categoria-a.png) no-repeat bottom left #eeeeee;}
	.nav li li a:hover {background:url(images/categoria-a.png) no-repeat bottom left #ffffff;}	

	#buscaMarca {width:210px; margin:10px 0px 0px 10px; text-align:center;}
		#buscaMarca select {padding:4px; border-radius:0px; border:1px solid #73acac; color:#555555;}
		#fabricante {width:210px; background-color:rgba(255,255,255,0.85);}
		#fabricante:hover {background-color:#ffffff;}
		fieldset.search {background:transparent;}

	#noticias {}
		#noticias-text {padding:5px 15px 0px 20px; text-align:left;}
		#noticias-text p {padding:4px 0px 6px 14px; background:url(images/img-news.png) no-repeat top left;}
		#noticias-text a {color:#000000;}
		#noticias-text a:hover {color:#528787;}
		.noticias-fecha, .noticias-titulo, .noticias-cuerpo {}

#principal {width:710px; min-height:320px; margin:0px 0px 0px 25px; color:#000000; float:left; display:inline;}
	#principal-text, .mapa-text {font-size:12px;}
	#principal-text ul, #principal-text ol {margin-left:20px;}

#separata {height:40px; margin:auto; clear:both; background:url(images/separata.png) no-repeat top center;}

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

#Pie {width:100%; margin:10px auto auto auto; background:#73ACAC;}
	
	#pieAnuncios {margin:auto; text-align:center; background:#3F3B43; border-bottom:solid 1px #B9D6D6;}
		.linksImg {margin:auto; float:none; display:inline;}
		.linksImg img {margin:15px 25px; vertical-align:middle;}

	#pieContenedor, #pieContenedor a, #pieTexto, #pieTexto a {font:normal 16px 'Dosis', Arial, Helvetica, sans-serif; line-height:16px; color:#fff;}	
	#pieContenedor a:hover {color:#d1eaea;}

	.pieBloque {width:21%; margin:0px 2%; text-align:center; float:left; display:block;}
	.pieBloque p {margin:0 0 3px 0;}

	.pieTitular {width:100%; margin-bottom:15px; padding:25px 0 5px; font-weight:600; font-size:19px; line-height:20px; color:#d1eaea; border-bottom:solid 1px #d1eaea;}
	.pieMenu {text-transform:uppercase;}

	.iconoPie {width:30px; margin:0 5px 0 0; font-size:22px; line-height:22px; color:#1E4848; display:inline;}
	.verdeWhatsApp {color:#40a035;}
	
	.redesPie {float:none; display:inline;}
	.redesPie img {height:40px; margin:10px 5px 0 5px;}
		
	#pieTexto {width:100%; margin:auto; padding:15px 0; text-align:center; border-top:solid 1px #C7D1D1; background:#1E4848;}
	#pieTexto p {margin:5px auto;}
	.txtPeque90 {font-size:90%;}
	#pieTexto, #pieTexto a {color:#d1eaea}
	#pieTexto a:hover      {color:#fff;}

	#boletin {width:100%; padding-top:1px; margin:-5px auto auto; text-align:center;}
		.boletinTxt {margin:7px auto auto auto; text-align:center;}
		.boletinTxt input {width:80%; margin-bottom:5px; border:solid 1px rgba(0,0,0,0.3); background:#fff;}
		.boletinTxt input:hover {border:solid 1px rgba(0,0,0,0.7);}
		.phoneSuscriptor {display:none;}
		#boletinAcepto {text-align:right; float:left; display:inline;}
		#boletinAcepto, #boletinAcepto a {font-size:12px;}
		#boletinAcepto a {color:#fff;}
		#boletinAcepto, #boletinAcepto a:hover {color:#D1EAEA;}
		.checknews {margin:0 0 0 7px; float:left; display:inline; transform:scale(1.2);}

	.ventanaWhatsApp a {width:120px; height:40px; bottom:10px; right:10px; display:inherit; 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 --------------------------------------- */

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

.productos, .vista-rapida-ficha {width:220px;}
.productos {min-height:360px; margin:0px 25px 10px 0px; text-align:center; float:left; display:table-cell;}
.productos-contenedor {text-align:center; background:#ffffff; border:solid 1px #e3e3e3; box-shadow:0px 0px 7px rgba(0,0,0,0); overflow:hidden;}
.productos-contenedor:hover {box-shadow:0px 0px 7px rgba(0,0,0,0.7);}
	.productos-imagen {margin-top:3px; padding-bottom:10px; height:210px; line-height:210px;}
		.productos-imagen img {vertical-align:middle;}
	.productos-nombre {margin:0px 0px 0px 0px; padding:0px 8px 0px 8px; text-align:center;}
	.productos-nombre, .productos-nombre a {font:normal 18px 'Dosis', Arial, Helvetica, sans-serif; line-height:18px;}		
		.productos-nombre a 	  {color:#000000;}
		.productos-nombre a:hover {color:#528787;}		
	.productos-precio {padding:5px;}		
	.pvp_oferta, .productos-precio {font:bold 24px 'Dosis', Arial, Helvetica, sans-serif; color:#528787;}
	.productos-botonera {margin:0px 0px 0px 0px; height:30px; text-align:center;}
		.boton-d {width:110px; margin:0px 0px 0px -1px; text-align:center; position:absolute;}
		.boton-c {width:110px; margin:0px 0px 0px 109px; text-align:center; position:absolute;}	

	.vista-rapida-ficha {margin:-100px auto auto auto; text-align:center; position:absolute; text-transform:uppercase; opacity:0;}
	.vista-rapida-ficha a {background:rgba(0,0,0,0.6); border-radius:5px; border:solid 1px rgba(255,255,255,0.85); box-shadow:0px 0px 7px rgba(0,0,0,0.5);
		padding:10px; line-height:15px; color:#ffffff; font:bold 15px Arial, Helvetica, sans-serif;}
	.vista-rapida-ficha a:hover {color:#cccccc; background:rgba(0,0,0,0.85);}
	
	.ficha-boton, .productos-botonera {margin-top:-20px; opacity:0;}
	.productos-contenedor:hover .ficha-boton, .productos-contenedor:hover .productos-botonera {margin-top:2px; opacity:1;}
	.productos-contenedor:hover .vista-rapida-ficha {opacity:1;}
	
.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 'Dosis', Arial, Helvetica, sans-serif; color:#528787;}
#productos-final-imagen {text-align:left; margin:0px 0px 0px 0px;}
	#productos-final-imagen img {margin:5px 20px 10px 0px; max-width:300px; display:block; float:left;}
	.zoom-adic {width:300px; 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:#444444; word-wrap:break-word;}
	#larga, .larga, .contenidos-extra {padding-top:0px; 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 30px 'Dosis', Arial, Helvetica, sans-serif; margin-right:10px; color:#528787;}
	.precio_oferta   {font:normal 24px 'Dosis', 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:#528787; box-shadow:0px 0px 6px rgba(0,0,0,0.3);}
	.boton-ir-tienda:hover {border:solid 3px #ffffff; background:#333333; 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;}


/* ---------------------------- 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; background:rgba(255,255,255,0.85);}

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 DEL CARRITO Y DE FINALIZACIÓN COMPRAS --------------------------------- */

.carro-fondo1 {height:35px; color:#ffffff; background:#403c44;}
.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;}

#agotado, .agotado {font-weight:bold; text-transform:uppercase; color:#F00;}
#agotado-ficha, .agotado-ficha {color:#F00;}
.tpvOk{text-align:center; font-size:20px}
.tpvKo{text-align:center; font-size:20px; color:#F00}
#envio_etiqueta {color:#333333;}
label, .borde {color:#555555;}
hr {border:1px solid #528787; margin:3px auto 5px auto;}
.marco-fondo, fieldset {background:rgba(0,0,0,0.05);}
input#cupon {background:rgba(255,255,255,0.75);}


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

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

.boton_buscar, .boton_area, .ibutton {height:25px; font:bold 12px Verdana, Arial, Helvetica, sans-serif; line-height:12px; border-radius:4px;
	border:1px Solid #000000; color:#ffffff; background:#6d6771; /* 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 rgba(0,0,0,0.3); background:rgba(255,255,255,0.85); font-size:12px; color:#000000;}
.form_login:hover {border:1px Solid rgba(0,0,0,0.5); background:#ffffff; color:#000000;}
.login_usuario, .login_pass {font-weight:normal; font-size:12px; color:#000000;}

.formularios {width:100%; text-align:center;}
.formularios table {margin:auto;}
.seguridad_form {margin-top:10px; text-align:center;}
.seguridad_form p {margin:0px 4px 0px 4px; float:none; display:inline;}
.formularios .privacidad {margin-top:10px; clear:both;}


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

.redondea {border-radius:8px;}

.opacidad img, .realce img, .respland img, .sombra, .ampliar img, .desplaza img, .ruleta img, .circulo img, .cuadrado img, .grises img, #menu li a, .nav li a,
.carro-flotante, .vista-rapida-ficha, .productos-contenedor, .boton-ir-tienda, .ficha-boton, .ficha-boton2, .productos-botonera {
	transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s; -ms-transition:all 0.2s;}

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

.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 {-webkit-transform: scale(1); transform: scale(1)}
.ampliar img: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  ----------------------------------------*/

.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;}
.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;}


/* ----------------------------- ESTILOS FORMULARIOS ------------------------------------*/

.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;}


/* ----------------------------- ICONOS WEB ------------------------------------*/

[class^="icon"], [class*=" icon"] {font-family:'IconWeb'; -webkit-font-smoothing:antialiased;}

.iconHomeS:before    {content:"\e900";}
.iconHomeH:before    {content:"\e923";}
.iconCorazonS:before {content:"\e91a";}
.iconCorazonH:before {content:"\e921";}
.iconBuscar:before   {content:"\e922";}
.iconCarro:before    {content:"\e91c";}
.iconCesta:before    {content:"\e91b";}
.iconBolsa:before    {content:"\e91d";}
.iconUserS:before    {content:"\e91f";}
.iconUserS2:before	 {content:"\e946";}
.iconUserH:before    {content:"\e91e";}
.iconPassS1:before	 {content:"\e945";}
.iconPassH1:before   {content:"\e944";}
.iconPassS2:before   {content:"\e943";}
.iconPassH2:before   {content:"\e942";}

.iconMenu1:before    {content:"\e905";}
.iconMenu2:before    {content:"\e924";}
.iconMenu3:before    {content:"\e925";}
.iconDirec:before    {content:"\e908";}
.iconFax:before      {content:"\e90b";}
.iconEmail:before    {content:"\e909";}
.iconEmailS:before   {content:"\e906";}
.iconEmailH:before   {content:"\e952";}
.iconContacto:before {content:"\e926";}
.iconMovil:before    {content:"\e917";}
.iconTelef:before    {content:"\e951";}
.iconTelefS:before   {content:"\e907";}
.iconTelefH:before   {content:"\e90a";}
.iconCamionS:before  {content:"\e941";}
.iconCamionH:before  {content:"\e940";}
.iconInfo:before 	 {content:"\e947";}
.iconIdiomas:before  {content:"\e960";}
.iconFecha1:before   {content:"\e919";}
.iconFecha2:before   {content:"\e963";}
.iconHorario:before  {content:"\e93f";}

.iconCerrarBold:before     {content:"\e90c";}
.iconCerrarMedi:before     {content:"\e92f";}
.iconCerrarNorm:before     {content:"\e930";}
.iconCerrarFino:before     {content:"\e931";}
.iconFlechaTopBold:before  {content:"\e901";}
.iconFlechaTopMedi:before  {content:"\e932";}
.iconFlechaTopNorm:before  {content:"\e933";}
.iconFlechaTopFina:before  {content:"\e934";}
.iconFlechaDchaBold:before {content:"\e902";}
.iconFlechaDchaMedi:before {content:"\e935";}
.iconFlechaDchaNorm:before {content:"\e936";}
.iconFlechaDchaFina:before {content:"\e937";}
.iconFlechaBajoBold:before {content:"\e903";}
.iconFlechaBajoMedi:before {content:"\e938";}
.iconFlechaBajoNorm:before {content:"\e939";}
.iconFlechaBajoFina:before {content:"\e93a";}
.iconFlechaIzdaBold:before {content:"\e904";}
.iconFlechaIzdaMedi:before {content:"\e93b";}
.iconFlechaIzdaNorm:before {content:"\e93c";}
.iconFlechaIzdaFina:before {content:"\e93d";}

.iconRedes:before      {content:"\e916";}
.iconFacebook:before   {content:"\e90d";}
.iconTwitter:before    {content:"\e90e";}
.iconWordpressH:before {content:"\e90f";}
.iconWordpressS:before {content:"\e94c";}
.iconBlog:before       {content:"\e910";}
.iconInstagram:before  {content:"\e911";}
.iconYoutube1:before   {content:"\e912";}
.iconYoutube2:before   {content:"\e920";}
.iconLinkedin:before   {content:"\e914";}
.iconPinterest:before  {content:"\e915";}
.iconWhatsapp:before   {content:"\e913";}
.iconWhatsappColor .whatPath1:before {content:"\e929"; color:#40a035;}
.iconWhatsappColor .whatPath2:before {content:"\e92a"; color:#ffffff; margin-left:-1em;}
.iconWhatsappColor .whatPath3:before {content:"\e92b"; color:#40a035; margin-left:-1em;}
.iconGoogle .gooPath1:before {content:"\e948"; color:#d7282a;}
.iconGoogle .gooPath2:before {content:"\e949"; color:#45ac43; margin-left:-1em;}
.iconGoogle .gooPath3:before {content:"\e94a"; color:#5177b5; margin-left:-1em;}
.iconGoogle .gooPath4:before {content:"\e94b"; color:#f4c300; margin-left:-1em;}

.iconPagoTarjeta:before   {content:"\e973";}
.iconPagoBizum:before     {content:"\e974";}
.iconPagoPaypal:before    {content:"\e971";}
.iconPagoTransfer:before  {content:"\e972";}
.iconPagoReembolso:before {content:"\e970";}
.iconPagoEnMano1:before   {content:"\e96f";}
.iconPagoEnMano2:before   {content:"\e96e";}
.iconPagoGPay:before      {content:"\e977";}
.iconPagoStripe:before    {content:"\e976";}
.iconPagoSequra:before    {content:"\e975";}

.iconStarNormal:before {content:"\e918";}
.iconStarRound:before  {content:"\e92e";}
.iconStarBorde:before  {content:"\e92d";}
.iconStarHueca:before  {content:"\e92c";}
.iconContraste:before  {content:"\e927";}
.iconConfigurar:before {content:"\e928";}
.iconOk:before 		   {content:"\e93e";}
.iconSpinner1:before   {content:"\e94d";}
.iconSpinner2:before   {content:"\e94e";}
.iconSave:before       {content:"\e94f";}
.iconEditar:before     {content:"\e950";}
.iconOrdenar:before    {content:"\e957";}
.iconFiltro1:before    {content:"\e954";}
.iconFiltro2:before    {content:"\e953";}
.iconFiltro3S:before   {content:"\e955";}
.iconFiltro3H:before   {content:"\e956";}
.iconFiesta:before     {content:"\e958";}
.iconComer:before      {content:"\e959";}
.iconDormir:before     {content:"\e95a";}
.iconVideos:before     {content:"\e95b";}
.iconExplora:before    {content:"\e95e";}
.iconHistoria:before   {content:"\e95f";}
.iconGuiadas:before    {content:"\e961";}
.iconFolleto:before    {content:"\e962";}
.iconLlegar:before     {content:"\e964";}
.iconMuseos:before     {content:"\e965";}
.iconParques:before    {content:"\e966";}
.iconIglesia:before    {content:"\e967";}
.iconSenderos:before   {content:"\e968";}
.iconGaleria:before    {content:"\e969";}
.iconMapaInte:before   {content:"\e96a";}
.iconVista360:before   {content:"\e96b";}
.iconVista:before      {content:"\e96c";}
.iconTeresa:before     {content:"\e95c";}
.iconSanJuan:before    {content:"\e95d";}
.iconCazorla:before    {content:"\e96d";}

[class^="ancho-"], [class*=" ancho-"] {margin:auto;}
.ancho-5   {width:5%;}
.ancho-10  {width:10%;}
.ancho-15  {width:15%;}
.ancho-20  {width:20%;}
.ancho-25  {width:25%;}
.ancho-30  {width:30%;}
.ancho-33  {width:33.33%;}
.ancho-35  {width:35%;}
.ancho-40  {width:40%;}
.ancho-45  {width:45%;}
.ancho-50  {width:50%;}
.ancho-55  {width:55%;}
.ancho-60  {width:60%;}
.ancho-65  {width:65%;}
.ancho-66  {width:66.66%;}
.ancho-70  {width:70%;}
.ancho-75  {width:75%;}
.ancho-80  {width:80%;}
.ancho-85  {width:85%;}
.ancho-90  {width:90%;}
.ancho-95  {width:95%;}
.ancho-100 {width:100%;}
.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;}

[class^="separa-"], [class*=" separa-"], .limpiar, .separar {width:100%; clear:both;}
.separa-01  {height:1px;}
.separa-02  {height:2px;}
.separa-03  {height:3px;}
.separa-05  {height:5px;}
.separa-10  {height:10px;}
.separa-15  {height:15px;}
.separa-20  {height:20px;}
.separa-25  {height:25px;}
.separa-30  {height:30px;}
.separa-40  {height:40px;}
.separa-50  {height:50px;}
.separa-60  {height:60px;}
.separa-70  {height:70px;}
.separa-80  {height:80px;}
.separa-90  {height:90px;}
.separa-100 {height:100px;}
.separa-120 {height:120px;}
.separa-150 {height:150px;}
.separa-200 {height:200px;}


/* ---------------------------- RESPONSIVE ---------------------------------------*/

@media only screen and (min-width: 1340px) {

#cabecera-fondo {background:url(images/cabecera-fondo2.png) no-repeat top center;}
#buscar {margin-left:-105px;}
#usuarios, #carro3 {margin-left:910px;}
#cuerpo, #separata, #tabla-principal {width:1245px;}
#tabla-principal {background:url(images/principal-b2.png) repeat-y}
.tabla-central {width:1005px;}
#principal {width:955px;}
#separata {background:url(images/separata2.png) no-repeat top center;}

}