/* Colores */
.c-naranja, .c-naranja a {
	background-color: #fcaf00 !important;
	color: #fff !important;
}

.c-rojo, .c-rojo a {
	background-color: #f16659 !important;
	color: #fff !important;
}

.c-azul1, .c-azul1 a {
	background-color: #03195c !important;
	color: #fff !important;
}

.c-azul2, .c-azul2 a {
	background-color: #0e5e87 !important;
	color: #fff !important;
}

.c-azul3, .c-azul3 a {
	background-color: #7fe6fe !important;
	color: #363636 !important;
}

.c-amarillo {
	background-color: #FFEB3B !important; /* Amarillo para categoría Aceptable */
	color: #333 !important; /* Mejor contraste sobre amarillo */
}

.c-morado, .c-morado a {
	background-color: #743394 !important;
	color: #fff !important;
}

.c-verde1, .c-verde1 a {
	background-color: #32c7b7 !important;
	color: #fff !important;
}

.c-verde2, .c-verde2 a {
	background-color: #e1ffeb !important;
	color: #363636 !important;
}

.c-verde3, .c-verde3 a {
	background-color: #118638 !important;
	color: #fff !important;
}

.c-verde4, .c-verde4 a {
	background-color: #27ac60 !important;
	color: #fff !important;
}

.c-verde5, .c-verde5 a {
	background-color: #93e944 !important;
	color: #fff !important;
}

/* Fin Colores */


body {
	text-align: left;
	color: #55677a;
}

a {
	color: #585858;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:hover {
	color: #0E5E87;
	text-decoration: underline;
}

/*@font-face {
	font-family: 'Bebas';
	src: url('../fonts/Bebas.eot');
	src: url('../fonts/Bebas.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Bebas.woff') format('woff'),
		url('../fonts/Bebas.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans', sans-serif;
	src: url('../fonts/BebasNeue.eot');
	src: url('../fonts/BebasNeue.eot?#iefix') format('embedded-opentype'),
		url('../fonts/BebasNeue.woff') format('woff'),
		url('../fonts/BebasNeue.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}*/

/*@import url(//fonts.googleapis.com/css?family=Open+Sans);*/

/*@import url(//fonts.googleapis.com/css?family=Roboto+Slab);*/

/*@import url(//fonts.googleapis.com/css?family=Mulish);*/

@import url(//fonts.googleapis.com/css?family=Museo+Sans);

@font-face {
	font-family: 'Roboto Slab';
	src: url('../fonts/RobotoSlab-Bold.ttf') format('truetype');
	src: url('../fonts/RobotoSlab-Bold.otf') format('woff');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Mulish';
	src: url('../fonts/Mulish-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Merriweather';
	src: url('../fonts/Merriweather/Merriweather-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Andika';
	src: url('../fonts/Andika-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

h1,
h2,
h3,
h4 {
	font-family: 'Roboto Slab', sans-serif;
}

h1 {
	font-size: 2.5em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.4em;
}

h4 {
	font-size: 1.2em;
}

h5 {
	font-family: 'Mulish', sans-serif;
	font-size: 0.8em;
}



/*h3 {
    line-height: 130%;
    color: #43371F;
    font-weight: normal;
    font-size: 2.1em;
    margin: 15px 0 15px 0;
}*/

/*.pojo-a11y-toolbar-toggle {
    position: fixed;
    bottom: 50px;
    right: 50px;
  }*/


#divSlideshowckTop {
	display: none;
}

#divSlideshowckTop .camera_wrap {
	height: 31vw !important;
}

#divTitulo {
	font-family: 'Andika', sans-serif;
	font-size: 40px;
	padding: 10px;
}

#parallax1 h2,
#parallax3 h2 {
	text-shadow: 3px 3px 2px #333;
}

#parallax2 {
	margin-top: 0px
}

.container-equipo {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.miembro-equipo {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 20px;
	width: calc(25% - 20px);
	/* Ajusta el ancho para que quepan 4 elementos por fila */
	transition: transform 0.3s ease;
	/* Agrega una transición para suavizar el efecto */
}

.miembro-equipo:hover {
	transform: scale(1.1);
	/* Aplica un zoom del 10% sobre el hover */
}

.container-equipo-2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.miembro-equipo-2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 20px;
	width: calc(33.33% - 20px);
	transition: transform 0.3s ease;

}

.miembro-equipo-2:hover {
	transform: scale(1.1);

}

.container-equipo-3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.miembro-equipo-3 {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 20px;
	width: calc(33.3% - 20px);
	justify-content: center;
	transition: transform 0.3s ease;
}

.miembro-equipo-3:hover {
	transform: scale(1.1);
}

.miembro-equipo-4 {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 20px;
	width: calc(33.3% - 20px);
	justify-content: center;
	transition: transform 0.3s ease;
	margin-left: 130px;
}

.miembro-equipo-4:hover {
	transform: scale(1.1);

}

.miembro-equipo-5 {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 20px;
	width: calc(33.3% - 20px);
	justify-content: center;
	transition: transform 0.3s ease;
	margin-right: 130px;
}

.miembro-equipo-5:hover {
	transform: scale(1.1);
}



.contenedor-equipo {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: left;
	margin-bottom: 20px;
}

.imagen-equipo {
	flex: 1;

}

.imagen-equipo img {
	width: 20%;
	height: auto;
	margin-left: 200px;
}

.contenido-equipo {
	flex: 1;
	margin-left: -130px;
}

.contenedor-notificaciones {
	display: flex;
	text-align: left;
	margin-bottom: 10px;
}


.imagen-notificaciones img {
	width: 70%;
	height: auto;
	margin-left: 15px;
}

.contenido-notificaciones {
	flex: 1;
}

.contenedor-secretaria {
	display: flex;
}

.columna-secretaria {
	display: flex;
	align-items: center;
}

.imagen-secretaria {
	margin-left: 10px;
}

.imagen-secretaria img {
	width: 70%;
	height: auto;
}

.texto-secretaria {
	text-align: left;
	margin-top: 10px;
}

.contenedor-linea {
	display: flex;
	margin-bottom: 20px;
}

.columna-linea {
	display: flex;
	align-items: center;
}

.imagen-linea {
	margin-left: 10px;
}

.imagen-linea img {
	width: 70%;
	height: auto;
}

.texto-linea {
	text-align: left;
	margin-top: 10px;
}

@media (max-width: 1199px) {
	#parallax2 {
		padding-top: 250px;
	}
}

@media (max-width: 992px) {
	#parallax2 {
		padding-top: 400px;
	}
}

@media (max-width: 768px) {
	#parallax2 {
		padding-top: 600px;
	}
}

@media (max-width: 576px) {
	#parallax2 {
		display: none;
	}
}

/*Parallax*/
.parallaxParent {
	height: 60vh;
	overflow: hidden;
	width: 100%;
}

.parallaxParent>* {
	height: 200%;
	position: relative;
	top: -100%;
}

.img-parallax {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.DescriptionHeader {
	width: 70%;
	color: #fff;
	text-align: center;
	font-family: 'Mulish', sans-serif;
	font-size: 20px;
	font-weight: black;
}

#div-indicadores-ambientales-h2 {
	display: none;
	margin-bottom: 15px;
}


/* .img-parallax:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(19, 102, 51, 0.4);
	-webkit-transition: background-color 1s;
	transition: background-color 1s;
}
.img-parallax:hover:before {
		background: rgba(19, 102, 51, 0);
	} */


/*Fin Parallax*/

/*Encabezado*/

.premio-xperience a {
	/*Anular estilo anterior oab*/
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	background: none;
	z-index: -1;
}

#govco {
	width: calc(100%-50px);
	height: 40px;
	margin: 0px auto;
	text-align: right;
	background-color: #36c;
	color: #fff;
	padding: 8px 5% 8px 5%;
}

#govco a,
#govco a:hover {
	color: #fff;
	text-decoration: none;
}

.link-govco {
	float: left;
}

.img-govco {
	height: 20px;
}

#topbar {
	width: calc(100%-50px);
	height: 20px;
	margin: 0px auto;
	text-align: right;
	background-color: #fff;
	color: #999;
	padding: 1px 20px;
}

#topbar a {
	color: #fff;
}

#body1 {
	background: none;
	width: auto !important;
}

#contenedor1 {
	width: 100%;
}

.divEncabezado {
	height: 80px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.divLogoOab {
	display: flex;
	align-items: center;
}

.divLogoOab img {
	max-height: 80px;
}

#encabezado h2.tagline {
	font-size: 2.3em;
	color: #5B9F32;
	position: absolute;
	top: 105px;
	right: 20px;
}

/*Fin Encabezado*/


/* Buscador header */
.divBuscador {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between !important;
	height: 63px;
	padding: 4px 5px 4px 15px;

	background-color: #fff;
	border: 1px solid #eee !important;
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
	box-shadow: 0 0 0 0 #b5b5b5 inset;
}

.divBuscador .input-group {
	display: block;
	margin-bottom: 5px;
}

.divBuscador .input-group label {
	display: block;
	font-weight: bold;
	margin-bottom: 0;
}

.divFormBusqueda {
	height: 60px;
}

.divSeparador {
	margin: 10px;
	height: 30px;
	border-left: 1px solid #eee;
}

.divFormBusqueda .input-group {
	min-width: 130px;
	height: 48px;
}

#inputBuscarIndicador {
	border: 1px #eaeaea solid;
	border-radius: 12px 12px 12px 12px;
	-moz-border-radius: 12px 12px 12px 12px;
	-webkit-border-radius: 12px 12px 12px 12px;
	width: 180px;
	padding-left: 10px;
}

#inputBuscarTema {
	border: 1px #eaeaea solid;
	border-radius: 12px 12px 12px 12px;
	-moz-border-radius: 12px 12px 12px 12px;
	-webkit-border-radius: 12px 12px 12px 12px;
	width: 180px;
	padding-left: 10px;
}

#inputBuscarIndicador::placeholder, #inputBuscarTema::placeholder {
   color: #aaa; /* Color del placeholder para los input con los ID específicos */
   font-size: 10px;
}

/*#inputBuscarTema:hover,
#inputBuscarIndicador:hover {
	width: 180px;
}*/

.btnBuscar {
	margin-left: 8px;
	cursor: pointer;
	background-color: #ff675a;
	color: #fff;
	/*height: 48px;*/
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
	border: 0px solid #ffffff;
	transition: all 0.3s;
}

.divLabelBuscar {
	width: 0px;
	line-height: 50px;
	margin-right: 0px;
	overflow: hidden;
	transition: all 0.3s;
}

.btnBuscar:hover .divLabelBuscar {
	width: 60px;
	margin-right: 10px;
}


/* Fin Buscador header */


/*Menú principal*/

#quadmenu {
	z-index: 9998;
}

#quadmenu.quadmenu-default_theme {
	background-color: #2cac61 !important;
	z-index: 9998;
}

#quadmenu.quadmenu-is-horizontal.js .quadmenu-navbar-nav>li.quadmenu-item {
	height: 60px !important;
}

#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav>li:not(.quadmenu-item-type-button)>a>.quadmenu-item-content {
	color: #fff;
	text-transform: none !important;
}

#quadmenu.quadmenu-is-horizontal .quadmenu-navbar-nav>li.quadmenu-item.quadmenu-has-caret>a>.quadmenu-item-content>.quadmenu-text {
	padding-right: 1em;
}

#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav>li.quadmenu-item>a,
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav>li.quadmenu-item>form {
	font-family: 'Mulish', sans-serif;
	font-size: 18px !important;
	font-weight: 0;
	font-style: 0;
	letter-spacing: inherit;
}

#quadmenu.quadmenu-is-horizontal.quadmenu-align-left .quadmenu-navbar-nav {
	text-align: center !important;
}

.kk,
.ki,
.kd,
.ks {
	font-family: 'Merriweather';
	font-weight: bold;
	font-size: 19px !important;
}

.kk {
	color: #FA832C;
}

.ki {
	color: #6BF2E7;
}

.kd {
	color: #A021CC;
}

.ks {
	color: #FCDF49;
}

#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item>a>.quadmenu-item-content {
	color: #444444;
	text-transform: none;
	font-size: 18px !important;
}

#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item:hover>a>.quadmenu-item-content {
	background-color: #e1ffeb;
}



/*#nav {
	z-index: 10;
	line-height: 10px;
	text-align: center;
}

.nav>li>a {
	padding-left: 40px;
	background-size: auto 30px;
	background-position: 5% 50%;
	background-repeat: no-repeat !important;
	color: #fff;
}

.nav>li {
	margin-left: 10px;
}*/

.btnInicio {
	background-image: url(../images/i_inicio-01.png) !important;
}

.btnSobreObservatorio {
	background-image: url(../images/i_sobre-01.png) !important;
}

.btnDocumentos {
	background-image: url(../images/i_docs-01.png) !important;
}

.btnEducacion {
	background-image: url(../images/i_educacion-01.png) !important;
}

.btnDirectorio {
	background-image: url(../images/i_directorio-01.png) !important;
}

.btnMapas {
	background-image: url(../images/i_mapas-01.png) !important;
}

/*
#nav ul li {
	font-size: 12px;
	line-height: 10px;
	padding: 0px;
	display: auto;
	text-align: center;
}
*/

.login-sec {
	position: relative;
	width: auto;
	top: auto;
	z-index: -1;
}

.btnIngresar {
	font-size: 12px !important;
	width: 160px !important;
	font-family: 'Roboto Slab', sans-serif !important;
	background: none !important;
	background: url(https://oab.ambientebogota.gov.co/graficasOAB/user.png) 25px center no-repeat !important;
	color: #fff !important;
	text-transform: none !important;
	height: 30px !important;
	line-height: 10px !important;
}

/*Inicio menu para celular*/

.menu-celular {
	display: none;
}

.menu-toggle {
	cursor: pointer;
	padding: 10px;
	background-color: #2cac61 !important;
	color: #fff;
}

.bar {
	display: block;
	height: 3px;
	width: 25px;
	background-color: #fff;
	margin: 5px 0;
}

.menu-items {
	display: flex;
	flex-direction: column;
	padding: 10px;
	position: absolute;
	top: 60px;
	/* Ajusta según sea necesario */
	left: 0;
	width: 100%;
}

.menu-items a {
	color: #fff;
	text-decoration: none;
	padding: 10px;
	transition: background-color 0.3s;
}

.submenu {
	position: relative;
}

.submenu-toggle {
	cursor: pointer;
}

.submenu-items {
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
}

.submenu:hover .submenu-items {
	display: block;
}

/* Fin para menu de celular*/



/*Fin Menú principal*/

/* Menú accesibilidad */
#pojo-a11y-toolbar {
	z-index: 10000 !important;
}

/* Fin Menú accesibilidad */

/* Buscador */
/*#buscador {
	width: 300px;
	margin: -44px 13px;
	z-index: 10000;
	background-color: #222;
}*/

div[id*='ajaxsearchlite'].wpdreams_asl_container {
	width: 100% !important;
	margin: 0px 0px 0px 0px;
	z-index: 10000 !important;
	float: right;
}

#ajaxsearchlite1 .probox,
div.asl_w .probox {
	padding-bottom: 0 11px !important;
	height: 20px !important;
	background-color: #fff;
	border: 1px solid #eee !important;
	border-radius: 0 0 0 0;
	box-shadow: 0 0 0 0 #b5b5b5 inset;
	border-radius: 16px !important;
}

#ajaxsearchlite1 .prosettings {
	display: none;
}

div.asl_m .probox {
	padding: 0px 10px 10px !important;
}

div.asl_m .probox .proclose svg {
	background: #f16659 !important;
}

div.asl_w .probox .prosettings .innericon svg {
	fill: #f16659 !important;
}

div.asl_w .probox .promagnifier .innericon svg {
	fill: #f16659 !important;
}

div.asl_w .probox div.asl_simple-circle {
	border: 4px solid #f16659 !important;
}

/* Fin Buscador */

/* Menú lateral */

.widget_nav_menu {
	padding: 0px 0;
	margin: 0 0 0 0;
	background: #fff;
	width: 170px;
}

.widget_nav_menu ul {
	-webkit-padding-start: 0px;
}

.widget_nav_menu li {
	list-style: none;
	border-top: 1px dotted #fff;
	border-bottom: 1px dotted #5B9F32;
	font-size: 0.8rem;
	background: none;
}

.widget_nav_menu li a {
	padding: 10px 10px 10px 20px !important;
	color: #49524D;
	display: block !important;
	word-wrap: break-word;

	/* line-height: 100%;
    text-align: center;
	background: none; */
}

.widget_nav_menu li a:hover {
	background-color: #5B9F32;
	color: #fff;
	text-decoration: none;
}



.widget-area {
	max-width: 100% !important;
}

.widget-area .widget-title {
	background: #3E692D;
	height: 38px;
	line-height: 38px;
	font-size: 1.2em;
	color: #fff;
	text-indent: 15px;
	padding: 0px 0 0 0;
	margin: 0 0 0 0;
}

/* Fin Menú lateral */



.inicio-h2 {
	position: absolute;
	left: auto;
	bottom: 40%;
	width: 44%;
}

.titulo {
	margin-left: 5%;
}

.caja-login {
	/* position: absolute;
	right: 5%;
	top: 20%; */
	width: 30%;
	/* background-color: rgba(19, 102, 51, 0.7); */
	color: #fff;
	padding: 20px;
	font-family: 'Roboto Slab', sans-serif;
	font-weight: bold;
	text-align: center;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
	font-size: 2.2vmin;
}

.caja-login input {
	color: #3E692D;
	margin: 2px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: 0px solid #000000;
	background-color: #fff;
	padding: 2px;
}

.caja-login input[type="submit"] {
	padding: 3px;
}

.caja-login a {
	color: #fff;
}

.caja-login h4 {
	margin: 10px 0 10px 0;
}

.btnRegistrate {
	position: relative;
	width: 150px;
	padding: 0.5rem 0.75rem;
	font-family: 'Roboto Slab', sans-serif;
	font-size: 3vmin;
	color: #fff;
	margin-bottom: 10px;
	background-color: #f0675a;
	border-radius: 3rem;
	-moz-border-radius: 3rem;
	-webkit-border-radius: 3rem;
	border: 0px solid #000000;
}

.caja-login h3 {
	color: #fff;
}

#bienvenido {
	background: #8DBD27;
	margin: 0px 0 0 0;
}

#bienvenido .logueado p {
	color: #fff;
}

#bienvenido .form {
	background: none;
}

.seccionT1 h2 {
	color: #fff;
	font-size: 5.6vmin;
	text-shadow: 3px 3px 2px #333;
}


#sitesbar {
	margin: 5% 0 5%;
}

#cf {
	position: relative;
	height: 350px;
	width: 350px;
	margin: 0 auto;
}

#cf img {
	border-radius: 1.8rem;
	position: absolute;
	left: 0;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}

#cf img.img-bottom {
	width: 350px;
	/* width of container */
	height: 350px;
	/* height of container */
	object-fit: cover;
	object-position: 100% 0%;
	/* try 20px 10px */
}

#cf img.img-top {
	width: 350px;
	/* width of container */
	height: 350px;
	/* height of container */
	object-fit: cover;
	object-position: 0% 0%;
	/* try 20px 10px */
}

#cf img.img-top:hover {
	opacity: 0;
}

.noticia-h2 {
	position: absolute;
	left: 5%;
	bottom: 42%;
	width: 44%;
	text-shadow: 3px 3px 2px #333;
}

.noticia-h2 a {
	font-size: 4vmin;
	color: #fff;

}


.col-nav-indicadores {
	float: left;
	padding: 1%;
	margin: auto;
}

@media (max-width: 1199px) {
	.col-nav-indicadores {
		padding: 1.1%;
	}
}

@media (max-width: 992px) {
	.col-nav-indicadores {
		padding: 0.8%;
		width: 30vw;
	}
}

@media (max-width: 479px) {
	.col-nav-indicadores {
		width: 40vw;
	}
}

.circulo-enlace {
	position: relative;
	min-height: 100px;
	min-width: 100px;
	width: 14vw;
	height: 14vw;
	overflow: hidden;
	margin-bottom: 1.2vh;
	display: inline-block;
}

.centrar-contenido {
	text-align: center;
}

.circulo-enlace:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(255, 102, 0, 0);
	-webkit-transition: background-color 1s;
	transition: background-color 1s;
	border-radius: 50%;
}

.circulo-enlace:hover:before {
	background: rgba(19, 102, 51, 0.4);
}

.img-circle {
	border-radius: 50%;
}

.col-nav-indicadores img {
	max-width: 120%;
	width: 100%;
	height: 100%;
	-webkit-transition: width 1s, height 1s;
	/* Safari */
	transition: width 1s, height 1s;
}

.col-nav-indicadores:hover img {
	width: 95%;
	height: 95%;
}

.col-nav-indicadores h3 {
	font-size: 2.8vmin;
	white-space: pre-line;
}

/*El observatorio con la comunidad*/
#slidesContainer {
	width: 91%;
}

#mas-comunidad {
	float: none;
	text-align: center;
}

#banner-sist-reportes .texto {
	background: #fff;
	border-radius: 0px 20px 0px 20px;
	-moz-border-radius: 0px 20px 0px 20px;
	-webkit-border-radius: 0px 20px 0px 20px;
	border: 0px solid #000000;
}

.boton a {

	background: #3E692D;
	font-size: 18px;
	color: #fff;
	font-family: 'Roboto Slab', sans-serif;
	text-align: center;
	padding: 9px 20px;
	border-radius: 0px 20px 0px 20px;
	-moz-border-radius: 0px 20px 0px 20px;
	-webkit-border-radius: 0px 20px 0px 20px;
	border: 0px solid #000000;
}

.boton a:hover {
	background-color: #5B9F32;
}

#banner-sist-reportes .boton a {
	margin-left: 15px;
}

/*Fin El observatorio con la comunidad*/


/* .gris-blanco {
	background: rgb(228,228,228);
	background: linear-gradient(0deg, rgba(228,228,228,1) 0%, rgba(255,255,255,1) 100%);
}

.sombra-franja {
	-webkit-box-shadow: 0px 10px 5px 0px rgba(161,161,161,0.4);
	-moz-box-shadow: 0px 10px 5px 0px rgba(161,161,161,0.4);
	box-shadow: 0px 10px 5px 0px rgba(161,161,161,0.4); margin-bottom: 30px;
} */


/* Swiper Carousel effect: 'coverflow'*/

.swiper-slide-active {
	/*background-color: red;*/
}

.swiper-container {
	width: 100%;
	padding-top: 0px;
}

.swiper-slide {
	background-position: center;
	background-size: cover;
	width: 150px;
	/*height: 1400px;*/
}

.info h5 {
	margin: 0;
	padding-top: 15px;
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	height: 80px;
	background: rgba(0, 0, 0, 0.685);
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}

.info span {
	font-size: 15px;
	color: #8dbe27;
	font-weight: bold;
}

.swiper-contenido-pagination {
	width: 100%;
	text-align: center;
	padding: 10px;
}

.swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: #555;
}

.swiper-pagination-bullet-active {
	background: #ffffff;
}

.swiper-button-next,
.swiper-button-prev {
	color: #333;
	text-shadow: 0 0 8px rgba(255, 255, 255, 0.9);
}

.ico-top {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	height: 150px;
	width: 150px;
	margin: 0 auto;
	line-height: 14px;

	text-align: center;
	padding: 5px;
}

.ico-top img {
	width: 60px;
	margin-left: 45px;
}

.ico-top-c-naranja,
.ico-top-c-rojo,
.ico-top-c-azul1,
.ico-top-c-azul2,
.ico-top-c-azul3,
.ico-top-c-morado,
.ico-top-c-verde1,
.ico-top-c-verde2,
.ico-top-c-verde3,
.ico-top-c-verde4,
.ico-top-c-verde5 {
	background-color: #fff;
	color: #666;
	-webkit-transition: background-color 1s ease-in-out;
	-moz-transition: background-color 1s ease-in-out;
	-o-transition: background-color 1s ease-in-out;
	transition: background-color 1s ease-in-out;
	text-decoration: none;
}

.swiper-slide a:hover {
	text-decoration: none;
}

.ico-top-c-naranja:hover {
	background-color: #fcaf3a;
	color: #fff;
}

.ico-top-c-rojo:hover {
	background-color: #f16659;
	color: #fff;
}

.ico-top-c-azul1:hover {
	background-color: #03195c;
	color: #fff;
}

.ico-top-c-azul2:hover {
	background-color: #0e5e87;
	color: #fff;
}

.ico-top-c-azul3:hover {
	background-color: #7fe6fe;
	color: #fff;
}

.ico-top-c-morado:hover {
	background-color: #743394;
	color: #fff;
}

.ico-top-c-verde1:hover {
	background-color: #32c7b7;
	color: #fff;
}

.ico-top-c-verde2:hover {
	background-color: #b2ffd1;
	color: #fff;
}

.ico-top-c-verde3:hover {
	background-color: #e1ffeb;
	color: #fff;
}

.ico-top-c-verde4:hover {
	background-color: #27ac60;
	color: #fff;
}

.ico-top-c-verde5:hover {
	background-color: #93e944;
	color: #fff;
}

#divFiltro {
	margin-top: 15px;
	text-align: center;
}

/*.documentos .swiper-pagination-bullet-active {
    background: #fff;
}

.documentos .swiper-button-next, .documentos .swiper-button-prev {
    color: #fff;
}*/

/* Fin de Swiper Carousel effect: 'coverflow'*/


/* Swiper Carousel Contenido effect: 'coverflow'*/

.swiper-contenido-container {
	width: 100%;
	padding-top: 0px;
	font-size: 13px;
}

/* Fin de Swiper Carousel Contenido effect: 'coverflow'*/

/* Buscador index home */

#divNumeroItemsTotales,
#divNumeroItemsFiltrados {
	width: 100%;
}

.buscador-index {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between !important;
	width: 60%;
	height: 52px;
	background-color: #fff;
	color: #666;
	border: 6px solid #ffffff;
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
}

.buscador-index select {
	border: none;
}


/* Fin de Buscador index home */

.div-opciones-top {
	width: 100%;
	flex-wrap: wrap;
	justify-content: center;
	overflow: hidden;
}

.filtro-localidad {
	font-family: 'Museo sans', sans-serif;
	font-weight: 900;
	width: 150px,
}

.form-control {
	font-family: 'Museo sans', sans-serif;
	font-weight: 500;
}

.filtro-tema {
	font-family: 'Museo sans', sans-serif;
	font-weight: 900;
}


.buscador-filtro {
	margin-top: 22px;
	margin-right: 5px;
}

.div-indicadores-destacados {
	width: 100%;
	background-color: #03195c;
	color: #fff;
	text-align: center;
}

.img-estado-indicadores {
	width: 100%;
}

.img-estado-indicadores-movil {
	display: none;
	width: 100%;
}
@media (max-width: 768px) {
	.img-estado-indicadores {
		display: none;
	}
	.img-estado-indicadores-movil {
		display: block;
	}
}

.div-actualidad-ambiental {
	width: 100%;
	background-color: #32c7b7;
	color: #fff;
	text-align: center;
}

.div-indicadores-ambientales h2 {
	padding-top: 20px;
	text-align: center;
}

.div-redes-sistemas {
	width: 100%;
	background-color: #fff;
	color: #000;
	text-align: center;
}

.div-red-observatorios {
	width: 100%;
	background-color: #fff;
	color: #000;
	text-align: center;
}

.div-actualidad-ambiental h2,
.div-indicadores-destacados h2 {
	color: #fff;
	padding: 20px;
}

.div-vga {
	background-color: #743394;
	color: #fff;
}

.div-flex-center {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.div-flex-between {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.divColumna {
	width: 49%;
	padding: 1%;
	min-width: 400px;
}

.banner-pie a {
	width: 14%;
	height: auto;
	float: left;
	margin: 20px 1.33% 20px 1.33%;
	text-align: center;
}

#datos-pie p {
	margin-bottom: 30px;
}


/* footer segun gov.co */

footer .bg-secondary {
	border-top: 100px solid white;
	margin-top: 3rem;
}

.bg-secondary {
	background-color: #27ac60 !important;
}

@media (min-width: 1200px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1140px;
	}
}

/* @media (min-width: 992px){
	.container, .container-lg, .container-md, .container-sm {
		max-width: 960px;
	}
}

@media (min-width: 768px){
	.container, .container-md, .container-sm {
		max-width: 720px;
	}
}

@media (min-width: 576px){
	.container, .container-sm {
		max-width: 540px;
	}
} */

/* @media (min-width: 1200px){
	.container {
		max-width: 1140px;
	}
}

@media (min-width: 992px){
	.container {
		max-width: 960px;
	}
}

@media (min-width: 768px){
	.container {
		max-width: 720px;
	}
}

@media (min-width: 576px){
	.container {
		max-width: 540px;
	}
} */

.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.divContenidoCards{
	font-family: 'Andika', sans-serif;
}
.messageDivContenidoLibros {
	font-family: 'Andika', sans-serif;
	font-weight: bold;
	font-size: 20px;
	margin-left: 20%;
	margin-bottom: 1%;
}

.messageDivContenidoJuegos {
	font-family: 'Andika', sans-serif;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	padding: 10px;
}

.messageDivContenidoExperimentos {
	font-family: 'Andika', sans-serif;
	font-weight: bold;
	font-size: 22px;
	text-align: center;
	padding: 30px;
}

.messageDivContenidoVideos {
	font-family: 'Andika', sans-serif;
	font-weight: bold;
	font-size: 20px;
	margin-left: 34%;
	margin-bottom: 1%;
}

.entry-title {
	padding-top: 2%;
	text-align: center;
	margin-bottom: 20px;
}

footer .card {
	margin-top: -100px;
}

.card {
	width: 260px;
	overflow: hidden;
	height: calc(100% - 2rem);
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 2rem;
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: .63rem;
	box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.3);
	color: #666;
	font-family: 'Mulish';
}

.card-title {
	font-weight: bolder;
    color: #000;
}

.card-redes-1 {
	width: 260px;
	overflow: hidden;
	height: 380px;
	margin-left: -7px;
	margin-right: 10px;
	margin-bottom: 2rem;
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: .63rem;
	color: #666;
	font-family: 'Mulish';
	z-index: 1;
}

.card-img {
	width: 100%;
	object-fit: cover;
	object-position: center center;
	height: 160px;
}

.card-descripcion {
	width: 100%;
	font-size: 13px;
	color: #333;
}

.card-descripcion-kids {
	width: 100%;
	font-size: 13px;
	color: #333;
}

.card-btn-default {
	background-color: #0e5e87;
	width: 140px;
	font-size: 12px !important;
	font-family: 'Mulish';
	border: none;
	border-radius: 3rem !important;
	-moz-border-radius: 3rem !important;
	-webkit-border-radius: 3rem !important;
	color: #fff;
	text-decoration: none;
}

.card-btn-default-kids {
	background-color: #0e5e87;
	width: 140px;
	font-size: 12px !important;
	border: none;
	border-color: transparent;
	border-radius: 3rem !important;
	-moz-border-radius: 3rem !important;
	-webkit-border-radius: 3rem !important;
	color: #fff;
	text-decoration: none;
}

footer .card {
	width: auto;
}

.card-tag {
	width: fit-content;
	text-decoration: none;
	display: inherit;
	color: #fff;
	background: #000;
	font-size: 10px;
	padding: 2px 5px;
	margin: 2px;
	text-transform: uppercase;
}


.ml-0,
.mx-0 {
	margin-left: 0 !important;
}

.mr-0,
.mx-0 {
	margin-right: 0 !important;
}

/* .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
} */

.bg-primary {
	background-color: #36c !important;
}



*,
::after,
::before {
	box-sizing: border-box;
}

.list-group-horizontal {
	flex-direction: row !important;
}

.list-group {
	display: flex;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	border-radius: .63rem;
	font-family: 'Mulish', sans-serif;
}

dl,
ol,
ul {
	margin-top: 0;
	margin-bottom: 1rem;
}

.list-group-horizontal>.list-group-item:first-child {
	border-bottom-left-radius: .63rem;
	border-top-right-radius: 0;
}

.list-group-item:first-child {
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
}

.border-0 {
	border: 0 !important;
}

.list-group-item {
	position: relative;
	display: block;
	padding: .75rem 1.25rem;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .125);
}

li {
	display: list-item;
	text-align: -webkit-match-parent;
}

ul {
	list-style-type: disc;
}

.icon-fb:before {
	background-image: url("data:image/svg+xml,<svg viewBox='0 0 20 20' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path d='M11.344,5.71c0-0.73,0.074-1.122,1.199-1.122h1.502V1.871h-2.404c-2.886,0-3.903,1.36-3.903,3.646v1.765h-1.8V10h1.8v8.128h3.601V10h2.403l0.32-2.718h-2.724L11.344,5.71z'/></svg>");
}

.icon-ig:before {
	background-image: url("data:image/svg+xml,<svg viewBox='0 0 25 25' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path d='M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z'/></svg>");
}

.icon-tw:before {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 22 L22 2 M2 2 L22 22' stroke='%23fff' stroke-width='3'/%3E%3C/svg%3E");
}

.icon-yt:before {
	background-image: url("data:image/svg+xml,<svg viewBox='0 0 25 25' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path d='M23.495 6.205a3.007 3.007 0 0 0-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 0 0 .527 6.205a31.247 31.247 0 0 0-.522 5.805 31.247 31.247 0 0 0 .522 5.783 3.007 3.007 0 0 0 2.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 0 0 2.088-2.088 31.247 31.247 0 0 0 .5-5.783 31.247 31.247 0 0 0-.5-5.805zM9.609 15.601V8.408l6.264 3.602z'/></svg>");
}

.icon-yt:before,
.icon-fb:before,
.icon-ig:before,
.icon-tw:before {
	display: inline-block;
	content: "";
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	background-color: #5B9F32;
	color: #fff;
	border-radius: 50%;
	background-position: center;
	background-size: 1rem;
	vertical-align: middle;
	margin-right: 5px;
}

/* fin footer segun gov.co */


.nav-footer {
	font-size: 10px;
}

.nav-footer a {
	text-decoration: none;
	color: #fff;
	padding: 10px;
}

.nav-footer a:visited {
	color: #c7c7c7;
	text-decoration: line-through !important;
}

.seccionT4 a {
	color: #D7FF85;
}



/*Buscador de indicadores y Botones sub encabezado interiores : El Observatorio con la Comunidad y El Observatorio y las localidades; */
#busca-indicador.sec {
	margin: 2px 0 0px 0;
}

.btn-con-comunidad a {
	float: right;
	background: none;
	background-color: #3E692D;
	width: 200px;
	margin: 0 0 0 5px;
	color: #fff;
	border-radius: 0px 20px 0px 20px;
	-moz-border-radius: 0px 20px 0px 20px;
	-webkit-border-radius: 0px 20px 0px 20px;
	border: 0px solid #000000;
	text-align: center;
	padding: 6px 0 6px 0;
	font-size: 1.6em;
	text-decoration: none;
}

.btn-con-comunidad a:hover {
	background: none;
	background-color: #5B9F32;
}

.btn-localidades a {
	float: right;
	background: none;
	background-color: #3E692D;
	width: 200px;
	margin: 0 0 0 5px;
	color: #fff;
	border-radius: 0px 20px 0px 20px;
	-moz-border-radius: 0px 20px 0px 20px;
	-webkit-border-radius: 0px 20px 0px 20px;
	border: 0px solid #000000;
	text-align: center;
	padding: 6px 0 6px 0;
	font-size: 1.6em;
	text-decoration: none;
}

.btn-localidades a:hover {
	background: none;
	background-color: #5B9F32;
}

/*Fin Buscador de indicadores y Botones sub encabezado interiores */

/* botón volver */
.volver a {
	float: right;
	width: 94px;
	margin: 10px 0 0px 0;
	padding: 8px 0px 8px 50px;
	color: #fff;
	font-size: 1.6em;
	background: none;
	background-color: #3E692D;
	border-radius: 0px 20px 0px 20px;
	-moz-border-radius: 0px 20px 0px 20px;
	-webkit-border-radius: 0px 20px 0px 20px;
	border: 0px solid #000000;
}

.volver a:hover {
	background: none;
	background-color: #5B9F32;
}

/* fin botón volver */



#mas-comunidad select,
.seleccione select,
#buscardoc select,
#contenidos-sec .presentacion select,
#oab-localidades select {
	height: 35px;
}

#mas-comunidad label:before,
.seleccione label:before,
#buscardoc label:before,
#contenidos-sec .presentacion label:before,
#oab-localidades label:before {
	top: auto;
	background: #3E692D;
	right: 0px;
}

#mas-comunidad label:after,
.seleccione label:after,
#buscardoc label:after,
#contenidos-sec .presentacion label:after,
#oab-localidades label:after {
	top: 16px;
	border-bottom: 0px solid #ddd;
	right: 6px;
}

/* Modal */

.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 99999;
	opacity: 0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog:target {
	opacity: 1;
	pointer-events: auto;
}

.modalDialog>div {
	width: 80%;
	position: relative;
	margin: 5% auto;
	padding: 5px 20px 13px 20px;
	/*border-radius: 10px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);*/
}

.close {
	background: #fff;
	color: #666;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover {
	background: #00d9ff;
}

/* Fin Modal */


/* Carrusel */
.rpc-box {
	padding: 0px !important;
}

.rpc-comment-box {
	display: none;
}

.rpc-box, .rpc-box h3 {
	font-family: 'Mulish';
}

.wcp-carousel-main-wrap .rpc-post-carousel1 .rpc-post-meta {
	display: none;
}

.wcp-post-author {
	display: none;
}

.seccionT2 .rpc-content {
	font-size: small;
}

.slick-next {
	right: -10px !important;
}

.slick-prev {
	left: -10px !important;
}

.rpc-post-carousel1 {
	height: 360px;
	text-align: center;
	padding: 0px !important;

}
.rpc-post-carousel1 .rpc-post-category {
	display: none !important;
}
.rpc-post-carousel1 .rpc-post-title {
	margin-top: 25px !important;
	padding: 5px 20px 0px 20px;
	line-height: 8px;
}
.rpc-post-carousel1 .rpc-content a {
	background-color: #f16659 !important;
}

.rpc-box {
	border: none;
	background-color: #fff;
	border-radius: 0.63rem;
	border: none !important;
}

.rpc-post-image img {
	border-radius: 0.63rem;
}

.rpc-content a {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	padding: 0.5rem 0.75rem;
	margin-bottom: 15px;
	line-height: 1.25;
	background-color: #0f5e87;
	width: 140px;
	font-size: 12px;
	border: none;
	border-radius: 3rem;
	color: #fff;
	text-decoration: none;
}

.rpc-post-category {
	margin: 0 !important;
}

.rpc-post-title a {
	font-size: 12px !important;
}

.wcp-carousel-main-wrap .rpc-post-carousel1 .rpc-post-title a {
	color: #666 !important;
	background-color: #fff !important;
}

.fa-clock-o,
.rpc-post-date {
	color: #999;
}

#carousel-22 .style4 {
	height: 380px;
}
#carousel-22 .rpc-post-title {
	margin-top: 5px !important;
}
#carousel-22 .rpc-post-category {
	display: inline !important;
}

/* Fin Carrusel */

/* Redes */
.redes {
	height: 380px;
	padding-left: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	-moz-box-shadow: 1px 1px 3px rgb(0 0 0 / 30%);
	-webkit-box-shadow: 1px 1px 3px rgb(0 0 0 / 30%);
	box-shadow: 1px 1px 3px rgb(0 0 0 / 30%);
}

/* Fin Redes */

/* Estilos páginas interiores */

figure {
	margin: 0;
	/* margin: 0 1rem 0.2rem 0 !important; */
}

.entry-title {
	/* padding: 0 0 35px 0; */
}

.posted-on {
	font-size: 0.7em;
	color: #2D8577;
}

.posted-on a {
	color: #2D8577 !important;
	text-decoration: none !important;
}

.byline {
	display: none;
}

article a {
	color: #5B9F32;
	text-decoration: underline;
}

.content,
.content::before,
.content::after {
	box-sizing: border-box;
}

.entry-content {
	display: inline-block;
	width: 100%;
}

.wp-caption-text {
	font-size: 0.7em;
	color: #5B9F32;
	background-color: #eee;
	padding: 1px 3px 1px 3px;
}




#contenedor-sec {
	background: url(../images/bg-contenedor-sec.jpg) left repeat-y;
}

#contenedor-sec .flecha {
	background: none;
}


#barra-iconos {
	background: #3E692D;
	text-align: center;
	float: right;
	margin-right: 20px;
	width: 130px;
	position: relative;
	z-index: 1;
}

#barra-iconos h2 {
	font-family: 'Roboto Slab', sans-serif;
	color: #fff;
	font-size: 1.4em;
	padding: 5px 0 0 0;
	margin: 0 0 20px 0;
}

#barra-iconos span {
	position: absolute;
	color: #fff;
	top: 75px;
	left: -28px;
	text-align: center !important;
	padding: 0 0 0 0;
	width: 130px;
	margin: 0px auto;
	font-size: 0.8em;
	clear: both;
	height: 50px;
	line-height: 1.1em;
}

#barra-iconos a {
	margin: 0 0px 45px 28px;
	float: left;
	width: 74px;
	height: 74px;
	position: relative;
}

#barra-iconos .ico-recurso a {
	background: url(../images/oab-icons.png) -128px -221px;
}

#barra-iconos .ico-recurso a:focus,
#barra-iconos .ico-recurso a:hover {
	background: url(../images/oab-icons.png) -128px -296px;
}

#barra-iconos .ico-tema a {
	background: url(../images/oab-icons.png) -203px -221px;
}

#barra-iconos .ico-tema a:focus,
#barra-iconos .ico-tema a:hover {
	background: url(../images/oab-icons.png) -203px -296px;
}

#barra-iconos .ico-localidad a {
	background: url(../images/oab-icons.png) -278px -221px;
}

#barra-iconos .ico-localidad a:focus,
#barra-iconos .ico-localidad a:hover {
	background: url(../images/oab-icons.png) -278px -296px;
}

#barra-iconos .ico-reglamentados a {
	background: url(../images/oab-icons.png) -353px -221px;
}

#barra-iconos .ico-reglamentados a:focus,
#barra-iconos .ico-reglamentados a:hover {
	background: url(../images/oab-icons.png) -353px -296px;
}

#barra-iconos .ico-sinteticos a {
	background: url(../images/oab-icons.png) -428px -221px;
}

#barra-iconos .ico-sinteticos a:focus,
#barra-iconos .ico-sinteticos a:hover {
	background: url(../images/oab-icons.png) -428px -296px;
}

#barra-iconos .ico-salud a {
	background: url(../images/oab-icons.png) -503px -221px;
}

#barra-iconos .ico-salud a:focus,
#barra-iconos .ico-salud a:hover {
	background: url(../images/oab-icons.png) -503px -296px;
}

#barra-iconos .ico-todos a {
	background: url(../images/oab-icons.png) -578px -221px;
}

#barra-iconos .ico-todos a:focus,
#barra-iconos .ico-todos a:hover {
	background: url(../images/oab-icons.png) -578px -296px;
}

/* Fin estilos páginas interiores */

.scrollmagic-pin-spacer {
	min-height: 0px !important;
}

@media only screen and (max-width: 1365px) {
	.caja-login {
		top: 20%;
	}

	.inicio-h2 {
		bottom: 47%;
	}

	.imagen-play-video {
		bottom: 70% !important;
	}
}

.imagen-play-video {
	position: absolute !important;
	left: 10% !important;
	bottom: 60%;
	width: 60% !important;
}

@media only screen and (max-width: 1600px) {
	.caja-login .text-right input {
		width: 100%;
	}


}



@media only screen and (max-width: 1160px) {

	.login-respon .col-md-4,
	.login-respon .col-md-5 {
		max-width: 87% !important;
		flex: 0 0 100% !important;
	}

	.caja-login .text-right input {
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {

	.divLogoOab {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.divEncabezado {
		flex-wrap: wrap;
		height: 100%;
		margin-bottom: 10px;
	}

	#divSlideshowckTop {
		/*display: none !important;*/
	}

	.seccionT1 {
		display: none !important;
	}

	.divSlideshowck {
		margin-left: 0px !important;
	}

	#barra-iconos {
		display: none;
	}

	.buscador-index {
		height: 100%;
		margin-bottom: 30px;
		margin-top: 10px;
	}
}

.buscador-index select {
	background: none;
}

.filtro-tema {
	width: 72%;
}


@media only screen and (max-width: 544px) {


	.divBuscador {
		height: 60px;
		width: 360px;
		margin-bottom: 10px;
		z-index: 10;
	}

	.caja-login {
		right: auto;
		width: 85%;
		margin-left: 5%;
		margin-right: 5%;
		top: 16%;
	}

	.inicio-h2 {
		display: none;
	}

	#parallax1 {
		height: 40vh;
	}

	.contenido-login {
		width: 100%;
	}

	.contenido-login .contenido-label {
		min-width: 50% !important;
	}

	.contenido-login .contenido-input {
		min-width: 50% !important;
	}

	/* .login-respon .text-right, .footer-response .text-right{
		text-align: center !important;
	}
	.login-respon .text-right input{
		width: 80%;
		height: 22px;
		margin-bottom: 10px;
	} */

	#btn-enviar {
		width: 20%;
	}

	.padding-none {
		padding: 0 !important;
	}

	.mapa-respon {
		display: none;
	}

	#sitesbar {
		display: none;
	}

	.imagen-play-video {
		display: none;
	}
}


.contenedor-imagenes {
	max-width: 1400px !important;
}

.row-imagenes {
	flex-wrap: none !important;
}

#main ul li {
	line-height: 130%;
	padding: 5px 0px 5px 40px;
	list-style: none;
	text-align: left;
	background: url(../images/bullet1.png) 0 8px no-repeat;
}

#caja_indicadores li {
	margin-bottom: 12px;
}

#caja_indicadores li.manoup {
	background: url(../images/manoup.jpg) 0 1px no-repeat;
}

#caja_indicadores li.manodown {
	background: url(../images/manodown.jpg) 0 1px no-repeat;
}

.btn-primary {
	color: #fff !important;
	text-decoration: none !important;
}

.download-button .article a {
	color: #fff !important;
	text-decoration: none !important;
}

.card-body {
	flex: 1 1 auto;
	padding: 1.25rem;
	display: grid;
	place-items: center;
}

.card-body-kids {
	font-family: 'Andika', sans-serif;
	flex: 1 1 auto;
	padding: 1.25rem;
	display: grid;
	place-items: center;
}

.btn-cards {
	font-family: 'Roboto Slab', sans-serif;
	text-align: center;
	width: 85%;
	margin-bottom: 15px;
	display: contents;
}

.btn-cards-kids {
	font-family: 'Andika', sans-serif;
	text-align: center;
	width: 85%;
	margin-bottom: 15px;
	display: contents;
	border-color: transparent;
}

.lista-cards {
	text-decoration: none !important;
	color: black;
}

.lista-cards:hover {
	text-decoration: none !important;
	color: white;
	background-color: #007bff;
}

.lista-cards:last-child {
	margin-bottom: 20px !important;
}

.menu-footer {
	color: white !important;
}

.menu-footer:hover {
	color: #D7FF85 !important;
}

.formulario-documentos,
.formulario-documentos div.col-md-12 div.row {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

/*Mapa indicadores action apps*/

.btn-abrir-visor {
	background-color: #3f658f;
	width: 300px;
	margin: 0 0 0 0;
	color: #fff;
	border-radius: 0px 20px 0px 20px;
	-moz-border-radius: 0px 20px 0px 20px;
	-webkit-border-radius: 0px 20px 0px 20px;
	border: 0px solid #000000;
	text-align: center;
	padding: 6px 10px 6px 10px;
	font-size: 1.6em;
	text-decoration: none;
}

.btn-abrir-visor a,
.btn-abrir-visor a:visited,
#visor-geo a,
#visor-geo a:visited {
	text-decoration: none;
	color: #fff !important;
}

.btn-abrir-visor a:hover {
	text-decoration: none;
	color: #00B0C7 !important;
}

#map {
	display: none;
}

.btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	/*border: 1px solid #073f66;*/
	padding: .5rem .75rem;
	font-size: 1rem;
	line-height: 1.25;
	border-radius: .25rem;
	transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* Ocular viñetas del carousel en páginas interiores */

.wcp-carousel-main-wrap .slick-dots {
	display: none !important;
}

#carousel-15573 .rpc-content {
	display: none !important;
}

/* slideshowck */
.divSlideshowck {
	width: 100%;
}

/*  Ajustar viñetas en slideshowck en páginas interiores */
.slideshowck ul li {
	display: inline-block !important;
}

.camera_caption div.camera_caption_title {

	padding-bottom: 20px;
}




/* Ficha Indicador */
.media-heading {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 1.2em;
	color: #595855;
}

.divNombreIndicador {
	width: 844px;
	padding-left: 60px;
}

.img-indicador {
	width: 296px;
	height: 190px;
	object-fit: cover;
	object-position: center center;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}

#clasificacion {
	margin-top: 30px;
	margin-bottom: 40px;
}

.divClasificacion {
	flex-wrap: nowrap;
	display: flex;
}

.ficha-ico {
	width: 50px;
	margin-right: 10px;
}

#navInformacion .table td,
#navInformacion .table th {
	border-top: 0px solid #fff !important;
}

.btn-descargar {
	border: none;
	border-radius: 3rem;
	-moz-border-radius: 3rem;
	-webkit-border-radius: 3rem;
	width: 150px;
	height: 40px;
	padding: 0rem 0.75rem;
	font-family: 'Mulish', sans-serif;
	font-size: 15px;
}


.icono-descargar {
	width: 20px;
	margin-right: 5px;
	margin-top: 5px;
	display: inline-flex;
}

.btn-descargar-juegos {
	border: none;
	border-radius: 3rem;
	-moz-border-radius: 3rem;
	-webkit-border-radius: 3rem;
	width: 150px;
	height: 40px;
	padding: 0rem 0.75rem;
	font-family: 'Mulish', sans-serif;
	font-size: 15px;
	margin-bottom: 10px;
}


.icono-descargar-juegos {
	width: 20px;
	margin-right: 5px;
	margin-top: 5px;
	display: inline-flex;
}

.btn-volver {
	border: none;
	border-radius: 3rem;
	-moz-border-radius: 3rem;
	-webkit-border-radius: 3rem;
	width: 150px;
	height: 40px;
	padding: 0rem 0.75rem;
	font-family: 'Roboto Slab', sans-serif;
	font-size: 20px;
}

.icono-volver {
	width: 20px;
	margin-right: 5px;
	margin-top: 5px;
	display: inline-flex;
}

.list-group-item.active {
	z-index: 2;
	color: #fff;
	background-color: #32c7b7;
	border-color: #32c7b7;
}

/* Fin Ficha Indicador */


/*Kids*/

.kidsHome {
	background-color: #0e5e87;
}

.kidsHome .container {
	overflow: hidden;
	padding: 0px !important;
}

/* Estilos generales */
.kidsHeaderHome {
	position: relative;
	text-align: center;
}

.kidsHeader {
	position: relative;
	text-align: center;
}

.titulo-container {
	top: 5px;
}

/* Estilos para la imagen de fondo */
#fondo {
	width: 100%;
}

#fondo-movil{
	display: none;
}

/* Estilos para la imagen del sol */
.sunImage {
	width: 6%;
	position: absolute;
	left: 1000px;
	top: 15px;
}

/* Estilos para las imágenes de nubes */
.cloudImage {
	width: 100px;
	position: absolute;
	top: 30px;
}

#nube1 {
	left: 316px;

}

#nube2 {
	left: 400px;
	top: 30px;
}

#nube3 {
	left: 630px;
	top: 50px;
}

#nube4 {
	left: 360px;
	top: 70px;
}

#nube5 {
	left: 250px;
	top: 95px;
}

#nube6{
	left: 700px;
	top: 130px;
	width: 4%;
}

#nube7{
	left: 400px;
	top: 70px;
	width: 4%;
}

#nube8{
	left: 450px;
	top: 120px;
	width: 4%;
}

#nube9{
	left: 200px;
	top: 85px;
	width: 4%;
}

#nube10{
	left: 850px;
	top: 75px;
	width: 4%;
}

/* Estilos para la imagen de burbuja */
.burbujaImage {
	width: 200px;
	position: absolute;
	left: 110px;
	top: 110px;
}

/* Estilos para la imagen de zarigueya */
.zarigueyaImage {
	width: 245px;
	position: absolute;
	left: 0;
	top: 200px;
}

/* Estilos para el div de mensaje */
.messageDiv {
	width: 140px;
	height: 150px;
	position: absolute;
	left: 125px;
	top: 125px;
	line-height: 14px;
	text-align: right;
	font-family: 'Roboto Slab';
}

/* Estilos para el video */
#video {
	width: 295px;
	height: 295px;
	position: absolute;
	left: 425px;
	top: 66px;
}

#enlaceLibros {
	left: 465px;
	top: 510px
}

#libros {
	left: 0%;
	top: 24%;
	width: 45%;
}

/* Estilos para el botón de volver */
.btn-volver {
	position: absolute;
	top: 20px;
	left: 95px;
}

/* Fin Estilos para el botón de volver */

#enlaceJuegos {
	left: 920px;
	top: 700px
}

#juegos {
	left: 55%;
	top: 32%;
	width: 45%;
}

#enlaceExperimentos {
	left: 380px;
	top: 1360px
}

#experimentos {
	left: 0%;
	top: 62%;
	width: 45%;
}

#enlaceVideos {
	left: 920px;
	top: 1900px;
}

#videos {
	left: 55%;
	top: 70%;
	width: 45%;
}

.enlaceKids img {
	width: 290px;
	position: absolute;
	transition: all 0.3s;
}

.enlaceKids:hover img {
	width: 325px;
	filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.5));
}

.enlaceKidsTexto {
	font-size: 28px;
	font-weight: bold;
	transition: all 0.3s;
	width: 140px;
	height: 150px;
	position: absolute;
	font-family: 'Roboto Slab';

}

.enlaceKidsTexto:hover {
	font-size: 34px;
	filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.5));
	text-decoration: none;
	transform: rotate(15deg);
}

/* Estilos para seccion Libros */

.messageDivLibro {
	width: 110px;
	position: absolute;
	left: 800px;
	top: 220px;
	line-height: 14px;
	text-align: right;
	font-family: 'Andika', sans-serif;
}

.sunImageLibro {
	width: 100px;
	position: absolute;
	left: 1050px;
	top: 105px;
}

.burbujaImageLibro {
	width: 200px;
	position: absolute;
	left: 750px;
	top: 175px;
}

.zarigueyaImageLibro {
	width: 245px;
	position: absolute;
	left: 550px;
	top: 240px;
}

.libroImage {
	position: absolute;
	left: 50px;
	top: 80px;
	height: 270px;
}

/* Fin seccion Libros */

/* Estilos para seccion Juegos */

.messageDivJuego {
	width: 110px;
	position: absolute;
	left: 800px;
	top: 220px;
	line-height: 14px;
	text-align: right;
	font-family: 'Andika', sans-serif;
}

.sunImageJuego {
	width: 100px;
	position: absolute;
	left: 1050px;
	top: 105px;
}

.burbujaImageJuego {
	width: 200px;
	position: absolute;
	left: 750px;
	top: 175px;
}

.zarigueyaImageJuego {
	width: 245px;
	position: absolute;
	left: 550px;
	top: 240px;
}

.juegoImage {
	position: absolute;
	left: 50px;
	top: 80px;
	height: 270px;
}

/* Fin seccion Juegos */

/* Estilos para seccion Experimentos */

.messageDivExperimento {
	width: 110px;
	position: absolute;
	left: 800px;
	top: 220px;
	line-height: 14px;
	text-align: right;
	font-family: 'Andika', sans-serif;
}

.sunImageExperimento {
	width: 100px;
	position: absolute;
	left: 1050px;
	top: 105px;
}

.burbujaImageExperimento {
	width: 200px;
	position: absolute;
	left: 750px;
	top: 175px;
}

.zarigueyaImageExperimento {
	width: 245px;
	position: absolute;
	left: 550px;
	top: 240px;
}

.experimentoImage {
	position: absolute;
	left: 50px;
	top: 80px;
	height: 270px;
}

/* Fin seccion Experimentos */

/* Estilos para seccion Videos */

.messageDivVideo {
	width: 110px;
	position: absolute;
	left: 800px;
	top: 220px;
	line-height: 14px;
	text-align: right;
	font-family: 'Andika', sans-serif;
}

.sunImageVideo {
	width: 100px;
	position: absolute;
	left: 1050px;
	top: 105px;
}

.burbujaImageVideo {
	width: 200px;
	position: absolute;
	left: 750px;
	top: 175px;
}

.zarigueyaImageVideo {
	width: 245px;
	position: absolute;
	left: 550px;
	top: 240px;
}

.videoImage {
	position: absolute;
	left: 50px;
	top: 80px;
	height: 270px;
}

/* Fin seccion Videos */


/*.kidsHeaderHome {
	color: #0e5e87;
	background-color: #ddeff6;
	background-image: url(../images/kids/fondo-kids-sin-nubes.png);
	background-repeat: no-repeat;
	background-size: 1140px 2089px;
	height: 2034px;
}
*/

/* Estilos para los enlaces de libros, juegos, experimentos y videos */
/*.enlaceKidsTexto {
	width: 140px;
	height: 150px;
	position: absolute;
	font-family: 'Roboto Slab';
	font-size: 32px;
	font-weight: bold;
  }*/

/*.enlaceKids {
	width: 140px;
	height: 150px;
	position: absolute;
  }*/



.kids {
	color: #fff;
	background-color: #c1d353;
	overflow: hidden;
}

.kidsHeader {
	color: #0e5e87;
	background-color: #ddeff6;
	height: 336px;
}

#divContenido {
	margin-bottom: 30px;
}

.juego-container {
	perspective: 1000px;
}

.juego-card {
	position: relative;
	width: 280px;
	height: 407px;
	margin: 10px;
	transform-style: preserve-3d;
	transition: transform 0.8s;
}

.front,
.back {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
}

.front {
	transform: rotateY(0deg);
}

.back {
	transform: rotateY(180deg);
}

.juego-card.flipped {
	transform: rotateY(180deg);
}



/*Fin Kids*/

/*Contacto*/

.contenedorPrincipal {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contenedor-contacto {
    display: flex;
    align-items: center; 
    margin-top: 20px;
}

.imagen-escribenos {
    margin-right: 20px;
    margin-bottom: 10px;
}

.contenido-contacto {
    font-size: 0; 
}

.contenido-contacto strong {
    font-size: 16px;
    display: inline-block; 
}

#imagen-tingua {
    margin-top: 50px; 
}

/*Fin Contacto*/

/*Otros estilos*/

.bs-callout-info {
	border-left-color: #1b809e;
}

.bs-callout {
	padding: 20px;
	margin: 20px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
}

.txt-descargar {
	font-family: 'Mulish', sans-serif;
	display: inline-block;
	margin-bottom: 40px;
}

.txt-descargar-juegos {
	font-family: 'Mulish', sans-serif;
	display: inline-block;
	margin-bottom: 40px;
}

.txt-volver {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 18px;
	display: inline-block;
}

.btn-filtro {
	width: 45px;
	height: 40px;
	border: none;
	border-radius: 100px;
	margin-right: 5px;
}

.icono-filtro {
	width: 100%;
	align-items: center;
}

.menu-celular {
	display: none;
}

.toggle-menu-container{
	display: none;
}

.div-barra{
	display: none;
}

#divContenido2 {
	margin: auto;
	width: 90%;
}

/* Estilos para dispositivos móviles con ancho máximo de 428px */
@media screen and (max-width: 480px) {
	
	.divFormBusqueda label{
		font-size: 10px;
	}

	#inputBuscarIndicador, #inputBuscarTema {
		width: 120px;
		padding-left: 2px;
	}
	.btnBuscar {
		margin-left: 1px;
		margin-top: 10px;
		width: 30px;
		height: 30px;
	}

	.kidsHeaderHome {
		text-align: center;
	}

	#quadmenu .quadmenu-container {
		display: none;
	}

	.menu-toggle {
		display: none;
	}

	.menu-celular {
		display: none;
		position: relative;
		padding-top: 100%;
		margin-top: -16%;
		border-radius: 10px;
		width: 50%;		
		z-index: 5;
	}

	.menu-items {
		background-color: #2cac61;
		border-radius: 5px;		
	}

	.menu-items a {
		display: block;
		padding: 2px;
		margin-bottom: 10px;
		background-color: #2cac61;
	}

	.menu-items a:hover {
		background-color: #118638;
		font-size: 20px;
		font-weight: bold;
	}

	.menu-items a:active {	
		background-color: #118638;
		color: #fff;
	}

	.submenu-items {
		top: 0;
		width: 100%;
		position: absolute;
		z-index: 2;
		overflow: hidden;
		border-radius: 10px;
	}

	.submenu-items a {
		display: block;
		padding: 7px;
		margin: 0;
		background-color: #2cac61;
		transition: background-color 0.3s;
	}

	.submenu-items a:hover {
		background-color: #118638;
		font-size: 20px;
		font-weight: bold;
	}

	.submenu-items a:active {	
		background-color: #118638;
		color: #fff;
	}

	.menu-celular.active {
		display: block;
		width: 50%;
	}

	.toggle-menu-container {
		display: flex;
		align-items: center;
		background-color: #2cac61; 
		padding: 8px;
		margin: 0;
	}

	.toggle-menu-container img {
		width: 100%;
	}

	.div-barra {
		background-color: #2cac61;
		width: 100%; 
		display: flex;
		align-items: center; 
	}
	
	#toggleMenuButton {
		width: 40px;
		height: auto; 
		z-index: 10;
	}

	.card-redes-1 {
		margin-left: 90px;
	} 	

	/* Seccion Indicadores*/

	.img-indicador {
		width: 296px;
		height: 190px;
		object-fit: cover;
		object-position: center center;
		border-radius: 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		margin-left: 60px;
		margin-bottom: 10px;
	}

	.divNombreIndicador {
		width: 90%;
	}

	#nombre_indicador{
		font-size: 32px;
	}

	#clasificacion {
		margin-left: 10px;
	}

	.divClasificacion {
		width: 100%;
		margin-left: 60px;
		margin-bottom: 10px;
	}

	.btn-descargar {
		width: 70%;
		margin-left: 110px;
		margin-top: 20px;
	}

	.btn-descargar-juegos {
		width: 100%;
		margin-bottom: 20px;
	}

	/*Fin Seccion Indicadores*/



	/* Estilos para la imagen de fondo */
	#fondo {
		display: none;
	}

	#fondo-movil{
		display: block;
	}

	/* Estilos para la imagen del sol */
	.sunImage {
		width: 12%;
		left: 78%;
		top: 4%;
	}

	/* Estilos para las imágenes de nubes */
	#nube1 {
		top: 1%;
		width: 20%;
	}

	#nube2 {
		top: 4%px;
		width: 20%;
		/*right: calc(10vw + 10px);*/
	}

	#nube3 {
		top: 7%px;
		width: 20%;
	}

	#nube4 {
		top: 10%;
		width: 20%;
	}

	#nube5 {
		top: 12%;
		width: 20%;
	}

	#nube6 {
		top: 2%;
		width: 8%;
	}

	#nube7 {
		top: 4%;
		width: 8%;
	}

	#nube8 {
		top: 7%;
		width: 8%;
	}

	#nube9 {
		top: 9%;
		width: 8%;
	}

	#nube10 {
		top: 11%;
		width: 8%;
	}

	/* Estilos para la imagen de burbuja */
	.burbujaImage {
		width: 120px;
		left: 45px;
		top: 5px;
	}

	/* Estilos para la imagen de zarigueya */
	.zarigueyaImage {
		background-image: url(../images/kids/mobile/íconos/zarigueya-mobile.png);
		background-size: 1140px 2089px;
		width: 120px;
		top: 70px;
	}

	/* Estilos para el div de mensaje */
	.messageDiv {
		left: 0px;
		top: 1px;
		font-size: 9px;
	}

	/* Estilos para el video */
	#video {
		width: 24%;
		height: 12%;
		left: 45%;
		top: 6%;
	}

	.enlaceKids img {
		width: 131px;
		position: absolute;
		transition: all 0.3s;
	}

	/* Estilos para seccion Libros */

	#enlaceLibros {
		left: 37%;
		top: 24%;
	}

	#libros {
		left: 0%;
		top: 23%;
		width: 65%;
	}

	.card {
		width: 260px;
		overflow: hidden;
		height: calc(100% - 2rem);
		margin-left: 20%;
		margin-right: 20%;
		margin-bottom: 2rem;
		position: relative;
		display: flex;
		flex-direction: column;
		min-width: 0;
		word-wrap: break-word;
		background-color: #fff;
		background-clip: border-box;
		border: 1px solid rgba(0, 0, 0, .125);
		border-radius: .63rem;
		color: grey;
		font-family: 'Mulish';
	}

	.sunImageLibro {
		background-image: url(../images/kids/mobile/fondos/sol-mobile.png);
		background-size: 1140px 2089px;
		width: 15%;
		left: 75%;
		top: 13%;
	}

	.burbujaImageLibro {
		width: 40%;
		left: 60%;
		top: 55%;
	}

	.zarigueyaImageLibro {
		background-image: url(../images/kids/mobile/íconos/zarigueya-mobile.png);
		background-size: 1140px 2089px;
		width: 38%;
		top: 82%;
		left: 39%;
	}

	.messageDivLibro {
		left: 67%;
		top: 67%;
		font-size: 12px;
	}

	.libroImage {
		width: 180px;
		height: 180px;
		left: 4%;
		top: 30%;
	}

	.messageDivContenidoLibros {
		font-family: 'Roboto Slab', sans-serif;
		font-size: 14px;
		margin-left: 1%;
		margin-bottom: 3%;
		text-align: center;
	}

	.btn-volver {
		position: absolute;
		top: 15%;
		left: 2%;
		width: 30%;
	}

	.txt-volver {
		font-family: 'Roboto Slab', sans-serif;
		font-size: 12px;
		display: inline-block;
	}



	/* Fin seccion Libros */

	/* Estilos para seccion Juegos */

	#enlaceJuegos {
		left: 76%;
		top: 33%;
	}

	#juegos {
		left: 36%;
		top: 40%;
		width: 65%;
	}

	.sunImageJuego {
		background-image: url(../images/kids/mobile/fondos/sol-mobile.png);
		background-size: 1140px 2089px;
		width: 15%;
		left: 75%;
		top: 13%;
	}

	.burbujaImageJuego {
		width: 40%;
		left: 60%;
		top: 55%;
	}

	.zarigueyaImageJuego {
		background-image: url(../images/kids/mobile/íconos/zarigueya-mobile.png);
		background-size: 1140px 2089px;
		width: 38%;
		top: 82%;
		left: 39%;
	}

	.messageDivJuego {
		left: 67%;
		top: 67%;
		font-size: 12px;
	}

	.juegoImage {
		width: 180px;
		height: 180px;
		left: 4%;
		top: 30%;
	}

	.messageDivContenidoJuegos {
		font-family: 'Andika', sans-serif;
		font-weight: bold;
		font-size: 20px;
		text-align: center;
	}

	.messageDivContenidoExperimentos {
		font-family: 'Andika', sans-serif;
		font-weight: bold;
		font-size: 20px;
		text-align: center;
	}

	.btn-volver {
		position: absolute;
		top: 15%;
		left: 2%;
		width: 30%;
	}

	.txt-volver {
		font-family: 'Roboto Slab', sans-serif;
		font-size: 12px;
		display: inline-block;
	}

	/* Fin seccion Juegos */

	/* Estilos para seccion Experimentos */

	#enlaceExperimentos {
		left: 30%;
		top: 65%;
	}

	#experimentos {
		left: 0%;
		top: 59%;
		width: 65%;
	}

	.sunImageExperimento {
		background-image: url(../images/kids/mobile/fondos/sol-mobile.png);
		background-size: 1140px 2089px;
		width: 15%;
		left: 75%;
		top: 13%;
	}

	.burbujaImageExperimento {
		width: 40%;
		left: 60%;
		top: 55%;
	}

	.zarigueyaImageExperimento {
		background-image: url(../images/kids/mobile/íconos/zarigueya-mobile.png);
		background-size: 1140px 2089px;
		width: 38%;
		top: 82%;
		left: 39%;
	}

	.messageDivExperimento {
		left: 67%;
		top: 67%;
		font-size: 12px;
	}

	.experimentoImage {
		width: 180px;
		height: 180px;
		left: 4%;
		top: 30%;
	}

	.btn-volver {
		position: absolute;
		top: 15%;
		left: 3%;
		width: 30%;
	}

	.txt-volver {
		font-family: 'Roboto Slab', sans-serif;
		font-size: 12px;
		display: inline-block;
	}

	/* Fin seccion Experimentos */

	/* Estilos para seccion Videos */

	#enlaceVideos {
		left: 77%;
		top: 91%;
	}

	#videos {
		left: 34%;
		top: 76%;
		width: 65%;
	}

	#divContenido {
		margin: auto;
		width: 40%;
	}

	#divContenido2 {
		margin: auto;
		width: 90%;
		font-family: 'Andika', sans-serif;
	}

	#divTitulo {
		font-family: 'Andika', sans-serif;
		font-size: 20px;
		text-align: center;
		width: 40%;
		margin-left: 30%;
		margin-bottom: 5%;
	}

	.sunImageVideo {
		background-image: url(../images/kids/mobile/fondos/sol-mobile.png);
		background-size: 1140px 2089px;
		width: 15%;
		left: 75%;
		top: 13%;
	}

	.burbujaImageVideo {
		width: 40%;
		left: 60%;
		top: 55%;
	}

	.zarigueyaImageVideo {
		background-image: url(../images/kids/mobile/íconos/zarigueya-mobile.png);
		background-size: 1140px 2089px;
		width: 38%;
		top: 82%;
		left: 39%;
	}

	.messageDivVideo {
		left: 67%;
		top: 67%;
		font-size: 12px;
	}

	.videoImage {
		width: 180px;
		height: 180px;
		left: 4%;
		top: 30%;
	}

	.messageDivContenidoVideos {
		font-family: 'Roboto Slab', sans-serif;
		font-size: 14px;
		margin-left: 1%;
		margin-bottom: 3%;
		text-align: center;
	}

	.btn-volver {
		position: absolute;
		top: 15%;
		left: 2%;
		width: 30%;
	}

	.txt-volver {
		font-family: 'Roboto Slab', sans-serif;
		font-size: 12px;
		display: inline-block;
	}

	/* Fin seccion Videos */



	/* Estilos para los enlaces de libros, juegos, experimentos y videos */
	.enlaceKidsTexto {
		font-size: calc(2.2vw + 2px);
		font-weight: bold;
		width: calc(20vw + 10px);
		height: calc(20vh + 10px);
		top: calc(20vh + 15px);
	}

	/*Responsive EQUIPO OAB*/
	.container-equipo {
		justify-content: space-around;
	}

	.miembro-equipo {
		width: 60%;
		margin-top: 10px;
	}

	.miembro-equipo-2 {
		width: 60%;
		margin-top: 10px;
		margin-left: 100px;
		margin-right: 100px;
	}

	.miembro-equipo-4 {
		width: 60%;
		margin-top: 10px;
		margin-left: 100px;
		margin-right: 100px;
	}

	.miembro-equipo-5 {
		width: 60%;
		margin-top: 10px;
		margin-left: 100px;
		margin-right: 100px;
	}

	#imagen-tingua{
		display: none;
	}

	.contenido-equipo {
		font-size: 14px;
	}

	.imagen-equipo {
		width: 100%;
	}

	.imagen-equipo img {
		margin-left: 68px;
	}

	.contenedor-secretaria {
		font-size: 14px;
	}

	.imagen-secretaria {
		margin-right: -30px;
	}

	.imagen-secretaria img {
		width: 40%;
	}

	.contenedor-linea {
		font-size: 14px;
	}

	.imagen-linea img {
		width: 30%;
	}

	.texto-linea {
		margin-left: -60px;
	}

	.imagen-notificaciones img {
		width: 30%;
	}

	.contenido-notificaciones {
		margin-left: -50px;
		font-size: 14px
	}

	.iframe-container {
		width: 400px;
		height: 206px;
	}

	#cf-container {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	#cf {
		margin: 10px;
		width: 200px;
		height: 200px;
	}

	footer .card {
		width: 85%;
		margin: auto;
		margin-top: -100px;
	}

	#video_caminatas{
		display: flex;
		margin-bottom: 20px;
	}

	.rpc-box {
		border: none;
		background-color: #fff;
		border-radius: 0.63rem;
		border: none !important;
		width: 75%;
		margin-left: 13%;
	}

	.slick-prev{
		left: 40px !important;
	}

	.slick-next{
		right: 40px !important;
	}

	#informacion_resumida img {
		width: 100%;
	}

	#informacion_resumida video {
		width: 100%;
	}

	#informacion_base{
		max-width: 80%;
		font-size: 10px;
	}

	#informacion_base ul {
		margin-left: -40%;
	}

	#informacion_resumida iframe{
		width: 100% !important;
	}
	
}