@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto/Roboto-Black.ttf') format('truetype');
  font-style: normal;
  font-weight:bold;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
  font-style: normal;
}

.imgCentrada{
	display: block;
	margin: auto; 
}

.img_whatsapp{
		top:0%;
		left:0%;
		width:85%;
}

.imgsistemasE{
		width: 40%;
		padding-bottom: 10px;
}

.servicioE{
		width: 35%;
		padding-bottom: 10px;
		margin-top: 80px;
}
.imgventaE{
		width: 33%;
		padding-bottom: 10px;
	    padding-left: 44px;
}
.contactoWhats{
		width: 23%;
}

.TextVerde{
	color: #d0dc04;
	
}
.TextAzul{
	color: #083ca4;
}
.botonVerde{
	background-color: #d0dc04;
}

.fondoazul{
	background-color: #083ca4;
	color:white;
}
.titPrincipal{
	font-size:30px;
	font-family: "Roboto";
}
.subtitulo{
	font-family: "Roboto";
	font-size:29px;
	
	
}
.subtitulo3{
	font-family: "Roboto";
	font-size:26px;
}
.subcorreo{
	font-family: "Roboto";
	font-size:24px;
	font-weight:lighter;
}

.subtitulo1{
	font-family: "Roboto";
	font-size:20px;
	font-weight:600;
}
.textoN{
	font-family: "Roboto";
		font-size:16px;
	    font-weight:normal;
	
}
.textoN1{
	font-family: "Roboto";
		font-size:15px;
	    font-weight:normal;
	
}
.alinDerecha{
		margin-left:40px;
}
.alinDerecha2{
		margin-left:10px;
}

.alinDerecha1{
		margin-left:40%;
	}
.letraPeque{
		font-size:13px;
}
.letraPeque1{
		font-size:11px;
}

.validate {
  display: none;
  color: red;
  margin: 0 0 15px 0;
  font-weight: 400;
  font-size: 13px;
}

/* estilos errores*/
label.error {
    color: red;
    font-size: 1rem;
    display: block;
    margin-top: 5px;
}

input.error, textarea.error {
    border: 1px solid red;
    font-weight: 300;
    color: red;
}
.imgbethel{
		 background: url(../img/4_servicios.jpg);
	background: image("../img/4_servicios.jpg");
		  
	}
.sliderG {
        width: 60%;
        margin: 20px auto;
		
    }
.sliderGN {
        width: 60%;
        margin: 20px auto;
		
    }
@media only screen and (max-width: 1024px) {
	.imgsistemasE{
			width: 70%;
			align-items: center;
			display: block;
			margin: auto; 
	}
	.contactoWhats{
		width: 35%;
		display: block;
		margin: auto; 
	}
	.botonServicio{
			width: 100%;
			display: block;
			margin: auto;
			margin-bottom:10px;
	}
	.servicioE{
		width: 50%;
		padding-bottom: 10px;
		margin-top: 5px;
}
	.alinDerecha1{
		margin-left:35%;
	}
	.imgventaE{
		width: 50%;
	}
	
}

@media only screen  and (max-width: 1024px)  and (orientation: landscape) {
	.imgsistemasE{
			width: 60%;
			align-items: center;
			display: block;
			margin: auto; 
	}
	.contactoWhats{
		width: 30%;
		display: block;
		margin: auto; 
	}
	.botonServicio{
			width: 100%;
			display: block;
			margin: auto;
			margin-bottom:10px;
	}
	.imgventaE{
		width: 37%;
	}
}

@media only screen  and (max-width: 991px)   {
	.alinDerecha2{
		margin-left:35%;
	}
	.botonServicio{
			width: 60%;
			display: block;
			margin: auto;
			margin-bottom:10px;
	}
	.contactoWhats{
		width: 45%;
		display: block;
		margin: auto;
		margin-bottom: 10px;
	}
	.imgventaE{
		width: 50%;
	}
}

@media only screen and (max-width: 870px) and (orientation: landscape) {
	
	.ocultaRow{
		display: none;
	}
	.contactoWhats{
		width: 50%;
		display: block;
		margin: auto;
		margin-bottom: 10px;
	}
		
	
	
}
@media only screen and (max-width: 767px) and (orientation: landscape) {
	
	.ocultaRow{
		display: none;
	}
	.contactoWhats{
		width: 45%;
		display: block;
		margin: auto;
		margin-top: 0; 
	}
	.servicioE{
		width: 70%;
		padding-bottom: 10px;
		margin-top: 5px;
}
	
	.ocultaCel{
		display: none;
	}
	.imgventaE{
		width: 454%;
		
	}
	.alinDerecha1{
		margin-left:50%;
	}
	.alinDerecha2{
		margin-left:50%;
	}
}
/*	para celulares*/
@media only screen and (max-width: 767px) {
	.imgsistemasE{
			width: 90%;
			align-items: center;
			display: block;
			margin: auto; 
	}
	.servicioE{
		width: 75%;
		padding-bottom: 10px;
		margin-top: 20px;
}
	.presupuesto{
		display: none;
		}

	.contactoWhats{
		width: 60%;
		display: block;
		margin: auto; 
	}
	.imgventaE{
		width: 80%;
		padding-bottom: 10px;
}
	
	
	.botonServicio{
			width: 50%;
			display: block;
			margin: auto;
			margin-bottom:10px;
	}
	.subtitulo{
		font-size:20px;
	}
	
	.subtitulo1{
		font-size:17px;
	}
	.textoN{
		font-size:15px;
	}
	.alinDerecha{
		margin-left:0px;
	}
	
	.alinDerecha1{
		margin-left:25%;
	}
	.alinDerecha2{
		margin-left:25%;
	}
	.sliderG {
        width: 100%;
        margin: 20px auto;
		
    }
	.sliderGN {
        width: 50%;
        margin: 20px auto;
		
    }
}