/* Estilos Galería */

/* Enlaces Menú */

.tits { /* Título de Sección */
	background: #fff;
	line-height: 20px;
	color: #333;
	top: 40%;
	width: 80%;
	padding: 10px;
	margin: 5px;
	font-weight: 700;
	font-size:12px;
	text-align: right;
	left: -100%;
	box-shadow: 
		1px 1px 1px rgba(0,0,0,0.1),
		5px 0 5px -3px rgba(0,0,0,0.1),
		inset 0 0 5px rgba(0,0,0,0.04);
}
.grupo { /* Grupo de link de un submenú */
}
.lnk_menu a { /* Link menú */
	display: block;
	color:#069;
	text-decoration: none;
	font-size: 12px;
	padding: 10px;
	background-color: #ccc;
	border-radius: 5px;
	margin: 5px;
	text-align: right;
}
.lnk_menu a:hover {
	color: #666;
	text-decoration: none;
	font-size: 12px;
}
.lnk_menu a.selected {
	background-color: #666;
	color:#fff;
}

/* Enlaces Galería */
.lnk a { COLOR:#fff; TEXT-DECORATION: none; font-size: 12px; }
.lnk a:hover { COLOR: #000; TEXT-DECORATION: none; font-size: 12px; }

.txt_intro { color:#333; text-align:justify } /* Texto de introducción que aparece en la parte derecha encima de las fotos */
.borde_imgs { background-color:#ccc; border:5px solid #ccc; border-radius:10px; } /* Borde que sale alrededor de las imágenes */
.borde_imgs img { border-radius:10px; } /* Estilo foto */
.comentario { font-family:Century Gothic, Trebuchet MS, Tahoma, Arial, Verdana; font-size:12px; color:#000; padding: 5px; } /* Texto del comentario que sale al pincharle a una foto */

.div_men { float:left; overflow:auto; width:20%; }
.div_gal { float:left; overflow:auto; width:80%; }

/*  QUERIES	============================================================================= */

@media only screen and (max-width: 960px) {
	.div_men { float: none; width: 100%; padding-bottom: 20px; }
	.div_gal { float: none; width: 100%; }
	.tits {
		float: left;
		width: auto;
		border-radius: 5px;
	}
}

@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 700px) {

}

@media only screen and (max-width: 480px) {
	
}

@media only screen and (max-width: 440px) {
	
}