<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* @override 
	http://guilsys.com/museosmx/mnh/userfiles/templates/mnh_default/css/estilo.css */

/*!
 * MUSEO DE HISTORIA WEBSITE
 * Version - 1.0
 * Author: Vannelo

 * - RESOURCES -
 * COLORS
 * ACCENT: #118185;
*/


/* TIPOGRAFÃA */
	@font-face {
		font-family: gotham;
		src: url("../fonts/gotham/gotham.ttf");
	}
	@font-face {
		font-family: trajan;
		src: url("../fonts/trajan/trajan.ttf");
	}
	@font-face {
		font-family: Open;
		src: url("../fonts/open/open-300.ttf");
		font-weight: 300;
	}
    @font-face {
        font-family: Open;
        src: url("../fonts/open/open-600.ttf");
        font-weight: 600;
    }
    @font-face {
        font-family: Open;
        src: url("../fonts/open/open-900.ttf");
        font-weight: 900;
    }

	* {
		font-family: Open;
	}
	ul {
		margin: 0;
		padding: 0;
	}
	li {
		margin: 0;
		padding: 0;
	}

/* GENERAL */
	.element{
		clear: none!important;
	}
	body {
		background-color: white;
	}
	.row {
		margin-bottom: 0 !important;
	}
	.altura {
		height: 45px;
	}
    .espacio {
        width: 100%;
        height: 20px;
    }
	.container .row {
		margin: 0 !important;
	}
	.logos img {
		width: 50%;
	}

	
/* Estilos Propios Efren */
  .noPadding{
	  padding:0!important;
  }
  .padding2{
	  padding:15px!important;
  }
  .padding3{
	  padding:30px!important;
  }
.gris{
	background-color:#f9f9f9;		
}
.blanco{
	background-color:#fff;
}
.relativo{
	position:relative;
}
.absoluto{
	position:absolute;
}
.inline-block{
 display:inline-block;
}
.block{
 display:block;
}
.inline{
 display:inline;
}
.inline-flex{
 display:inline-flex;
}
.flex{
 display:flex;
}

.buscador .fa-search{
	color: white;
	padding: 0.5em;
}



/* MENÃš */
	.seccion-menu-desktop {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 900;
		background-color: rgba(11,129,133,.7);
		text-align: center;
		color: white;
	}
	.seccion-menu-desktop .col .row {
		margin: 0;
	}
	.seccion-menu-desktop &gt; .container &gt; .col {
		height: 81px;
	}
	.seccion-menu-desktop .izquierda {
		padding-top: 15px;
		border-right: 1px solid white;
	}
	.seccion-menu-desktop .centro {
		border-right: 1px solid white;
	}
	.seccion-menu-desktop .derecha {
		border-right: 1px solid white;
	}
	.seccion-menu-desktop .derecha a {
		color: white;
		transition-duration: .2s;
	}
	.seccion-menu-desktop .derecha a:hover {
		color: #ccc;
		transition-duration: .2s;
	}
	.seccion-menu-desktop .derecha i {
		font-size: 20px;
		margin: 0px 10px;
	}
	.seccion-menu-desktop .izquierda img {
		width: 80%;
		height: 50px;
		width: auto;
	}
	.seccion-menu-desktop .centro .row-adentro .col {
		height: 40px;
		padding-top: 10px;
		position: relative;
	}
	.seccion-menu-desktop .derecha .row-adentro .col {
		height: 40px;

		position: relative;
	}
	.seccion-menu-desktop .centro svg {
		width: 20px;
		height: 20px;
	}
	.seccion-menu-desktop .centro svg path {
		fill: white;
	}
	.seccion-menu-desktop .derecha svg {
		width: 20px;
		height: 20px;
		margin: 0px 5px;
	}
	.seccion-menu-desktop .derecha svg path {
		fill: white !important;
	}
	.seccion-menu-desktop input {
		width:90%;
		border-bottom: none;
		height: auto;
		box-sizing: border-box;
		padding: 0 1em;
	}
	.seccion-menu-desktop form:first-child{
	 margin: 0 0.75em;
	}
	.seccion-menu-desktop .menu-link {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding-top: 10px;
		color: white;
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
		-ms-transition-duration: .3s;
		-o-transition-duration: .3s;
		transition-duration: .3s;
	}
	.seccion-menu-desktop .menu-link:hover {
		background-color: white;
		color: #118185 !important;
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
		-ms-transition-duration: .3s;
		-o-transition-duration: .3s;
		transition-duration: .3s;
	}
	.menu-trigger:hover .submenu {
		display: block;
	}
	.seccion-menu-desktop .submenu {
		margin-top: 30px;
		background-color: black;
		display: none;
	}
	.seccion-menu-desktop .submenu a {
		padding: 10px;
		display: block;
		color: white;
	}
	.seccion-menu-desktop .submenu a:hover {
		padding: 10px;
		display: block;
		background-color: #118185;
	}

	.seccion-menu-mobile {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 900;
		background-color: rgba(11,129,133,.7);
		padding: 10px 15px;
	}
	.seccion-menu-mobile img {
		width: 100px;
	}
	.seccion-menu-mobile .abrir-menu {
		width: 35px;
		float: right;
		cursor: pointer;
	}
	.abrir-menu .linea {
		width: 100%;
		height: 2px;
		background-color: white;
		margin: 7px 0px;
	}
	.menu-escondido {
		display: none;
	}
	.menu-escondido a {
		color: white;
		display: block;
		padding: 10px 0px;
	}
	
	
/* MenÃº ajustes Efren*/
 #sidenav-overlay{
	z-index:98;
 }
 #mobile-msc{
	z-index:99;
 }
  #mobile-msc li a{
	color:gray;
 }
ul#mobile-msc&gt;li a:hover,
ul#mobile-msc&gt;li a:focus{
	border-bottom: 1px solid #ccc;
}
ul#mobile-msc&gt;li:active a + ul,
ul#mobile-msc&gt;li:hover a + ul,
ul#mobile-msc&gt;li:focus a + ul{
	display: block!important;
	height: 100%;
	max-height:300px;
	z-index:1;
	transition: max-height 1s ease;
	border-bottom: 1px solid #ccc !important;
}
ul#mobile-msc&gt;li&gt;a{
	text-transform:uppercase;
}
ul#mobile-msc&gt;li a + ul{
	height:0px;
	max-height:0px;
	z-index:-1;
	overflow:hidden;
	transition: all 1s ease;
	border: 0px !important;
	text-align:center;
}
.seccion-menu-desktop{
	position:absolute;
	top:initial;
}
.module-navigation-default &gt; ul{
	display:flex;
	justify-content:space-around;
	justify-items:stretch;
	flex-flow:nowrap;
}
.module-navigation-default &gt; ul &gt; li{
	display:inline-block;
	display:inline-flex;
	width:25%;
	justify-content:space-around;
	justify-items:stretch;
}
.module-navigation-default &gt; ul &gt; li a,
ul#mobile-msc&gt;li a{
	color:white;
	width:100%;
}

.seccion-menu-desktop .submenu{
	margin-top:initial;
	width:100%;
}
.menu-escondido{
	margin:1em 0;
	//text-align:center;
}
.header-v3{
	margin-top:initial;
	transform:translateY(80px);
	height: calc(100vh - 80px);
	background-image: -webkit-linear-gradient(left, #000000 2.1%, rgba(255, 255, 255, 0) 40.3%);
	background-image: -moz-linear-gradient(left, #000000 2.1%, rgba(255, 255, 255, 0) 40.3%);
	background-image: -ms-linear-gradient(left, #000000 2.1%, rgba(255, 255, 255, 0) 40.3%);
	background-image: linear-gradient(to right, #000000 2.1%, rgba(255, 255, 255, 0) 40.3%);
}
	
	

/* LANDING */
	.caja-home {
		width: 100vw;
		height: 100vh;
		overflow: hidden;
		text-align: center;
	}
	.caja-home video {
		height: 120%;
	}
	.caja-home .texto {
		position: absolute;
		width: 80%;
		top: 30%;
		left: 10%;
		color: white;
		text-align: center;
	}
	.caja-home .texto h1 {
		font-family: trajan;
		font-size: 70px;
		line-height: 100px;
	}
	.caja-logos {
		position: fixed;
		bottom: 10%;
		left: 50%;
		width: 50%;
		margin-left: -25%;
		text-align: center;
	}

/* COLECCIONES */
    .colecciones {
        background-color: #f9f9f9;
        color: #666;
    }
    .colecciones .container {
        padding: 30px 0px 60px 0px;
    }
    .colecciones h4 {
        color: #555;
        padding: 0px;
        margin: 10px 0px;
        font-size: 26px;
    }
    .colecciones h5 {
        color: #666;
        padding: 0px;
        margin: 10px 0px;
        font-size: 18px;
    }
    .colecciones h6 {
        display: inline-block;
    }
    .colecciones input {
        width: 60%;
        padding: 0;
        margin: 0;
        height: auto;
        padding: 10px;
        background-color: white;
        border: 1px solid #bbb;
    }
    .colecciones button {
        background-color: #118185;
        padding: 10px 20px;
        color: white;
        border: none;
        transition-duration: .5s;
    }
    .colecciones button:hover {
		background-color: #1daab0;
	}
    .colecciones svg {
        width: 20px;
        height: 20px;
        margin-bottom: -5px;
        margin-left: 18px;
        margin-right: 18px;
        transition-duration: .2s;
    }
    .colecciones svg:hover path {
        fill: black !important;
        transition-duration: .2s;
    }
    .colecciones svg path {
        fill: #666 !important;
    }
    .colecciones .izquierda {
        padding-top: 40px;
    }
    .colecciones .centro {
        padding-top: 40px;
    }
	.colecciones .centro a {
		color: #888;
	}
	.colecciones .centro a:hover {
		color: #555;
	}
	.colecciones .centro i {
		width: 15%;
		text-align: center;
		font-size: 20px;
	}
    .colecciones button:hover {
        background-color: white;
        padding: 10px 20px;
        color: #118185;
        transition-duration: .2s;
    }

	.colecciones-2 {

	}
	.colecciones-2 .izquierda {
		padding: 80px 10px 0px 10px;
	}
	.colecciones-2 .derecha {
		padding: 0px 10px;
	}
	.imagenes-ordenar {
		text-align: right;
	}
	.imagenes-ordenar img {
		width: 30px;
		cursor: pointer;
	}

/* OBJETO */
	.objeto {
		padding: 30px 0px 20px 0px;
	}
	.objeto .botones {
		text-align: center;
	}
	.objeto .botones button {
		background-color: #118185;
		border: none;
		padding: 6px 6px 3px 6px;
		color: white;
		transition-duration: .5s;
	}
	.objeto .botones button:hover {
		background-color: #1daab0;
	}
	.objeto .botones svg {
		width: 15px;
		height: 15px;
	}
	.objeto .botones svg path {
		fill: white !important;
	}
	.objeto .izquierda {
		padding: 10px;
	}
	.objeto .derecha {
		padding: 10px;
	}
	.objeto .botones i {
		width: 15px;
		font-size: 14px;
	}

/* EXHIBICION */
	.exhibicion-botones {
		text-align: center;
		margin-top: -20px;
	}
	.exhibicion-botones li {
		display: inline-block;
 	}
	.exhibicion-botones a {
		background-color: black;
		padding: 15px;
		width: 200px;
		border-bottom: 2px solid #118185;
		margin-left: -4px;
		color: white;
		display: inline-block;
	}
	.exhibicion-botones .trigger:hover .submenu {
		display: block;
	}
	.exhibicion-botones .submenu {
		position: absolute;
		display: none;
	}
	.exhibicion-botones .submenu li {
		display: block;
	}
	.exhibicion-botones .submenu a {
		background-color: white;
		padding: 5px;
		width: 200px;
		border-bottom: 2px solid #ccc;
		color: gray;
		display: inline-block;
		transition-duration: .2s;
	}
	.exhibicion-botones .submenu a:hover {
		background-color: #118185;
		color: white;
		transition-duration: .5s;
	}

	.exhibicion-informacion {
		background-color: #f0f2f3;
		padding: 50px 0px;
	}
	.exhibicion-informacion {
		text-align: center;
	}
	.exhibicion-informacion h3 {
		font-family: trajan;
		font-size: 30px;
	}
	.exhibicion-informacion .separador {
		width: 100px;
		height: 2px;
		background-color: #118185;
		margin: auto;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.exhibicion-informacion .row-informacion {
		padding-top: 30px;
	}
	.exhibicion-informacion .row-informacion img {
		width: 80%;
	}
	.exhibicion-informacion .row-informacion .derecha {
		border-left: 1px solid #ccc;
		padding: 20px 30px;
		text-align: left;
	}
	.exhibicion-informacion h4 {
		color: #118185;
		margin: 0;
		margin-bottom: 20px;
		font-size: 24px;
	}
	.exhibicion-informacion p {

	}
	.exhibicion-informacion a {
		color: white;
		background-color: black;
		padding: 5px 20px;
		border-bottom: 3px solid #118185;
		margin: auto;
		display: block;
		width: 120px;
		text-align: center;
		margin-top: 50px;
	}

	.exhibicion-masonry {
		padding: 40px 0px;
		background-color: white;
	}

	.exhibicion-multimedia {
		padding: 40px 0px;
	}

	.exhibicion-indumentaria {
		padding: 50px 0px;
		background-color: white;
	}
	.exhibicion-indumentaria img {
		width: 100%;
	}
	.exhibicion-indumentaria .izquierda {
		padding: 30px;
	}
	.exhibicion-indumentaria h3 {
		font-family: trajan;
		text-align: center;
		font-size: 30px;
		margin: 0;
	}
	.exhibicion-indumentaria .derecha {
		padding: 30px;
		border-left: 1px solid #ccc;
	}
	.exhibicion-indumentaria .separador {
		width: 100px;
		height: 2px;
		background-color: #118185;
		margin: auto;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.exhibicion-indumentaria button {
		background-color: #118185;
		color: white;
		display: block;
		width: 100%;
		border: none;
		border-top: 3px solid black;
		padding: 5px 0px;
		margin-top: -7px;
		margin-bottom: 10px;
		transition-duration: .5s;
	}
	.exhibicion-indumentaria button:hover {
		background-color: #1daab0;
		
	}
	
	.exhibicion-indumentaria .izquierda a {
		background-color: black;
		color: white;
		display: block;
		text-align: center;
		padding: 10px 0px;
	}
	.exhibicion-indumentaria h4 {
		color: #118185;
		font-size: 22px;
		font-weight: 900;
		margin-bottom: 40px;
	}


	/* MASONRY */
	.grid {
		max-width: 1200px;
	}
	.grid:after {
		content: '';
		display: block;
		clear: both;
	}
	.grid-item {
		width: 335px;
		float: left;
		background-color: white;
	}
	.exhibicion-masonry .marco-galeria {
		padding: 20px;
	}
	.exhibicion-masonry .caja-galeria img {
		width: 100%;
		margin-bottom: 20px;
	}
	.exhibicion-masonry .marco-galeria h4 {
		color: #118185;
		margin: 0;
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: 900;
	}
	.exhibicion-masonry h3 {
		font-family: trajan;
		text-align: center;
		font-size: 30px;
	}
	.exhibicion-masonry .separador {
		width: 100px;
		height: 2px;
		background-color: #118185;
		margin: auto;
		margin-top: 20px;
		margin-bottom: 20px;
	}

/* AGENDA */
	.agenda-contenedor {

	}
	.agenda-contenedor .izquierda {
		padding: 10px;
	}
	.agenda-contenedor .derecha {
		padding: 10px;
	}


/* INFORMACION GENERAL */
	.informacion-contenedor {
		padding: 50px 0px;
	}
	.informacion-contenedor .izquierda {
		padding: 10px;
	}
	.informacion-contenedor .derecha {
		padding: 10px;
	}
	.informacion-contenedor .infobox-1 {
		margin-bottom: 30px;
	}
	.informacion-contenedor .infobox-1 .titulo {
		background-color: #ccc;
		padding: 15px 20px;
		border-bottom: 2px solid #118185;
	}
	.informacion-contenedor .infobox-1 .contenido {
		background-color: #fafafa;
		padding: 0px 20px;
	}
	.informacion-contenedor .infobox-1 h3 {
		font-size: 14px;
		padding: 20px;
		margin: 0;
	}
	.informacion-contenedor .infobox-1 h4 {
		font-size: 14px;
		color: #888;
		padding: 20px;
		margin: 0;
	}
	.informacion-contenedor .infobox-1 p {
		color: #777;
	}
	.informacion-contenedor .infobox-1 img {
		width: 100%;
	}
	.informacion-contenedor .icono {
		padding: 15px 0px;
	}
	.informacion-contenedor .infobox-1 .icono img {
		width: 35px;
		margin-bottom: -10px;
	}
	.informacion-contenedor .infobox-1 .boton {
		text-align: center;
	}
	.informacion-contenedor .infobox-1 a {
		background-color: #118185;
		color: white;
		padding: 5px 20px;
		display: inline-block;
		margin: 20px 0px;
		transition: .5s;
	}
	informacion-contenedor .infobox-1 a:hover{
		background-color: #1daab0;
	}
	.informacion-contenedor .infobox-2 {
		margin-bottom: 50px;
	}
	.informacion-contenedor .infobox-2 .titulo {
		background-color: #ccc;
		padding: 15px 20px;
		border-bottom: 2px solid #118185;
	}
	.informacion-contenedor .infobox-2 .izquierda {
		padding: 0px 10px;
	}
	.informacion-contenedor .infobox-2 .derecha {
		padding: 0px 10px;
	}
	.informacion-contenedor .infobox-2 img {
		width: 100%;
	}
	.informacion-contenedor .infobox-2 .boton {
		text-align: center;
	}
	.informacion-contenedor .infobox-2 a {
		background-color: #118185;
		color: white;
		padding: 5px 20px;
		display: inline-block;
		transition: .5s;
	}
	informacion-contenedor .infobox-2 a:hover{
		background-color: #1daab0;
	}

/* SERVICIOS */
	.servicios-contenedor {

	}
	.servicios-contenedor .col {
		padding: 10px;
	}
	.servicios-contenedor .infobox-1 {
		background-color: #fafafa;
		border-bottom: 2px solid #118185;
	}
	.servicios-contenedor .infobox-1 .titulo {
		background-color: #ccc;
		padding: 15px 30px;
	}
	.servicios-contenedor .infobox-1 .imagen {
		width: 100%;
		height: 400px;
		background-position: center;
		background-size: cover;
	}
	.servicios-contenedor .contenido {
		min-height: 300px;
		padding: 30px 20px;
	}
	.servicios-contenedor .infobox-1 p {
		color: #888;
	}
	.servicios-contenedor .infobox-1 a {
		background-color: #118185;
		color: white;
		padding: 10px 20px;
		margin: 20px auto;
		display: block;
		transition: .5s;
		bottom: 0;
		position: absolute;
		right: auto;
		left: auto;
	}
	.servicios-contenedor .infobox-1 a:hover{
		background-color: #1daab0;
	}

	.servicios-contenedor .infobox-2 .titulo {
		background-color: #ccc;
		padding: 15px 30px;
	}
	.servicios-contenedor .infobox-2 {
		background-color: #1a1a1a;
	}
	.servicios-contenedor .infobox-2 .contenido {
		padding: 30px 0px 15px 0px;
		text-align: center;
	}
	.servicios-contenedor .infobox-2 .imagen {
		width: 100%;
		height: 200px;
		background-position: center;
		background-size: cover;
		margin: auto;
	}
	.servicios-contenedor .infobox-2 a {
		background-color: white;
		color: #118185;
		padding: 5px 20px;
		display: inline-block;
		margin: 20px 0px;
		font-weight: 600;
	}
	.servicios-contenedor .banner {
		margin: 30px 0px;
	}
	.servicios-contenedor .banner .imagen {
		width: 100%;
		height: 400px;
		background-position: center;
		background-size: cover;
	}
	.servicios-contenedor .banner .texto {
		background-color: #ccc;
		text-align: center;
		font-family: trajan;
		font-size: 26px;
		padding: 30px;
	}
	.servicios-contenedor .banner a {
		background-color: white;
		color: #118185;
		padding: 5px 20px;
		font-size: 20px;
		font-weight: 600;
	}

	.servicios-contenedor .info-banner-1 {
		background-color: #fafafa;
		padding: 30px 0px 50px 0px;
	}
	.servicios-contenedor .info-banner-1 img {
		width: 30px;
		margin-bottom: -45px;
		margin-left: -40px;
	}

	.servicios-contenedor .info-banner-2 {

	}
	.servicios-contenedor .info-banner-2 .col {
		padding: 0;
	}
	.servicios-contenedor .info-banner-2 img {
		width: 100%;
	}
	.servicios-contenedor .info-banner-2 .derecha {
		padding: 10px 50px;
	}
	.servicios-contenedor .imagenes img {
		width: 100%;
	}

/* MATERIALES */
	.materiales-contenedor {

	}
	.materiales-master-box {
		border: 2px solid #ccc;
		background-color: #eee;
		overflow: hidden;
	}
	.materiales-master-box .row .col {

	}
	.materiales-master-box .titulo {
		background-color: #ccc;
		padding: 10px 20px;
	}
	.materiales-master-box .izquierda {
		background-color: #eee;
	}
	.materiales-master-box .izquierda button {
		border: none;
		background-color: transparent;
		padding: 10px 20px;
		font-size: 12px;
		transition-duration: .2s;
		width: 100%;
		text-align: left;
	}
	.materiales-master-box .izquierda button.activo {
		background-color: white;
		width: 100%;
		transition-duration: .2s;
		font-weight: 600;
	}
	.materiales-master-box .centro {
		padding: 0;
		background-color: white;
		position: relative;
	}
	.materiales-master-box .centro .padding {
		padding: 0px;
	}
	.materiales-master-box .centro button {
		border: none;
		background-color: transparent;
		font-size: 20px;
		display: block;
	}
	.materiales-master-box .centro .fondo {
		background-color: white;
		position: absolute;
		width: 100%;
		height: 1000px;
		z-index: 0;
		padding: 30px;
	}
	.materiales-master-box .derecha {
		padding: 0px;
		border-left: 1px solid #ccc;
		background-color: white;
	}
	.materiales-master-box .derecha .padding {
		padding: 30px;
	}
	.materiales-master-box .derecha .titulo {
		background-color: transparent;
		font-size: 26px;
		padding: 0;
		margin: 0;
	}
	.materiales-master-box .derecha .texto {
		width: 100%;
		height: 250px;
		overflow-y: auto;
.
		margin: 20px 0px;
	}
	.materiales-master-box .derecha .imagen {
		width: 100%;
		height: 300px;
		background-position: center;
		background-size: cover;
		margin: 20px 0px;
	}
	.materiales-master-box .derecha .descarga {
		border: 2px solid #888;
		background-color: transparent;
		color: #888;
	}

	.materiales-master-box .row-2 .derecha .texto {
		height: auto;
	}
	.materiales-master-box .row-2 .grid .imagen {
		width: 100%;
		height: 150px;
		background-position: center;
		background-size: cover;
		margin: 0;
	}
	.materiales-master-box .row-2 .grid .contenido {
		border: 1px solid #ccc;
		text-align: center;
	}
	.materiales-master-box .row-2 .grid h3 {
		padding: 10px 0px;
		margin: 0;
		font-size: 20px;
		font-family: trajan;
	}
	.materiales-master-box .row-2 .grid .separador {
		width: 50px;
		height: 2px;
		background-color: #118185;
		margin: auto;
		margin-bottom: 10px;
	}
	.materiales-master-box .row-2 .grid .marco {
		padding: 10px;
	}

/* MULTIMEDIA */
	.multimedia-contenedor {

	}
	.multimedia-master-box {
		border: 2px solid #ccc;
		background-color: #eee;
		overflow: hidden;
	}
	.multimedia-master-box .row .col {

	}
	.multimedia-master-box .titulo {
		background-color: #ccc;
		padding: 10px 20px;
	}
	.multimedia-master-box .izquierda {
		background-color: #eee;
	}
	.multimedia-master-box .izquierda button {
		border: none;
		background-color: transparent;
		padding: 10px 20px;
		font-size: 12px;
		transition-duration: .2s;
		width: 100%;
		text-align: left;
	}
	.multimedia-master-box .izquierda button.activo {
		background-color: white;
		width: 100%;
		transition-duration: .2s;
		font-weight: 600;
	}
	.multimedia-master-box .centro {
		padding: 0;
		background-color: white;
		position: relative;
	}
	.multimedia-master-box .centro .padding {
		padding: 0px;
	}
	.multimedia-master-box .centro button {
		border: none;
		background-color: transparent;
		font-size: 20px;
		display: block;
	}
	.multimedia-master-box .centro .fondo {
		background-color: white;
		position: absolute;
		width: 100%;
		height: 1000px;
		z-index: 0;
		padding: 30px;
	}
	.multimedia-master-box .derecha {
		padding: 0px;
		border-left: 1px solid #ccc;
		background-color: white;
	}
	.multimedia-master-box .derecha .padding {
		padding: 30px;
	}
	.multimedia-master-box .derecha .titulo {
		background-color: transparent;
		font-size: 26px;
		padding: 0;
		margin: 0;
	}
	.multimedia-master-box .derecha .texto {
		width: 100%;
		height: 250px;
		overflow-y: auto;
.
		margin: 20px 0px;
	}
	.multimedia-master-box .derecha .imagen {
		width: 100%;
		height: 300px;
		background-position: center;
		background-size: cover;
		margin: 20px 0px;
	}
	.multimedia-master-box .derecha .descarga {
		border: 2px solid #888;
		background-color: transparent;
		color: #888;
	}

	.multimedia-master-box .row-2 .derecha .texto {
		height: auto;
	}
	.multimedia-master-box .row-2 .grid .imagen {
		width: 100%;
		height: 150px;
		background-position: center;
		background-size: cover;
		margin: 0;
	}
	.multimedia-master-box .row-2 .grid .contenido {
		border: 1px solid #ccc;
		text-align: center;
	}
	.multimedia-master-box .row-2 .grid h3 {
		padding: 10px 0px;
		margin: 0;
		font-size: 20px;
		font-family: trajan;
	}
	.multimedia-master-box .row-2 .grid .separador {
		width: 50px;
		height: 2px;
		background-color: #118185;
		margin: auto;
		margin-bottom: 10px;
	}
	.multimedia-master-box .row-2 .grid .marco {
		padding: 10px;
	}

	.multimedia-master-box .audio audio {
		width: 100%;
		background-color: #333;
	}

/* GLOSARIO */
	.glosario-contenedor {
		padding: 20px 0px;
		margin: 20px 0px;
	}
	.glosario-contenedor .buscador {
		background-color: #aaa;
		padding: 20px;
	}
	.glosario-contenedor .buscador svg {
		width: 20px;
		height: 20px;
	}
	.glosario-contenedor .buscador input {
		width: 80%;
		border-bottom: 2px solid black;
		display: inline-block;
		height: auto;
		min-height: none;
		margin: 0;
	}
	.glosario-contenedor .buscador button {
		background-color: transparent;
		font-weight: 600;
		border: none;
		padding: 0px 5px;
		margin: 0;
	}
	.glosario-contenedor .izquierda {
		text-align: left;
	}
	.glosario-contenedor .derecha {
		text-align: right;
	}

	.glosario-contenedor .resultados {
		margin-top: 30px;
	}
	.glosario-contenedor .resultado {
		margin: 30px 0px;
		border: 1px solid #999;
		overflow: hidden;
	}
	.glosario-contenedor .resultado .izquierda {
		position: relative;
	}
	.glosario-contenedor .resultado .izquierda .fondo {
		position: absolute;
		background-color: #eee;
		width: 100%;
		height: 1000px;
		padding: 26px;
	}
	.glosario-contenedor .resultado .izquierda h3 {
		padding: 0;
		margin: 20px 0px;
		font-size: 20px;
	}
	.glosario-contenedor .resultado .izquierda h4 {
		padding: 0;
		margin: 20px 0px;
		font-size: 12px;
		font-style: italic;
	}
	.glosario-contenedor .resultado .izquierda p {
		padding: 0;
		margin: 20px 0px;
		font-size: 12px;
		font-style: italic;
	}
	.glosario-contenedor .resultado .centro {
		padding: 15px 30px;
	}
	.glosario-contenedor .resultado .derecha {
		position: relative;
	}
	.glosario-contenedor .resultado .derecha .imagen {
		width: 100%;
		height: 300px;
		background-position: center;
		background-size: cover;
	}
	.glosario-contenedor .resultado {
		margin: 20px 0px !important;
	}


/* ARQUITECTURA */
	.arquitectura-contenedor {
		padding: 30px 0px;
		margin: 30px 0px;
	}
	.arquitectura-contenedor .banner-1 {
		margin: 100px 0px;
	}
	.arquitectura-contenedor .banner-1 img {
		width: 100%;
		background-position: center;
		background-size: cover;
	}
	.arquitectura-contenedor .izquierda {

	}
	.arquitectura-contenedor .derecha {
		padding: 20px;
	}
	.arquitectura-contenedor .banner-1 .texto {
		padding: 20px 30px;
		height: 300px;
		overflow-y: auto;
.
	}
	.arquitectura-contenedor .banner-2 {
		margin: 50px 0px;
	}
	.arquitectura-contenedor .banner-2 .texto {
		padding: 20px 200px;
		margin: 50px 0px;
	}
	.arquitectura-contenedor .banner-2 .imagen img {
		width: 100%;
	}

/* HISTORIA */
	.historia-contenedor {
		padding: 30px 0px;
		margin: 30px 0px;
	}
	.historia-contenedor .item {
		margin: 30px 0px;
	}
	.historia-contenedor .izquierda img {
		width: 100%;
	}
	.historia-contenedor .texto {
		padding: 30px;
	}

/* MURALES */
	.murales-contenedor {
		padding: 30px 0px;
		margin: 30px 0px;
	}
	.murales-contenedor .items {
	
	}
	.murales-contenedor .item {
		margin: 60px 0px !important;
		
	}
	.murales-contenedor .item img {
		width: 100%;
	}
	.murales-contenedor .texto {
		padding: 20px 30px;
	}


/* QUIENES */
	.quienes-contenedor {

	}
	.quienes-contenedor .banner-1 {

	}
	.quienes-contenedor .banner-1 img {
		width: 100%;
	}
	.quienes-contenedor .banner-1 .texto {
		padding: 20px 30px;
	}
	.quienes-contenedor .banner-2 {
		margin: 50px 0px;
	}
	.quienes-contenedor .banner-2 img {
		width: 100%;
	}
	.quienes-contenedor .banner-2 .texto {
		padding: 20px 30px;
	}

/* DIRECTORIO */
	.directorio-contenedor {
		margin-bottom: 50px;
	}
	.directorio-contenedor .row-1 {
		padding: 50px 0px;
	}
	.directorio-contenedor .row-1 h4 {
		font-size: 26px;
	}
	.directorio-contenedor .row-1 h5 {
		font-size: 16px;
	}
	.directorio-contenedor .row-2 {

	}
	.directorio-contenedor .row-2 h4 {
		font-size: 26px;
	}
	.directorio-contenedor .row-2 h5 {
		font-size: 16px;
	}
	.directorio-contenedor .banner-1 {
		margin: 50px 0px;
	}
	.directorio-contenedor .banner-1 img {
		width: 100%;
	}

/* ARQUEOLOGIA */
	.arqueologia-contenedor {
	}
	.arqueologia-contenedor .row-1 {
		padding: 50px 0px;
	}
	.arqueologia-contenedor img {
		width: 100%;
	}
	.arqueologia-contenedor .row-1 .l5 {
		padding: 30px;
	}
	.arqueologia-contenedor .row-1 .l5 img {
		width: 50%;
		margin: 20px 0px;
	}

/* SALAS */
	.salas-contenedor {

	}
	.salas-contenedor .izquierda img {
		width: 100%;
	}
	.salas-contenedor .centro {
		padding: 0px 20px;
	}
	.salas-contenedor .centro .item {
		border: 1px solid #888;
		margin-bottom: 20px;
	}
	.salas-contenedor .item .imagen {
		width: 100%;
		height: 200px;
		background-position: center;
		background-size: cover;
	}
	.salas-contenedor .item h4 {
		padding: 10px 20px;
		margin: 0;
		font-size: 20px;
	}
	.salas-contenedor .texto {
		padding: 10px 20px;
	}


/* LOGOS */
    .logos {
        text-align: center;
    }
    .logos .container {
        padding: 50px 0px;
    }
    .logos svg {
        width: 80%;
        height: 100px;
    }
    .logos svg path {
    }



/* MODULOS */

	/* HEADERS */
	.header-v1 {
		
		background-position: center;
		background-size: cover;
		height: 400px;
		z-index: 100;
		position: relative;
		margin-top: 80px;
	}
	.header-v1 .contenedor {
		position: relative;
		width:80%;
		margin: auto;
	}
	.header-v1 h2 {
		color: white;
		font-size: 36px;
		font-family: trajan;
	}
	.header-v1 .texto {
		position: absolute;
		width: 350px;
		max-width: 50em;
		top:100px;
		color: white;
		font-size: 14px;
		margin-bottom: 20px;
	}
	.header-v1 .separador {
		width: 95%;
		height: 2px;
		background-color: #118185;
		margin: 30px 0px;
	}
	.header-v1 .overlay {
		position: absolute;
		top:0;
		left: 0;
		width: 100%;
		height:100%;
		background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0) 50.9%) rgba(0,0,0,.3);
		background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0) 50.9%) rgba(0,0,0,.3);
		background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0) 50.9%) rgba(0,0,0,.3);
		background: linear-gradient(to right, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0) 50.9%) rgba(0,0,0,.3);
	}

	.header-v2 {
		
		background-position: center;
		background-size: cover;
		height: 400px;
		z-index: 100;
		position: relative;
		margin-top: 0px;
	}
	.header-v2 .contenedor {
		position: relative;
		width:80%;
		margin: auto;
	}
	.header-v2 h2 {
		color: white;
		font-size: 36px;
		font-family: trajan;
	}
	.header-v2 .texto {
		position: absolute;
		width: 350px;
		top:200px;
		color: white;
		font-size: 14px;
		margin-bottom: 20px;
	}
	.header-v2 .separador {
		width: 95%;
		height: 2px;
		background-color: #118185;
		margin: 30px 0px;
	}
	.header-v2 .overlay {
		position: absolute;
		top:0;
		left: 0;
		width: 100%;
		height:100%;
		background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0) 50.9%) rgba(0,0,0,.3);
		background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0) 50.9%) rgba(0,0,0,.3);
		background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0) 50.9%) rgba(0,0,0,.3);
		background: linear-gradient(to right, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0) 50.9%) rgba(0,0,0,.3);
	}

	.header-v3 {
		position: relative;
		width: 100%;
		background-color:black;
			
	}
	.header-v3 .texto {
		position: absolute;
		top: 60%;
		left: 100px;
		color: white;
		z-index: 9999!important;
	}
	.header-v3 h3 {
		font-family: trajan;
		font-size: 26px;
	}
	.header-v3 h4 {
		font-family: Open;
		font-size: 18px;
		display: inline;
	}
	.header-v3 .objeto-atras {
		position: absolute;
		background-color: black;
		color: white;
		border: none;
		top: 50%;
		left: 20px;
		font-size: 22px;
		transition-duration: .2s;
		padding: 2px 10px;
	}
	.header-v3 .objeto-atras:hover {
		background-color: white;
		color: black;
		transition-duration: .2s;
	}
	.header-v3 .objeto-siguiente {
		position: absolute;
		background-color: black;
		color: white;
		border: none;
		top: 50%;
		right: 20px;
		font-size: 22px;
		transition-duration: .2s;
		padding: 2px 10px;
	}
	.header-v3 .objeto-siguiente:hover {
		background-color: white;
		color: black;
		transition-duration: .2s;
	}
	.header-v3 .objeto-abajo {
		position: absolute;
		width: 30px;
		bottom: 0;
		left: 50%;
		margin-left: -15px;
		background-color: #118185;
		color: white;
		border: none;
		font-size: 26px;
		transition-duration: .2s;
		z-index: 9999;
		text-align: center;
	}
	.header-v3 .objeto-abajo:hover {
		background-color: white;
		color: #118185;
		transition-duration: .2s;
	}

	.header-v4 {
		
		background-position: center;
		background-size: cover;
		height: 600px;
		margin-top: 80px;
	}
	.header-v4 .contenedor {
		position: relative;
		width: 80%;
		height: 600px;
		margin: auto;
	}
	.header-v4 h2 {
		color: white;
		font-size: 40px;
		font-family: trajan;
	}
	.header-v4 .texto {
		position: absolute;
		width: 350px;
		top: 300px;
		color: white;
		font-size: 14px;
		margin-bottom: 20px;
	}
	.header-v4 .separador {
		width: 95%;
		height: 2px;
		background-color: #118185;
		margin: 30px 0px;
	}



	/* BUSCADORES */
	.buscador-v1 {
		position: relative;
		width: 500px;
		margin: auto;
		text-align: center;
		margin-top: -39px;
		z-index: 200;
	}
	.buscador-v1 .flecha {
		width: 40px;
		color: white;
		margin: auto;
		background-color: #118185;
		text-align: center;
		font-size: 26px;
	}
	.buscador-v1 .buscador {
		width: 100%;
		background-color: #222;
		padding: 20px;
	}
	.buscador-v1 svg {
		width: 20px;
		height: 20px;
	}
	.buscador-v1 svg path {
		fill: #ccc;
	}
	.buscador-v1 input {
		width: 80%;
		line-height: auto;
		height: auto;
		padding: 0;
		color: white;
		margin: 0;
	}


	/* BREACRUMBS */
	.breadcrumb-v1 {
		padding: 10px 0px;
		font-weight: 100;
        font-family: Open;
        color: #666;
        //margin-top: 100px;
    }

    /* TEXTBOXES */
    	.textbox-v2 {
		color: #999;
	}
	.textbox-v3 .texto {
		padding: 40px;
		overflow-y: auto;
		margin: 10px 0px;
		color: #666;
	}

    /* BOTONES */
    .boton-v1 {
        padding: 10px;
        text-align: center;
    }
    .boton-v1 a {
        padding: 10px 25px;
        background-color: #bbb;

        color: white;
        transition-duration: .2s;
    }
    .boton-v1 a:hover {
        padding: 10px 25px;
        background-color: #8a8a8a;

        color: #108185;
        transition-duration: .2s;
    }

	.boton-v2 {
		padding: 10px;
		text-align: center;
	}
	.boton-v2 a {
		padding: 10px 25px;
		background-color: white;
		border-bottom: 2px solid #118185;
		color: black;
		transition-duration: .2s;
	}
	.boton-v2 a:hover {
		padding: 10px 25px;
		background-color: black;
		border-bottom: 2px solid #118185;
		color: white;
		transition-duration: .2s;
	}

    /* TITULOS */
    .titulo-v1 {
        text-align: center;
        margin: 10px 0px;
    }
    .titulo-v1 h2 {
        font-family: trajan;
        padding: 0px;
        margin: 10px 0px;
        font-size: 32px;
    }

	.titulo-v2 {

	}
	.titulo-v2 h3 {
		font-size: 26px;
		font-family: trajan;
	}
	.titulo-v2 .separador {
		width: 300px;
		height: 2px;
		background-color: #118185;
	}

    /* GRID ITEMS */
    .grid-item-v1 {
        padding: 10px 5px 10px 5px !important;
    }
	.grid-item-v1:hover .imagen {
		height: 100%;
		width: 100%;
		transition: all 0.5s ease;
		background-position: center;
		background-size: cover;
		cursor: pointer;
		background-color: black;
	}
	.grid-item-v1:hover .titulo {
		transition-duration: .2s;
		background-color: #ededed;
		color: #000;
	}
	.grid-item-v1 .imagen-out{
		width: 100%;
		height: 200px;
		overflow: hidden;
	}
    .grid-item-v1 .imagen {
        height: 15rem;
        width: 100%;
        transition: all 0.5s ease;
        background-position: center;
        background-size: cover;
    	cursor: pointer;
    	background-color: black;
    }
    .grid-item-v1 .imagen:hover {
    	
    	opacity: .8;
    	
    }
    .grid-item-v1 .titulo {
        margin-top: 10px;
        border: 1px solid black;
        text-align: center;
        padding: 0 5px 20px 5px;
    	transition-duration: .2s;
    	cursor: pointer;
    	height: 7rem;
    	vertical-align: middle;
    	overflow: hidden;
    	    white-space: wrap;
    		text-overflow: ellipsis;
    }
    .grid-item-v1 .titulo:hover {
    	
    	transition-duration: .2s;
    	background-color: #ededed;
    	color: #000;
    }
    .grid-item-v1 h3 {
        font-size: 1.2em;
        padding: 0px;
        font-family: trajan;
		color: #383838;
		margin: 10px 0 5px 0;
	}
	.grid-item-v1 h3:hover {
		text-decoration: underline;
		
	}
	

	.grid-item-v2 {
		padding: 20px !important;
	}
	.grid-item-v2:hover .imagen {
		transition-duration: .2s;
		opacity: .7;
	}
	.grid-item-v2:hover .titulo {
		margin-top: 10px;
		border: 1px solid black;
		text-align: center;
		padding: 20px 0px;
		transition-duration: .2s;
		background-color: black;
		color: white;
	}
	.grid-item-v2 .imagen {
		width: 100%;
		height: 150px;
		background-position: center;
		background-size: cover;
		cursor: pointer;
	}
	.grid-item-v2 .titulo {
		margin-top: 10px;
		border: 1px solid black;
		text-align: center;
		padding: 20px 0px;
		cursor: pointer;
	}
	.grid-item-v2 h3 {
		font-size: 20px;
		padding: 0px;
		margin: 10px 0px;
		font-family: trajan;

	}

	.grid-item-v3 {
		margin: 10px 0px;
	}
	.grid-item-v3 .izquierda {
		padding: 0;
		padding-right: 10px;
	}
	.grid-item-v3 .derecha {
		border: 1px solid #999;
		padding: 10px;
		height: 180px;
	}
	.grid-item-v3 .imagen {
		width: 100%;
		height: 180px;
		background-position: center;
		background-size: cover;
		cursor: pointer;
		transition-duration: .2s;
	}
	.grid-item-v3 .imagen:hover {
		transition-duration: .2s;
		opacity: .7;
	}
	.grid-item-v3 .titulo {
		text-align: center;
		display: inline-block;

	}
	.grid-item-v3 h4 {
		padding: 0;
		margin: 0;
		font-size: 18px;
		font-family: trajan;
	}
	.grid-item-v3 .separador {
		width: 50px;
		height: 1px;
		background-color: #118185;
		margin: auto;
	}
	.grid-item-v3 h5 {
		padding: 0;
		margin: 5px 0px;
		font-size: 14px;
	}
	.grid-item-v3 .boton {
		text-align: right;
	}
		.grid-item-v3 button {
		background-color: #118185;
		color: white;
		padding: 5px 15px;
		border: none;
		transition-duration: .5s;
	}
	.grid-item-v3 button:hover{
		background-color: #1daab0;
	}
	

	.grid-item-v4 {
		margin-bottom: 20px;
	}
	.grid-item-v4 .imagen {
		width: 100%;
		height: 250px;
		background-position: center;
		background-size: cover;
	}
	.grid-item-v4 h6 {
		font-size: 14px;
		color: #888;
		padding: 0;
		margin: 0;
	}
	.grid-item-v4 h3 {
		font-size: 24px;
		padding: 0;
		font-weight: 600;
		margin: 5px 0px;
	}
	.grid-item-v4 h5 {
		font-size: 12px;
		color: #888;
		padding: 0;
		margin: 0;
	}
	.grid-item-v4 p {
		color: #666;
		font-size: 14px;
	}
	.grid-item-v4 .separador {
		width: 100%;
		height: 1px;
		color: #999;
		margin: 5px 0px;
		background-color: #ddd;
	}
	.grid-item-v4 .derecha {
		padding: 15px 20px;
	}
	.grid-item-v4 .botones .izquierda {
		text-align: left;
	}
	.grid-item-v4 .botones .izquierda a {
		background-color: #ddd;
		color: #118185;
		padding: 5px 20px;
		transition-duration: .2s;
	}
	.grid-item-v4 .botones .izquierda a:hover {
		background-color: #8a8a8a;
		color: #108185;
		padding: 5px 20px;
		transition-duration: .2s;
	}
	.grid-item-v4 .botones .derecha {
		text-align: right;
	}
	.grid-item-v4 .botones .derecha a {
		background-color: #118185;
		color: white;
		padding: 5px 20px;
		transition-duration: .2s;
	}
	.grid-item-v4 .botones .derecha a:hover {
		background-color: #1daab0;
		padding: 5px 20px;
		transition-duration: .2s;
	}
	.grid-item-v4 .botones .col {
		padding: 0;
	}

	/* INFO BOXES */
	.infobox-v1 {
		background-color: #fafafa;
	}
	.infobox-v1 .titulo {
		background-color: #ccc;
		padding: 13px;
		border-bottom: 2px solid #118185;
		font-weight: 600;
		cursor: pointer;
		transition-duration: .2s;
	}
	.infobox-v1 .titulo:hover {
		background-color: #8a8a8a;
		color: #108185;
		transition-duration: .2s;
	}
	.infobox-v1 .contenido {
		text-align: center;
		padding: 10px 0px 20px 0px;
		display: none;
	}
	.infobox-v1 button {
		width: 90%;
		background-color: transparent;
		border: none;
		padding: 12px 0px;
		text-align: left;
		margin: auto;
	}

	.infobox-v2 {
		background-color: #fafafa;
	}
	.infobox-v2 .titulo {
		background-color: #ccc;
		padding: 13px;
		border-bottom: 2px solid #118185;
		font-weight: 300;
		cursor: pointer;
	}
	.infobox-v2 .contenido {
		display: block;
	}
	.infobox-v2 .informacion .izquierda {
		padding: 15px;
		color: #118185;
	}
	.infobox-v2 .informacion .derecha {
		padding: 10px;
	}

	.infobox-v3 {
		background-color: #fafafa;
	}
	.infobox-v3 .titulo {
		background-color: #ccc;
		padding: 13px;
		border-bottom: 2px solid #118185;
	}
	.infobox-v3 .contenido {
	}
	.infobox-v3 .objeto video {
		width: 100%;
	}

	.infobox-v4 {
		background-color: #fafafa;
	}
	.infobox-v4 .titulo {
		background-color: #ccc;
		padding: 13px;
		border-bottom: 2px solid #118185;
	}
	.infobox-v4 .contenido {
		padding: 20px;
	}
	.infobox-v4 .contenido .titulo {
		background-color: transparent;
		border: none;
		font-weight: 300;
		font-size: 26px;
		padding: 0;
	}

	.infobox-v5 {
		background-color: #fafafa;
	}
	.infobox-v5 .titulo {
		background-color: #ccc;
		padding: 13px;
		border-bottom: 2px solid #118185;
	}
	.infobox-v5 .contenido.caja-relacionados {
		height: 420px;
		overflow-y: hidden;
	}
	.infobox-v5 .imagen {
		width: 100%;
		height: 200px;
		margin: 5px 0px;
		cursor: pointer;
		transition-duration: .2s;
		background-position: center;
		background-size: cover;
		margin-bottom: 20px;
	}
	.infobox-v5 .imagen:hover {
		transition-duration: .2s;
		opacity: .7;
	}
	.infobox-v5 button {
		border: none;
		width: 100%;
		text-align: center;
		font-size: 18px;
		transition-duration: .2s;
	}
	.infobox-v5 button:hover {
		font-size: 28px;
		transition-duration: .2s;
	}

	.infobox-v6 {
		background-color: white;
		margin-bottom: 20px;
	}
	.infobox-v6 .titulo {
		background-color: #ccc;
		padding: 13px;
		cursor: pointer;

	}
	.infobox-v6 .contenido {
		padding: 20px;
		border: 2px solid #aaa;
		margin-bottom: 20px;
		display: block;
	}
	.infobox-v6 img {
		width: 100%;
	}

	.infobox-v7 {
		background-color: #fafafa;
	}
	.infobox-v7 .titulo {
		background-color: #ccc;
		padding: 13px;
		cursor: pointer;
	}
	.infobox-v7 .contenido {
		margin-bottom: 20px;
		display: block;
	}
	.infobox-v7 img {
		width: 100%;
	}




/* PAGINAS */
	.paginas-v1 {
		text-align: center;
	}
	.paginas-v1 button {
		background-color: transparent;
		width: 30px;
		height: 30px;
		border: none;
	}
	.paginas-v1 .flecha {
		background-color: #ccc;
		transition-duration: .2s;
	}
	.paginas-v1 .flecha:hover {
		background-color: #aaa;
		color: #108185;
		transition-duration: .2s;
	}
	.paginas-v1 .numero {
		background-color: #118185;
		color: white;
		transition-duration: .2s;
	}
	.paginas-v1 .numero:hover {
		background-color: white;
		color: #118185;
		transition-duration: .2s;
	}

    /* MULTIMEDIA */
	.multimedia-v1 {
		text-align: center;
	}
	.multimedia-v1 h3 {
		font-family: trajan;
		font-size: 30px;
	}
	.multimedia-v1 .separador {
		width: 100px;
		height: 2px;
		background-color: #118185;
		margin: auto;
		margin-bottom: 20px;
	}
	.multimedia-v1 video {
		width: 100%;
	}
	.multimedia-v1 h4 {
		background-color: #118185;
		padding: 15px;
		margin: 0;
		text-align: center;
		color: white;
		font-size: 18px;
		font-family: trajan;
	}

    /* SEPARADORES */
    .separador-v1 {
        width: 100px;
        height: 2px;
        background-color: #118185;
        margin: auto;
    }





/* FOOTER */
    .seccion-footer {
        background-color: #118185;
        padding: 20px 0px;
    }
    .seccion-footer .izquierda a {
        color: white;
        padding: 5px 10px;
        font-size: 12px;
    }
    .seccion-footer .derecha {
        text-align: right;
        font-size: 12px;
        color: white;
    }


/* EXTRAS */
	.exhibicion-boton-1 {
		cursor: pointer;
		margin-bottom: 20px;
	}
	.exhibicion-boton-1 img {
		transition-duration: .2s;
		cursor: pointer;
	}
	.exhibicion-boton-1:hover img {
		transition-duration: .2s;
		opacity: .7;
	}
	.exhibicion-boton-1:hover button {
		transition-duration: .2s;
		background-color: black;
	}
	.exhibicion-boton-1 button {
		border: none;
		padding: 15px;
	}

	.exhibicion-boton-2 {
		cursor: pointer;
		margin-bottom: 20px;
	}
	.exhibicion-boton-2 img {
		display: none;
		transition-duration: .2s;
		cursor: pointer;
	}
	.exhibicion-boton-2:hover img {
		transition-duration: .2s;
		opacity: .7;
	}
	.exhibicion-boton-2:hover button {
		transition-duration: .2s;
		background-color: black;
	}
	.exhibicion-boton-2	 button {
		border: none;
		padding: 15px;
	}
	.exhibicion-contenido {
		display: none;
	}
	.exhibicion-contenido .texto {
		height: 250px;
		margin-bottom: 30px;
		overflow-y: auto;
	}
	.exhibicion-contenido-1 {
		display: block;
	}
	.boton-indumentaria {
		padding: 10px;
		text-align: center;
	}
	.boton-indumentaria button {
		padding: 10px 25px;
		background-color: #bbb;
		border-bottom: 2px solid #118185;
		color: black;
		transition-duration: .2s;
		display: inline-block !important;
		width: 150px;
		border-top: none;
	}
	.boton-indumentaria button:hover {
		padding: 10px 25px;
		background-color: black;
		border-bottom: 2px solid #118185;
		color: white;
		transition-duration: .2s;
	}

	.info-banner-1 i {
		color: gray;
		position: absolute;
		margin-left: -30px;
	}
	.info-banner-1 .lista {
		display: none;
		margin-bottom: 20px;
	}
	.boton-lista {
		border: none;
		background-color: transparent;
		font-weight: 600;
	}


	.materiales-boton-centro.activo {
		font-weight: 600;
	}
	.materiales-caja-derecha {
		display: none;
	}
	.materiales-caja-derecha-1 {
		display: block;
	}
	.materiales-box {
		display: none;
	}
	.materiales-box-1 {
		display: block;
	}

	.materiales-box-2 .texto {
		height: auto !important;
	}
	.materiales-box-2 .grid .col {
		padding: 10px;
	}
	.materiales-box-2 .grid .imagen {
		height: 170px;
		background-position: center;
		background-size: cover;
		margin: 0;
	}
	.materiales-box-2 .grid .contenido {
		border: 1px solid #888;
		text-align: center;
		padding: 20px 0px;
	}
	.materiales-box-2 .grid h3 {
		font-family: trajan;
		font-size: 18px;
		padding: 0;
		margin: 0;
	}
	.materiales-box-2 .grid .separador {
		width: 50px;
		height: 2px;
		margin: auto;
		background-color: #118185;
	}
/* CAJÃ“N */
.contenedor-cajon {
	position: relative;
	font-family: Open;
	margin-bottom: 50px !important;
	width: 100%;
}
.contenedor-cajon .barra {
	text-align: center;
	height: 100px;
}
.contenedor-cajon .barra .izquierda {
	width: 30%;
	float: left;
	padding: 20px 0px;
	color: #666;
	text-align: center;
}
.contenedor-cajon .barra .derecha {
	width: 70%;
	float: right;
	padding: 14px 0px;
}
.contenedor-cajon .barra .derecha button {
	background-color: #e4e1da;
	color: #666;
	border: none;
	padding: 10px;
}
.contenedor-cajon .barra input {
	width: 80%;
	margin: 0;
	padding: 0;
	height: auto;
	border: none;
	background-color: white;
	padding: 10px 20px;
}
.contenedor-cajon .barra .row {
	margin: 0;
}
.contenedor-cajon .barra button {
	border: none;
	background-color: transparent;
	font-weight: 600;
	color: #666;

}
.contenedor-cajon .barra .l4 {
	padding: 20px;
}

.contenedor-cajon .caja-cajon  {
	//display: none;
	width: 30%;
	position: absolute;
	top: 133px;
	text-align: center;
	padding: 20px 0px 40px 0px;
	color: black;
	background-color: white;
	z-index: 2;
}
.contenedor-cajon button {
	border: none;
	background-color: transparent;
	font-weight: 600;
	color: #666;

}
.contenedor-cajon .caja-resultados {
	width: 100%;
	/*width: 67%;*/
	width: 70%;
	float: right;
	transition-duration: .2s;

}
.contenedor-cajo .col {
	transition-duration: .2s;
}
.contenedor-cajon .caja-resultados .item {
	color: white;
	padding: 20px;
}
.contenedor-cajon .caja-resultados .caja, .contenedor-cajon .caja-resultados .caja:hover {
	background-color: white;
	padding: 20px;
}
.contenedor-cajon .item .imagen {
	height: 150px;
	background-position: center;
	background-size: cover;
}
.contenedor-cajon .item .titulo {
	color: #9b8e6e;
	margin: 10px 0px 0px 0px;
	padding: 0;
	font-size: 22px;
	font-weight: 600;
}
.contenedor-cajon .item .subtitulo {
	color: #beb56a;
	font-size: 18px;
	font-style: italic;
}
.contenedor-cajon .arriba {
	padding: 20px;
}

.contenedor-cajon .breadcrumb {
	color: #666;
	font-size: 14px;
	text-align: left !important;
}
.contenedor-cajon .breadcrumb i {
	margin-right: 10px;
	margin-top: -2px;
}
.contenedor-cajon h2 {
	font-size: 30px;
	font-family: trajan !important;
	text-align: center;
	font-weight: 600;
}

.contenedor-cajon .caja-vistas {
	color: #666;
	margin: 20px 0px;
	text-align: center;
	position: relative;
}
.contenedor-cajon .caja-vistas .botones {
	position: absolute;
	right: 50px;
	top: 0;
}
.contenedor-cajon .caja-cuadros {
	margin-bottom: 100px;
}
.contenedor-cajon .caja-listas {
	display: none;
	padding: 20px;
}
.contenedor-cajon .caja-listas .item {
	background-color: white;
	margin-bottom: 30px;
}
.contenedor-cajon .caja-listas .l4 {
	padding-right: 20px;
}
.contenedor-cajon .caja-cajon .titulo {
	text-align: left;
	padding: 10px 20px;
	font-family: Open;
	position: relative;
}
.contenedor-cajon .caja-cajon .titulo .abrir-filtro {
	position: absolute;
	top: 15px;
	right: 20px;
	font-size: 20px;
}
.filtro-1 {
	display: none;
}
.contenedor-cajon .caja-cajon .separador {
	width: 90%;
	height: 1px;
	background-color: #666;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
.contenedor-cajon .caja-filtro {
	padding: 30px;
	text-align: left;
	display: none;
	max-height: 15rem;
	overflow-y: auto;
	margin-right: 1.2rem;
	margin-bottom: 1rem;
}
.contenedor-cajon .caja-cajon .vermas {
	background-color: #333;
	border: none;
	padding: 5px 10px;
	color: white;
	display: inline-block;
	border-radius: 5px;
	margin: 20px 0px;
}
.contenedor-cajon .caja-cajon h4 {
	font-size: 16px;
}
.filtro-2 .col {
	text-align: center;
}
.contenedor-cajon input {
	width: 50%;
	background-color: white;
	padding: 10px;
	height: auto;
	border: none;
}
.contenedor-cajon .caja-resultados .imagen {
	position: relative;
}
.contenedor-cajon .caja-resultados .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	z-index: 200;
	transition-duration: .2s;
	opacity: 0;
	cursor: pointer;
}
.contenedor-cajon .caja-resultados .overlay:hover {
	transition-duration: .2s;
	opacity: 1;
}
.contenedor-cajon .caja-extra {
	width: 100%;
	display: block;
}
.contenedor-cajon .caja-listas h3 {
	font-size: 20px;
	padding: 0px;
	margin: 10px 0px;
	font-family: trajan;
	color: black;
	margin-top: 40px;
}
.contenedor-cajon .caja-listas .separador-v1 {
	margin: 0;
}

/* RESPONSIVE */
	@media only screen and (max-width: 1000px) {
		.seccion-menu-desktop {
			display: none;
		}
		.seccion-menu-mobile {
			display: block;
		}
		.header-v1 {
            margin-top: 60px;
        }
		.header-v2 {
			margin-top: 60px;
		}
		.header-v3 {
			margin-top: 60px;
		}
		.header-v4 {
			
			background-position: center;
			background-size: cover;
			height: 600px;
			margin-top: 60px;
		}
        .buscador-v1 {
            width: 80%;
        }
        .colecciones {
            text-align: center;
        }
        .colecciones .izquierda {
            padding: 10px;
        }
        .colecciones .centro {
            padding: 20px;
        }
        .seccion-footer {
            text-align: center;
        }
		.colecciones-2 .derecha {
			padding: 0px 30px;
		}
		.grid-item-v3 .izquierda {
			padding: 0;
		}
		.grid-item-v3 .derecha {
			padding: 20px;
		}
		.header-v3 .texto {
			position: absolute;
			top: 60%;
			left: 50px;
			color: white;
			    z-index: 9999!important;
		}
		.colecciones input {
			width: 50%;
			padding: 0;
			margin: 0;
			height: auto;
			padding: 10px;
			background-color: white;
			border: 1px solid #bbb;
		}
		.colecciones svg {
			width: 20px;
			height: 20px;
			margin-bottom: -5px;
			margin-left: 10px;
			margin-right: 10px;
			transition-duration: .2s;
		}
		.exhibicion-botones a {
			background-color: black;
			padding: 10px;
			width: 200px;
			border-bottom: 2px solid #118185;
			margin-left: -4px;
			color: white;
			display: inline-block;
		}
		.materiales-master-box .centro {
			padding: 0;
			background-color: white;
			position: initial;
			border-bottom: 1px solid #ccc;
		}
		.materiales-master-box .centro .fondo {
			background-color: white;
			position: initial;
			width: 100%;
			height: auto;
			z-index: 0;
			padding: 30px;
		}
		.materiales-master-box .derecha {
			padding: 0px;
			border-left: none;
			background-color: white;
		}
	}
	@media only screen and (min-width: 1000px) {
		.seccion-menu-desktop {
			display: block;
		}
		.seccion-menu-mobile {
			display: none;
		}
	}




















</pre></body></html>