@import url(http://fonts.googleapis.com/css?family=Esteban);
@import url(http://fonts.googleapis.com/css?family=Gilda+Display);
@import url(http://fonts.googleapis.com/css?family=Cardo);
@import url(http://fonts.googleapis.com/css?family=Fanwood+Text:400,400italic);


* {
	margin: 0;
	padding: 0;
	
}

body, html {
	position:absolute;
	background: transparent;
	width:100%;
	height: 100%;
	padding: 0;
	font-family: 'Gilda Display';
	/*min-width: 780px;*/
}



p {
	margin:0;
}

li,a {
	list-style: none;
	text-decoration: none;
	color:inherit;
}

a {
	cursor: pointer;
}

h1 {
	font-size: 1.2em;
	font-weight: 600;
	text-transform: uppercase;
	/*text-align: right;*/
}

h2 {
	font-size:1em;
	font-weight:lighter;
	padding: 0 0 .4em 0;
}

h3 {
	font-size:.9em;
	text-transform:uppercase;
	font-weight:lighter;
	text-decoration:underline;
	padding: 0.3em 0 0 0;
}

ul {
	
}

img {
	border: none;
}

.itlc {
	font-style:italic;
}


/*---- CONTENT----*/

/*------ HEADER & FOOTER ------*/

#top-program { 
	position: relative;
}
#logo-program {
	padding: 31px 0 26px 42px;
	background: white;
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   	 -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
      -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
 }
#header {
	background: #fff;
	text-align: center;
}
#header-program {
	position: fixed;
	width: 100%;
	right: 0;
	z-index: 1000;
	top: 0px;
	-webkit-box-shadow: 0 -8px 21px 0px black;
	  -moz-box-shadow: 0 -8px 21px 0px black;
	    box-shadow: 0 -8px 21px 0px black;
	z-index: 14;
}
#logoImg {
	height:40px;
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   	 -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
      -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
}
#logoTxt {
	width: 250px;
	padding: 0 0 0 1.8em;
}
#institLogos {
	position: absolute;
	top: 33px;
	right: 14px;
	float: right;
	width: 260px;
	opacity: .6;
}
#logoSEP {
	height: 48px;
}
#logoCONLTA {
	position: absolute;
	height: 24px;
}
#logoINBA {
	position: absolute;
	height: 24px;
	right: 53px;
	top: 21px;
}
.lang {
	font-family: 'Helvetica';
	position: absolute;
	right: 0;
	top: 0;
	text-transform: uppercase;
	font-size: .5em;
	font-weight: bold;
	padding: 1.2em 20px		;
	color:rgba(0,0,0,.6);
}

.lang a.active { text-decoration: underline; }

/* ------------- RED BAR ----------------*/
#redBar { 
	position: absolute;
	background: red;
	right: 0;
	left: 0px;
	margin-left: 176px;
	padding:23px;
	color:#FFF;
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   	 -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
      -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
}
#redBar.selectListBar {
	margin-left: 176px;
	padding:23px 23px 35px 23px;
	/*padding: 23px 0 0 23px;*/
	overflow: hidden;
}
#redBar.selectListBar:after {
	position: absolute;
	font-family: 'Helvetica', sans-serif;
	font-weight: 100;
	text-align: right;
	bottom:0;
	display: inline-block;
	content: '';
	background: red;
	height: 2.2em;
	width: 100%;
	z-index: 2;
}

}
#redBar h1 { font-size:1.2em; line-height:28px; text-align: left; }
#redBar h2 { /*font-size:14px;*/ line-height:16px; text-transform: uppercase; }
.datesRedBar { font-size:11px; line-height:12.64px; }
.datesRedBar li { margin-bottom:6px; }
.paginationLinksOnePage { 
	margin-left:48px;
	overflow:hidden;
	font-family: 'Helvetica', arial;
	font-size:12px;
	line-height:11px;
	letter-spacing:0.2em; }
.fl { float:left; }
.fr { float: right; }
.clear { clear:both; }
.submenu-expo{
	left: 175px;
	padding: 23px;
	background: #F00;
	color: #fff;
	height: 30px;
	font-family: 'Gilda Display';
	position: fixed;
	width: 100%;
}
.expo-title{
	width: 450px;
	float: left;
	margin-top: -9px;
	line-height: 22px;
}
.expo-title span{
	font-size: 1.5em;
}
.expo-dates{
	width: 150px;
	margin: auto;
	float: left;
	font-size: 11px;
	margin-top: -9px;
	line-height: 15px;
}
.expo-menu{
	width: auto;
	width: 400px;
	font-size: 11px;
	float: right;
	margin-right: 100px;
	margin-top: -9px;
}
.onepage-pagination.paginationLinksOnePage  ul, .onepage-pagination.paginationLinksOnePage  li{
	display: inline-block;
}
.onepage-pagination.paginationLinksOnePage  li a {
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
}
.onepage-pagination.paginationLinksOnePage  li a:hover{
	font-size: 13px;
	font-weight: 900;
}
.onepage-pagination.paginationLinksOnePage  .active{
	font-size: 13px;
	font-weight: bolder;
}
.expo-menu ul li a{
	font-family: 'Helvetica', 'Arial';
}
/* -- END REDBAR --*/

/* -- FOOTER --*/
#footer {
	position:fixed;
	/*background: rgba(0,0,0,.8);*/
	text-align: left;
	/*padding-top: 20px;*/
	padding-bottom: 20px;
	color: rgb(9,9,9);
	bottom: 0;
	width: 100%;
}
#footer a {
	font-size:.6em;
	font-weight:bold;
	padding:1em;
	text-transform:uppercase;
}
/*------ END HEADER & FOOTER ------*/


/*-- BODY --*/
/* BACKGROUND */
#bkgdImg {
	min-height:800px;
}

img#bkgdImg{
	position:absolute;
	width: 100%;
	min-width:680px;
	margin: 0ex 16% 0 0;
	right: 0;
	overflow: hidden;
	z-index:-99;
}
/* END BACKGROUND */

/* SIDE BAR */

#left-sidebar {
	position: fixed;
	margin: 0 0 0 -208px;
	z-index: 13;
	top: 102px;
}

#left-sidebar.js {
	display: none;
}

#sideMenu {
	position:relative;
	box-shadow: 0px 0px 20px rgba(0,0,0,.2);
	z-index: 2;
}

#sideMenu label {
	background: rgb(255,255,255);
	color: rgb(9,9,9);
	width: 120px;
	text-transform:uppercase;
}

#sideMenu ul li:first-child label {
	width: 120px;
	text-transform:uppercase;
	padding-top:1.8em;
}

#sideMenu ul li:last-child label {
	width: 120px;
	text-transform:uppercase;
	/*padding-bottom:1.8em;*/
	padding-bottom: 3.8em;
}


#sideTab:hover {
	color: red;
}
#sideTab:active {
	color: red;
}
#sideTab:hover  .divLineBk {
	background: red;
}


.divLineBk {
	width:100%;
	height:2px;
	background:rgb(9,9,9);
	margin:.2em 0;
}

#sideTab {
	display: inline-block;
	margin: 0px 0 0px 200px;
	padding: .5em 2em 0;
}


#left-sidebar .menuLabels {
	font-size:.8em;
	z-index: -1;
	-webkit-transition: all 800ms cubic-bezier(0.455, 0.030, 0.515, 0.955); 
   -moz-transition: all 800ms cubic-bezier(0.455, 0.030, 0.515, 0.955); 
     -o-transition: all 800ms cubic-bezier(0.455, 0.030, 0.515, 0.955); 
        transition: all 800ms cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */
	
}

input[type=checkbox]:checked ~ div.menuLabels {
   /*margin:-190px 0 0 384px;*/
   margin:0 0 0 208px;
   opacity: 1;
   
}

.menuLabels {
	margin-top: -190px;
	margin-left: -600px;
	text-transform:uppercase;
	opacity: 0;
}

.menuLabels li label {
  display: inline-block;
  cursor: pointer;
}

#tugleGuan {
	padding: 0 0 6em 0;
}

div.expoTitle{
	box-sizing:border-box;
	min-width: 470px;
	max-width: 470px;
	background: red;
	padding: .5em 1.2em;
	position:absolute;
	color:rgba(255,255,255,.5);
	z-index: 1;
	-webkit-transition: all 600ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
	   -moz-transition: all 600ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
	     -o-transition: all 600ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
	        transition: all 600ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
}

div.expoTitle:hover{
	color:rgba(255,255,255,1);

}

div.expoTitle h2 {
	font-size: 1.5em;
}

/* Checkbox Hack */
input[type=checkbox] {
   position: absolute;
   top: -9999px;
   left: -9999px;
}
/*--- END SIDE BAR ---*/

/*--- HOME--*/
/*-- EXPO BOARD --*/
#expoWall {
	position:fixed;
	background:white;
	width: 40%;
	right: 0;
	top: 97px;
	bottom: 0;
}
#expoWall ul{
	background: red;
	height: 50%;
}
#expoWall ul li {
	max-width: 400px;
	color:white;
	padding: 2em 3em 0;
}

#expoWall ul li:last-child {
	padding-bottom: 3em;
}
#expoWall span {
	font-size:.75em;
	font-weight:100;
	letter-spacing:.2pt;
}
.divLine {
	width:120px;
	height:2px;
	background:white;
	margin:.3em 0;
}
.siteLinks {
	height: 100%;
}
.siteLinks a {
	font-family: 'Times';
	font-size:.8em;
	letter-spacing:2pt;
	font-weight:900;
	display: inline-block;
	text-transform: uppercase;
	width: 60px;
	margin: 3em 0 0 4em;
}
.siteLinks a:hover {
	color: red;
}
.defaultList{
	/*display: none;*/
}
/*-- END EXPO BOARD --*/

/*-- WRAPPERS --*/
#page-wrap {
	background: transparent;
	margin: 0px auto;
}
#page-wrap #inside {
	background:transparent;
	margin: -2px 0px 0px 0px;
	padding-top: 1px;
	padding-bottom: 10px;
}
#main-content-program {
	position: relative;
	margin-top: 10em;
	z-index: -1;
}
#main-expo {
	position: relative;
	background:rgba(255,255,255,.6);
	padding: 3em;
	float: right;
	margin: 33em 43% 0 0;;
	z-index: 9;
	-webkit-transition: all 800ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
	-webkit-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
	   -moz-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
	     -o-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
	        transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
}
#expo-content{
	background-color: #fff;
	width: 100%;
	margin-left: 200px;
	height: 300px;
	margin-top: 40%;
}
.subTit {
	font-size:1em;
	text-transform:uppercase;
}
.textR {
	text-align: right;
}
.date {
	text-align: right;
	font-size: .9em;
	float: right;
	text-transform: uppercase;
	letter-spacing: 1pt;
	padding: 0em 12% 0 0;
}
/*-- END WRAPPERS --*/

/*--- MUSEO ---*/
/*-- ACORDION --*/
.accordion { z-index:999; }
.accordion-title { position: relative; overflow: hidden;  }
.accordion-title .scheduleTitle { cursor: pointer; }
.accordion-title h2 { background: #FFF; display: inline-block; cursor: pointer; }
.accordion-title .scheduleTitle:hover { color: red; }
.accordion-title .scheduleTitle:after {
	content: "";
	width: 7px;
	height: 7px;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	position: absolute;
	right: -20px;
	top: 8px;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.open .scheduleTitle { color: red; text-decoration: underline; }
.open .scheduleTitle:after { transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg); }

.accordion-section { display: none; position: relative; }
#map {
	display: block;
    width: 440px;
    height: 300px;
}
.scheduleTitle {
	font-family: 'Helvetica Neue';
	font-size: .8em;
	text-transform: uppercase;
	display: inline-block;
	margin-right: 3px;
	position: relative;
}
 .scheduleDays {
 	font-size: 1.3em;
 	font-weight: bold;
 	letter-spacing: 0;
 }
 .header-museo-section p {
 	font-size: 14px;
 }
.colBox1 {
	/*display: inline-flex;
	width: 100%;
	min-width: 440px;*/
	width: 440px;
	float: left;
	display: block;
	margin-right: 2em;
}
.colBox2 {
	/*padding: 0 0 0 2em;
	width: 100%;
	max-width: 440px;*/
	width: 440px;
	float: left;
	display: block;
}
.acordion-wrapper {
	background:rgba(255,255,255,.92);
	margin: 230px 0 0 174px;
}


.schedule {
	max-width: 700px;
	margin: 0 auto;
	padding: 1em 1em 0;
}
/*-- END ACORDION --*/
/*--- END MUSEO ---*/

/*--- EXPOSICIONES ---*/
.wrapper{
	background: no-repeat center center fixed;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
	width: 100%;
	height: 1000px;
	background-position: 0 98px;
}
.wrapper2{
	background-attachment: inherit;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
	height: 1000px;
	width: 100%;
	z-index: -20;
}
.wrapper3{
	background-color: '#fff';
	position:relative;
	height: 1000px;
	width: 100%;
	z-index: -20;
}
.wrapper. expo2 {
	background: url('images/fp/fp_mujerynino.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
	height: 1500px;
	width: 100%;
	z-index: -20;
	background-position: 0 98px;
}
.main-content-expo{
	position: absolute;
	top: 262px;
	left: 176px;
	height: auto;
	background-color: #FFF;
	font-family: 'Gilda Display';
	font-size: 14px;
	padding: 25px;
	line-height: 25px;
	right: 0;
	background:rgba(255,255,255,.92);
}
.two-columns{
	-moz-column-count:2; /* Firefox */
	-webkit-column-count:2; /* Safari and Chrome */
	column-count:2;
	width: 900px;
}
.expo-image img{
	width: 27%;
	max-width: 725px;
	/*max-height: 450px;*/
	margin-left: 250px;
	margin-top: 13em;
}

.expo-image-text {
	font-family: 'Gilda Display',serif;
	position: absolute;
	/*left: 1011px;
	bottom: 300px;*/
	left: 60%;
	top: 66%;
	width: 300px;
}
.expo-image-text img{
	height: 2px;
	display: block;
	margin-bottom: 8px;
}

.nav-next.exp{
	position: absolute;
	left: 63%;
	/*bottom: 3%;*/
	bottom:5%;
	z-index: 120;
	cursor: pointer;
}
.nav-prev.exp{
	position: absolute;
	/*right: 10%;*/
	/*bottom: 3%;*/
	left: 60%;
	bottom:5%;
	z-index: 120;
	cursor: pointer;
}
.slidech{

	width: 100%;
	height: 100%;
}
.int_logo {
	padding: .5em 0 0 0;
}
.int_logo img{
	height: 3em;
}
.link_more {
	text-transform: uppercase;
	font-family: 'Times';
	font-size: .8em;
	font-weight: 900;
}
.brake_line {
	height: 1px;
	width: 100%;
	background: black;
	margin: 2em 0 0 0;
}

/*--- END EXPOSICIONES ---*/

/*---- PROGRAMA ---*/
.toogleThing.program {
	background: red;
	height: 0px;
	padding: 0;
}
/*input[type=checkbox]:checked ~ .toogleThing.program {
background: red;
height: 23ex;
padding: 0;
}*/

.toogleThing.program li a.filter {
	font-family: 'Helvetica';
	font-weight: 100;
	line-height: 2em;
	letter-spacing: .5pt;
}
.toogleThing.program li a.filter:hover {
	text-decoration: underline;
}
.abt {
	margin-left: 168px;
	padding: 34px 24px;
	max-width: 800px;
}
.abt .aboutProg {
	max-width: 350px;
	/*float: left;*/
	text-transform: none;
	display: inline-block;
}
/*#entries-program.abstractProg.aboutProg {
	width: 40%;
	max-width: 400px;
	float: left;
	padding-right: 3%;
}*/

#nav-program { list-style: none; margin: 0; padding: 23px; background: #FF0000; margin-left: 168px; }
#nav-program li { float: left; padding: 0 9px; }
#nav-program li:first-child { padding: 0; }
#nav-program li a { color: #FFF; text-decoration: none; text-transform: uppercase; }
#nav-program li a:hover { font-weight: bold; } 
#entries-program { margin-left: 168px; padding: 34px 24px; }
#entries-program .mix { opacity: 0; display: none; }
.entry-program { width: 645px; border-top: 2px solid #000; padding: 6px 0 36px 0; position: relative; }
.entry-program h2 { /*font-size: 16px;*/ line-height: 19.2px; text-transform: uppercase; margin-bottom: 10px; letter-spacing: 0.01em; }
.entry-program h3 { font-size: 12px; line-height: 14.4px; text-transform: uppercase; margin: 7px 0 5px 0; }
.entry-program p { font-size: 12px; line-height: 14.4px; }
.entry-program i { font-style: italic; }
.date-program {
	/*position: absolute;*/
	top: 6px;
	/*right: 0;*/
	/*text-align: right;*/
}
.date-program p { font-size: 11px; letter-spacing: 0.3em; line-height: 12px; margin-bottom: 7px; }
#about-program { position: fixed; left: 24px; bottom: 29px; }
#about-program ul li { color: #5D5D5D; margin-bottom: 7px; }
#about-program ul li a  { color: #5D5D5D; text-transform: uppercase; text-decoration: none; font-size: 10px; line-height: 12px; font-family: 'Arial'; }

.abstractProg {
	margin: 0 4em 3em 0;
	max-width: 650px;
}
.abstractProg p{
	padding: .2em;
}
.abstractProg p:first-child {
	/*font-family: times;*/
	font-size: 1.2em;
	font-weight: 900;
	text-transform: uppercase;
	/*letter-spacing: 1px;*/
	/*color:red;*/
}
.abstractProg p:nth-child(2) {
	/*color:green;*/
	text-transform: uppercase;
}



/*REVISAR ESTA PARTE*/
.social-networks{
		list-style:none;
		display: inline-block;
		float: right;
		margin: -3em 6em 0 0;
		background: none !important;
}
.social-networks li{
	float:left;
	padding-left:8px;
	padding: 0 !important;
	background: none !important;
}
.social-networks a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:15px;
	height:13px;
	background: url(../images/sprite.png) no-repeat;
	margin: 0 10px
}
.social-networks a.facebook{
	background-position:-20px 0;
	width:8px;
	height:15px;
	margin-top:-1px;
}
.social-networks a.vimeo{
	background-position:-30px 0;
	width:16px;
}
.social-networks a.flickr{
	background-position:-50px 0;
	width:16px;
	height:8px;
	margin-top:2px;
}
.social-networks a:hover{background-position:0 -20px;}
.social-networks a.facebook:hover{background-position: -20px -19px;}
.social-networks a.vimeo:hover{background-position: -30px -20px;}
.social-networks a.flickr:hover{background-position: -50px -20px;}

.eventList li {
	font-size: .8rem;
	padding: 0 0 0 1em;
}
/*--- END PROGRAMA ---*/


/*--- PUBLICACIONES ---*/
/*--- REDBAR ---*/
/* Checkbox Hack */
input[type=checkbox] {
   position: absolute;
   top: -9999px;
   left: -9999px;
}
/* Default State */
.toogleThing {
   height: 0em;
   color: white;
   text-align: left;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
}
/* Toggled State */
/*input[type=checkbox]:checked ~ .toogleThing {
	background:red;
	height:50ex;
	padding: 0;
}*/
/* End Checkbox Hack */
label.publicacionList { 
 	position: absolute;
 	/*width: 100%;*/
	font-family: 'Helvetica';
	font-weight: 100;
	font-size: .8em;
	letter-spacing: 1pt;

	text-transform: uppercase;
	color: white;
	display: inline-block;
	margin: -16px 0 1px 0;
	cursor: pointer;
	z-index: 3;
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
		 -o-transition: all .3s ease-in-out;
		   transition: all .3s ease-in-out;
}
label.publicacionList:hover, label.publicacionList:active {
	/*font-weight: 900;*/
	/*text-shadow: 1px 0px rgba(255,255,255,.4),
	-1px 0px 0px rgba(255,255,255,.4),
	0px 1px 0px rgba(255,255,255,.4),
	0px -1px 0px rgba(255,255,255,.4);*/
}

.closeBtn {
	position: absolute;
	margin: -1em 0 0 0;
	width: 40%;
	/*right: 0;*/
	text-align: right;
	font-family:'Helvetica', sans-serif;
	font-weight: 100;
	cursor: pointer;
	z-index: 0;
	opacity: .6;
	-webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
}
.closeBtn:hover {
	opacity: 1;
}
.divLine_wh {
	padding: 0 0 1em 0;
}
.divLine_wh:after {
	position: absolute;
	content: '';
	width: 40%;
	height: 1px;
	background: white;

}
.boxList {
	height:37ex;
	overflow:auto;
	max-width: 60%;
	padding: 0 0 3em 0;
}
.boxList ul:nth-child(2){
	padding: 0 0 0 1.5em;
}

.smll-line {
	/*position: absolute;*/
	float: left;
	margin: .4em 0 0 -1.3em;
	height: 1px;
	width: 18px;
	background: transparent;
	-webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
}

.boxList li a:hover .smll-line {
	background: white;
}

.boxList li:last-of-type {
	margin-bottom: 2.3em;
}
.seccion {
	text-transform: uppercase;
	padding:.3em 0;
}
.autorList {
	font-family: 'Helvetica', sans-serif;
	font-size: .7em;
	font-weight: 100;
}
.autorList p{
	text-transform: uppercase;
	display: inline-block;
}
.boxList .autorList li {
	display: inline-block;
}
/*--- END REDBAR ---*/

/*--- CONTENT ---*/
.onepage-wrapper.pub {
	max-width: 1600px;
	min-width: 640px;
}

.sl {
	height: 100%;
	min-height: 26em;
}
/*-- SSS SLIDER --*/
#slideContainer {
	margin: 13em 10% 0 auto;
	max-width: 27%;
}
/*.publicacionLabel {
	position: absolute;
	margin: 0 40% 0 12.5em;
	max-width: 500px;
}*/
.publicacionLabel {
	position: absolute;
	margin: 13em 45% 0 12.5em;
	max-width: 500px;
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   	 -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
      -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
         transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
}

.publicacionLabel h2 {
	text-transform: uppercase;
}
.publicacionLabel ul li {
	display: inline-block;
}


/*SLIDER */

#sliderBox {
	/*width: 100%*/
}
.expo-image.pub img{
	float: right;
	width: 25%;
	/*max-width: 725px;
	max-height: 450px;*/
	margin-right: 6.5em;
	margin-top: 14.5em;
}
.nav-next.pub{
	position: absolute;
	right: 30%;
	/*bottom: 3%;*/
	top:12.5em;
	opacity: .5;
	z-index: 120;
	cursor: pointer;
}
.nav-prev.pub{
	position: absolute;
	right: 32.5%;
	/*bottom: 3%;*/
	/*left: 65.5%;*/
	top:12.5em;
	opacity: .5;
	z-index: 120;
	cursor: pointer;
}

/*#nav ul {
		width:100%;
	}

#nav li {
		width:33%;
		float:left;
		border-right: 1px solid red;
	}
#nav li:last-child {
		border-right:none;
	}

#nav li a {
		display: block;
		width:80%;
		background:red;
		padding:4% 10%;
		font-size:1.35em;
		text-decoration: none;
	}*/


/*@media all and (max-width: 1000px) {
	.expo-image-text{
		left: 250px;
		bottom: -10px;
	}
	}*/

/*--- MAS MUNAL ---*/
img.patronatoLogo {
	width: 30%;
	height: auto;
}

/*--- END MAS MUNAL ---*/

/*---------------- RESPONSIVO -------------------------*/

@media all and (min-width: 1500px) {

	img#bkgdImg {
		margin: 0 20% 0 0;
		width: 100%;
	}
}
@media all and (max-width: 1200px) {
	#redBar {
		padding: .8em;
	}
	#redBar h2 {
		font-size: .6em;
	}
	.datesRedBar {
		display: none;
	}
	.social-networks {
		float: none;
		margin: 1em 0 0 2.5em;
		background: none !important;
	}
	.social-networks li {
		margin: 10px 0px;
	}
	.expo-menu {
		width: 145px;
		margin-right: 200px;
	}	
	/*.onepage-pagination li {
		display: block;
	}*/
	.two-columns{
	-moz-column-count:1; /* Firefox */
	-webkit-column-count:1; /* Safari and Chrome */
	column-count:1;
	/*margin-right: 50px;*/
	width: 500px;
	}
	#expoWall span, #expoWall h3 {
		display: none;
	}
	#expoWall ul li {
		max-height: 93px;
		padding: 1em 3em 0;
	}
	#expoWall ul li:first-child {
		max-height: 93px;
		padding: 5em 3em 0;
	}
}
@media all and (max-width: 869px) {
	img#bkgdImg {
		margin: -10px -20px 0 0;
	}
	.datesRedBar {
		display: none;
	}
	.social-networks {
	margin: 1em 2.5em 0;
	}
}

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

	/*.onepage-pagination li {
		display: block;
	}*/
	.expo-dates{
		display: none;
	}
	.expo-title {
			width: 308px;
			line-height: 20px;
	}
	#institLogos {
		display:none;
	}
	.datesRedBar {
		display: none;
	}
	/*#iconMenu {
		width:1.4em;
		display: block;
		background:#ddd;
		font-size:1.35em;
		text-align: center;
	}
	#left-sidebar.js {
		display: none;
	}*/

	/*MENU*/

	/*#nav ul {
		width:100%;
	}
	#nav li {
		width:100%;
		border-right:none;
	}*/
}
@media screen and (max-width: 768px) {
	/*#menu {
		position: fixed;
		left: 0;
		top: 0;
		width:1.4em;
		display: block;
		background:red;
		color: white;
		font-size:1.35em;
		text-align: center;
	}
	#nav.js {
		display: none;
	}
	#nav ul {
		width:100%;
	}
	#nav li {
		width:100%;
		border-right:none;
	}
	#redBar.selectListBar,#redBar {
		margin-left: 0;
	}
	.publicacionLabel {
	margin: 13em 45% 0 1em;
	}*/
}

@media all and (max-width: 669px) {
	.onepage-pagination li {
		display: none;
	}
}

@media screen and (max-width: 680px) {
	body {
		overflow: scroll;
	}
	#menu {
		position: fixed;
		left: 0;
		top: 46px;
		width:1.4em;
		display: block;
		background:red;
		color: transparent;
		font-size:1.35em;
		text-align: center;
		cursor: pointer;
		box-shadow: 
			inset 4px 0px red,
			inset -4px 0px red,
			inset 0px 6px red,
			inset 0 8px white,
			inset 0 12px red,
			inset 0 14px white,
			inset 0 18px red,
			inset 0 20px white;
	}
	#sideMenu ul li:first-child label {
		padding-top: 2.8em;
	}
	#nav.js {
		display: none;
	}
	#nav {
		margin: -26px 0 0 0;
		z-index: -1;
	}
	#nav ul {
		width:100%;
	}
	#nav li {
		width:100%;
		border-right:none;
	}
	#redBar.selectListBar,#redBar {
		margin-left: 34px;
		padding: 6px 0px 0px 23px;
	}
	#redBar h1 {
		padding: 0;
		font-size: .9em;
		line-height: 1.7em;
	}
	.divLine_wh:after {
		width: 85%;
	}
	.closeBtn {
		margin: -1.2em 0em 0px 8em;
	}
	.boxList {
		max-width: 90%;
	}
	.toogleThing.program li a.filter {
		font-size: .8em;
	}
	.boxList ul:nth-child(2) {
		padding: 0
	}
	.publicacionLabel {
	margin: 13em 45% 0 1em;
	}
	.onepage-pagination.paginationLinksOnePage li {
		display: none;
	}
	.onepage-pagination.paginationLinksOnePage li a {
		display: none;
	}
	.onepage-wrapper.pub {
		min-width: 0;
	}
	#left-sidebar {
		top: 18%;
	}
	input[type=checkbox]:checked ~ div.menuLabels {
		position: relative;
		margin: -125px 0 0 200px;
	}
	#left-sidebar .menuLabels {
		z-index: 2;
	}
	div.expoTitle {
		color: rgba(255,255,255,1);
		padding: .5em 3em;
		font-size: 1em;
		max-width: 300px;
	}
	.menuLabels div.expoTitle:first-of-type {
		padding: 2em 2em 18em;
	}
	#sideMenu ul li label,
	#sideMenu ul li:first-child label,
	#sideMenu ul li:last-child label {
		width: 100%;
	}
	/*div.expoTitle:last-child {
		padding: .5em 3em 18em;
	}*/
	/*div.expoTitle:last-of-type {
		padding: .5em 3em 6em;
	}*/
	div.expoTitle h2 {
		font-size: 1em;
	}
	#tugleGuan {
		padding: 0 0 4em 0;
	}

	.menuLabels .subTit {
		display: none;
	}
	.date {
		text-align: left;
		font-size: .7em;
		float: none;
		padding: 0em 12% 0 0;
	}
	.date p {
		display: inline-block;
	}
	#logo-program {
		padding: .5em 1em;
	}
	#logoImg {
		height: 25px;
	}
	#logoTxt {
		width: 180px;
	}
	.lang {
		display: none;
	}
	.two-columns {
		width: 100%
	}
	.main-content-expo {
		top: 7em;
		left: 1em;
		line-height: 20px;
	}

	/*HOME*/

	#expoWall {
		position: absolute;
		top: auto;
		width: 100%;
		top: auto;
	}
	#expoWall ul li {
		font-size: .8em;
		max-height: 93px;
		padding: .5em 2em 0;
	}
	#expoWall ul li:first-child {
		padding: .7em 2em 0;
	}
	#expoWall ul li:last-child {
		padding-bottom: .5em;
	}
	#expoWall ul li h2 h2 {
		display: none;
	}
	.divLine {
	width:auto;
	}
	.siteLinks a {
		font-size: .6em;
		margin: .5em 0 0 3em;
	}
	.social-networks {
		list-style: none;
		display: inline-block;
		float: right;
		margin: -3em 1em 0 0;
		background: none !important;
	}
	#main-expo {
		padding-left: 2em;
		margin: 6em 10% 0 0;
	}
	#main-expo h1 {
		text-align: right;
	}
		#main-expo .subTit {
		display: none;
	}

	#main-expo .date {
		padding: 0;
	}

	img#bkgdImg {
		margin: 1em 0px 0 0;
		width: 100%;
		overflow: hidden;
	}
	/*EXPOS*/
	.expo-image  {
		text-align: center;
	}
	.expo-image img {
		width: 80%;
		margin-top: 2em;
		margin-left: 0;
	}
	.expo-image-text {
		left: auto;
		top: auto;
		padding: 1em;
	}
	.nav-next.exp {
		left: auto;
		right: 1em;
		top: 2em;
		bottom: auto;
	}
	.nav-prev.exp {
		left: 1em;
		right: auto;
		top: 2em;
		bottom: auto;
	}
	/*.fl {
		float: right;
		margin: 0 2em 0 0;
	}*/
	.fl {
		float: none;
	}
	#redBar h1, #redBar h2 {
		text-align: left;
	}
	/*MUSEO*/
	.colBox1, .colBox2 {
		width: auto;
	}
	/*PROGRAM*/
	#main-content-program {
		margin-top: 6.5em;
	}
	#entries-program, .abt{
		margin-left: 0;
		max-width: 300px;
	}
	.abt {
		padding: 34px 0 0 24px;
		max-width: none;
	}
	.abstractProg {
		margin: 0 1em;
	}
	.entry-program {
		max-width: 300px;
	}
	.date-program {
		/*display: none;*/
	}


}
@media screen and (min-width: 680px) {
	#menu {
		display: none;
	}
}
/*@media all and (max-width: 480px) {
	.onepage-wrapper.pub {
		min-width: 0;
	}
	.publicacionLabel {
		position: static;
		width: auto;
		margin: 30em 1em 0 1em;
	}
	.expo-image.pub img {
		position: absolute;
		width: 100%;
		margin:0;
		top: -90.3ex;
		clip: rect(0px,auto,17em,0px);

	}
	.expo-image img {
		width: auto;
		max-width: none;
		margin:0;
	}
}*/



#nav  { position: relative; }
#nav:after { content: "Próximamente el acervo en línea"; position: absolute; background: #FFF; padding-left: 230px; bottom:2em;   font-size: 12px; text-transform: uppercase; max-width:10em;}
.cont-ent { }
.cont-ent h2 { text-transform: uppercase; }
.btn-link  { font-weight: bold; }