
@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:'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:'Lato'; font-weight:200; font-style:normal; src:url('fuentes/Lato-L.woff') format('woff');}
@font-face {font-family:'Lato'; font-weight:200; font-style:italic; src:url('fuentes/Lato-LI.woff') format('woff');}
@font-face {font-family:'Lato'; font-weight:400; font-style:normal; src:url('fuentes/Lato-N.woff') format('woff');}
@font-face {font-family:'Lato'; font-weight:400; font-style:italic; src:url('fuentes/Lato-NI.woff') format('woff');}
@font-face {font-family:'Lato'; font-weight:700; font-style:normal; src:url('fuentes/Lato-B.woff') format('woff');}
@font-face {font-family:'Lato'; font-weight:700; font-style:italic; src:url('fuentes/Lato-BI.woff') format('woff');}

@font-face {font-family:'Iconos'; font-weight:normal; font-style:normal; src:url('fuentes/Iconos.woff') format('woff');}
.icoSi, .icoNo, .icoCarro {font-family:'Iconos'; line-height:20px; -webkit-font-smoothing:antialiased;}
.icoSi:before    {content:"\ea10"; color:#00632e; font-size:22px;}
.icoNo:before    {content:"\ea0f"; color:#930000; font-size:18px;}
.icoCarro:before {content:"\e93a"; color:#00632e; font-size:20px;}

.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; justify-content:flex-start; align-items:center;}
.capaFlexDcha {display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center;}

#arriba, #arriba img, #relacionados-misma-cat, #login-user-clasica, #login-user-clasica input, #login-user-clasica div, .owl-prev, .owl-next, .relacionados-ficha {box-sizing:content-box;}
#arriba, #arriba img {transition:none;}


/* ---------------------------- ESTILOS APASARA ---------------------------------------*/

.noWeb, .inputrans {display:none;}
.noMovil {display:block;}
.limpiar {clear:both;}

.capaCuerpo, .capa1000 {width:1000px; margin:auto;}
.anchoTotal {width:0px; margin:auto;}	

.capaSlider_emba {width:0px; margin:-40px auto 40px auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}	
#slider-contenedor_emba {z-index:10;}
#slider-contenedor_emba, .headerimg_emba {margin:0px;}
.headerimg_emba {width:101%; background:no-repeat center right #fff; color:#fff; background-size:cover; position:absolute;}

.fondoVerde {background:#e1fad7;}
.fonGris1   {background:#555555 !important;}
.fonGris2   {background:#6e807c !important;}
.fonVerd1   {background:#5a844a !important;}
.fonVerd2   {background:#83915a !important;}

.txtVerdeCla {color:#97BE0D !important;}
.txtVerdeMed {color:#41A62A !important;}
.txtVerdeOsc {color:#00632E !important;}
.txtGris     {color:#808080;}
.txtBlanco   {color:#fff;}
.txtNegro    {color:#000;}
.txtOk       {color:#0c9b60;}
.txtKo       {color:#ba1717;}

.txtOpa0 {display:none;}

.franjaTitulo {padding:5px 15px; font-size:26px; line-height:30px; color:#000;}
.franjaTextos {padding:5px 15px; font-size:20px; line-height:24px; color:#808080;}
.franjaNotas  {padding:5px 15px; font-size:18px; line-height:20px; color:#3366ff;}

.txtOpciTit {margin-bottom:10px; color:#000; font-size:22px; font-weight:600;}
.txtOpciTxt {margin-bottom:5px;  color:#808080; font-size:18px; font-weight:400;}


/*----------------------------------------------------------------------------*/

[class^="ancho-"], [class*=" ancho-"], .anchoTotal {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-66  {width:66.66%;}
.ancho-70  {width:70%;}
.ancho-80  {width:80%;}
.ancho-90  {width:90%;}
.ancho-100 {width:100%;}

.pad-left  {padding-left:20px;}
.pad-right {padding-right:20px;}
.pad-total {padding:20px;}
.pad-lados {padding:0px 10px;}
.pad-doble {padding:40px;}

.parra-10 p {margin-bottom:10px;}

.flotarDere {float:right;}
.flotarIzda {float:left;}
.flotar     {float:left;}
.flotar img {max-width:95%;}
	
.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%;}

[class^="separa-"], [class*=" separa-"] {width:100%; clear:both;}
.separa-01 {height:1px;}
.separa-02 {height:2px;}
.separa-5  {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;}


/*--------------------------- TABLAS FUNCIONALIDADES --------------------------*/

.tablaInicio {width:100%; background:#fff; border:solid 1px #97be0d;}
.tablaInicio td {padding:10px; font-size:18px !important; line-height:20px !important; vertical-align:middle;}
.tablaInicio tr {border-bottom:solid 1px #97be0d;}
.tablaTxtBig {font-size:25px; line-height:35px; font-weight:600;}
.colPro, .colEmp, .colPre {width:14%; text-align:center; border-left:solid 1px #cedc9c;}
.colPro {background:#e4f9dc;}
.colEmp {background:#f5f9f8;}
.colPre {background:#eaf4cd;}
.btnComprar {margin:10px auto;}
.btnComprar a {padding:7px 12px; font-weight:600; border-radius:5px; background:rgba(255,255,255,0.7); box-shadow:0 0 6px rgba(0,0,0,0.5);}
.btnComprar a:hover {background:rgba(255,255,255,1);}

.tablaProfesional .colEmp, .tablaProfesional .colPre,
.tablaEmpresarial .colPro, .tablaEmpresarial .colPre,
.tablaPremium .colPro, .tablaPremium .colEmp {opacity:0.5; background:#fff;}
.tablaEmpresarial .colEmp {background:#dfece9;}


/*--------------------------- ICONOS PATRONEO KEY --------------------------*/

.imgPatroneo {width:30%; margin:0px 1.65%; padding:20px 0px; text-align:center; float:left; display:inline;
	background:#fff; border:solid 1px #41A62A; box-shadow:0px 0px 6px rgba(0,0,0,0.5); transition:all 0.4s;}
.imgPatroneo:hover {transform: scale(1.07); box-shadow:0px 0px 16px rgba(0,0,0,0.75);}
.imgPatroneo img {max-width:95% !important; height:auto !important;}
.pkAncho2 {width:63.33%;}

.txtPkeyTit {margin-bottom:10px; color:#fff; font-size:22px; font-weight:600;}
.txtPkeyTxt {margin-bottom:5px; padding:0px 25px; color:#808080; font-size:18px; font-weight:400;}
.txtPkeyBtn {margin:10px auto;}
.txtPkeyBtn a {padding:8px 15px; color:#fff; font-size:18px; font-weight:400; border-radius:5px; background:#57595B; box-shadow:0 0 6px rgba(0,0,0,0.3);}
.txtPkeyBtn a:hover {background:#FF8000;}

#secInicio   .txtPkeyTit {background:#41A62A;}
#secPatroneo .txtPkeyTit {background:#006426;}
#secVideos   .txtPkeyTit {background:#F15300;}
#prodProfesi .txtPkeyTit {background:#5A844A;}
#prodEmpresa .txtPkeyTit {background:#6E807C;}
#prodPremium .txtPkeyTit {background:#83915A;}

.separaLinea1 {width:100%; height:21px;}


/*--------------------------- TEXTOS ANIMADOS --------------------------*/

#textoBanner, #textoBannerVerdeCla, #textoBannerVerdeOsc {width:100%; font-weight:600; text-align:center; border-radius:15px;}
#textoBanner {color:#fff; background:#027F99;}
#textoBannerVerdeCla {color:#fff; background:#00A814;}
#textoBannerVerdeOsc {color:#fff; background:#006426;}
.textoAnimado {padding:15px; font-size:25px; line-height:30px; animation:animaTexto 1s linear infinite 0s;}
.textoNormal {padding-bottom:15px; font-weight:400; font-size:24px; line-height:26px;}
@keyframes animaTexto {
	0%   {color:#ffff00;}
	50%  {color:#fff;}
	100% {color:#ffff00;}
}


/* -------------- MODALES ------------------ */

.modal {position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.6); opacity:0; text-align:left; pointer-events:none; z-index:9999;}
.modal:target {opacity:1; pointer-events:auto;}
.modalSalir {height:50px; line-height:48px; padding:0 15px; background:#306436; border:solid 2px #fff; border-radius:11px 11px 0 0;}
.modalSalir a {color:rgba(255,255,255,1);}
.modalSalir a:hover {color:rgba(255,255,255,.7);}
.modalSalir span {margin:0 7px;}


/* -------- Sección PatroneoKey ------------ */

.efectoGris {animation:animaGris 2s ease-out infinite 0s;}
@keyframes animaGris {
	25% {filter:grayscale(0%); opacity:1;}
	45% {filter:grayscale(99%); opacity:0.6;}
	55% {filter:grayscale(99%); opacity:0.6;}
	75% {filter:grayscale(0%); opacity:1;}
}


/* -------- Sección Sistema EDA ------------ */

#secSistemaEDA b {font-weight:600;}

.modalVentEda {width:1000px; height:600px; top:45%; left:50%; transform:translate(-50%,-50%); 
	background:#fff; box-shadow:0 0 25px rgba(0,0,0,.8); overflow:hidden; border-radius:10px; position:fixed;}
.modalFotoEda {width:275px; padding:30px; position:fixed;}
.modalFotoEda img {box-shadow:0px 0px 10px rgba(0,0,0,0.5); display:inherit !important;}
.modalFotoEda a p {color:#fff; background:#54AF3F; border:solid 2px #000; border-radius:8px; padding:10px 30px; font-size:17px; line-height:16px; font-weight:600;}
.modalFotoEda a:hover p {color:#fff; background:#00632E; border:solid 2px #000;}
.modalInfoEda {height:530px; margin-left:280px; padding:30px 30px 0 0; color:#777; text-align:justify; position:absolute; overflow-y:auto;}
.modalInfoEda h3 {width:100%; margin-bottom:20px;}
.modalInfoEda p {margin-top:15px;}

.izdaLibro3 {margin-left:12.5% !important;}

#secSistemaEDA .lista-topos li, #secSistemaEDA .lista-ordenada li {margin:7px 0px;}
#secSistemaEDA .lista-topos li li, #secSistemaEDA .lista-ordenada li li {margin:5px 0px 8px 5px;}


/* -------- Sección Embajadores ---------- */

.equipoCont {width:33%; height:390px; margin:15px auto; text-align:center; float:left; display:block;}
.equipoFoto a {display:inherit;}
.equipoFoto, .equipoFoto img {width:250px; height:250px; border-radius:50%;}
.equipoFoto {text-align:center; margin:auto; line-height:245px; box-shadow:0px 0px 10px rgba(0,0,0,0.5); overflow:hidden;}
.equipoFoto img {vertical-align:middle; display:inline;}
.equipoFoto p {height:90px; margin-top:5px; padding:10px; font-size:16px; font-weight:600; line-height:20px; color:#fff; background:#6AA539; position:relative;}
.equipoFoto:hover p {margin-top:-70px;}
.equipoNombre {margin-top:20px; font-weight:600; font-size:20px; line-height:22px; color:#306436; padding:0px 10px;}
.equipoDatos  {margin-top:5px; font-weight:400; font-size:20px; line-height:22px; color:#68A437; padding:0px 10px;}
.equipoCargo  {margin-top:5px; font-weight:400; font-size:16px; line-height:20px; color:#888888; padding:0px 10px;}

.modalVentana {width:800px; height:450px; top:50%; margin:auto; padding:40px; box-shadow:0px 0px 25px rgba(0,0,0,0.8); background:#fff; overflow-y:auto;}
.modalFotos {width:250px; overflow:hidden; box-shadow:0px 0px 10px rgba(0,0,0,0.5); position:fixed;}
.modalFotos, .modalFotos img {border-radius:50%;}
.modalInfor {margin-left:280px; color:#000; text-align:left;}
.modalInfor h2 {color:#306436;}
.modalInfor h3 {color:#68A437;}
.modalInfor h4 {color:#888888;}
.modalInfor p {margin-top:15px;}

.izdaEquipo2 {margin-left:16.67%;}


/* ---------- Sección Contacto ----------- */

#secContacto .capa1000 p {margin-bottom:10px;}
#secContacto .ancho-50 p {margin-bottom:5px;}

.txtOpciImg {display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center;}

#contactos {padding:20px 30px; text-align:left; border:solid 3px #fff; border-radius:20px; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.2);}
#contactos input, #contactos select, #contactos textarea {padding:10px; font-size:16px; line-height:20px; border-radius:5px; border:solid 1px #97BE0D; background:rgba(0,0,0,.02);}
#contactos input:hover, #contactos textarea:hover {background:#fff; box-shadow:0 0 15px rgba(0,0,0,.2);}
.contactoTexto {padding:10px; text-align:center; color:#00213C; font-weight:600; font-size:20px;}

.cajaTxt {width:90%; margin:auto !important; padding:20px 20px 10px 20px; border:solid 1px #1c4387;}
.contactoEtiqueta {font-weight:600; text-align:left;}

.contaMgIzda {margin-left:20px;}
.contaMgDcha {margin-right:20px;}

.conta_50   {width:50%;}
.conta_100  {width:100%;}
.conta_Name {width:390px;}
.conta_Mail {width:300px;}
.conta_Telf {width:200px;}
.conta_City {width:510px;}
.conta_Pais {width:400px;}
.conta_Acti {width:410px;}
.conta_Inte {width:500px;}
.conta_Obse {width:100%; height:140px;}

.contactoEnviar {display:flex; flex-wrap:wrap; justify-content:center;}
.contactoCheck {margin:0 20px; transform:scale(1.4);}

#contactoBoton input {color:#fff; background:#000; cursor:pointer;}
#contactoBoton input:hover {color:#fff; background:#00632E;}
	
#contactos .botonWeb a {padding:10px 15px;}

.modalVentConta {width:500px; height:200px; top:45%; left:50%; background:#fff; box-shadow:0 0 25px rgba(0,0,0,.8); overflow:hidden; border-radius:10px; transform:translate(-50%,-50%); position:fixed;}
.formularioEnviado {padding:25px; font-size:22px; font-weight:400; line-height:25px; text-align:center;}
.formularioEnviado p {padding:10px 0;}


/*--------------------------- RESPONSIVE ------- RESPONSIVE ------- RESPONSIVE --------------------------*/

@media only screen and (min-width: 1420px) {

	.soloMed {display:none;}

	#cuerpo, #separata {width:1350px;}
	#principal {width:1350px; margin-left:0px;}

	.capaCuerpo {width:1350px;}
	.soloBig {display:block;}

	.productos {margin:0px 35px 10px 10px;}

}


@media only screen and (max-width: 1000px) {

	.noWeb {display:block;}
	.noMovil, .soloMed, .separaLinea1 {display:none;}

	#cuerpo, #principal, .capaCuerpo, .capa1000, #separata {width:100%; margin:auto;}
	.flotar {margin:20px auto; float:none; text-align:center;}
	.flotar img {max-width:95%;}

	.franjaTitulo {font-size:22px; line-height:25px;}
	.franjaTextos {font-size:18px; line-height:20px;}
	.franjaNotas  {font-size:16px; line-height:18px;}


	/*--------------------------- TABLAS FUNCIONALIDADES --------------------------*/
	.tablaInicio td {padding:7px 7px; font-family:'MenuCond';}
	.tablaTxtBig {font-size:20px; line-height:26px; font-weight:600;}
	.colPro, .colEmp, .colPre {width:40px;}
	.btnComprar {margin:10px auto;}
	.btnComprar a {padding:10px 8px 5px 8px; font-weight:400; background:rgba(255,255,255,0.8);}
	.icoSi:before {font-size:16px; line-height:14px;}
	.icoNo:before {font-size:14px; line-height:14px;}
	.icoCarro:before {color:#00632e; font-size:20px;}


	/*--------------------------- ICONOS PATRONEO KEY --------------------------*/
	#secInicio .ancho-20, #secInicio .ancho-25 {width:50% !important; float:left !important;}
	.banner1 {margin-left:25%;}
	.imgPatroneo {width:90%; margin:25px auto; padding:10px 0px 20px 0px; float:none; display:block;}
	.imgPatroneo:hover {-webkit-transform: scale(1); transform: scale(1); box-shadow:0px 0px 6px rgba(0,0,0,0.75);}
	.imgPatroneo img {max-width:50% !important; height:auto !important;}
	.pkAncho2 {width:90%;}
	.txtPkeyTit {font-size:20px;}
	.txtPkeyTxt {font-size:16px;}

	/*--------------------------- TEXTOS ANIMADOS --------------------------*/
	.textoAnimado {padding:10px; font-size:20px; line-height:25px;}
	.textoNormal {padding-bottom:10px; font-size:18px; line-height:20px;}


	/* -------- Sección Sistema EDA ------------ */
	#secSistemaEDA .ancho-25 {width:46%; margin:auto 2%; float:left;}

	.modalVentEda {width:90%; height:calc(100vh - 60px); top:53%; right:5%; left:5%; bottom:auto; transform:translate(0%,-50%);}		
	.modalOverEda {overflow-y:auto; height:calc(100vh - 120px);}
	.modalFotoEda {width:70%; padding:20px; margin:auto; position:relative;}
	.modalInfoEda {height:auto; margin-left:0; padding:20px; font-size:16px; text-align:left; position:relative;}

	.izdaLibro3 {margin-left:0% !important;}

	#secSistemaEDA .lista-topos li, #secSistemaEDA .lista-ordenada li {margin:7px 10px 7px 15px;}
	#secSistemaEDA .lista-topos li li, #secSistemaEDA .lista-ordenada li li {margin:5px 10px 8px 15px;}


	/* -------- Sección Embajadores ------------ */
	.equipoCont {width:100%;}
	.izdaEquipo2 {margin-left:0%;}
	.modalFotos {overflow:visible;}


	/* ---------- Sección Contacto ----------- */
	#secContacto .flotar {float:none; margin:0;}
	#secContacto .contaMgIzda {margin:10px 0 0 0;}
	#secContacto .ancho-50 {width:100%;}
	#secContacto .separa-15 {height:10px;}
	#secContacto .separa-30 {height:20px;}

	.txtOpciImg {justify-content:center;}
	.txtOpciImg img {width:120px; height:auto; margin-bottom:20px;}
	#secContacto .txtOpciTxt {font-size:16px; text-align:center;}

	.mapas, .mapa100 {height:300px;}
	.textoTitulo {margin:20px auto 10px; font-size:22px; line-height:30px;}
	.textoResaltado {font-weight:400; font-size:18px;}

	#secContacto .capa1000 p {margin-bottom:10px;}

	#contactos {width:90%; margin:auto; padding:20px;}
	.contactoTexto {font-size:18px;}

	[class^="conta_"], [class*=" conta_"] {width:100%;}
	.conta_Obse {height:100px;}

	.contactoEnviar {text-align:center; display:block;}
	.contactoEnviar div {clear:both; margin:auto; padding-top:15px; text-align:center;}
	.contactoCheck {margin:0 5px;}

	.modalVentConta {width:90%; height:auto; top:45%; right:5%; left:5%; bottom:auto; transform:translate(0%,-50%);}
	.formularioEnviado {width:100%; margin:0; padding:20px; font-size:20px; line-height:24px;}


	/*----------------------------------------------------------------------------*/

	[class^="ancho-"], [class*=" ancho-"] {width:100%;}

	.parra-10 p {margin-bottom:7px;}

	.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-70 {height:35px;}
	.separa-80 {height:40px;}
	.separa-90 {height:45px;}
	.separa-100 {height:50px;}
	.separa-120 {height:60px;}

}


/* ------------ 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%;}
.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 */

@media only screen and (max-width: 639px) {
	.scroller {font-size:100%;}
	.section h2 {margin:0px 10px;}	
	.side {width:100%; margin:auto; padding:0px; float:none; display:block;}
	.side img {max-width:98%; float:none; margin:20px auto;}
}


/* ----------------------------- ESTILOS EFECTOS GENERALES ------------------------------------*/

.redondea {border-radius:8px;}

a, img, input, textarea, .sombra, #menu li a, .nav li a, .carro-flotante, .vista-rapida-ficha, .productos-contenedor, .ficha-boton, .ficha-boton2, .productos-botonera, 
.efectos, .equipoFoto p, .modal {transition:all 0.4s;}

.efectoRapido {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 #fff;}
.respland img:hover {box-shadow:0px 0px 5px #fff;}

.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 #fff; border-radius:0px;}
.circulo img:hover, .cuadrado img {border:solid 2px #fff; 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();}

.sombraImg img {box-shadow:0px 0px 10px rgba(0,0,0,0.5);}


/* ----------------------------- 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; max-width:95% !important; height:auto !important;}
.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;}

.ipz-modal-wrapper {margin:20px auto 80px auto !important;}


/* ----------------------------- 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,.2); background:rgba(0,0,0,.02); box-shadow:0px 0px 5px rgba(0,0,0,.3);}
.campos:hover {border:solid 1px rgba(0,0,0,0.5); background:#fff; 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:#fff;}
	.form-button button:hover {width:150px; background:rgba(0,0,0,0.7);}
	
.check {margin:5px 5px 0 0;}
.error {color:#FF0004;}

#formulario-seccion-recaptcha {text-align:center;}
#recaptcha_area {margin:30px auto auto auto;}


/*CSS_SECCION_FAQ*/
#seccion-faqs {width:100%; margin:0 0 5px 0;}
#seccion-faqs dt {cursor:pointer; font-weight:bold; font-size:110%; padding:10px; margin-top:15px; border:solid 2px rgba(0,0,0,0.4); background:rgba(0,0,0,0.05); border-radius:8px;}
#seccion-faqs dt.active {color:#818181;}
#seccion-faqs dt:hover {color:#818181;}
#seccion-faqs dd {height:0; overflow:hidden; position:relative; padding:0; padding:10px; margin:-1px 10px 10px 10px; border:solid 1px rgba(0,0,0,0.2); border-radius:0 0 8px 8px;}


/* ----------------------------- ESTILOS CALCULADORES DE MEDIDAS ------------------------------------*/
.embed-container {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;}
.embed-container iframe {position:absolute; top:0; left:0; width:100%; height:100%;}


/* ----------------------------- 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";}

.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";}

.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";}

.iconEstEsperaH:before    {content:"e982";}
.iconEstEsperaS:before    {content:"e983";}
.iconEstAprobadoH:before  {content:"e984";}
.iconEstAprobadoS:before  {content:"e985";}
.iconEstPreparadoH:before {content:"e986";}
.iconEstPreparadoS:before {content:"e987";}
.iconEstEnviado:before    {content:"e988";}
.iconEstRecibido:before   {content:"e989";}
.iconEstCancelado:before  {content:"e98a";}
.iconEstReembolso:before  {content:"e98b";}
.iconEstDevoInicio:before {content:"e98e";}
.iconEstDevoFin:before    {content:"e98d";}
.iconEstDevoCancel:before {content:"e98c";}

.iconNuevoH:before   {content:"e9a1";}
.iconNuevoS:before   {content:"e9a2";}
.iconOferta1:before  {content:"e9a5";}
.iconOferta2H:before {content:"e9a3";}
.iconOferta2S:before {content:"e9a4";}
.iconDestacaH:before {content:"e99f";}
.iconDestacaS:before {content:"e9a0";}

.iconOk:before  {content:"e93e";}
.iconOkS:before {content:"e9a8";}
.iconKoH:before {content:"e9a6";}
.iconKoS:before {content:"e9a7";}

.iconStarNormal:before {content:"e918";}
.iconStarRound:before  {content:"e92e";}
.iconStarBorde:before  {content:"e92d";}
.iconStarHueca:before  {content:"e92c";}
.iconContraste:before  {content:"e927";}
.iconConfigurar:before {content:"e928";}
.iconSpinner1:before   {content:"e94d";}
.iconSpinner2:before   {content:"e94e";}
.iconSave:before       {content:"e94f";}
.iconPrinter:before    {content:"e9a9";}
.iconOrdenar:before    {content:"e957";}
.iconFiltro1:before    {content:"e954";}
.iconFiltro2:before    {content:"e953";}
.iconFiltro3S:before   {content:"e955";}
.iconFiltro3H:before   {content:"e956";}

.iconCalcular:before {content:"e991";}
.iconVerSi:before    {content:"e98f";}
.iconVerNo:before    {content:"e990";}
.iconVista:before    {content:"e96c";}
.iconVista360:before {content:"e96b";}
.iconMas:before      {content:"e993";}
.iconMenos:before    {content:"e992";}
.iconEditar:before   {content:"e950";}
.iconFolleto:before  {content:"e962";}
.iconGaleria:before  {content:"e969";}
.iconVideos:before   {content:"e95b";}
.iconCodeBar1:before {content:"e9aa";}
.iconCodeBar2:before {content:"e9ab";}
.iconCodeQR1:before  {content:"e9ad";}
.iconCodeQR2:before  {content:"e9ac";}
.iconMapa:before     {content:"e9ae";}
.iconMapaInte:before {content:"e96a";}

.iconExplora:before  {content:"e95e";}
.iconLlegar:before   {content:"e964";}
.iconFiesta:before   {content:"e958";}
.iconComer:before    {content:"e959";}
.iconDormir:before   {content:"e95a";}
.iconHistoria:before {content:"e95f";}
.iconGuiadas:before  {content:"e961";}
.iconMuseos:before   {content:"e965";}
.iconParques:before  {content:"e966";}
.iconIglesia:before  {content:"e967";}
.iconSenderos:before {content:"e968";}
.iconTeresa:before   {content:"e95c";}
.iconSanJuan:before  {content:"e95d";}
.iconCazorla:before  {content:"e96d";}

.iconFilePDF_H:before {content:"e978";}
.iconFilePDF_S:before {content:"e979";}
.iconFileCSV_H:before {content:"e97a";}
.iconFileCSV_S:before {content:"e97b";}
.iconFileJPG_H:before {content:"e97c";}
.iconFileJPG_S:before {content:"e97d";}
.iconFilePNG_H:before {content:"e97e";}
.iconFilePNG_S:before {content:"e97f";}
.iconFileSVG_H:before {content:"e980";}
.iconFileSVG_S:before {content:"e981";}

.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";}

.iconScrollCent:before  {content:"e998";}
.iconScrollTop:before   {content:"e997";}
.iconScrollDcha:before  {content:"e996";}
.iconScrollBajo:before  {content:"e994";}
.iconScrollIzda:before  {content:"e995";}
.iconFlechaBack1:before {content:"e999";}
.iconFlechaGo1:before   {content:"e99a";}
.iconFlechaBack2:before {content:"e99b";}
.iconFlechaGo2:before   {content:"e99c";}
.iconFlechaBack3:before {content:"e99d";}

.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";}
.iconWhatsappS:before  {content:"e913";}
.iconWhatsappH:before  {content:"e99e";}
.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;}
