@charset "UTF-8";

@font-face {font-family:'yibaiti';src:url('https://fluxus.artes.uchile.cl/_common/fuentes/msyi.ttf') format('truetype');}


body{width:100%;position:relative;font-size:85%;background-blend-mode: screen;letter-spacing:0.07em;line-height:1.7em;}
body{font-family: 'Quicksand';}

/*
body{font-family: 'Lato';}
body{font-family: 'Source Sans Pro';}
body{font-family: 'Raleway';}
body{font-family: 'Source Sans Pro';}
body{font-family: 'Inter';}
body{font-family: 'Open Sans Condensed';}
*/

/*background-image: linear-gradient(120deg, #fdfbfb 0%, #dbe1e4 100%); /*#fdfbfb 0%, #ebedee*/
/*background-image: linear-gradient(to top, #f3e7e9 0%, #e6effc 99%, #e3eeff 100%);*/

	

/*background-image: radial-gradient(73% 147%, #EADFDF 59%, #ECE2DF 100%), radial-gradient(91% 146%, rgba(255,255,255,0.50) 47%, rgba(0,0,0,0.50) 100%);*/


header,nav,main{max-width:1400px;margin:0 auto;position:relative}
main{overflow:hidden} /*main{overflow:visible}*/
main>section{margin:15px 0 100px}

footer{color:white;position:relative;bottom:0;width:100%;font-size:11px;padding:20px 0;height:50px;clear:both}

article.texto{padding:0 20px;box-sizing: border-box;}

#logo{background-color:transparent;position:absolute;right:480px;top:40px;height:40px;}
header{height:30px;padding:40px 0}
h1.titulo{color:black;text-shadow: 0px 0px 3px rgba(0,0,0,.3);text-align:right;font-family: Lato;font-size:35px;letter-spacing: 7px}

.portada{position:relative;height:600px!important;background:url(../img/fondo.jpg) center/cover;overflow:visible}

.bio{position:relative;height:600px;background:url(../../content/contenidos/bio/bio.jpg) right/cover;overflow:visible}
.bio .caption,.portada .caption{width:250px;position:absolute;left:30px;height:600px;background-color:rgba(255,255,255,0.9);font-weight:bold;padding:30px;text-align:justify;overflow:visible}

#contacto{position:relative;overflow:visible}

.caja{max-width:300px;padding-bottom:300px;border-radius:10px;display:inline-block;background-color:grey;border:2px solid white;box-sizing: border-box;box-shadow: inset 1px 1px 5px rgba(0,0,0,.1);margin:10px}

td .caratula{border-radius:10px;box-shadow: inset 1px 1px 5px rgba(0,0,0,.1);width:300px;height:300px;margin:30px 0px}
	.descripcion{text-align:center!important;font-weight:bold;font-family:yibaiti;font-size:170%;background-color:white!important}
	.descripcion p{text-align:center!important;}
	td .linea{cursor:none;font-size:150%;color:grey;}

a.enlace{display:block;font-weight:bold;color:red!important}

/*
nav div{border:2px solid orange;border-radius:10px;margin:5px 0;background-color:#fbf0b2;font-size:13px;font-weight:bold;padding:2px 4px;color:#555}
nav div:hover{background-color:orange}
nav a:link{color:#555}
*/
nav{font-family: yibaiti;font-size:20px;margin-top:30px}
nav div{color:#333;text-shadow: 0px 0px 4px black;margin:35px 0 0}


section h2{color:red;font-family:yibaiti}

.descripcion.final{display:inline-block;color:rgb(181,1,1);width:100%;text-align:center;font-weight:bold;padding:5px;margin-top:30px}

.caption{width:150px;margin-bottom:20px;text-align:center;font-weight:bold}

.row {display: flex;flex-wrap: wrap;padding: 0 4px;}	
/* Create four equal columns that sits next to each other */
.column {flex: 31%;max-width: 31%;padding: 0 4px;}
.column img {margin-top: 8px;vertical-align: middle;width: 100%;}
/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 1000px) {
.column {flex: 47%;max-width: 47%;}
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
.column {flex: 95%;max-width: 95%;}
}



galeria .placeholder-slider {
    position: relative;
    width: 100%;
    padding-top: calc(55% + 70px);
    padding-botton:30px;
    overflow-x: hidden;
}
galeria .slide{height:calc(100% - 50px);width:100%;margin:5px auto 0}
galeria .slide img {
    margin: 0 auto;
    display:block;
}
galeria .slide .pie{color:white} /* invisible por mientras*/


galeria #dots {
    position: absolute;
    bottom: 0px;
    top: ( 100% - 50px);
    height: 50px;
    overflow: hidden;
    width: 100%;
    opacity: 1;
    text-align: center;
    text-align: center;
    z-index: 100;
}

.lb-image{height:calc( 100vh - 100px)}
/*.lb-outerContainer,.lb-container{width:700px!important;}*/


.lb-image{background-color:black;max-width:500px!important;max-height:auto!important}
.lb-outerContainer,.lb-container{background-color:black;max-width:500px!important;}


/*
body            {font-family:sans-serif;width:100%}
header#menu		{height:300px;width:1100px;margin: 0 auto 60px;position:relative;}
header#menu nav{width:700px;display:flex;position:absolute;bottom:10px;right:0;justify-content: space-between}
header#menu nav>a{font-weight:bold;display:inline-block;text-shadow:0 1px 4px rgba(31, 22, 36, 0.3)}
header#responsive{position:fixed;top:0;z-index:2;height:70px;width:100%;display:none;background-color:white;box-shadow:2px 0 5px black;font-family:'Source Sans Pro'}
header#responsive button{margin:10px;cursor:pointer;border:2px solid lightgrey}
header#responsive nav{position:absolute;top:100px;width:100%;display:none;height:80vh;overflow-y:auto}
header#responsive nav a:link,header#responsive nav a:visited{display:block;background-color:lightgrey;border-top:3px white solid;padding:20px}
header#responsive nav a:hover,header#responsive nav a:active{background-color:rgb(234,133,133);color:white}

section#main	{position:relative;width:1020px;margin: 0 auto;}
section#main>h1,section#main>center,section#main>div:not(.container){max-width:700px;padding: 0 40px}

footer			{height:150px;width:100%;margin:80px auto 0 ;background-color:#f0f063}
footer article{max-width:1100px;margin:0 auto;padding:20px 0}

*/



.exhibiciones{column-count:2;width:100%;margin: 0 auto}

@media (min-width: 800px) and (max-width: 1100px) and (orientation: landscape){
	body,section#main,header#menu{width:100%}
	#zegers-logo{height:150px}
	header#responsive{display:none}
	footer{height:100px;font-size:90%;background-size:90px!important;}
	
	
	.exhibiciones{column-count:1;width:80%}
}

@media (max-width: 799px) {
	body,section#main{width:100%}
	header#menu{display:none}
	header#responsive{display:block}
 	aside{display:none}
	footer{height:100px;font-size:70%;background-size:80px!important;}
	
	.exhibiciones{column-count:1;width:80%}
}