/*
*/

/* FONTS
font-family: 'Open Sans', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Ubuntu', sans-serif;

000000  Blanco
060404	Negro
EAEDED  Gris claro
0D5AAC  Azul medio
1071DC  Azul claro

Anaranjados
FFC030
F76A06
F46805
F26705
EE6605
E86305
E26105
DB5E05

Filter
C0C0C0 top
D0D0D0 contenido, img
B0B0B0 pie
*/


/* TOP */
html {
	margin: 0;
	width: 100%;
	height: 100%;
}

body {
	margin: 0;
	width: 100%;
	height: 100%;
	font-family: 'Open Sans', sans-serif;
	background:#EAEDED;
	font-size:100%;
}

.anar {color:#F26705;}

.admiracion {
	color:#F46805;
	font-weight:bold;
}

.areatop {
	height: 50px; /* Altura del bg de la cabecera */
    width: 100%; /* Ocupa el ancho completo de la pantalla */
	position:; /* fixed     se hace que la cabecera tenga una posición fija */
	left: 0; /* Se posiciona la cabecera al lado izquierdo */
	top: 0; /* Se posiciona la cabecera pegada arriba */
	/*z-index: 1;  Queda por encima de todo */
	/* background:#0D5AAC; */

	/* 
	217deg,
	rgba(255, 0, 0, 0.8),
	rgba(255, 0, 0, 0) 
	70.71%),
	*/

	background: linear-gradient(to right, #102070, #2030D0 5%, #102070 70%, #2030F0 80%, #102070 110%);
	
	filter: drop-shadow(0px 5px 4px #C0C0C0);
}

.areacabecera, .areacontenido, .areacontenido2, .menupie, .copy, .val, .direccion {
	max-width: 1200px;
	margin: auto;
}

.areacabecera {
    /* background:#0D5AAC; */
	padding:0em 0em 0em 0em;
}

.areablack {
    width: 100%; /* Ocupa el ancho completo de la pantalla */
    background:#060404;
}

.areamenu {
   width: 100%;
    background:#060404;
   text-align:center;
}

.areacontenido {
	background:#FFFFFF;
	margin:50px auto 0px auto;
	padding:0.3em 1em 1em 1em;
	border-radius: 5px;
	box-shadow: inset 0px -15px 25px rgba(0.2, 0.2, 0.2, 0.2);
	text-align:center;
}

.areacontenido2 {
	background:#FFFFFF;
	margin:50px auto 0px auto;
	padding:0.3em 1em 1em 1em;
	border-radius: 5px;
	box-shadow: inset 0px -15px 15px rgba(0.2, 0.2, 0.2, 0.2);
	text-align:center;
	display:flex;
}

.arealogo {
	width:35%;
	height: 49px; /* Altura del bg de la cabecera */
	float:left;
	display:flex;
/*
	border: 1px solid #000000;
	position: relative;
*/
}

.areatelefonos {
	float:left;
	display:flex;
	text-align:center;
	height: 49px; /* Altura del bg de la cabecera */

/*
	border: 1px solid #000000;
	position: relative;
*/
}


.arearedes {
	height: 49px; /* Altura del bg de la cabecera */
	float:right;
	display:flex;
/*
	border: 1px solid #000000;
	position: relative;
*/
}


h1 {
	margin:auto auto auto 0;
}
/*
	text-align:center;
	height: 0%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
*/


.logotop {
	padding:0em 0em 0em 0.5em;
}

.linklogo {
/*
	color:#F0F0F0;
	text-decoration:none;
    text-shadow:-3px 3px #1071DC, -5px 5px #1071DC;
*/
	font-family: 'Ubuntu', sans-serif;
	font-size:0.9em;
	font-weight:normal;
	color:#FFB000;
	text-decoration:none;
	vertical-align:middle;
	margin:auto;
/*
    text-shadow:
	2px 2px #555555,
	1px -2px #555555,
	-2px 2px #555555,
	-2px -2px #555555
	;
*/
}

.linklogo:hover {
	color:#F0F0F0;
	text-decoration:none;
/*
    text-shadow:
	2px 2px #1071DC,
	2px -2px #1071DC,
	-2px 2px #1071DC,
	-2px -2px #1071DC
	;
*/
}

.telefonostop {
	font-size:0.9em;
	font-weight:normal;
	color:#000000;
	margin:auto;
	line-height:20px;
/*
	text-align:center;
	height: 0%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
*/
}


.ico-tel {
	max-width:40px;
	max-height:40px;
	float:left;
	position:relative;
	left:0px;
	top:0px;
	padding-right:10px;
}

.txttelefonos {
	color:#000000;
	font-weight:bold;
	padding-right:5px;
}

.linkteltop {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	padding-right:5px;
}

.tel2da {
	display: block;
	padding-left:55px;
}

.linkteltop:hover {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
	padding-right:5px;
}



.linktellogo1, .linktellogo2 {
	color:#E0E0E0;
	text-decoration:none;
	vertical-align:middle;
}

.linktellogo1:hover, .linktellogo2:hover {
	color:#FFFFFF;
	text-decoration:none;
	vertical-align:middle;
}




.redestop {
	font-size:1em;
	font-weight:normal;
	color:#F0F0F0;
	margin:auto 0.5em auto auto;
	padding:0.4em 0em 0em 0em;
	display:flex;
/*
	text-align:center;
	height: 0%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
*/
}

.linklogofacebook {
	font-size:1em;
	font-weight:normal;
	color:#E0E0E0;
	text-decoration:none;
	margin:auto;
	padding-right:10px;
}

.linklogofacebook:hover {
	font-size:1em;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
}

.linklogowhatsapp {
	font-size:1em;
	font-weight:normal;
	color:#E0E0E0;
	text-decoration:none;
	margin:auto;
}

.linklogowhatsapp:hover {
	font-size:1em;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
}

.imglogofacebook, .imglogowhatsapp {
	width:25px;
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
	border: 2px solid #E0E0E0;
	margin:0px 0px 0px 0px;
}

.imglogofacebook:hover, .imglogowhatsapp:hover {
	width:25px;
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
	border: 2px solid #FFFFFF;
}

.clear { clear:both; }


/* MENÚ */

.menu {
	margin:auto;
}

.linkmenu {
	font-size:0.9em;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	padding:6px 9px 6px 9px;
    display: inline-table;  /* para que los botones no se corten */
}

.linkmenu:hover, .linkmenugray:hover {
	font-size:0.9em;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	padding:6px 9px 6px 9px;
    display: inline-table;  /* para que los botones no se corten */
	background: #F76A06;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to top, #D05000 60%, #F0C030); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to top, #D05000 60%, #F0C030); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.linkmenugray {
	font-size:0.9em;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	padding:6px 9px 6px 9px;
    display: inline-table;  /* para que los botones no se corten */
	background:#909090;
	background: -webkit-linear-gradient(to top, #606060, #A0A0A0); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to top, #606060, #A0A0A0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}



/* SUBIR */

.ir-arriba {
	background:#FF6600;
	display:none;
	padding:10px;
	font-size:25px;
	color:#ffffff;
	position: fixed;
	bottom:100px;
	right:10px;
  	border-radius: 0.8em;
	opacity: 0.7;
	z-index:1000;
}

.ir-arriba:hover {
	background:#1050F0;
	text-decoration:none;
    transition:0.8s;
}




/* CONTENIDO */

.slidegaleria {
  margin:3em 2em 0em 1em;
  width:45%;
  float:left;
}

.txtarea {
  padding:0em 1.5em 0em 1.5em;
  width:55%;
  float:left;
}

.txtareab {
  padding:0em 1em 0em 1em;
  width:100%;
}

.txttitulo {
	font-family: 'Ubuntu', sans-serif;
	font-size:2.0em;
	color:#0D5AAC;
	padding: 1em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
	text-align:left;
}

.txttitulo2 {
	font-family: 'Ubuntu', sans-serif;
	font-size:2.0em;
	color:#0D5AAC;
	padding: 1em 0em 0em 2em;
	margin: 0em 0em 0em 0em;
	text-align:center;
}

.txtdescripcion {
    color:#404040;
	font-family: 'Open+Sans', Arial, Helvetica, sans-serif;
    text-align:left;
	font-size:0.95em;
	line-height:2em;
	padding: 0em 0em 1em 0em;
}

.txtlink {
    color:#0030B0;
	text-decoration:none;
}

.txtlink:hover {
	color:#FF4E00;
	text-decoration:underline;
}



.p1-center {
	padding: 0.5em 0em 0.3em 0em;
	font-size:2.5em;
	text-align:center;
}

.p2-center {
	padding: 0em 0em 1em 0em;
	font-size:1.3em;
	text-align:center;
}

.p3-center {
	padding: 0em 0em 1em 0em;
	font-size:0.9em;
	text-align:center;
}

.p4-center {
	padding: 0em 0em 0em 0em;
	font-size:1.2em;
	text-align:center;
}

.p5-center {
	padding: 0em 0em 1.2em 0em;
	font-size:1.5em;
	text-align:center;
}


.ico-compartir01, .ico-compartir02, .ico-compartir03, .ico-compartir04 {
	vertical-align: middle;
}

.ico-compartir01:hover{
	-webkit-filter: brightness(150%);
	filter: brightness(180%);
}


.ico-compartir02:hover{
	-webkit-filter: brightness(150%);
	filter: brightness(130%);
}

.ico-compartir03:hover{
	-webkit-filter: brightness(150%);
	filter: brightness(180%);
}

.ico-compartir04:hover{
	-webkit-filter: brightness(150%);
	filter: brightness(130%);
}




.areacont1de2 {
	margin: -0.5em 0em 0em 0em;
}

.areacont2de2 {
	margin: 0em 0em 0em 0em;
}

.slidehome {
	margin: 0em 0em 0em 0em;
	width: 100%;
	z-index: 2;
	text-align:center;
}

.imgbntecnoinflables {
	max-width:100%;
	text-decoration:none;
	border:1px solid #D0D0D0;
	filter: drop-shadow(5px 5px 4px #D0D0D0);
}

.imgbntecnoinflables:hover {
	text-decoration:none;
}

/* dirección */

.direccion {
	font-size:0.8em;
	padding: 0.5em 1em 0em 1em;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	display:block;
	box-shadow: inset 0px -15px 15px rgba(0.2, 0.2, 0.2, 0.2);
	border-bottom:1px solid #FFFFFF;
}

.dircol, .dirco2, .dirco3, .dirco4 {
	float:left;
	color:#000000;  
}

.dircol { padding:1em 0.3em 1em 0.3em; width:25%; } /* tiene que tener valor de margen para que no se baje. 93% */
.dirco2 { padding:1em 0.3em 1em 0.3em; width:25%; }
.dirco3 { padding:1em 0.3em 1em 0.3em; width:18%; }
.dirco4 { padding:1em 0.3em 1em 0.3em; width:25%; }


.direccion1 {
	font-size:0.9em;
	padding:0em 0em 0.5em 0em;
	text-align:center;
	line-height:1.5em;
}

.direccion2 {
	font-size:0.9em;
	text-align:center;
	vertical-align:top;
	line-height:1.5em;
}

.direccionlink {
	text-decoration:none;
}

.direccionlink:hover {
	color:#FF4E00;
	text-decoration:underline;
}

.bulletok {
	width:18px;
	vertical-align: baseline;
}



.linktel {
	text-decoration:none;
}

.linktel:hover {
  color:#FF4E00;
	text-decoration:underline;
}

.tarjetas {
  height: 25px;
  vertical-align: middle;
}




.areawhatsappsdw2 {
  font-family: Arial, Helvetica, sans-serif;
  padding:0px 0px 0px 0px;
  text-align:center;
}

.areawhatsappsdw {
  font-family: Arial, Helvetica, sans-serif;
  padding:0px 0px 10px 0px;
}


.linkwhatsappsdw {
  text-align:center;
  color:#006000;
  font-size:0.8em;
  width:110px;
  font-family: Arial, Helvetica, sans-serif;
  background:url(../img/ico-whatsapp-a.png) no-repeat;
  background-size:90%;
  background-position:0px 0px;
  display: inline-block;
  padding:5px 0px 10px 0px;
  text-decoration:none;
  vertical-align: baseline;
  transition:0.75s;
}

.linkwhatsappsdw:hover, .linkwhatsappsdw:active {
  background:url(../img/ico-whatsapp-b.png) no-repeat;
  background-size:100%;
  text-decoration:none;
}

.arealogofacebook2 {height:40px; text-align:center;}

.arealogofacebook {height:40px;}
.logofacebook {margin:0px 0px 0px 0px; width:90px;}
.logofacebook:hover {transition:1.0s; width:105px;}
.logofacebooklink {  }
.logofacebooklink:hover {transition:1.0s; filter: saturate(200%);}

.arealogotwitter2 {height:40px; text-align:center;}

.arealogotwitter {height:40px;}
.logotwitter {margin:0px 0px 0px 0px; width:90px;}
.logotwitter:hover {transition:1.0s; width:105px;}
.logotwitterlink { }
.logotwitterlink:hover { transition:1.0s; filter: saturate(200%);}

.arealogoyoutube2 {height:40px; text-align:center;}

.arealogoyoutube {height:40px;}
.logoyoutube {margin:0px 0px 0px 0px; width:90px;}
.logoyoutube:hover {transition:1.0s; width:105px;}
.logoyoutubelink { }
.logoyoutubelink:hover { transition:1.0s; filter: saturate(200%);}


.arealogolinkedin2 {height:40px; text-align:center;}

.arealogolinkedin {height:40px;}
.logolinkedin {margin:0px 0px 0px 0px; width:90px;}
.logolinkedin:hover {transition:1.0s; width:105px;}
.logolinkedinlink { }
.logolinkedinlink:hover { transition:1.0s; filter: saturate(300%);}




/* PIE */

.areagooglemaps {
	background:#FFFFFF;
	width: 100%; /* Ocupa el ancho completo de la pantalla */
	padding:0px 0px 0px 0px;
}

.areacopy {
	background: linear-gradient(to right, #102070, #2030D0 5%, #102070 70%, #2030F0 80%, #102070 110%);
	width: 100%; /* Ocupa el ancho completo de la pantalla */
	border-bottom:1px solid #FFFFFF;
}

.areamenupie {
	background: linear-gradient(to right, #707070, #000000 25%, #707070 130%);
	width: 100%; /* Ocupa el ancho completo de la pantalla */
	filter: drop-shadow(0px 6px 5px #B0B0B0);
}

.areaval {
	background:#FFFFFF;
	width: 100%; /* Ocupa el ancho completo de la pantalla */
}



.googlemaps {
	padding:0em 0em 0em 0em;
	margin: 0 auto 0 auto;
}

.menupie {
	color:#F0F0F0;
	font-size: 0.9em;
	padding:0.5em 0em 0.5em 0em;
	text-align:center;
}

.copy {
	color:#F0F0F0;
	font-size: 0.9em;
	padding:0.5em 0em 0.5em 0em;
	text-align:center;
}

.val {
	color:#000000;
	font-size: 1em;
	padding:0.5em 0em 4em 0em;
}


/* Chat Facebook  */

.appfacebookapp {
	position:fixed;
	right:20px;
	bottom:50px;
	z-index:1000;
	padding-bottom:100px;
}




/* Chat Whatsapp  */

.appwhatsapp {
	position:fixed;
	right:90px;
	bottom:26px;
	width:55px;
	z-index:1000;
}

.appwhatsapp img {
	width:100%;
	height:auto;
}


/* Links  */

.linktxt {
	text-decoration: none;
	font-weight:bold;
}

.linktxt:hover {
	text-decoration: underline;
	color: #FF6600;
}


.imgpdf {
	width:30px;
	padding-right:15px;
}

.linkimgpdf {
  color:#006000;
  font-size:0.8em;
  text-align:left;
  font-family: Arial, Helvetica, sans-serif;
  padding:25px 0px 20px 0px;
  text-decoration:none;
  transition:0.75s;
  vertical-align: middle;
}

.linkimgpdf:hover {
  text-decoration:none;
}


/* Formulario  */
.areaformulario {
  font-family: 'Open Sans', sans-serif;
  margin:5em 2em 0em 1em;
  width:45%;
  float:left;
}

.formtit {
  font-family: 'Open Sans', sans-serif;
  font-size:0.8em;
  font-weight:bold;
  padding:15px 0px 2px 0px;
}

.formcasilla {
  font-family: 'Open Sans', sans-serif;
  width:90%;
}

.formcomentarios {
  width:90%;
  height:150px;
}