@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*=============== colores================*/

/* OBSCURO #7A8495 INTERMEDIO #92D3CB CLARO #C1D757  CLARO PIE/CABECERA #E1F2EF OSCURO LINK #46A295 ====*/

/* MORADO #442A60 MORADO APAGADO #6C637C OCRE OBS #C5920C VERDE MEDIO #90C0A3 VERDE CLARO #DEEAE2 GRIS #C9D2CF  GRIS MAS OSCURO #BABFC0 ROJO #BB2526 OCRE CALRO #D8BD79 ROJO CLARO #E27C81

/*===============Propiedades Globales================*/
ul, ol, dl {
	padding: 0;
	margin: 0;
}
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;
}
/* ~~ La aplicación de estilo a los vínculos del sitio debe permanecer en este orden (incluido el grupo de selectores que crea el efecto hover -paso por encima-). ~~ */
a:link {
	color:#C5920C;
	text-decoration: none;
}
a:visited {
	color:#C5920C;
	text-decoration: none;
}
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: #BB2526;
	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:#C5920C;
	text-decoration: none;
}
a.link_bn:link {
	color: #FFFFFF;
	font-weight:bold;
	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_bn:visited {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none;
}
a.link_bn:hover, a.link_bn:active, a.link_bn: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;
	font-weight:bold;
	text-decoration: none;
}
a.link_rn:link {
	color: #BB2526;
	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_rn:visited {
	color: #BB2526;
	text-decoration: none;
}
a.link_rn:hover, a.link_rn:active, a.link_rn: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_nb:link {
	color: #000000;
	font-weight:normal;
	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_nb:visited {
	color: #000000;
	font-weight:normal;
	text-decoration: none;
}
a.link_nb:hover, a.link_nb:active, a.link_nb: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: #FFFFFF;
	font-weight:normal;
	text-decoration: none;
}
a.link_nv:link {
	color: #000000;
	font-weight:bold;
	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_nv:visited {
	color: #000000;
	font-weight:bold;
	text-decoration: none;
}
a.link_nv:hover, a.link_nv:active, a.link_nv: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: #C5920C;
	font-weight:bold;
	text-decoration: none;
}
a.link_n:link {
	color: #000000;
	font-weight:bold;
	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_n:visited {
	color: #000000;
	font-weight:bold;
	text-decoration: none;
}
a.link_n:hover, a.link_n:active, a.link_n: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;
	font-weight:bold;
	text-decoration: none;
}
a.link_vn:link {
	color: #C5920C;
	font-weight:bold;
	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_vn:visited {
	color: #C5920C;
	font-weight:bold;
	text-decoration: none;
}
a.link_vn:hover, a.link_vn:active, a.link_vn: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;
	font-weight:bold;
	text-decoration: none;
}
a.link_nvs: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_nvs:visited {
	color: #000000;
	text-decoration: none;
}
a.link_nvs:hover, a.link_nvs:active, a.link_nvs: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: #C5920C;
	text-decoration: none;
}
a.link_vns:link {
	color: #C5920C;
	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_vns:visited {
	color: #C5920C;
	text-decoration: none;
}
a.link_vns:hover, a.link_vns:active, a.link_vns: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;
}
/*=============== utilidades ================*/
.comoh1 {
	font-size:170%;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
.comoh1_letra_especial {
	font-size:140%;
    font-family: "Prompt", serif;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
    font-weight: 500;
    font-style: normal;
    font-stretch:condensed;
}
.comoh1_letra_especial_color {
	font-size:140%;
    font-family: "Prompt", serif;
	color:#C5920C;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
    font-weight: 500;
    font-style: normal;
    font-stretch:condensed;
}
.comoh2 {
	font-size:125%;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
.comoh2_letra_especial {
    font-family: "Libre Franklin", serif;
	font-size:125%;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
    font-style: normal;
    font-weight: 500;
    font-stretch:condensed;
}
.comoh2_letra_especial_color {
	font-size:125%;
    font-family: "Libre Franklin", serif;
	color:#C5920C;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
    font-weight: 500;
    font-style: normal;
    font-stretch:condensed;
}
.nosale {
	display:none;
}
.pc {
	display:inline;
}
.resto {
	display:none;
}
.tablet {
	display:none;
}
.movil {
	display:none;
}
.espacio_flecha{
 	width: 100%;
  	margin-left: auto;
  	margin-right: auto;
	margin-top:2%;
}
.espacio_redes {
 	width: 98%;
	float:left;
 	margin-left: 2%;
}
.redes {
 	width: 5%;
	float:left;
 	margin-right: 2%;
}
.redes img {
 	width: 100%;
 	height: auto;
}
.espacio_redes_pie {
 	width: 94%;
	float:left;
 	margin-left: 6%;
}
.redes_pie {
 	width: 15%;
	float:left;
 	margin-right: 5%;
}
.redes_pie img {
 	width: 100%;
 	height: auto;
}
.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:2%;
	margin-top:2%;
}
.separador img {
	width: 100%;
	height:1px;
}
.separador_pegado {
	width: 98%;
	float:left;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:1%;
	margin-top:0;
}
.separador_pegado img {
	width: 100%;
	height:1px;
}
.separador_sin {
	width: 98%;
	float:left;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:0;
	margin-top:2%;
}
.separador_sin img {
	width: 100%;
	height:1px;
}
.separador_espe {
	width: 98%;
	float:left;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:0;
	margin-top:6%;
}
.separador_espe img {
	width: 100%;
	height:1px;
}
.lista1 {
	margin-left:5%;
	font-size:95%;
	text-align:left;
	margin-top:1%;
	line-height:3em;
	
}
/* ~~ 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:110%;
	padding-left:1%;
	padding-top:5px;
	clear:both;
	color: #000000;
	font-weight:bolder;
	bottom:0px;
	position:fixed;
	left: 0px;
	background-color: #EFEFEF;
	opacity:0.9;
	transition: bottom 1s;
	-webkit-transition:bottom 1s; /* Safari */
	-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
	-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
	box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
	z-index:999999999;
	text-align:center;
    font-family: "Libre Franklin", serif;
}
.cookiesms:hover{
	bottom:0px;
}
.cookies2{
	background-color: #EFEFEF;
	display:inline;
	opacity:0.95;
	position:absolute; 
	left:1%; 
	top:-30px;
	font-size:95%;
	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(50, 50, 50, 0.56);
	-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
	box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
    font-family: "Libre Franklin", serif;
}
.boton_cookies {
	width:15%;
	padding:5px;
	float:left;
	background-color:#C5920C;
	color:#000000;
	margin-top:1%;
	margin-bottom:2%;
	margin-right:0%;
	margin-left:33%;
	text-align:center;
	font-size:100%;
	box-sizing:border-box;
	cursor:pointer;
	border-radius:5px;
	border:#999 thin solid;
}
.boton_cookies:hover {
	background-color:#000000;
	color:#ffffff;
}
.boton_cookies1 {
	width:15%;
	padding:5px;
	float:left;
	background-color:#C5920C;
	color:#000000;
	margin-top:1%;
	margin-bottom:2%;
	margin-right:0%;
	margin-left:4%;
	text-align:center;
	font-size:100%;
	box-sizing:border-box;
	cursor:pointer;
	border-radius:5px;
	border:#999 thin solid;
}
.boton_cookies1:hover {
	background-color:#000000;
	color:#ffffff;
}
/* ~~ Este selector agrupado da espacio a las listas del área de .content ~~ */
body {
    font-family: "Prompt", serif;
    overflow-x: hidden;
	font-size:105%;
	background-color:#ffffff; 
	margin: 0;
	padding: 0;
	color:#212121;
}
.container {
 	width: 100%;
	float:left;
 	margin-right: auto;
  	margin-left: auto;
  	background: #FFF;
}
.content {
 	width: 100%;
	float:left;
 	margin-right: auto;
  	margin-left: auto;
  	background: #FFF;
}
.content_90 {
 	width: 90%;
	float:left;
 	margin-right: 5%;
  	margin-left: 5%;
	text-align:justify;
	font-size:100%;
	margin-top:4%;
	margin-bottom:4%;
	background-image:url(../imagenes/fondo.jpg);
	background-repeat:no-repeat;
 	background-size: 100% 100%;
}
.content_total img {
 	width: 100%;
 	height: auto;
}
.content_total {
 	width: 100%;
	float:left;
 	margin-right: auto;
  	margin-left: auto;
	text-align:justify;
	font-size:100%;
	margin-top:4%;
	margin-bottom:4%;
	background-image:url(../imagenes/fondo.jpg);
	background-repeat:no-repeat;
 	background-size: 100% 100%;
}
.content_total img {
 	width: 100%;
 	height: auto;
}
.content_color_total {
 	width: 100%;
	float:left;
 	margin-right: auto;
  	margin-left: auto;
	text-align:justify;
	font-size:100%;
	margin-top:3%;
	background-color:#F7F5EF;
	margin-bottom:2%;
}
.content_color_total1 {
 	width: 100%;
	float:left;
 	margin-right: auto;
  	margin-left: auto;
	text-align:justify;
	font-size:100%;
	margin-top:3%;
  	background: #F2F7F6;
	margin-bottom:2%;
}
.content_color {
 	width: 84%;
	float:left;
 	margin-right: 8%;
  	margin-left: 8%;
	text-align:justify;
	font-size:100%;
	margin-top:4%;
  	background: #E1F2EF;
	margin-bottom:4%;
}
.content_produ {
 	width: 96%;
	float:left;
 	margin-right: 2%;
  	margin-left: 2%;
	text-align:justify;
	font-size:100%;
	margin-top:1%;
}
.content_texto {
 	width: 84%;
	float:left;
 	margin-right: 8%;
  	margin-left: 8%;
	text-align:justify;
	font-size:100%;
	margin-top:1%;
}
.contentg {
 	width: 100%;
	float:left;
 	margin-right: auto;
  	margin-left: auto;
	padding:10px;
	box-sizing:border-box;
	background-color:#F9F9F9;
	font-size:90%;
	margin-top:2%;
}
.medio {
 	width: 46%;
	float:left;
  	margin-left: 2%;
  	margin-right: 2%;
	background-color:#F4F1E8;
	margin-top:3%;
	text-align:center;
	box-sizing:border-box;
	padding:10px;
	font-size:108%;
	height:420px;
	box-shadow: 2px 2px 10px #ECE9E0;
	border-radius:5%;
}
.foto_medio {
 	width: 50%;
	float:left;
  	margin-left: 25%;
  	margin-right: 25%;
}
.foto_medio img {
 	width: 100%;
 	height: auto;
}
.texto_central {
 	width: 100%;
	float:left;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding:10px;
	box-sizing:border-box;
    font-family: "Libre Franklin", serif;
	font-size:120%;
}
.texto_central_color {
 	width: 100%;
	float:left;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding:50px;
	box-sizing:border-box;
    font-family: "Libre Franklin", serif;
	font-size:120%;
	background-color:#F7F5EF;
	margin-top:3%;
	margin-bottom:4%;
}
.espacio_marcas {
 	width: 80%;
	float:left;
  	margin-left: 10%;
  	margin-right: 10%;
	margin-top:2%;
	margin-bottom:3%;
}
.marcas {
 	width: 14%;
	float:left;
  	margin-left: 2%;
	background-color:#FFF;
	margin-top:3%;
	margin-bottom:3%;
}
.marcas img {
 	width: 100%;
 	height: auto;
}
.personal4 {
 	width: 17%;
	float:left;
  	margin-left: 2.5%;
	box-sizing:border-box;
	padding:3px;
	border:thin #DBDBDB solid;
	background-color:#FFF;
	margin-bottom:2%;
}
.personal {
 	width: 21%;
	float:left;
  	margin-left: 9%;
	box-sizing:border-box;
	padding:3px;
	border:thin #DBDBDB solid;
	background-color:#FFF;
	margin-bottom:2%;
}
.foto_personal {
 	width:98%;
	float:left;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:1%;
}
.foto_personal img {
 	width: 100%;
 	height: auto;
}
.texto_personal {
 	width: 96%;
	float:left;
	margin-left:2%;
	margin-right:2%;
	text-align:center;
}
.ico_personal {
 	width:20%;
	float:left;
	margin-left:1%;
	margin-right:1%;
}
.ico_personal img {
 	width: 100%;
 	height: auto;
}
.cuadros {
 	width: 76%;
	float:left;
  	margin-left: 12%;
  	margin-right: 12%;
	margin-top:2%;
	margin-bottom:3%;
	border:thin #DBDBDB solid;
	box-sizing:border-box;
	font-size:80%;
	padding-left:5px;
	padding-right:5px;
	padding-top:20px;
	padding-bottom:10px;
	color:#666;
}
.cuadros_p {
 	width: 50%;
	float:left;
  	margin-left: 25%;
  	margin-right: 25%;
	margin-top:2%;
	margin-bottom:3%;
	border:thin #DBDBDB solid;
	box-sizing:border-box;
	font-size:80%;
	padding-left:5px;
	padding-right:5px;
	padding-top:20px;
	padding-bottom:10px;
	color:#666;
}
.header {
	width: 100%;
 	margin-right: auto;
  	margin-left: auto;
	/*=============para que el menu sea fijo en pantalla ==============*/
	position:fixed;
	left:0;
	top:0;
	right:0;
	background-color:#ffffff;
	border-bottom:thin solid #C5920C;
}
.logo {
 	width: 12%;
	float:left;
	margin-left:13%;
	display: inline-block;
	margin-top:1%;
}
.logo img {
 	width: 100%;
 	height: auto;
}
.navegador {
 	width: 50%;
	float:left;
  	margin-left: 35%;
	position: relative;
	z-index:1;
	margin-top:-4%;
	margin-bottom:1%;
    font-family: "Libre Franklin", serif;
}
.centro_griso {
 	width: 90%;
	float:left;
 	margin-right: 5%;
  	margin-left: 5%;
	padding:15px;
	box-sizing:border-box;
}
/*=============== menu DESPLEGABLE Y RESIZEABLE ================*/
.menu_largo {
	display:none;
}
.menu_bar {
	display:none;
}
menu {
	width:100%;
	margin-left:0;
	float:left;
	font-size:98%;
	font-weight:500;
	position: relative;
	z-index:1;
}
menu nav {
	z-index:1000;
	width:100%;
}
menu nav ul {
	list-style:none;
}
menu nav ul li {
	display:inline-block;
	position: relative;
	background-color:#ffffff;
	font-size:100%;
}
menu nav ul li:hover {
	color:#C5920C;
}
menu nav ul li:hover > ul {
	display:block;
}
menu nav ul li a {
	color:#000000;
	display:block;
	text-decoration:none;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:20px;
	padding-right:20px;
	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 #000000 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:#000000;
	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:#C5920C;
}
.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-top:6%;
}
.foto_index img {
 	width: 100%;
 	height: auto;
}
.foto_index1 {
 	width: 100%;
	float:left;
    text-align: center;
	margin-top:6%;
}
.foto_index1 img {
 	width: 100%;
 	height: auto;
}
.centrado{
 	width: 70%;
	float:left;
    margin-top:-29%;
	margin-left:16%;
	color:#FFFFFF;
	text-align:center;
}
.iz_index{
 	width: 23%;
	float:left;
    margin-top:-20%;
	margin-left:75%;
	color:#000000;
	text-align:center;
}
/*=============== particiones ================*/
.derecha_grande_pro {
 	width: 75%;
	float:left;
 	margin-right: 0;
  	margin-left: 3%;
	margin-bottom:3%;
}
.izquierda_corta_pro {
 	width: 20%;
	float:left;
 	margin-right:0;
  	margin-left: 2%;
}
.derecha_grande {
 	width: 75%;
	float:left;
 	margin-right: 0;
  	margin-left: 3%;
	margin-bottom:3%;
}
.izquierda_corta {
 	width: 20%;
	float:left;
 	margin-right:0;
  	margin-left: 2%;
}
.izquierda_grande {
 	width: 57%;
	float:left;
 	margin-right: 0;
  	margin-left: 2%;
	margin-bottom:3%;
}
.izquierda_grande img {
	width: 100%;
	height:auto;
}
.derecha_corta {
 	width: 36%;
	float:left;
 	margin-right:0;
  	margin-left: 2%;
}
.derecha_corta img {
	width: 100%;
	height:auto;
}
.derecha_corta_ofer {
 	width: 36%;
	float:left;
 	margin-right:0;
  	margin-left: 2%;
}
.derecha_corta_ofer img {
	width: 100%;
	height:auto;
}
.foto_derecha {
 	width: 90%;
	float:left;
 	margin-right: 3%;
  	margin-left: 7%;
	margin-bottom:2%;
	margin-top:1%;
	box-shadow: 3px 3px 12px #A0A0A0;
}
.foto_derecha img {
	width: 100%;
	height:auto;
}
.mitad_total {
 	width: 50%;
	float:left;
	margin-left:auto;
	margin-right:auto;
}
.mitad_total img {
	width: 100%;
	height:auto;
}
.texto_mitad_total {
 	width: 100%;
	float:left;
	margin-left:auto;
	margin-right:auto;
	padding:30px;
	box-sizing:border-box;
}
.foto_centrado {
 	width: 90%;
	float:left;
 	margin-right: 3%;
  	margin-left: 7%;
	border:thin #DBDBDB solid;
	margin-bottom:3%;
	margin-top:3%;
}
.foto_centrado img {
	width: 100%;
	height:auto;
}
/*=============== redondeles================*/
.centro {
 	width: 86%;
	float:left;
 	margin-right: 6%;
  	margin-left: 8%;
	padding:5px;
	box-sizing:border-box;
	margin-bottom:7%;
	margin-top:5%;
}
.redondeles {
 	width: 22%;
	float:left;
	height:370px;
  	margin-left: 2%;
	box-sizing:border-box;
	padding:3px;
	border:thin #E1F2EF solid;
	border-radius:5px;
	background-color:#F9FCFB;
}
.redondeles_corto {
 	width: 22%;
	float:left;
	height:370px;
  	margin-left: 2%;
	box-sizing:border-box;
	padding:3px;
	border:thin #E1F2EF solid;
	border-radius:5px;
	background-color:#F9FCFB;
}
.foto_redondel {
 	width:22%;
	float:left;
	margin-left:39%;
	margin-right:30%;
	margin-bottom:12%;
	margin-top:12%;
}
.foto_redondel img {
 	width: 100%;
 	height: auto;
}
.titulo_redondel {
    font-family: "Libre Franklin", serif;
	font-size:140%;
    font-weight: 500;
    font-style: normal;
    font-stretch:condensed;
}
.texto_redondel {
 	width: 80%;
	float:left;
	margin-left:10%;
	margin-right:10%;
	text-align:center;
	font-size:90%;
}
/*=============== 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: 80%;
	float:left;
	margin-left:10%;
	margin-right:10%;
	padding:8px;
	box-sizing:border-box;
	font-size:90%;
	background-color:#F9F9F9;
	margin-top:4%;
}
/*=============== redondeles================*/
.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:120%;
    font-family: "Libre Franklin", serif;
    font-weight: 500;
    font-style: normal;
    font-stretch:condensed;
}
/*=============== contacto ================*/
.logo_centro {
 	width: 40%;
	float:left;
	margin-left:30%;
	margin-right:30%;
	margin-top:1%;
	margin-bottom:1%;
}
.logo_centro 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;
	background-color:#FCFCF9;
}
.detalle_textos {
 	width: 90%;
	float:left;
 	margin-right: 5%;
  	margin-left: 5%;
	margin-top:1%;
	margin-bottom:2%;
	text-align:justify;
	font-size:100%;
	color:#000000;
}
/*=============== pie de la pagina ================*/
.footer {
	padding: 10px 0;
	box-sizing:border-box;
	color:#000000;
	border-bottom:thin solid #C5920C;	
}
.pie_superior {
	width: 80%;
	float:left;
	padding: 10px 0;
	box-sizing:border-box;
	margin-top:2%;
	background-color:#ffffff;
	margin-left:10%;
	margin-right:10%;
}
.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:80%;
	font-weight:normal;
}
.parte_footer {
	width:48%;
	float:left;
	padding:0;
	margin-left:2%;
	margin-top:1%;
	margin-bottom:1%;
	font-size:80%;
	font-weight:normal;
}
.logo_pie {
 	width: 98%;
	float:left;
	margin-left:1%;
	margin-right:1%;
}
.logo_pie img {
 	width: 100%;
 	height: auto;
}
.pie_inferior {
	width: 100%;
	float:left;
	background: #C5920C;
	color:#000000;
	font-size:85%;
	box-sizing:border-box;
	padding-top: 10px;
	box-sizing:border-box;
	text-align:center;
}
/*=============== detalle producto ================*/ 
.tabla_produ {
 	width: 100%;
}
.negri_produ {
	font-weight:600;
}
.ref_produ {
 	width: 98%;
	float:left;
	margin-left:1%;
	font-size:110%;
}
.foto_produ {
 	width: 30%;
	float:left;
	box-sizing:border-box;
	margin-left:2%;
	margin-right:5%;
}
.foto_produ img {
 	width: 100%;
 	height: auto;
}
.texto_produ {
 	width: 100%;
	float:none;
	text-align:justify;
}
.texto_produ_tec {
 	width: 96%;
	float:left;
	margin-left:2%;
	margin-right:2%;
	margin-top:2%;
	margin-bottom:2%;
	padding:6px;
	box-sizing:border-box;
	font-size:95%;
}
.ima_produ_tec {
 	width: 50%;
	float:left;
	box-sizing:border-box;
	margin-left:25%;
	margin-right:25%;
	padding:10px;
}
.ima_produ_tec img {
 	width: 100%;
 	height: auto;
}

/*=============== noticias  QUE AQUI SON OFERTAS ================*/ 
.foto_variedad {
 	width: 96%;
	float:left;
	box-sizing:border-box;
	border:thin #8F9091 solid;
	margin-left:2%;
	margin-right:2%;
}
.foto_variedad img {
 	width: 100%;
 	height: auto;
}
.parrafo_noticia {
	width: 100%;
	float:left;
	text-align:left;
	font-size:90%;
	border-bottom:thin #CCC solid;
	box-sizing:border-box;
	margin-top:2%;
}
.titulo_parrafo_noticia {
	margin-left:-3%;
}
.relacion_noticias {
	width: 96%;
	float:left;
	text-align:left;
	font-size:95%;
	border-bottom:thin #CCC solid;
	margin-left:4%;
	margin-bottom:4%;
	box-sizing:border-box;
}
.relacion_noticias1 {
	width: 96%;
	float:left;
	text-align:left;
	font-size:98%;
	margin-left:4%;
	margin-bottom:2%;
}
.titulo_noticias {
 	width: 100%;
	float:left;
 	margin-right: auto;
	margin-left:auto;
	margin-bottom:1%;
	margin-top:3%;
	text-align:left;
	color:#C5920C;
	font-size:90%;
}
.fecha_noticias {
 	width: 90%;
	float:left;
 	margin-right:7%;
  	margin-left:2%;
	text-align:left;
	font-size:100%;
	margin-top:1%;
	margin-bottom:1%;
}
.subtitulo_noticias {
 	width: 100%;
	float:left;
 	margin-right: auto;
  	margin-left: auto;
	margin-top:1%;
	text-align:left;
	color:#000000;
	font-size:105%;
	font-weight:bold;
}
.texto_noticias {
 	width: 97%;
	float:left;
 	margin-right:1%;
  	margin-left: 2%;
	font-size:98%;
	margin-top:2%;
	margin-bottom:3%;
	padding:0;
	text-align:justify;
}
.texto_noticias1 {
 	width: 100%;
	float:left;
 	margin-right:auto;
  	margin-left: auto;
	font-size:98%;
	margin-top:2%;
	margin-bottom:3%;
	padding:0;
	text-align:justify;
}
.todo_lateral {
 	width: 100%;
	float:left;
 	margin-right:auto;
  	margin-left:auto;
	text-align:left;
	font-size:100%;
	margin-bottom:3%;
}
.fecha_lateral {
 	width: 90%;
	float:left;
 	margin-right:7%;
  	margin-left:0;
	text-align:left;
	font-size:110%;
	margin-bottom:1%;
}
.titulo_lateral {
 	width: 100%;
	float:left;
 	margin-right: auto;
  	margin-left: auto;
	font-size:125%;
	padding:0;
	text-align:left;
	font-weight:bold;
	margin-bottom:1%;
}
.texto_lateral {
 	width: 95%;
	float:left;
 	margin-right: auto;
  	margin-left: auto;
	font-size:110%;
	padding:0;
	text-align:left;
}
/*=============== paginar noticia ================*/
.espacio_paginar {
	width:98%;
	float:right;
	margin-top:2%;
	margin-bottom:2%;
	text-align:center;
	margin-right:1%;
	margin-left:1%;
}
.paginar_noticia {
	width: 100%;
	float:left;
	text-align:left;
	margin-top:2%;
	margin-bottom:1%;
	background-color:#F7F7F7;
	padding:10px;
	box-sizing:border-box;
	margin-left:auto;
	margin-right:auto;
}
.letra_paginar {
	width:82%;
	float:left;
	text-align:left;
	margin-left:3%;
}
.letra_negra {
	width:10%;
	float:left;
	text-align:left;
	color:#000000;
	font-weight:bold;
}
.letra_grandep {
	font-size:240%;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:normal;
}
.letra_grandep1 {
	font-size:200%;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:normal;
}
.letra_roja {
	color:#BB2526;
}
.letra_verde_verdadera {
	color:#6BA316;
}
.letra_ocre_g {
	color:#C5920C;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:108%;
}

/* ~~ PRODUCTOS ~~ */
.filtro_catalogo {
	width: 100%;
	float:left;
	text-align:left;
	font-size:90%;
	background-color:#F9F9F9;
	box-sizing:border-box;
	margin-top:2%;
	padding:15px;
}
.parte_catalogo {
	width: 30%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
	border:thin solid #D3D3D3;
}
.parte_catalogo_imagen {
	width:92%;
	float:left;
	margin-bottom:2%;
	margin-left:4%;
	margin-right:4%;
	margin-top:2%;
}
.parte_catalogo_imagen img {
	width: 100%;
	height:auto;
}
.parte_catalogo_titulo {
	width: 97%;
	height:30px;
	float:left;
	margin-left:3%;
	color:#BB2526;
	margin-bottom:3%;
	font-size:115%;
	padding:5px;
	box-sizing:border-box;
	text-align:center;
}
.parte_catalogo_des {
	width: 97%;
	float:left;
	margin-left:3%;
	margin-bottom:3%;
	font-size:100%;
	padding:5px;
	box-sizing:border-box;
	text-align:center;
}
.parte_servi {
	width: 48%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
}
.parte_servi_imagen {
	width:100%;
	float:left;
	margin-bottom:2%;
	margin-top:2%;
}
.parte_servi_imagen img {
	width: 100%;
	height:auto;
	box-shadow: 2px 2px 5px #666666;
}
.parte_servi_titulo {
	width: 97%;
	height:30px;
	float:left;
	margin-left:3%;
	margin-bottom:3%;
	font-size:115%;
	padding:5px;
	box-sizing:border-box;
	text-align:center;
}
/* ~~ galeria vehiculos ~~ */
.galeria {
 	width: 90%;
	float:left;
	margin-left:5%;
	margin-right:5%;
	margin-bottom:2%;
	text-align:center;
	padding:5px;
	box-sizing:border-box;
	border:thin #CF9321 solid;
}
.gallery {
	width: 98%;
	float:left;
	text-align:justify;
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin-top:3%;
}
.gallery li {
	width:30%;
	float:left;
	margin-bottom:3%;
	margin-left:3%;
	padding:0;
}
.gallery li img {
	width:100%;
	height:auto;
}
/* ~~ letras ~~ */
.letra_firma {
	font-family: "Libre Franklin", serif;
	font-size:160%;
	font-weight:bold;
	font-style:italic;
}
.letra_firma_datos {
	font-family: "Libre Franklin", serif;
	font-size:120%;
	font-weight:bold;
	font-style:italic;
}
.letra_grande {
	font-size:2 em;
    font-family: "Libre Franklin", serif;
    font-weight: 500;
    font-style: normal;
    font-stretch:condensed;
}
.letra_grande_espe {
	font-size:160%;
    font-family: "Prompt", serif;
	color:#C5920C;
	font-weight:normal;
}
.letra_grande_espe_negro {
	font-size:160%;
    font-family: "Libre Franklin", serif;
	color:#000000;
	font-weight:normal;
}
.letra_avisos {
	font-weight:bold;
	color:#C5920C;
    font-family: "Prompt", serif;
	font-weight:normal;
}
.letra_especial {
    font-family: "Libre Franklin", serif;
    font-weight: 500;
    font-style: normal;
    font-stretch:condensed;
}
.letra_especial_color {
    font-family: "Libre Franklin", serif;
	color:#C5920C;
    font-weight: 500;
    font-style: normal;
    font-stretch:condensed;
}
.letra_pie {
	font-size:120%;
    font-family: "Libre Franklin", serif;
	font-weight:bold;
}
.letra_lista {
	font-size:90%;
}
.letra_blanca {
    font-family: "Libre Franklin", serif;
    font-weight: 500;
    font-style: normal;
    font-stretch:condensed;
	color:#FFF;
}
/*=============== pone verde pero es ocre, no le he cambiado el nombre por no cambiarlo en toda la web ================*/
.letra_verde {
	color:#C5920C;
}
.letra_verde_sub {
	color:#000000;
	text-decoration:underline;
	font-weight:bold;
}
.peque{
	font-size:80%;
	color:#000000;
	text-align:center;
}
/*=============== botones ================*/
.boton_enviar {
	width: 35%;
	float:left;
	margin-left:auto;
	margin-right:auto;
	font-size:100%;
	text-align:center;
	padding:3px;
	box-sizing:border-box;
	background-color:#A1A2A3;
	color:#ffffff;
    font-family: "Prompt", serif;
	border: solid thin #999;
	border-radius:5px;
}
.boton_enviar:hover {
	background-color:#DBDBDB;
	color:#000000;
}
.boton_centrado {
	width: 38%;
	float:left;
	margin-left:31%;
	margin-right:31%;
	font-size:110%;
	text-align:center;
	padding:8px;
	box-sizing:border-box;
	background-color:#D8BD79;
	color:#000000;
    font-family: "Prompt", serif;
	margin-top:5%;
	border:none;
	border-radius:5px;
}
.boton_centrado:hover {
	background-color:#E27C81;
	color:#000000;
}
.boton_presen {
	width:20%;
	float:left;
	cursor:pointer;
	box-sizing:border-box;
	background-color:#92D3CB;
	color:#000000;
	padding:10px;
	text-align:center;
	font-size:100%;
	margin-left:40%;
	margin-right:40%;
	margin-top:2%;
	border-radius:5px;
}
.boton_presen:hover {
	background-color:#8B8B8E;
	color:#FFFFFF;
}
.boton_presen1 {
	width:20%;
	float:left;
	cursor:pointer;
	box-sizing:border-box;
	background-color:#92D3CB;
	color:#000000;
	padding:10px;
	text-align:center;
	font-size:100%;
	margin-left:37%;
	margin-right:43%;
	margin-top:12%;
	border-radius:5px;
}
.boton_presen1:hover {
	background-color:#8B8B8E;
	color:#FFFFFF;
}
.boton_general {
	width:20%;
	float:left;
	cursor:pointer;
	box-sizing:border-box;
	background-color:#D8BD79;
	color:#000000;
	padding:8px;
	text-align:center;
	font-size:95%;
	margin-left:40%;
	margin-right:40%;
	margin-top:2%;
	border-radius:5px;
}
.boton_general:hover {
	background-color:#E27C81;
	color:#000000;
}
.boton_general_g {
	width:36%;
	float:left;
	cursor:pointer;
	box-sizing:border-box;
	background-color:#D8BD79;
	color:#000000;
	padding:8px;
	text-align:center;
	font-size:95%;
	margin-left:32%;
	margin-right:32%;
	margin-top:2%;
	border-radius:5px;
}
.boton_general_g:hover {
	background-color:#E27C81;
	color:#000000;
}
.boton_lateral {
	width:50%;
	float:left;
	cursor:pointer;
	box-sizing:border-box;
	background-color:#90C0A3;
	color:#000000;
	padding:6px;
	text-align:center;
	font-size:90%;
	margin-left:25%;
	margin-top:5%;
	border-radius:5px;
}
.boton_lateral:hover {
	background-color:#C7E0CF;
	color:#000000;
}
.boton_lateral_r {
	width:50%;
	float:left;
	cursor:pointer;
	box-sizing:border-box;
	background-color:#C7E0CF;
	color:#000000;
	padding:6px;
	text-align:center;
	font-size:90%;
	margin-left:25%;
	margin-top:3%;
	border-radius:5px;
}
.boton_lateral_r:hover {
	color:#000000;
	background-color:#90C0A3;
}
.boton_leer {
	width:20%;
	float:left;
	cursor:pointer;
	box-sizing:border-box;
	background-color:#C7E0CF;
	color:#000000;
	padding:10px;
	text-align:center;
	font-size:100%;
	margin-left:40%;
	margin-top:1%;
	margin-bottom:3%;
	border-radius:5px;
}
.boton_leer:hover {
	background-color:#90C0A3;
	color:#000000;
}
/* ~~---------------- 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;
}
/*=========================MEDIA QUERIES PANTALLA XLL ================================*/
@media screen and (max-width: 1800px){
.navegador {
 	width: 60%;
	float:left;
  	margin-left: 30%;
}
}
/*=========================MEDIA QUERIES PANTALLA XLL ================================*/
@media screen and (max-width: 1650px){
.espacio_redes_pie {
 	width: 93%;
	float:left;
 	margin-left: 7%;
}
.navegador {
 	width: 60%;
	float:left;
  	margin-left: 30%;
}
.personal {
 	width: 22%;
	float:left;
  	margin-left: 8%;
	box-sizing:border-box;
	padding:3px;
	border:thin #DBDBDB solid;
	background-color:#FFF;
	margin-bottom:2%;
}
.personal4 {
 	width: 18%;
  	margin-left: 1.5%;
}
.texto_personal {
 	width: 97%;
	float:left;
	margin-left:1%;
	margin-right:2%;
	text-align:center;
	font-weight:80%;
}
.content_texto {
 	width: 90%;
	float:left;
 	margin-right: 5%;
  	margin-left: 5%;
	text-align:justify;
	font-size:100%;
	margin-top:1%;
}
.textos_grandes {
	font-size:115%;
}
/*===== foto centro en formato ordenador GRANDE NO EXISTE, SOLO A PARTIR DE 1650 ====*/
.foto_centro {
 	width: 98%;
	float:left;
 	margin-right: 1%;
  	margin-left: 1%;
	border:thin #DBDBDB solid;
	margin-bottom:1%;
	margin-top:1%;
}
.foto_centro img {
	width: 100%;
	height:auto;
}
/*=============== contenedores y mapa ================*/
.formularios {
 	width: 88%;
	margin-left:6%;
	margin-right:6%;
}
.boton_lateral {
	width:55%;
	margin-left:20%;
}
.boton_lateral_r {
	width:55%;
	margin-left:20%;
}
.peque{
	font-size:70%;
	color:#000000;
	text-align:center;
}
}
/*=========================MEDIA QUERIES PANTALLA XLL ================================*/
@media screen and (max-width: 1550px){
.logo {
 	width: 13%;
}
.navegador {
 	width: 65%;
	float:left;
  	margin-left: 27%;
}
/*=============== redondeles================*/
.content {
	font-size:95%;
}
.centro_griso {
 	width: 96%;
 	margin-right: 2%;
  	margin-left: 2%;
}
.centro {
 	width: 98%;
 	margin-right: 0;
  	margin-left: 2%;
}
.redondeles {
	font-size:95%;
}
.letra_pie {
	font-size:110%;
}
.letra_lista {
	font-size:80%;
}
.pie_superior {
	width: 90%;
	margin-left:5%;
	margin-right:5%;
}
}
/*=========================MEDIA QUERIES PANTALLA XLL ================================*/
@media screen and (max-width: 1400px){
.pie_superior {
	width: 98%;
	margin-left:1%;
	margin-right:1%;
}
.logo {
 	width: 14%;
	margin-left:9%;
}
.navegador {
 	width: 65%;
	float:left;
  	margin-left: 25%;
}
.contentg {
	padding:5px;
}
.centro {
 	width: 100%;
 	margin-right: auto;
  	margin-left: auto;
}
.redondeles {
	font-size:95%;
	padding:1px;
}
.content_texto {
 	width: 96%;
 	margin-right: 2%;
  	margin-left: 2%;
}
.centro_griso {
 	width: 96%;
 	margin-right: 2%;
  	margin-left: 2%;
	padding:10px;
}
.texto_central {
	padding:8px;
	font-size:115%;
}
.letra_pie {
	font-size:105%;
}
.parte_footer {
	font-size:85%;
}
.letra_lista {
	font-size:90%;
}
/*==== noticias ================*/
.titulo_parrafo_noticia {
	margin-left:-3.5%;
}
.titulo_noticias_index {
	margin-left:-4%;
	margin-top:4%;
	font-size:80%;
}
.todo_lateral {
 	width: 100%;
	font-size:90%;
	margin-bottom:3%;
}
/*=============== contenedores y mapa ================*/
.formularios {
 	width: 94%;
	margin-left:3%;
	margin-right:3%;
}
}
/*=========================MEDIA XAOMI ================================*/
@media screen and (max-width: 1360px){
.navegador {
 	width: 60%;
	float:left;
  	margin-left: 30%;
}
menu nav ul li a {
	padding-left:9px;
	padding-right:9px;
}
.pie_superior {
	width: 100%;
	margin-left:auto;
	margin-right:auto;
}
.medio {
	height:350px;
}
}
/*=========================MEDIA QUERIES PANTALLA L ( SAMSUNG GALAXY TAB 3'10) tablets grandes y pantalla a 1200 ================================*/
@media screen and (max-width: 1200px){
.separador_pegado {
	width: 98%;
	float:left;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:2%;
	margin-top:0;
}
.comoh1 {
	font-size:150%;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
.comoh1_letra_especial {
	font-size:120%;
    font-family: "Prompt", serif;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
.comoh1_letra_especial_color {
	font-size:120%;
    font-family: "Prompt", serif;
	color:#46A295;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
h1 {
	font-size:150%;
}
h2 {
	font-size:130%;
}
h3 {
	font-size:120%;
}
.pc {
	display:none;
}
.resto {
	display:inline;
}
.tablet {
	display:inline;
}
.movil {
	display:none;
}
.flecha {
 	width: 5%;
 	margin-right: auto;
  	margin-left: auto;
}
.logo {
 	width: 18%;
	margin-left:11%;
	margin-top:1%;
}
.texto_central {
	padding:8px;
	font-size:108%;
}
.texto_central_color {
	padding:20px;
	font-size:112%;
}
.iz_index{
 	width: 29%;
    margin-top:-23%;
	margin-left:69%;
	font-size:85%;
}
.personal {
 	width: 31%;
  	margin-left: 2%;
	padding:3px;
}
.texto_personal {
 	width: 98%;
	margin-left:1%;
	margin-right:1%;
}
.content_texto {
 	width: 96%;
	float:left;
 	margin-right: 2%;
  	margin-left: 2%;
	text-align:justify;
	font-size:94%;
	margin-top:1%;
}
.content_total {
	margin-top:6%;
	margin-bottom:6%;
}
.content_total_contacto {
	margin-top:6%;
	margin-bottom:6%;
}
.navegador {
 	width: 50%;
  	margin-left: 35%;
	margin-top:-7%;
	margin-bottom:2%;
}
.formularios {
	font-size:80%;
}
.content_produ {
 	width: 98%;
	float:left;
 	margin-right: 1%;
  	margin-left: 1%;
	text-align:justify;
	font-size:100%;
	margin-top:1%;
}
/*=============== banner principal ================*/
.foto_index {
	margin-top:9.5%;
}
.foto_index1 {
	margin-top:9.5%;
}
/*=============== menu ================*/
menu {
	margin-left:0;
	font-size:85%;
}
menu nav ul li a {
	padding-left:10px;
	padding-right:10px;
}
.mitad_total {
 	width: 100%;
	margin-left:auto;
	margin-right:auto;
}
.mitad_total_f {
 	width: 50%;
	float:left;
	margin-left:auto;
	margin-right:auto;
}
.mitad_total_f img {
	width: 100%;
	height:auto;
}
.centro {
 	width: 90%;
 	margin-right: 6%;
  	margin-left: 4%;
	padding:5px;
	margin-bottom:5%;
	margin-top:2%;
}
.redondeles {
 	width: 48%;
	height:320px;
  	margin-left: 2%;
	padding:3px;
	font-size:100%;
	margin-bottom:2%;
}
.redondeles_corto {
 	width: 48%;
	float:left;
	height:320px;
  	margin-left: 2%;
	padding:3px;
	font-size:100%;
	margin-bottom:2%;
}
.foto_redondel {
 	width:18%;
	margin-left:43%;
	margin-right:30%;
	margin-bottom:6%;
	margin-top:6%;
}
.textos_grandes {
 	width: 100%;
 	margin-right: auto;
  	margin-left: auto;
	padding:5px;
	box-sizing:border-box;
	margin-bottom:3%;
	margin-top:3%;
	font-size:95%;
}
.detalle_textos {
 	width: 96%;
	float:left;
 	margin-right: 2%;
  	margin-left: 2%;
	margin-top:1%;
	margin-bottom:2%;
	text-align:justify;
	font-size:90%;
	color:#000000;
}
.personal_ta {
 	width: 31%;
	float:left;
  	margin-left: 2%;
	box-sizing:border-box;
	padding:3px;
	border:thin #DBDBDB solid;
	background-color:#FFF;
	margin-bottom:2%;
	height:125px;
}
.personal4 {
 	width: 31%;
	float:left;
  	margin-left: 2%;
	box-sizing:border-box;
	padding:3px;
	border:thin #DBDBDB solid;
	background-color:#FFF;
	margin-bottom:2%;
}
/*=============== menu DESPLEGABLE Y RESIZEABLE ================*/
.menu_bar {
	margin-top:0;
	display:block;
	float:left;
	width: 20%;
	margin-left:80%;
}
.menu_bar .bt-menu {
	display: block;
	padding: 8px;
	color:#000000;
	overflow: hidden;
	font-size: 125%;
	text-decoration: none;
	font-weight:bold;
}
.menu_bar span {
	float: right;
	font-size: 130%;
}
.menu_largo {
	z-index:1;
	display:inline;
	width:30%;
	height:100%;
	left:-100%;
	margin:0;
	position: fixed;
	background-color:#ffffff;
	margin-top:7%;
	font-size:102%;
	padding:15px;
	box-sizing:border-box;
	border:thin #C5920C solid;
}
.menu_largo ul li {
	display:block;
	float:none;
	width:90%;
	margin-left:5%;
	margin-right:0%;
	text-align:left;
	background-color:#ffffff;
	font-size:90%;
}
.menu_largo ul li:hover .children {
	display: none;
}
.menu_largo ul li .children {
	width: 100%;
	position: relative;
}
.menu_largo ul li .children li a {
	margin-left:0px;
}
.menu_largo ul li .caret {
	float: right;
}
/*=============== noticias ================*/
.todo_lateral {
	font-size:85%;
}
.parrafo_noticia {
	font-size:80%;
}
.titulo_noticias {
	margin-left:-1.4%;
	font-size:75%;
}
.fecha_noticias {
	font-size:90%;
}
.subtitulo_noticias {
	margin-left:-1.4%;
	font-size:90%;
}
.titulo_parrafo_noticia {
	margin-left:2%;
}
.todo_lateral {
 	width: 94%;
 	margin-right: 1%;
  	margin-left: 5%;
	font-size:90%;
	margin-bottom:3%;
}
.relacion_noticias {
	width: 98%;
	font-size:95%;
	margin-right:1%;
	margin-left:1%;
	margin-bottom:5%;
}
.relacion_noticias1 {
	width: 98%;
	font-size:95%;
	margin-right:1%;
	margin-left:1%;
}
.parrafo_noticia {
	border-bottom:none;
	border-top:thin #CCC solid;
	box-sizing:border-box;
	padding-top:20px;
	font-size:100%;
}
/*=============== paginar noticia ================*/
.letra_paginar {
	width:80%;
	float:left;
	text-align:left;
	margin-left:5%;
	font-size:90%;
}
.letra_negra {
	width:12%;
	float:left;
	text-align:left;
	color:#000000;
	font-weight:bold;
	font-size:90%;
}
.espacio_paginar {
	margin-top:8%;
	font-size:85%;
}
/*=============== PRODUCTO ================*/
.parte_catalogo {
	width: 47%;
	float:left;
	margin-left:2%;
	margin-right:0%;
	margin-bottom:2%;
	border:thin solid #D3D3D3;
}
.ima_produ_tec {
	padding-bottom:20px;
}
/*=============== detalle producto ================*/ 
.ref_produ {
 	width: 98%;
	float:left;
	margin-left:1%;
	font-size:100%;
}
.foto_produ {
 	width: 28%;
	float:left;
	box-sizing:border-box;
	border:thin #8F9091 solid;
	margin-left:2%;
	margin-right:2%;
}
.texto_produ {
 	width: 100%;
	float:none;
	text-align:justify;
	font-size:90%;
}
.texto_produ_tec {
 	width: 96%;
	float:none;
	margin-left:0%;
	margin-right:2%;
	margin-top:2%;
	margin-bottom:2%;
	padding:6px;
	font-size:85%;
	box-sizing:border-box;
}
.texto_produ_tec img {
 	width: 100%;
 	height: auto;
}
.content_total img {
 	width: 100%;
 	height: auto;
}
/*=============== contacto ================*/
.logo_centro {
 	width: 40%;
	float:left;
	margin-left:30%;
	margin-right:30%;
	margin-top:-3%;
	margin-bottom:1%;
}
/*=============== particiones ================*/
.izquierda_textos {
 	width: 36%;
	float:left;
 	margin-right:0;
  	margin-left: 2%;
}
.derecha_grande {
 	width: 100%;
	float:none;
 	margin-right: 0;
  	margin-left: 0;
	margin-bottom:3%;
}
.izquierda_corta {
 	width: 26%;
	float:left;
 	margin-right:2%;
  	margin-left: 0%;
}

.izquierda_grande {
 	width: 100%;
	float:none;
 	margin-right: 0;
  	margin-left: 0;
	margin-bottom:3%;
}
.derecha_corta {
 	width: 36%;
	float:left;
 	margin-right:2%;
  	margin-left: 0%;
}
.izquierda_grande_tablet {
 	width: 57%;
	float:left;
 	margin-right: 0;
  	margin-left: 2%;
	margin-bottom:3%;
}
.izquierda_grande_tablet img {
	width: 100%;
	height:auto;
}
.derecha_corta_tablet {
 	width: 36%;
	float:left;
 	margin-right:0;
  	margin-left: 2%;
}
.derecha_corta_tablet img {
	width: 100%;
	height:auto;
}

.parte_servi {
	width: 98%;
	float:left;
	margin-right:1%;
	margin-bottom:1%;
}
.parte_servi_imagen {
	width:58%;
	float:left;
	margin-bottom:1%;
}
.parte_servi_imagen img {
	width: 100%;
	height:auto;
	box-shadow: 2px 2px 5px #666666;
}
.parte_servi_titulo {
	width: 38%;
	height:30px;
	float:left;
	font-size:80%;
	padding:2px;
	box-sizing:border-box;
	text-align:left;
	margin-top:30%;
}
.derecha_corta_ofer {
 	width: 50%;
	float:left;
 	margin-right:2%;
  	margin-left: 0%;
}
.derecha_grande_pro {
 	width: 70%;
	float:left;
 	margin-right: 0;
  	margin-left: 2%;
	margin-bottom:3%;
}
.izquierda_corta_pro {
 	width: 26%;
	float:left;
 	margin-right:0;
  	margin-left: 1%;
}
.foto_centro {
 	width: 80%;
 	margin-right: 10%;
  	margin-left: 10%;
	margin-bottom:1%;
	margin-top:2%;
}
.foto_centrado {
 	width: 90%;
	float:left;
 	margin-right: 5%;
  	margin-left: 5%;
	border:thin #DBDBDB solid;
	margin-bottom:1%;
	margin-top:2%;
}
/* ~~ PRODUCTOS ~~ */
.filtro_catalogo {
	width: 100%;
	float:left;
	text-align:left;
	font-size:80%;
	background-color:#F9F9F9;
	box-sizing:border-box;
	margin-top:2%;
	padding:2px;
}
/*=============== 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: 90%;
	float:left;
	margin-left:5%;
	margin-right:5%;
}
/*=============== cookies ================*/
.cookiesms{	
	font-size:90%;
}
.boton_cookies {
	width:15%;
	padding:5px;
	margin-top:1%;
	margin-bottom:2%;
	margin-right:0%;
	margin-left:33%;
	font-size:100%;
}
.boton_cookies1 {
	width:15%;
	padding:5px;
	margin-top:1%;
	margin-bottom:2%;
	margin-right:0%;
	margin-left:4%;
	font-size:100%;
}
/*=============== botoness ================*/
.boton_presen1 {
	width:28%;
	font-size:90%;
	margin-left:33%;
	margin-right:43%;
	margin-top:12%;
}
.boton_general {
	width:22%;
	margin-left:40%;
	margin-right:40%;
}
.boton_general_g {
	width:30%;
	margin-left:36%;
	margin-right:36%;
}
.boton_enviar {
	width: 48%;
}
.boton_lateral {
	width:70%;
	margin-left:20%;
	margin-top:5%;
}
.boton_lateral_r {
	width:70%;
	margin-left:20%;
	margin-top:-8%;
}
.letra_grande_espe_negro {
	font-size:140%;
}
}
/*=========================MEDIA QUERIES PANTALLA M (APPLE AIPAD 1234 AIR) ================================*/ 
@media screen and (max-width: 820px){
.navegador {
 	width: 78%;
  	margin-left:0%;
	margin-top:-8%;
	margin-bottom:0;
}
menu {
	margin-left:0;
	font-size:90%;
}
menu nav ul li a {
	padding-left:2px;
	padding-right:2px;
}
.menu_largo {
	width:35%;
	margin-top:8%;
}
.foto_index {
	margin-top:7%;
}
.foto_index1 {
	margin-top:7%;
}
.boton_lateral_r {
	width:70%;
	margin-left:20%;
	margin-top:-16%;
}
.boton_lateral {
	width:70%;
	margin-left:20%;
	margin-top:2%;
}
.parte_catalogo_titulo {
	height:50px;
}
/*=============== cookies ================*/
.cookiesms{	
	font-size:90%;
}
.boton_cookies {
	width:25%;
	padding:5px;
	margin-top:1%;
	margin-bottom:2%;
	margin-right:0%;
	margin-left:24%;
	font-size:100%;
}
.boton_cookies1 {
	width:25%;
	padding:5px;
	margin-top:1%;
	margin-bottom:2%;
	margin-right:0%;
	margin-left:3%;
	font-size:100%;
}
}

@media screen and (max-width: 834px){
.navegador {
 	width: 60%;
  	margin-left: 35%;
	margin-top:-8%;
	margin-bottom:0;
}
.menu_largo {
	margin-top:8%;
}
.foto_index {
	margin-top:6%;
}
.iz_index{
 	width: 35%;
    margin-top:-23%;
	margin-left:63%;
	font-size:85%;
}
.boton_lateral_r {
	width:70%;
	margin-left:20%;
	margin-top:-16%;
}
.boton_lateral {
	width:70%;
	margin-left:20%;
	margin-top:1%;
}
/*=============== cookies ================*/
.cookiesms{	
	font-size:90%;
}
.boton_cookies {
	width:30%;
	padding:5px;
	margin-top:1%;
	margin-bottom:2%;
	margin-right:0%;
	margin-left:20%;
	font-size:100%;
}
.boton_cookies1 {
	width:30%;
	padding:5px;
	margin-top:1%;
	margin-bottom:2%;
	margin-right:0%;
	margin-left:3%;
	font-size:100%;
}
}
/*=========================MEDIA QUERIES PANTALLA M (APPLE AIPAD 1234 AIR) ================================*/ 
@media screen and (max-width: 800px){
.comoh1 {
	font-size:140%;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
.comoh1_letra_especial {
	font-size:110%;
    font-family: "Prompt", serif;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
.comoh1_letra_especial_color {
	font-size:110%;
    font-family: "Prompt", serif;
	color:#46A295;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
h1 {
	font-size:140%;
}
h2 {
	font-size:120%;
}
h3 {
	font-size:110%;
}
.migas {
	margin-bottom:2%;
	margin-top:2%;
}
.flecha {
 	width: 7%;
 	margin-right: auto;
  	margin-left: auto;
}
.logo {
 	width: 23%;
	margin-left:3%;
	margin-top:1%;
}
.navegador {
 	width: 60%;
  	margin-left: 35%;
	margin-top:-8%;
	margin-bottom:0;
}
.foto_index {
	margin-top:9%;
}
.boton_lateral_r {
	width:70%;
	margin-left:20%;
	margin-top:-7%;
}
.boton_lateral {
	width:70%;
	margin-left:20%;
	margin-top:3%;
}
menu {
	margin-left:0;
	font-size:90%;
}
menu nav ul li a {
	padding-left:4px;
	padding-right:4px;
}
.textos_grandes {
 	width: 92%;
 	margin-right: 4%;
  	margin-left: 4%;
	font-size:105%;
}
.texto_mitad_total {
	padding:20px;
}
.personal {
 	width: 31%;
  	margin-left: 2%;
	padding:3px;
	height:380px;
}
.personal_ta {
 	width: 31%;
	float:left;
  	margin-left: 2%;
	box-sizing:border-box;
	padding:3px;
	border:thin #DBDBDB solid;
	background-color:#FFF;
	margin-bottom:2%;
	height:125px;
}
.iz_index{
 	width: 39%;
    margin-top:-23%;
	margin-left:59%;
	font-size:80%;
}
/*==== noticias ================*/
.titulo_parrafo_noticia {
	margin-left:2%;
}
.titulo_noticias_index {
	margin-left:2.5%;
	margin-top:4%;
	font-size:80%;
}
.todo_lateral {
 	width: 94%;
 	margin-right: 1%;
  	margin-left: 5%;
	font-size:90%;
	margin-bottom:3%;
}
.relacion_noticias {
	width: 98%;
	font-size:95%;
	margin-right:1%;
	margin-left:1%;
	margin-bottom:5%;
}
.relacion_noticias1 {
	width: 98%;
	font-size:95%;
	margin-right:1%;
	margin-left:1%;
}
.parrafo_noticia {
	border-bottom:none;
	border-top:thin #CCC solid;
	box-sizing:border-box;
	padding-top:20px;
	font-size:100%;
}
/*=============== botoness ================*/
.boton_presen1 {
	width:32%;
	padding:5px;
	font-size:85%;
	margin-left:31%;
	margin-right:41%;
	margin-top:12%;
}
.boton_general {
	width:24%;
	margin-left:39%;
	margin-right:39%;
}
.boton_general_g {
	width:36%;
	margin-left:33%;
	margin-right:33%;
}
}
/*=========================MEDIA QUERIES PANTALLA S  MOVIL LG ================================*/
@media screen and (max-width: 428px){
/*=============== utilidades ================*/
body {
	font-size:92%;
}
.menu_largo {
	margin-top:9.5%;
	width:45%;
}
.separador_pegado {
	width: 98%;
	float:left;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:3%;
	margin-top:0;
}
.comoh1 {
	font-size:130%;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
.comoh1_letra_especial {
	font-size:100%;
    font-family: "Prompt", serif;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
.comoh1_letra_especial_color {
	font-size:100%;
    font-family: "Prompt", serif;
	color:#46A295;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
h1 {
	font-size:130%;
}
h2 {
	font-size:110%;
}
h3 {
	font-size:105%;
}
.nosale {
	display:none;
}
.pc {
	display:none;
}
.resto {
	display:inline;
}
.tablet {
	display:none;
}
.movil {
	display:inline;
}
.flecha {
 	width: 10%;
 	margin-right: auto;
  	margin-left: auto;
}
.migas {
	width: 80%;
	margin-left:18%;
	margin-bottom:3%;
	font-size:75%;
	margin-top:3%;
}
.logo {
 	width: 35%;
	margin-left:10%;
	margin-right:55%;
	margin-top:1%;
}
.navegador {
 	width: 96%;
  	margin-left: 0%;
  	margin-right: 2%;
}
menu {
	font-size:80%;
}
menu nav ul li a {
	padding-left:3px;
	padding-right:3px;
}
.foto_index {
	margin-top:15%;
}
.foto_index1 {
	margin-top:10%;
}
.content_texto {
 	width: 98%;
	float:left;
 	margin-right: 1%;
  	margin-left: 1%;
	text-align:justify;
	font-size:90%;
	margin-top:1%;
}
.cookiesms{	
	font-size:90%;
}
.parte_servi {
	width: 48%;
	float:left;
	margin-right:2%;
	margin-bottom:0;
}
.parte_servi_imagen {
	width:100%;
	float:left;
	margin-bottom:0;
	margin-top:2%;
}
.parte_servi_imagen img {
	width: 100%;
	height:auto;
	box-shadow: 2px 2px 5px #666666;
}
.parte_servi_titulo {
	width: 97%;
	float:left;
	margin-left:3%;
	margin-bottom:3%;
	font-size:115%;
	padding:5px;
	box-sizing:border-box;
	text-align:center;
	margin-top:-1%;
}
.content_total_mov {
 	width: 100%;
	float:left;
 	margin-right: auto;
  	margin-left: auto;
	text-align:justify;
	font-size:90%;
	margin-top:4%;
	margin-bottom:4%;
	background-image:url(../imagenes/fondo_mov.jpg);
	background-repeat:no-repeat;
 	background-size: 100% 100%;
}
.content_total_mov img {
 	width: 100%;
 	height: auto;
}
.cuadros {
 	width: 98%;
	float:left;
  	margin-left: 1%;
  	margin-right: 1%;
	margin-top:2%;
	margin-bottom:3%;
	border:thin #999 solid;
	box-sizing:border-box;
	font-size:85%;
	padding-left:5px;
	padding-right:5px;
	padding-top:20px;
	padding-bottom:10px;
}
.cuadros_p {
 	width: 70%;
	float:left;
  	margin-left: 15%;
  	margin-right: 15%;
	margin-top:2%;
	margin-bottom:3%;
	border:thin #999 solid;
	box-sizing:border-box;
	font-size:85%;
	padding-left:5px;
	padding-right:5px;
	padding-top:20px;
	padding-bottom:10px;
}
/*=============== particiones ================*/
.derecha_grande {
 	width: 98%;
	float:left;
 	margin-right: 1%;
  	margin-left: 1%;
	margin-bottom:3%;
	margin-top:3%;
}
.izquierda_corta {
 	width: 92%;
	float:left;
 	margin-right:6%;
  	margin-left:2%;
}
.izquierda_grande {
 	width: 96%;
	float:left;
 	margin-right: 3%;
  	margin-left: 1%;
	margin-bottom:3%;
	margin-top:3%;
}
.derecha_corta {
 	width: 90%;
	float:left;
 	margin-right:7%;
  	margin-left:3%;
}
.derecha_corta_ofer {
 	width: 92%;
	float:left;
 	margin-right:6%;
  	margin-left:2%;
}
.texto_mitad_total {
	padding:10px;
}
.detalle_textos {
 	width: 98%;
	float:left;
 	margin-right: 1%;
  	margin-left: 1%;
	margin-top:1%;
	margin-bottom:2%;
	text-align:justify;
	font-size:90%;
	color:#000000;
}
.personal {
 	width: 70%;
	float:left;
	margin-left:15%;
	margin-right:15%;
	height:500px;
	box-sizing:border-box;
	padding:3px;
	border:thin #DBDBDB solid;
	background-color:#FFF;
	margin-bottom:4%;
}
.personal_ta {
 	width: 70%;
	float:left;
	margin-left:15%;
	margin-right:15%;
	box-sizing:border-box;
	padding:3px;
	border:thin #DBDBDB solid;
	background-color:#FFF;
	margin-bottom:4%;
	height:150px;
}
.personal4 {
 	width: 80%;
	float:left;
	margin-left:10%;
	margin-right:10%;
	height:500px;
	box-sizing:border-box;
	padding:3px;
	border:thin #DBDBDB solid;
	background-color:#FFF;
	margin-bottom:4%;
}
.peque{
	font-size:95%;
	color:#000000;
	text-align:center;
}
.izquierda_textos {
 	width: 60%;
	float:left;
 	margin-right:0;
  	margin-left: 0%;
	font-size:85%;
}
.texto_personal {
 	width: 90%;
	float:left;
	margin-left:5%;
	margin-right:5%;
	text-align:center;
}
.texto_noticias1 {
 	width: 99%;
	float:left;
 	margin-right:1%;
  	margin-left: auto;
	font-size:98%;
	margin-top:2%;
	margin-bottom:3%;
	padding:0;
	text-align:justify;
}
/* ~~ PRODUCTOS ~~ */
.filtro_catalogo {
	width: 100%;
	float:left;
	text-align:left;
	font-size:100%;
	background-color:#F9F9F9;
	box-sizing:border-box;
	margin-top:2%;
	padding:15px;
}
/*=============== redondeles================*/
.redondeles {
 	width: 98%;
	height:320px;
  	margin-left: 2%;
	padding:3px;
	font-size:100%;
	margin-bottom:4%;
}
.redondeles_corto {
 	width: 98%;
	height:260px;
  	margin-left: 2%;
	padding:3px;
	font-size:100%;
	margin-bottom:4%;
}
/*=============== contenedores y mapa ================*/
.formularios {
 	width: 100%;
	float:left;
	margin-left:0;
	margin-right:0;
	padding:5px;
	box-sizing:border-box;
	font-size:75%;
	margin-top:4%;
}
/*=============== PRODUCTO ================*/
.parte_catalogo {
	width: 47%;
	float:left;
	margin-left:2%;
	margin-right:0%;
	margin-bottom:2%;
	border:thin solid #D3D3D3;
}
.derecha_grande_pro {
 	width: 98%;
	float:left;
 	margin-right: 1%;
  	margin-left: 1%;
	margin-bottom:3%;
}
.izquierda_corta_pro {
 	width: 98%;
	float:left;
 	margin-right:1%;
  	margin-left: 1%;
}
.foto_produ {
 	width: 80%;
	float:left;
	box-sizing:border-box;
	border:thin #8F9091 solid;
	margin-left:10%;
	margin-right:10%;
}
.texto_produ {
 	width: 98%;
	float:left;
	text-align:justify;
	font-size:95%;
	margin-right:2%;
}
/*=============== contacto ================*/
.logo_centro {
 	width: 44%;
	float:left;
	margin-left:28%;
	margin-right:28%;
	margin-top:3%;
	margin-bottom:3%;
}
/*=============== imagen contenedor medidas ================*/
.ima_produ_tec {
 	width: 70%;
	float:left;
	box-sizing:border-box;
	margin-left:15%;
	margin-right:15%;
	padding:10px;
	padding-bottom:20px;
}
.medio {
 	width: 98%;
	float:left;
  	margin-left: 1%;
  	margin-right: 1%;
	background-color:#F4F1E8;
	margin-top:3%;
	text-align:center;
	box-sizing:border-box;
	padding:10px;
	height:auto;
	font-size:108%;
	box-shadow: 2px 2px 10px #ECE9E0;
	border-radius:5%;
	margin-bottom:2%;
}
/*=============== footer ================*/
.pie_superior {
	width: 80%;
	float:left;
	padding: 10px 0;
	box-sizing:border-box;
	margin-top:7%;
	background-color:#ffffff;
	margin-left:10%;
	margin-right:10%;
}
.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%;
}
/*=============== botoness ================*/
.boton_presen1 {
	width:51%;
	padding:5px;
	font-size:75%;
	margin-left:21%;
	margin-right:31%;
	margin-top:12%;
}
.boton_general {
	width:34%;
	margin-left:34%;
	margin-right:34%;
	padding:6px;
}
.boton_general_g {
	width:60%;
	margin-left:21%;
	margin-right:11%;
	padding:6px;
}
.boton_lateral {
	width:90%;
	float:left;
	cursor:pointer;
	box-sizing:border-box;
	background-color:#90C0A3;
	color:#000000;
	padding:3px;
	text-align:center;
	font-size:80%;
	margin-left:10%;
	margin-top:3%;
	border-radius:5px;
}
.boton_lateral_r {
	width:80%;
	float:left;
	cursor:pointer;
	box-sizing:border-box;
	background-color:#C7E0CF;
	color:#000000;
	padding:3px;
	text-align:center;
	font-size:80%;
	margin-left:15%;
	margin-top:3%;
	border-radius:5px;
}
.boton_centrado {
	width: 44%;
	float:left;
	margin-left:34%;
	margin-right:34%;
	font-size:110%;
	text-align:center;
	padding:8px;
	box-sizing:border-box;
	background-color:#D8BD79;
	color:#000000;
    font-family: "Prompt", serif;
	margin-top:5%;
	border:none;
	border-radius:5px;
}
.boton_leer {
	width:40%;
	padding:6px;
	font-size:90%;
	margin-left:30%;
}
/* ~~ letras ~~ */
.letra_firma {
	font-size:150%;
}
.letra_firma_datos {
	font-size:110%;
}
.letra_paginar {
	width:75%;
	float:left;
	text-align:left;
	margin-left:10%;
}
}
/*=========================MEDIA QUERIES PANTALLA  ================================*/
@media screen and (max-width: 414px){
.foto_index {
	margin-top:25%;
}
/*=============== noticias ================*/
.titulo_noticias_index {
	margin-left:0.5%;
	margin-top:6%;
	font-size:75%;
}
.todo_lateral {
 	width: 94%;
 	margin-right: 1%;
  	margin-left: 5%;
	font-size:80%;
	margin-bottom:3%;
}
.titulo_noticias {
	font-size:90%;
}
.fecha_noticias {
	font-size:90%;
  	margin-left:4%;
}
.subtitulo_noticias {
	font-size:80%;
}
.titulo_parrafo_noticia {
	margin-left:0;
}
.letra_paginar {
	width:75%;
	float:left;
	text-align:left;
	margin-left:10%;
}
.boton_leer {
	width:40%;
	padding:6px;
	font-size:90%;
	margin-left:30%;
}
.personal4 {
	height:470px;
}
.personal {
	height:470px;
}
.personal_ta {
	height:130px;
	padding-top:16px;
	padding-left:3px;
	padding-bottom:3px;
	padding-right:3px;
}
}
/*=========================MEDIA QUERIES PANTALLA  ================================*/
@media screen and (max-width: 390px){
/*=============== cookies ================*/
.foto_index {
	margin-top:20%;
}
.menu_largo {
	width:50%;
	margin-top:10%;
}
.cookiesms{	
	font-size:80%;
}
.boton_cookies {
	width:30%;
	padding:5px;
	margin-top:1%;
	margin-bottom:2%;
	margin-right:0%;
	margin-left:20%;
	font-size:100%;
}
.boton_cookies1 {
	width:30%;
	padding:5px;
	margin-top:1%;
	margin-bottom:2%;
	margin-right:0%;
	margin-left:3%;
	font-size:100%;
}
.personal4 {
	height:450px;
}
.personal {
	height:450px;
}
}
/*=========================MEDIA QUERIES PANTALLA  ================================*/
@media screen and (max-width: 360px){
.foto_index {
	margin-top:20%;
}
.menu_largo {
	margin-top:11%;
	width:50%;
}
menu nav ul li a {
	padding-left:2px;
	padding-right:2px;
}
.personal {
 	width: 80%;
	float:left;
	margin-left:10%;
	margin-right:10%;
	height:500px;
	box-sizing:border-box;
	padding:3px;
	border:thin #DBDBDB solid;
	background-color:#FFF;
	margin-bottom:4%;
}
.personal_ta {
 	width: 80%;
	float:left;
	margin-left:10%;
	margin-right:10%;
	box-sizing:border-box;
	padding:3px;
	border:thin #DBDBDB solid;
	background-color:#FFF;
	margin-bottom:4%;
	height:150px;
}
.personal4 {
 	width: 80%;
	float:left;
	margin-left:10%;
	margin-right:10%;
	height:430px;
	box-sizing:border-box;
	padding:3px;
	border:thin #DBDBDB solid;
	background-color:#FFF;
	margin-bottom:4%;
}
}