@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{font-family: 'Raleway', sans-serif; color: #262c38; background:#ffffff;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse; border-spacing:0;} img {max-width:100%; height:auto; } a { text-decoration:none;}

#pre-header {height:10px; width:100%; background-image:url(img/img-pre-header.gif);background-repeat:repeat-x;}
.video-bg {object-fit: cover;  max-width: 100%;  min-height: 650px;  position: relative;  top: 0;  left: 0; z-index: -1}
#header-index {height: 650px; /*background-image: url(img/bkg_header.jpg);background-position:top center;background-repeat: no-repeat;background-attachment: fixed;*/}
#header-page {background: #262c38;}
.content-header-page {max-width: 1200px; margin: 0 auto; padding: 45px 0; overflow: hidden; display: flex; justify-content: space-between; align-items: center;}
.viewport-header {position: absolute;  height: 650px;  text-align: center; top: 0;  left: 0; right: 0;}
#logo-top {/*margin: 45px 0;*/ padding-top: 105px; margin-bottom: 35px;}
#logo-top img {display: block; margin: auto;}
#logo-top-page {}
#menu-top { max-width: 700px; margin: 0 auto; text-align: center;}
#menu-top-page {}
#menu-top ul {}
#menu-top li, #menu-top-page li {display: inline; margin-right: 15px;}
#menu-top li:after, #menu-top-page li:after {content: "|"; margin-left: 15px;}
#menu-top li:last-child, #menu-top-page li:last-child {margin-right: 0;}
#menu-top li:last-child:after, #menu-top-page li:last-child:after {margin-left: 0; content: none;}
#menu-top li a, #menu-top-page li a {color: #fff;}
#menu-top li a:hover, #menu-top-page li a:hover {color: #e5a21a;}

#intro {max-width: 700px; margin: 120px auto; text-align: center; font-size: 1.1em; line-height: 1.5em; padding: 0 25px;}
#intro h1 {font-size: 1.6em; line-height: 1.3em; font-weight: bold;}
#intro p {margin-bottom: 15px;}
#intro p strong {font-weight:bold;}
.size-grande {font-size: 1.6em; line-height: 1.3em;}

.content {max-width: 1200px; margin: 120px auto; padding: 0 25px; overflow: hidden;}
.dos-columnas {display: flex; justify-content: space-between; margin-bottom: 180px;}
.dos-columnas > div {margin-right: 5%; width: 40%; }
.dos-columnas > div:last-child {margin-right: 0;width: 60%;}
.dos-columnas > div:last-child img {}

.dos-columnas-iguales {display: flex; justify-content: space-between; margin-bottom: 180px;}
.dos-columnas-iguales > div {width: 50%;}
.dos-columnas-iguales > div:last-child {margin-right: 0;}

.flex-items-center { align-items: center;}
.flex-items-top {align-items: flex-start;}
.columnas-reverse { flex-direction: row-reverse;}
.columnas-reverse img {}

.content h2, .tit-coleccion {font-size: 1.8em; margin-bottom: 15px;}
.content h3, #timeline-intendentes h3 {font-size: 1em; font-weight: bold; text-transform: uppercase; margin-bottom: 25px;}
.content h4 {font-size: 1.5em; margin-top: 15px; width: 80%;}
.content p {line-height:1.4em; margin-bottom: 25px;}
.link-dos-columnas {font-weight: bold; color: #262c38;}
.link-dos-columnas i:before {vertical-align:bottom; font-size: 1.4em;}
.content a {color: #262c38;}
.tit-desc {margin-top: 15px; text-transform: uppercase; font-weight: bold; font-size: .9em; display: inline-block; padding-bottom: 5px;}
.sub-rojo {border-bottom: 2px solid #ed0874;}
.sub-violeta {border-bottom: 2px solid #615ee8;}

.articulos-destacados-fila {}
.articulos-destacados-fila > div {margin-bottom:15%;}
.img-right img { float:right;}

#timeline-intendentes h3 {text-align: center; margin-bottom: -70px;}
#timeline-intendentes h3 i { font-size: 1.5em;}
#timeline-intendentes em {text-align: center; display: block; margin-bottom: 15px; font-size: .9em;}
#timeline-intendentes em i {vertical-align: middle;}

.lista-detalles {margin-top: 15px; margin-bottom: 45px;}
.lista-detalles li {margin-bottom: 8px; font-style: italic; list-style:disc; line-height: 1.5em;}
.tit-center {text-align: center;}
.div-padding {margin-bottom: 100px;}


footer {border-top: 1px solid #cecece; padding-top: 25px!important; display: flex; justify-content:space-between;}
.footer-tit-museo {font-weight: bold;}
.redes-footer { margin-top: 15px;}
.redes-footer li {display: inline-block; margin-right: 5px;}
.redes-footer li img {max-width: 28px;}
.logo-muni-footer {margin-top: 20px;}
.copyright-footer {font-size: .9em; color: #5f626d; margin-top: 40px;}
.link-footer {display: inline-block; margin-right: 75px; font-size: .9em;}
.link-footer:last-child {margin-right: 0;}
.link-footer li {margin-bottom: 10px;}


@media only screen and (max-width: 1020px) {
	.link-footer {margin-right: 25px;}
	
}

@media only screen and (max-width: 920px) {
	.link-footer {display: block;}
	
	
}

@media only screen and (max-width: 720px) {
	.content {margin: 60px auto;}
	.dos-columnas, .dos-columnas-iguales {display: block; margin-bottom: 40px;}
	.dos-columnas > div, .dos-columnas-iguales > div {margin-right: 0; width: 100%; display: block;}
	.dos-columnas > div:last-child, .dos-columnas-iguales > div:last-child {width: 100%;}
	.dos-columnas img, .dos-columnas-iguales img {display: block; margin: auto;}
	#timeline-intendentes {display: block; margin-top: 120px;}
	.img-right img { float:none;}
	footer {display: block;}
	footer > div {margin-bottom: 35px;}
	.link-footer li {margin-bottom: 20px;}
	.footer-otros-museos {border-bottom: 1px solid #cecece; padding-bottom: 25px!important;}
}