@charset "utf-8";
/* Selectores Basicos 
font-family: 'Abel', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Anton', sans-serif;
font-family: 'Cutive', serif;
font-family: 'Anonymous Pro', monospace;
font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Muli', sans-serif;
font-family: 'Dosis', sans-serif;
font-family: 'Nunito', sans-serif;
*/
/* Selectores Basicos */
header, section, article, nav, footer, aside, figure, form{
	display:block;
	margin:0;
	padding:0;	
}
html, body {
	margin:0;
	background:#FFFFFF; 
	height: 100%;
}
*{	
	box-sizing:border-box;
}
p, h1, h2, h3, h4 {
	font-family:Arial, sans-serif;
	font-size:15px;
	color:#fff;
	margin:6px;
}
p{
	font-family: 'Roboto', sans-serif;
}
h1{ font-size:24px; }
h2{ font-size:20px; }
h3{ font-size:18px; }
h4{ font-size:16px; }
a{
	font-family: 'Roboto', sans-serif;
	text-decoration:none;
	color:#fff;
}
a img {
	border:none;
}
ul, o l{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color:#fff;
}

/*-------------------------- MENU -------------------------*/
#contenedormenu {
	width:100%;
	background:#FFFFFF;
	padding:0.5% 0;	
	position:fixed;
	margin:auto;
	top:0;
	z-index:999;
}
#cajamenu {
	width:100%;
	max-width:1100px;
	margin:auto;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
}
#logo {
	width:35%;	
}
#logo img {
	width:320px;
	height:77px;
}
#menu {
	width:65%;	
}

/*-------------------------- CONTENEDOR -------------------------*/
.contenedor {
	padding:50px 0 0 0;	
}
.contenedores {
	padding:50px 0 00px 0;	
}
.contenedora {
	padding:50px 0 100px 0;
}
.contenedora p {
	text-align:center;
	font-family: 'Dosis', sans-serif;
	font-size:18px;
	line-height:20px;
	font-weight:normal;
	color:#000;
	margin-bottom:20px;
}
.cajacentro {
	width:100%;
	max-width:1100px;
	margin:auto;
}
.cajacentral {
	width:100%;
	margin:auto;
}

/*-------------------------- BANNER -------------------------*/
#cajabanner {
	width:100%;
	height:auto;
	max-height:520px;
	padding:77px 0 0;
	overflow:hidden;
}
#cajatitulohome {
	width:100%;
	height:40px;
	margin:auto;
	padding:auto;
	/*background:#30663F;*/
	background:#7CC24D;
}
.titulohome {
	font-family: 'Oswald', sans-serif;
	/*font-family: 'Fjalla One', sans-serif;*/
	/*color:#30663F;*/
	color:#fff;
	text-align:center;
	font-size:24px;
	line-height:35px;
	font-weight:normal;
	/*margin:7px 0;*/
	margin: 0 auto;
}
/*-------------------------- OFRECEMOS -------------------------*/
#cajaofrecemos {
	width:100%;
	margin:auto;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}
#cajaofrecemos div {
	width:24.8%;
	height:auto;
	margin:auto;
	background:#5DC1B9;
}
#cajaofrecemos div .icono {
	background:#003082;
	width:100%;
	margin:auto;
}
#cajaofrecemos div .icono i {
	display:block;
	font-size:50px;
	font-weight:normal;
	color:#FFFFFF;
	text-align:center;
	line-height:70px;
}
#cajaofrecemos div h2 {
	color:#003082;
	font-size:17px;
	line-height:17px;
	font-weight:normal;
	font-family: 'Oswald', sans-serif;
	text-align:center;
}
#cajaofrecemos div p {
	text-align:center;
	font-family: 'Dosis', sans-serif;
	font-size:18px;
}

/*-------------------------- NOSOTROS -------------------------*/
.titulos {
	font-family: 'Anton', sans-serif;
	color:#30663F;
	text-align:center;
	font-size:40px;
	font-weight:normal;
	margin:60px 0;
	letter-spacing: 0.05em;
}
#nosotros {
	width:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	background:#FFFFFF;
	margin:auto	
}
.nosotrosizq {
	width:50%;
	height:auto;
	background:#FFFFFF;
}
.nosotrosizq img {
	width:100%;
	height:auto;
	display:block;
	margin:auto;
}
.nosotrosder {
	width:50%;
	background:#7CC24D;
}
.nosotrosder h2 {
	text-align:center;
	font-family: 'Oswald', sans-serif;
	font-size:24px;
	line-height:24px;
	font-weight:bold;
	color:#fff;
	padding:50px 0 20px;
}
.nosotrosder p {
	font-family: 'Dosis', sans-serif;
	text-align:justify;
	font-size:18px;
	color:#fff; 
	padding:6px 40px;
	line-height:20px;
	font-weight:normal;
}

/*-------------------------- PARALAX1 -------------------------*/
/*#cajaparalax1 {
	width:100%;
	height:350px;
	background:url(../imagenes/trabajo-en-equipo.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	padding-top:0;
	margin:0;
}
#textoparalax {
	width:100%;
	height:350px;
	margin:auto;
	background:rgba(0,0,0,0.75);
	padding:1%;	
}
#textoparalax h2 {
	text-align:center;
	font-family:"Oswald", Arial, sans-serif; 
	font-size:30px;
	line-height:24px;
	font-weight:normal;
	color:#5DC1B9;
	padding:40px 0 20px;
}*/
/*-------------------------- VALORES -------------------------*/
/*#cajavalores {
	width:100%;
	max-width:800px;
	margin:auto;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
}
#cajavalores div {
	width:30%;
	height:65px;
	border-radius:30px;
	border:1px solid rgba(255,255,255,0.4);
	margin:auto;
	margin-bottom:20px;
}
#cajavalores div h2 {
	color:#FFFFFF;
	font-size:24px;
	line-height:30px;
	font-weight:normal;
	font-family: 'Anton', sans-serif;
	text-align:center;
	padding-top:10px;
}
#textoparalax h3 {
	text-align:center;
	font-family:"Oswald", Arial, sans-serif; 
	font-size:24px;
	line-height:24px;
	font-weight:normal;
	color:#5DC1B9;
	padding:10px 0 0 0;
}
#textoparalax h4 {
	width:100%;
	max-width:800px;
	text-align:justify;
	margin:auto;
	font-family:"Oswald", Arial, sans-serif; 
	font-size:18px;
	line-height:18px;
	font-weight:normal;
	color:#5DC1B9;
	padding:20px 0 5px;	
}
#textoparalax p {
	width:100%;
	max-width:800px;
	text-align:center;
	margin:auto;
}*/

/*-------------------------- PILARES -------------------------*/
#contenedorpilares {
	width:100%;
	height:auto;
	margin:auto;
}
#contenedorpilares h2 {
	text-align:center;
	font-family:"Oswald", Arial, sans-serif; 
	font-size:24px;
	line-height:24px;
	font-weight:normal;
	color: #5DC1B9;
	margin:auto;
	padding:50px 0 0;
}
#cajapilares {
	width:100%;
	max-width:1100px;
	margin:auto;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-top:30px;
}
#pilares {
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
}
#imgpilares {
	width:30%;
	height:auto;
	margin:auto;
	border:1px solid #7CC24D;
}
#imgpilares img {
	width:236px;
	height:auto;
	display:flex;
	margin:auto;
	padding:30px;
}
#textpilares {
	width:100%;
}
#textpilares h3 {
	text-align:left;
	font-family:"Oswald", Arial, sans-serif; 
	font-size:18px;
	line-height:18px;
	font-weight:normal;
	color: #5DC1B9;
	margin-top:-130px;
	padding:20px 125px 0;
}
#textpilares p {
	font-family: 'Dosis', sans-serif;
	text-align:justify;
	font-size:14px;
	line-height:14px;
	font-weight:normal;
	color:#FFFFFF;
	margin-top:-20px;
	padding:20px 0 0 125px;
	margin-bottom:30px;
}

/*-------------------------- SERVICIOS -------------------------*/
#servicios {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;	
}
#servicios div {
	width:32.5%;
	position:relative;
	margin-bottom:14px;
	overflow:hidden;
	background: #5DC1B9; 
}
#servicios div h2 {
	height:30px;
	text-align:center;
	font-family:"Oswald", Arial, sans-serif;
	font-size:16px;
	line-height:16px;
	font-weight:normal;
	color:#003082;
	padding-top:7px;
}
#servicios div img {
	width:100%;
	height:auto;
	display:block;
}
#servicios div .cajanegro {
	width:100%;
	height:100%;
	background:rgba(0,48,130,0.8);
	position:absolute;
	left:0;
	top:0;
	padding-top:30px;
	transition:all 0.5s;
	opacity:0;
}
#servicios div:hover .cajanegro {
	opacity:1;
}
#servicios div .cajanegro h2 {
	text-align:center;
	font-family:"Oswald", Arial, sans-serif;
	font-size:20px;
	line-height:20px;
	font-weight:normal;
	color:#A5D32C;
}
#servicios div .cajanegro p {
	text-align:left;
	color:#FFFFFF;
	padding:0 20px;
}

/*-------------------------- PARALAX2 -------------------------*/
#cajaparalax2{
	width:100%;
	height:500px;
	background:url(../imagenes/trabaja-con-nosotros.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	/*background-size:contain;*/
	background-position:center;
	padding-top:180px;
	margin:0;
}
#sombraparalax2{
	width:50%;
	height:auto;
	margin:auto;
	background: rgba(48,102,63,0.8);
	padding:1%;
	border:1px solid #7CC24D;
}
#sombraparalax2 h2{
	text-align:center;
	font-family: 'Anton', sans-serif;
	font-size:24px;
	line-height:24px;
	font-weight:normal;
	color:#FFF;
	margin:20px 0 10px;
}
#sombraparalax2 p{
	width:100%;
	max-width:600px;
	text-align:center;
	margin:auto;	
}
.correo{
	text-align:center;
	font-family:"Oswald", Arial, sans-serif;
	font-size:18px;
	line-height:24px;
	font-weight:normal;
}

/*-------------------------- CONTACTO -------------------------*/
#cajaformulario {
	width:100%;
	max-width:1100px;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	margin:auto;
}
#formulario {
	width:70%;
	height:400px;
	margin:auto;
}
#formulario p {
	font-family: 'Dosis', sans-serif;
	text-align:left;
	font-size:14px;
	color:#353132;
	line-height:14px;
	font-weight:normal;
}
#direcciones {
	width:28%;
}
#direcciones h3 {
	font-family: 'Dosis', sans-serif;
	color:#30663F;
	font-size:20px;
	line-height:10px;
	font-weight:bold;
	margin:10px 6px;
	margin-bottom:10px;		
}
#direcciones h4 {
	font-family: 'Dosis', sans-serif;
	color:#30663F;
	font-size:18px;
	line-height:10px;
	font-weight:normal;
	margin:10px 6px;		
}
#direcciones p {
	font-family: 'Dosis', sans-serif;
	text-align:left;
	font-size:18px;
	color:#353132;
	padding:5px 0;
	line-height:20px;
}
#trescolums {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
#trescolums p {
	width:33%;
	color:#353132;
}
#unacolum {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
#unacolum p {
	color:#30663F;
}
.campos {
	width:100%;
	height:45px;
	line-height:43px;
	padding:0 10px;
	border:1px solid #7CC24D;
	margin-top:5px;
	color:#30663F;
	font-family: 'Dosis', sans-serif;
	font-size:24px;
}
.comentarios {
	width:100%;
	height:160px;
	padding:10px;
	border:1px solid #7CC24D;
	margin-top:10px;
	color:#30663F;
	font-family: 'Dosis', sans-serif;
	font-size:24px;
}
.boton {
	width:50%;
	height:50px;
	line-height:50px;
	background:#7CC24D;
	border:none;
	color:#fff;
	font-family: 'Dosis', sans-serif;
	font-size:20px;
	font-weight:bold;
	margin:2px 0;
	cursor:pointer;
	transition:all 0.5s;
	text-align:center;
}
.boton:hover {
	width:100%;
	background:#30663F;
	color:#fff;
}
#formulario #advertencia {
	color:#FD0509;
	font-size:18px;
	line-height:18px;
	font-weight:normal;
	font-family: 'Oswald', sans-serif;
}

/*-------------------------- PIE PAGINA -------------------------*/
#piepagina {
	background: rgb(48,102,63);
    background: linear-gradient(100deg, rgba(48,102,63,1) 0%, rgba(124,194,77,1) 100%);
	padding:1% 0;	
}
#piepagina p {
	text-align:center;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:14px;
	line-height:14px;
	font-weight:normal;
	color:#fff;
}
.socialespie {
	margin:20px 0 20px 0;
	padding:0;
	list-style:none;
	display:flex;
	flex-direction:row;
	justify-content:center;	
}
.socialespie img{
	width:320px;
	height:86px;
	display:block;
	margin:auto;
}
.socialespie li {
	padding:0 6px;
}
.socialespie li a {
	width:70px;
	height:70px;
	display:block;
	border-radius:70px;
	background:#003082;
	text-align:center;
	line-height:70px;
	color:#FFFFFF;
	font-size:30px;
	font-weight:normal;
	transition:all 0.5s;
}
.socialespie li a:hover {
	background:#fff;
	color:#003082;	
}

/*---------------------------------------------------------------*/
/*------------------------ ESTILO 1024px ------------------------*/
/*---------------------------------------------------------------*/
@media only screen and (max-width:1024px){
	/*-------------------------- MENU -------------------------*/
	#logo {
		width:35%;
		padding:5px;
		background:#FFFFFF;	
	}
	
	/*-------------------------- OFRECEMOS -------------------------*/
	#cajaofrecemos div p {
		font-size:10.5px;
	}
	
	/*-------------------------- NOSOTROS -------------------------*/
	.nosotrosder h2 {
		padding:30px 0 10px;
	}
	.nosotrosder p {
		font-size:14px;
		padding:6px 20px;
		line-height:17px;
	}
	
	/*-------------------------- PARALAX1 -------------------------*/
	#cajaparalax1 {
		width:100%;
		height:auto;
		background:url(../imagenes/trabajo-en-equipo.jpg);
		background-size:cover;
		padding-top:0;
		margin:0;
		background-repeat:no-repeat;
		background-position:center;
	}
	#textoparalax {
		width:100%;
		height:auto;
		padding:5%;	
	}

	#textoparalax h2 {
		text-align:center;
		font-family:"Oswald", Arial, sans-serif; 
		font-size:24px;
		line-height:24px;
		font-weight:normal;
		color:#A5D32C;
		padding:30px 0 20px;
	}
	
	/*-------------------------- PILARES -------------------------*/
	#contenedorpilares {
		padding:0 20px;
	}
	#textpilares h3 {
		font-size:15px;
		line-height:15px;
		margin-top:-130px;
		padding:20px 125px 0;
	}
	#textpilares p {
		font-size:14px;
		line-height:15px;
		margin-top:-20px;
		padding:20px 0 0 125px;
		margin-bottom:70px;
	}

	/*-------------------------- PARALAX2 -------------------------*/
	#cajaparalax2 {
		background:url(../imagenes/trabaja-con-nosotros.jpg);
		padding-top:160 px;
		background-repeat:no-repeat;
		background-size:auto;
		background-position:center;
	}
			
}

/*---------------------------------------------------------------*/
/*------------------------- ESTILO 960px ------------------------*/
/*---------------------------------------------------------------*/
@media only screen and (max-width:960px){
	/*-------------------------- MENU -------------------------*/
	#logo {
		width:40%;	
	}
	#menu {
		width:60%;	
	}
	
	/*-------------------------- OFRECEMOS -------------------------*/
	#cajaofrecemos div {
		width:49.8%;
	}
	#cajaofrecemos div p {
		font-size:16px;
	}
	
	/*-------------------------- NOSOTROS -------------------------*/
	.nosotrosder h2 {
		padding:20px 0 10px;
	}
	.nosotrosder p {
		font-size:14px;
		padding:6px 20px;
		line-height:15px;
	}
	
}

/*---------------------------------------------------------------*/
/*------------------------- ESTILO 800px ------------------------*/
/*---------------------------------------------------------------*/
@media only screen and (max-width:800px){
	/*-------------------------- MENU -------------------------*/
	#cajamenu{
		flex-direction:column;
		padding:0;	
	}
	#logo{
		width:100%;
		padding:5px 0;
		background:#FFFFFF;
	}
	#logo img{
		display:block;
		margin:auto;	
	}
	#menu{
		width:100%;
	}
	
	/*-------------------------- BANNER -------------------------*/
	#cajabanner {
		padding:140px 0 0;
	}
	
	/*-------------------------- NOSOTROS -------------------------*/
	#nosotros {
		flex-direction:column;
	}
	.nosotrosizq {
		width:100%;
		height:auto;
	}
	.nosotrosder {
		width:100%;
		height:auto;
		padding:20px 0;
	}
	.nosotrosder h2 {
		padding:20px 0 10px;
	}
	.nosotrosder p {
		font-size:16px;
		padding:6px 90px;
		line-height:18px;
	}
	
	/*-------------------------- VALORES -------------------------*/
	#cajavalores {
		max-width:600px;
	}
	#cajavalores div {
		width:35%;
	}
	#cajavalores div h2 {
		color:#FFFFFF;
		font-size:22px;
		line-height:22px;
		font-weight:bold;
		font-family: 'Oswald', sans-serif;
		text-align:center;
		padding-top:10px;
	}
	#textoparalax h4 {
		max-width:600px;
	}
	#textoparalax p {
		max-width:600px;
	}
	
	/*-------------------------- PILARES -------------------------*/
	#contenedorpilares {
		padding:0 20px;
	}
	#contenedorpilares h2 {
		margin-bottom:20px;
	}
	#pilares {
		width:100%;
	}
	#imgpilares {
		width:20%;
		margin:10px;
	}
	#imgpilares img {
		margin-top:10px;
	}
	#textpilares h3 {
		font-size:17px;
		line-height:17px;
	}
	#textpilares p {
		font-size:14px;
		line-height:15px;
		margin-bottom:70px;
	}
	
	/*-------------------------- SERVICIOS -------------------------*/
	#servicios div {
		width:49.5%;
		margin-bottom:10px;
	}

	/*-------------------------- CONTACTO -------------------------*/
	#cajaformulario {
		flex-direction:column;
		padding:0 40px;	
	}
	#formulario {
		width:100%;
	}
	#direcciones {
		width:100%;
	}
	
}

/*---------------------------------------------------------------*/
/*------------------------- ESTILO 600px ------------------------*/
/*---------------------------------------------------------------*/
@media only screen and (max-width:600px){
	/*-------------------------- BANNER -------------------------*/
	#cajabanner {
		padding:140px 0 0;
	}
	
	/*-------------------------- OFRECEMOS -------------------------*/
	#cajaofrecemos div {
		width:49.8%;
	}
	#cajaofrecemos div p {
		font-size:12px;
	}
	
	/*-------------------------- NOSOTROS -------------------------*/
	#nosotros {
		flex-direction:column;
	}
	.nosotrosizq {
		width:100%;
		height:auto;
	}
	.nosotrosder {
		width:100%;
		height:auto;
		padding:20px 0;
	}
	.nosotrosder h2 {
		padding:20px 0 10px;
	}
	.nosotrosder p {
		font-size:16px;
		padding:6px 60px;
		line-height:18px;
	}
	
	/*-------------------------- VALORES -------------------------*/
	#cajavalores {
		max-width:550px;
	}
	#cajavalores div {
		width:40%;
	}
	#textoparalax h4 {
		max-width:500px;
	}
	#textoparalax p {
		max-width:500px;
		font-size:14px;
		line-height:18px;
		font-weight:normal;
	}
	
	/*-------------------------- SERVICIOS -------------------------*/
	#servicios div {
		width:49.5%;
		margin-bottom:6px;
	}
	/*-------------------------- PARALAX2 -------------------------*/
	#sombraparalax2 p{
		width:100%;
		max-width:700px;
		text-align:center;
		font-size:12px;
		margin:auto;
		padding:0 10px;	
	}
	#sombraparalax2 .correo{
		text-align:center;
		font-family:"Oswald", Arial, sans-serif;
		font-size:18px;
		line-height:22px;
		font-weight:normal;
	}
	
	/*-------------------------- CONTACTO -------------------------*/
	#cajaformulario {
		flex-direction:column;
		padding:0 40px;	
	}
	#formulario {
		width:100%;
	}
	#direcciones {
		width:100%;
		margin-top:160px;
		
	}
	#trescolums {
		flex-direction:column;
	}
	#trescolums p {
		width:100%;
	}
	#unacolum {
		flex-direction:column;
	}
	#unacolum p {
		width:100%;
	}
	.campos {
		width:100%;
		height:45px;
		line-height:43px;
		margin-top:5px;
	}
	.comentarios {
		width:100%;
		height:160px;
		margin-top:5px;
	}
	.boton {
		width:100%;
		height:50px;
		line-height:50px;
		font-size:20px;
	}
	#formulario #advertencia {
		font-size:18px;
		line-height:18px;
	}
}

/*---------------------------------------------------------------*/
/*------------------------- ESTILO 533px ------------------------*/
/*---------------------------------------------------------------*/
@media only screen and (max-width:533px){
	/*-------------------------- OFRECEMOS -------------------------*/
	#cajaofrecemos div {
		width:49.8%;
	}
	#cajaofrecemos div p {
		font-size:11px;
	}
	
	/*-------------------------- NOSOTROS -------------------------*/
	.nosotrosder h2 {
		padding:20px 0 10px;
	}
	.nosotrosder p {
		font-size:16px;
		padding:6px 40px;
		line-height:18px;
	}
	
	/*-------------------------- VALORES -------------------------*/
	#cajavalores {
		max-width:480px;
	}
	#cajavalores div {
		width:40%;
	}
	#textoparalax h4 {
		max-width:450px;
	}
	#textoparalax p {
		max-width:450px;
	}
	
	/*-------------------------- SERVICIOS -------------------------*/
	#servicios div {
		width:49.5%;
		margin-bottom:6px;
	}
	#servicios div .cajanegro p {
		font-size:11px;
		text-align:left;
	}

}

/*---------------------------------------------------------------*/
/*------------------------- ESTILO 480px ------------------------*/
/*---------------------------------------------------------------*/
@media only screen and (max-width:480px){
	/*-------------------------- OFRECEMOS -------------------------*/
	#cajaofrecemos {
		flex-direction:column;
	}
	#cajaofrecemos div {
		width:100%;
	}
	#cajaofrecemos div p {
		font-size:14px;
	}
	
	/*-------------------------- VALORES -------------------------*/
	#cajavalores {
		max-width:450px;
	}
	#cajavalores div {
		width:45%;
	}
	#textoparalax h4 {
		max-width:450px;
	}
	#textoparalax p {
		max-width:450px;
	}
	
	/*-------------------------- PILARES -------------------------*/
	#contenedorpilares {
		padding:0 20px;
	}
	#contenedorpilares h2 {
		margin-bottom:20px;
	}
	#pilares {
		width:100%;
		padding:10px;
		margin:10px;
	}
	#imgpilares {
		width:20%;
	}
	#imgpilares img {
		width:80px;
		height:80px;
		display:flex;
		/*margin:left;*/
		margin-top:10px;
	}
	#textpilares h3 {
		font-size:14px;
		line-height:14px;
		margin-top:-100px;
		padding:20px 90px 0;
	}
	#textpilares p {
		font-size:13px;
		line-height:14px;
		margin-top:-20px;
		padding:20px 0 0 90px;
		margin-bottom:40px;
	}
	
	/*-------------------------- SERVICIOS -------------------------*/
	#servicios div {
		width:49.5%;
		margin-bottom:4px;
	}
	#servicios div .cajanegro h2 {
		font-size:16px;
		line-height:16px;
		font-weight:normal;
		margin-top:-15px;
		
	}
	
	/*-------------------------- PARALAX2 -------------------------*/
	#sombraparalax2 p{
		max-width:auto;
		font-size:13.5px;
		padding:0 10px;	
	}
	#sombraparalax2 .correo{
		font-size:20px;
		line-height:22px;
	}
	
}

/*---------------------------------------------------------------*/
/*------------------------- ESTILO 360px ------------------------*/
/*---------------------------------------------------------------*/
@media only screen and (max-width:360px){
	/*-------------------------- NOSOTROS -------------------------*/
	.titulos {
		font-size:30px;
		margin:20px 0;
	}
	.nosotrosder h2 {
		padding:15px 0 10px;
	}
	.nosotrosder p {
		font-size:15px;
		padding:6px 20px;
		line-height:17px;
	}
	
	/*-------------------------- VALORES -------------------------*/
	#cajavalores div {
		width:46%;
		max-width:250px;
		height:50px;
	}
	#cajavalores div h2 {
		font-size:15px;
		line-height:15px;
	}
	#textoparalax h4 {
		max-width:320px;
	}
	#textoparalax p {
		max-width:320px;
		font-size:13px;
		line-height:15px;
		font-weight:normal;
	}
	
	/*-------------------------- PILARES -------------------------*/
	#pilares {
		width:100%;
	}
	#imgpilares {
		width:100%;
	}
	#imgpilares img {
		width:286px;
		height:auto;
		display:flex;
		margin:auto;
	}
	#textpilares h3 {
		font-size:16px;
		line-height:16px;
		margin-top:10px;
		padding:0;
	}
	#textpilares p {
		font-size:13px;
		line-height:14px;
		margin-top:5px;
		padding:0;
		margin-bottom:30px
	}
	
	/*-------------------------- SERVICIOS -------------------------*/
	#servicios {
		flex-direction:column;
	}
	#servicios div {
		width:100%;
		margin-bottom:4px;
	}
	#servicios div .cajanegro h2 {
		margin-top:10px;
	}
	#servicios div .cajanegro p {
		font-size:14px;
		line-height:14px;
		text-align:left;
		padding:0 40px;
	}

	/*-------------------------- PARALAX2 -------------------------*/
	#sombraparalax2 p{
		font-size:11px;
		padding:0 5px;	
	}
	#sombraparalax2 .correo{
		font-size:18px;
		line-height:20px;
	}
	
	/*-------------------------- CONTACTO -------------------------*/
	#cajaformulario {
		padding:0 20px;
		margin:auto;	
	}
	#formulario p {
		font-size:14px;
		line-height:16px;
	}
	#trescolums {
		flex-direction:column;
		margin:auto;
	}
	#trescolums p {
		width:100%;
	}
	#unacolum {
		flex-direction:column;
		margin:auto;
	}
	.comentarios {
		width:100%;
		height:120px;
		margin-top:5px;
	}
	.boton {
		font-size:18px;
	}
	#formulario #advertencia {
		font-size:14px;
		line-height:16px;
	}
	
	/*-------------------------- PIE PAGINA -------------------------*/
	#piepagina p {
		font-family: 'Roboto', sans-serif;
		font-size:12px;
		line-height:15px;
	}
	.socialespie li a {
		width:50px;
		height:50px;
		border-radius:50px;
		line-height:50px;
		font-size:20px;
	}
		
}	
	
/*---------------------------------------------------------------*/
/*------------------------- ESTILO 320px ------------------------*/
/*---------------------------------------------------------------*/
@media only screen and (max-width:320px){
	/*-------------------------- BANNER -------------------------*/
	#cajabanner {
		padding:140px 0 0;
	}
	
	/*-------------------------- NOSOTROS -------------------------*/
	.titulos {
		font-size:24px;
		margin:10px 0;
	}
	
	/*-------------------------- SERVICIOS -------------------------*/
	#servicios div .cajanegro h2 {
		margin-top:10px;
	}
	#servicios div .cajanegro p {
		font-size:12px;
		line-height:12px;
		padding:0 40px;
	}
	#cajapilares {
		width:100%;
		max-width:1100px;
		margin:auto;
		display:flex;
		flex-direction:column;
		justify-content:space-between;
		flex-wrap:wrap;
		margin-top:30px;
	}
	#pilares {
		width:100%;
		display:flex;
		flex-direction:column;
		justify-content:space-between;
		flex-wrap:wrap;
		margin:auto;
	}
	#imgpilares {
		width:100%;
		height:auto;
		margin:auto;
		border:1px solid #7CC24D;
		margin-bottom:10px;
	}
	#imgpilares img {
		width:236px;
		height:auto;
		display:flex;
		margin:auto;
		padding:30px;
	}
	#textpilares {
		width:100%;
	}
	
	/*-------------------------- PARALAX2 -------------------------*/
	#cajaparalax2{
		width:100%;
		height:500px;
		background:url(../imagenes/trabaja-con-nosotros.jpg);
		background-attachment:fixed;
		background-repeat:no-repeat;
		background-size:cover;
		/*background-size:contain;*/
		background-position:center;
		padding-top:180px;
		margin:0;
	}
	#sombraparalax2{
		width:100%;
		height:130px;
		margin:auto;
		background: rgba(48,102,63,0.8);
		padding:0;
		border:1px solid #7CC24D;
	}
	#sombraparalax2 h2{
		text-align:center;
		font-family: 'Anton', sans-serif;
		font-size:24px;
		line-height:24px;
		font-weight:normal;
		color:#FFF;
		margin:20px 0 10px;
	}
	#sombraparalax2 p{
		width:100%;
		max-width:600px;
		text-align:center;
		margin:auto;	
	}
	.correo{
		text-align:center;
		font-family:"Oswald", Arial, sans-serif;
		font-size:18px;
		line-height:24px;
		font-weight:normal;
	}


}