/*Hoja de estilos para web pachy de arenaza*/
/*Creada por Alousana diseno 2024*/
/*reset*/
* {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
/*animaciones*/
/*aspectos generales*/
@font-face{font-family:'great';
src:url(../fonts/GreatVibes-Regular.ttf);}
body{width:100%;
	max-width:1600px;
	height:100%;
	margin:auto;
	overflow-x:hidden;
	font-family:'verdana';
	color:#333333;
	background-color:#fff;
	font-size:130%;
	line-height:30px;}
a {color:#993300;text-decoration:none;transition: 1s ease;}
a:hover{color:#ff0000;}
.boton-subir {width:200px;height:25px;margin:5px auto;margin-right:5px;padding:15px;border-radius:8px;box-shadow:2px 2px 5px #000;transition: 1s ease;}
.boton-subir:hover {box-shadow:1px 1px 3px #000;background-color:#ccc;}
.boton-subir a:hover{color:#000;text-decoration:none;}
/*estructura pagina*/
#paginas {width:100%}
.titulo {width:100%;height:10px;background-color:#fff;}
.bio {height:auto;margin:20px;text-align:justify;}
.bio p{padding:10px;}
.bio h3 {font-size:300%; font-family:'great';line-height:50px;}
.expos, .cabecera {width:100%;display:block;text-align:center;}
.expos h3 {font-size:250%;font-family:'great';line-height:30px;}
.cabecera img{width:70%;margin:auto;box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;}
.texto-criticas {width:100%;display:block;text-align:center;font-style:italic;}
@media (max-width:960px) {.titulo {font-size:80%;}}
@media (max-width:800px) {.cabecera {width:100%;clear:both;}.cabecera img{width:100%;height:auto;}}
@media (max-width:600px) {.titulo {font-size:100%;}.expos h3{line-height:50px;}.bio h3{text-align:center;}.bio p{text-align:center;}}
.bloque-bio {display:block;width:100%;height:auto;margin-top:50px;}
.imagen-bio {width:35%;float:right;text-align:center;padding:30px 0;box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;}
.imagen-bio img {height:500px;width:auto;}
@media (max-width:1150px){.imagen-bio {width:100%;clear:both;text-align:center;padding:30px;}.boton-subir {margin:5px auto;}}
@media (max-width:600px){.imagen-bio img{width:100%;height:auto;}}
/*obra-miniaturas y visor*/
.miniaturas {width:90%;margin:auto;text-align:center;overflow-x:hidden;}
.miniaturas p{font-size:80%;margin-top:-15px;}
.miniaturas img:hover{box-shadow:none;}
.fotosbio, .fotosexpo {width:100%;height:auto;
		margin:auto;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-webkit-display:flex;
		-moz-display:flex;
		-ms-display:flex;
		display:flex;
		flex-wrap:wrap;
		justify-content:space-around;
		gap:20px;
		padding:30px;}
.fotosbio img {width:200px;height:200px;margin:30px;object-fit:cover;object-position:center top;filter: drop-shadow(0 0 5px #262660);}
.fotosexpo img {max-height:250px;width:100%;object-fit:contain;margin:30px auto;filter: drop-shadow(0 0 5px #262660);}}
@media (min-width:450px){.fotosexpo img{max-height:none;}}
.icon {font-size:1.7em;color:#fff;}
/*visor de la galeria*/
#container {width:100%; background-color:white; text-align:center;}
.visor {width:100%;
	height:auto;
	text-align:center;}
.visorcuadros{display:none;}
.visorcuadros:target{display:block; width:100%; height:100%;margin:auto;text-align:center;}	
@media (min-width:801px) and (orientation:landscape){.visorcuadroseliminar:target{display:block; width:60%; height:100%;margin:auto;}}
.cuadro {display:block;width:100%;height:auto;text-align:center;}
.cuadro2 {display:block;height:600px;width:auto;margin:auto;text-align:center;}
.cuadro img, .cuadro2 img {width:auto;
				height:100%;
				max-height:100%;
				margin:0 auto 0;
				box-sizing:border-box;
				-moz-box-sizing:border-box;
				-webkit-box-sizing:border-box;
				-ms-box-sizing:border-box;
				box-shadow:0 0 15px #262660;
				-moz-box-shadow:0 0 15px #262660;
				-webkit-box-shadow:0 0 15px #262660;
				-ms-box-shadow:0 0 15px #262660;}
.cuadro a, .cuadro2 a {color:#000;
						font-size:15px;
						text-decoration:none;}
@media (max-width:600px){.cuadro a{padding:5px;border-radius:5px;}}
.cuadro a:hover, .cuadro2 a:hover {box-shadow:0 0 5px #262660;
							-moz-box-shadow:0 0 5px #262660;
							-webkit-box-shadow:0 0 5px #262660;
							-ms-box-shadow:0 0 5px #262660;}
.botonesvisor {display:block;width:100%;height:50px;position:relative;top:10px;font-size:100%;}
.atras {width:30%;text-align:left;position:absolute;top:20px;bottom:18px;left:20px;float:left;}
.avance {width:30%;text-align:right;position:absolute;top:20px;bottom:18px;right:20px;float:right;}
.cerrar {width:150px;margin:0 auto 10px;padding:10px;text-align:center;line-height:5px;transition: 1s ease;}
.cerrar:hover {background-color:#c0c0c0;
			box-shadow:0 0 5px #262660;
			-moz-box-shadow:0 0 5px #262660;
			-webkit-box-shadow:0 0 5px #262660;
			-ms-box-shadow:0 0 5px #262660;}
.cerrar a:hover {text-decoration:none;color:#000;}			
@media (max-width:900px) {.cuadro {width:100%;height:auto;}.cuadro img {width:100%;height:auto;}}
@media (max-width:600px) {.cuadro2 {width:80%;height:auto;padding:0 20px;}.cuadro2 img {width:100%;height:auto;}}
@media (max-width:900px) {.botonesvisor {font-size:80%;}}
/*footer*/
#footer {position:relative;
		width:100%;
		height:250px;
		color:#333366;
		font-size:90%;
		background-color:#ff9933;
		padding-bottom:20px;
		overflow:hidden;
		float:left;}
#footer a {color:#333366;font-size:90%;}
.mail {width:100%;
	height:60px;
	display:block;
	text-align:center;
	padding:40px 0 0 0;
	line-height:20px;}
.mail img{width:100px;margin-top:5px;}
.mail img:hover{width:42px;}
.logo {width:100%;
	height:50px;
	display:block;
	text-align:center;
	float:right;}
.linkalousana img{width:40px;margin-bottom:-5px;}
.copyright {clear:both;width:100%;
	height:60px;position:absolute;right:0;left:0;bottom:30px;padding-bottom:10px;text-align:center;font-size:80%;line-height:20px;}