@font-face{
	font-family: Raleway;
    src: url(../fonts/Raleway-Light.woff2),
         url(../fonts/Raleway-Light.woff),
	     url(../fonts/Raleway-VariableFont_wght.ttf);
    font-weight: 300; font-display: swap;}
@font-face{
	font-family: Raleway;
    src: url(../fonts/Raleway-Regular.woff2),
         url(../fonts/Raleway-Regular.woff),
	     url(../fonts/Raleway-VariableFont_wght.ttf);
    font-weight: 400; font-display: swap;}
@font-face{
	font-family: Raleway;
    src: url(../fonts/Raleway-Medium.woff2),
         url(../fonts/Raleway-Medium.woff),
	     url(../fonts/Raleway-VariableFont_wght.ttf);
    font-weight: 500; font-display: swap;}
@font-face{
	font-family: Raleway;
	src: url(../fonts/Raleway-Bold.woff2),
         url(../fonts/Raleway-Bold.woff),
	     url(../fonts/Raleway-VariableFont_wght.ttf);
	font-weight: 700; font-display: swap;}
@font-face{
	font-family: Roboto Condensed;
    src: url(../fonts/RobotoCondensed-Regular.woff2),
         url(../fonts/RobotoCondensed-Regular.woff),
	     url(../fonts/RobotoCondensed-Regular.ttf);
    font-weight: 400; font-display: swap;}
*{	margin: 0; padding: 0;}
body{	font-family: 'Raleway', sans-serif;	font-size: 1.1em; line-height: 2em; color: #00163f;}
img a, a, a img{	text-decoration: none;}
#cabecera{	background: #022364; color: #fff;}
#logo{	padding: 30px 0 20px 0; }
.azul{	color: #4a7ee8;}
.banda{	background: #6697fb; }
.banda h3{	font-size: 17px; font-weight: 400; letter-spacing: 3px; padding-top: 5px;}
.banda .inicio a{	color: #fff; display: block; padding: 5px 10px 5px 0; letter-spacing: 3px;}
.banda .inicio a:hover{	color: #000;}
.titular h1, .otras-limp{	font-weight: 300; color: #1c57d1;}
.titular .m{	display: block;}
.empresa{	border: 1px solid #d1e4f3; margin-top: 20px; 
	-webkit-box-shadow: 5px 5px 15px -2px #d1e4f3;
	-moz-box-shadow: 5px 5px 15px -2px #d1e4f3;
	box-shadow: 5px 5px 15px -2px #d1e4f3;}
.empresa .izdo h3{	color: #4a7ee8; font-size: 14px; line-height: 2em; font-weight: 500; margin-top: 5px;}
.empresa .contenido{	margin: 35px;}
.empresa .izdo h2{	color: #039; font-size: 25px;}
.empresa .izdo .m-dos{	font-size: 18px;}
.empresa .dcho img{	width: 100%; height: auto; margin: 10px 10px 0 0; max-width: 200px;}
.empresa .boton a, .columna .tag a{	display: inline-block; padding: 8px 15px; font-size: 0.8em; font-weight: 500;}
.empresa .boton a, #ad-xoilan .boton a{	border: 1px #d1e4f3 solid; background: #d1e4f3; color: #4a7ee8; float: right;  }
.empresa .boton a:hover{	border: 1px #4a7ee8 solid; background: #4a7ee8; color: #022364;	}
.empresa .dcho .tel{	font-size: 18px; display: block;}
.empresa ul{	margin: 20px 0 0 20px;}
.info .tags{	font-size: 0.8em; font-weight: 500; margin-top: 50px;}
.columna{	margin-top: 20px;}
.columna h2{	font-size: 34px; line-height: 36px; font-weight: 300; margin-bottom: 10px;
	border-bottom: 1px solid #d1e4f3; padding-bottom: 5px;}
.columna li{	list-style-type: none; font-size: 15px; font-weight: 500;}
.columna li a{	padding: 6px 0; display: block; color: #1c57d1;  }
.columna li a:hover{	color: #022364;  }
.tag a{	border: 1px #4a7ee8 solid; color: #4a7ee8; margin-bottom: 10px; font-weight: 400;}
.bloque{	background: #4a7ee8; padding: 100px 50px; color: #fff; 
	text-align: center; font-size: 2em; line-height: 1.4em;	position: relative;}
.bloque-b{	background: #022364; padding: 30px; color: #fff; 	text-align: center;}
.bloque-b h1{	font-weight: 400;}
.triangulo {     width: 0; height: 0; border-right: 60px solid #4a7ee8;border-top: 80px solid transparent;
     border-bottom: 80px solid transparent;}
p{	margin: 20px 0 0 0;}
address{	font-style: normal; display: inline;}	
.b{	clear: both;}
#aviso{ 	font-size: 14px; background: #022364; color: #8bb0fb; }
#aviso a{	color: #1753cd; display: inline-block; padding: 8px 0;}
.faldon{	background: #4a7ee8; padding: 30px 0; border-top: 8px solid #022364;}
.faldon .logo{	color: #fff; font-size: 1.3em;}
.faldon .azul{color: #022364;}
.faldon .logo img{	display: block; margin-bottom: 10px;}
.faldon .logo .sub{	color: #022364; font-size: 14px; line-height: 19px; font-weight: 500; display: block;	margin-top: 10px;}
.faldon p{	margin: 0;}
.faldon .submenu h5{	color: #000; font-weight: 700; font-size: 15px;}
.faldon .submenu li{	list-style-type: none; font-size: 16px;}
.faldon .submenu li a{	display: block; color: #000; padding: 5px 0;}
.faldon .submenu li a:hover{	background: none; color: #FFF;}
.faldon .taco{	margin: 20px 0 10px 0;}
.faldon .taco .tit{	font-weight: 500; font-size: 22px;}
.faldon .datos p a{	background: #022364; color: #fff; text-align: center; display: inline-block; 
	padding: 7px 20px; font-weight: 500; float: right; margin-top: 10px;}
.faldon .datos a:hover{	background: #fff; color: #022364;}
.arroba{	font-family:Verdana, Geneva, sans-serif;}
.top{	position: fixed; bottom: 20px; right: 20px;}
.top a{	display: block; border: 2px solid #fff; background: #022364; color: #fff;
	width: 40px; height: 30px; padding-top: 10px;	font-size: 30px; text-align: center;}
.top a:hover{	background: #1753cd;}
.ad img{	width: 100%; height: auto;}
.m-top{	margin-top: 40px;}
.otras-limp{margin-top: 100px;}

@media only screen 
and (max-width : 480px){
.pantalla, .tablet{	display: none;}
.container {	width: 100%; margin: 0 auto;}
.todo {	margin: 0 20px;}
#cabecera .i-logo{	padding-top: 20px;}
#cabecera .i-logo img{	width: 100px; height: auto;}
#cabecera #logo{	font-size: 22px; line-height: 20px; padding: 10px 0 20px 0;}
.banda .inicio a{	font-size: 0.9em;}
	.columna li a {font-size: 16px; padding: 12px 0;}
#contenido{	margin-top: 30px; padding-bottom: 40px;}
.columna h2 {    font-size: 26px; line-height: 28px;}
.bloque {    font-size: 1.2em;  line-height: 1.2em; padding: 30px;}
.bloque-b h1{	font-size: 1em; line-height: 1.2em;}
.triangulo {	 position: absolute; bottom: -220px; left: 0;	 border-top: 30px solid #022364;     border-right: 40px solid transparent;
     border-left: 40px solid transparent;}
.info{	margin-bottom: 50px;}
#listado .empresa .dcho{	width: 100%; }
.empresa .dcho{	width: 50%; }
.empresa .boton a{	margin: 20px 20px 20px 0; font-size: 14px; font-weight: 600;}
.empresa .dcho .tel{	padding: 0 0 20px 20px;}
.empresa p{	line-height: 1.8em;}
.titular{	color: #aaa;}
.titular h1, .otras-limp{	font-size: 28px; line-height: 28px; 	width: 100%; padding-top: 155px;}
.titular .m{	font-size: 0.6em;}
.titular .s{	font-size: 1.1em; line-height: 1.6em; color: #022364;}
#f-l-viviendas{	background: url(../imagenes/f-limpieza-viviendas.jpg) no-repeat right 0;	background-size: auto 150px;}
#f-l-cristales{	background: url(../imagenes/f-limpieza-cristales.jpg) no-repeat right 0;	background-size: auto 150px;}
#f-l-comunidades{	background: url(../imagenes/f-limpieza-comunidades.jpg) no-repeat right 0;	background-size: auto 150px;}
#f-l-oficinas{	background: url(../imagenes/f-limpieza-oficinas.jpg) no-repeat right 0;	background-size: auto 150px;}
#f-l-industria{	background: url(../imagenes/f-limpiezas-industria.jpg) no-repeat right 0;	background-size: auto 150px;}
#f-l-ultrasonidos{	background: url(../imagenes/f-limpiezas-ultrasonidos.jpg) no-repeat right 0;	background-size: auto 150px;}
#f-l-suelos{	background: url(../imagenes/f-limpiezas-suelos.jpg) no-repeat right 0;	background-size: auto 150px;}
#f-l-garajes{	background: url(../imagenes/f-limpiezas-garajes.jpg) no-repeat right 0;	background-size: auto 150px;}
#f-l-dificiles{	background: url(../imagenes/f-limpiezas-dificiles.jpg) no-repeat right 0;	background-size: auto 150px;}
#f-l-obra{	background: url(../imagenes/f-limpiezas-obra.jpg) no-repeat right 0;	background-size: auto 150px;}
#f-l-desinfeccion{	background: url(../imagenes/f-limpiezas-desinfeccion.jpg) no-repeat right 0;	background-size: auto 150px;}
.faldon .logo {    font-size: 1.2em; margin-bottom: 40px;}
.faldon .datos .taco{	padding: 20px; background: #fff; color: #1753cd; font-size: 16px;}
.faldon .submenu, .banda h3{	display: none;}
.faldon .datos p a { display: block;  padding: 8px 10px;  float: none;  margin-top: 20px;}
#aviso{	clear: both;}
}

@media only screen 
and (min-width : 481px)
and (max-width : 750px) {
.pantalla, .movil{	display: none;}
.container {	width: 100%; margin: 0 auto;}
.todo {	margin: 0 30px;}
#cabecera .i-logo{	padding-top: 20px;}
#cabecera .i-logo img{	width: 150px; height: auto;}
#cabecera #logo{	font-size: 40px; line-height: 40px; padding: 10px 0 20px 0;}
.banda .inicio a{	font-size: 0.9em;}
#contenido{	margin-top: 40px; padding-bottom: 50px;}
.columna h2 {    font-size: 26px; line-height: 28px;}
.columna li{	width: 50%; float: left;}
.bloque {    font-size: 1.4em;  line-height: 1.3em; padding: 40px;}
.bloque-b h1{	font-size: 1em; line-height: 1.2em;}
.triangulo {	 position: absolute; bottom: -200px; left: 0;
	 border-top: 30px solid #022364; border-right: 40px solid transparent; border-left: 40px solid transparent;}
.info{	margin-bottom: 50px; clear: both;}
.izdo{	float: left;}
.dcho{	float: right;}
.empresa .izdo{	width: 65%; }
.empresa .dcho{	width: 30%; text-align: center;}
.empresa .boton a{	margin: 0 20px 20px 0; font-size: 0.7em; font-weight: 600; 
	line-height: 1.5em; padding: 10px 0; display: block;}
.empresa .dcho .tel{	padding: 20px 0 0 0;}
#listado .boton{	margin-top: 70px;}
#listado .boton a{	width: 110px;}
.titular h1, .otras-limp{	font-size: 40px; line-height: 40px; width: 100%; padding-top: 200px;}
.titular .m{	font-size: 0.6em;}
.titular .s{	font-size: 1.2em; line-height: 1.6em; color: #022364;}
#f-l-viviendas{	background: url(../imagenes/f-limpieza-viviendas.jpg) no-repeat right 30px;
	background-size: auto 150px;}
#f-l-cristales{	background: url(../imagenes/f-limpieza-cristales.jpg) no-repeat right 30px;
	background-size: auto 150px;}
#f-l-comunidades{	background: url(../imagenes/f-limpieza-comunidades.jpg) no-repeat right 30px;
	background-size: auto 150px;}
#f-l-oficinas{	background: url(../imagenes/f-limpieza-oficinas.jpg) no-repeat right 30px;
	background-size: auto 150px;}
#f-l-industria{	background: url(../imagenes/f-limpiezas-industria.jpg) no-repeat right 30px;
	background-size: auto 150px;}
#f-l-ultrasonidos{	background: url(../imagenes/f-limpiezas-ultrasonidos.jpg) no-repeat right 30px;
	background-size: auto 150px;}
#f-l-suelos{	background: url(../imagenes/f-limpiezas-suelos.jpg) no-repeat right 30px;
	background-size: auto 150px;}
#f-l-garajes{	background: url(../imagenes/f-limpiezas-garajes.jpg) no-repeat right 30px;
	background-size: auto 150px;}
#f-l-dificiles{	background: url(../imagenes/f-limpiezas-dificiles.jpg) no-repeat right 30px;
	background-size: auto 150px;}
#f-l-obra{	background: url(../imagenes/f-limpiezas-obra.jpg) no-repeat right 30px;
	background-size: auto 150px;}
#f-l-desinfeccion{	background: url(../imagenes/f-limpiezas-desinfeccion.jpg) no-repeat right 30px;
	background-size: auto 150px;}
.faldon .logo {    font-size: 1.2em; margin-bottom: 40px;}
.faldon .datos .taco{	padding: 20px; background: #fff; color: #1753cd; font-size: 16px;}
.faldon .submenu, .banda h3{	display: none;}
#aviso{	clear: both;}
}

@media only screen 
and (min-width : 751px)
and (max-width : 890px) {
.movil, .tablet{	display: none;}
.container {	width: 100%; margin: 0 auto;}
.todo {	margin: 0 40px;}
#cabecera .i-logo{	width: 25%; float: left; margin-top: 10px;}
#cabecera .i-logo img{	width: 100%; height: auto;}
#cabecera #logo{	width: 70%; float: right; font-size: 40px; line-height: 40px; margin-top: 15%;}
.banda h3 {    font-size: 12px; letter-spacing: 0px;}
.banda .inicio a{	font-size: 0.8em;}
#contenido{	margin-top: 50px; padding-bottom: 50px;}
.columna h2 {    font-size: 26px;    line-height: 30px;}
.bloque {    font-size: 1.3em;  line-height: 1.3em; padding: 80px 40px;}
.bloque-b h1{	font-size: 1.1em; line-height: 1.2em; }
.triangulo {	 position: absolute; left: -30px; top: 26%;
	 border-right: 30px solid #4a7ee8;     border-top: 40px solid transparent;     border-bottom: 40px solid transparent;}
.columna, header .banda .inicio{	width: 25%; float: left;}
.info, header .banda h3{	width: 70%; float: right;}
.info{	margin-bottom: 50px;}
.izdo{	float: left;}
.dcho{	float: right;}
.empresa .izdo{	width: 65%; }
.empresa .dcho{	width: 30%; text-align: center;}
.empresa .boton a{	margin: 0 20px 20px 0; line-height: 1.6em;}
.empresa .dcho .tel{	padding: 20px 0 0 0;}	
#listado .boton{	margin-top: 70px;}
#listado .boton a{	padding: 10px 0; width: 130px;}
.titular h1, .otras-limp{	font-size: 45px; line-height: 45px; 	width: 60%; padding-top: 140px;}
.titular .m{	font-size: 0.5em; line-height: 1.3em;}
.titular .s{	font-size: 1.2em; line-height: 1.6em;}
#f-l-viviendas{
	background: url(../imagenes/f-limpieza-viviendas.jpg) no-repeat right 90px;
	background-size: 37% auto;}
#f-l-cristales{
	background: url(../imagenes/f-limpieza-cristales.jpg) no-repeat right 90px;
	background-size: 37% auto;}
#f-l-comunidades{
	background: url(../imagenes/f-limpieza-comunidades.jpg) no-repeat right 90px;
	background-size: 37% auto;}
#f-l-oficinas{
	background: url(../imagenes/f-limpieza-oficinas.jpg) no-repeat right 90px;
	background-size: 37% auto;}
#f-l-industria{
	background: url(../imagenes/f-limpiezas-industria.jpg) no-repeat right 90px;
	background-size: 37% auto;}
#f-l-ultrasonidos{
	background: url(../imagenes/f-limpiezas-ultrasonidos.jpg) no-repeat right 90px;
	background-size: 37% auto;}
#f-l-suelos{
	background: url(../imagenes/f-limpiezas-suelos.jpg) no-repeat right 90px;
	background-size: 37% auto;}
#f-l-garajes{
	background: url(../imagenes/f-limpiezas-garajes.jpg) no-repeat right 90px;
	background-size: 37% auto;}
#f-l-dificiles{
	background: url(../imagenes/f-limpiezas-dificiles.jpg) no-repeat right 30px;
	background-size: auto 150px;}
#f-l-obra{
	background: url(../imagenes/f-limpiezas-obra.jpg) no-repeat right 30px;
	background-size: auto 150px;}
#f-l-desinfeccion{
	background: url(../imagenes/f-limpiezas-desinfeccion.jpg) no-repeat right 30px;
	background-size: auto 150px;}
.blq{	display: block;}
.faldon .logo {    font-size: 1.2em; margin-bottom: 40px;}
.faldon .datos .taco{	padding: 20px; background: #fff; color: #1753cd; font-size: 16px;}
.faldon .submenu{	width: 100%; max-width: 590px;}
.faldon .submenu ul{	width: 33%; float: left; }
#aviso{	clear: both;}
}

@media only screen 
and (min-width : 891px)
and (max-width : 1199px) {
.movil, .tablet{	display: none;}
.container {	width: 100%; margin: 0 auto;}
.todo {	margin: 0 40px;}
#cabecera .i-logo{	width: 25%; float: left; margin-top: 10px;}
#cabecera #logo{	width: 70%; float: right; font-size: 56px; line-height: 60px; margin-top: 10%;}
.banda h3 {    font-size: 13px; letter-spacing: 1px;}
#contenido{	margin-top: 50px; padding-bottom: 50px;}
.columna h2 {    font-size: 30px; line-height: 33px;}
.bloque {    font-size: 1.6em;  line-height: 1.4em; padding: 100px;}
.bloque-b h1{	font-size: 1.1em; line-height: 1.1em; }
.triangulo {	 position: absolute; left: -50px; top: 26%;}
.columna, .faldon .logo, header .banda .inicio{	width: 25%; float: left;}
.info, .faldon .datos, header .banda h3{	width: 70%; float: right;}
.info{	margin-bottom: 50px;}
.izdo{	float: left;}
.dcho{	float: right;}
.empresa .izdo{	width: 65%; }
.empresa .dcho{	width: 30%; text-align: center;}
.empresa .boton a{	margin: 0 20px 20px 0;}
.empresa .dcho .tel{	padding: 20px 0 0 0;}
#listado .boton{	margin-top: 70px;}
#listado .boton a{	padding: 5px 0; width: 150px;}
.titular h1{	font-size: 50px; line-height: 50px; width: 60%; padding-top: 140px;}
.titular .m{	font-size: 0.5em; line-height: 1.3em;}
.titular .s{	font-size: 1.2em; line-height: 1.6em;}
#f-l-viviendas{
	background: url(../imagenes/f-limpieza-viviendas.jpg) no-repeat right 50px;	background-size: 40% auto;}
#f-l-cristales{
	background: url(../imagenes/f-limpieza-cristales.jpg) no-repeat right 50px;	background-size: 33% auto;}
#f-l-comunidades{
	background: url(../imagenes/f-limpieza-comunidades.jpg) no-repeat right 50px;	background-size: 40% auto;}
#f-l-oficinas{
	background: url(../imagenes/f-limpieza-oficinas.jpg) no-repeat right 50px;	background-size: 33% auto;}
#f-l-industria{
	background: url(../imagenes/f-limpiezas-industria.jpg) no-repeat right 50px;	background-size: 33% auto;}
#f-l-ultrasonidos{
	background: url(../imagenes/f-limpiezas-ultrasonidos.jpg) no-repeat right 50px;	background-size: 33% auto;}
#f-l-suelos{
	background: url(../imagenes/f-limpiezas-suelos.jpg) no-repeat right 50px;	background-size: 33% auto;}
#f-l-garajes{
	background: url(../imagenes/f-limpiezas-garajes.jpg) no-repeat right 50px;	background-size: 33% auto;}
#f-l-dificiles{
	background: url(../imagenes/f-limpiezas-dificiles.jpg) no-repeat right 50px;	background-size: 33% auto;}
#f-l-obra{
	background: url(../imagenes/f-limpiezas-obra.jpg) no-repeat right 50px;	background-size: 33% auto;}
#f-l-desinfeccion{
	background: url(../imagenes/f-limpiezas-desinfeccion.jpg) no-repeat right 50px;	background-size: 33% auto;}
.blq{	display: block;}
.faldon .datos .taco{	padding: 20px; background: #fff; color: #1753cd; font-size: 16px;}
.faldon .submenu{	width: 100%;}
.faldon .submenu ul{	width: 33%; float: left; }
#aviso{	clear: both;}
}
	
@media only screen 
and (min-width : 1200px){ 
.movil, .tablet{	display: none;}
.container {	width: 1200px; margin: 0 auto;}
#contenido{	background: #FFF;}
.todo {	margin: 0 50px;}
.fondo{	background: url(../imagenes/fondo.jpg) center bottom no-repeat;	background-size: 100% auto;}
#cabecera .i-logo{	width: 230px; float: left; margin-top: 10px;}
#cabecera #logo{	width: 830px; float: right; font-size: 80px; line-height: 70px; margin-top: 60px;}
#contenido{	margin-top: 50px; padding-bottom: 50px;}
.bloque-b h1{	font-size: 1.2em; line-height: 1.2em; }
.triangulo {	 position: absolute; left: -60px; top: 30%;}
.columna, .faldon .logo, header .banda .inicio{	width: 20%; float: left;}
.info, .faldon .datos, header .banda h3{	width: 75%; float: right;}
.info{	margin-bottom: 50px;}
.izdo{	float: left;}
.dcho{	float: right;}
.empresa .izdo{	width: 66%; }
.empresa .contenido {    margin: 40px;}
.empresa .dcho{	width: 25%; text-align: center;}
.empresa .boton a{	margin: 0 20px 20px 0;}
.empresa .dcho .tel{	padding: 20px 0 0 0;}
#listado .boton{	margin-top: 120px;}
#listado .boton a{	padding: 5px 0; width: 220px;;}
.titular h1{	font-size: 55px; line-height: 50px; 
	width: 60%; padding-top: 200px;}
.titular .m{	font-size: 0.6em;}
.titular .s{	font-size: 1.2em; line-height: 1.6em;}
#f-l-viviendas{	background: url(../imagenes/f-limpieza-viviendas.jpg) no-repeat right 90px;}
#f-l-cristales{	background: url(../imagenes/f-limpieza-cristales.jpg) no-repeat right 90px;}
#f-l-comunidades{	background: url(../imagenes/f-limpieza-comunidades.jpg) no-repeat right 90px;}
#f-l-oficinas{	background: url(../imagenes/f-limpieza-oficinas.jpg) no-repeat right 90px;}
#f-l-industria{	background: url(../imagenes/f-limpiezas-industria.jpg) no-repeat right 90px;}
#f-l-ultrasonidos{	background: url(../imagenes/f-limpiezas-ultrasonidos.jpg) no-repeat right 90px;}
#f-l-suelos{	background: url(../imagenes/f-limpiezas-suelos.jpg) no-repeat right 90px;}
#f-l-garajes{	background: url(../imagenes/f-limpiezas-garajes.jpg) no-repeat right 90px;}
#f-l-dificiles{	background: url(../imagenes/f-limpiezas-dificiles.jpg) no-repeat right 90px;}
#f-l-obra{	background: url(../imagenes/f-limpiezas-obra.jpg) no-repeat right 90px;}
#f-l-desinfeccion{	background: url(../imagenes/f-limpiezas-desinfeccion.jpg) no-repeat right 90px;}
.blq{	display: block;}
.faldon .datos .taco{	padding: 20px; background: #fff; color: #1753cd; font-size: 16px;}
.faldon .submenu{	width: 80%;}
.faldon .submenu ul{	width: 33%; float: left; }
#aviso{	clear: both;}
}
@media only screen 
	and (min-width : 1500px){ 
.container {	width: 90%; }
   #cabecera #logo {        width: 830px;        float: left; margin-left: 10%;    }
	.titular .s{width: 780px;}}