// ----------------------- Nuevos estilos incorporados a partir de 2017 -------------

.bloque_modalidad
{
	-webkit-user-select: none;  /* Chrome  / Safari  */
	-moz-user-select: none;     /* Firefox  */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}

.bloque_indentado
{
	margin-left: 1rem;
}

details
{
	padding: 0.25rem 1rem;
	background-color: #f6f7f8;
	margin-bottom: 0.25rem;
	text-align: justify;
}

details[open]
{
	background-color: grey2;
	border-bottom: 1px dotted black;
}

summary
{
	outline:none !important;
	cursor: pointer;
	/* font-weight: bold; */
	background-color: grey1;
	font-size: 1.2em;
}

summary:hover
{
	color:white;
	background-color:#900;

	cursor: pointer; cursor: hand;
}


/*  ------------- Bloque texto + imagen portada ------------ */
div.bloques_texto_e_imagenes
{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;

	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;

	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;

	padding-top:0;
}

/* ----------- bloque de texto - información general ---------- */
section.bloque_texto
{
	-webkit-order: 2;
	-ms-flex-order: 2;
	order: 2;

	-webkit-flex: 1 1 50rem;
	-ms-flex: 0 1 50rem;
	flex: 0 1 50rem;   /* don't grow, shrink, start at 50rem */

	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;

	text-align: justify;
	margin-left: 0.25rem;
	border-left: 1px dotted black;
	padding-left: 0.75rem;
}

/* ----------- bloque de imagenes - se une a las clases "gallery clearfix" ---------- */
section.bloque_imagenes
{
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;

	-webkit-flex: 1 0 20rem;
	-ms-flex: 1 0 20rem;
	flex: 1 0 20rem; /* don't grow, shrink, start at 50rem */

	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;

	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;

	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.imagen_individual
{
	float: left;
	margin: 0 5px 5px 0;
	background: white;
	border: 4px solid white;

	-webkit-box-shadow: 0px 0px 4px black;
	-moz-box-shadow: 0px 0px 4px black;
	box-shadow: 0px 0px 4px black;

	-webkit-transition: all 0.7s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;

	position: relative;
}

.imagen_individual img
{
	width: auto;
	height: auto;
	max-height: 6.5vw;
}

.imagen_individual:hover
{
	border: 4px solid red;
}

.imagen_individual.tall:focus
{
	outline: none;
	-webkit-transform: scale(2.0);
	-moz-transform: scale(2.0);

	-webkit-box-shadow: 0 3px 10px #666;
	-moz-box-shadow: 0 3px 10px #666;
	box-shadow: 0 3px 10px #666;

	z-index: 9999;
}

@media screen and (min-width: 110rem)
{
	section.bloque_imagenes
	{
		-webkit-flex: 0 1 35rem;
		-ms-flex: 0 1 35rem;
		flex: 0 1 35rem;  /* don't grow, shrink, start at 50rem */
	}

	.imagen_individual img
	{
		max-height: 7.5vw;

	}
}

@media screen and (min-width: 80rem)
{
	section.bloque_imagenes
	{
		-webkit-flex: 1 1 15rem;
		-ms-flex: 1 1 15rem;
		flex: 1 1 15rem; /* don't grow, shrink, start at 50rem */
	}

}