@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:'MenuCond'; font-weight:400; font-style:normal; src:url('fuentes/MenuCond-N.woff') format('woff');}
@font-face {font-family:'MenuCond'; font-weight:600; font-style:normal; src:url('fuentes/MenuCond-B.woff') format('woff');}

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


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

.CabzClasi {display:block;}
.CabzMovil {display:none;}

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


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

#agotado, .agotado {font-weight:bold; text-transform:uppercase; color:#F00;}
#agotado-ficha, .agotado-ficha {color:#F00;}

#envio_etiqueta {color:#333333;}
fieldset {background:rgba(0,0,0,0.05);}
label, .borde {color:#a254e5;}
hr {border:1px solid #a254e5; margin:3px auto 5px auto;}
.marco-fondo, fieldset {background:rgba(0,0,0,0.05);}
#arriba, #arriba img {transition:none; -webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none;}

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

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

.menos30 {margin-top:-30px;}

[class^="separa-"], [class*=" separa-"], .limpiar, .separar {width:100%; clear:both;}
.separa-10 {height:10px;}
.separa-20 {height:20px;}
.separa-30 {height:30px;}
.separa-40 {height:40px;}
.separa-50 {height:50px;}
.separa-60 {height:60px;}
.separa-80 {height:80px;}
.separa-90 {height:90px;}
.separa-100 {height:100px;}
.separa-120 {height:120px;}

.redesSeccion {width:100%; text-align:center;}
.socialImg {margin:0px 3px; float:none; display:inline;}
.socialImg img {width:40px;}

h1 {font-weight:600; font-size:40px; line-height:50px;}
h2 {font-weight:600; font-size:30px; line-height:40px;}
h3 {font-weight:600; font-size:25px; line-height:30px;}
h4 {font-weight:600; font-size:22px; line-height:28px;}
.txtResaltado {font-size:18px; font-weight:400; color:#888888;}
.txtGrande    {font-size:22px; font-weight:400;}
.txtOpciones {color:#aaaaaa; font-size:20px; font-weight:bold;}

.ancho-5, .ancho-10, .ancho-20, .ancho-30, .ancho-33, .ancho-40, .ancho-50, .ancho-60, .ancho-70, .ancho-80, .ancho-90, .ancho-100, .anchoTotal {
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:relative;}

.ancho-5   {width:5%;}
.ancho-10  {width:10%;}
.ancho-20  {width:20%;}
.ancho-25  {width:25%;}
.ancho-30  {width:30%;}
.ancho-33  {width:33.33%;}
.ancho-40  {width:40%;}
.ancho-50  {width:50%;}
.ancho-60  {width:60%;}
.ancho-70  {width:70%;}
.ancho-80  {width:80%;}
.ancho-90  {width:90%;}
.ancho-100 {width:100%;}

.flotarDere {float:right;}
.flotarIzda, .flotar {float:left;}
.flotar img {max-width:95%;}
	
.pad-left  {padding-left:20px;}
.pad-right {padding-right:20px;}
.pad-total {padding:20px;}

.fonAzulCla {background:rgba(156,212,244,0.5);}
.fonAzulMed {background:rgba(11,114,181,0.5);}
.fonAzulOsc {background:rgba(34,58,90,0.5);}
.fonGris    {background:rgba(0,0,0,0.2);}
.fonGrisCla {background:#f3eafa;}

.txtBlanco  {color:#ffffff;}
.txtAzulCla {color:#9CD4F4;}
.txtAzulMed {color:#0b72b5;}
.txtAzulOsc {color:#223a5a;}
.txtGris    {color:#999999;}

.mapa100 {width:100%; height:550px; margin:auto;}
.mapaFon {width:100%; height:100%; margin:0; position:absolute; z-index:10;}
.hoverON {pointer-events:none;}

.videoYoutube {width:90%; height:0; margin:auto; position:relative; padding-bottom:50.65%; overflow:hidden;}
.videoYoutube iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.anotacion {margin:40px auto; text-align:center;}
.anotaTxt, .comillaIzda, .comillaDcha {height:50px; padding:5px 15px; font-size:26px; line-height:40px; float:none; display:inline;}
.comillaIzda {width:50px; background:url(images/comillasIzda.svg) no-repeat top center; background-size:contain;}
.comillaDcha {width:50px; background:url(images/comillasDcha.svg) no-repeat top center; background-size:contain;}

#secInicio .side .inicioServi img {width:100%; max-width:100%; margin:0;}
.inicioServi img, .inicioServiTxt, .inicioTituTxt {
	transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s;}
.inicioServi {width:90%; max-width:90%; margin:5%; overflow:hidden; box-shadow:0px 0px 10px rgba(0,0,0,0.3);}
.inicioServi h4 {font-size:18px; line-height:20px;}
.inicioServi, .inicioServi img, .inicioServi a {display:inherit !important;}
.inicioServi img {-webkit-filter:grayscale(0%); filter:grayscale(0%);}
.inicioServi:hover img {opacity:0.9; -webkit-transform: scale(1.15); transform: scale(1.15); -webkit-filter:grayscale(50%); filter:grayscale(50%);}

#dtoCantidadProducto {display:none !important;}

.botonSeccion img {border-radius:20px; box-shadow:0px 0px 10px rgba(0,0,0,0.3);}

/* ------------ Site Map -------------- */
.sitemap_pr {display:none;}
#ulroot li a {color:#000000; font-weight:600;}
#ulroot li a:hover {color:#a254e5;}
#ulroot li li a {color:#6521a0; font-size:110%;}
#ulroot li li a:hover {color:#a254e5;}
#ulroot li li li a {color:#a254e5; font-size:100%;}
#ulroot li li li a:hover {color:#000000;}
#ulroot li li li li a {font-weight:400;}


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

.redondea {border-radius:8px;}

a, .opacidad img, .realce img, .respland img, .sombra, .ampliar img, .ampliar2 img, .desplaza img, .ruleta img, .circulo img, .cuadrado img, .grises img, #menu li a, .nav li a,
.carro-flotante, .vista-rapida-ficha, .productos-contenedor, .ficha-boton, .ficha-boton2, .productos-botonera, .efectos {
	transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s;}
	
.efectoRapido {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, .ampliar2 img {-webkit-transform: scale(1); transform: scale(1);}
.ampliar img:hover {-webkit-transform: scale(1.18); transform: scale(1.18);}
.ampliar2 img:hover {-webkit-transform: scale(1.05); transform: scale(1.05);}

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

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



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


/* ------------ EFECTOS SCROLLER --------------- */

.section:before, .section:after, .side:before, .side:after {content:" "; display:table;}
.section:after, .side:after {clear:both;}

.side {float:left; margin:0; overflow:hidden; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
.side img {max-width:96%;}

/* Estados Inicial Animaciones */
.cbpInit .side {-webkit-transform:scale(0.5); -moz-transform:scale(0.5); transform:scale(0.5); opacity:0;}		/* Estado Inicial */
.section.cbpAnimate .side {-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); opacity:1;}	/* Estado Final */



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


@media only screen and (min-width: 1350px) {
	
.inicioServi h4 {font-size:24px; line-height:28px;}
	
}



@media only screen and (max-width: 1000px) {
	
.CabzClasi {display:none;}
.CabzMovil {display:block;}

#cuerpo, .capaCuerpo, .capa1000 {width:100%; margin:auto;}
.flotar {margin:20px auto; float:none; text-align:center;}
.flotar img {max-width:95%;}

.anchoTotal {width:100%; margin:auto;}
.ancho-50  {width:100%;}

.mapa100 {height:300px;}

.separa-10 {height:5px;}
.separa-20 {height:10px;}
.separa-30 {height:15px;}
.separa-40 {height:20px;}
.separa-50 {height:25px;}
.separa-60 {height:30px;}
.separa-80 {height:40px;}
.separa-90 {height:45px;}
.separa-100 {height:50px;}
.separa-120 {height:60px;}

.anotacion {margin:30px auto;}
.anotaTxt, .comillaIzda, .comillaDcha {height:30px; padding:0px 10px; font-size:22px; line-height:30px;}
.comillaIzda {width:35px;}
.comillaDcha {width:35px;}

}


@media only screen and (max-width: 639px) {
.scroller {font-size:100%;}
.section h2 {margin:0px 10px;}	
.side {width:49%; margin:auto; padding:0px; float:left; display:block;}
.side img {max-width:98%; float:none; margin:20px auto;}

}