/*Hoja de estilos para web dibujantejuanjimenez*/
/*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;}
/*animaciones*/
/*aspectos generales*/
@font-face{font-family:'constantia-b';
src:url(../fuentes/Constantia Bold.ttf);}
@font-face{font-family:'open';
src:url(../fuentes/open-sans_[allfont.es].ttf);}
body{width:100%;
	max-width:1600px;
	height:100%;
	margin:auto;
	overflow-x:hidden;
	font-family:'open';
	color:black;
	background-color:white;
	font-size:130%;}
a {color:black;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;}
/*contenedor principal, que constituye la portada*/
#portada {width:100%;
	height:800px;
	background-color:#fff;
	background-image:url("../images/fondo1_001.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;}
.titulo h3, .titulo2 h3 {font-family:'constantia-b';font-size:150%;padding:30px 0 0 30px;}
#menu {width:30%;text-align:right;margin:10%;margin-top:200px;}
#menu ul {text-align:left;}
#menu li {margin:20px;}
/*estructura paginas*/
#paginas {width:100%;background-color:#fff;}
.titulo2 {width:100%;height:110px;background-color:#fff;}
.titulo2 h3 {width:300px;float:left;}
#menu-lineal {width:60%;height:75px;float:right;padding-top:25px;text-align:center;}
#menu-lineal li {float:right;margin:2%;}
.cabecera {width:100%;height:300px;overflow:hidden;position:relative;}
.cabecera img{width:100%;}
.cabecera p {font-family:'open';font-size:200%;position:absolute;left:20px;bottom:-10px;box-shadow: 2px 2px 3px #000;background-color:#fff;padding:10px;border-radius:10px;}
.texto-links {width:100%;display:block;margin:auto;padding:30px;text-align:justify;line-height:22px;}
.texto-links img{max-width:100%;}
.texto-criticas {width:90%;display:block;padding:30px;text-align:center;font-style:italic;line-height:28px;}
.texto-criticas span{font-style:normal;}
.catalogos {width:100%;margin-left:-30px;}
@media (max-width:960px) {.titulo2 {font-size:80%;}.titulo2 h3{width:200px;}}
@media (max-width:800px) {.cabecera img{height:300px;width:auto;}.texto-links{text-align:center;padding:0;}.catalogos{margin:0;}}
@media (max-width:600px) {.titulo2 {font-size:100%;}.titulo2 h3 {width:100%;display:block;padding:30px 0 0 0;}
#menu-lineal {width:100%;height:200px;display:block;clear:both;margin:0 auto 10px;}
#menu-lineal li {clear:both;display:block;}}
/*contacto y noticias*/
.texto-contacto {font-size:90%;width:40%;float:left;padding:30px;text-align:justify;line-height:22px;position:relative;}
.bloque-noticia, .bloque-bio {display:block;width:100%;height:400px;margin:50px 0;}
.bloque-bio {height:700px;}
.imagen-noticias, .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-memo {width:35%;}
.imagen-noticias img{height:300px;width:auto;}
.imagen-bio img {height:500px;width:auto;}
.texto-noticias, .texto-noticias2, .texto-noticias3 {font-size:90%;width:60%;float:left;padding:30px;text-align:justify;line-height:25px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-ms-box-sizing:border-box;
		position:relative;}
.texto-noticias2, .texto-noticias3 {float:right;width:50%;}
.texto-noticias3 {float:left;}
.texto-noticias h3, .texto-noticias2 h3, .texto-noticias3 h3, .texto-noticias h2 {font-size:130%;font-weight:bolder;}
.texto-noticias2 h4, .texto-noticias3 h4 {font-size:110%;font-weight:bolder;}
.texto-noticias h3 {width:100%;padding:15px 10px 0 10px;border:1px solid #ccc;border-radius:5px;}
.texto-noticias2 span{font-style:italic;}
hr {display:block;width:70%;height:2px;background-color:#ccc;margin:auto;}
@media (max-width:1200px){.texto-noticias, .texto-noticias2, .texto-noticias3 {width:50%;}.bloque-bio {height:800px;}.imagen-noticias{width:45%;}}
@media (max-width:1030px){.bloque-noticia {height:670px;}.bloque-bio {height:1200px;}.imagen-noticias, .imagen-bio, .texto-noticias, .texto-noticias2, .texto-noticias3 {width:100%;clear:both;text-align:center;padding:30px;}.boton-subir {margin:5px auto;}}
@media (max-width:600px){.imagen-noticias img{width:100%;height:auto;}.bloque-bio {height:1300px;}.imagen-bio img{width:100%;height:auto;}}
#contacto {width:50%;
	height:100%;
	position:relative;
	right:-50px;
	display:table;
	text-align:left;
	font-size:90%;
	margin:50px 0 10px;
	padding:10px 0px 20px;}
#contacto form {width:70%;
	height:100%;
	margin:10px auto;}
#contacto form label{width:160px;
	text-align:left;
	font-size:130%;}
input, select, textarea {width:100%;position:relative;display:block;margin:10px auto;background-color:#cccccc;border:2px solid #c6c6c6;}
.boton, .boton2 {width:100px;
	display:block;
	float:left;
	border:2px solid #c6c6c6;
	box-shadow:1px 1px 3px #000;
	-moz-box-shadow:1px 1px 3px #000;
	-webkit-box-shadow:1px 1px 3px #000;
	-ms-box-shadow:1px 1px 3px #000;}
	.boton2 {float:right;}
	.boton:hover, .boton2:hover {box-shadow:1px 1px 3px #fff;
		-moz-box-shadow:1px 1px 3px #fff;
		-webkit-box-shadow:1px 1px 3px #fff;
		-ms-box-shadow:1px 1px 3px #fff;}
@media (max-width:700px){.texto-contacto {width:90%;}#contacto{width:100%;right:0;text-align:center;}}
@media (max-width:400px){.texto-contacto {text-align:left;}}
.fondomensaformu {width:100%;text-align:center;height:1000px;
	background-color:#fff;
	background-image:url("../images/p-Casa-dos-Bicos-jj.jpg");background-position:center;background-repeat:no-repeat;background-size:100%;}
.mensaformu {width:100%;position:relative;top:200px;}
.mensaformu p{display:block;width:400px;margin:auto;padding:20px;background-color:#fff;border:2px solid #c6c6c6;border-radius:15px;line-height:30px;}
.reicon {width:50px;opacity:0.5;}
.reicon:hover{opacity:1;}
@media (max-width:400px){.mensaformu p{width:90%;padding:10px 0 0;}}
	/*obra-miniaturas y visor*/
.miniaturas {width:90%;margin:auto;text-align:center;overflow:hidden;}
.miniaturas img{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;}
.miniaturas img:hover{box-shadow:none;}
.fotosbio {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;
		padding:30px;}
.fotosbio img {width:200px;height:200px;margin:30px;object-fit:cover;object-position:center top;}
.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:200px;
		color:#fff;
		font-size:90%;
		background-color:#000;
		padding-bottom:20px;
		overflow:hidden;
		float:left;}
#footer a {color:#fff;font-size:90%;}
.mail {width:40%;
	height:80px;
	text-align:left;
	padding:40px 0 0 20px;
	float:left;
	line-height:20px;}
.mail img{width:50px;margin-top:5px;}
.mail img:hover{width:42px;}
.logo {width:40%;
	height:60px;
	text-align:right;
	padding:50px 20px 0 0;
	float:right;}
.linkalousana img{width:40px;margin-bottom:-10px;}
.copyright {clear:both;width:100%;
	height:20px;position:absolute;right:0;left:0;bottom:10px;text-align:center;font-size:80%;}
@media (max-width:550px){#footer {height:250px;}
.mail, .logo {width:100%;display:block;text-align:center;padding:40px 0 0 0;}
.copyright {height:40px;top:220px;}}