@charset "utf-8";

@font-face {
    font-family: 'dahlia-medium';
    src: url("../fonts/dahlia-medium.woff") format('woff');
    font-style: normal;
    font-weight: 900;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* color super claro #F7F3ED COLOR CLARO #D9BDB4  COLOR FONDO CABECERA #EFE7DC  anterior #CDB798  COLOR OCRE OBSCURO #9A5038  */


/*===============Propiedades Globales================*/
ul, ol, dl {
	padding: 0;
	margin: 0;
}
ul {
   margin-left: 0;
   padding-left: 0;
}
ul li {
   margin-left: 2em;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
a img { 
	border: none;
}
hr {
  height: 1px;
  background-color: #9d9d9c;
}

/*=============== links ================*/
a:link {
	color:#9A5038;
	text-decoration: none; /* a no ser que aplique estilos a los vínculos para que tengan un aspecto muy exclusivo, es recomendable proporcionar subrayados para facilitar una identificación visual rápida */
}
a:visited {
	color:#9A5038;
	text-decoration: none; /* a no ser que aplique estilos a los vínculos para que tengan un aspecto muy exclusivo, es recomendable proporcionar subrayados para facilitar una identificación visual rápida */
}
a:hover, a:active, a:focus { /* este grupo de selectores proporcionará a un usuario que navegue mediante el teclado la misma experiencia de hover (paso por encima) que experimenta un usuario que emplea un ratón. */
	color:#000000;
	text-decoration: none;
}
a.link_menu:link {
	color:#000000;
	text-decoration: none; /* a no ser que aplique estilos a los vínculos para que tengan un aspecto muy exclusivo, es recomendable proporcionar subrayados para facilitar una identificación visual rápida */
}
a.link_menu:visited {
	color:#000000;
	text-decoration: none;
}
a.link_menu:hover, a.link_menu:active, a.link_menu:focus { /* este grupo de selectores proporcionará a un usuario que navegue mediante el teclado la misma experiencia de hover (paso por encima) que experimenta un usuario que emplea un ratón. */
	color:#9A5038;
	text-decoration: none;
}
a.link_espe:link {
	color:#9A5038;
	text-decoration: none; /* a no ser que aplique estilos a los vínculos para que tengan un aspecto muy exclusivo, es recomendable proporcionar subrayados para facilitar una identificación visual rápida */
}
a.link_espe:visited {
	color:#9A5038;
	text-decoration: none;
}
a.link_espe:hover, a.link_espe:active, a.link_espe:focus { /* este grupo de selectores proporcionará a un usuario que navegue mediante el teclado la misma experiencia de hover (paso por encima) que experimenta un usuario que emplea un ratón. */
	color:#D9BDB4;
	text-decoration: none;
}
/*=============== utilidades ================*/
.nosale {
	display:none;
}
.pc {
	display:inline;
}
.resto {
	display:none;
}
.tablet {
	display:none;
}
.movil {
	display:none;
}
.video {
 	width: 60%;
  	margin-left: 20%;
  	margin-right: 20%;
	margin-bottom:3%;
	float:left;
	height:520px;
	border:thin #CCC solid;
	padding:10px;
	box-sizing:border-box;
}
.video img {
 	width: 100%;
 	height: auto;
}
.espacio_flecha{
 	width: 100%;
  	margin-left: auto;
  	margin-right: auto;
	margin-top:3%;
}
.flecha {
 	width: 3%;
 	margin-right: auto;
  	margin-left: auto;
}
.flecha img {
 	width: 100%;
 	height: auto;
}
.banner_pagina {
	width: 100%;
	float:left;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1%;
}
.banner_pagina img {
 	width: 100%;
 	height: auto;
}
.migas {
	width: 60%;
	float:left;
	margin-left:38%;
	margin-right:auto;
	margin-bottom:1%;
	display:inline;
	font-size:90%;
	text-align:right;
	margin-top:1%;
}
.separador {
	width: 98%;
	float:left;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:1%;
	margin-top:1%;
}
.separador img {
	width: 100%;
	height:1px;
}
.sombra {
	box-shadow: 2px 2px 10px;
	border-radius:10px;
}
.sombra1 {
	box-shadow: 2px 2px 10px;
	border-radius:10px;
}
/* ~~ cookies ~~ */
/* CSS para la animación y localización de los DIV de cookies */
@keyframes desaparecer
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
@-webkit-keyframes desaparecer /* Safari and Chrome */
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
@keyframes aparecer
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
@-webkit-keyframes aparecer /* Safari and Chrome */
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
#cookiesms1:target {
    display: none;
}
.cookiesms{	
	width:100%;
	height:auto;
	margin:0 auto;
	font-size:102%;
	padding-left:1%;
	padding-top:15px;
	clear:both;
	color: #404040;
	font-weight:bolder;
	bottom:0px;
	position:fixed;
	left: 0px;
	background-color: #EFEDEA;
	opacity:0.9;
	transition: bottom 1s;
	-webkit-transition:bottom 1s; /* Safari */
	-webkit-box-shadow: 3px -3px 1px rgba(154, 79, 56, 0.56);
	-moz-box-shadow:    3px -3px 1px rgba(154, 79, 56, 0.56);
	box-shadow:         3px -3px 1px rgba(154, 79, 56, 0.56);
	z-index:999999999;
	text-align:center;
}
.cookiesms:hover{
	bottom:0px;
}
.cookies2{
	background-color: #EFEDEA;
	display:inline;
	opacity:0.95;
	position:absolute; 
	left:1%; 
	top:-30px;
	font-size:95%;
    font-family: 'Roboto', sans-serif;
	height:30px;
	padding-left:15px;
	padding-right:15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	-webkit-box-shadow: 3px -3px 1px rgba(154, 79, 56, 0.56);
	-moz-box-shadow:    3px -3px 1px rgba(154, 79, 56, 0.56);
	box-shadow:         3px -3px 1px rgba(154, 79, 56, 0.56);
}
.boton_cookies {
	width:15%;
	padding:5px;
	float:left;
	background-color:#D9BDB4;
	color:#9A5038;
	margin-bottom:1%;
	margin-right:0%;
	margin-left:33%;
	text-align:center;
	font-size:100%;
	box-sizing:border-box;
	cursor:pointer;
	border-radius:5px;
	border:#9A5038 thin solid;
}
.boton_cookies:hover {
	background-color:#9A5038;
	color:#ffffff;
}
.boton_cookies1 {
	width:15%;
	padding:5px;
	float:left;
	background-color:#D9BDB4;
	color:#9A5038;
	margin-bottom:1%;
	margin-right:0%;
	margin-left:4%;
	text-align:center;
	font-size:100%;
	box-sizing:border-box;
	cursor:pointer;
	border-radius:5px;
	border:#9A5038 thin solid;
}
.boton_cookies1:hover {
	background-color:#9A5038;
	color:#ffffff;
}
/*=============== particiones ================*/
body {
    font-family: 'Roboto', sans-serif;
	overflow-x: hidden;
	font-size:105%;
	background-color:#ffffff; 
	margin: 0;
	padding: 0;
	color:#404040;
}
.container {
 	width: 100%;
	float:left;
 	margin-right: auto;
  	margin-left: auto;
  	background: #FFF;
	padding:0;
}
.content {
 	width: 100%;
	float:left;
 	margin-right: auto;
  	margin-left: auto;
  	background: #FFF;
	padding:0;
}
.header {
	width: 100%;
	float:left;
 	margin-right: auto;
  	margin-left: auto;
	padding:0;
	background-color:#EFE7DC;
}
.logo {
 	width: 18%;
	float:left;
	margin-left:41%;
	margin-right:41%;
	margin-top:1%;
}
.logo img {
 	width: 100%;
 	height: auto;
}
.navegador {
 	width: 99%;
	float:left;
  	margin-left: 1%;
  	margin-right: 1%;
	position: relative;
	z-index:1;
	margin-top:1%;
	margin-bottom:1%;
 	font-family: "Roboto Condensed", sans-serif;
}
.contenedor_centrado {
 	width: 80%;
	float:left;
 	margin-right: 10%;
  	margin-left: 10%;
	margin-top:1%;
	margin-bottom:1%;
	box-sizing:border-box;
	padding:10px;
}
.contenedor_centrado_servi {
 	width: 80%;
	float:left;
 	margin-right: 10%;
  	margin-left: 10%;
	margin-top:1%;
	margin-bottom:1%;
	box-sizing:border-box;
	padding:10px;
}
.contenedor_centrado_color {
 	width: 80%;
	float:left;
 	margin-right: 10%;
  	margin-left: 10%;
	margin-top:1%;
	margin-bottom:1%;
	box-sizing:border-box;
	padding:10px;
	background-color:#F2EFEA;
}
.contenedor_largo_color {
 	width: 100%;
	float:left;
 	margin-right: auto;
  	margin-left: auto%;
	margin-top:1%;
	margin-bottom:1%;
	box-sizing:border-box;
	padding:10px;
	background-color:#F2EFEA;
}
.contenedor_largo {
 	width: 100%;
	float:left;
 	margin-right: auto;
  	margin-left: auto%;
	margin-top:1%;
	margin-bottom:1%;
	box-sizing:border-box;
	padding:10px;
}
.contenedor_largo_degradado {
 	width: 100%;
	float:left;
 	margin-right: auto;
  	margin-left: auto%;
	margin-top:1%;
	margin-bottom:1%;
	box-sizing:border-box;
	padding:10px;
	background: linear-gradient(rgba(197, 175, 146, 0.8),rgba(247, 243, 237, 0.8));
}
.contenedor_largo_degradado_bajo {
 	width: 100%;
	float:left;
 	margin-right: auto;
  	margin-left: auto%;
	margin-top:1%;
	margin-bottom:1%;
	box-sizing:border-box;
	padding:10px;
	background: linear-gradient(to top, rgba(197, 175, 146, 0.8),rgba(247, 243, 237, 0.8));
}
.contenedor_iz {
 	width: 28%;
	float:left;
  	margin-left: 10%;
	margin-top:2%;
	margin-bottom:3%;
	box-sizing:border-box;
	padding:10px;
	border-radius:10px;
}
.contenedor_iz img {
 	width: 100%;
 	height: auto;
	border-radius:10px;
}
.contenedor_de {
 	width: 50%;
	float:left;
  	margin-left: 5%;
  	margin-right: 7%;
	margin-top:2%;
	margin-bottom:3%;
	box-sizing:border-box;
	padding:10px;
}
.contenedor_iz_index {
 	width: 28%;
	float:left;
  	margin-left: 10%;
	margin-top:2%;
	margin-bottom:3%;
	box-sizing:border-box;
	padding:10px;
	border-radius:10px;
}
.contenedor_iz_index img {
 	width: 100%;
 	height: auto;
	border-radius:10px;
}
.contenedor_de_index {
 	width: 50%;
	float:left;
  	margin-left: 5%;
  	margin-right: 7%;
	margin-top:2%;
	margin-bottom:3%;
	box-sizing:border-box;
	padding:10px;
}
.contenedor_iz_fondo {
 	width: 28%;
	float:left;
  	margin-left: 10%;
	margin-top:2%;
	margin-bottom:3%;
	box-sizing:border-box;
	padding:10px;
	border-radius:10px;
}
.contenedor_iz_fondo img {
 	width: 100%;
 	height: auto;
	border-radius:10px;
}
.contenedor_de_fondo {
 	width: 50%;
	float:left;
  	margin-left: 5%;
  	margin-right: 7%;
	margin-top:2%;
	margin-bottom:3%;
	box-sizing:border-box;
	padding:10px;
}
.contenedor_de_corto {
 	width: 28%;
	float:left;
  	margin-left: 5%;
  	margin-right: 7%;
	margin-top:2%;
	margin-bottom:3%;
	box-sizing:border-box;
	border-radius:10px;
	padding:10px;
}
.contenedor_de_corto img {
 	width: 100%;
 	height: auto;
	border-radius:10px;
}
.contenedor_iz_largo {
 	width: 50%;
	float:left;
	margin-left:10%;
	margin-top:2%;
	margin-bottom:3%;
	box-sizing:border-box;
	padding:10px;
}
.contenedor_pack_peque {
	display:none;
}
.contenedor_iz_largo_pack {
 	width: 50%;
	float:left;
	margin-left:10%;
	margin-top:2%;
	margin-bottom:3%;
	box-sizing:border-box;
	padding:10px;
}
.contenedor_de_corto_pack {
 	width: 28%;
	float:left;
  	margin-left: 5%;
  	margin-right: 7%;
	margin-top:2%;
	margin-bottom:3%;
	box-sizing:border-box;
	border-radius:10px;
	padding:10px;
}
.contenedor_de_corto_pack img {
 	width: 100%;
 	height: auto;
	border-radius:10px;
}
.contenedor_igual {
 	width: 47%;
	float:left;
	margin-left:3%;
	margin-top:2%;
	margin-bottom:3%;
	box-sizing:border-box;
	padding:10px;
	box-shadow: 2px 2px 10px #CDB798;
	border-radius:10px;
	background-color:#F2EFEA;
}
.content_fondo {
 	width: 90%;
	float:left;
 	margin-right: 5%;
  	margin-left: 5%;
	text-align:justify;
	font-size:100%;
	margin-top:2%;
	margin-bottom:2%;
	background: linear-gradient(to top, rgba(197, 175, 146, 0.8),rgba(247, 243, 237, 0.8));
	box-shadow: 2px 2px 10px #CDB798;
}
.content_fondo img {
 	width: 100%;
 	height: auto;
}
.textos_grandes {
 	width: 80%;
	float:left;
 	margin-right: 10%;
  	margin-left: 3%;
	padding:5px;
	box-sizing:border-box;
	margin-bottom:2%;
	margin-top:2%;
	text-align:center;
	font-size:150%;
    font-weight: 500;
    font-style: normal;
    font-stretch:condensed;
}
/*=============== menu DESPLEGABLE Y RESIZEABLE ================*/
.menu_largo {
	display:none;
}
.menu_bar {
	display:none;
}
menu {
 	font-family: 'dahlia-medium';
	width:80%;
	margin-right:13%;
	margin-left:7%;
	float:left;
	position: relative;
	font-size:140%;
	z-index:1;
	text-align:center;
}
menu nav {
	z-index:1000;
	width:100%;
}
menu nav ul {
	list-style:none;
}
menu nav ul li {
	display:inline-block;
	position: relative;
	font-size:100%;
}
menu nav ul li:hover {
	color:#9D9D9C;
}
menu nav ul li:hover > ul {
	display:block;
}
menu nav ul li a {
	color:#404040;
	display:block;
	text-decoration:none;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:40px;
	padding-right:40px;
	box-sizing:border-box;
}
menu nav ul li a span {
}
menu nav ul li:hover .children {
	margin-right:1px;
	display:block;
}
menu nav ul li .children {
	display: none;
	position: absolute;
	width: 475%;
	height:370px;
	z-index:1000;
	font-size:90%;
	margin-left:-350px;
	border:thin #404040 solid;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:0;
	padding-right:0;
	box-sizing:border-box;
	background-color:#FFF;
}
menu nav ul li .children li {
	float:left;
	display:block;
	overflow: hidden;
	line-height: 0.3em; 
}
menu nav ul li .children li a {
	display: block;
}
menu nav ul li .children li a span {
	float: right;
	position: relative;
	top:5px;
	margin-right:0;
	margin-left:5px;
}
menu nav ul li .caret {
	position: relative;
	top:3px;
	margin-left:10px;
	margin-right:0px;
}
.menu_largo ul {
	background-color:#ffffff;
	overflow:hidden;
	list-style:none;
	margin-top:-0.4%;
	font-size:100%;
	margin-left:0;
	padding:0;
}
.menu_largo ul li {
	float:left;
	text-align:center;
	width:19%;
}
.menu_largo ul li a {
	color:#06500c;
	display:block;
	margin-top:2%;
	padding-top:1%;
	padding-bottom:1.5%;
	text-decoration:none;
}
.menu_largo ul li span {
	margin-right:8%;
}
.menu_largo ul li a:hover {
	color:#8D002A;
}
.menu_largo ul li .children {
	display: none;
	position: absolute;
	width: 150%;
	z-index:1000;
}
.menu_largo ul li .children li {
	display:block;
	overflow: hidden;
}
.menu_largo ul li .children li a {
	display: block;
}
.menu_largo ul li .children li a span {
	float: right;
	position: relative;
	top:3px;
	margin-right:0;
	margin-left:10px;
}
.menu_largo ul li .caret {
	position: relative;
	top:3px;
	margin-left:10px;
	margin-right:0px;
}
/*=============== banner principal ================*/
.foto_index {
 	width: 100%;
	float:left;
    text-align: center;
	margin-bottom:2%;
}
.foto_index img {
 	width: 100%;
 	height: auto;
}
/*=============== contenedores texto ================*/
.contenedor_textos {
 	width: 90%;
	float:left;
 	margin-right: 5%;
  	margin-left: 5%;
	margin-top:1%;
	margin-bottom:3%;
	border:thin #DBDBDB solid;
	box-sizing:border-box;
	padding:5px;
}
.detalle_textos {
 	width: 90%;
	float:left;
 	margin-right: 5%;
  	margin-left: 5%;
	margin-top:1%;
	margin-bottom:2%;
	text-align:justify;
	font-size:100%;
}
/*=============== pie de la pagina ================*/
/* ~~ clases float/clear varias ~~ */
.fltrt {  /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* esta clase puede situarse en una <br /> o div vacía como elemento final tras la última div flotante (dentro de #container) si #footer se elimina o se saca fuera de #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/*=============== MAPA ================*/
.mapa {
 	width: 100%;
	float:left;
 	margin-right: auto;
  	margin-left: auto;
	border:thin #DBDBDB solid;
	margin-bottom:1%;
	margin-top:3%;
}
.mapa img {
	width: 100%;
	height:auto;
}
.formularios {
 	width: 70%;
	float:left;
	margin-left:15%;
	margin-right:15%;
	padding-left:20px;
	padding-right:20px;
	padding-top:30px;
	padding-bottom:30px;
	box-sizing:border-box;
	font-size:90%;
}
/*=============== servicios ================*/
.servicios {
	width: 70%;
	float:left;
	margin-left:15%;
	margin-right:15%;
	background-color: #F2EFEA;
	margin-top:1%;
	margin-bottom:2%;
	border-radius:10px;
	box-shadow: 2px 2px 10px #CDB798;
}
.servicios_texto {
 	width: 47%;
	float:left;
	margin-left:3%;
	margin-top:2%;
	margin-bottom:2%;
	box-sizing:border-box;
	padding:8px;
}
.servicios_foto_d {
	width: 40%;
	float:left;
	margin-left:5%;
	margin-top:2%;
	margin-bottom:3%;
	border-radius:10px;
}
.servicios_foto_d img {
	width: 100%;
	height:auto;
	border-radius:10px;
}
/*=============== LISTAS ================*/
.lista1 {
   margin: 0;
   padding: 0;
   list-style-type: none;
   line-height: 34px;
   font-size:105%;
}
.lista1 li {
  list-style-type: none; /* Imprescindible para que no se vea el marcador original */
  padding-left: 2rem; /* Espacio para la imagen de fondo */
  background-image: url(../imagenes/icono_puntos.png);
  background-position: left center; /* o 0 50% */
  background-size: 1.3rem 1.3rem; /* Controlamos el tamaño de la imagen */
  background-repeat: no-repeat;
  margin-bottom: 0.5em; /* Espacio entre elementos */
}
.lista2 li {
  list-style-type: none; /* Imprescindible para que no se vea el marcador original */
  padding-left: 2rem; /* Espacio para la imagen de fondo */
}
.lista_refo {
   margin: 0;
   padding: 0;
   list-style-type: none;
   line-height: 34px;
   font-size:95%;
}
.lista_refo li {
  list-style-type: none; /* Imprescindible para que no se vea el marcador original */
  padding-left: 2rem; /* Espacio para la imagen de fondo */
  background-image: url(../imagenes/icono_puntos.png);
  background-position: left center; /* o 0 50% */
  background-size: 1.3rem 1.3rem; /* Controlamos el tamaño de la imagen */
  background-repeat: no-repeat;
  margin-bottom: 0.5em; /* Espacio entre elementos */
}
/*=============== pie de la pagina ================*/
.footer {
	padding: 10px 0;
	box-sizing:border-box;
	color:#404040;
}
.pie_superior {
	width: 100%;
	float:left;
	padding: 10px 0;
	box-sizing:border-box;
	margin-top:2%;
	background-color:#F7F3ED;
}
.pie_centrado {
	width: 48%;
	float:left;
	margin-left:1%;
	margin-right:1%;
}
.parte_footer_corta {
	width:30%;
	float:left;
	padding:0;
	margin-left:1%;
	margin-right:1%;
	margin-top:1%;
	font-size:90%;
	font-weight:normal;
}
.parte_footer {
	width:48%;
	float:left;
	padding:0;
	margin-left:2%;
	margin-top:1%;
	margin-bottom:1%;
	font-size:90%;
	font-weight:normal;
}
.logo_insta {
 	width: 15%;
	float:left;
	margin-left:5%;
	margin-right:5%;
}
.logo_insta img {
 	width: 100%;
 	height: auto;
}
.logo_pie {
 	width: 64%;
	float:left;
	margin-left:18%;
	margin-right:18%;
}
.logo_pie img {
 	width: 100%;
 	height: auto;
}
.pie_inferior {
	width: 100%;
	float:left;
	background-color:#EFE7DC;
	color:#404040;
	font-size:85%;
	box-sizing:border-box;
	padding-top: 10px;
	box-sizing:border-box;
	text-align:center;
}
.errores {
	width:60%;
	float:left;
	margin-left:20%;
	margin-right:20%;
	margin-bottom:2%;
	text-align:center;
	color:#990000;
	font-size:120%;
}/* ~~---------------- ESTILO FORMULARIO ------------------------~~ */
.formulario {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
	color:#000000;
	text-decoration:none;
	text-align:left;
	text-shadow:1px 1px 0px #ffffff;
	font-size:105%;
	padding:5px;
}
/* ~~---------------- letras ------------------------~~ */
.letra_avisos {
	font-weight:bold;
	color:#9A5038;
    font-family: 'Roboto', sans-serif;
}
.letra_especial {
	font-weight:bold;
	color:#9A5038;
	font-size:160%;
 	font-family: 'dahlia-medium';
 }
.letra_ocre {
 	font-family: 'dahlia-medium';
	color:#9A5038;
}
.letra_ocre_normal {
	color:#9A5038;
}
.letra_pie {
	font-size:120%;
    font-family: 'Roboto Condensed', sans-serif;
	font-weight:bold;
}
/*=============== botones ================*/
.boton_enviar {
	width: 20%;
	float:left;
	margin-left:auto;
	margin-right:auto;
	font-size:100%;
	text-align:center;
	padding:3px;
	box-sizing:border-box;
	background-color:#D9BDB4;
	color:#9A5038;
    font-family: 'Roboto', sans-serif;
	border: solid thin #999;
	border-radius:5px;
}
.boton_enviar:hover {
	color:#000000;
}
.boton_centrado {
	width: 20%;
	float:left;
	margin-left:40%;
	margin-right:40%;
	font-size:110%;
	text-align:center;
	padding:8px;
	box-sizing:border-box;
	background-color:#D9BDB4;
	color:#9A5038;
    font-family: 'Roboto', sans-serif;
	margin-top:3%;
	border:none;
	border-radius:5px;
	font-weight:bold;
}
.boton_centrado:hover {
	color:#000000;
	font-weight:bold;
}
.boton_centrado1 {
	width: 30%;
	float:left;
	margin-left:35%;
	margin-right:35%;
	font-size:110%;
	text-align:center;
	padding:8px;
	box-sizing:border-box;
	background-color:#D9BDB4;
	color:#9A5038;
    font-family: 'Roboto', sans-serif;
	margin-top:3%;
	border:none;
	border-radius:5px;
	font-weight:bold;
}
.boton_centrado1:hover {
	color:#000000;
	font-weight:bold;
}
.boton_centrado_largo {
	width: 30%;
	float:left;
	margin-left:35%;
	margin-right:35%;
	font-size:110%;
	text-align:center;
	padding:8px;
	box-sizing:border-box;
	background-color:#D9BDB4;
	color:#9A5038;
    font-family: 'Roboto', sans-serif;
	margin-top:3%;
	border:none;
	border-radius:5px;
	font-weight:bold;
}
.boton_centrado_largo:hover {
	color:#000000;
	font-weight:bold;
}
.boton_general {
	width: 30%;
	float:left;
	margin-left:2%;
	font-size:110%;
	text-align:center;
	padding:8px;
	box-sizing:border-box;
	background-color:#D9BDB4;
	color:#9A5038;
    font-family: 'Roboto', sans-serif;
	margin-top:5%;
	border:none;
	font-weight:bold;
	border-radius:5px;
}
.boton_general:hover {
	font-weight:bold;
	color:#000000;
}
/*=========================MEDIA QUERIES PANTALLA XLL ================================*/
@media screen and (max-width: 1650px){
.boton_centrado_largo {
	width: 40%;
	margin-left:30%;
	margin-right:30%;
}
.contenedor_centrado {
 	width: 94%;
 	margin-right: 4%;
  	margin-left: 2%;
}
.contenedor_centrado_color {
 	width: 94%;
 	margin-right: 3%;
  	margin-left: 3%;
}
.contenedor_de_corto {
 	width: 31%;
  	margin-left: 5%;
  	margin-right: 4%;
}
.contenedor_iz_largo {
 	width: 56%;
	margin-left:4%;
}
.contenedor_de_corto_pack {
 	width: 31%;
  	margin-left: 5%;
  	margin-right: 4%;
}
.contenedor_iz_largo_pack {
 	width: 56%;
	margin-left:4%;
}
.contenedor_iz {
 	width: 31%;
  	margin-left: 5%;
}
.contenedor_de {
 	width: 56%;
  	margin-left: 3%;
  	margin-right: 4%;
}
.contenedor_iz_fondo {
 	width: 31%;
  	margin-left: 5%;
}
.contenedor_de_fondo {
 	width: 56%;
  	margin-left: 3%;
  	margin-right: 4%;
}
.servicios {
	width: 86%;
	margin-left:8%;
	margin-right:8%;
}
.content_fondo {
 	width: 96%;
 	margin-right: 2%;
  	margin-left: 2%;
}
}

/*=========================MEDIA QUERIES PANTALLA XLL ================================*/
@media screen and (max-width: 1550px){
.contenedor_de_corto {
 	width: 35%;
  	margin-left: 3%;
  	margin-right: 2%;
}
.contenedor_iz_largo {
 	width: 59%;
	margin-left:1%;
}
.contenedor_iz {
 	width: 34%;
  	margin-left: 3%;
	margin-top: 5%;
}
.contenedor_de {
 	width: 59%;
  	margin-left: 2%;
  	margin-right: 2%;
}
.contenedor_iz_fondo {
 	width: 34%;
  	margin-left: 3%;
	margin-top: 5%;
}
.contenedor_de_fondo {
 	width: 59%;
  	margin-left: 2%;
  	margin-right: 2%;
}
.contenedor_igual {
	font-size:96%;
}
}
/*=========================MEDIA QUERIES PANTALLA XLL ================================*/
@media screen and (max-width: 1400px){
.boton_enviar {
	width: 30%;
}
.letra_pie {
	font-size:100%;
}
.parte_footer {
	font-size:85%;
}
}
/*=========================MEDIA QUERIES PANTALLA L ( SAMSUNG GALAXY TAB 3'10) tablets grandes y pantalla a 1200 ================================*/
@media screen and (max-width: 1200px){
body {
	font-size:95%;
}
.pc {
	display:none;
}
.resto {
	display:inline;
}
.tablet {
	display:inline;
}
.movil {
	display:none;
}
.migas {
	width: 80%;
	float:left;
	margin-left:18%;
	margin-right:auto;
	margin-bottom:2%;
	display:inline;
	font-size:90%;
	text-align:right;
	margin-top:2%;
}
.video {
 	width: 80%;
  	margin-left: 10%;
  	margin-right: 10%;
	margin-bottom:8%;
	float:left;
	height:320px;
	border:thin #CCC solid;
	padding:10px;
	box-sizing:border-box;
}
.flecha {
 	width: 5%;
 	margin-right: auto;
  	margin-left: auto;
}
menu {
	width:80%;
	margin-right:16%;
	margin-left:4%;
	font-size:125%;
}
menu nav ul li a {
	padding-left:20px;
	padding-right:20px;
}
.contenedor_centrado {
 	width: 98%;
 	margin-right: 1%;
  	margin-left: 1%;
}
.contenedor_centrado_color {
 	width: 98%;
 	margin-right: 1%;
  	margin-left: 1%;
}
.contenedor_de_corto {
 	width: 34%;
	float:left;
  	margin-left: 3%;
  	margin-right: 3%;
	margin-top:2%;
	margin-bottom:1%;
	box-sizing:border-box;
	border-radius:10px;
	padding:5px;
}
.contenedor_iz_largo {
 	width: 100%;
	float:none;
	margin-left:0;
	margin-top:2%;
	margin-bottom:2%;
	box-sizing:border-box;
	padding:10px;
}
.contenedor_iz {
 	width: 34%;
	float:left;
  	margin-left: 3%;
  	margin-right: 3%;
	margin-top:2%;
	margin-bottom:3%;
	box-sizing:border-box;
	padding:5px;
	border-radius:10px;
}
.contenedor_de {
 	width: 100%;
	float:none;
  	margin-left: 0%;
  	margin-right: 0%;
	margin-top:2%;
	margin-bottom:3%;
	box-sizing:border-box;
	padding:10px;
}
.contenedor_iz_fondo {
 	width: 26%;
	float:left;
  	margin-left: 4%;
  	margin-right: 0;
	margin-top:4%;
	margin-bottom:3%;
	box-sizing:border-box;
	padding:5px;
	border-radius:10px;
}
.contenedor_de_fondo {
 	width: 66%;
	float:left;
  	margin-left: 2%;
  	margin-right: 2%;
	margin-top:2%;
	margin-bottom:3%;
	box-sizing:border-box;
	padding:10px;
}
.textos_grandes {
 	width: 90%;
	float:left;
 	margin-right: 5%;
  	margin-left: 5%;
	padding:5px;
	box-sizing:border-box;
	margin-bottom:0;
	margin-top:0;
	text-align:center;
	font-size:130%;
    font-weight: 500;
    font-style: normal;
    font-stretch:condensed;
}
.detalle_textos {
 	width: 96%;
	float:left;
 	margin-right: 2%;
  	margin-left: 2%;
	margin-top:1%;
	margin-bottom:2%;
	text-align:justify;
	font-size:100%;
}
.contenedor_igual {
 	width: 90%;
	float:left;
	margin-left:5%;
	margin-right:5%;
	margin-top:2%;
	margin-bottom:3%;
	box-sizing:border-box;
	padding:10px;
	box-shadow: 2px 2px 10px #CDB798;
	border-radius:10px;
	background-color:#F2EFEA;
}
/*=============== servicios ================*/
.servicios {
	width: 70%;
	margin-left:15%;
	margin-right:15%;
}
.servicios_texto {
 	width: 90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:2%;
	margin-bottom:0;
	padding:10px;
}
.servicios_foto_d {
	width: 90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:3%;
	margin-bottom:3%;
}
/*=============== PACKS ================*/
.contenedor_iz_largo_pack {
 	width: 60%;
	float:left;
	margin-left:0;
	margin-top:2%;
	margin-bottom:3%;
	box-sizing:border-box;
	padding:8px;
}
.contenedor_de_corto_pack {
 	width: 38%;
	float:left;
  	margin-left: 1%;
  	margin-right: 1%;
	margin-top:2%;
	margin-bottom:3%;
	box-sizing:border-box;
	border-radius:10px;
	padding:8px;
}
/*=============== LISTAS ================*/
.lista1 {
   font-size:115%;
}
.lista_refo {
   font-size:105%;
}
.formularios {
 	width: 80%;
	margin-left:10%;
	margin-right:10%;
}
/*=============== footer ================*/
.pie_centrado {
	width: 100%;
	float:left;
	margin-left:auto;
	margin-right:auto;
}
.parte_footer_corta {
	width:30%;
	float:left;
	padding:0;
	margin-left:1%;
	margin-right:1%;
	margin-top:1%;
	font-size:85%;
	font-weight:normal;
}
.parte_footer {
	width:49%;
	float:left;
	padding:0;
	margin-left:1%;
	margin-top:5%;
	margin-bottom:1%;
	font-size:85%;
	font-weight:normal;
}
.logo_pie {
 	width: 70%;
	float:left;
	margin-left:15%;
	margin-right:15%;
}
/*=============== botones ================*/
.boton_enviar {
	width: 40%;
	margin-left:auto;
	margin-right:auto;
}
.boton_centrado {
	width: 30%;
	margin-left:35%;
	margin-right:35%;
}
.boton_centrado1 {
	width: 50%;
	margin-left:25%;
	margin-right:25%;
}
}

@media screen and (max-width: 1114px){
}
/*=========================MEDIA QUERIES PANTALLA M (APPLE AIPAD 1234 AIR) ================================*/ 
@media screen and (max-width: 834px){
.boton_cookies {
	width:30%;
	margin-right:0%;
	margin-left:18%;
}
.boton_cookies1 {
	width:30%;
	margin-right:0%;
	margin-left:4%;
}
.contenedor_iz_index {
 	width: 23%;
	float:left;
  	margin-left: 5%;
	margin-top:2%;
	margin-bottom:3%;
	box-sizing:border-box;
	padding:5px;
	border-radius:10px;
}
.contenedor_iz_index img {
 	width: 100%;
 	height: auto;
	border-radius:10px;
}
.contenedor_de_index {
 	width: 65%;
	float:left;
  	margin-left: 5%;
  	margin-right: 2%;
	margin-top:2%;
	margin-bottom:3%;
	box-sizing:border-box;
	padding:5px;
}
}
@media screen and (max-width: 820px){
}
/*=========================MEDIA QUERIES PANTALLA M (APPLE AIPAD 1234 AIR) ================================*/ 
@media screen and (max-width: 800px){
.migas {
	margin-bottom:2%;
	margin-top:2%;
}
.flecha {
 	width: 7%;
 	margin-right: auto;
  	margin-left: auto;
}
.video {
 	width: 80%;
  	margin-left: 10%;
  	margin-right: 10%;
	margin-bottom:6%;
	float:left;
	height:320px;
	border:thin #CCC solid;
	padding:10px;
	box-sizing:border-box;
}
menu {
	width:90%;
	margin-right:1%;
	margin-left:-5%;
	font-size:120%;
}
menu nav ul li a {
	padding-left:10px;
	padding-right:10px;
}
.contenedor_iz_index {
	display:none;
}
.contenedor_de_index {
 	width: 96%;
  	margin-left: 2%;
  	margin-right: 2%;
	margin-top:2%;
	margin-bottom:3%;
	box-sizing:border-box;
	padding:10px;
}
.contenedor_centrado_color {
	margin-bottom:4%;
}
.textos_grandes {
 	width: 96%;
 	margin-right: 2%;
  	margin-left: 2%;
	font-size:120%;
}
.formularios {
 	width: 90%;
	margin-left:5%;
	margin-right:5%;
}
/*=============== PACKS ================*/
.contenedor_iz_largo_pack {
 	width: 96%;
	float:left;
	margin-left:2%;
	margin-right:2%;
	margin-top:2%;
	margin-bottom:3%;
	box-sizing:border-box;
	padding:8px;
}
.contenedor_de_corto_pack {
	display:none;
}
.contenedor_pack_peque {
 	width: 70%;
	float:left;
  	margin-left: 15%;
  	margin-right: 15%;
	margin-top:2%;
	margin-bottom:3%;
	box-sizing:border-box;
	border-radius:10px;
	padding:10px;
	display:inline;
}
.contenedor_pack_peque img {
 	width: 100%;
 	height: auto;
	border-radius:10px;
}
/*=============== servicios ================*/
.servicios {
	width: 90%;
	margin-left:5%;
	margin-right:5%;
	margin-bottom:3%;
}
/*=============== botones ================*/
.boton_general {
	width: 30%;
	margin-left:35%;
	margin-right:35%;
	font-size:110%;
}
}
/*=========================MEDIA QUERIES PANTALLA S  MOVIL LG ================================*/
@media screen and (max-width: 428px){
h1 {
	font-size:140%;
}
h2 {
	font-size:120%;
}
h3 {
	font-size:110%;
}
.pc {
	display:none;
}
.resto {
	display:inline;
}
.tablet {
	display:none;
}
.movil {
	display:inline;
}
.flecha {
 	width: 10%;
 	margin-right: auto;
  	margin-left: auto;
}
.video {
 	width: 90%;
  	margin-left: 5%;
  	margin-right: 5%;
	margin-bottom:8%;
	float:left;
	height:220px;
	border:thin #CCC solid;
	padding:10px;
	box-sizing:border-box;
}
.migas {
	width: 96%;
	margin-left:1%;
	margin-right:3%;
	margin-bottom:3%;
	font-size:90%;
	text-align:right;
	margin-top:3%;
}
.logo {
 	width: 24%;
	float:left;
	margin-left:38%;
	margin-right:38%;
	margin-top:1%;
}
menu {
	width:99%;
	margin-right:1%;
	margin-left:-12%;
	font-size:98%;
}
menu nav ul li a {
	padding-left:4px;
	padding-right:4px;
}
.contenedor_de_corto {
 	width: 70%;
  	margin-left: 15%;
  	margin-right: 15%;
	margin-top:2%;
	margin-bottom:3%;
	padding:6px;
}
.contenedor_iz_largo {
 	width: 98%;
	margin-left:1%;
	margin-right:1%;
	margin-top:2%;
	margin-bottom:3%;
	padding:6px;
}
.contenedor_igual {
 	width: 96%;
	margin-left:2%;
	margin-right:2%;
	margin-top:2%;
	margin-bottom:4%;
	padding:6px;
}
.contenedor_de_index {
 	width: 98%;
  	margin-left: 1%;
  	margin-right: 1%;
	margin-top:2%;
	margin-bottom:3%;
	box-sizing:border-box;
	padding:6px;
}
.contenedor_iz_fondo {
	display:none;
}
.contenedor_de_fondo {
 	width: 96%;
	float:left;
  	margin-left: 2%;
  	margin-right: 2%;
	margin-top:2%;
	margin-bottom:3%;
	box-sizing:border-box;
	padding:10px;
}
.contenedor_centrado_color {
	margin-bottom:4%;
}
.formularios {
 	width: 98%;
	margin-left:1%;
	margin-right:1%;
}
/*=============== contenedores texto ================*/
.contenedor_textos {
 	width: 96%;
	float:left;
 	margin-right: 2%;
  	margin-left: 2%;
	margin-top:1%;
	margin-bottom:3%;
	border:thin #DBDBDB solid;
	box-sizing:border-box;
	padding:5px;
}
.detalle_textos {
 	width: 99%;
	float:left;
 	margin-right: 1%;
  	margin-left: 1%;
	margin-top:1%;
	margin-bottom:2%;
	text-align:justify;
	font-size:90%;
}
/*=============== servicios ================*/
.servicios {
	width: 92%;
	margin-left:4%;
	margin-right:4%;
	margin-bottom:4%;
}
.servicios_texto {
 	width: 98%;
	margin-left:1%;
	margin-right:1%;
	margin-top:2%;
	margin-bottom:0;
	padding:3px;
}
.servicios_foto_d {
	width: 90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:3%;
	margin-bottom:3%;
}
/*=============== PACKS ================*/
.contenedor_pack_peque {
 	width: 80%;
	float:left;
  	margin-left: 10%;
  	margin-right: 10%;
	margin-top:2%;
	margin-bottom:3%;
	box-sizing:border-box;
	border-radius:10px;
	padding:6px;
	display:inline;
}
/*=============== LISTAS ================*/
.lista1 {
   line-height: 24px;
   font-size:90%;
}
.lista_refo {
   line-height: 24px;
   font-size:90%;
}
/*=============== footer ================*/
.parte_footer_corta {
	width:49%;
	float:left;
	padding:0;
	margin-left:1%;
	margin-right:1%;
	margin-top:1%;
	font-size:85%;
	font-weight:normal;
	margin-bottom:2%;
}
.parte_footer {
	width:99%;
	float:left;
	padding:0;
	margin-left:1%;
	margin-top:1%;
	margin-bottom:1%;
	font-size:85%;
	font-weight:normal;
}
.logo_pie {
	display:none;
}
.pie_inferior {
	font-size:70%;
}
.errores {
	width:98%;
	margin-left:1%;
	margin-right:1%;
	font-size:100%;
}
/*=============== botoness ================*/
.boton_cookies {
	width:40%;
	margin-right:0%;
	margin-left:8%;
}
.boton_cookies1 {
	width:40%;
	margin-right:0%;
	margin-left:4%;
}
.boton_centrado_largo {
	width: 60%;
	margin-left:20%;
	margin-right:20%;
}
.boton_enviar {
	width: 60%;
	margin-left:auto;
	margin-right:auto;
}
.boton_centrado1 {
	width: 60%;
	margin-left:20%;
	margin-right:20%;
}
}
/*=========================MEDIA QUERIES PANTALLA  ================================*/
@media screen and (max-width: 414px){
}
/*=========================MEDIA QUERIES PANTALLA  ================================*/
@media screen and (max-width: 390px){
menu {
	width:99%;
	margin-right:1%;
	margin-left:-14%;
	font-size:90%;
}
menu nav ul li a {
	padding-left:1px;
	padding-right:1px;
}
.boton_centrado {
	width: 50%;
	margin-left:25%;
	margin-right:25%;
}
.boton_general {
	width: 42%;
	margin-left:29%;
	margin-right:29%;
	font-size:105%;
}
.boton_centrado_largo {
	width: 70%;
	margin-left:15%;
	margin-right:15%;
}
.video {
 	width: 98%;
  	margin-left: 1%;
  	margin-right: 1%;
	margin-bottom:8%;
	float:left;
	height:220px;
	border:thin #CCC solid;
	padding:10px;
	box-sizing:border-box;
}
}