/*Hoja de estilos para web Mayte Spínola*/
/*Creada por Alousana diseno 2019*/
/*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;}
/*aspectos generales*/
body{width:100%;
	max-width:1280px;
	height:100%;
	margin:auto;
	background-color:#fff;
	font-family:arial;
	color:#575757;
	line-height:25px;}
a {text-decoration:none;
	color:#575757;}
.oculto {display:none;}
/*menu*/
.menu a{color:#000;font-size:80%;font-weight:bold;}
.menu li{height:50px;text-align:left;background-color:#fff;}
.menu img{display:block;}
.wrapper2 a:hover {color:#ccc;} 
.wrapper2 a:hover img {opacity:0.4;border-bottom: 6px solid#000000;} 
.menu li p{margin-top:10px;font-size:80%;}
.menumovil {display:none;}
.botonmenumovil {display:none;width:100%;height:100px;font-size:180%;text-align:center;position:fixed;right:0;}
.botonmenumovil a {display:block;width:100%;color:#fff;background:#330000;padding:5px 0 5px;box-shadow:-4px 4px 20px #000;}
.iconos {width:45px;float:left;margin-right:5px;}
/*portada*/
.cabecera {width:60%;height:100px;margin:auto;}
#main-home {width:100%;height:auto;margin:auto;}
.wrapper1 {display:flex;flex-wrap:wrap;justify-content:center;gap:10px;font-size:15px;font-weight:bold;letter-spacing:0px;} 
.wrapper1 div{margin:15px 2px;}
.titulo {position:relative;top:50px;}
.titulo h3{font-size:24px;font-weight:bold;}
.wrapper1 a:hover img {filter: invert(100%);}
.imagen-portada img{width:96px;height:96px;}
@media (min-width:1300px){body {width:100%}}
@media (max-width:1000px){.titulo {width:100%;text-align:center;}
	.titulo h3{position:initial;}}
@media (max-width:1000px){#main {height:700px;}.cabecera {height:200px;} .wrapper1 p {font-size:110%;text-align:center;}.titulo h3{line-height:40px;}.titulo h4{font-size:120%;}}	
/*paginas*/
#main {width:790px;height:100%;margin:auto;overflow:auto;border-left:4px solid#000000;border-right:4px solid#000000;box-shadow:12px 0px 1px #ccc, -12px 1px 0px #ccc;}
.wrapper2{width:150px;height:1400px;margin:10px;float:left;}
.wrapper3 {width:600px;height:auto;margin:10px;float:right;}
.wrapper3 img, video {width:100%;height:auto;} 
h2{font-size:300%;font-weight:bold;color:#fff;transform: scaleX(0.80);margin:-40px 0 0 -60px;text-shadow:2px 2px 4px #000;}
.texto {width:100%;height:60px;margin:30px auto 5px;background-color:#ccc;}
.noticia p{padding:5px;float:left;}
.noticia p:nth-child(2) {float:right;}
.listado {margin:30px auto 0;text-align:left;line-height:30px;}
.listado h1{font-size:120%;font-weight:bold;}
.listado a img{width:20px;}
.botonup {text-align:right;}
.intro {margin:20px 10px;}
.introcv {width:100%;height:160px;margin-top:30px;}
.introcv img{width:150px;float:left;margin-right:20px;}
.introcv a{color:#660000;}
.autorestextos {color:#999;font-style:italic;}
.prensa {margin-top:30px;}
.prensa a img{width:16px;height:16px;}
.prensa a:hover {color:#cc0000;}
.radios img{height:70px;width:auto;}
@media (max-width:800px){#main {width:100% !important;border:none;box-shadow:none;}
						.botonmenumovil{display:initial;z-index:10;}
						.wrapper2 {display:none;}
						.wrapper3 {width:100%;margin:40px auto 10px;}
						.menumovil {width:100%;height:auto;margin:20px auto 0;display:flex;flex-wrap:wrap;justify-content:space-around;gap:2px;font-size:15px;font-weight:bold;letter-spacing:0px;}
						.menu li{height:120px;text-align:center;font-size:300%;line-height:40px;}
						.texto {height:130px;}
						.noticia {display:block;text-align:center;font-size:150%;}
						.iconos {width:100px;margin:2px auto;}
						.noticia p {float:none;margin-bottom:0;}
						.noticia p:nth-child(2) {float:none;margin-top:0;}
						.listado {width:90%;}
						.prensa {margin-left:15px;}
						h2 {text-align:center;margin:-50px 0 0 0;}}
@media (max-width:500px){.texto {height:150px;}.noticia p{font-size:90%;}}
/*copiado de la pagina de la galeria de fotos*/
.galeriafotos {margin:30px auto 0;display:flex;flex-wrap:wrap;justify-content:space-around;gap:10px;font-size:12px;font-weight:bold;text-align:center;}
.foto-galeria {height:180px;width:150px;}
.foto-galeria a img {height:100px; width:150px;object-fit:cover;object-position:center center;}

/*copiado del visor de la galeria y obra*/
#container {width:100%; background-color:#fff;text-align:center;}
#containerobra{width:100%;background-color:#000;text-align:center;}
.logolinda, .logolinda2 {position:relative;margin-left:40px;padding-top:30px;text-align:left;}
.textoobras {text-align:left;}
.textoobras span{font-size:15px;line-height:20px;}
.visor {width:100%;
	height:auto;
	text-align:center;
	padding:0px;}
.visorobra {position:relative;width:600px;min-height:550px;margin:0px auto 0;background-color:#fff;}
.topediv {color:#000;}
@media (max-width:600px){.visorobra {width:100%;
	height:auto;
	text-align:center;}
#containerobra{background-color:#fff;}
.topediv {color:#fff;}}
.visorcuadros, .visorcuadros2, .visorcuadros3, .visorcuadros4 {display:none;}
.visorcuadros:target, .visorcuadros2:target, .visorcuadros3:target, .visorcuadros4:target {display:block; width:90%; height:100%;margin:auto;text-align:center;}
.visorcuadros4:target img {height:400px;width:auto;}
.visorcuadros2:target img {max-width:450px;}
.visorcuadros2:hover a, .visorcuadros3:hover a, .visorcuadros4:hover a {color:#ff0000;background-color:#fff;}
@media (max-width:400px){.visorcuadros4:target img {width:90%;height:auto;}}
@media (max-width:500px) {.visorcuadros2:target {width:75%;height:100%;}}
@media (min-width:701px) {.visorcuadros:target {display:block; width:60%; height:100%;margin:auto;}}
.cuadro, .cuadro2 {display:block;}
	.cuadro a, .cuadro2 {color:#000;
		font-size:15px;
		text-decoration:none;}
		@media (max-width:600px){.cuadro a{padding:5px;border-radius:5px;}}
		.cuadro 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;}
			.cuadro img {width:100%;
				max-width:800px;
				height:auto;
				max-height:100%;
				margin:40px auto 0;
				border:7px solid #fff;
				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;}
			.cuadro2 img{width:100%;
				max-width:800px;
				height:auto;
				max-height:100%;
				margin:40px auto 0;}	
				.avance {text-align:left;margin-top:18px;}
				.atras {text-align:right;position:relative;bottom:18px;right:0px;margin-left:100px;}		
.cerrar:hover {text-decoration:none;
	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;}
.botonvolobra{float:right;margin:0px 30px 0 0;}	
/*footer*/
#footer {clear:both;
		width:60%;
		height:100px;
		background-color:#fff;
		margin:auto;
		padding-bottom:10px;
		font-size:90%;} 
.linkalousana2 {height:50px;position:absolute;text-align:right;}
.linkalousana2 img {height:30px;width:auto;position:relative;top:10px;}
@media (max-width:1000px){#footer {text-align:center;font-size:110%;margin-top:20px;} .linkalousana2 {position:initial;margin:auto;text-align:center;}}