section#valores{
	background-color:rgba(35,45,54,1.00);
	border: 1px solid rgba(255,237,94,.00);
	height: auto;
	width: 100%;
	z-index:12;
}

section#valores .contenedor {
	margin-top: 100px;
	margin-bottom:150px;
	border: 0px solid blue;
	height: auto;
	display:flex;
	justify-content:center;
	flex-wrap: wrap;
} 

#val{
	width:100%;
	height:auto;
	padding-left:130px;
	padding-right:120px;
	}
	
#titulovaloresuno {
	letter-spacing: 2px;
	font-size:3em;
	text-align: left;
    font-family: Casual;
	line-height:35px;
	border: 0px solid green;
	margin-bottom:10px;
	margin-top:20px;
	color:#d9e026;
	}

#titulovaloresdos {
	letter-spacing: 2px;
	text-align: left;
    font-family: Casual;
	line-height:35px;
	border: 0px solid green;
	margin-bottom:10px;
	color:#fff;
	}
	
#val hr{
	margin-top: 20px;
	margin-bottom:20px;
	height:1px;
	background-color:#d9e026;
	border: 0px;
	}






div#integridad{
	line-height: 30px; 
	font-family: monserratli;
	font-size:1.2em;
	text-align:justify;
	border: 0px solid green;
	height: auto;
	margin: 10px;
	width:25%;
	height:400px;
	align-content:center;
	color:rgba(255,255,255,0.00);
	padding-top: 0px;
	-webkit-transition: padding-top .4s, color .4s;
	-moz-transition: padding-top .4s, color .4s;
	-o-transition: padding-top .4s, color .4s;
	-ms-transition: padding-top .4s, color .4s;
	padding: 20px;
	cursor: pointer;
}

div#integridad:hover {
	color:rgba(255,255,255,1.00);
	padding-top: 10px;
	-webkit-transition: padding-top .4s, color .4s;
	-moz-transition: padding-top .4s, color .4s;
	-o-transition: padding-top .4s, color .4s;
	-ms-transition: padding-top .4s, color .4s;
}

div#integridad img{
	align-content:center;
	border: 2px solid #99d508;
	padding: 20px;
	transition: padding 0.5s, background-color 0.5s;
	cursor: pointer;
}

div#integridad img:hover{
	background-color:rgba(155,187,201,0.20);
	border: 1px rgba(155,187,201,0.20);
	padding: 30px;
}

#titulovalores{
	color: #FFFFFF;	
}








div#honestidad{
	line-height: 30px; 
	font-family: monserratli;
	font-size:1.2em;
	text-align:justify;
	border: 0px solid green;
	height: auto;
	margin: 10px;
	width:25%;
	height:400px;
	align-content:center;
	color:rgba(255,255,255,0.00);
	padding-top: 0px;
	-webkit-transition: padding-top .4s, color .4s;
	-moz-transition: padding-top .4s, color .4s;
	-o-transition: padding-top .4s, color .4s;
	-ms-transition: padding-top .4s, color .4s;
	padding: 20px;
	cursor: pointer;
}

div#honestidad:hover {
	color:rgba(255,255,255,1.00);
	padding-top: 10px;
	-webkit-transition: padding-top .4s, color .4s;
	-moz-transition: padding-top .4s, color .4s;
	-o-transition: padding-top .4s, color .4s;
	-ms-transition: padding-top .4s, color .4s;
}

div#honestidad img{
	align-content:center;
	border: 2px solid #d91b5b;
	padding: 20px;
	transition: padding 0.5s, background-color 0.5s;
	cursor: pointer;
}

div#honestidad img:hover{
	background-color:rgba(155,187,201,0.20);
	border: 1px rgba(155,187,201,0.20);
	padding: 30px;
}










div#respeto{
	line-height: 30px; 
	font-family: monserratli;
	font-size:1.2em;
	text-align:justify;
	border: 0px solid green;
	height: auto;
	margin: 10px;
	width:25%;
	height:400px;
	align-content:center;
	color:rgba(255,255,255,0.00);
	padding-top: 0px;
	-webkit-transition: padding-top .4s, color .4s;
	-moz-transition: padding-top .4s, color .4s;
	-o-transition: padding-top .4s, color .4s;
	-ms-transition: padding-top .4s, color .4s;
	padding: 20px;
	cursor: pointer;
}

div#respeto:hover {
	color:rgba(255,255,255,1.00);
	padding-top: 10px;
	-webkit-transition: padding-top .4s, color .4s;
	-moz-transition: padding-top .4s, color .4s;
	-o-transition: padding-top .4s, color .4s;
	-ms-transition: padding-top .4s, color .4s;
}

div#respeto img{
	align-content:center;
	border: 2px solid #35b2ff;
	padding: 20px;
	transition: padding 0.5s, background-color 0.5s;
	cursor: pointer;
}

div#respeto img:hover{
	background-color:rgba(155,187,201,0.20);
	border: 1px rgba(155,187,201,0.20);
	padding: 30px;
}









img.icon{
	display: block;
	margin:40px auto;
	width: 130px;
	height: 130px;
	padding: 15px;
	border: 2px solid rgba(255,255,255,1.00);
	border-radius: 80%;
	-webkit-border-radius: 80%;
	-moz-border-radius: 80%;
	-ms-border-radius: 80%;
	-o-border-radius: 80%;
	
	transition: 80%;
	-webkit-transition: 80%;
	-moz-transition: 80%;
	-o-transition: 80%;
	-ms-transition: 80%;  
	
}

img.icon:hover {
	background-color:rgba(155,187,201,0.20);
	border: 1px rgba(155,187,201,0.20);
}