/*   estilos de talleres.php  */
.bloque{
	margin-left: 20px;
}

.titulopag{
	font-size:1.5rem;
	color:#888;
	font-style:italic;
	text-align:left;
	margin-top:15px;
}

.item{		
	width:240px;
	height:240px;
	float:left;
	margin-right:13px;
	margin-left : 13px;	
	margin-top:30px;
}
.fototaller{
	width:240px;
	height:240px;
	opacity:1;
}
.itemcuadernillo{		
/*	width:348px;
	height:500px; */
	float:left;
	margin-right:13px;
	margin-left : 13px;	
	margin-top:30px;

}
.fotocuadernillo{
 /*  	width:348px;
	height:500px; */
	opacity:1;

}
.textofoto{
	 font-size:1.125rem;
	 text-align:center;
	 padding:10px;
	 padding-top:90px;
}
.tonotexto1{
	 color:#ECECEC;	
}

/*******************************************detalle talleres ******************************************* */
.bloquepag{
	margin: 0 auto;
	margin-top:20px;
	width:72%;
	max-width:1000px;
	color:#666;
}
.titulodet{
	font-size:1.8rem;
	font-style:italic;
	text-align:center;
	margin-top:10px;
	margin-bottom:20px;
}
.detalles{
	margin-top:25px;
}
.subtitdet{
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
}
.textodet{
	margin-top:10px;
}
.resumen{
	width:80%;
	margin: 0 auto;
	margin-top:25px;
	padding:10px;
	border:#999 solid 1px;
	color:#630;
	font-size:0.8rem;
}
.resumen a{
	color:#630;
}
.resumen a:hover{
	color:#2B5FA6;
	text-decoration:underline;
}

#volver{
	padding-top:10px;
	padding-bottom:10px;
}
.subtitulo{
	font-size: 1.4rem;
	text-align: right;
	margin-bottom: 20px;
	font-style: italic;
}
.boton{
	/*margin-top:15px;*/
	border-radius: 5px;
	background-color:#999; 
	color:#fff;
	padding:6px; 
	font-size:0.80rem; 
	width:90px; 
	text-align:center;
	float:left;
}
.botonera{
	border:#960 solid 1px; 
	padding:10px;
	text-align: left;
	margin-bottom: 20px;
}
.linktaller{
	float:left;
	margin-right:40px; 
	margin-top:15px;
}
.botoncli{
	margin:0 auto;
	border-radius: 5px;
	background-color:#777; 
	color:#fff;padding:5px; 
	font-size:0.75rem; 
	width:150px; 
	text-align:center;
	cursor:pointer;
}
.vercomprar{
    float:left; 
    padding-left:5px; 
    padding-top:2px; 
    font-size:1rem;
}
.banderita{
    float:left; 
    padding-left:5px; 
    padding-top:4px;
}
.mundo{
    float:left; 
    padding-left:5px; 
}

@media screen AND (max-width:980px ) {    /* para detalle talleres  */
	
	.bloquepag{
		width:100%;
	}

}

@media screen AND (max-width:570px ) {
	
	.titulopag{
		text-align:center;
	}	
	.item{		
		float:none;
		margin:0 auto;
		margin-top:30px;
	}
	.itemcuadernillo{		
		float:none;
		margin:0 auto;
		margin-top:30px;
}
	.resumen{
		width:95%;	
	}
	.botonera{

		padding:8px;
		text-align: center;
	}
	.linktaller{
		float:none;
		margin-right:none;
		
	}

	

}