@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, p a{	font-family: 'Raleway', sans-serif;	line-height: 1.6em; color: #1f370d;}
img a, a, a img{	text-decoration: none;}
.esp{ letter-spacing: 0.5px;}
#cabecera{	background: #384137; color: #fff;}
#logo{	padding: 30px 0 20px 0; }
.azul{	color: #e98319;}
.faldon .azul{	color: #1f370d;}
.banda{	background: #e98319; }
.banda h3{	font-size: 17px; font-weight: 400; letter-spacing: 7px; 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{	font-weight: 300; color: #e98319;}
.titular .m{	display: block;}
h4{	color: #e98319; font-weight: normal;}
.empresa{	border: 1px solid #c5ccc4; margin-top: 30px; 
	-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: #859183; font-size: 14px; line-height: 1.5em; font-weight: 500; margin: 8px 0 40px 0;}
.empresa .contenido{	margin: 40px 30px;}
.empresa .izdo h2{	color: #423f2e; font-size: 25px;}
.empresa .izdo .m-dos{	font-size: 18px;}
.empresa .dcho img{	width: 100%; height: auto; margin: 20px 20px 0 0; max-width: 200px;}
.empresa .boton a, .columna .tag a{	display: inline-block; padding: 8px 15px 7px 15px; font-size: 14px; font-weight: 500;}
.empresa .boton a, #ad-xoilan .boton a{
	border: 1px #eaeae6 solid; background: #eaeae6; color: #859183; float: right;  }
.empresa .boton a:hover{	border: 1px #859183 solid; background: #859183; color: #fff;	}
.empresa .dcho .tel{	font-size: 18px; display: block;}
.empresa .foto{	width: 100%; height: auto; margin-top: 35px;}
.info .tags{	font-size: 14px; font-weight: 500; margin-top: 50px;}
.columna{	margin-top: 20px;}
.columna h2{	font-size: 26px; line-height: 30px; font-weight: 300; margin-bottom: 10px;
	border-bottom: 1px solid #d1e4f3; padding-bottom: 5px;}
.columna li{list-style-type: none; font-size: 14px; font-weight: 500;}
.columna li a{	padding: 8px 0; display: block; color: #859183;  }
.columna li a:hover{	color: #1f370d;  }
.tag a{	border: 1px #f18200 solid; color: #f18200; margin-bottom: 10px; font-weight: 400;}
.m-top{	margin-top: 60px;}
.bloque{	background: #f18200; padding: 100px 50px; color: #fff; 
	text-align: center; font-size: 2em; line-height: 1.4em; position: relative;}
.bloque-b{	background: #5c6a59; padding: 30px; color: #fff;  text-align: center;}
.bloque-b h1{	font-weight: 400;}
.triangulo {width: 0; height: 0; border-right: 60px solid #f18200; 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: 0.9em; background: #384137; color: #95a192; }
#aviso a{	color: #1f370d; display: inline-block; padding: 9px 0;}
.faldon{	background: #95a192; padding: 30px 0; border-top: 8px solid #859183;}
.faldon .logo{	color: #fff; font-size: 1.3em;}
.faldon .logo img{	display: block; margin-bottom: 10px;}
.faldon .logo .sub{	color: #1f370d; font-size: 12px; line-height: 16px; font-weight: 500; display: block;	margin-top: 10px;}
.faldon p{	margin: 0;}
.faldon .submenu h5{	color: #000; font-weight: 700;}
.faldon .submenu li{	list-style-type: none; font-size: 0.9em;}
.faldon .submenu li a{	display: block; color: #000; }
.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: #1f370d; color: #fff; text-align: center; display: inline-block; padding: 5px 10px; font-weight: 500; 
	float: right; margin-top: 10px;}
.faldon .datos a:hover{	background: #fff; color: #1f370d;}
.arroba{	font-family:Verdana, Geneva, sans-serif;}
.top{	position: fixed; bottom: 20px; right: 20px;}
.top a{	display: block; border: 2px solid #fff; background: #384137; color: #fff;
	width: 40px; height: 30px; padding-top: 10px; font-size: 30px; text-align: center;}
.top a:hover{	background: #1f370d;}
.ad img{	width: 100%; height: auto;}
.empresa .contenido ul{margin-left: 20px; margin-top: 15px;}
.pie-foto{font-size: 15px;}
.sin-bottom, .empresa .izdo .sin-bottom{margin-bottom: 0;}

@media only screen 
and (max-width : 520px){
.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;}
#contenido{	margin-top: 30px; padding-bottom: 40px;}
.columna h2 {    font-size: 26px; line-height: 28px;}
	.columna li a {font-size: 16px; padding: 12px 0;}
.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 #1f370d;
     border-right: 40px solid transparent; border-left: 40px solid transparent;}
.info{	margin-bottom: 50px;}
.empresa .dcho{	width: 50%; }
.empresa .boton a{	margin: 0 20px 20px 0; font-size: 14px; font-weight: 600; padding: 10px 20px 9px 20px;}
.empresa .dcho .tel{	padding: 0 0 20px 20px;}
.empresa p{	line-height: 1.8em;}
.empresa .izdo h3 { font-size: 14px; line-height: 1.7em; margin: 5px 0 40px 0;}
.titular h1{	font-size: 28px; line-height: 28px; width: 100%; padding-top: 60px;}
.titular .m{	font-size: 0.6em;}
.titular .s{	font-size: 1.1em; line-height: 1.6em;}
.faldon .logo {    font-size: 1.2em; margin-bottom: 40px;}
.faldon .datos .taco{	padding: 20px; background: #fff; color: #1f370d; font-size: 16px;}
.faldon .datos p a { display: block; padding: 8px 10px; float: none; margin-top: 20px;
}
.faldon .submenu, .banda h3{	display: none;}
#aviso{	clear: both;}
.empresa .dcho img {    margin: 50px 0 0 30px;}
}

@media only screen 
and (min-width : 521px)
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 #1f370d; 
     border-right: 40px solid transparent;
     border-left: 40px solid transparent;}
.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;}
.titular h1{
	font-size: 40px; line-height: 40px; 
	width: 100%; padding-top: 80px;}
.titular .m{
	font-size: 0.6em;}
.titular .s{
	font-size: 1.2em; line-height: 1.6em;}
.faldon .logo {
    font-size: 1.2em; margin-bottom: 40px;}
.faldon .datos .taco{
	padding: 20px; background: #fff; color: #1f370d; 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 #f18200;
     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;}
.empresa .dcho .tel{
	padding: 20px 0 0 0;}	
.titular h1{
	font-size: 45px; line-height: 45px; 
	width: 60%; padding-top: 20px;}
.titular .m{
	font-size: 0.5em; line-height: 1.3em;}
.titular .s{
	font-size: 1.2em; line-height: 1.6em;}
.blq{
	display: block;}
.faldon .logo {
    font-size: 1.2em; margin-bottom: 40px;}
.faldon .datos .taco{
	padding: 20px; background: #fff; color: #1f370d; 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; margin-right: 20px;}
.empresa .boton a{
	margin: 0 30px 30px 0;}
.empresa .dcho .tel{
	padding: 20px 0 0 0;}
.titular h1{
	font-size: 50px; line-height: 50px; 
	width: 60%; padding-top: 20px;}
.titular .m{
	font-size: 0.5em; line-height: 1.3em;}
.titular .s{
	font-size: 1.2em; line-height: 1.6em;}
.blq{
	display: block;}
.faldon .datos .taco{
	padding: 20px; background: #fff; color: #1f370d; 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;}
#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: 70%; }
.empresa .dcho{
	width: 25%; text-align: center; margin: 10px 10px 0 0;}
.empresa .boton a{
	margin: 0 30px 30px 0;}
.empresa .dcho .tel{
	padding: 20px 0 0 0;}
.titular h1{
	font-size: 55px; line-height: 50px; width: 60%;margin-top: 20px; }
.titular .m{
	font-size: 0.6em;}
.titular .s{
	font-size: 1.2em; line-height: 1.6em;}
.blq{
	display: block;}
.faldon .datos .taco{
	padding: 20px; background: #fff; color: #1f370d; font-size: 16px;}
.faldon .submenu{
	width: 80%;}
.faldon .submenu ul{
	width: 31%; float: left; }
#aviso{
	clear: both;}
}