section#proyectos{
	background-image: url(../img/222.jpg);
	background-position: center;
	background-size: cover;
	border: 1px solid rgba(155,187,201,0.10);
	height: auto;
	width: 100%;
}


section#proyectos .contenedor {
	margin-top: 150px;
	margin-bottom:150px;
	border:0px solid #35b2ff;
	height:auto;
} 

#todos{
	border:0px solid red;
	width:50%;
	left:50px;
	display:flex;
	flex-wrap:wrap;
	}




#tituloproyectos {
	font-size:3em;
	letter-spacing: 2px:
    font-family: Casual;
	text-align:center;
	line-height:35px;
	border: 0px solid green;
	margin-top: 30px;
	width:100%;
	height:auto;
	padding-left:0px;
	padding-right:130px;
	}
	
#tituloproyectosuno {
	letter-spacing: 2px;
	font-size:1.1em;
    font-family: Casual;
	text-align: left;
	line-height:35px;
	border: 0px solid green;
	margin-bottom:10px;
	margin-top:20px;
	color:#38445e;
	}

#tituloproyectosdos {
	letter-spacing: 2px;
	font-size:0.6em;
    font-family: Casual;
	text-align: left;
	line-height:35px;
	border: 0px solid green;
	margin-bottom:10px;
	color:#d91b5b;
	}
	
#tituloproyectos hr{
	margin-bottom:60px;
	height:1px;
	background-color:#d9e026;
	border: 0px;
	}







div#CDL{
	color:#38445e;
	line-height: 30px; 
	font-family: monserratli;
	font-size:1.2em;
	text-align: center;
	border: 0px solid green;
	height: 250px;
	width:210px;
	margin-right: 10px;
	margin-bottom:10px;
	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;
	
}

div#CDL:hover {
	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#CDL img{
	margin-bottom:10px;
	align-content:center;
	border: 2px solid #99d508;
	padding: 20px;
	transition: padding 0.5s;
	cursor: pointer;
	border-radius: 80%;
	-webkit-border-radius: 80%;
	-moz-border-radius: 80%;
	-ms-border-radius: 80%;
	-o-border-radius: 80%;
	
	-webkit-transition: 80%;
	-moz-transition: 80%;
	-o-transition: 80%;
	-ms-transition: 80%;
}

div#CDL img:hover{
	border: 1px rgba(155,187,201,0.20);
	padding: 20px;
	
}


div#DH{
	color:#38445e;
	line-height: 30px; 
	font-family: monserratli;
	font-size:1.2em;
	text-align: center;
	border:0px solid green;
	height: 250px;
	width:210px;
	margin-left: 2px;
	margin-bottom:10px;
	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;
	
}

div#DH:hover {
	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#DH img{
	
	margin-bottom:10px;
	align-content:center;
	border: 2px solid #d91b5b;
	padding: 20px;
	transition: padding 0.5s;
	cursor: pointer;
	border-radius: 80%;
	-webkit-border-radius: 80%;
	-moz-border-radius: 80%;+
	-ms-border-radius: 80%;
	-o-border-radius: 80%;
	
	-webkit-transition: 80%;
	-moz-transition: 80%;
	-o-transition: 80%;
	-ms-transition: 80%;
}

div#DH img:hover{
	border: 1px rgba(155,187,201,0.20);
	padding: 20px;
	
}