@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap');

body{
  margin: 0%;
  padding: 0%;
  background: url('../IMG/Fondo-Resto.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.Texto{
	width: 100%;
	height: 82.4%;
	background:transparent;
  	position: absolute;
  	margin: 4.5% 0% 0% 0%;
  	overflow-y: scroll;
  	padding-top: 3%;
}

.Texto::-webkit-scrollbar {
    width: 8px;     /* Tamaño del scroll en vertical */
    height: 8px;    /* Tamaño del scroll en horizontal */
    display: none;  /* Ocultar scroll */
}

.Servicios_Izquierda{
	background: transparent;
	width: 33%;
	height: 27.5%;
	margin: 1.5% 0% 0% 13%;
	float: left;
	padding-bottom: 1%;
}

.Izquierda{
	background: transparent;
	width: 60%;
	height: 78%;
	float: left;
}

.Imagen_Servicio{
	float: right;
	width: 40%;
	height: 100%;
	background: transparent;
	text-align: right;
}

.Servicio_Imagen{
	width: 84%;
	opacity: 0.7;
    border: 10px solid #eee;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1)));
}


.Servicio_Imagen:hover{
	opacity: 1;
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
    -webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
    -moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
    box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
}


h1,h2,h3,h4,h5,h6{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	letter-spacing: 0.20em;
  	word-spacing: 0.20em;
  	font-weight: bold;
  	margin: 1%;
}


p{	
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 13px;
	letter-spacing: 0.20em;
  	word-spacing: 0.20em;
  	text-align: justify;
  	margin-top: 0%;
}


.Ver{
	text-decoration: none;
	font-family: 'Source Sans Pro', sans-serif; 
	font-size: 13px;
	color: #000000;
	letter-spacing: 0.25em;
  	word-spacing: 0.25em;

}


.Ver:link {
	text-decoration: none;
	font-family: 'Source Sans Pro', sans-serif; 
	font-size: 13px;
	color: #000000;
	letter-spacing: 0.25em;
  	word-spacing: 0.25em;

}
.Ver:hover { 
	color: #000000;
	font-family: 'Source Sans Pro', sans-serif; 
	font-size: 13px;
	text-decoration: none 
	letter-spacing: 0.25em;
  	word-spacing: 0.25em;
}



.Servicios_Derecha{
	background: transparent;
	width: 33%;
	height: 27.5%;
	margin: 1.5% 13% 0% 0%;
	float: right;
	padding-bottom: 1%;
}

.Derecha{
	background: transparent;
	width: 60%;
	height: 78%;
	float: right;
}

.Imagen_Derecha{
	float: left;
	width: 40%;
	height: 100%;
	background: transparent;
	text-align: justify;
}

@media (max-width: 1366px){
	.Texto{
		height: 85%;
		padding-top: 0.8%;
		margin-top:4.9%;
	}

	.Servicios_Izquierda{
		width: 40%;
		height: 32%;
		margin: 1.3% 0% 0% 7%;
	}


	.Izquierda{
		width: 65%;
		height: 100%;
		padding-right: 2%;
	}

	.Imagen_Servicio{
		width: 33%;
		height: 100%;
	}

	.Servicio_Imagen{
		width: 90%;
	}

	.Servicios_Derecha{
		width: 40%;
		height: 32%;
		margin: 1.3% 7% 0% 0%;
	}

	.Derecha{
		width: 65%;
		height: 100%;
		padding-left: 2%;
	}

	.Imagen_Derecha{
		width: 33%;
	}

	h1,h2,h3,h4,h5,h6{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 16px;
	}
}


@media (max-width: 650px){
	body{
		margin: 0%;
		padding: 0%;
		background: url('../IMG/Movil/Fondo_Movil_Resto.jpg');
		background-repeat: no-repeat;
		background-size: cover;
	}

	.Texto{
		height: 87.5%;
		padding-top: 0.8%;
		margin-top: 18%;
	}

	.Servicios_Izquierda{
		width: 96%;
		height: 30%;
		margin: 1.5% 0% 0% 2%;
	}

	.Izquierda{
		width: 60%;
		height: 100%;
		float: left;
	}


	.Imagen_Servicio{
		padding-top: 3%;
		width: 40%;
		height: 97%;
		background: transparent;
	}

	.Servicios_Derecha{
		width: 96%;
		height: 30%;
		margin: 1.5% 2% 0% 0%;
		float: right;

	}

	.Derecha{
		width: 60%;
		height: 100%;
		float: right;
	}

	.Servicio_Imagen{
		width: 93%;
	}

	.Imagen_Derecha{
		padding-top: 3%;
		width: 40%;
		height: 97%;
	}
	
	h1,h2,h3,h4,h5,h6{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 12px;
		letter-spacing: 0.15em;
    	word-spacing: 0.15em;
	}


	p{	
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 10px;
		letter-spacing: 0.15em;
    	word-spacing: 0.15em;
	}
}