BODY {background:#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:normal; font-style:normal; src:url('https://www.urbecom.com/css/fuentes/IconWeb.woff') format('woff');}

@font-face {font-family:'GothNw'; font-weight:400; font-style:normal; src:url('fuentes/GothNw-N.woff') format('woff');}
@font-face {font-family:'GothNw'; font-weight:400; font-style:italic; src:url('fuentes/GothNw-NI.woff') format('woff');}
@font-face {font-family:'GothNw'; font-weight:600; font-style:normal; src:url('fuentes/GothNw-B.woff') format('woff');}
@font-face {font-family:'GothNw'; font-weight:600; font-style:italic; src:url('fuentes/GothNw-BI.woff') format('woff');}


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

* {text-decoration:none; margin:0; padding:0;}	
p, form, h1, h2, h3, .productos h1 {margin:0px; padding:0px;}
table {border-collapse:collapse; border:none;}
td, th {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); cursor:pointer;}
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:20px;}
.tituloSeccion {width:90%; height:35px; margin:10px auto; text-align:center; border-bottom:solid 1px rgba(0,0,0,0.35);}

#arriba, #arriba img {-webkit-box-sizing:content-box; box-sizing:content-box; transition:none; -webkit-transition:none;}
.capaFlexTop {display:flex; flex-wrap:wrap; justify-content:center;}
.capaFlexCen {display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}

.capaCuerpo {width:100%;}
.capa1000   {width:1000px; margin:auto;}
.anchoTotal {width:0px; margin:auto;}

.fina {font-weight:200;}
.norm {font-weight:400;}
.semi {font-weight:600;}
.bold {font-weight:800;}

.videoYoutube {position:relative; height:0; overflow:hidden; box-shadow:0px 0px 10px rgba(0,0,0,0.5);}
.videoYoutube iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.video_11-5 {padding-bottom:46%;}
.video_16-9 {padding-bottom:56.25%;}
.video_4-3  {padding-bottom:75%;}

.ancho100 {width:100%;}
.ancho50  {width:48%; margin:0px 1%;}
.limpiar, .separar {width:100%; clear:both; text-align:center;}

BODY, A {font-family:'GothNw', Arial, Helvetica, Verdana;}
A       {color:#ed7e00;}
A:hover {color:#000000;}


/*------------------------------------ ESTILOS FICHAS PRODUCTOS --------------------------------------------------*/

.eti-productos {pointer-events:none;}
.eti-oferta {width:100%; position:relative; color:#000000; pointer-events:none;}
.eti-descuento {top:8px; right:8px; width:50px; height:50px; font:normal 24px 'alternate', Arial, Helvetica; 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;}
	

/*----------------------------- ESTILOS PARA LAS VARIACIONES Y ATRIBUTOS ------------------------------------------*/

.variaciones, .atributos, .variaciones legend, .atributos legend {color:#000000;}
.variaciones, .atributos {padding:0px; margin-top:20px;}
.variaciones fieldset, .atributos fieldset {width:100%; padding:10px; border:solid; border-width:1px; border-color:#000; background:#EE7C00; box-sizing:border-box;}
.variaciones legend, .atributos legend {margin:0 0 0 10px; font-size:140%; font-weight:bold;
	text-shadow:-1px -1px 0 #fff, -1px 0 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 1px 0 0 #fff, 1px 1px 0 #fff, 0 -1px 0 #fff, 0 1px 0 #fff;} 
.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; max-width:100%; min-height:50px; font:600 22px 'PTS'; padding-left:10px; border:solid 1px #555; background:#fff;}
.atrib_opciones {text-align:left; padding:0 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; 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));}


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

[class^="icon"], [class*=" icon"] {font-family:'IconWeb'; -webkit-font-smoothing:antialiased;}
.iconHome:before         {content:"\e900";}
.iconCerrar:before       {content:"\e90c";}
.iconFlechaTop:before    {content:"\e901";}
.iconFlechaRight:before  {content:"\e902";}
.iconFlechaBottom:before {content:"\e903";}
.iconFlechaLeft:before   {content:"\e904";}
.iconIconoMenu:before    {content:"\e905";}
.iconIconoEmail:before   {content:"\e906";}
.iconIconoTelef:before   {content:"\e907";}
.iconPieDirec:before     {content:"\e908";}
.iconPieEmail:before     {content:"\e909";}
.iconPieTelef:before     {content:"\e90a";}
.iconPieMovil:before     {content:"\e917";}
.iconPieFax:before       {content:"\e90b";}
.iconFacebook:before     {content:"\e90d";}
.iconTwitter:before      {content:"\e90e";}
.iconWordpress:before    {content:"\e90f";}
.iconBlog:before         {content:"\e910";}
.iconInstagram:before    {content:"\e911";}
.iconYoutube:before      {content:"\e912";}
.iconWhatsapp:before     {content:"\e913";}
.iconLinkedin:before     {content:"\e914";}
.iconPinterest:before    {content:"\e915";}
.iconMenuRedes:before    {content:"\e916";}
.iconEstrella:before     {content:"\e918";}
.iconFecha:before        {content:"\e919";}


/* ----------------------------- 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, .contactoTelf, .contactoMail, .contactoWhat, .logo, #cabeceraMenu {
	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: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  ----------------------------------------*/

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

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

.ocultaCapa {display:none;}
.muestraCapa {display:block; margin: 20px 0 20px;}


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


/* ----------------------------- ESTILOS RGPD ------------------------------------*/

.text-checkbox-privacidad, .text-checkbox-noticias, .text-checkbox-carrito {font-size:70%; padding:10px; border:solid 1px; margin:5px 0px 20px 0px;}


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

@media only screen and (max-width: 1000px) {

td, th {font-size:12px;}
.text-checkbox-privacidad a, .text-checkbox-noticias a, .text-checkbox-carrito a {font-size:100% !important;}
[class^="margen-"], [class*=" margen-"], .limpiar, .separar {text-align:center;}

#cuerpo, .capaCuerpo, .capa1000 {width:100%; margin:auto;}

.ancho50 {width:98%; margin:15px 1%;}

.callbacks_container {margin-bottom:0px !important;}

/*ESTILOS PARA LAS VARIACIONES*/
.variaciones, .atributos {font-size:15px;}
.variaciones fieldset, .atributos fieldset {padding:0;}
.variaciones select, .atributos select {margin-top:10px;}

.separa-10 {height:8px;}
.separa-15 {height:10px;}
.separa-20 {height:14px;}
.separa-25 {height:20px;}
.separa-30 {height:22px;}
.separa-40 {height:30px;}
.separa-50 {height:35px;}
.separa-60 {height:40px;}
.separa-70 {height:55px;}
.separa-80 {height:65px;}
.separa-90 {height:75px;}
.separa-100 {height:80px;}
.separa-120 {height:90px;}
.separa-150 {height:115px;}
.separa-200 {height:140px;}

}