/*   estilos de trabajos */
/*------------------------------------trabajos ------------- */
.bloquepag{
	margin: 0 auto;
	margin-top:20px;
	width:80%;
	max-width:1200px;
}
.textodet{
	color:#666;
	font-family:'Montserrat', sans-serif;
	margin-top:10px;
	margin-bottom:30px;
}
.apaisada{
	margin-top:50px;
	margin-bottom:30px;
	text-align:center;
}
.apaisada img{	
	width:100%;
	max-width:800px;
}
.linea{
	margin: 0 auto;
	width:100%;
	max-width:820px;
	border-bottom:#CCC solid 1px;
	margin-bottom:20px;
}
.item{	
	width:30%;
	float:left;
	margin-bottom:35px;
}
.item img{	
	width:100%;
	max-width:230px;
}
.epigrafe{
	font-size:1.2rem;
	text-align:center;
	color:#555;
	margin-bottom:10px; 
}

.espaciador{
	display:block;
	float:left;
	width:5%;
}
.trabajos{
	margin: 0 auto;
	text-align:center;
}
.interbloque{
	color:#666;
	font-family:'Montserrat', sans-serif;
	margin-top:40px;
	margin-bottom:30px;
}

/*------------------------------------trabajos detalles ------------- */
#volver{
	margin-top:10px;
	margin-bottom:20px;
}
.bloque{
	margin:0 auto;
}
.titulo{
	font-size:1.8rem;
	color:#888;
	font-style:italic;
	font-weight:bold;
	text-align:left;
	margin-top:80px;
	margin-bottom:10px;
}
.subtitulo{
	font-size:1.4rem;
	color:#888;
	font-style:italic;
	font-weight:bold;
	text-align:left;
	margin-top:20px;
	margin-bottom:45px;
}
.bloque01{     /*izquierda*/
	width:55%;
	float:left;

}
.bloque02{		/*derecha*/
	width:35%;
	float:left;

}
.texto01{
	margin-bottom:10px;
}
.imgdetalle01{
	width:100%;
	max-width:310px;
}
.imgdetalle{
	width:100%;
	max-width:500px;
}
.bloquefoto{
	float:left;
	width:45%;
}
.bloquefoto02{
	float:left;
	width:45%;
}
.separafoto {
	width:3%;
	float:left;
	margin-bottom:20px;
	display:block;

}
.supragrafe{
	margin-top:20px;
	margin-bottom:20px;
}
/*-----detalles impresion------------- */
.fotoizq{
	float:left;
	width:65%;
}
.blancoder{
	float:left;
	width:32%;
	padding-top:30px;
}
.separabloque {
	width:3%;
	float:left;
	display:block;

}
.blancoizq{
	float:left;
	width:32%;
	padding-top:30px;
	display:block
}
.fotoder{
	float:left;
	width:65%;
}
.blancoizqbis{
	float:left;
	width:100%;
	margin-top:20px;
	display: none;
}
.cierrebanda{
	clear:both;
	margin-bottom:80px;
}









@media screen AND (max-width:980px ) {
	
	.bloquepag{
		width:100%;
	}
	
/*------------------------------------detalle ------------- */
	

}
@media screen AND (max-width:850px ) { 
	


}

@media screen AND (max-width:600px ) {     

	.bloque01{     /*izquierda*/
		width:100%;
		float:none;
		margin: 0 auto;
		margin-bottom:25px;
		text-align:center;
	}
	.bloque02{		/*derecha*/
		width:100%;
		float:none;
		margin: 0 auto;
		text-align:center;
	}
	.imgdetalle01{
		max-width:375px;
	}
	.separafoto {
		display:none;
	}
	.bloquefoto{
		width:100%;
		float:none;
		margin: 0 auto;
		text-align:center;
	}
	.bloquefoto02{
		width:100%;
		float:none;
		margin: 0 auto;
		text-align:center;
		margin-top:20px;
}
	/*-----detalles impresion------------- */
	.fotoizq{
		float:none;
		width:100%;
		margin: 0 auto;
	}
	.blancoder{
		float:none;
		width:100%;
	}
	.separabloque {
		display:none;
	}
	.blancoizq{
		float:left;
		width:32%;
		display:none;
	}
	.fotoder{
		float:none;
		width:100%;
		margin: 0 auto;
	}
	.blancoizqbis{
		display:block;
	}


}/*fin media 600 