@import url(comun.css);


#trabajo {
	margin-top: 120px;
}

/* PROYECTOS */
#proyectos{ padding:1px 0px; margin:10px auto 40px auto; }
#proyectos > div{ text-align:center; }
.itemProy{ font-size:112.5%; }
.itemProy a p{ margin:8px 0px; font-weight:400; text-align:justify; line-height:1.4em; }
.itemProy div{ font-weight:300; text-align:justify; line-height:1.4em; }
.itemProy a,
.itemProy a:visited{ color:#59575C; }
.itemProy a:hover img,
.itemProy a:hover p{ opacity:0.7; cursor:pointer; }

/* TRABAJO */
#resumen{ text-align:justify; font-size:112.5%; font-weight:300; }
#volver{ margin:40px auto; }
#volver a,
#volver a:visited{ display:inline-block; font-size:100%; padding:5px 20px; background-color:#66af22; color:#FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#volver a:hover{ }

/* GALERIA */
#galeria{ margin:0 auto 20px auto; position:relative; width:100%; }
#galeria figure{ position:relative; overflow:hidden; }
#galeria figure img{ height:100%; position:absolute; margin:auto; cursor:pointer; }
#galeria_flecha img:hover{ opacity:0.7; cursor:pointer; }
#listaImg{ margin-top:20px; }

/* PC */
@media screen and (min-width: 980px) { 

	/* PROYECTOS */
	.itemProy{ display:inline-block; width:285px; }
	.itemProy figure{ width:285px; height:214px; position:relative; overflow:hidden; }
	.itemProy img{ height:100%; position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto; }
	
	.itemProy:nth-of-type(2),
	.itemProy:nth-of-type(5),
	.itemProy:nth-of-type(8),
	.itemProy:nth-of-type(11),
	.itemProy:nth-of-type(14),
	.itemProy:nth-of-type(17),
	.itemProy:nth-of-type(20),
	.itemProy:nth-of-type(23),
	.itemProy:nth-of-type(26){ margin:0px 55px 40px; }
	
	.itemProy a:hover img{ transform: scale(1.4); -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -o-transform: scale(1.4); }
	
	/* GALERIA */
	#galeria figure{ margin:0 auto; width:800px; height:600px; }
	#galeria_flecha{ width:100%; position:absolute; top:268px; left:-64px; right:-64px; margin:auto; z-index:28; }
	
	#flechaIzq{ float:left; }
	#flechaDch{ float:right; }
}

/* TABLET */
@media screen and (min-width: 640px) and (max-width: 980px) { 

	/* PROYECTOS */
	.itemProy{ margin:0px 2% 40px; display:inline-block; width:44%; }
	.itemProy figure{ width:100%; height:214px; position:relative; overflow:hidden; }
	.itemProy img{ width:100%; position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto; }

	/* GALERIA */
	#galeria figure{ margin:0 auto; width:100%; height:480px; }
	#galeria_flecha{ width:100%; position:relative; }
	#galeria_flecha:after{ content:''; display:table; clear:both; }
	#flechaIzq{ float:left; }
	#flechaDch{ float:right; }

}

/* MÓVIL */
@media screen and (min-width: 200px) and (max-width: 640px) {

	/* PROYECTOS */
	.itemProy{ width:100%; margin-bottom:40px; }
	.itemProy figure{ width:100%; height:260px; position:relative; overflow:hidden; }
	.itemProy img{ width:100%; position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto; }
	
	/* GALERIA */
	#galeria figure{ margin:0 auto; width:100%; height:240px; }
	#galeria_flecha{ width:100%; position:relative; }
	#galeria_flecha:after{ content:''; display:table; clear:both; }
	#flechaIzq{ float:left; }
	#flechaDch{ float:right; }
}