.whats 		 {position:fixed; right:30px; top:80%; width:5.5vh; cursor:pointer; transition:1s;z-index: 100010;}
		.whats:hover {position:fixed; right:40px; top:80%; width:5.5vh; cursor:pointer;}
	    .phonex 	 {position:fixed; right:30px; top:90%; width:5.5vh; cursor:pointer; transition:1s;z-index: 100010;}
		.phonex:hover{position:fixed; right:40px; top:90%; width:5.5vh; cursor:pointer;}


.botonaviso 		{width:50%; height:7vh; background:#AA0000; color:white; border:0;border-radius:2vh;font-size:2vh; font-family:calibri;}
.botonaviso:hover 	{width:50%; height:7vh; background:#AAAAAA; color:black; border:0;border-radius:2vh;}

.fletra1		{ font-size:2vh; color:#ffffff; font-family:calibri;}
.fotoredes		{ width:7vh;}
.fotoubicacion	{ width:3vh;}

.banderas		{ width:8vh; cursor:pointer;}
.manita			{ cursor:pointer;}
.letrabandera	{ font-size:2vh; color:white; font-family:calibri; cursor:pointer;}
.fotito1		{ width:100%;	}
.fotito1b		{ width:90%;	}
.fotito2		{ width:82%;	}
.fotito3		{ filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 1));width:40%;	}
.fotito4		{ filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 1));width:40%;	}
.fotito5		{ width:40%;	}
.fotito6		{ filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 1));width:10%;	}
.fotocon		{ width:90%;	}

.pparrafo		{ font-size:2.8vh; line-height:calc(1em + 1vw);  color:#555555; font-family:gabi01; text-align:justify;} 
.ppparrafo		{ font-size:2.3vh; 								 color:#777777; font-family:gabi01;}
.letram 		{ font-size:3.0vh;  color:#FFFFFF; 	font-family:gabi01;}
.titulote		{ color:#990000; font-family:gabi02; font-size:4vh; drop-shadow(0 5px 10px rgba(256, 256, 256, 1)); text-align: center; line-height:1em;}

.caja01 		{	font-size:3.0vh; color:#555555; background:#cccccc; font-family:calibri; width:100%; border:0; height:4.3vh; border-radius:1vh;}
.caja01:hover 	{	font-size:3.0vh; color:#555555; background:#aaaaaa; font-family:calibri; width:100%; border:0; height:4.3vh; border-radius:1vh;}
.caja03 		{	font-size:2.5vh; color:#555555; background:#dddddd; font-family:calibri; width:100%; border:0; height:2.8vh; border-radius:1vh;}
.caja03:hover 	{	font-size:2.5vh; color:#555555; background:#cccccc; font-family:calibri; width:100%; border:0; height:2.8vh; border-radius:1vh;}


.caja02 		{	font-size:3.0vh; color:#555555; background:#cccccc; font-family:calibri; width:100%; border:0; height:10.1vh; border-radius:1vh;}
.caja02:hover 	{	font-size:3.0vh; color:#555555; background:#aaaaaa; font-family:calibri; width:100%; border:0; height:10.1vh; border-radius:1vh;}

.caja_acceso		{	font-size:3.0vh; color:#555555; background:#cccccc; font-family:calibri; font-weight: bold; width:100%; border:0; height:5.3vh; border-radius:10px;}
.caja_acceso:hover 	{	font-size:3.0vh; color:#555555; background:#aaaaaa; font-family:calibri; font-weight: bold; width:100%; border:0; height:5.3vh; border-radius:10px;}
.letrax 			{	font-size:4.0vh; color:#0000AA; font-family:calibri;font-weight: bold;}
.letra1b			{	font-size:3.0vh; color:#000099; font-family:calibri; cursor:pointer;}
.tablaentrada		{ height:70vh; width:100%;}
.tablaentrada2		{ height:45vh; width:100%;}
.tablaentrada3		{ height:25vh; width:100%;}


/*************************************************************************************/
.titulote01	{ color:#FFFFFF; font-face:calibri; font-size:3em;}


.mapita	{	filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 1));width:90%;	}



.letra1	{	font-size:10px; color:#000099; font-family:calibri;}

.letra2	{	font-size:12px; color:#000000; font-family:calibri;}
.letra3	{	font-size:25px; color:orange;  font-family:calibri;}
.letra4	{	font-size:15px; color:#ffffff; font-family:calibri;}
.letra5	{	font-size:11px; color:#ffffff; font-family:calibri;}
.letra6	{	font-size:10px; color:#ffffff; font-family:calibri;}
.letra7	{	font-size:15px; color:#555555; font-family:calibri;/*font-weight: bold;*/}
.letra8	{	font-size:13px; color:#000055; font-family:calibri;/*font-weight: bold;*/}
.letrag {	font-size:50px; color:#AA0000; font-family:calibri;font-weight: bold;}

.parrafosgabi 	{	font-size:16px; color:#000000; /*font-family:calibri;*/}




/*************************************/
.final {
	background:#003265;
	background:		url(../img/fondofinal.png);
	width: 100%;
	height: 100%;
	max-width: 100%; /*1300px;*/
	margin: 5px auto;
	display: grid;
	grid-gap: 5px;
	grid-template-columns: 	repeat(4, 1fr);
	grid-template-rows: 	repeat(5, auto);

	grid-template-areas:"logo 	domicilio 	telefono correos"
					    "logo 	linea 		linea 	 linea"
						"logo 	aviso 		aviso 	 redes"
						"copy 	copy 		copy 	 copy"
						"desa 	desa 		desa 	 desa";
}

.final > div,
.final .logo,
.final .aviso,
.final .linea,
.final .linea2,
.final .domicilio,
.final .telefono,
.final .correos,
.final .servicios,
.final .redes,
.final .vacio,
.final .copy,
.final .desa{
	padding: 0px;
	border-radius: 0px;
}

.final .oferta 	a{color:white;}
.final .extra 	a{color:white;}
.final .titulo hr{color:white;}

.final .logo		{	width:90%;	grid-area: logo; 		}
.final .logo img	{	width:80%;}

.final .linea		{	width:90%;	grid-area: linea; 		}
.final .linea2		{	width:90%;	grid-area: linea2; 		}
.final .domicilio	{	width:90%;	grid-area: domicilio; 	}
.final .telefono	{	width:90%;	grid-area: telefono; 	}
.final .correos		{	width:90%;	grid-area: correos; 	}
.final .redes		{	width:90%;	grid-area: redes; 		}
.final .aviso		{	width:90%;	grid-area: aviso; 		}
.final .desa		{	width:90%;	grid-area: desa; 		}
.final .servicios	{	width:90%;	grid-area: servicios; 	}
.final .copy 		{	width:90%;	grid-area: copy;		}


@media screen and (max-width: 550px){
	.final {
		grid-template-areas:"logo logo logo logo"
							"domicilio domicilio domicilio domicilio"
							"telefono telefono telefono telefono"
							"correos correos correos correos"
							"redes redes redes redes"
							"aviso aviso aviso aviso"
							"linea linea linea linea"
							"copy copy copy copy"
							"desa desa desa desa";							
	}
}



/*************************************/
.serviciosx {
	width: 90%;
	max-width: 100%; /*1300px;*/
	margin: 5px auto;
	display: grid;
	grid-gap: 5px;
	grid-template-columns: 	repeat(2, 1fr);
	grid-template-rows: 	repeat(4, auto);

	grid-template-areas:"arribacontacto arribacontacto"
	                    "titulo 	titulo"
						"puntos 	imagens"
						"camino 	camino";
}

.serviciosx > div,
.serviciosx .arribacontacto,
.serviciosx .titulo,
.serviciosx .puntos,
.serviciosx .imagens,
.serviciosx .camino{
	padding: 0px;
	border-radius: 0px;
}

.serviciosx .arribacontacto {	width:98%;	grid-area: arribacontacto;}
.serviciosx .titulo		{	width:98%;	grid-area: titulo; }
.serviciosx .puntos		{	width:98%;	grid-area: puntos; }
.serviciosx .imagens	{	width:98%;	grid-area: imagens;}
.serviciosx .camino		{	width:98%;	grid-area: camino; }


@media screen and (max-width: 550px){
	.serviciosx {
		grid-template-areas:"arribacontacto arribacontacto"
		                    "titulo titulo"
							"puntos puntos"
							"imagens imagens"
							"camino camino";
	}
}


/*************************************/


.contactox {
	/*background:		url(../images/banner2.png);*/
	width: 90%;
	max-width: 100%; /*1300px;*/
	margin: 5px auto;
	display: grid;
	grid-gap: 5px;
	grid-template-columns: 	repeat(2, 1fr);
	grid-template-rows: 	repeat(2, auto);

	grid-template-areas:"imagens titulo"
						"imagens puntos";
}

.contactox > div,
.contactox .titulo,
.contactox .puntos,
.contactox .imagens{
	padding: 0px;
	border-radius: 0px;
}

.contactox .titulo		{	width:98%;	grid-area: titulo; }
.contactox .puntos		{	width:98%;	grid-area: puntos; }
.contactox .imagens		{	width:98%;	grid-area: imagens;}


@media screen and (max-width: 550px){
	.contactox {
		grid-template-areas:"titulo titulo"
							"puntos puntos"
							"imagens imagens";
	}
}