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

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

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

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

.c-azul3 {
	background-color: #7fe6fe !important;
	color: #fff !important;
}

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

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

.c-verde2 {
	background-color: #b2ffd1 !important;
	color: #fff !important;
}

.c-verde3 {
	background-color: #e1ffeb !important;
	color: #fff !important;
}

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

.c-verde5 {
	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;
}

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;
}

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

#parallax2 {
	margin-top: 0px
}

@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;
}

/*Anular estilo anterior oab*/

#contenedor1 {
	width: 100%;
}

/*Anular estilo anterior oab*/

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

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

.divLogoOab img {
	height: 50px;
}

#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;
	padding-top: 14px;
}

#inputBuscarIndicador {
	border: 0px #fff;
	width: 130px;
	transition: all 0.3s;
	display: none;
}

#inputBuscarTema {
	border: 0px #fff;
	width: 130px;
	transition: all 0.3s;
	display: none;
}

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

.btnBuscar {
	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;
}

.divIcoBuscar {
	padding-top: 5px;
}

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

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


/* Fin Buscador header */


/*Menú principal*/

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

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

#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: 15px !important;
	font-weight: 0;
	font-style: 0;
	letter-spacing: inherit;
}

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

/*#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;
}


/*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: 200px;
	/*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;
}

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

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

.ico-top img {
	width: 100px;
	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;
}

/* 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%;
	display: flex;
	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;
	width: 250px,
}


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

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

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

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

.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;
}

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;
	color: grey;
	font-family: 'Mulish';
}

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

.card-descripcion {
	width:100%; 
	text-align: left; 
	font-size: 12px; 
	color:#999
}

.card-btn-default {
	background-color:#0e5e87; 
	width: 140px; 
	font-size: 12px !important; 
	border: none; 
	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,<svg viewBox='0 0 25 25' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path d='M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z'/></svg>");
}

.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 */

.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;
}


#carousel-22 .style4 {
	height: 380px;
}

#carousel-22 .rpc-post-title {
	padding: 5px 20px 0px 20px;
	line-height: 8px;
}

.style4 {
	padding: 0px !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;
}

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

/* 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) {

	.divEncabezado {
		height: 90px;
	}

	#divSlideshowckTop {
		display: none !important;
	}

	.seccionT1 {
		display: none !important;
	}

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

	#barra-iconos {
		display: none;
	}

	.buscador-index {
		height: auto;
	}

	.buscador-index select {
		background: none;
	}
}


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

	.divBuscador {}

	.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;
}

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

.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: 500px;
	margin-left: 50px;
}

/*  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-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;
}

.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;
}

@media screen and (max-width: 768px) {
	.kidsHeaderHome {
		background-image: url(../images/kids/mobile/fondos/kids-bg-mobile-sin-nubes-1.png);
		background-size: cover;
		height: auto;
	}
}

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

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

.enlaceKidsTexto {
	font-size: 28px;
	font-weight: bold;
	transition: all 0.3s;
}

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

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

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

#divTitulo{
	margin-bottom: 30px;
}

#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*/


/*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-volver {
	font-family: 'Roboto Slab', sans-serif;
	display: inline-block;
}

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

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