@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@import url(http://fonts.googleapis.com/css?family=Droid+Serif);

@font-face {
	font-family: 'Avenir';
	src: url('../images/fonts/Avenir.ttc');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Avenir Black';
	src: url('../images/fonts/Avenir-Black.otf');
	font-weight: bold;
	font-style: normal;
}

.title-blue-arrow{
	font-family: 'Roboto';
}

.mg-b{
	margin-bottom:20px;
}

body{
	font-family:'Roboto',sans-serif;
}

p {
	font-weight: 400;
	color: #979797;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	color: #3b617f;
}


header .navbar{
	margin-bottom:0;
}
header .navbar-default{
	border:none;
	background-color:#fff;
}
header .navbar-default .navbar-nav .active::before{
	content:'';
	position:absolute;
	bottom:2px;
	right:2px;
	border-top:15px solid transparent;
	border-left:0 solid transparent;
	border-right:15px solid #ca9f63;
}
header .navbar-default .navbar-nav .active a{
	color:#1f95d2;
	background-color:inherit;
}
header .navbar-default .navbar-nav .active a:hover{
	background-color:inherit;
}
header .navbar-default .navbar-nav a{
	color:#F8F8F8;
	transition: ease 0.3s;
}
header .navbar-default .navbar-nav a:hover,
header .navbar-default .navbar-nav a:focus{
	color:#F8F8F8;
	opacity: 0.6;
}

header .navbar-default .navbar-header .navbar-brand{
	background-image:url('../images/logo.png');
	width:280px;
	height:50px;
	background-repeat:no-repeat;
	background-size:56px;
	background-position:5px 3px;
}
header .navbar-default .navbar-header .navbar-brand .logo-title-blue{
	background-image:url('../images/title-blue.png');
	background-repeat:no-repeat;
	background-size:205px;
	height:56px;
	margin-left:44px;
	margin-top:-3px;
}
header .navbar-collapse{
	position:absolute;
	z-index:200;
	width:100%;
	background-color:#fff;
}
header .share-links a icon {
	color:#c7c7c7;
	font-size:18px;
}
header .share-links a .fa-search{
	color:#ca9f63;
}
header .share-links a:hover icon {
	color:#ca9f63;
}
header .share-links span{
	color:#71ceff;
	font-size:18px;
}

a.telefono {
	color: #0c4d71;
}

p.fa {
	margin:0;
}

#section-slide .carousel .item .carousel-caption{
	display:none;
}
#section-slide .carousel .item .carousel-caption h2,
#section-slide .carousel .item .carousel-caption h2 a{
	font-family:'Roboto';
	text-decoration:none;
	color: #FFF;
	margin-top:0;
}
.ccs {
margin-top: 185px;
}
#section-slide .carousel .item .carousel-caption h2 a:hover{
	text-decoration:underline;
}
#section-slide .carousel .carousel-control icon {
	position:absolute;
	top:36%;
	font-size:34px;
}
#section-slide .carousel .carousel-control .fa-angle-left {
	left:5px;
}
#section-slide .carousel .carousel-control .fa-angle-right {
	right:5px;
}
#map-content {
	position:relative;
}
#map-content #map_canvas {
	height:220px;
}
#map-content #blocker {
	position:absolute;
	width:100%;
	height:280px;
	background-color:rgba(0,0,0,0.2);
	top:0;
}

#menu-areas .container .row .area-item {
	height:60px;
	width:100%;
}

#menu-areas .container .row .area-item a {
	color:#fff;
	font-size:15px;
}

#menu-areas .container .row .area-item a .area-icon p {
	font-size:30px;
}

#menu-areas .container .row .area-item a h4 {
	font-weight:300;
}
#menu-areas .container .row .area-item a:hover{
	text-decoration:none;
}
/*---------------------------------*/
/* Area Grupos Vulnerables --------*/
#menu-areas .container .row #area-vulnerables {
	background-color:#E3223D;
}

#menu-areas .container .row #area-vulnerables::after {
	border-right-color:#E3223D;
}

#menu-areas .container .row #area-vulnerables:hover a {
	color:#fff;
}

#menu-areas .container .row #area-vulnerables .area-icon>p {
	font-size:36px;
}

#menu-areas .container .row #area-vulnerables .area-icon .transparent-icons {
	position:relative;
	padding-top:5px;
	max-width:163px;
	margin:0 auto;
}

#menu-areas .container .row #area-vulnerables .area-icon .transparent-icons p {
	font-size:20px;
	opacity:0.7;
}

#menu-areas .container .row #area-vulnerables .area-icon .transparent-icons .fa-female {
	right:55px;
}

#menu-areas .container .row #area-vulnerables .area-icon .transparent-icons .fa-male {
	left:55px;
}

#menu-areas .container .row #area-vulnerables.area-item-active {
	background-color: #E3223D;
}

#menu-areas .container .row #area-vulnerables.area-item-active a {
	color:#fff;
}
/*---------------------------------*/
/* Area Identidad y Ciudadania ----*/
#menu-areas .container .row #area-identidad {
	background-color: #f16b2e;
}

#menu-areas .container .row #area-identidad::after {
	border-right-color: #f16b2e;
}

#menu-areas .container .row #area-identidad:hover a {
	color: #fff;
}

#menu-areas .container .row #area-identidad.area-item-active {
}

#menu-areas .container .row #area-identidad.area-item-active a {
	color:#fff;
}

.area-cnt {
	overflow:hidden;
}
.area-icons-left {
	float:left;
	margin-right:10px;
	margin-top:8px;
}
.area-icons-right {
	margin-top:2px;
	line-height:20px;
}
/*---------------------------------*/
/* Area Salud ---------------------*/
#menu-areas .container .row #area-sa {
	background-color: #2197d4;
	border-bottom-color: #2197d4;
}

#menu-areas .container .row #area-sa::after {
	border-right-color: #2197d4;
}

#menu-areas .container .row #area-sa:hover a {
	color: #fff;
}

#menu-areas .container .row #area-sa.area-item-active {
}

#menu-areas .container .row #area-sa.area-item-active a {
	color:#fff;
}
/*---------------------------------*/
/* Area Medio Ambiente ------------*/
#menu-areas .container .row #area-ma {
	background-color: #5bb947;
	border-bottom-color: #5bb947;
}

#menu-areas .container .row #area-ma::after {
	border-right-color: #5bb947;
}

#menu-areas .container .row #area-ma:hover a {
	color: #fff;
}

#menu-areas .container .row #area-ma.area-item-active {
}

#menu-areas .container .row #area-ma.area-item-active a {
	color:#fff;
}
/*---------------------------------*/
/* Area Servicios Publicos --------*/
#menu-areas .container .row #area-sp {
	background-color: #f9c416;
	border-bottom-color: #f9c416;
}

#menu-areas .container .row #area-sp::after{
	border-right-color: #f9c416;
}

#menu-areas .container .row #area-sp:hover a {
	color: #fff;
}

#menu-areas .container .row #area-sp.area-item-active {
}

#menu-areas .container .row #area-sp.area-item-active a{
	color:#fff;
}
/*---------------------------------*/
/* Area Seguridad Social ----------*/
#menu-areas .container .row #area-sse {
	background-color: #999;
	border-bottom-color: #999;
}

#menu-areas .container .row #area-sse::after {
	border-right-color: #999;
}

#menu-areas .container .row #area-sse:hover a {
	color: #fff;
}

#menu-areas .container .row #area-sse.area-item-active {
}

#menu-areas .container .row #area-sse.area-item-active a {
	color:#fff;
}
/*---------------------------------*/
/* Area Promocion DDHH y Comunicacion --------*/
#menu-areas .container .row #area-promocion {
	background-color:#17608d;
}

#menu-areas .container .row #area-promocion::after {
	border-right-color:#17608d;
}

#menu-areas .container .row #area-promocion:hover a {
	color:#fff;
}

#menu-areas .container .row #area-promocion .area-icon>p {
	font-size:36px;
}

#menu-areas .container .row #area-promocion .area-icon .transparent-icons {
	position: relative;
	padding-top: 5px;
	max-width: 163px;
	margin: 0 auto;
}

#menu-areas .container .row #area-promocion .area-icon .transparent-icons p {
	font-size: 20px;
	opacity: 0.7;
}

#menu-areas .container .row #area-promocion .area-icon .transparent-icons .fa-female {
	right: 55px;
}

#menu-areas .container .row #area-promocion .area-icon .transparent-icons .fa-male {
	left: 55px;
}

#menu-areas .container .row #area-promocion.area-item-active {
	background-color: #17608d;
}

#menu-areas .container .row #area-promocion.area-item-active a {
	color: #fff;
}
/*---------------------------------*/
/* Area Legales -------------------*/
#menu-areas .container .row #area-leg {
	border-bottom-color: #e81e79;
}

#menu-areas .container .row #area-leg::after{
	border-right-color: #e81e79;
}

#menu-areas .container .row #area-leg:hover a {
	color: #e81e79;
}

#menu-areas .container .row #area-leg.area-item-active {
	background-color: #e81e79;
}

#menu-areas .container .row #area-leg.area-item-active a {
	color: #fff;
}
/*---------------------------------*/
/* Area Administracion ------------*/
#menu-areas .container .row #area-rrhh {
	border-bottom-color: #A68824;
}

#menu-areas .container .row #area-rrhh::after {
	border-right-color: #A68824;
}

#menu-areas .container .row #area-rrhh:hover a {
	color: #A68824;
}

#menu-areas .container .row #area-rrhh.area-item-active {
	background-color: #A68824;
}

#menu-areas .container .row #area-rrhh.area-item-active a {
	color: #fff;
}
/*---------------------------------*/
/* Area Relaciones Internacionales */
#menu-areas .container .row #submenu-rrii-lg,
#menu-areas .container .row #submenu-rrii-xs{
	padding: 7px 0 0;
}

#menu-areas .container .row #submenu-rrii-lg ul li,
#menu-areas .container .row #submenu-rrii-xs ul li{
	padding: 4px 9px;
	font-size: 14px;
}

#menu-areas .container .row #submenu-rrii-lg ul li::after,
#menu-areas .container .row #submenu-rrii-xs ul li::after{
	right: -2px;
}

#menu-areas .container .row #submenu-rrii-lg ul .divider,
#menu-areas .container .row #submenu-rrii-xs ul .divider{
	padding: 0;
}

#menu-areas .container .row #submenu-rrii-lg,
#menu-areas .container .row #submenu-rrii-xs{
	background-color: #6C1416;
}

#menu-areas .container .row #submenu-rrii-lg .sub-areas-mobile>div.col-xs-6:first-child,
#menu-areas .container .row #submenu-rrii-xs .sub-areas-mobile>div.col-xs-6:first-child{
	border-right: 2px solid #a71117;
}

#menu-areas .container .row #submenu-rrii-lg .sub-areas-mobile li,
#menu-areas .container .row #submenu-rrii-xs .sub-areas-mobile li{
	width: 100%;
	border-right: none;
}

#menu-areas .container .row #submenu-rrii-lg .sub-areas-mobile li::after,
#menu-areas .container .row #submenu-rrii-xs .sub-areas-mobile li::after{
	display: none;
}

#menu-areas .container .row #submenu-rrii-lg .sub-areas-mobile .divider,
#menu-areas .container .row #submenu-rrii-xs .sub-areas-mobile .divider{
	border-bottom-color: #be131a;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding: 0;
	margin: 0 auto;
}
/*---------------------------------*/

/* SubMenu Areas ------------------*/
#menu-areas .container .row .area-menu {
	position: absolute;
	padding: 10px 0;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	color: #fff;
	font-weight: 300;
	font-size: 18px;
	text-align: center;
}

#menu-areas .container .row .area-menu ul {
	margin-left: 0;
	margin-bottom: 0;
}

#menu-areas .container .row .area-menu ul li {
	padding: 0 25px;
	position: relative;
}

#menu-areas .container .row .area-menu ul li a {
	color: #222;
}

#menu-areas .container .row .area-menu ul li a:hover,
#menu-areas .container .row .area-menu ul li a:focus {
	color:#222;
	text-decoration:none;
}

#menu-areas .container .row .area-menu ul li::after {
	content: '';
	width: 1px;
	position: absolute;
	right: 0;
	height: 35px;
	background: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0, rgba(255,255,255,0.65) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0.1)), color-stop(100%, rgba(255,255,255,0.65)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0, rgba(255,255,255,0.65) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0.1) 0, rgba(255,255,255,0.65) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0.1) 0, rgba(255,255,255,0.65) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0, rgba(255,255,255,0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1affffff', endColorstr='#a6ffffff', GradientType=0);
}

#menu-areas .container .row .area-menu ul li:last-child::after {
	display:none;
}

/* Sub Vulnerables ----------------*/
#menu-areas .container .row #submenu-vulnerables-lg,
#menu-areas .container .row #submenu-vulnerables-xs {
	background-color: #E3223D;
}
#menu-areas .container .row #submenu-vulnerables-lg .sub-areas-mobile>div.col-xs-6:first-child,
#menu-areas .container .row #submenu-vulnerables-xs .sub-areas-mobile>div.col-xs-6:first-child {
	border-right: 2px solid #a71117;
}

#menu-areas .container .row #submenu-vulnerables-lg .sub-areas-mobile li.title-sub-area,
#menu-areas .container .row #submenu-vulnerables-xs .sub-areas-mobile li.title-sub-area {
	font-size:18px;
}

#menu-areas .container .row #submenu-vulnerables-lg .sub-areas-mobile .divider,
#menu-areas .container .row #submenu-vulnerables-xs .sub-areas-mobile .divider {
	border-bottom-color: #be131a;
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding:0;
	margin:0 auto;
}
/* Sub Identidad ------------------*/
#menu-areas .container .row #submenu-identidad-xs,
#menu-areas .container .row #submenu-identidad-lg {
	background-color: #f16b2e;
}

/* Sub Salud ----------------------*/
#menu-areas .container .row #submenu-sa-xs,
#menu-areas .container .row #submenu-sa-lg {
	background-color: #2197D4;
}

/* Sub Medio Ambiente--------------*/
#menu-areas .container .row #submenu-ma-xs,
#menu-areas .container .row #submenu-ma-lg {
	background-color: #5BB947;
}

/* Sub Servicios Publicos ---------*/
#menu-areas .container .row #submenu-sp-xs,
#menu-areas .container .row #submenu-sp-lg {
	background-color: #F9C416;
}

/* Sub Seguridad Social -----------*/
#menu-areas .container .row #submenu-sse-xs,
#menu-areas .container .row #submenu-sse-lg {
	background-color: #999;
}

/* Sub Promocion -----------*/
#menu-areas .container .row #submenu-promocion-xs,
#menu-areas .container .row #submenu-promocion-lg {
	background-color: #17608D;
}

/* Sub Legales --------------------*/
#menu-areas .container .row #submenu-leg-xs,
#menu-areas .container .row #submenu-leg-lg {
	background-color: #6C1416;
}

/* Sub Relaciones Institucionales -------------*/
#menu-areas .container .row #submenu-rrii-xs,
#menu-areas .container .row #submenu-rrii-lg {
	background-color: #6C1416;
}

/*----- Fin SubMenu Areas -----*/
#article-content .summary h3,
#informesAnuales .summary h3 {
	font-family:'Roboto';
	color:#084c6e;
}
#article-content .summary p,
#informesAnuales .summary p {
	color:#ca9f63;
	text-align: justify;
}
#article-content .article-links,
#informesAnuales .article-links {

}
#article-content .article-links a,
#informesAnuales .article-links a {
	padding: 5px 5px;
	display: inline-block;
}
#article-content .article-links a icon,
#informesAnuales .article-links a icon {
	color: #084c6e;
}
#informesAnuales .large-summary img {
	float: left;
	padding: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
}
#article-content .large-summary p,
#informesAnuales .large-summary p {
	font-size:14px;
	color:#555;
}
#article-content .large-summary .list-yellow-arrow,
#informesAnuales .large-summary .list-yellow-arrow {
	margin:15px 0;
}
#article-content .large-summary .list-yellow-arrow p,
#informesAnuales .large-summary .list-yellow-arrow p {
	margin-bottom:10px;
	padding-left:25px;
	position:relative;
	line-height:16px;
}
#article-content .large-summary .list-yellow-arrow p::before,
#informesAnuales .large-summary .list-yellow-arrow p::before {
	content:'';
	position:absolute;
	bottom:2px;
	left:2px;
	border-top:15px solid transparent;
	border-right:0 solid transparent;
	border-left:15px solid #ca9f63;
}
#article-content .large-summary .video iframe,
#informesAnuales .large-summary .video iframe {
	width:100%;
	max-width:450px;
	height:330px;
}
#content p{
	color:#666;
}
#content p strong{
	color:#333;
}
#content h4.panel-title{
	color:#0c4d71;
}
#content h4.panel-title a{
	text-decoration:none;
}
#content h4.panel-title a icon {
	margin-right:5px;
	color:#ca9f63;
}
#content .panel-heading{
	cursor:pointer;
}
#content .panel-body p{
	position:relative;
	color:#777;
}
#content .panel-body p a{
	color:#1f95d2;
	text-decoration:underline;
}
#content .panel-body p icon {
	color:#555;
}
#content .panel-body p strong{
	color:#1f95d2;
}
#content .panel-body .col-sm-4,
#content .panel-body .col-sm-6{
	padding:0;
}
#content .collapse.in{
	border-bottom:1px solid #ddd;
}
#content .of-item h4{
	background-color: #eee;
	padding: 10px 0;
	color: #106898;
	border-radius: 3px;
	border: 1px solid #ddd;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	margin-bottom: 0;
}
#content .of-item h4 icon {
	color:#ca9f63;
	margin-left:-18px;
}
#content .of-item>div{
	padding:0 15px 15px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
#content .of-item>div:first-of-type{
	padding-top:15px;
}
#content .of-item>div:last-of-type{
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
	border-bottom:1px solid #ddd;
}
#content .of-item>div strong{
	color:#1f95d2;
}
#content .of-item>div a{
	color:#1f95d2;
	text-decoration:underline;
}
#content .of-item>div icon {
	color:#555;
}
#content ul{
	list-style:none;
	padding-left:10px;
	padding-right:10px;
}
#content ul li, #article-content ul li{
	color: #666;
	list-style-type: none;
}
#article-content ul li::before,
#informesAnuales ul li::before {
	content: '';
	border-right: 5px solid #5c93ca;
	margin-right: 5px;
	margin-left: -15px;
	border-radius: 0px 2px 2px 0px;
	font-size: 12px;
}
#content .btn-default{
	border-color:#084d6f;
	color:#084d6f;
}
#content .btn-default:hover{
	background-color:#0a5d87;
	border-color:#063c57;
	color:#fff;
}
#content .video{
	margin-top:25px;
}
#content .video iframe{
	width:100%;
	max-width:450px;
	height:330px;
	border-radius: 18px;
}
#content .icon-brown{
	color:#ca9f63;
}
#content em{
	color:#666;
}
#content form label{
	color:#888;
}
#content form input,
#content form textarea{
	margin-bottom:15px;
}
#content form textarea{
	height:100px;
}
#areas #temasSeccion ul li {
	margin-top: 10px;
	font-size: 14px;
	list-style-type: none;
	text-decoration: none;
	text-align: justify;
}
#areas #temasSeccion ul li icon {
	color: #5c93ca;	
	width: 16px;
}
#areas #areaContacto{
	margin-top: 20px;
	display: flex;
	position:relative;
}
#areas #areaContacto .jefeArea {
	background-image: url('../images/header-pattern.png');
	background-size: 8px;
	padding: 14px;
}
#areas #areaContacto .datosArea {
	padding-top: 22px;
	padding-bottom: 10px;
}
#areas #areaContacto p {
	color:#686868;
}
#areas #btnResoluciones {
	background-color:#eee;
	position:relative;
	margin-top:20px;
}
#areas #btnResoluciones::before{
	content:'';
	position:absolute;
	bottom:2px;
	right:2px;
	border-top:25px solid transparent;
	border-left:0 solid transparent;
	border-right:25px solid #ca9f63;
}
#areas #btnResoluciones a {
	display:block;
}
#areas #btnResoluciones a h3{
	margin:25px 0; 
	font-family:'Roboto';
	color:#0c4d71;
}
#areas #btnResoluciones .icon {
	height: 76px;
	background-image: url('../images/header-pattern.png');
	background-size: 8px;
	padding-top: 18px;
}

#areas #btnResoluciones .icon icon{
	font-size: 40px;
}
#areas #btnResoluciones .icon p{
	font-size: 50px;
	color: #666;
	margin: 0 auto;
	display: block;
}
#areas .area-img img{
	max-width: 200px;
	margin-top: 10px;
}
#areas .area-img-esp img{
	max-width: 250px;
	margin-top: 25px;
}
#banners{
	padding-top:20px;
	background-color:#eee;
}
#banners .banner-item{
	background-color: #1A4363;
	padding:15px;
	margin-bottom:10px;
	max-width:585px;
	border-radius:500px;
}
/*
#banners .banner-item::before{
	content:'';
	position:absolute;
	bottom:2px;
	right:2px;
	border-top:25px solid transparent;
	border-left:0 solid transparent;
	border-right:25px solid #ca9f63;
}
*/
#banners .banner-item a:hover,
#banners .banner-item a:focus{
	text-decoration:none;
}
#banners .banner-item a:hover h3,
#banners .banner-item a:focus h3,
#banners .banner-item a:hover p,
#banners .banner-item a:focus p{
	color:#ca9f63;
}
#banners .banner-item a h3{
	color:#fff;
	font-family:'Roboto';
	margin:0;
}
#banners .banner-item a p{
	color:#ddd;
	margin:0;
}

#noticias .item{
	background-color:#fff;
	padding:10px;
	margin-bottom:15px;
	max-width:355px;
}
#noticias .item::before{
	content:'';
	position:absolute;
	bottom:2px;
	right:2px;
	border-top:25px solid transparent;
	border-left:0 solid transparent;
	border-right:25px solid #ca9f63;
}
#noticias .item .item-img{
	height:225px;
	background-repeat:no-repeat;
	background-size:cover;
}
#noticias .item .item-img .categoria{
	position:absolute;
	top:10px;
	right:10px;
	padding:4px 12px;
	color:#fff;
	font-family:'Roboto';
}
#noticias .item .item-img .cat-salud{
	background-color:#1f95d2;
}
#noticias .item .item-img .cat-medio-ambiente{
	background-color:#7ac443;
}
#noticias .item .item-img .cat-legales{
	background-color:#e81e79;
}
#noticias .item .item-img .cat-empleo{
	background-color:#f4a11a;
}
#noticias .item .item-img .cat-sp{
	background-color:#f8c780;
}
#noticias .item .item-img .cat-default{
	background-color:#ca9f63;
}
#noticias .item .item-img .share-icons{
	position:absolute;
	top:200px;
	right:0;
	left:0;
	margin:0 auto;
}
#noticias .item .item-img .share-icons a p{
	color: rgba(255,255,255,0.7);
	font-size: 26px;
}
#noticias .item .item-img .share-icons a p:hover{
	color: #fff;
}
#noticias .item h3{
	margin-bottom: 5px;
	color: #084d6f;
	font-family: 'Roboto';
}
#noticias .item p{
	color: #666;
}
#noticias .item .btn-default{
	border-color: #084d6f;
	color: #084d6f;
}
#noticias .item .btn-default:hover{
	background-color: #0a5d87;
	border-color: #063c57;
	color: #fff;
}
#redes,
#redesLateral,
#article-content .redes,
#article-content .articleMedia {
	padding-top: 15px;
	background-color: #eee;
}
#redes .item,
#redesLateral .item,
#article-content .redes .item,
#article-content .articleMedia .item {
	background-color: #fff;
	padding: 10px;
	margin-bottom: 15px;
	max-width: 355px;
	padding-bottom: 20px;
}

#redes .item h3,
#redesLateral .item h3,
#article-content .redes .item h3,
#article-content .articleMedia .item h3 {
	margin-top: 5px;
	color: #084d6f;
	font-family: 'Roboto';
}
#redes .item h3 .fa-twitter,
#redesLateral .item h3 .fa-twitter,
#article-content .redes .item h3 .fa-twitter,
#article-content .articleMedia .item h3 .fa-flickr {
	color: #3fb4e4;
}
#redes .item h3 .fa-newspaper-o,
#article-content .redes .item h3 .fa-newspaper-o {
	color: #ca9f63;
}
#redes .fb h3 icon,
#redesLateral .fb h3 icon,
#article-content .redes .fb h3 icon {
	color: #48649f;
}

#redes .tw img,
#redesLateral .tw img,
#article-content .redes .tw img {
	float: left;
	border-radius: 50%;
	margin: 0 10px;
	width: 60px;
}
#redes .tw h4,
#redes .tw p,
#redesLateral .tw h4,
#redesLateral .tw p,
#article-content .redes .tw h4,
#article-content .redes .tw p {
	color: #084d6f;
}
#redes .tw h4,
#redesLateral .tw h4,
#article-content .redes .tw h4 {
	margin-top: 20px;
	margin-bottom: 0;
}
#redes .tw .tw-container,
#redesLateral .tw .tw-container,
#article-content .redes .tw .tw-container {
	margin-top: 15px;
	padding: 15px;
	background-color: #eee;
	border-radius: 3px;
	position: relative;
}
#redes .tw .tw-container::before,
#redesLateral .tw .tw-container::before,
#article-content .redes .tw .tw-container::before {
	content:'';
	position:absolute;
	top:-10px;
	left:30px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 15px solid #eee;
	border-radius: 4px;
}
#redes .nw input,
#redesLateral .nw input,
#article-content .redes .nw input {
	margin-bottom: 15px;
}
#redes .nw .btn-default,
#redesLateral .nw .btn-default,
#article-content .redes .nw .btn-default {
	margin-bottom: 0;
	border-color: #084d6f;
	color: #084d6f;
}
#redes .nw .btn-default:hover,
#redesLateral .nw .btn-default:hover,
#article-content .redes .nw .btn-default:hover {
	background-color: #0a5d87;
	border-color: #063c57;
	color: #fff;
}
#links {
	background-color:#eee;
}
#links .link-item{
	margin-bottom: 15px;
	display: flex;
    align-items: center;
	margin-right: 24px;
}

#links .link-item a img {
	max-height: 70px;
	max-width: 135px;
}

#contacto {
	padding:20px 0;
	background-color:#be965d;
}
#contacto .logo{
	padding-right:0;
}
#contacto .title{
	padding-left:0;
}
#contacto .title img{
	margin-top:18px;
}
#contacto .share-links{
	margin-top:15px;
	text-align:center;
}
#contacto .share-links a icon {
	color:rgba(255,255,255,0.7);
	font-size:20px;
}
#contacto .share-links a i:hover{
	color:#fff;
}
#contacto .datos{
	background-color:rgba(0,0,0,0.3);
	text-align: center;
	padding:15px;
	margin-top:15px;
	color:#fff;
	font-weight:300;
	margin-bottom:5px;
}
#contacto .datos p {
	color:#fff;
	font-weight:300;
	margin-bottom:5px;
}
#contacto .datos p .icon{
	color:#fcf4aa;
}
#contacto .datos p .icon{
	color:#fcf4aa;
}
#sitemap{
	background-color:#775f41;
}
#sitemap .item-site{
	padding:5px 0;
}
#sitemap .item-site a h4{
	color:#fff;
	font-family:'Roboto';
}
#sitemap .item-site a:hover{
	text-decoration:none;
}
#sitemap .item-site a:hover h4{
	color:#fcf4aa;
}
#sitemap .item-site ul li a{
	color:#fffbe6;
	font-weight:300;
}
#sitemap .item-site ul li a:hover, #sitemap .item-site ul li a:focus{
	color:#fcf4aa;
	text-decoration:none;
}
footer{
	background-color: #856a47;
}
footer h5{
	color:#fff;
	font-weight:300;
}
#contacto, #sitemap, footer{
	background-image:url('../images/footer-pattern.png');
	background-size:8px;
}

/* Nueva modificacion */
.cntbox h3{padding-bottom: 10px;}
.cntbox a{text-decoration:none; color:#fff;}
.txt{
	font-size:25px;
	letter-spacing: 0.7px;
	}
.algo{width:100%;}
.carousel-inner > .item > img {
    margin: 0 auto;
}
.bkalgo{
	background-color:#F5444B;
	color:#fff;
	padding:10px;
	margin-top:20px;
}
.identidad{width:100%;}
.bkidentidad{
	background-color:#F8A45A;
	color:#fff;
	padding:10px;
	margin-top:20px;
}
.salud{width:100%;}
.bksalud{
	background-color:#00A1CA;
	color:#fff;
	padding:10px;
	margin-top:20px;
}
.ambiente{width:100%;}
.bkambiente{
	background-color:#99C17C;
	color:#444;
	padding:10px;
	margin-top:20px;
}
.sspp{width:100%;}
.bksspp{
	background-color:#f8c780;
	color:#444;
	padding:10px;
	margin-top:20px;
}
.sse{width:100%;}
.bksse{
	background-color:#bbb;
	color:#444;
	padding:10px;
	margin-top:20px;
}
.contact{width:100%;}

.carrouno {width: 100%;}
.carrodos {width: 100%;}
.carrotres {width: 100%;}
.servLink a {color:#222 !important;}

.form-control {
}
.btnDefault {
	background-color: #fff !important;
	border-color: #fff !important;
}

/* Buscador */
.bakBuscador {
	background:#07415D;
	color:#fff;
	padding:20px;
}

.glyphiconSearch {color:#07415D !important;}
.imgRounded {border-radius: 2.5em;}
.imgRounded-Banner {border-radius: 1em;}

.foot {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
}

.uArenaSearch {background:#eee !important;}
.area-menu a{color: #fff !important; font-size: 15px;}

/**/
.news {
	background-color: #07415D;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	padding: 10px;
}
.news a {color: #fff;}

div.marquee {
	white-space:no-wrap;
	overflow:hidden;
}
div.marquee > div.marquee-text {
    white-space:nowrap;
    display:inline;
    width:auto;
}

.lado {
	margin: -3px -2px 0 20px;
}

.inputN {
	border: 1px solid #eee !important;
}


/* Flip */


/* ROLL LINKS */
.roll-link {
    display: inline-block;
    overflow: hidden;

    vertical-align: top;

    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    -ms-perspective: 600px;
    perspective: 600px;

    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    -ms-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
}

.roll-link:hover {text-decoration:none;}

.roll-link span {
    display: block;
    position: relative;
    padding: 0 2px;

	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	transition: all 400ms ease;

	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.roll-link:hover span {
	background: #DD4D42;
	-webkit-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
	-moz-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
	-ms-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
	transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
}

.roll-link span:after {
    content: attr(data-title);

    display: block;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 2px;

    color: #fff;
    background: #DD4D42;

	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;

	-webkit-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
	-moz-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
	-ms-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
	transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
}

/* EFECTO ZOOM on mouse hover */

#area-vulnerables, #area-identidad, #area-sa, #area-ma, #area-sp, #area-sse, #area-promocion {
	transition: transform .2s; /* Animation */
}

#area-vulnerables:hover, #area-identidad:hover, #area-sa:hover, #area-ma:hover, #area-sp:hover, #area-sse:hover, #area-promocion:hover {
	transform: scale(1.3);
	z-index: 1000;
}


/* new style */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@font-face {
	font-family: 'Avenir';
	src: url('webdefensora/fonts/Avenir.ttc');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Avenir Black';
	src: url('webdefensora/fonts/Avenir-Black.otf');
	font-weight: bold;
	font-style: normal;
}

.btn-ghost {
	position: relative;
	color: white;
	border: 1.5px solid white;
	padding: 6px 64px 6px 22px;
	border-radius: 50px;
	opacity: 1;
	transition: opacity 0.3s ease;
	font-family: Roboto;
	font-size: 16px;
	letter-spacing: 0.5px;
}

.btn-ghost:hover {
	opacity: 0.6;
	color: white;
}

.btn-ghost img {
	height: 12px;
	position: absolute;
	right: 8px;
	top: 11px;
}

.btn-noticias {
	position: relative;
	color: #1f4766;
	background: white;
	padding: 6px 48px 6px 22px;
	border-radius: 50px;
	opacity: 1;
	transition: opacity 0.3s ease;
	font-family: Roboto;
	font-weight: 700;
	font-size: 18px;
}

.btn-noticias:hover {
	opacity: 0.6;
	color: #1f4766;
}

.btn-noticias img {
	height: 13px;
	position: absolute;
	right: 12px;
	top: 12px;
	color: #1f4766;
}

.blue-bg {
	background-color: #00253b;
	opacity: 0.75;
}

.bg-blue {
	background: #07415D !important;
}

.gold-bg {
	background-color: #b7a165;
	opacity: 0.75;
}

.half-color-bg {
	background: linear-gradient(180deg, #e7e7e7 50%, white 50%);
	vertical-align: middle; 
	text-align: center;
	padding: 32px 16px;
}

.p-3 {
	padding: 1rem;
}

.p-4 {
	padding: 1.5rem;
}

.p-5 {
	padding: 3rem;
}

.mt-2 {
	margin-top: 0.5rem;
}

.mt-3 {
	margin-top: 1rem;
}

.mt-4 {
	margin-top: 1.5rem;
}

.mt-5 {
	margin-top: 3rem;
}

.mb-2 {
	margin-bottom: 0.5rem;
}

.mb-3 {
	margin-bottom: 1rem;
}

.mb-4 {
	margin-bottom: 1.5rem;
}

.mb-5 {
	margin-bottom: 3rem;
}

.mb-6 {
	margin-bottom: 4rem;
}

.mr-3 {
	margin-right: 1rem;
}

.mr-4 {
	margin-right: 1.5rem;
}

.mr-5 {
	margin-right: 3rem;
}

.ml-2 {
	margin-left: 0.5rem;
}

.ml-3 {
	margin-left: 1rem;
}

.ml-4 {
	margin-left: 1.5rem;
}

.ml-5 {
	margin-left: 3rem;
}

.my-5 {
	margin-bottom: 3rem;
	margin-top: 3rem;
}

.pt-2 {
	padding-top: 0.5rem;
}

.pt-3 {
	padding-top: 1rem;
}

.px-3 {
	padding-right: 1rem;
	padding-left: 1rem;
}

.d-flex {
	display: flex;
}

.flex-wrap {
	flex-wrap: wrap;
}

.justify-content-center {
	justify-content: center;
}

.justify-content-around {
	justify-content: space-around;
}

.justify-content-between {
	justify-content: space-between;
}

.align-items-center {
	align-items: center;
}

.social-circle {
	background-color: #D8DDE0;
	border-radius: 6px;
	height: 24px;
	width: 24px;
	vertical-align: middle; 
	text-align: center;
	transition: ease 0.3s;
	margin-right: 0.5rem;
	position: relative;
}

.social-circle:hover {
	opacity: 0.6;
}

.social-circle i {
	color: #214d6d;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
}

.social-circle .fa-instagram {
	position: absolute;
	right: 5px;
}

.menu-areas-btn {
	width: 124px;
	height: 140px;
	background: white;
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
	transition: 0.3s ease;
	border-radius: 16px;
	margin: 4px;
	font-family: Roboto;
	font-weight: 500;
	font-size: 14px;
	text-decoration: none;
	vertical-align: middle; 
	text-align: center;
	display: inline-block;  
}

.menu-areas-btn:hover {
	text-decoration: none;
	box-shadow: 0 0 8px rgba(0,0,0,0.6);
}

.menu-areas-btn img {
	height: 54px;
}

.menu-areas-btn-text {
	color: #3b617f;
	padding: 0 4px 0 4px;
	line-height: initial;
	text-align: center;
}

.grupos-vulnerables {
	border: 2px solid #a33f5a;
}

.bg-vulnerables {
	background-color: #a03551 !important;
}

.identidad-ciudadania {
	border: 2px solid #a5474f;
}

.bg-identidad {
	background-color: #963139 !important;
}

.salud-educacion {
	border: 2px solid #74add9;
}

.bg-salud {
	background-color: #2197D4 !important;
}

.medio-ambiente {
	border: 2px solid #8aa56b;
}

.bg-ambiente {
	background-color: #7a965b !important;
}

.servicios-publicos {
	border: 2px solid #d5b369;
}

.bg-sspp {
	background-color: #e3b85a !important;
}

.seguridad-social {
	border: 2px solid #3d6697;
}

.bg-ss {
	background-color: #345c8d !important;
}

.ddhh-comunicacion {
	border: 2px solid #6186a5;
}

.bg-ddhh {
	background-color: #17608D !important;
}

.generos-diversidad {
	border: 2px solid #c7acd3;
}

.bg-gd {
	background-color: #c484df !important;
}

.card-programas01 {
	background-size: cover;
	background-position: center;
	height: 245px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	position: relative;
}

.card-programas01-btn {
	position: absolute;
	bottom: 18px;
	right: 24px;
}

.card-programas01-title {
	font-family: Roboto;
	font-weight: 500;
	padding: 36px 78px 0px 36px;
	color: white;
}

.card-programas01-subtitle {
	font-family: Roboto;
	font-weight: 200;
	color: white;
}

.programas-item-flex {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}

.programas-item-flex h3 {
	line-height: 0;
}

.blue-layer {
	background-color: #00253bab;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.gold-layer {
	background-color: #b7a165ab;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.cards-programas01 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 0px;
}

.index-content {
	margin-left: 0;
	margin-right: 0;  
	display: flex;
	flex-wrap: wrap;  
}

.index-content h3 {
	font-family: Roboto;
	font-weight: 700;
	color: #3b617f;
}

.index-content p {
	font-family: Roboto;
	font-weight: 500;
	color: #979797;
}

.index-content .video {
	align-items: center;
	display: flex;
}

.index-content-columns {
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
	-webkit-column-gap: 4em;
	-moz-column-gap: 4em;
	column-gap: 4em;
}

.arrow-circle {
	border-radius: 100%;
	height: 32px;
	width: 32px;
	display: inline-block;
	border: solid white 2px;
	position: relative;
}

.arrow-circle img {
	height: 12px;
	position: absolute;
	top: 8px;
	right: 7px;
}

.card-programas02 {
	background-size: cover;
	background-position: center;
	height: 252px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	font-size: 24px;
	font-weight: bold;
	border-radius: 16px;
	position: relative;
	box-shadow: 2px 0 8px rgba(0,0,0,0.3);
}

.card-programas02-footer {
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 0;
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
	font-family: Roboto;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.5px;
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding-left: 16px;
	padding-right: 16px;
	color: white;
	text-decoration: none;
	transition: ease 0.3s;
}

.card-programas02-footer:hover {
	text-decoration: none;
	color: white;
	opacity: 0.5;
}

.card-programas02-text {
	padding: 24px 18px;
	font-family: Roboto;
	font-weight: 700;
	color: #365974;
	font-size: 20px;
	line-height: 1;
	text-align: center;
}

.cards-programas02 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 12px;
	background-color: #EEEEEE;
	padding: 80px 80px 40px; 
}

.card-programas02-subtitle {
	font-family: Roboto;
	font-weight: 400;
}

.btn-banners {
	width: 380px;
	height: 76px;
	border-radius: 12px;
	font-family: Roboto;
	font-size: 18px;
	line-height: 1.1;
	font-weight: 500;
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding-left: 16px;
	padding-right: 10px;
	color: white;
	text-decoration: none;
	transition: ease 0.3s;
	
	margin: 24px 0px;
}

.btn-banners:hover {
	text-decoration: none;
	color: white;
	opacity: 0.5;
}

.azul {
	background-color: #1a4363;
}

.naranja {
	background-color: #be965d;
}
.arrow-circle-big {
	border-radius: 100%;
	height: 44px;
	width: 44px;
	display: inline-block;
	border: solid white 2px;
	position: relative;
}

.arrow-circle-big img {
	height: 12px;
	position: absolute;
	top: 14px;
	right: 12px;
}

.btn-banners-content {
	display: flex;
	max-width: 288px;
}

.btn-banners-content-contacto {
	display: flex;
}

.btn-banners-content img {
	height: 40px;
	width: 40px;
	margin-right: 18px;
}

.btn-banners-content-contacto img {
	height: 36px;
	margin-right: 14px;
}

.btn-banners-subtitle {
	font-family: Roboto;
	font-weight: 200;
	font-size: 14px;
}

.banners-container {
	background-color: #eeeeee;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	margin-top: 4rem;
	padding: 30px 12px;
}

/* .banners-container:after {
    content: ""; 
    display: block; 
    margin: 0 auto;
    width: 95%;
	padding-bottom: 3rem;
    border-bottom: 1px solid white;
} */

.btn-blue {
	position: relative;
	color: #1A4363;
	border: 2px solid #1A4363;
	padding: 6px 48px 6px 18px;
	border-radius: 50px;
	opacity: 1;
	transition: opacity 0.3s ease;
	font-family: Roboto;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0.5px;
}

.btn-blue:hover {
	opacity: 0.6;
	color: #1A4363;
}

.btn-blue img {
	height: 12px;
	position: absolute;
	right: 8px;
	top: 11px;
}

.card-noticias {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 300px;
	min-height: 450px;
	margin-left: 24px;
	margin-right: 24px;
	margin-bottom: 18px;
}

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

.card-noticias-text {
	margin-bottom: 18px;
}

.card-noticias-text h3 {
	margin-bottom: 18px;
}

.card-noticias-btn {
	display: flex;
	justify-content: flex-end;
}

.links-container {
	padding: 32px 0px;
}

.marginless-row {
	margin-right: 0;
}

.row {
	margin-right: 0;
	margin-left: 0;
}

#header-scroll {
	background: #07415D;
}

.sarasa {
	background: #07415D !important;
}

.noticias-copete {
	font-weight: 500;
}

.arrow-line {
	position: relative;
	margin-top: 24px;
	margin-bottom: 16px;
}
.arrow-line:after, .arrow-line:before {
	bottom: 100%;
	left: 40px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow-line:after {
	border-bottom-color: #ffffff;
	border-width: 15px;
	margin-left: -15px;
}
.arrow-line:before {
	border-width: 18px;
	margin-left: -18px;
}

.align-initial {
	text-align: initial;
}

.container-subsecciones {
    background: #eeeeee;
    padding: 16px 16px 8px 16px;
    border-radius: 16px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.link-subsecciones {
    background: white;
    padding: 10px 16px;
	margin-bottom: 8px;
	width: 180px;
	min-height: 48px;
    border-radius: 16px;
    text-decoration: none;
    font-weight: 700;
	line-height: 1;
	text-align:center;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
	transition: ease 0.3s;
}

.link-subsecciones:hover {
    text-decoration: none;
	opacity: 0.7;
}

.arrow-line-vulnerables {
	border-top: 2px solid #bd254e;
}

.arrow-line-vulnerables:before {
	border-bottom-color: #bd254e;
}

.color-vulnerables, .color-vulnerables:hover {
	color: #bd254e;
}

.arrow-line-identidad {
	border-top: 2px solid #963139;
}

.arrow-line-identidad:before {
	border-bottom-color: #963139;
}

.color-identidad, .color-identidad:hover {
	color: #963139;
}

.arrow-line-educacion {
	border-top: 2px solid #2197D4	;
}

.arrow-line-educacion:before {
	border-bottom-color: #2197D4	;
}

.color-educacion, .color-educacion:hover {
	color: #2197D4	;
}

.arrow-line-ambiente {
	border-top: 2px solid #7a965b;
}

.arrow-line-ambiente:before {
	border-bottom-color: #7a965b;
}

.color-ambiente, .color-ambiente:hover {
	color: #7a965b;
}

.arrow-line-sspp {
	border-top: 2px solid #e3b85a;
}

.arrow-line-sspp:before {
	border-bottom-color: #e3b85a;
}

.color-sspp, .color-sspp:hover {
	color: #e3b85a;
}

.arrow-line-ss {
	border-top: 2px solid #345c8d;
}

.arrow-line-ss:before {
	border-bottom-color: #345c8d;
}

.color-ss, .color-ss:hover {
	color: #345c8d;
}

.arrow-line-ddhh {
	border-top: 2px solid #283583;
}

.arrow-line-ddhh:before {
	border-bottom-color: #283583;
}

.color-ddhh, .color-ddhh:hover {
	color: #283583;
}

.color-genero, .color-genero:hover {
	color: #17608D;
}

.arrow-line-genero {
	border-top: 2px solid #c484df;
}

.arrow-line-genero:before {
	border-bottom-color: #c484df;
}

.color-genero, .color-genero:hover {
	color: #c484df;
}

.arrow-line-rrii {
	border-top: 2px solid #21253e;
}

.arrow-line-rrii:before {
	border-bottom-color: #21253e;
}

.color-rrii, .color-rrii:hover {
	color: #21253e;
}

.menu-subarea-content {
	padding: 0px 48px;
}

.menu-subarea-text p {
	font-weight: 500;
}

.btn-denuncia {
	width: 434px;
	height: 96px;
	border-radius: 25px;
	font-family: Roboto;
	font-size: 24px;
	line-height: 1.1;
	font-weight: 500;
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding-left: 16px;
	color: white;
	text-decoration: none;
	transition: ease 0.3s;
	background-color: #1A4363;
	margin: 24px 0px;
}

.btn-denuncia:hover {
	text-decoration: none;
	color: white;
	opacity: 0.5;
}

.arrow-circle-bigger {
	border-radius: 100%;
	height: 44px;
	width: 44px;
	display: inline-block;
	border: solid white 2px;
	position: relative;
}

.arrow-circle-bigger img {
	height: 16px;
	position: absolute;
	top: 12px;
	right: 10px;
}

.btn-denuncia-content {
	display: flex;
}

.btn-denuncia-content-contacto {
	display: flex;
	align-items: center;
}

.btn-denuncia-content img {
	height: 40px;
	width: 40px;
	margin-right: 18px;
}

.btn-denuncia-content-contacto img {
	height: 54px;
	margin-right: 14px;
}

.btn-denuncia-content-contacto i {
    margin-left: 8px;
    margin-right: 18px;
    font-size: 48px;
}

.btn-denuncia-subtitle {
	font-family: Roboto;
	font-weight: 200;
	font-size: 18px;
}

.btn-denuncia-sidecolor {
	height: 100%;
    width: 72px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0px 25px 25px 0px;
}

.btn-denuncia-vulnerables {
	background: #89203e;
}

.btn-denuncia-sidecolor-vulnerables {
	background: #a03551;
}

.btn-denuncia-identidad {
	background: #862628;
}

.btn-denuncia-sidecolor-identidad {
	background: #a84147;
}

.btn-denuncia-salud {
	background: #2173A5;
}

.btn-denuncia-sidecolor-salud {
	background: #4589B3;
}

.btn-denuncia-ambiente {
	background: #617e3f;
}

.btn-denuncia-sidecolor-ambiente {
	background: #81a755;
}

.btn-denuncia-sspp {
	background: #d3a33c;
}

.btn-denuncia-sidecolor-sspp {
	background: #e3b85a;
}

.btn-denuncia-ss {
	background: #0f2756;
}

.btn-denuncia-sidecolor-ss {
	background: #1f3b6b;
}

.btn-denuncia-genero {
	background: #a75dc7;
}

.btn-denuncia-sidecolor-genero {
	background: #dd94fc;
}

.bg-programas {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	vertical-align: middle; 
}

.bg-programas-identidad {
	background: #963139;
}

.bg-programas-salud {
	background: #56AADD;
}

.bg-programas-ambiente {
	background: #7a965b;
}

.bg-programas-sspp {
	background: #e4bb64;
}

.bg-programas-genero {
	background: #e0a8f8;
}

.btn-programas {
	width: 434px;
	height: 64px;
    border-radius: 18px;	
	font-family: Roboto;
	font-size: 16px;
	line-height: 1.1;
	font-weight: 500;
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding-left: 16px;
	color: white;
	text-decoration: none;
	transition: ease 0.3s;
	background-color: #1A4363;
	margin: 24px 16px;
}

.btn-programas:hover {
	text-decoration: none;
	color: white;
	opacity: 0.5;
}

.arrow-circle-small {
	border-radius: 100%;
	height: 44px;
	width: 44px;
	display: inline-block;
	border: solid white 2px;
	position: relative;
}

.arrow-circle-small img {
	height: 12px;
	position: absolute;
	top: 14px;
	right: 12px;
}

.btn-programas-content {
	display: flex;
}

.btn-programas-content-contacto {
	display: flex;
	align-items: center;
	max-width: 224px;
}

.btn-programas-content img {
	height: 40px;
	width: 40px;
	margin-right: 18px;
}

.btn-programas-content-contacto img {
	height: 36px;
	margin-right: 20px;
    margin-left: 8px;
}

.btn-programas-subtitle {
	font-family: Roboto;
	font-weight: 200;
	font-size: 18px;
}

.btn-programas-sidecolor {
	height: 100%;
    width: 88px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0px 18px 18px 0px;
}

.btn-programas-identidad {
	background: #80222a;
}

.btn-programas-sidecolor-identidad {
	background: #ba3c46;
}

.btn-programas-salud {
	background: #72B8E2;
}

.btn-programas-sidecolor-salud {
	background: #89C3E6;
}

.btn-programas-ambiente {
	background: #96bb6a;
}

.btn-programas-sidecolor-ambiente {
	background: #95c460;
}

.btn-programas-sspp {
	background: #daac4a;
}

.btn-programas-sidecolor-sspp {
	background: #f7c862;
}

.btn-programas-genero {
	background: #c267e9;
}

.btn-programas-sidecolor-genero {
	background: #cf7bf3;
}

.section-destacados {
	background: #EEEEEE;
	padding: 0px 60px;
	margin-top: 20px;
}

.section-destacados:after {
    content: ""; 
    display: block; 
    margin: 0 auto;
    width: 95%;
    padding-top: 28px;
    border-bottom: 1px solid white;
}

.container-destacados {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.destacados-title {
	color: white;
	background: #B89865;
	border-radius: 0px 0px 8px 8px;
	padding: 16px;
	display:inline-block;
	margin: 0;
}

.btn-destacados {
	width: 320px;
	height: 75px;
	border-radius: 20px;
	font-family: Roboto;
	font-size: 18px;
	line-height: 1.1;
	font-weight: 700;
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding-left: 16px;
	color: #194262;
	text-decoration: none;
	transition: ease 0.3s;
	background-color: white;
	margin: 24px 0px;
}

.btn-destacados:hover {
	text-decoration: none;
	color: currentColor;
	opacity: 0.5;
}

.arrow-circle-gold {
	border-radius: 100%;
	height: 48px;
	width: 48px;
	display: inline-block;
	background: #EEEEEE;
	position: relative;
	right: 16px;
}

.arrow-circle-gold img {
	height: 20px;
	position: absolute;
	top: 13px;
	right: 12px;
}

.btn-destacados-content {
	display: flex;
	max-width: 240px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

#redes:after {
    content: ""; 
    display: block; 
    margin: 0 auto;
    width: 87%;
    padding-top: 28px;
    border-bottom: 1px solid white;
}

.btn-resoluciones-gris {
	width: 434px;
	height: 96px;
	border-radius: 25px;
	font-family: Roboto;
	font-size: 22px;
	line-height: 1.1;
	font-weight: 700;
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding-left: 16px;
    background-color: #eeeeee;
    color: #24415f;
	text-decoration: none;
	transition: ease 0.3s;
	margin: 24px 0px;
    position: relative;
}

.btn-resoluciones-gris:hover {
	text-decoration: none;
	color: currentColor;
	opacity: 0.5;
}

.btn-resoluciones-gris-icon {
	height: 100%;
	width: 60px;
}

.btn-resoluciones-gris-icon img {
	height: 24px;
	position: absolute;
	top: 38px;
	right: 16px;
}

.btn-resoluciones-gris-content {
	display: flex;
    align-items: center;
}

.btn-resoluciones-gris-content img {
	height: 48px;
	width: 48px;
	margin-right: 18px;
}

.temas-content-columns {
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
	-webkit-column-gap: 4em;
	-moz-column-gap: 4em;
	column-gap: 4em;
}

.temas-content-columns a {
	color: #686868;
	transition: ease 0.3s;
}

.temas-content-columns a:hover {
	color: #5c93ca;
	text-decoration: none;
}

.areasinfo-temas:after {
	content: ""; 
    display: block; 
    margin: 0 auto;
    width: 95%;
    padding-top: 28px;
    border-bottom: 1px solid #eeeeee;
}

.icon-width {
	width: 16px;
	color: #5c93ca;
}

.image-square-rounded {	
    border-radius: 12px;
}

.video-format {
	width:100%;
	max-width:450px;
	height:330px;
	border-radius: 18px;
}

.imgs-radio-gacetillas {
	float: left;
	padding: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	border: 1px solid #be965d;
}


@keyframes blink {
	0%   { opacity:1; }
	50%  { opacity:0.3; }
	100% { opacity:1; }
}
@-o-keyframes blink{
	0%   { opacity:1; }
	50%  { opacity:0.3; }
	100% { opacity:1; }
}
@-moz-keyframes blink{
	0%   { opacity:1; }
	50%  { opacity:0.3; }
	100% { opacity:1; }
}
@-webkit-keyframes blink{
	0%   { opacity:1; }
	50%  { opacity:0.3; }
	100% { opacity:1; }
}

.btn-denuncia-global {
	color: white;
    position: relative;
    background: #be965b;
	padding: 12px 30px 12px 16px;
    margin-right: 3rem;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	transition: ease 0.3s;
	line-height: 1;
	font-size: 20px;
	align-items: center;
	-webkit-animation: blink 3s infinite;
	-moz-animation: blink 3s infinite;
	-o-animation: blink 3s infinite;
	animation: blink 3s infinite;
}

.btn-denuncia-global:hover {
	color: white;
	text-decoration: none;
	opacity: 1;
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	animation: none;
}

.btn-denuncia-global:after {
    content: "";
    position: absolute;
    top: 45px;
    right: 25px;
    width: 38px;
    height: 65px;
    background-color: #be965b;
    transform: skewY(48deg);
    transform-origin: top right;
    border-radius: 0 0 35% 0 / 25%;
    z-index: -1;
}

.denuncia-global-shadowed {
    -webkit-filter: drop-shadow(0 0 8px rgba(0,0,0,0.2));
    filter        : drop-shadow(0 0 8px rgba(0,0,0,0.2));
}

.denuncia-global-circle {
	width: 44px;
    height: 44px;
    border-radius: 100%;
    margin-right: 16px;
    background: white;
    vertical-align: middle;
    text-align: center;
	box-shadow: 0 0 16px rgba(0,0,0,0.35);

}

.denuncia-global-circle i {
	color: #be965b;
	line-height: 44px;
	font-size: 28px;
}

#sticky-foot-btn {
	position: fixed;
	bottom: 40px;
	right: -15px;

}

#sticky-foot-btn:hover {
}

#footer {
	display: flex;
	flex-wrap: wrap-reverse;
	color: white;
	background: #07415D;
	align-items: center;
	justify-content: center;
	padding: 24px;	
	font-weight: 700;
}

.footer-logo {
	display: flex;
}

.footer-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 24px;
}

.footer-subtitle {
	font-weight: 400;
}

.footer-content div {
	width: 210px;
}

.footer-icons {
	padding-right: 10px;
	width: 20px;
	color: #5c93ca;
	line-height: 1.4;
}

.footer-logo img {
	max-width: 200px;
	max-height: 167px;
}

.temas-title {
	padding-left: 36px;
}

.footer-content-horario:after {
    content: ""; 
    display: block; 
    margin: 0 2px;
    width: 50%;
    border-bottom: 2px solid #4A6A83;
}

.footer-content-contactos:after {
    content: ""; 
    display: block; 
    margin: 0 2px;
    width: 50%;
    border-bottom: 2px solid #4A6A83;
}

#denuncias-redes {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	width: 100%;
	padding: 50px 36px 60px 36px;
	background-image: url("../images/fondo-redes.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	color: #214d6d;
	font-size: 24px;
}

.denuncias-redes-icons {
	background-color: white;
	border-radius: 6px;
	height: 60px;
	width: 60px;
	transition: ease 0.3s;
	margin-right: 1rem;
	vertical-align: bottom; 
	text-align: center;
}

.denuncias-redes-icons:hover {
	opacity: 0.6;
}

.denuncias-redes-icons i {
	color: #214d6d;
	font-size: 32px;
	font-weight: bold;
	line-height: 60px;
}

.denuncias-redes-text {
	max-width: 290px;
}

a:link {
	text-decoration: none; 
}
a:visited {
	text-decoration: none; 
}
a:hover   {
	text-decoration: none; 
}
a:active  {
	text-decoration: none; 
	color: currentColor; 
}

.carousel-indicators {
	display: none;
}

.flex-direction-initial {
	flex-direction: initial;
}

.flex-direction-column {
	flex-direction: column;
}

.navbar-nav {
	flex-direction: row;
}

.white-space-wrap {
	white-space: normal !important;
}

.pagination--style li span, .pagination--style li a {
	padding: 0px;
	height: 28px;
	width: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: -1px !important;
}

@media (min-width: 100px) and (max-width: 575px) {
	.cards-programas01 {
		grid-template-columns: 1fr;
	}
	.programas-item-flex h3 {
		line-height: normal;
		margin-bottom: 18px !important;
	}
	.programas-item-flex {
		justify-content: center;
	}
	.index-content-columns {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
	}
	.temas-content-columns {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
	}
	.temas-content-columns ul {
		padding-inline-start: 0px;
	}
	.temas-title {
		padding-left: 0px;
	}
	.cards-programas02 {
		grid-template-columns: 1fr;
		padding: 80px 40px;
	}
	.menu-subarea-content {
		padding: 0px;
	}
	.section-destacados {
		padding: 0px 0px 36px 0px;
	}
	.footer-content {
		grid-template-columns: 1fr;
		grid-gap: 1.5rem;
	}
	.footer-content-firstcol:after {
		content: ""; 
		display: block; 
		margin: 0 2px;
		width: 50%;
		margin-top: 1.5rem;
		border-bottom: 2px solid #4A6A83;
	}
	.navbar-nav {
		flex-direction: column;
	}
}

@media (min-width: 576px) and (max-width: 767px){
	.cards-programas01 {
		grid-template-columns: 1fr 1fr;
	}

	.cards-programas01__01 {
		order: 1;
	}
	
	.cards-programas01__02 {
		order: 2;
	}
	
	.cards-programas01__03 {
		order: 4;
	}
	
	.cards-programas01__04 {
		order: 3;
	}

	.index-content-columns {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
	}
	.temas-content-columns {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
	}
	.temas-title {
		padding-left: 0px;
	}
	.temas-content-columns ul {
		padding-inline-start: 0px;
	}
	.cards-programas02 {
		grid-template-columns: 1fr 1fr;
		padding: 80px 40px;
	}
	.menu-subarea-content {
		padding: 0px 12px;
	}
	.navbar-nav {
		flex-direction: column;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.cards-programas01 {
		grid-template-columns: 1fr 1fr;
	}

	.cards-programas01__01 {
		order: 1;
	}
	
	.cards-programas01__02 {
		order: 2;
	}
	
	.cards-programas01__03 {
		order: 4;
	}
	
	.cards-programas01__04 {
		order: 3;
	}
	
	.cards-programas02 {
		grid-template-columns: 1fr 1fr;
	}
	.menu-subarea-content {
		padding: 0px 24px;
	}
	#footer {
		justify-content: space-around;
	}
}

@media (min-width: 992px) and (max-width: 1199px){
	.cards-programas01 {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

	.cards-programas02 {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.btn-denuncia {
		margin: 24px 0px 0px;
	}

	.bg-programas {
		margin-top: 4rem;
	}
	#footer {
		justify-content: space-around;
	}
}

@media (min-width: 1200px) {
	.cards-programas01 {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

	.cards-programas02 {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

	.btn-denuncia {
		margin: 24px 0px 0px;
	}

	.bg-programas {
		margin-top: 4rem;
	}
	#footer {
		justify-content: space-around;
	}
}