#lessons {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  overflow-x: hidden;
	  overflow-y: scroll;
	  transition: visibility 0.8s, opacity 0.8s;
	  visibility: visible;
	  opacity: 1;
	  z-index: 3;
	}
	
	#lessons .primera {
	  position: relative;
	  height: 100%;
	  transition: width 0.5s, background 0.5s, opacity 0.5s;
	  opacity: 1.0;
	  margin: 0;
	  padding: 0;
	}

	#lessons .primera a .text-center {
		color: #fff;
		text-decoration: none;
		display: block;
		border: 1px solid #fff;
		border-radius: 22px;
		text-shadow: 1px 1px 1px #AAAAAA;
		background: rgba(255,255,255,.4);
		position: absolute;
		bottom: 20px;
		left: 0; 
		right: 0;
		width: 140px;
		margin-left: auto;
		margin-right: auto;
		font-size: 1em;
		padding: 5px 20px;
		opacity: 0;
		filter:alpha(opacity=0);
		margin-top: 30px;
	}
	
	#lessons .primera:nth-child(1)::after {
		background-image: url('imgs/bg1.png');
		background-size: cover;
		background-position: center bottom;
		background-repeat: no-repeat;
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -2;
		opacity: 1;
	}

	#lessons .primera:nth-child(2)::after {
		background-image: url('imgs/bg2.png');
		background-size: cover;
		background-position: center bottom;
		background-repeat: no-repeat;
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -2;
		opacity: 1;
	}

	#lessons .primera:nth-child(3)::after {
		background-image: url('imgs/bg3.png');
		background-size: cover;
		background-position: center bottom;
		background-repeat: no-repeat;
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -2;
		opacity: 1;
	}

	#lessons .primera:nth-child(4)::after {
		background-image: url('imgs/bg4.png');
		background-size: cover;
		background-position: center bottom;
		background-repeat: no-repeat;
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -2;
		opacity: 1;
	}

	#lessons .primera:nth-child(5)::after {
		background-image: url('imgs/bg5.png');
		background-size: cover;
		background-position: center bottom;
		background-repeat: no-repeat;
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -2;
		opacity: 1;
	}

	#lessons .inner {
		width: 100%;
		height: 100%;
		margin: 0!important;
		padding: 0!important;
		text-align: left;
		transition: transform 0.5s;
		position: relative;
	}

	#lessons .primera .inner a {
		display: block;
		width: 100%;
		height: 100%;
		margin: 0;
		color: #fff;
		text-decoration: none;
		background: transparent;
		transition: background 0.5s;
		/*font-size: 14px;
		position: absolute;*/
		position: relative;
	}

	#lessons .primera .inner a.div:first-child {
		position: relative;
		width: 100%;
		height: 100%;
	}

	#lessons .primera a span {
		line-height: normal;
		font-weight: normal;
		width: 100%;
	}

	.titulos_area {
		background: rgba(199, 198, 198, 0.35);
		position: absolute;
		bottom: 0;
		padding: 10px;
		width: 100%;
	}

	.titulos_area span:first-child {
		font-size: 1em;
		display: inline-block;
	}

	.titulos_area span:nth-child(2) {
		font-size: 2em;
		display: inline-block;
		height: 112px;
	}

	.slideup, .slidedown {
		max-height: 0;
		overflow-y: hidden;
		-webkit-transition: max-height 1s ease-in-out;
		-moz-transition: max-height 1s ease-in-out;
		-o-transition: max-height 1s ease-in-out;
		transition: max-height 1s ease-in-out;
	}

	.slidedown {            
	    max-height: 305px;
	}

	#lessons .primera a:focus {
	  box-shadow: 0 0 15px #666;
	}
	
	.grid-item:hover div {
		opacity: 1;
	}
	
	.caja_proyectos h2 {
		font-size: 2em;
		text-align: center;
		margin-top: 50px;
		margin-bottom: 50px;
	}

	.caja_proyectos h2 strong {
		font-size: 1.5em;
		color: #2280a0;
	}

	.caja_proyectos h3 {
		font-size: 1.5em;
		text-align: center;
		margin: 0 9%;
	}

	.animadob {
		position: relative;
		height: 540px;
		width: 100%;
	}
	
	.animadob div:first-child {
		background-image: linear-gradient(to bottom, #222F6E , #991F80);
		height: 100%;
		width: 43%;
		position: absolute;
		bottom: 10px;
		left: 12%;
	}

	.animadob div:nth-child(2) {
		background-color: #2280a0;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		height: 59%;
		width: 70%;
		position: absolute;
		bottom: 0;
		left: 15%;
	}

	.animadob div:last-child {
		background-color: #00748B;
		background-size: cover;
		background-position: center bottom;
		background-repeat: no-repeat;
		height: 82%;
		width: 48%;
		position: absolute;
		bottom: 10px;
		left: 15%;
	}

	.animadob #animado12 {
		background-image: url('imgs/becas_1.jpg');
	}

	.animadob #animado13 {
		background-image: url('imgs/becas_2.jpg');
	}

	.animadob #animado32 {
		background-image: url('imgs/servicio_1.jpg');
	}

	.animadob #animado33 {
		background-image: url('imgs/servicio_2.jpg');
	}

	.fulljustify {
	  text-align: justify;
	}

	.fulljustify:after {
		content: "";
		display: inline-block;
		width: 100%;
	}

	.titulo_area {
		font-size: 2.2em;
		position: absolute;
		top: 35px;
		left: 80px;
		z-index: 160;
		font-family: 'Noto Serif', serif;
	}

	.caja_areas a {
		display: block;
		color: #fff;
		text-decoration: none;
		padding: 40px;
		margin: 0;
		margin-bottom: 10px;
		position: relative;
		overflow: hidden;
		min-height: 125px;
	}

	/*.caja_areas a:last-child {
		margin-bottom: 0;
	}*/

	.caja_areas a img {
        width: 100%;
        height: auto;
		position: absolute;
		left: 0;
		top: -9999px;
		bottom: -9999px;
		margin: auto;
		z-index: 55!important;
	}

	.caja_areas a:hover img {
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		transition: all 0.8s ease;
	}

	.mas_areas {
		background: #2a6385;
		background-image: linear-gradient(to right, #102e46 , #2a6385);
		transition: all 1.8s ease;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-weight: 600;
	}

	.mas_areas:hover {
		background: #444;
	}

	.mas_areas i {
		font-size: 2.5em;
		position: absolute;
		right: 20px;
		top: 40px;
	}

	.lista_areas {
		display: none;
		margin-bottom: 100px!important;
	}

	/*#lista_area {
		padding-bottom: 100px;
		background: #ccc;
	}*/

	.caja_carrusel {
		/*margin-top: 100px!important;*/
	}

	#lista_area {
		margin-bottom: 100px!important;
	}

	.proyectos_banner {
		background-image: linear-gradient(to right, #002e47 , #00678a);
		padding: 50px;
		float: left;
		width: 100%;
		-webkit-box-shadow: inset 0px 25px 20px -4px rgba(0,0,0,0.54); 
		box-shadow: inset 0px 25px 20px -4px rgba(0,0,0,0.54);
	}

	.proyectos_banner h2 {
		color: #fff;
		font-size: 3em;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 4px;
		/*margin-top: 100px;*/
	}

	.proyectos_sombra {
		/*box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;*/
		box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
		margin-bottom: 80px;
		float: left;
		width: 100%;
	}

	.boton_redondeadop {
		border: 1px solid #fff;
		text-shadow: none;
		color: #fff;
		text-decoration: none;
		display: inline-block;
		border: 1px solid #fff;
		border-radius: 22px;
		padding: 5px 20px;
		text-shadow: 1px 1px 1px #AAAAAA;
		background: rgba(255,255,255,.4);
		transition: all 1.1s ease;
	}

	.boton_redondeadop:hover {
		border: 1px solid #707070;
		color: #fff;
		background: #707070;
	}

	

	/*.caja_publicaciones {
		padding: 40px;
		background-image: url('imgs/fondo_tecnicos.png');
		float: left;
		margin-bottom: 100px;
	}*/

	/*.caja_areas a:first-child {
		background-image: url('imgs/bg1.png');
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.caja_areas a:nth-child(2) {
		background-image: url('imgs/bg2.png');
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.caja_areas a:nth-child(3) {
		background-image: url('imgs/bg3.png');
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.caja_areas a:nth-child(4) {
		background-image: url('imgs/bg4.png');
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.caja_areas a:nth-child(5) {
		background-image: url('imgs/bg5.png');
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}*/

	.caja_descripcion_area {
		margin-top: 20px;
		/*background: rgba(199, 198, 198, 0.35);*/
	}
	
	.caja_seccion {
		/*overflow-x: hidden;*/
		padding: 0;
		margin: 0;
		width: 100%;
	}

	.caja_seminarios {
		background-image: linear-gradient(to right, #00748B , #102360);
	}

	.infinite-item {
		opacity: 0;
	}

	.sticky-top {
		top: 70px;
	}

	.grid_p, .grid_nap {
		float: left;
		width: 100%;
	}

	.element-item.transition {
		background: #0F8;
		background: hsl( 144, 100%, 50%);
	}

	.quitar_filtro {
		display: none;
	}

	#no_activos {
		display:none;
	}

	.grid_p:after, .grid_nap:after {
		content: '';
		display: block;
		clear: both;
	}

	.grid_ip, .grid_ipn {
		float: left;
		width: 20%;
		margin-bottom: 20px;
		padding: 0 10px;
		position: relative;
	}

	.grid_invest {
		width: 12.5%;
	}

	.grid_ip a, .grid_ipn a {
		display: block;
		width: 100%;
		height: 100%;
		float: left;
		position: relative;
		top: 0;
		left: 0;
		background: #707070;
	}

	.grid_ip img, .grid_ipn img {
		display: block;
		width: 100%;
		height: auto;
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
	}

	.grid_ip a:hover img, .grid_ipn a:hover img {
		-webkit-filter: grayscale(0);
		filter: grayscale(0);
		transition: all 1.1s ease;
	}

	.grid_ip a p, .grid_ipn a p {
		font-size: 0.85em;
		color: #fff;
		margin: 0;
		text-align: center;
		float: left;
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 4px 5px;
		width: 100%;
		background: rgba(51, 153, 153, 0.6);
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3; /* number of lines to show */
		line-height: X;        /* fallback */
		max-height: X*N;       /* fallback */
	}

	.grid_ip a:hover p, .grid_ip a:hover, .grid_ipn a:hover p, .grid_ipn a:hover {
		background: rgba(0, 0, 0, 0.5);
		transition: background 1.1s ease;
	}
	

	.caja_tecnicosa {
		float: left;
		padding: 40px;
		background-image: url('imgs/fondo_tecnicos.png');
		background-size: 100% 100%;
		margin-bottom: 100px;
		width: 100%;
		text-align: center;
	}

	.caja_tecnicosa .boton_redondeado {
		display: inline-block;
	}

	.st {
		float: left;
		height: 100%;
		width: 100%;
	}

	.tecnicos_cabeza {
		width: 100%;
		background: #173d7b;
		background-image: linear-gradient(to right, #004b7e , #19b1d5);
		border-top-left-radius: 4% 80%;
		border-top-right-radius: 4% 80%;
		/*float: left;*/
		padding-top: 25px;
		padding-bottom: 25px;
		color: #ffffff;
	}

	.tecnicos_cabeza h2 {
		color: #ffffff;
		font-family: 'Noto Sans', sans-serif;
		text-transform: uppercase;
		font-size: 2em;
		text-align: center;
		margin: 0;
	}

	.boton_redondeado {
		border: 1px solid #707070;
		text-shadow: none;
		color: #707070;
	}

	.boton_redondeado:hover {
		border: 1px solid #707070;
		color: #fff;
		background: #707070;
	}

	/*.caja_investigadores h2, .caja_tecnicos h2 {
		color: #fff;
		font-family: 'Noto Sans', sans-serif;
        font-size: 2em;
        text-align: left;
        margin-bottom: 60px;
	}*/
	
	.caja_investigadores {
		/*background-image: url('../images/textura.png');
		padding: 40px;
		background-size: cover;*/
		padding: 30px 5%;
		box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
		/*box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;*/
	}
	
	.caja_fondo {
		/*background-image: linear-gradient(to right, #322a7e , #006c9a);*/
		padding: 0 3% 80px;
	}
	
	.banner_investigador {
        margin-bottom: 40px;
		height: 100%;
    }

    .banner_investigador a img {
		display: block;
        width: 100%;
        height: auto;
		float: left;
    }
    
    .banner_investigador a span {
    	display: block;
    	position: absolute;
    	bottom: 0;
    	left: 0;
    	width: 100%;
    	padding: 10px 5px;
    	background: rgba(0, 0, 0, 0.4);
    	color: #fff;
    	font-size: 0.9em;
    }

    .banner_investigador a {
        font-size: 1em;
        text-decoration: none;
        color: #fff;
        margin: 0;
        padding: 0;
        text-align: center;
        width: 100%;
        float: left;
        height: 100%;
        background: #666;
        position: relative;
		display: block;
		max-height: 100%!important;
    }
    
    .banner_investigador a:hover span {
        background: rgba(0, 0, 0, 0.6);
        transition: all 0.8s ease;
    }
    
    .banner_investigador a:hover img {
	    -webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		transition: all 0.8s ease;
	}
	
    .banner_investigador .swiper-slide {
        background: none;
        height: auto;
		max-height: 100%!important;
    }
    
    .banner_investigador .nd {
		padding: 10px;
		background: #fff;
		border: 1px solid #707070;
	}
	
	.banner_investigador .nd:hover {
		background: #fff;
		border-color: #444;
	}

	.banner_investigadorj {
        margin-bottom: 40px;
		height: 100%;
    }

	.banner_investigadorj p img {
		display: block;
        width: 100%;
        height: auto;
		float: left;
    }
    
    .banner_investigadorj p span {
    	display: block;
    	position: absolute;
    	bottom: 0;
    	left: 0;
    	width: 100%;
    	padding: 10px 5px;
    	background: rgba(0, 0, 0, 0.4);
    	color: #fff;
    	font-size: 0.9em;
		text-align: center;
    }

    .banner_investigadorj p {
        margin: 0;
        padding: 0;
        width: 100%;
        float: left;
        height: 100%;
        position: relative;
		display: block;
		max-height: 100%;
		border: 1px solid #707070;
    }
    
	.custom-control-lg .custom-control-label::before,
	.custom-control-lg .custom-control-label::after {
	    top: 0.1rem !important;
	    left: -2rem !important;
	    width: 1.25rem !important;
	    height: 1.25rem !important;
	}

	.custom-control-lg .custom-control-label {
	    margin-left: 0.5rem !important;
	    font-size: 1rem !important;
	}

	.custom-control-lg {
		margin-bottom:20px;
	}

	.custom-control-lg:last-child {
		margin-bottom:0;
	}

	.lista li {
	    font-size: 30px;
	    color: #237da2;
	    line-height: 30px;
	    padding-top: 8px;
	    padding-bottom: 8px;
	}

	.lista li span {
	    font-size: .55em;
	    color: #000;
	    vertical-align: top;
	}
	
	@media (max-width:1440px) {
		.animadob {
			height: 450px;
		}
	}
    
    @media (max-width:1340px) {
	    .animadob {
			height: 440px;
		}
		.caja_tecnicos, .caja_investigadores {
			padding: 40px;
		}
	}
	
	@media (max-width:1240px) {
		.cabeza_seccion {
			font-size: 3em;
		}
		
		.animadob {
			height: 410px;
		}
	}
	
	@media (max-width:1126px) {
		.animadob {
			height: 380px;
		}
	}
		
	@media (min-width: 1026px) {
		#lessons > .primera {
			display: table-cell;
			vertical-align: middle;
			height: 100%;
			padding: 18px 0;
			padding-bottom: 0;
			width: 100%;
		}

		#lessons > .primera:hover {
			width: 24%;
			z-index: 2;
		}
		
		#lessons > .primera:before {
			position: absolute;
			width: 1px;
			height: 100%;
			top: 50%;
			left: 0;
			content: '';
			transform: translateY(-50%);
			background: linear-gradient(
				to bottom,
				rgba(255, 255, 255, 0) 0%,
				rgba(255, 255, 255, 0.6) 50%,
				rgba(255, 255, 255, 0) 100%
			);
		}

		#lessons > .primera:after {
			position: absolute;
			width: 1px;
			height: 100%;
			top: 50%;
			right: 0;
			content: '';
			transform: translateY(-50%);
			background: linear-gradient(
				to bottom,
				rgba(255, 255, 255, 0) 0%,
				rgba(255, 255, 255, 0.6) 50%,
				rgba(255, 255, 255, 0) 100%
			);
		}
		
		#lessons {
			display: table;
			overflow: hidden;
		}
		
		#lessons img {
			width: 90%;
			padding: 40px 0;
		}
		
		#lessons .primera:hover .titulos_area span:nth-child(2) {
			font-size: 1.2em;
			height: 50px;
			-webkit-transition: all 1s ease-in-out;
		    -moz-transition: all 1s ease-in-out;
		    -o-transition: all 1s ease-in-out;
		    transition: all 1s ease-in-out;
		}
		
		.titulos_area span:nth-child(2) {
			font-size: 1.5em;
		}
		
		#lessons .primera:hover .titulos_area {
			background: #237da2;
			-webkit-transition: all 1s ease-in-out;
		    -moz-transition: all 1s ease-in-out;
		    -o-transition: all 1s ease-in-out;
		    transition: all 1s ease-in-out;
		}
		
		#lessons .primera:hover .titulos_area > span:first-child {
			font-size: 0.8em;
			-webkit-transition: all 1s ease-in-out;
		    -moz-transition: all 1s ease-in-out;
		    -o-transition: all 1s ease-in-out;
		    transition: all 1s ease-in-out;
		}

		#lessons .primera:hover .titulos_area span:nth-child(2) {
			font-size: 1.3em;
			height: 50px;
			-webkit-transition: all 1s ease-in-out;
		    -moz-transition: all 1s ease-in-out;
		    -o-transition: all 1s ease-in-out;
		    transition: all 1s ease-in-out;
		}
		
		#lessons .primera a .text-center:hover {
			background: #fff;
			text-shadow: none;
			text-decoration: none;
			color: #102360;
		}

		#lessons .primera:hover .text-center {
			opacity: 1;
			filter:alpha(opacity=100);
		    -webkit-transition: all 1s ease-in-out;
		    -moz-transition: all 1s ease-in-out;
		    -o-transition: all 1s ease-in-out;
		    transition: all 1s ease-in-out;
		}

		#lessons .primera:hover a p span:nth-child(1),
		#lessons .primera:hover a p span:nth-child(2),
		#lessons .primera:hover a p span:nth-child(3) {
			background: none;
		}

		#lessons .primera:nth-child(1):hover + #lessons .primera:nth-child(1)::after {
			opacity: 1.0;
		}
	}
	
	@media (max-width: 1025px) {
		#lessons > .primera:after {
			position: absolute;
			width: 100%;
			height: 1px;
			right: 0;
			bottom: 0;
			content: '';
			background: linear-gradient(
				to right,
				rgba(255, 255, 255, 0) 0%,
				rgba(255, 255, 255, 0.6) 50%,
				rgba(255, 255, 255, 0) 100%
			);
		}
		
		#lessons {
			overflow: hidden;
		}
		
		#lessons .primera:hover .titulos_area {
			background: #237da2;
			-webkit-transition: all 0.5s ease-in-out;
		    -moz-transition: all 0.5s ease-in-out;
		    -o-transition: all 0.5s ease-in-out;
		    transition: all 0.5s ease-in-out;
		}
		
		.titulos_area {
			padding: 15px;
			width: 100%;
			height: 100%;
			/*background: #237da2;*/
			/*background: rgba(35.0, 125.0, 162.0, 0.8)*/
		}

		.titulos_area div {
			font-size: 1em;
			padding: 0;
		}

		.titulos_area div span {
			display: block;
			height: 300px;
		}

		.titulos_area span:first-child {
			font-size: 1em;
			margin-bottom: 15px;
		}

		.titulos_area span:nth-child(2) {
			font-size: 1.8em;
			height: auto;
			margin-bottom: 15px;
			line-height: 110%!important;
		}
		
		#lessons .primera {
			height: 410px;
			border-bottom: 2px solid #fff;
		}
		
		#lessons .primera:nth-child(1)::after,
		#lessons .primera:nth-child(2)::after,
		#lessons .primera:nth-child(3)::after,
		#lessons .primera:nth-child(4)::after,
		#lessons .primera:nth-child(5)::after {
			top: 0;
		}
		
		#lessons a p span:nth-child(3) {
			font-size: 0.9em;
			opacity:1;
		}
		
		#lessons .primera .inner a {
			height: 100%;
			top: 0;
		}
		
		.slideup, .slidedown {
			max-height: 305px;
		}
		
		#lessons .primera a .text-center {
			opacity: 1;
			filter:alpha(opacity=1);
			text-shadow: none;
			text-decoration: none;
			color: #102360;
		}
	}
	
	@media (max-width:992px) {
		.grid_ip {
			width: 25%;
		}
		
		.grid_p .grid_ip:last-child {
			display: block;
		}
		
		.grid_nap .grid_ipn:last-child {
			display: block;
		}
		
		.animadob {
			height: 300px;
		}
		
		.cabeza_seccion {
			font-size: 2.5em;
		}
		
		h1 {
			font-size: 2.6em;
		}
		
		h3 {
			font-size: 1.8em;
		}
		
		.caja_tecnicos, .caja_investigadores {
			padding: 30px;
		}

		.tecnicos_titulo h2 {
			font-size: 1.2em;
		}

		.tecnicos_titulo {
			border-top-left-radius: 40px 40%;
			border-top-right-radius: 40px 40%;
		}
	}

	@media (max-width: 767px) {
		.grid_ip {
			width: 33.3%;
		}
		
		.animadob {
			height: 400px;
			width: 90%;
			margin-bottom: 30px;
		}
		
		.cabeza_seccion {
			font-size: 2em;
		}
		
		h1 {
			font-size: 2.3em;
		}
		
		h3 {
			font-size: 1.4em;
		}

		.caja_areas a {
			min-height: 90px;
		}

		.titulo_area {
			font-size: 1.5em;
			position: absolute;
			top: 25px;
			left: 10px;
		}
		
	}

	@media (max-width:576px) {
		.grid_ip {
			width: 33.3%;
		}
		
		.grid_p .grid_ip:last-child {
			display: block;
		}
		
		.animadob {
			height: 350px;
		}
		
		h1 {
			font-size: 2em;
		}
		
		h3 {
			font-size: 1.2em;
		}
		
		.caja_proyectos h2 {
			font-size: 1.4em;
			text-align: center;
			margin-top: 50px;
			margin-bottom: 50px;
		}

		.caja_proyectos h2 strong {
			font-size: 1.4em;
			color: #2280a0;
		}

		.caja_areas a {
			min-height: 95px;
		}

		.titulo_area {
			font-size: 1.5em;
			position: absolute;
			top: 15px;
			left: 10px;
		}
	}
	
	@media (max-width:400px) {
		.grid_ip {
			width: 50%;
		}
		
		.animadob {
			height: 300px;
		}
	}