#sectionContainer{ width:100%; min-height:500px; float:left;  padding-bottom:40px;}

#trabajoGaleria{ float:left; width:55%; min-height:300px; margin-left:40px; margin-top:25px; margin-bottom:20px;}
	#trabajoGaleria h5{ float:left; width:100%; font-size:1rem; margin-top:40px; margin-bottom:20px;}
#trabajoInfo{ float:left; width:30%; margin-left:5%; margin-top:22px; text-align:justify;}

	#trabajoInfo h1{ color:#455876; font-size:1.4rem; float:left; margin-top:0px; letter-spacing:0rem; margin-bottom:0px; font-family: 'Raleway', sans-serif; font-weight:500 !important; line-height:1.5rem; text-align:left; text-transform: none !important; margin-bottom: 40px;}
.label{ float:left; width: 100%; font-size: 0.9rem; margin-bottom: 5px;}
.tipologia{ margin-bottom: 20px !important; font-size: 1.1rem !important; float:left !important; width: 100% !important;}
	#trabajoInfo p{ float:left; width: 100%; margin-top:0px; font-size:1.05rem; margin-bottom:0px; color:#2f2f2f; line-height:1.8rem;}
		#trabajoInfo p a{ color:#2f2f2f; float:left; width:100%; text-align:left; text-decoration:none; font-weight:700; margin-top:10px;}

	#trabajoGaleria img{ float:left; width:100%; min-height:300px; }
	.volver{ background-repeat:no-repeat; float:left; margin-top:93px; width:106px; height:33px; line-height:33px; text-align:center; background-color: #455876;  color:#2f2f2f; text-decoration:none; font-size:1rem;}
	.volver:hover{ opacity:0.6;}

.categorias{float:left; width: 100%; list-style: none; text-align: center; margin-top: 40px; margin-bottom: 60px;}
.categorias a{ text-transform: uppercase; font-size: 18px; cursor: pointer;} 
.categorias a:hover,.categorias a.selected{ color:#455876; }

.categorias a:not(:first-child)::before {
  content: '/'; margin-right: 10px; margin-left: 10px; text-decoration: none;}
}


/*    GALERÍA    */

.galeriaContanier{width:100%; height: auto; float: left; position: relative;}
.galeriaContenido{ width: 1024px; height: auto; float: left; position: relative; left: 50%; margin-left:-512px; margin-top: 35px;}
.tituloseccion{float:left; position: relative; width:100%; font-size:2.6rem; color:#000; text-align: center; font-weight: 700; letter-spacing: 0.06rem;}

#galeria-holder{ width:974px; height:auto; position:relative; float:left; margin-left:25px; margin-top:11px; margin-bottom:20px; }
.pages{ float:left; width:974px; margin-left:0px; margin-top:0px; list-style:none;}
.trabajo-foto{ width:314px; height:314px; overflow:hidden; float:left;  margin-right:6px; margin-bottom:7px; background-color:#FFFFFF;  cursor:pointer;}
.trabajo-foto img{ float:left; width:auto; min-width:100%; height:100%; position:relative; z-index:1; display: block; position: relative; transform: translateX(-50%); left: 50%; }

.trabajoFoto-item div{ width:100%; height:auto; float:left; overflow:hidden; margin-right:1%;}
	.trabajoFoto-item div span{ float:left; width:100px; height:20px; line-height:20px; font-size:0.9rem; background-color:#455876; padding-left:6px; padding-right:6px; position:relative; z-index:10;}
.trabajoFoto-item div img{ width:100%; min-height:500px; float:left; position:relative; z-index:9px; margin-top:-20px;}

.trabajoFoto-item-small{ float:left; width:22%; border:solid 1px #CCCCCC; margin-right:8px; height:70px; overflow:hidden; margin-top:7px;}
.trabajoFoto-item-small:hover{ opacity:0.6;}
.trabajoFoto-item-small img{ float:left; width:100%; height:auto !important; margin-top:0px; min-height:0px !important;}
.trabajo-info{ float:left; width:100%; height:100%; position:relative; z-index:100; font-size:2rem; line-height:2.6rem; text-align:center; color:#000 !important; text-decoration:none; background-color:rgba(101, 0, 0, 0); margin-top:-314px;   font-family: 'Raleway', sans-serif; font-weight:normal; text-shadow: 0 0 20px #000000; }
.trabajo-info h3{ margin-top:120px; float:left; width:90%; margin-left: 5%; text-align:center; margin-bottom:0px; font-size:1.3rem; font-weight:400; letter-spacing:0rem; line-height: 1.1;}
.trabajo-info a{ text-decoration:none; color:#000; opacity:0;}
.trabajo-info p{font-family: 'Raleway', sans-serif; font-size:1rem; width:90%; margin-left:5%; float:left; line-height:1.5rem; margin-top:10px; margin-bottom: 15px; opacity:0; font-weight: 300; color: #fff;}
.trabajo-info span{ float:left; margin-top:0px; width:100%; text-align:center;font-family: 'Raleway', sans-serif; font-size:0.9rem; opacity:0;}
.trabajo-foto:hover .trabajo-info{  background-color:rgba(69,88,118,0.6); opacity:1;}
.trabajo-foto:hover .trabajo-info a{ opacity:1; color:#fff; }
.trabajo-info .boton{border: solid 2px #fff; font-size: 15px; text-transform: uppercase !important; font-weight: 200; padding-top: 8px; padding-bottom: 8px; padding-left: 12px; padding-right: 12px;}
.trabajo-foto:hover .trabajo-info h3{ margin-top:124px;}
.trabajo-foto:hover .trabajo-info p{ opacity:1;}
.trabajo-foto:hover .trabajo-info span{ opacity:1;}

#holder{ float:left; width:964px; height:auto !important; overflow:hidden; position:relative; list-style:none; margin-left:12px; padding-left:0px; margin-bottom:0px; }


.swControls{
	position:absolute; right:0px; top:840px; float:right;	margin-top:10px; margin-right:32px; background-color:#CCC; width:auto; float:right;
}

a.swShowPage{

	/* The links that initiate the page slide */

	background-color: transparent;
	float: left;
	height:12px;
	margin-left:7px;
	width:12px;
	/*border:1px solid #ccc;*/
	
	/* CSS3 rounded corners */
	
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:solid 1px #a8a8a8;
	color:#FFFFFF; text-decoration:none;
	padding-top:0px !important; padding-left:0px !important;
	text-indent:100%;
	
}

a.swShowPage:hover,
a.swShowPage.active{
	background-color:#ff9921; border:none; text-indent:100%; overflow:hidden; color:#FFF; width:14px; height:14px; padding-left:0px !important; padding-top:0px !important;
	
	/*	CSS3 inner shadow */
	
}

@media (max-width : 760px){ 
.galeriaContanier{width:100%; }
.galeriaContenido{ width: 96%; left: 0%; margin-left:2%; margin-top: 0px;}
.tituloseccion{ width:100%; font-size:1.2rem; letter-spacing: 0.06rem; margin-top: 38px; margin-bottom: 0px;}
	
.categorias a{ text-transform: uppercase; font-size: 11px; cursor: pointer;} 
.categorias a:not(:first-child)::before {
  content: '/'; margin-right: 3px; margin-left: 3px; text-decoration: none;}
}	
	
#sectionContainer{background-color:transparent;}
@media (max-width : 760px){ 
	.trabajo-foto{   width: 70%; margin-left: 15%; overflow: hidden; margin-bottom: 7px; height: 60vw;}
	.trabajo-foto img{ float:left; width:100%; min-height:100%; height:auto !important; position:relative; z-index:1; }

	#galeria-holder{ width: 96% !important; margin-left: 2%; margin-top:0px; margin-bottom:10px;  overflow:hidden;}
	#holder{  width:100%; height:auto !important; min-height:400px;}
	.pages{ width:100%; }
	

	.trabajoFoto-item-small{ float:left; width:24%; border: none; margin-right:1%; height:auto; overflow:hidden; margin-top:3px;}
	.trabajoFoto-item-small img{ float:left; width:100%; height:auto !important; margin-top:-6px; min-height:0px !important;}	
	
.trabajo-info{  background-color:rgba(69,88,118,0.6); opacity:1; margin-top: -60vw;}
.trabajo-info a{ opacity:1; color:#fff; }
	.trabajo-info h3{ margin-top: 16vw; font-size: 1rem;} 
.trabajo-info p{ opacity:1; font-size: 0.8rem;}
.trabajo-info span{ opacity:1;}
		
	#trabajoGaleria{ width:96%; min-height:200px; margin-left:2%;  margin-bottom:10px; margin-top:10px;}
	#trabajoInfo{ width:94%; margin-left:3%; margin-top:10px;}
	#trabajoGaleria img{ min-height:200px; }
	.trabajoFoto-item-small{ height: 13vw; width: 24% !important; margin-right: 1%; }

	#trabajoGaleriaMobile{ float: left; width:100%; min-height:200px; margin-left:0px;  margin-bottom:10px; margin-top:10px;}
	#trabajoGaleriaMobile img{ min-height:200px; }

	#trabajoInfo h4{ font-size:1.2rem;line-height:1.5rem; width:100%; margin-left:0px; }
	#trabajoInfo p{ margin-top:11px; font-size:0.85rem; line-height:1.4rem;width: 100%;}

	.volver{ margin-bottom:0px; font-size:0.85rem; margin-top:10px; }
	
	#trabajoInfo h1{ margin-bottom: 0px;}
	.tipologia{ margin-top: 0px !important; font-size: 0.85rem !important;}
}

/*
@media screen and (max-width : 580px){ 
	.trabajo-foto{ width:48%; margin-left:2%; height:auto !important; background-color:#FFFFFF;}
	.trabajo-foto img{ float:left; width:100%; min-height:120px; height:auto; position:relative; z-index:1; }
	.trabajo-info{ height:3.6rem !important;}
	
	.trabajoFoto-item-small{ float:left; width:23.5%; border:solid 1px #CCCCCC; margin-right:1%; height:70px; overflow:hidden; margin-top:3px;}
}
*/

.trabajo-info h3,.trabajo-info p,.trabajo-info span,.volver
{
  transition: all 0.5s;
  -moz-transition: all 0.5s; /* Firefox 4 */
  -webkit-transition: all 0.5s; /* Safari and Chrome */
  -o-transition: all 0.5s; /* Opera */
}

.trabajo-info{
  transition: all 0.8s;
  -moz-transition: all 0.8s; /* Firefox 4 */
  -webkit-transition: all 0.8s; /* Safari and Chrome */
  -o-transition: all 0.8s; /* Opera */
}