@charset "utf-8";
@font-face {
	font-family:"Helvetica Neue Light";
	src: url("/assets/fonts/HelveticaNeueLight.ttf");
	src: url('/assets/fonts/HelveticaNeueLight.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:"Helvetica Neue";
	src: url("/assets/fonts/HelveticaNeue.ttf");
	src: url('/assets/fonts/HelveticaNeue.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:"FontAwesome";
	src: url('/assets/fonts/fontawesome-webfont.ttf');
	src: url('/assets/fonts/fontawesome-webfont.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
* {margin:0; padding:0; font-family:"Helvetica Neue Light", Arial, Helvetica, sans-serif; color:#888;}
body {width:100%;}
html {font-size:20px;}
a {text-decoration:none;}
ul {list-style:none;}
.container {width:1366px; max-width: 90%; margin:0 auto;}

header {background:#FFF; overflow:hidden; padding:1rem 0;}
.header-container {width:1366px; max-width: 90%; margin:0 auto; display: flex; align-items: center; justify-content: space-around;}
.header-container img {width:6rem; text-align: left;}
.header-container ul {text-align: right;}
.header-container ul li {display:inline; margin:0 .5rem;}
.header-container ul li a {padding:.5rem; font-size:.7rem;}
.header-container ul li a.active {padding:.5rem; border-bottom:2px #EA5124 solid;}
.header-mobile img {display: none;}

.header-libros {width:100%; height:590px; background:url(/tepeyac/images/tepeyac-biblioteca.jpg) center no-repeat; background-size:cover;}
.header-libros-nota {margin:1rem auto; color:#FFF; text-align:right; width:90%; font-size:.7rem; font-style:italic;}
.header-documental {width:100%; height:590px; background:url(/tepeyac/images/tepeyac-documentales-portada.jpg) center no-repeat; background-size:cover;}
.header-documental-nota {margin:1rem auto; color:#FFF; text-align:right; width:90%; font-size:.7rem; font-style:italic;}
.header-entrevistas {width:100%; height:590px; background:url(/tepeyac/images/tepeyac-entrevistas-portada.jpg) center no-repeat; background-size:cover;}
.header-entrevistas-nota {margin:1rem auto; color:#FFF; text-align:right; width:90%; font-size:.7rem; font-style:italic;}
.header-conferencias {width:100%; height:590px; background:url(/tepeyac/images/tepeyac-conferencias-portada.jpg) center no-repeat; background-size:cover;}
.header-conferencias-nota {margin:1rem auto; color:#FFF; text-align:right; width:90%; font-size:.7rem; font-style:italic;}
.header-publicaciones {width:100%; height:590px; background:url(/tepeyac/images/tepeyac-publicaciones-portada.jpg) center no-repeat; background-size:cover;}
.header-publicaciones-nota {margin:1rem auto; color:#FFF; text-align:right; width:90%; font-size:.7rem; font-style:italic;}
.header-eventos {width:100%; height:590px; background:url(/tepeyac/images/tepeyac-agenda.jpg) center no-repeat; background-size:cover;}
.header-eventos-nota {margin:1rem auto; color:#FFF; text-align:right; width:90%; font-size:.7rem; font-style:italic;}

footer {background:#333; overflow:hidden; padding:2rem 0 1rem; clear:both;}
.footer-company {text-align: center;}
.footer-company img {margin-bottom:10px; width: 7rem;}
.footer-menu {font-size:.7rem; margin:.5rem; text-align:center;}

.libros {padding:5rem 0;}
.libros h1 {font-size:1.2rem; color:#FFF; text-align:center; text-transform:uppercase; margin-bottom:2rem;}
.libros p span {font-size:.7rem;}
.libros-contenido {padding:3rem 0; display:table; width:100%;}
.libros-imagen {margin:0 auto; text-align:center; display:table-cell; width:30%;}
.libros-info {padding:2rem; display:table-cell; width:60%; vertical-align:middle;}
.libros-info h2 {font-size:1rem; color:#999; letter-spacing:.1rem;}
.libros-info h3 {font-size:.9rem; color:#FFF; font-style:italic; margin-bottom:.2rem;}
.libros-info h3 a {font-size:.9rem; color:#FFF; font-weight:normal; font-style:normal; margin-bottom:.2rem;}
.libros-info p {font-size:.8rem; color:#999;}

.documental {padding:5rem 0;}
.documental h1 {font-size:1.2rem; color:#FFF; text-align:center; text-transform:uppercase; margin-bottom:2rem;}
.documental p span {font-size:.7rem;}
.documental-contenido {padding:3rem 0; display:table; width:100%;}
.documental-imagen {margin:0 auto; text-align:center; display:table-cell; width:30%;}
.documental-imagen img {width: 100%; max-width:400px;}
.documental-info {padding:2rem; display:table-cell; width:60%; vertical-align:middle;}
.documental-info h2 {font-size:1rem; color:#999; letter-spacing:.1rem;}
.documental-info h3 {font-size:.9rem; color:#FFF; font-style:italic; margin-bottom:.2rem;}
.documental-info h3 a {font-size:.9rem; color:#FFF; font-weight:normal; font-style:normal; margin-bottom:.2rem;}
.documental-info p {font-size:.8rem; color:#999;}

.entrevistas {padding:5rem 0;}
.entrevistas h1 {font-size:1.2rem; color:#FFF; text-align:center; text-transform:uppercase; margin-bottom:2rem;}
.entrevistas h2 {font-size:1rem; color:#FFF; margin:2rem 0 0; text-align: center;}
.entrevistas p span {font-size:.7rem;}
.entrevistas-contenido {padding:3rem 0; display:table; width:100%;}
.entrevistas-imagen {margin:0 auto; text-align:center; display:table-cell; width:30%;}
.entrevistas-imagen img {width: 100%; max-width:400px;}
.entrevistas-info {padding:2rem; display:table-cell; width:60%; vertical-align:middle;}
.entrevistas-info h2 {font-size:1rem; color:#999; letter-spacing:.1rem;}
.entrevistas-info h3 {font-size:.9rem; color:#FFF; font-style:italic; margin-bottom:.2rem;}
.entrevistas-info h3 a {font-size:.9rem; color:#FFF; font-weight:normal; font-style:normal; margin-bottom:.2rem;}
.entrevistas-info p {font-size:.8rem; color:#999;}

.conferencias {padding:5rem 0;}
.conferencias h1 {font-size:1.2rem; color:#FFF; text-align:center; text-transform:uppercase; margin-bottom:2rem;}
.conferencias h2 {font-size:1rem; color:#FFF; margin:2rem 0 0; text-align: center;}
.conferencias p span {font-size:.7rem;}
.conferencias-container {margin-bottom: 4rem; overflow: hidden; text-align: center;}
.conferencias-content {height: 350px; padding:2rem 0; display:inline-flex; margin: 0 .5rem; align-items: center;}
.conferencias-content img {width: 100%; max-width:300px;}

.conferencias-contenido {padding:2rem 0; display:table; width:100%;}
.conferencias-imagen {margin:0 auto; text-align:center; display:table-cell; width:30%;}
.conferencias-imagen img {width: 100%; max-width:400px;}
.conferencias-info {padding:2rem; display:table-cell; width:60%; vertical-align:middle;}
.conferencias-info h2 {font-size:1rem; color:#999; letter-spacing:.1rem;}
.conferencias-info h3 {font-size:.9rem; color:#FFF; font-style:italic; margin-bottom:.2rem;}
.conferencias-info h3 a {font-size:.9rem; color:#FFF; font-weight:normal; font-style:normal; margin-bottom:.2rem;}
.conferencias-info p {font-size:.8rem; color:#999;}
.conferencias-info a {font-size:.8rem; color:#FFF;}

.publicaciones {padding:5rem 0;}
.publicaciones h1 {font-size:1.2rem; color:#FFF; text-align:center; text-transform:uppercase; margin-bottom:2rem;}
.publicaciones h2 {font-size:1rem; color:#FFF; margin:2rem 0 0; text-align: center;}
.publicaciones p span {font-size:.7rem;}
.publicaciones-contenido {padding:3rem 0; display:table; width:100%;}
.publicaciones-imagen {margin:0 auto; text-align:center; display:table-cell; width:30%;}
.publicaciones-imagen img {width: 100%; max-width:400px;}
.publicaciones-info {padding:2rem; display:table-cell; width:60%; vertical-align:middle;}
.publicaciones-info h2 {font-size:1rem; color:#FFF; letter-spacing:.1rem;}
.publicaciones-info h3 {font-size:.9rem; color:#FFF; font-style:italic; margin-bottom:.2rem;}
.publicaciones-info h3 a {font-size:.9rem; color:#FFF; font-weight:normal; font-style:normal; margin-bottom:.2rem;}
.publicaciones-info p {font-size:.8rem; color:#999;}

.eventos {padding:5rem 0;}
.eventos h1 {color:#FFF; text-align:center; text-transform:uppercase; margin-bottom:2rem;}
.eventos h2 {color:#FFF; text-align:center; margin-bottom:2rem; font-weight:normal;}
.eventos h3 {color:#FFF; margin-bottom:1rem; font-weight:normal;}
.eventos p {margin-bottom:1rem;}
.eventos p span {font-size:.7rem;}
.eventos ul {margin-left:2rem; list-style:circle;}
.eventos ul li {margin-bottom:1rem;}
.eventos-contenido {padding:3rem 0; display:table; width:100%;}
.eventos-imagen {margin:0 auto; text-align:center; display:table-cell; width:30%;}
.eventos-imagen img {margin-bottom:1rem;}
.eventos-imagen i {font-size:.8rem;}
.eventos-info {padding:2rem; display:table-cell; width:60%; vertical-align:middle;}
.eventos-info h2 {font-size:1rem; color:#999; letter-spacing:.1rem; text-transform:uppercase; text-align:left; font-weight:normal; margin-bottom:1rem;}
.eventos-info h3 {font-size:.9rem; color:#FFF; font-style:italic; margin-bottom:.2rem;}
.eventos-info h3 a {font-size:.9rem; color:#FFF; font-weight:normal; font-style:normal; margin-bottom:.2rem;}
.eventos-info p {font-size:.8rem; color:#999;}
.eventos-programa h2 {font-size:1.2rem; text-transform:uppercase; font-weight:normal; color:#FFF; margin-bottom:2rem;}
.eventos-programa h3 {font-weight:normal;}
.eventos-programa ul {margin:2rem 0 2rem 2rem; list-style:circle;}
.eventos-programa ul li {margin:1rem 0;}
.eventos-costos {}

@media screen and (max-width:1440px){
	
}

@media screen and (max-width:1366px){
	.container {width: 1280px; max-width: 90%;}
	.conferencias-content img {max-width: 285px;}
}

@media screen and (max-width:1280px){
	.header-container ul {position: fixed; top: 0; bottom: 0; left: 0; width: 70%; background: #FFF; padding: 3rem 1rem; display: none;}
	.header-container ul li {display: block; margin: 1rem 0;}
	.header-container ul li a.active {border-bottom: none;}
	.header-mobile img {display:block; height: 2rem; width: 2rem;}
}

@media screen and (max-width:768px){
	.header-container ul {position: fixed; top: 0; bottom: 0; left: 0; width: 70%; background: #FFF; padding: 3rem 1rem; display: none;}
	.header-container ul li {display: block; margin: 1rem 0;}
	.header-container ul li a.active {border-bottom: none;}
	.header-mobile img {display:block; height: 2rem; width: 2rem;}
	.header-libros {height: 260px;}
	.libros-contenido {display: block; width: 100%; padding: 2rem 0;}
	.libros-imagen {display: inherit; width: 100%;}
	.libros-info {display: inherit; width: 89%; text-align: center; padding: 1rem 2rem 2rem;}
	.libros-info h2 {margin-bottom: 0.5rem;}

	.conferencias-contenido {display: block; width: 100%; padding: 2rem 0;}
	.conferencias-imagen {display: inherit; width: 100%;}
	.conferencias-info {display: inherit; width: 89%; text-align: center; padding: 1rem 2rem 2rem;}
	.conferencias-info h2 {margin-bottom: 0.5rem;}
}

@media screen and (max-width:540px){
	.libros-info {width: 83%;}
}

@media screen and (max-width:430px){
	.libros-info {width: 80%;}
}