/*
 Theme Name:	INSIVUMEH
 Description:	Tema personalizado para INSIVUMEH
 Author:		Insivumeh
 Author URI:	http://sinapsis.com.gt
 Template:		twentysixteen
 Version:		1.0.1
 License:		GNU General Public License v2 or later
 Text Domain: 	twentysixteen-child
*/


/* MAYHEM BY SINAPSIS.com.gt */

/* SINAPTIC RESET */
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;
  outline: none;
  word-wrap: break-word;
}

html {
	height: 100%;
	-webkit-font-smoothing: antialiased;
	overflow: auto;
}
body { font-size: 62.5%; line-height: 1; font-family: Arial, Tahoma, sans-serif;}

html, body {height: 100%; position: relative;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/* ol, ul { list-style: none; } */

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; } 

table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }

p { font-size: 1.2em; line-height: 1.0em; color: #333; }

a {text-decoration: none;}

a:hover {cursor: pointer !important;}

input {
	-webkit-appearance: none;
}

input[type="submit"], input[type="search"]:focus, input[type="password"], input[type="text"] {
    outline: none;
}

* {
    -webkit-overflow-scrolling: touch;
}

/* SINAPSIS MAYHEM - BEND THE KNEE*/

/* ------------------------ GENERALES ------------------------ */

/* COLORS */
:root {
	--body-bg-color:  #001f2d;
	--main-text-color: #424f5d;
	--azul-sh1: #c1d5da;
	--azul-sh2: #03b9fc;
	--azul-sh3: #07527b;
	--azul-sh4: #06679c;
	--azul-sh5: #092f47;
	
	--toolbar-height-mobile: 60px;
	--toolbar-height-tablet: 56px;
	--toolbar-height-desktop: 56px;
	
	--clima: #f5ed18;
	--geofisica: #1ef738;
	--hidrologia: #06f8de;
}

h1, h2, h3, h4, h5, h6, p, ul, li, a, time, input, span {
	color: var(--main-text-color);
}


/* FONTS */
body {
	position: relative;
	font-family: 'Fira Sans', sans-serif;
	font-size: 14px;
	background: url("img/bg_body_pattern.jpg") 0 0 repeat;
/* 	-webkit-font-smoothing: antialiased; */
}



/* FLARE */
a {
	transition: all 0.3s;
}

::selection {
  background: #065b80;
  color: #ffffff;
}



/* HELPERS */

.clearer {
	clear: both;
	width: 1px;
	height: 1px;
	display: block;
}

#divisor_comodin {
	clear: both;
	width: 100%;
	height: 1px;
	display: block;
	margin-top: 32px;
	margin-bottom: 32px;
}

.divisor_flag {
	width: 100%;
	height: 8px;
	display: table;
	margin: 64px auto 64px auto;
}

.divisor_flag div {
	display: table-cell;
}

.divisor_flag div:nth-child(1), .divisor_flag div:nth-child(3) {
	background: url("img/icon_spearador_flag_line_bg.svg") 0 50% repeat-x;
	background-size: 1px 2px;
}

.divisor_flag div:nth-child(2) {
	width: 24px;
	background: url("img/icon_spearador_flag.svg") 50% 50% no-repeat;
}

.divisor_flag_mobile,
.divisor_flag_mobile_portadas {
	display: table;
}

@media screen and (min-width:950px) {
	.divisor_flag_mobile,
	.divisor_flag_mobile_portadas {
		display: none;
	}
}

.screen-reader-text {
	display: none;
}

.navigation, .pagination {
	font-family: 'Saira', sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 40px 0;
}

.navigation a,
.navigation div a,
.navigation div .current,
.pagination a,
.pagination div a,
.pagination div .current {
    text-decoration: none;
    margin-right: 4px;
    padding: 4px;
}

.navigation div .current,
.pagination div .current {
	color: var(--azul-sh2);
}

.navigation div a:first-child,
.pagination div a:first-child {
    padding-left: 0;
}

/* FOOBOX FIX */
.fbx-count {
    font-size: 14px;
    font-family: saira;
    font-weight: bold;
    color: var(--azul-sh1);
    bottom: -40px;
}


/* LOADING ANI */

#loading-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	margin: 0;
	padding: 0;
	background-color: var(--azul-sh5);
	z-index: 100;
	opacity: 1;
	pointer-events: none;
	overflow: auto;
}

#bienvenido_txt {
	position: absolute;
	top: calc(50% + 60px);
	left: 0;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-family: 'Saira', sans-serif;
	font-size: 16px;
	color: var(--azul-sh2);	
}

#loading-sub-wrapper {
	position: fixed;
	top: calc(50% - 50px);
	left: calc(50% - 50px);
	width: 100px;
	height: 100px;
	display: block;
	margin: 0;
	padding: 0;
	background: url("img/icon_loading_bg.svg") 50% 50% no-repeat;
	background-size: 100px 100px;
	z-index: 1;
}

#loading-ani {
	position: fixed;
	top: calc(50% - 55px);
	left: calc(50% - 55px);
	width: 110px;
	height: 110px;
	display: block;
	margin: 0;
	padding: 0;
	background: url("img/icon_loading_dots.svg") 50% 50% no-repeat;
	background-size: 110px 110px;
	z-index: 2;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 1s linear infinite;
  -moz-animation: rotating 1s linear infinite;
  -ms-animation: rotating 1s linear infinite;
  -o-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}


/* FIXES */

.fbx-light, .fbx-light .fbx-caption, .fbx-light .fbx-open-caption, .fbx-light.fbx-phone .fbx-social {
	background-color: rgba(0, 15, 23, 0.9) !important;
}

	/* 	PRINT FIXES */
	.print-page-header, .print-page-header-space,
	.print-page-footer, .print-page-footer-space,
	#print-page-watermark {
		display: none;
	}

	.print-page-header, .print-page-footer {
		position: relative;
	}
	
	.print-page-header #print-header-insivumeh-logo {
		position: absolute;
		top: 41px; 
		right: 55px;
	}

	.print-page-header #print-header-gob-logo {
		position: absolute;
		top: 45px; 
		left: 48px;
	}
	
	.print-page-footer {
		text-align: center;
	}

	.print-page-footer > div:nth-child(1) {
		display: block;
		width: 100%;
		margin: 0 auto 0 auto;
		border-top: 1px solid #205078;
	}

	.print-page-footer img {
		margin-top: 7px;
	}
	
	table#table-col1, #table-col1 thead, #table-col1 tr, #table-col1 td, #table-col1 tbody, #table-col1 div, #table-col1 div p {
		border: 0;
	}

	table#table-col1, #table-col1 thead, #table-col1 tr, #table-col1 td, #table-col1 tbody {
		background: rgba(0,0,0,0) !important;
	}
	
	#ventana-alertas {
		position: absolute;
		top: 81px;
		left: 0;
		box-sizing: border-box;
		display: none;
		width: 100%;
		padding: 26px 32px 18px 32px;
		background: url("img/header_bg_pattern.jpg") 0 0 repeat;
		z-index: 10000;
	}


	@media screen and (min-width: 750px) {
		#ventana-alertas {
			top: 101px;
		}
	}

	@media screen and (min-width: 1185px) {
		#ventana-alertas {
			top: 137px;
		}
	}

		
	#ventana-alertas p {
		font-size: 14px;
		color: var(--azul-sh1);
		font-weight: 600;
		width: calc(100% - 20px);
	}

	#ventana-alertas > p a {
		text-decoration: underline;
		color: var(--azul-sh1);
	}

	#ventana-alertas i {
		margin-right: 10px;
	}
	
	#ventana-alertas .boton_institucional {
		background-color: rgba(0,0,0,0);
	}
	
	#ventana-alertas .boton_institucional:hover {
		border-color: var(--azul-sh2);
	}

	#ventana-alertas .boton_institucional:hover a {
		color: var(--azul-sh2);
	}
	
	#cerrar-ventana-alertas {
		position: absolute;
		right: 8px;
		top: 12px;
		width: 26px;
		height: 24px;
		display: block;
		border: 1px solid var(--azul-sh1);
		text-align: center;
		line-height: 24px;
		color: var(--azul-sh1);
		-webkit-border-radius: 	4px;
		-moz-border-radius: 	4px; 
		border-radius: 			4px;
	}

	#cerrar-ventana-alertas:hover {
		border-color: var(--azul-sh2);
		cursor: pointer;		
	}

	#cerrar-ventana-alertas:hover p {
		color: var(--azul-sh2);
	}
	
	#cerrar-ventana-alertas p {
		text-align: center;
		width: 100%;
	}
	



/* GALERIA  SLICK */

.wp-block-gallery .blocks-gallery-item {
	margin: 0 !important;
}

.main-txt {
	overflow: hidden;
}

.main-txt ul.galeria-web {
	margin: 0 0 0 0;
}

.galeria-web-nav-controls {
	position: relative;
	width: 100%;
	display: block;
	overflow: visible;
	text-align: center;
}

.galeria-web-nav-controls a,
.galeria-web-nav-controls ul li {
	float: left;
}

.galeria-web-sig-arrow {
	float: right !important;
}

.galeria-web-nav-controls a,
.main-txt .galeria-web-nav-controls ul {
	padding: 0;
	margin: 0;
}

.main-txt .galeria-web-nav-controls ul {
	display: inline-block;
}

.galeria-web-nav-controls a,
.galeria-web-nav-controls ul li,
.main-txt .galeria-web-nav-controls ul li button,
.main-txt .galeria-web-nav-controls ul li [type="button"],
.galeria-dots-tootlip p {
	-webkit-appearance: none;
    background: none;
    border: none; 
	font-family: 'Saira', sans-serif;
	font-size: 12px;
	line-height: 24px;
	text-transform: uppercase;
	text-decoration: none !important;
	font-weight: 500;
	color: var(--main-text-color);
	margin: 0 !important;
}

.main-txt .galeria-web-nav-controls ul li button:hover {
	color: var(--azul-sh2);
	cursor: pointer;
}

.main-txt .galeria-web-nav-controls ul li button:focus,
.main-txt .galeria-web-nav-controls ul li [type="button"]:focus{
	outline:none;
}

.slick-slide {
	opacity: 0.8;
	padding: 10px;
}

.slick-slide:hover {
	opacity: 1;
	padding: 10px;
}

.slick-dots .slick-active button {
	color: var(--azul-sh2) !important;
}

.main-txt ul.galeria-web .slick-slide {
	padding: 0 !important;
}

.galeria-dots-tootlip {
	text-align: center;
	margin: 16px 0 8px 0;
}

.galeria-dots-tootlip p {
	display: inline-block;
	padding: 5px 15px 5px 15px;
	background-color: rgba(255,255,255,0.8);
	-webkit-border-radius: 	4px;
	-moz-border-radius: 	4px; 
	border-radius: 			4px;
}

/* ------------------------ STYLESHEET ------------------------ */

/* MAIN-TXT */

/* HEADINGS */
.main-txt h1 {
/*     font-family: "Times New Roman", Times, serif; */
    margin-bottom: 24px;
}

.main-txt h2,
.main-txt h3,
.main-txt h4,
.main-txt h1 span,
.main-txt h2 span,
.main-txt h3 span,
.main-txt h4 span,
.main-txt h5 span,
.main-txt h6 span {
	font-family: 'Fira Sans', sans-serif;
    margin-bottom: 10px;
    font-weight: 400;
}

.main-txt h1,
.main-txt h2 {
    text-transform: uppercase;
}

.main-txt h3 {
	line-height: 32px;
}

.main-txt h1 {font-size: 32px;}
.main-txt h2 {font-size: 26px;}
.main-txt h3,
.main-txt h1 span,
.main-txt h2 span,
.main-txt h3 span,
.main-txt h4 span,
.main-txt h5 span,
.main-txt h6 span {
	font-size: 24px;
}
.main-txt h4 {font-size: 20px; line-height: 24px;}

.main-txt ul, .main-txt p {
	margin: 0 0 24px 0;
}

.main-txt p em {
	font-style: italic;
}

.main-txt ul, .main-txt ol {
	margin: 26px 0 26px 0;
    padding-left: 30px;
}

.main-txt ul li, .main-txt ol li {
	line-height: 26px;
}

ul.wp-block-gallery {
	padding-left: 0;
}

ul.slick-dots {
	list-style: none;
}

.main-txt a, .link_style {
	text-decoration: underline;
}


/* BOTON INSTITUCIONAL */

/* ESCONDER BOTON DEFAUL DESCARGA */
.wp-block-file__button {
	display: none !important;	
}

.main-txt .boton_institucional,
.main-txt .wp-block-file {
	display: table;
	word-break: break-all;
    hyphens: auto;

	border: 1px solid var(--azul-sh1);
	margin: 10px 26px 10px 0;
	background: #064e75;

	transition: background-color 0.4s;
	-webkit-border-radius: 	4px 12px 12px 12px;
	-moz-border-radius: 	4px 12px 12px 12px; 
	border-radius: 			4px 12px 12px 12px;
}

.main-txt .boton_institucional:before,
.main-txt .wp-block-file:before {
	float: left;
	margin: 0 -8px 0 20px;
	color: var(--azul-sh1);
	line-height: 50px;
	transition: color 0.4s;
}

.main-txt .boton_institucional:hover,
.main-txt .wp-block-file:hover {
	background: var(--azul-sh2);
}
	
.main-txt .boton_institucional a,
.main-txt .wp-block-file a {
/* 	display: inline-block; */
	display: block;
	padding: 15px 20px 15px 22px;

	color: var(--azul-sh1);
	font-family: 'Fira Sans', sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1px;
    line-height: 20px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;

	-webkit-border-radius: 	4px 12px 12px 12px;
	-moz-border-radius: 	4px 12px 12px 12px; 
	border-radius: 			4px 12px 12px 12px;
}

.main-txt .boton_institucional:hover:before,
.main-txt .boton_institucional:hover a,
.main-txt .wp-block-file:hover:before,
.main-txt .wp-block-file:hover a {
	color: #ffffff;
}

.main-txt .boton_institucional_s a {
	padding: 8px 12px 8px 16px;
	font-size: 12px;
}

.main-txt .fas a, .main-txt .fab a {
    margin: 0 0 0 -20px;
    padding-left: 70px;
    word-break: break-word;
}

.main-txt .boton-en-fila {
	display: inline-block;
    word-break: break-word;
}

.main-txt .entry-titles-details {
	margin-bottom: 24px;
}

.main-txt .entry-titles-details h1,
.main-txt .entry-titles-details h2 {
	display: inline;
}

.main-txt .wp-block-image img,
.main-txt .wp-block-image a img {
	height: auto;
}

.wp-block-quote {
	border-left: 4px solid var(--azul-sh2) !important;
}


/* RESPONSIVE GUTENBERG TABLES */
/* TABLE BORDERS */
.main-txt .wp-block-table {
	border-left: 1px solid var(--azul-sh1);
	border-top: none;
}

.main-txt .wp-block-table tbody tr {
	border-bottom: 1px solid var(--azul-sh1);
}

.main-txt .wp-block-table tbody tr td {
	border-right: 1px solid var(--azul-sh1);
	word-break: break-word;
    display: block;
    border-bottom: none;
}

.main-txt .wp-block-table tbody tr td:first-child {
	border-top: 1px solid var(--azul-sh1);
}

.main-txt .wp-block-table tbody tr:last-child td:last-child {
    border-bottom: 1px solid var(--azul-sh1);
}

/* TABLE OTHERS */
.main-txt .wp-block-table tbody tr td {
	color: var(--main-text-color);
	padding: 8px 10px 0 10px;
	font-size: 14px;
	line-height: 24px;
}
.main-txt .wp-block-table tbody tr td:last-child {
	padding-bottom: 8px;
}

.main-txt tbody tr td a {
	text-decoration: underline;
}

.main-txt tr:nth-child(odd) td {
	background-color: rgba(255,255,255,0.2);
}


@media screen and (min-width: 600px) {
	.main-txt .wp-block-table {
		border-top: 1px solid var(--azul-sh1);
	}

	.main-txt .wp-block-table tbody tr td {
	    display: table-cell;
	    border-bottom: 1px solid var(--azul-sh1) !important;
		padding: 16px 10px 16px 10px;
	}

	.main-txt .wp-block-table tbody tr td:first-child {
		border-top: none;
	}

}



/* SHAREHOLIC */

.main-txt .shareaholic-canvas {
	margin: 0 0 0 -14px;
	padding-top: 40px;
}

.shareaholic-share-buttons-heading-text {
	margin-bottom: 8px;
}

.wrapper {
	width: 80%;
	margin: 0 auto 0 auto;
	overflow: auto;
}

.main-txt p, p, .main-txt span {
	font-size: 15px;
    line-height: 24px;
    text-align: justify;
}

@media screen and (min-width:1100px) {
	.main-txt p, p, .main-txt span {
	   line-height: 24px;
	}
}

a:hover, a:hover p, a:hover h3 {
	color: var(--azul-sh2);
	transition: color 0.3s;
}

a:hover h3 {
	border-bottom: 1px solid var(--azul-sh2) !important;
}	

h1#insivumeh_titulo {
    font-family: "Times New Roman", Times, serif;
    text-transform: uppercase;
    font-size: 42px;
    text-align: center;
}

h2#insivumeh_subtitulo {
	font-family: 'Saira', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
	margin-bottom: 32px;
}

.modulo_portada_title {
	margin-bottom: 24px;
	padding-left: 14px;
	background: url("img/icon_module_title.svg") 0 45% no-repeat;
	background-size: 8px auto;	
	color: var(--azul-sh4);
	font-family: 'Saira', sans-serif;
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
}

.modulo_portada_title a {
	color: var(--azul-sh4);
}

.modulo_portada_title a:hover {
	text-decoration: underline;
}

.menu_portada_title {
	display: inline-block;
	padding-bottom: 2px;
	margin-bottom: 16px;
	border-bottom: 1px solid;
	color: var(--azul-sh4);
	font-family: 'Saira', sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 16px;
	text-transform: uppercase;
}

.info_modulo_portada ul li a {
	font-family: 'Saira', sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 38px;
	text-transform: uppercase;
}

.info_modulo_portada ul li a:hover {
	color: var(--azul-sh2);
	text-decoration: underline;	
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
tr {
  border-bottom: 1px solid #ccc;
}
th, td {
  text-align: left;
  padding: 4px;
}

strong { font-weight: bold; }
a {text-decoration: none;}

input[type="button"].header_button {
    border: none;
    padding: 18px 36px 18px 36px;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-border-radius: 	8px;
    -moz-border-radius: 	8px;
	border-radius: 			8px;
    transition: background-color 0.3s;
}

.header_button {
    color: var(--azul-sh3);
    background-color: var(--azul-sh2);
    font-size: 16px;
    height: 52px;
}

.header_button:hover {
	background-color: var(--azul-sh1);
}

input[type="search"], input[type="text"], input[type="password"] {
    width: 99%;
    padding: 0 12px 0 24px;
    background: none;
    display: block;
    transition: border 0.3s;
	box-sizing: border-box
}

input.input_header {
    height: 60px;
	border: 1px solid var(--azul-sh1);
    color: var(--azul-sh1);
    font-size: 16px;
    line-height: 60px;
	-webkit-border-radius:	30px;
	-moz-border-radius: 	30px; 
	border-radius:			30px;
}

input.input_header:focus {
	border-color: var(--azul-sh2);
}

::-webkit-input-placeholder {color: var(--azul-sh1);}
:-ms-input-placeholder {color: var(--azul-sh1);}
::placeholder {color: var(--azul-sh1);}


@media screen and (min-width:950px){
	.info_modulo_portada ul li a {
		line-height: 28px;
	}
}

@media screen and (min-width:1250px){
	.wrapper {
		width: 1050px;
	}
}


/* ------------------------ LAYOUT HEADER ------------------------ */

/* HEADER */

header {
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	background: url("img/header_bg_pattern.png") 0 0 repeat;
	border-bottom: 1px solid var(--azul-sh3);
	-webkit-font-smoothing: antialiased;
}

#header_brillo {
	position: absolute;
	width: 100%;
	height: 80px;
	background: url("img/header_bg_brillo.png") -100px 0 no-repeat;
	opacity: 0.5;
	pointer-events: none;
}

@media screen and (min-width:500px) {
	#header_brillo {
		position: absolute;
		width: 100%;	
	}
}

#titular-map-wrapper,
#titular-post-wrapper		{ position: relative; z-index: 1;}
.mapa-div					{ position: relative; z-index: 2;}
#header_brillo				{ position: absolute; z-index: 3;}
#header_logo 				{ position: absolute; z-index: 4;}
#map-info-div				{ position: absolute; z-index: 5;}
#botonera_header			{ position: absolute; z-index: 6;}
#titulares_panel			{ position: fixed; z-index: 7;}
#titulares_portada_botonera	{ position: fixed; z-index: 8;}
header						{ position: absolute; z-index: 10;}
#header_menu 				{ position: absolute; z-index: 11;}
#busqueda_portada 			{ 					  z-index: 12;}
#usuarios_registrados 		{ position: absolute; z-index: 13;}
#log_in_portada 			{ position: fixed;	  z-index: 14;}
#map-scroll 				{ position: absolute; z-index: 15;}
#ventana-en-portada			{ position: fixed; 	  z-index: 17;}
#actualizacion-barra		{ position: absolute; z-index: 18;}


/* LOGOS */

#header_logo {
	top: 18px;
	left: 0;
	overflow: hidden;
}

#header_logo div {
	float: left;
}	

#header_logo div:first-child {
	margin-right: 12px;
	margin-top: 4px;
}

#header_logo div a {
	display: block;
}

#header_logo div img {
	transition: all 0.3s;
}

#header_logo div:first-child img {
	width: 150px;
	height: auto;
}

#header_logo div:last-child img {
	width: 48px;
	height: 48px;
}


@media screen and (min-width:750px) {	
	header, #header_brillo {
		height: 100px;
	}

	#header_logo {
		top: 22px;
		left: 0;
	}
	
	#header_logo div:first-child {
		margin-right: 18px;
		margin-top: 5px;
	}
		
	#header_logo div:first-child img {
		width: 180px;
		height: auto;
	}
	
	#header_logo div:last-child img {
		width: 57px;
		height: 57px;
	}
}


/* BOTONERA */

#botonera_header {
	right: 8px;
	top: 0;
	height: 80px;
}

#botonera_header div {
	float: left;
	height: 80px;
	width: 48px;
	margin-right: 2px;
}

#botonera_header div:hover {
	cursor: pointer;
}

#botonera_header div p {
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 32px auto 0 auto;
	display: block;
	text-indent: -10000px;
	overflow: hidden;
	transition: all 0.2s;
	background: url("img/icons_sprite.svg") 0 0 no-repeat;
	background-size: auto 34px;
}

#botonera_header div:last-child {
	margin-right: 0;
}

#botonera_header div.botonera_header_busqueda > p {background-position-x: 0;}
#botonera_header div.botonera_header_login > p {background-position-x: -17px;}
#botonera_header div.botonera_header_menuOpener > p {background-position-x: -34px;}
#botonera_header div:hover > p, .botonera_active p {background-position-y: -18px !important;}



/* PANTALLA BG */
.header_subdiv_bg {
	position: absolute;
    top: 81px;
    left: 0;
    width: 100%;
    background: url('img/header_bg_pattern.jpg') 0 0 repeat;
    border-top: 	1px solid var(--azul-sh3);
    border-bottom: 	1px solid var(--azul-sh3);
}

.header_subdiv_bg_div {
	width: 80%;
	margin: 40px auto 40px auto;
}

.header_subdiv_bg_div > input {
    margin-bottom: 20px;
}



/* BUSQUEDA */
#busqueda_portada {
	display: none;
}

.search-form {
	position: relative;
}

.search-form #searchsubmit {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 32px;
	height: 20px;
	display: block;
    border: none;
    text-indent: -10000px;
	background: url("img/icon_search.svg") 50% 0% no-repeat;
	background-size: 18px auto;
	transition: all 0.2s;
}

.search-form #searchsubmit:hover {
	background-position-y: -20px;
}

.termino_de_busqueda {
	color: var(--azul-sh2);
}





@media screen and (min-width:1185px) {
	.search-form #searchsubmit {
		top: 10px;
		right: 8px;
		width: 16px;
		height: 12px;
		background-size: 12px auto;
	}
	
	.search-form #searchsubmit:hover {
		background-position-y: -14px;
	}	
}

#search_input_no_results input {
	color: var(--azul-sh4);
	border-color: var(--azul-sh4);
}

#search_input_no_results input#searchsubmit {
	top: 20px;
	right: 20px;
	width: 32px;
	height: 20px;
	background-size: 18px auto;	
}

#search_input_no_results input#searchsubmit:hover {
	background-position-y: -20px;
}	

#search_input_no_results ::-webkit-input-placeholder {color: var(--azul-sh4);}
#search_input_no_results :-ms-input-placeholder {color: var(--azul-sh4);}
#search_input_no_results ::placeholder {color: var(--azul-sh4);}


/* LOG-IN */
#log_in_portada {
	display: none;
}

#login_opener_desktop {
	display: none;
}

#login-links, #login-cerrar {
	display: none;
}

input.login_button:hover {
	cursor: pointer !important;
}

input.login_button:focus {
	outline: none;
}


/* MENU */

#header_menu {
	top: 81px;
	left: 0;
	width: 100%;
	display: block;
	font-family: 'Saira', sans-serif;
	display: none;
}	

#header_menuOpener p {
	display: block;
	text-indent: -9999px;
}

ul#menu-principal {
	border-top: 1px solid var(--azul-sh3);
	width: 100%;
    background: url("img/header_bg_pattern.jpg") 0 0 repeat;
}

ul#menu-principal > li,
.submenu_titulares > li {
	text-align: center;
	border-bottom: 1px solid var(--azul-sh3);
}

ul#menu-principal > li a, .submenu_titulares > li a {
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.5px;
	color: var(--azul-sh1);
	transition: none !important;
}

#menu-principal > li:first-child > a {
	width: 100%;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	overflow: hidden;
}

#menu-principal > li:first-child > a span {
	position: absolute;
	top: 23px;
	left: calc(50% - 8px);
	width: 16px;
	height: 14px;
	background: url("img/icon_home.svg") 0 0 no-repeat;
	background-size: 16px 30px;
	transition: all 0.2s;
}

#menu-principal > li:first-child > a:hover span {
	background-position-y: -16px;
}

#menu-principal > li.current-menu-item:first-child > a > span {
	background-position-y: -16px;
}	

@media screen and (min-width:900px){
	#menu-principal > li.current-menu-item:first-child > a > span {
		background-position-y: -11px;
	}
}


#menu-principal > li.current-menu-item > a {
	color: var(--azul-sh2);
}

ul#menu-principal > li, ul#menu-principal > li > a, #menu-principal > li:first-child > a {
	display: block;
	line-height: 65px;
	cursor: pointer;
	color: var(--azul-sh1);
}

/* CLASES ESPECIALES */

.esconder {
	display: none;
}

/* SUB MENU */
.sub-menu {
	display: none;
	background-color: rgba(0,0,0,0.2);
}

ul.sub-menu > li {
	border-top: 1px solid var(--azul-sh3);
	overflow: hidden;
}

ul.sub-menu > li a {
	display: block;
}

.current-menu-ancestor > a:before {
	content: "•";
	margin-right: 8px;
}

.current-menu-item > a:before {
	margin-right: 8px;
	content: "\f3c5";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.menu-insivumeh a:before {
	color: var(--azul-sh2) !important;	
}

.menu-clima a:before {
	color: var(--clima) !important;
}

.menu-geofisica a:before {
	color: var(--geofisica) !important;
}

.menu-hidrologia a:before {
	color: var(--hidrologia) !important;
}


@media screen and (min-width:750px) {
	#botonera_header, #botonera_header div {
		height: 100px;
	}
	
	#botonera_header div p {
		margin-top: 42px;
	}
	
	#busqueda_portada, #log_in_portada, #header_menu {
		top: 100px;
	}	
}

@media screen and (min-width:965px) {
	#botonera_header #menu_opener {
		display: none;
	}

	#header_menu {
		top: 36px;
		left: 274px;
		display: block !important;
		width: calc(100% - 320px);
	}

	ul#menu-principal {
		background: none;
	}
	
	ul#menu-principal {
		border: none;
	}
	
	ul#menu-principal > li {
		display: inline-block;
		margin-right: 30px;
		border: none;
		vertical-align: middle;
	}

	ul#menu-principal > li:first-child {margin: 0 20px 0 0;}
	ul#menu-principal > li:last-child {margin-right: 0;}

	ul#menu-principal > li, ul#menu-principal > li > a, #menu-principal > li:first-child > a {
		line-height: 32px;
		height: 32px;
	}

	#menu-principal > li:first-child > a {
	    position: relative;
	    width: 32px;
	    height: 32px;
	}
	
	#menu-principal > li:first-child > a span {
		top: 8px;
		left: 10px;
		width: 12px;
		height: 14px;
		background-size: 12px auto;
		background-position-y: 2px;
	}

	#menu-principal > li:first-child > a:hover span {
		background-position-y: -11px;
	}

	#menu-principal li.current-menu-item a {
		background-color: rgba(0,0,0,0);
	}
	
	#menu-principal > li.current-menu-item a:before {
		font-size: 12px;
	}
	
	#menu-principal li.mainmenuitem-clima a {
		border-color: var(--clima);
	}
	#menu-principal li.mainmenuitem-geofisica a {
		border-color: var(--geofisica);
	}
	#menu-principal li.mainmenuitem-hidrologia a {
		border-color: var(--hidrologia);
	}
	
	/* 	SUB-MENUS */

	#menu-principal > li > .sub-menu {		
		position: absolute;
	    top: 40px;
	}

	.menu-clima > .sub-menu {		
	    left: 160px;
	}

	#menu-principal > li > .sub-menu {
		border: 1px solid var(--azul-sh3);
		-webkit-border-radius: 	0 8px 8px 8px;
		-moz-border-radius: 	0 8px 8px 8px; 
		border-radius: 			0 8px 8px 8px;
	}
	
	.sub-menu:before{
		content: "";
		width: 8px;
		height: 8px;
		position: absolute;
		top: -9px;
		left: 8px;
		background: url("img/sub_menu_arrow.svg") 50% 100% no-repeat;
		background-size: 100% auto;
	}
	
	.sub-menu {
		background: url("img/header_bg_pattern.jpg") 0 0 repeat;
	}	

	.sub-menu li {
		line-height: 40px;
		text-align: left;
	}

	.sub-menu li:first-child {
		border-top: none;
	}
	
	.sub-menu li > a {
		font-size: 12px;
		padding: 0 24px 0 24px;
	}
	
	.sub-menu li > .sub-menu li > a {
		padding: 0 24px 0 48px;
		background-color: rgba(0,0,0,0.2) !important;
	}
	
	.sub-menu li > .sub-menu li:first-child {
		border-top: 1px solid var(--azul-sh3);
	}

	.sub-menu li > .sub-menu {
		-webkit-border-radius: 	0 0 8px 8px;
		-moz-border-radius: 	0 0 8px 8px; 
		border-radius: 			0 0 8px 8px;
	}

	.sub-menu li > .sub-menu li > .sub-menu li > a {
		padding-left: 72px;
		background-color: rgba(0,0,0,0.4) !important;
	}
		
	.sub-menu .current-menu-item > a:before {
		font-size: 10px;
	}
}


/* MENU DESKTOP */
@media screen and (min-width:1185px) {

	.sub-menu {
		display: none;
	}
	
	#botonera_header {
		display: none;
	}

	header, #header_brillo {
		height: 136px;
	}
	
	#header_brillo {
		background-position-x: 0;
		opacity: 1;
		overflow: hidden;
	}
	
	#header_logo {
		top: 40px;
		left: 0;
	}

	#header_logo div:first-child {
		margin-right: 18px;
		margin-top: 6px;
	}

	#header_logo div:first-child img {
		width: 207px;
		height: 54px;
	}
	
	#header_logo div:last-child img {
		width: 67px;
		height: 67px;
	}

	#header_menu {
		top: 64px;
		left: 314px;
	}

	/* 	BUSQUEDA */
	#busqueda_portada {
		top: 64px;
		right: 16px;
		left: auto;
		width: 200px;
		background: none;
		border: none;
		display: block !important;
	}

	.header_subdiv_bg_div {
		width: 100%;
		margin: 0;
	}

	.header_subdiv_bg_div input {
		height: 32px;
		font-size: 10px;
		line-height: 32px;
		margin-bottom: 0;
		padding-left: 16px;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: 600;
	}

	.header_subdiv_bg_div input:last-child {
		display: none;
	}
	
	/* LOG-IN */
	#log_in_portada {
		display: block;
	}
	
	#login_opener_desktop {
		display: block;
		position: absolute;
		top: 24px;
		right: 20px;
	}
	
	#login_opener_desktop p {
		background: url("img/corchete.svg") 0 0 no-repeat,
					url("img/corchete.svg") 100% -16px no-repeat;
		background-size: 5px 30px;
		font-size: 10px;
		line-height: 14px;
	}
	
	#login_opener_desktop p a {
		color: var(--azul-sh1);
		font-family: 'Saira', sans-serif;
		font-size: 10px;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 1px;
		margin: 0 10px 0 10px;
	}

	#login_opener_desktop p a:hover {
		color: var(--azul-sh2);
	}
	
	#log_in_portada {
		top: calc(50% - 132px);
		left: calc(50% - 150px);
		width: 300px;
		height: 264px;
		border: 1px solid var(--azul-sh3);
		background: #001f2d url("img/header_bg_pattern.png") 0 0 repeat;
		-webkit-border-radius: 	5px;
		-moz-border-radius: 	5px; 
		border-radius: 			5px;
		display: none;
	}
	
	#log_in_portada > .header_subdiv_bg_div {
		width: 80%;
		margin: 40px auto 0 auto;
	}

	#log_in_portada > .header_subdiv_bg_div > input {
		width: 100%;
		height: 40px;
		pointer-events: all;
		margin-bottom: 16px;
	}
	
	#log_in_portada > .header_subdiv_bg_div > input.login_button {	
		display: block;
	    width: 104px;
	    height: 40px;
	    line-height: 44px;
	    padding: 0;
	    font-size: 14px;
	    text-transform: uppercase;
	    font-weight: 600;
	}	
	
	#login-links {
		display: block;
		font-size: 10px;
		margin-top: 20px;
	}

	#login-links p a {
		color: var(--azul-sh1);
		text-decoration: underline;
	}
	
	#login-cerrar {
		display: block;
		position: absolute;
		top: -17px;
		right: -17px;
		width: 32px;
		height: 32px;		
		font-family: 'Saira', sans-serif;
		background: #001f2d url("img/header_bg_pattern.png") 0 0 repeat;
		-webkit-border-radius: 	50%;
		-moz-border-radius: 	50%;
		border-radius: 			50%;
		border: 1px solid var(--azul-sh3);
		text-align: center;
	}
	
	#login-cerrar a {
		color: var(--azul-sh1);
		font-weight: 600;
		font-size: 14px;
		line-height: 32px;
	}
	
	#login-cerrar a:hover, #login-links p a:hover {
		color: var(--azul-sh2);
	}
}




/* BANNER LANDING */

	/* SWIPE SPECIFIC */
	.swipe {
	  overflow: hidden;
	  visibility: hidden;
	  position: relative;
	}
	.swipe-wrap {
	  overflow: hidden;
	  position: relative;
	}
	.swipe-wrap > div {
	  float: left;
	  width: 100%;
	  position: relative;
	}
	

	p.boton a, div.boton a {
		clear: both;
		margin-top: 10px;
		padding: 15px 20px 15px 20px;
		display: inline-block;
		font-family: 'Fira Sans', sans-serif;
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;
		color: var(--azul-sh1);
		background: #064e75;
		-webkit-border-radius: 	8px;
		-moz-border-radius: 	8px; 
		border-radius: 			8px;
		transition: background 0.2s;
	}
	
	p.boton a:hover, div.boton a:hover {
		color: #fff;
		background: var(--azul-sh2);
		cursor: pointer;
	}

	/* BANNER FULL SCREEN FOR MOBILE */
	#banner_landing {
		width: 100%;
		height: 100vh;
		display: block;
		box-sizing: border-box;
		/* SPECIFIC STYLES */
		border-bottom: 1px solid rgba(255,255,255,0.2);
	}
	
	@media screen and (min-width:1200px) {
		#banner_landing {
			height: 100vh;
		}	
	}

	#swipelanding, .swipe-wrap, .swipe-wrap > div {
		height: 100%;
	}

	.swipeSlide_img {
		position: relative;
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: calc(100% / 3.9) 50%;
		z-index: 1;
	}

	.banner_copy {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: auto;
		display: block;
		background-color: rgba(6,56,95,0.8);
		z-index: 2;
	}

	.banner_copy > div {
		font-family: 'Quattrocento', serif;
		color: var(--main-text-color);
		padding: 20px 20px 20px 20px;
		border-left: 4px solid var(--amarillo-sh2);
	}

	.banner_copy > div h2 {
		font-size: 40px;
		line-height: 26px;
		font-family: 'Saira', sans-serif;
		color: #ffffff;
	}

	.banner_copy > div p {
		font-size: 16px;
		line-height: 20px;
	}


	/* NAV */
	#banner_nav {
		width: 100%;
		display: block;
		margin: 17px auto 0 auto;
		text-align: center;
		overflow: auto;
	}

	#banner_nav > div {
		display: inline-block;
		width: 50px;
		height: 2px;
		padding: 10px 0 10px 0;
		margin: 0 15px 0 0;
	}

	#banner_nav > div:hover {
		cursor: pointer;	
	}

	#banner_nav div:last-child {
		margin-right: 0;
	}

	#banner_nav > div > div {
		width: 100%;
		height: 2px;
		background-color: var(--azul-sh1);
		transition: background 0.3s;
	}

	#banner_nav > div > div.current_banner_slide {
		background-color: var(--amarillo-sh2);
	}
	

	@media screen and (min-width:780px){
		.banner_copy {
			top: 0;
			bottom: auto;
			left: 0;
			right: auto;
			width: 50%;
			height: 100%;
			background-color: rgba(6,56,95,0);
		}
		
		.banner_copy > div {
			position: absolute;
			top: calc(50% - 50px);
			bottom: auto;
			left: 100px;
			padding: 0 0 0 14px;
			border-left: 4px solid var(--amarillo-sh2);
		}

		.banner_copy > div h1 {
			font-size: 36px;
			line-height: 33px;
			margin-bottom: 10px;
		}
	
		.banner_copy > div p {
			font-size: 24px;
			line-height: 26px;
		}
		
		#the_copy {
			margin-top: 10px;
		}
		
		/* NAV */
		#banner_nav {
			width: 100%;
			display: block;
			margin: 17px auto 0 auto;
			text-align: center;
			overflow: auto;
		}

		#banner_nav > div {
			display: inline-block;
			width: 80px;
			height: 2px;
			padding: 6px 0 6px 0;
			margin: 0 15px 0 0;
		}

		#banner_nav > div:hover {
			cursor: pointer;	
		}

		#banner_nav div:last-child {
			margin-right: 0;
		}

		#banner_nav > div > div {
			width: 100%;
			height: 2px;
			background-color: var(--azul-sh1);
			transition: background 0.3s;
		}

		#banner_nav > div > div.current_banner_slide {
			background-color: var(--amarillo-sh2);
		}

	}
	

	@media screen and (min-width:1270px){
		.banner_copy > div {
			left: 24px;
		}

		.banner_copy > div h1 {
			font-size: 45px;
			line-height: 45px;
			margin-bottom: 10px;
		}
	
		.banner_copy > div p:first-child {
			font-size: 28px;
			line-height: 35px;
		}
		
	}



/* TITULARES */

#titulares_portada_botonera {
	bottom: 0;
	right: 0;
	width: 100%;
	height: var(--toolbar-height-mobile);
	border-top: 1px solid var(--azul-sh3);
	display: block;
	background: url("img/header_bg_pattern.jpg") 0 0 repeat;
	opacity: 1;
}

#titulares_portada_botonera > div {
	height: 100%;
}

.botonera_titulares_titulo, .boton_titular {
	height: 100%;
    float: left;
    display: block;
}

.botonera_titulares_titulo h2 {
	color: var(--azul-sh1);
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Saira', sans-serif;
    line-height: var(--toolbar-height-mobile);
    padding: 2px 20px 0 20px;
    overflow: hidden;
}

.boton_titular {
    width: 60px;
	overflow: hidden;
	transition: width 0.3s;
	display: block;
}

@media screen and (min-width:360px) {.boton_titular {width: 80px;}}
@media screen and (min-width:432px) {.boton_titular {width: 104px;}}


.boton_titular > h2 {
	width: 32px;
	height: 32px;
	display: block;
	padding-right: 1px;
	margin: 14px auto 0 auto;
    background: url("img/icons_sprite.svg") 0 0 no-repeat;
	background-size: auto 68px;
	text-indent: -10000px;
	transition: all 0.2s;
}

#boton_titular_clima {background-position: -102px 0;}
#boton_titular_geofisica {background-position: -136px 0;}
#boton_titular_hidrologia {background-position: -170px 0;}
.boton_titular > h2:hover, .titular_active {background-position-y: -36px !important;}

#titulares_panel {
    bottom: var(--toolbar-height-mobile);
    left: 0;
    width: 100%;
	height: auto;	
}

.pantalla_submenu_titulares {
    width: 100%;
    display: none;
    border-top: 1px solid var(--azul-sh3);
	background: url("img/header_bg_pattern.jpg") 0 0 repeat;
}

.submenu_titulares > li > a {
	line-height: 65px;
}

.desktop_exclusive {
	display: none;
}

.mobile-exclusive {
	display: block;	
}

#titulares_clima .active_link, #titulares_clima .active_link_title {color: #f5ed18;}
#titulares_geofisica .active_link, #titulares_geofisica .active_link_title {color: #1ef738;}
#titulares_hidrologia .active_link, #titulares_hidrologia .active_link_title {color: #06f8de;}


@media screen and (min-width: 1185px) {

	.desktop_exclusive {
		display: block;
	}

	img.desktop_exclusive {
		display: none;
	}

	#titulares_portada_botonera {
		display: none;
	}

	#titulares_panel {
		position: absolute;
		top: 137px;
		bottom: auto;
		right: 0;
		left: auto;
		padding-bottom: 8px;
		width: 300px;
		height: auto;
		border-left: 1px solid var(--azul-sh3);
		border-bottom: 1px solid var(--azul-sh3);
		display: block;
		font-family: 'Saira', sans-serif;
		background: 
					url("img/header_bg_brillo_titulares_01.png") 50% -20px no-repeat,
					url("img/header_bg_brillo_titulares_02.png") 50% 100% no-repeat,
					url("img/header_bg_pattern.jpg") 0 0 repeat;
		background-size: 100% auto, 100% auto, auto auto;
		-webkit-border-radius:	0 0 0 10px;
		-moz-border-radius:		0 0 0 10px; 
		border-radius:			0 0 0 10px;
	}
	
	#titulares_panel_desktop_h2 {
		width: 100%;
	    height: 40px;
	    margin: 0 auto 16px auto;
	    text-align: center;
		color: var(--azul-sh1);
		font-size: 11px;
		line-height: 43px;
		font-weight: 600;
		letter-spacing: 0.5px;
	    text-transform: uppercase;
	    background-color: rgba(9,47,71,0.8);
	    border-bottom: 1px solid var(--azul-sh3);
	}

	.pantalla_submenu_titulares {
		clear: both;
		width: 80%;
		margin: 0 auto 0 auto;
		display: block !important;
		background: none;
		border: none;
	}
	
	.pantalla_submenu_titulares h2, .pantalla_submenu_titulares ul li a {
		text-align: left;
	}

	.pantalla_submenu_titulares h2 {
	    border-bottom: 1px solid var(--azul-sh3);
		margin-bottom: 10px;
		color: var(--azul-sh1);
		font-size: 13px;
		font-weight: 600;
		line-height: 20px;
		text-transform: uppercase;
	}
	
	.submenu_titulares {
	    margin-bottom: 20px;
	    height: auto;
	    display: block;
	    overflow: hidden;
	}
	
	.pantalla_submenu_titulares ul li {
		clear: both;
		border: none;
		height: auto;
		line-height: 20px;
		text-align: left;
	}

	.pantalla_submenu_titulares ul li div {
		display: block;
		float: left;
	}
	
	.pantalla_submenu_titulares ul li div:first-child {
		width: 6px;
		height: 10px;
		margin-top: 5px;
		background: url("img/icon_submenu_titular_item.svg") 0% 0% no-repeat;
		background-size: 6px 21px;
		transition: all 0.2s;
	}

	.pantalla_submenu_titulares ul li a:before {
		content: "";
		width: 6px;
		height: 10px;
		margin-right: 10px;
		margin-top: 5px;
		display: inline-block;
		background: url("img/icon_submenu_titular_item.svg") 0% 0% no-repeat;
		background-size: 6px 21px;
		transition: all 0.2s;
	}

	.pantalla_submenu_titulares ul li a:hover:before {
		background-position-y: 100%;
	}

	.pantalla_submenu_titulares ul li:hover div:first-child {
		background-position-y: -10px;
	}
	
	.pantalla_submenu_titulares ul li div:nth-child(2) {
		width: 220px;
		margin-left: 10px;
	}

	.pantalla_submenu_titulares ul li a {
		font-size: 11px;
		line-height: 20px;
		height: auto;
	}

	.pantalla_submenu_titulares ul li div a img {
		text-align: left;
	    margin: 5px 0 0 0;
	    opacity: 0.4;
	    transition: all 0.2s;
	}
	
	.pantalla_submenu_titulares ul li:hover div a img {
		opacity: 1;
	}
}

@media screen and (min-height:828px) and (min-width: 1185px) {
	img.desktop_exclusive {
		display: block !important;
		transition: display 0.3s;
	}
}




/* MAPA */

.sismo_registrado {
	background: rgba(52,245,72,0.05) url('js/map/assets/imgs/icons/geofisica/sismo-registrado.png') 50% 50% no-repeat;
	background-size: 10px 10px;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 1px solid #34f548;
	cursor: pointer;
}

.sismo_sensible {
	background: rgba(245,138,52,0.05) url('js/map/assets/imgs/icons/geofisica/sismo-sensible.png') 50% 50% no-repeat;
	background-size: 10px 10px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 1px solid #f58a34;
	cursor: pointer;
}

.ultimo-sismo-ani {
	animation-duration: 1s;
	animation-name: fadeInOut;
	animation-iteration-count: infinite;
}

@keyframes fadeInOut {
	from {
		opacity: 0.4;
	}

	50% {
		opacity: 1;
	}
	
	to {
		opacity: 0.4;
	}
}

#leyenda-sismos {
	margin: 10px 0 0 10px;
}

#leyenda-sismos p {
	font-size: 12px;
	text-transform: uppercase;
}

#leyenda-sismos p span {
	display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 10px;
}

#leyenda-sismos p #leyenda-historico {
	background: url('js/map/assets/imgs/icons/geofisica/sismo-registrado.png') 50% 100% no-repeat;
    background-size: 8px 8px;
}	

#leyenda-sismos p #leyenda-sensible {
	background: url('js/map/assets/imgs/icons/geofisica/sismo-sensible.png') 50% 100% no-repeat;
    background-size: 8px 8px;
}	

#leyenda-sismos p #leyenda-magnitud {
	background: url('js/map/assets/imgs/icons/geofisica/sismo-magnitud.png') 50% 100% no-repeat;
    background-size: 100% auto;
    width: 27px;
    height: 10px;
}	

.leyenda-observaciones {
	margin-top: 5px;
}

.leyenda-observaciones p {
	font-size: 10px !important;
    line-height: 14px !important;
    text-transform: none !important;
}

@media screen and (max-width:950px){
	#leyenda-sismos {
		margin: 5px 0 0 5px;
	}

	#leyenda-sismos div p {
		line-height: 18px;
	} 

	#leyenda-sismos p #leyenda-magnitud {
		height: 14px;
	}
	
	.leyenda-observaciones {
		margin-top: 2px;
	}
}
	
.mapboxgl-popup {
  max-width: 200px;
}

.mapboxgl-popup-content {
  text-align: center;
  font-family: 'Open Sans', sans-serif;
}

.mapboxgl-marker {
	display: none;
}

.mapboxgl-popup span#lowercase_txt {
	text-transform: lowercase;
}

.mapboxgl-popup span.texto_blanco {
	color: var(--azul-sh1);
}

#titular-map-wrapper, #titular-post-wrapper {
	width: 100%;
	height: 100%;
}

.mapa-div {
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	border-bottom: 2px solid #ffffff;
	background-color: #03324b;
	overflow: hidden;
}

/* MapBox */

	.mapboxgl-ctrl-bottom-left {
	    bottom: calc(var(--toolbar-height-mobile) + 4px);
	}
	
	.mapa-template-fix .mapboxgl-ctrl-bottom-left {bottom: 0;}
	
	@media screen and (min-width:1185px) {
		.mapboxgl-ctrl-bottom-left {bottom: 0;}
	}

	.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
		opacity: 0.1;
		transition: opacity 0.3s;
	}

	.mapboxgl-ctrl-attrib:hover {
		opacity: 1;
	}

	.mapboxgl-ctrl-top-right {
		top: 90px;
		right: 10px;
	}
	
	@media screen and (min-width:641px) {
		.mapboxgl-ctrl-top-right {
			top: 81px;
			right: 0;
		}
	}
	
	@media screen and (min-width:750px) {
		.mapboxgl-ctrl-top-right {
			top: 101px;
		}
	}

	@media screen and (min-width:1185px) {
		.mapboxgl-ctrl-top-right {
			top: 138px;
			right: 301px;
		}

		.mapa-template-fix .mapboxgl-ctrl-top-right {
			right: 0;
		}
	}

	.mapboxgl-ctrl-scale {
		background-color: rgba(0,0,0,0);
		border-width: medium 1px 1px;
		border-color: #335171;
		color: #fff;
	}
	
	.mapboxgl-control-container {
		opacity: 0;
	}

#map-info-div {
    top: 0;
    left: 10px;
    right: 0;
    width: calc(100% - 40px);
    height: 100%;
    font-family: 'Saira', sans-serif;
    font-weight: 600;
    pointer-events: none;
}


#map-info-content {
	position: absolute;
	top: 94px;
	pointer-events: all;
	max-width: 300px;
	opacity: 0;
}

#map-info-the-content {
    padding: 5px 10px 5px 10px;
    background-color: var(--azul-sh5);
	display: none;	
}

@media screen and (min-width:750px) {
	#map-info-content {
		top: 120px;
	}
	#map-info-div {
	    left: 20px;
	}
}

@media screen and (min-width:950px) {
	#map-info-the-content {
		display: block !important;
	}
}

@media screen and (min-width:1185px) {
	#map-info-content {
		top: 160px;
	}
}

#map-info-div h2 {
	font-size: 12px;
	text-transform: uppercase;
	color: var(--azul-sh1);
}

/* .map-clima #map-info-content-opener p, */
#map-info-div.map-clima h3,
#map-info-div.map-clima h4,
#map-info-div.map-clima .faux-leer-mas,
.map-clima #map-info-the-content.landing-page .readmorelink,
#map-info-div.map-clima p.faux-leer-mas a {
	color: var(--clima);
}

/* .map-geofisica #map-info-content-opener p, */
#map-info-div.map-geofisica h3,
#map-info-div.map-geofisica h4,
#map-info-div.map-geofisica .faux-leer-mas,
.map-geofisica #map-info-the-content.landing-page .readmorelink,
#map-info-div.map-geofisica p.faux-leer-mas a {
	color: var(--geofisica);
}

/* .map-hidrologia #map-info-content-opener p, */
#map-info-div.map-hidrologia h3,
#map-info-div.map-hidrologia h4,
#map-info-div.map-hidrologia .faux-leer-mas,
.map-hidrologia #map-info-the-content.landing-page .readmorelink,
#map-info-div.map-hidrologia p.faux-leer-mas a {
	color: var(--hidrologia);
}

/* #map-info-content-opener, */
#map-info-div h2,
#map-info-div h3,
#map-info-div h4,
p.faux-leer-mas {
    padding: 2px 4px 2px 4px;
    background-color: var(--azul-sh5);
    display: inline-block;
}

@media screen and (min-width:950px){
	#map-info-div h2,
	#map-info-div h3,
	#map-info-div h4,
	p.faux-leer-mas {
	    padding: 5px 10px 5px 10px;
	}	
}


#map-info-div h3,
#map-info-div h4,
#sinopsis-titlte {
	text-transform: uppercase;
}

#map-info-div h3 {
	font-size: 20px;
	font-weight: 500;
}

#map-info-div h4 {
	font-size: 8px;
	letter-spacing: 1px;
	margin-bottom: 4px;
}
    
#map-info-div p,
#map-info-div a,
#map-info-div p a {
	color: var(--azul-sh1);
}

p.faux-leer-mas {
	line-height: 12px;
}

.faux-leer-mas a {
	display: inline-block;
	font-weight: 500;
	font-size: 12px;
	text-transform: uppercase;
    line-height: 12px;
}

.faux-leer-mas a:hover {
	color: var(--azul-sh2) !important;
}

#map-scroll {
    bottom: calc(var(--toolbar-height-mobile) + 14px);
    right: 10px;
	width: 37px;
	height: 37px;
	background-color: rgba(0,0,0,0.3);
	background-image: url("img/header_bg_pattern.png");
	background-position: 0 0;
	background-repeat: repeat;
	border: 2px solid var(--azul-sh2);
	-webkit-border-radius: 	50%;
	-moz-border-radius: 	50%; 
	border-radius: 			50%;
	opacity: 0;
}

#map-scroll.mapa-template-fix {
	bottom: 10px !important;
}
 
#map-scroll-arrow {
    position: absolute;
    width: 8px;
    height: 14px;
    top: 12px;
    left: 14px;
    background-image: url("img/icon_submenu_titular_item.svg");
    background-position: 40% 0%;
    background-repeat: no-repeat;
    background-size: 8px auto;
	-webkit-transform: 	rotate(90deg);
    -o-transform: 		rotate(90deg);
    transform: 			rotate(90deg);
}

#map-scroll:hover  {
	cursor: pointer;
}

#map-scroll:hover #map-scroll-arrow {
    background-position-y: 100%;
}


@media screen and (min-width:1185px) {
	#map-scroll {
		bottom: 10px !important;
		right: auto;
		left: calc(50% - 18px);2
	}
}  


/* BARRA DE ACTUALIZACION  */
#actualizacion-barra {
	position: absolute;
	bottom: 10px;
	left: calc(50% - 75px);
	margin: 0 auto 0 auto;
	width: 150px;
	display: none;
}

#actualizacion-barra p {
	margin: 0 0 0 0;
	color: rgba(255,255,255,0.7);
	font-family: 'Saira', sans-serif;
	line-height: 16px;
	letter-spacing: 1px;
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: left;
}

#actualizacion-barra-child {
	display: block;
	background-color: var(--azul-sh3);
}

#actualizacion-barra-child div {
	position: relative;
	width: 1%;
	height: 4px;
	background-color: var(--azul-sh2);
	transition: all 0.01s;
}

@media screen and (min-width:1185px) {
	#actualizacion-barra {
		position: absolute;
		bottom: 10px;
		right: 10px;
		left: auto;
		margin: 0 auto 0 auto;
		width: 150px;
	}
	
	#actualizacion-barra p {
		text-align: right;
	}
}


/* PORTADA INFO */

.info_modulo_portada {
	width: 100%;
	margin: 0 0 48px 0;
}

@media screen and (min-width:550px) {
	#col2 .info_modulo_portada {
		width: 47%;
	}
	#col2 .info_modulo_portada:first-child {
		margin-right: 5%;
	}
}

@media screen and (min-width:950px) {
	#col2 .info_modulo_portada {
		width: 100%;
	}
}


#insivumeh_logo {
	width: 100%;
	height: 87px;
	background-size: 87px auto;
	margin-bottom: 16px;
	text-align: center;
}

#insivumeh_logo img {
	height: 87px;
    width: auto;
    text-align: center;
}    
    
#insivumeh_headers {
    margin-bottom: 16px;
}

#spacer_col2 {
	height: 0;
}


#col2 > section {
	float: left;
}

#col2 > section:last-child {
	clear: both;
}

.sub-col2 {
	margin-top: 40px;
}

#informacion_destacada > div {
	clear: both;
	margin-bottom: 32px;
	overflow: hidden;
}

#informacion_destacada > div > div:first-child {
	float: left;
	width: 80px;
	height: 80px;
	margin: 0 15px 0 0;
}

#informacion_destacada > div > div:last-child {
	float: left;
	width: calc(100% - 96px);
}

#informacion_destacada > div > div img {
	width: 80px;
    height: 80px;
}

#informacion_destacada h3 {
	display: inline-block;
    font-family: 'Saira', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
	border-bottom: 1px solid rgba(255,255,255,0);
}
	
#temas_de_interes_portada {
	width: calc(100% - 100px);
	margin-right: 19px;
}

#informacion_destacada_img {
	position: relative;
	background-color: var(--azul-sh1);
	-webkit-border-radius: 	50%;
	-moz-border-radius: 	50%; 
	border-radius: 			50%;
}

.informacion_destacada_img_hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 	50%;
	-moz-border-radius: 	50%; 
	border-radius: 			50%;
	background-color: var(--azul-sh2);
	opacity: 0;
	transition: all 0.3s;
	pointer-events: none;
}

#informacion_destacada_img:hover {
	cursor: pointer !important;
}

#informacion_destacada_img:hover .informacion_destacada_img_hover {
	opacity: 0.5;
}

#informacion_destacada > div.19:last-child {
	margin-bottom: 0;
}


/* REDES SOCIALES */

#menu-canales-digitales li {
	display: inline-block;
	overflow: hidden;
	margin-right: 8px;
}

#menu-canales-digitales li a {
	color: #61676d;
	font-size: 14px !important;
}

#menu-canales-digitales li a:hover {
	color: var(--azul-sh2);
}

#menu-canales-digitales li a span {
	display: none;
}



/* CONTACTO COLUMNA */

#menu-menu-contacto li a i {
	margin-right: 10px;
}

/* YOUTUBE */

.yotu-playlist {
	padding: 0 !important;
}

.yotu-pagination-top {
	display: none !important;
}

.yotu-videos {
	padding: 0 !important;
}

.yotu-videos ul li a:hover .yotu-video-title {
	border: none !important;
	color: var(--azul-sh2) !important;
}

.yotu-lightbox .yotu-lightbox-body {
	top: 35% !important;
}

.yotu-video-title {
	color: var(--main-text-color) !important;	
}

.yotu-copyright {
	display: none;
}

.yotu-lightbox .yotu-lightbox-overlay {
	background: rgba(0, 15, 23, 0.9) !important;
}

.yotu-videos.yotu-mode-grid h3 {
	white-space: normal !important;
}

.yotu-videos ul li a h3.yotu-video-title {
	line-height: 1.4em !important;
	font-size: 12px !important;
}


/* FOOTER ENLACES */

.footer_enlaces > div:nth-child(1) {
	overflow: hidden;
	margin-bottom: 60px;
}

.footer_enlaces > div:nth-child(2) {
	clear: both;
	overflow: auto;
}

.footer_enlaces > div:nth-child(2) > h2 {
	float: left;
}

.footer_enlaces > div:nth-child(2) > div {
	clear: both;	
}

.footer_enlaces > div:nth-child(2) > div > div {
	float: left;
	width: 21%;
	height: auto;
	margin: 0 5.2% 15px 0;
	text-align: center;
	overflow: hidden;
}

.footer_enlaces > div:nth-child(2) > div > div:nth-child(4n+0) {
	margin-right: 0;
}

.footer_enlaces > div:nth-child(2) > div figure a, .footer_enlaces > div:nth-child(2) > div figure a img {
	width: 100%;
	height: 100%;
	text-align: center;
}

.footer_enlaces > div:nth-child(2) > div figure a:hover {
    background-color: var(--azul-sh2);
    -webkit-border-radius: 	0 0 5px 5px;
    -moz-border-radius: 	0 0 5px 5px; 
    border-radius: 			0 0 5px 5px;
}


/* FOOTER CREDITOS */

#footer_creditos {
	width: 100%;
	overflow: hidden;
	background-color: 		var(--azul-sh5);
	background-image: 		url("img/footer_reticula.png"),
							url("img/footer_bg_brillo.png"),
							url("img/footer_map.jpg");
	background-position: 	0 0,
							50% 0,
							50% 50%;
	background-repeat: 		repeat,
							no-repeat,
							no-repeat;
	background-size: 		37px 39px,
							1083px auto,
							cover;
}


/* FOOTER */

#bandera_footer_creditos {
	width: 100%;
	height: 5px;
	background: #ffffff url("img/icon_spearador_flag.svg") 0 0 no-repeat;
	background-size: 100% auto;
}

#footer_creditos > div.wrapper {
	margin: 60px auto 36px auto;
	text-align: center;
}

#footer_creditos > div.wrapper * {
	color: #ffffff;
	font-family: 'Saira', sans-serif;
	text-align: center;
}

#footer_creditos > div.wrapper h2 {
	font-size: 16px;
	font-weight: 600;
	line-height: 32px;
}

#footer_creditos > div.wrapper h3 {
	font-weight: 600;
}

#footer_creditos > div.wrapper p, #footer_creditos > div.wrapper h3 {
	font-size: 13px;
	line-height: 24px;
}

#footer_copyright p {
	width: 100%;
	font-size: 12px;
	text-align: center;
	color: #ffffff;
	opacity: 0.5;
	text-transform: uppercase;
}

#footer_creditos > div.wrapper a:hover {
	color: var(--azul-sh2);
}

#back_to_top {
	position: relative;
	width: 37px;
	height: 37px;
	margin: 0 auto 36px auto;
	background-color: rgba(0,0,0,0.3);
	border: 2px solid var(--azul-sh2);
	background-image: 	url("img/header_bg_pattern.png");
    background-size: 	auto auto;
	background-position:0 0;
	background-repeat: 	repeat;
	text-indent: -10000px;
	overflow: hidden;
    -webkit-border-radius: 	50%;
    -moz-border-radius: 	50%;
	border-radius: 			50%;
}

#back_to_top:hover {
	cursor: pointer;
}

#back_to_top #btt-arrow {
   	position: absolute;
    width: 8px;
    height: 14px;
    top: 11px;
    left: 15px;
    background-image: url("img/icon_submenu_titular_item.svg");
    background-position: 40% 0%;
    background-repeat: no-repeat;
    background-size: 8px auto;
	-webkit-transform: 	rotate(270deg);
    -o-transform: 		rotate(270deg);
    transform: 			rotate(270deg);
}



#menu-menu-contacto li:last-child {
	display: block !important;
}


@media screen and (min-width:696px) {
	
	#twitter_youtube_widgets > aside {
		float: left;
	}
	
	#twitter_youtube_widgets > aside:first-child {
		width: 312px;
		margin-right: 32px;
	}

	#twitter_youtube_widgets > aside:last-child {
		width: calc(100% - 344px);
	}
	
	.footer_enlaces > div:nth-child(1) ul li {
		margin: 0 0 8px 0;
	}
	
	.footer_enlaces > div:nth-child(1) ul li:nth-child(2n+0) {
		margin-right: 0;
	}

}


@media screen and (min-width:950px) {
/*
	#col1, #col2 {
		float: left;
		overflow: hidden;
	}
	
	#col1 {
		width: calc(100% - 249px);
		margin-right: 32px;
	}
		
	#col1:after {
		content: "";
		clear: both;
		display: table;
	}

	.cols-full-width #col1 {
		width: 100% !important;
		margin-right: 0 !important;
	}

	.cols-full-width #col1, .cols-full-width #col2{
		float: none;
		width: 100%;
	}
*/

/* 	#col1, #col2 { */
	#col1_portadas,
	#table-col1, #col2 {
		float: left;
		overflow: hidden;
	}
	
/* 	#col1 { */
	#col1_portadas,
	#table-col1 {
		width: calc(100% - 249px);
		margin-right: 32px;
	}
		
/* 	#col1:after { */
	#col1_portadas:after,
	#table-col1:after {
		content: "";
		clear: both;
		display: table;
	}

/* 	.cols-full-width #col1 { */
	.cols-full-width #table-col1 {
		width: 100% !important;
		margin-right: 0 !important;
	}

/* 	.cols-full-width #col1, */
	.cols-full-width #table-col1,
	.cols-full-width #col2 {
		float: none;
		width: 100%;
	}

	.cols-full-width #col2 .info_modulo_portada {
		clear: none;
		float: left;
		width: 30%;
		margin-right: 3%;
	}
	
	#spacer_col2 {
		display: block;
		width: 100%;
		height: 88px;
		margin: 0;
		padding: 0;
	}
	
	.indice-productos #spacer_col2 {
		height: 0;
		margin-top: -18px;
	}

	#col2 {
		width: 216px;
		margin-top: 60px;
	}
	
	#col2 > section {
		float: none;
	}
	
	.sub-col1 {
		width: calc(100% - 200px);
	    margin-right: 60px;
	    float: left;
	}

	.sub-col2 {
		float: left;
	    width: 140px;
		margin-top: 0;
	}
	
	#temas_de_interes_portada {
		width: 100%;
		margin-right: 0;
	}
	
	#redes_sociales_portada {
		width: 100%;
	}

	#redes_sociales_portada ul li {
		display: inline-block;
		padding: 2px;
		margin-right: 1px;
	}
	
	#redes_sociales_portada ul li:last-child {
		margin-right: 0;
	}	
	
	#redes_sociales_portada ul li a {
		width: 26px;
		height: 26px;
		background-size: 107px auto;
	}
	
	#redes_sociales_portada ul li a:hover {
		background-position-y: -27px;
	}
	
	#redes_sociales_portada ul li:nth-child(1) a {background-position-x: 0px;}
	#redes_sociales_portada ul li:nth-child(2) a {background-position-x: -27px;}
	#redes_sociales_portada ul li:nth-child(3) a {background-position-x: -54px;}
	#redes_sociales_portada ul li:nth-child(4) a {background-position-x: -81px;}
			
	.footer_enlaces > .info_modulo_portada {
		float: left;
	}

	.footer_enlaces > .info_modulo_portada:first-child {
		width: 312px;
		margin-right: 32px;
	}

	.footer_enlaces > .info_modulo_portada:last-child {
		width: calc(100% - 344px);
	}
	
	.footer_enlaces > div:nth-child(1), .footer_enlaces > div:nth-child(2) {
		float: left;
		clear: none;
	}

	.footer_enlaces > div:nth-child(2) {
		margin-right: 0;
	}
	
	#menu-menu-contacto li:last-child {
		display: none !important;
	}
	
	#informacion_destacada {
		margin-bottom: 0;
	}
}


@media screen and (min-width:1100px){
	#informacion_destacada > div {
		clear: none;
		float: left;
		width: 47%;
	}	

	#informacion_destacada > div {
		margin-right: 6%;
	}

	#informacion_destacada > div:nth-child(odd) {
		margin-right: 0;
	}

	#informacion_destacada > div:nth-child(odd) {
		margin-right: 0;
	}

}


@media screen and (min-width:1250px){
	#insivumeh_logo, #insivumeh_headers {
		float: left;
	} 
	
	#insivumeh_headers {
		margin-bottom: 0;
		margin-top: 20px;
    }
    
	#insivumeh_logo {
		width: 87px;
	}
	
	#insivumeh_headers h1, #insivumeh_headers h2 {
		text-align: left;
		margin-left: 16px;
	}
	
	#insivumeh_txt {
		clear: both;
	}

	#col2 {
		margin-top: 60px;
	}	

	#spacer_col2 {
		height: 8px;
	}
}
	
	
	
/* TEMPLATES */

/* INSTITUCIONAL	 */

.temp_institucional {
	width: 100%;
	height: 80px;
	margin-bottom: 80px;
	background: url("img/header_bg_pattern.jpg") 0 0 repeat;
}

@media screen and (min-width:750px) {	
	.temp_institucional {
		height: 100px;
	}
}

@media screen and (min-width:1185px) {	
	.temp_institucional {
		height: 136px;
		margin-bottom: 100px;
	}
}


/* CATEGORY & ARCHIVE */
.category-index-template {
	margin-bottom: 32px;
}

.archive_cards .card_ui:last-child {
	margin-bottom: 40px !important;
}

#informacion_destacada > div > #info_category_index_entry {
	width: 100%;
	height: auto;
}

#info_category_index_entry h3 {
	font-size: 18px;
}

#info_category_index_entry h6,
.entry-titles-details h6 {
	font-size: 12px;
	font-weight: 600;
	margin: 2px 0 8px 0;
}

.entry-titles-details h6 {
	margin-top: 6px;
	line-height: 18px;
}

	/* ARCHIVE BREADCRUMBS */

.main-txt .archive-breadcrumbs {
	text-transform: uppercase;
    font-family: 'Saira', sans-serif;
    font-size: 11px;
    color: var(--azul-sh3);
    font-weight: 500;
    margin-bottom: 4px;
}

.main-txt .archive-breadcrumbs:before {
	margin-right: 4px;
	content: "\f3c5";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 10px;
}

.main-txt .archive-breadcrumbs a {
	color: var(--azul--sh3);
	text-decoration: none;
}

.main-txt .archive-breadcrumbs a:hover {
	text-decoration: underline;
}

.category-index-template .modulo_portada_title {
	background: none;
	padding-left: 0;
}

	
/* ARCHIVE ARCHIVE */

#month-archive-list {
	margin: 0 0 40px 0;
}

#month-archive-list h4,
#month-archive-list ul li,
#month-archive-list ul li a {
	color: var(--azul-sh3);
}
	
#month-archive-list h4 {
	text-transform: uppercase;
	margin-bottom: 16px;
}

#month-archive-list ul li {
	font-size: 12px;
	font-family: 'Saira', sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 16px;
}

#month-archive-list ul li a:hover {
	color: var(--azul-sh2);
}
		
@media screen and (min-width:950px) {
	#col2.archive-col2 {
		margin-top: 88px;
	}
}

/* ESPECIFICO P/PRODUCTOS */

#mapa-tiempo-presente iframe {
	width: 100%;
	height: 600px;
	overflow: scroll;
	display: block;
}


/* LIGHTBOX LANDING */
#ventana-en-portada {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 15, 23, 0.9);
	display: none;
}

#ventana-en-portada-cerrar {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 32px;
	height: 32px;
	border: 1px solid var(--azul-sh2);
	
	-webkit-border-radius: 	50%;
	-moz-border-radius: 	50%; 
	border-radius: 			50%;
}

#ventana-en-portada-cerrar p {
	width: 100%;
	text-align: center;
	line-height: 32px;
	color: var(--azul-sh2);
}

#ventana-en-portada-cerrar p:hover {
	cursor: pointer;
	color: #ffffff;
}

#ventana-en-portada-content {
	position: relative;
	width: 80%;
	text-align: center;
	margin: 100px auto 0 auto;
}


/* ANIMTAION SET UP */
#main_header, #header_logo, #busqueda_portada, #log_in_portada, #titulares_panel, #titulares_portada_botonera {
	opacity: 0;
}


/* MARQUEE */
.marquee-content {
	width: 100%;
	display: none;
	overflow: hidden;
	white-space: nowrap;
	overflow: hidden;
	padding: 10px 0 10px 0;
	margin-bottom: -3px;
	background: #03b9fc;
	color: #ffffff;
	font-family: 'Saira', sans-serif;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
}