/*   estilos de las fichas */
.titulo{
	font-size:1.8rem;
	color:#888;
	font-style:italic;
	font-weight:bold;
	text-align:left;
	margin-bottom:15px;
}
#volver{
	padding-top:10px;
	padding-bottom:10px;
}
.txtgen{
	margin-bottom:15px;
}
.boton{
	margin-bottom:15px;
}
.item{		
	width:200px;
	float:left;
	margin-right:5px;
	margin-left : 5px;	
	margin-bottom:30px;
}
.itemtinte{		
	width:200px;
	float:left;
	margin-right:5px;
	margin-left : 5px;	
	margin-bottom:30px;
}
.itemeco{		
	width:200px;
	float:left;
	margin-right:5px;
	margin-left : 5px;	
	margin-bottom:30px;
}
.itemduo{		
	width:200px;
	float:left;
	margin-right:5px;
	margin-left : 5px;	
	margin-bottom:30px;
}
.foto{
	text-align:center;
	width:100%;
	max-width:300px;
}
.epitxt{
	text-align:center;
	margin-top:5px;
}
.biblio{
	text-align:left;
	font-size:0.8rem;
	font-style: italic;
	padding-top:10px;
	border-top:#CDCCBF solid 1px;
	margin-top:20px;
}
/*******************************************detalle fichas ******************************************* */

.bloquefoto{		/*izquierda*/
	width:45%;
	float:left;
}
.bloquetexto{     /*derecha*/
	width:45%;
	margin-left:50px;     
	float:left;
}
.imgdetalle{
	width:100%;
	min-width:300px;
	max-width:580px;
}
.bloquefoto20{		/*izquierda*/
	width:25%;
	float:left;
	margin-right:1px;
}
.bloquetexto70{     /*derecha*/
	width:65%;
	margin-left:50px;     
	float:left;
}
.imgdetalle20{
	width:100%;
	max-width:290px;
}




@media screen AND (max-width:700px ) {
	.titulo{
	text-align:center;
}
    .item{		
		width:300px;
		float:none;
		margin: 0 auto;
		margin-bottom:30px;
	}

	/*******************************************detalle fichas ******************************************* */

	.bloquefoto{		/*izquierda*/
		width:100%;
		margin: 0 auto;
		float:none;
	}
	.bloquetexto{     /*derecha*/
		width:100%;
		margin: 0 auto;
		margin-top:15px;
		float:none;
	}
	.bloquefoto20{		/*izquierda*/
		width:100%;
		margin: 0 auto;
		text-align:center;
		float:none;
	}
	.bloquetexto70{     /*derecha*/
		width:100%;
		margin: 0 auto;
		margin-top:15px;
		float:none;
	}
}
@media screen AND (max-width:450px ) {
	.boton{
		margin: 0 auto;
		margin-bottom:15px;
	}
	.itemtinte{		
		width:300px;
		float:none;
		margin: 0 auto;
		margin-bottom:30px;
	}
	.itemeco{		
		width:300px;
		float:none;
		margin: 0 auto;
		margin-bottom:30px;
	}
	.itemduo{		
		width:300px;
		float:none;
		margin: 0 auto;
		margin-bottom:30px;
	}



}