/* ------------------------------------- Proyecto Diocesis ------------------------------------- */




/* Estilos de elementos generales */

/*Colores*/
.color_general {
	background-color:rgb(38, 50, 93);
}
.color_diocesis{
	background-color:rgb(60 93 124);
}
.color_guia_eclesiastica{
	background-color:rgb(82 138 153);
}
.color_novedades{
	background-color:rgb(198 77 77);
}
.color_la_curia{
	background-color:rgb(209 158 70);
}
.color_dropdown{
	background-color: rgb(31 93 126)
}
/* Fuentes */
.titulo{
	font-weight:bold;
	font-family:'Roboto';
	font-size: 40pt;
}
.subtitulosUno{
	font-weight:600;
	font-family:'Roboto';
	font-size: 35pt;
}
.subtitulosDos{
	font-weight:700;
	font-family:'Roboto';
	font-size: 25pt;
}
.cuerpo_texto{
	font-family:'Roboto';
	font-size: 25pt;
}
.menu_principal{
	font-weight:700;
	font-family:'Roboto';
	font-size: 25pt;
	text-transform: uppercase;
}
.menu_inferior{
	font-weight:700;
	font-family:'Roboto';
	font-size: 25pt;
}
body {
	color:#000000;
	font:normal 16px "Roboto";
	font-weight:300;
	background-color:rgb(255, 255, 255);
	overflow-x:hidden;
	line-height:1.5;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
	font-family:"Roboto";
	font-weight:bold;
	margin-bottom:15px;
	margin-top:0;
}
/* Estilos barra de navegación */
.a_logo{
	text-align: center;
	font-family:'Roboto';
	font-weight: 900 !important;
	color: #fff !important;
}
.navbar-nav>li>a {
	padding: 10px 10px !important;
	margin: 0px 3px;
	border-radius: 10px;
}
.navbar-nav{
	margin-top: 5%;
}
.imagen_barra{
	width:120px;
	height:auto;
}
/* -- Desplegable de la barra de navegación-- */
.dropdown-toggle:active, .open .dropdown-toggle {
	background: rgb(52 73 94) !important;
	color: #ffffff !important;
}
.dropdown-menu{
	background-color: rgb(31 93 126);
}
.dropdown-menu>li>a{
	color: #FFF;
}
/* -- Submenu de la barra de navegación -- */
.dropdown-submenu {
	position: relative;
}
.dropdown-submenu .dropdown-menu {
	position: absolute;
	top: 0;
	left: 100%;
	margin-top: 0;
	display: none;
}
.dropdown-submenu:hover > .dropdown-menu,
.dropdown-submenu .dropdown-toggle.show + .dropdown-menu {
	display: block;
}
ul.dropdown-menu{
	min-width:fit-content;
	background-color: rgb(52 73 94) !important;
	border-radius: 5%;
	border-top-left-radius: 5% !important;
	border-top-right-radius: 5% !important;
}
/* -- toggle de la diocesis -- */
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
	color: rgb(255, 255, 255);
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{
	background-color: #ffffff;
	color: rgb(52 73 94);
}
.navbar-container {
    display: flex;
    justify-content: space-between;
}
.navbar-left {
    display: flex;
	align-items: stretch;
    align-items: center;
	justify-content: center;
}
.navbar-text {
    font-size: 20px;
    color: #ffffff !important;
	font-family: "Roboto";
	margin-left: 15px;
}
.navbar-toggle {
    background: none;
    border: none;
    cursor: pointer;
	margin-bottom: 22px
	
}
.navbar-inverse .navbar-nav>li>a{
	color: inherit;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
	font-family: "Roboto";
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
	background-color: #ecf0f1;
}
/* Estilos pie de página */
.a_pie{
	text-align: left !important;
}
.img_pie{
	align-content:start;
}
.texto-pie{
	font-family:'Roboto';
	font-size: 10pt;
}
.texto-pie-tareas{
	font-family:'Roboto';
	font-size: 10pt;
	margin-bottom: auto;
	text-align: center;
	text-decoration: underline;
}
.texto-pie-tareas-item{
	font-family:'Roboto';
	font-size: 10pt;
	margin-bottom: auto;
	text-align: center;
}
.subtitulosDospie{
	font-weight:700;
	font-family:'Roboto';
	font-size: 10pt;
	text-align: left;
}
.subtitulosDospie:hover{
	color: #3498db;
	text-transform: none;
}
#credits .social i{
	border:1px solid #ffffff;
	height:30px;
	width:30px;
	line-height:30px;
	border-radius:50%;
	margin-left:2px;
	color:#ffffff;
	text-align:center;
	margin-bottom:15px;
	display:inline-block;
}
.footer ul.social-icons li a {
	color:#ffffff;
}
.contactalert {  
	margin-top: 20px;
	border: 1px solid;
	display: inline-block;
	padding: 20px;
}
#credits {
	padding:15px 15px;
	font-size:13px;
	line-height: 1.6;
}
#credits a {
	color:inherit;
	text-transform: none;
}
#credits a:hover{
	color: #3498db;
	text-decoration: none;
}
#credits .social i:hover {
	color: #3498db;
	border-color: #3498db;
}
.footer {
	padding:70px 0 60px 0;
}
.footer ul.social-icons li {
	width:20px;
	height:20px;
	position:relative;
	background:#fff;
	border:2px solid #ffffff;
	border-radius:50%;
}
.body_pie_navbar {
	color:#ffffff;
	font:normal 20px "Roboto";
	font-weight:300;
	background-color:rgb(38 50 93);
	line-height:1.5;
}
/* Estilos Collapse */
.panel-body {
	color: #000;
}
.subtitulosDospie{
	font-weight:700;
	font-family:'Roboto';
	font-size: 10pt;
}
.panel {
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}
.panel-default {
	border-color:rgb(38 50 93);
	border-width: medium;
}
.panel-default:last-child {
	margin-bottom:25px;
}
.panel-default>.panel-heading {
	background:rgb(38 50 93);
	color:#ffffff;
}
.panel-heading {
	padding:20px 25px;
}
.panel-default>.panel-heading a:hover {
	color:#01b0d1;
}
.panel-default>.panel-heading+.panel-collapse .panel-body {
		border-top:1px solid #eee;
}
.panel-group .panel {
	border-radius: 0;
}
i.bi.bi-chevron-up{
	text-align:right;
}
.panel-heading {
	background-color: #f8f9fa;
	padding: 12px 15px;
	border: 1px solid #ddd;
	border-radius: 5px;
	cursor: pointer !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
}
.panel-title {
	margin: 0;
	flex-grow: 1;
}
.toggle-icon {
	font-size: 1.2rem;
}
/* Estilos para messages */
.alert.alert-danger {
    background-color: rgb(198 77 77);
    color: rgb(255, 255, 255);
    font-family: 'Roboto';
}
.alert.alert-success {
    background-color: rgb(82 138 153);
    color: rgb(255, 255, 255);
    font-family: 'Roboto';
}
.alert-dismissable .close, .alert-dismissible .close {
    color: white;
	opacity: 1;
}
/* Estilos imagen con texto */
.body-imagen-texto {
	font-family: Arial;
	font-size: 17px;
} 
.container-imagen-texto {
	position: relative;
	max-width: 800px;
	margin: 0 auto;
}
.container-imagen-texto img {
	vertical-align: middle;
}  
.container-imagen-texto .content-imagen-texto {
	position: absolute;
	bottom: 0;
	color: #f1f1f1;
	width: 100%;
	padding: 20px;
}
.imagen-texto-grande{
	color: rgb(255, 255, 255) ;
	font-family: "Roboto";
	font-size: 18px;
	font-weight: 700;
	margin-left: 2%;
}
.imagen-texto-chica{
	color: rgb(255, 255, 255) ;
	font-family: "Roboto";
	font-size: 14px;
	font-weight:400;
	margin-left: 2%;
}
.imagen-categoria{
	color: rgb(255, 255, 255) ;
	font-family: "Roboto";
	background-color: rgb(198 77 77);
	font-size: 14px;
	font-weight: 700;
	margin-left: 2%;
	width:fit-content;
	padding: 5px 5px ;
}
.imagen-chica{
	filter: brightness(0.7) !important;
	
}
.imagen-grande{
	filter: brightness(0.7) !important;
}
/* Estilos responsive sidebar */
.sidebar {
	margin: 0;
	padding: 0;
	width: 200px;
	background-color: rgb(255, 255, 255);
	position: absolute;
	height: auto;
	overflow: auto;
}
.sidebar a {
	display: block;
	color: rgb(0, 0, 0);
	padding: 16px;
	text-decoration: none;
}
.sidebar a.active {
	background-color: rgb(82 138 153);
	color: white;
}
.sidebar a:hover:not(.active) {
	text-decoration: underline;
	background-color: rgb(82 138 153);
	color: white;
}
.ul-sidebar{
	list-style: none;
}
div.content-sidebar {
	margin-left: 200px;
	padding: 1px 16px;
	height: auto;
}  
@media screen and (max-width: 700px) {
	.sidebar {
	  width: 100%;
	  height: auto;
	  position: relative;
	}
	.sidebar a {float: left;}
	div.content-sidebar {margin-left: 0;}
}
/* Estilos barra de filtros */
.barra-filtros-noticias{
	background-color: #ffffff;
	width: 100%;
	height: 100px;
}
.nav-filtros{
	background-color: rgb(198 77 77) !important;
}
.navbar-brand-filtros{
	color: rgb(255, 255, 255);
	vertical-align: middle;
	padding: 5%;
	margin: 2%;
}
.navbar-inverse .navbar-brand-filtros {
    padding: 15px 15px;
    margin-right: 30px;
    color: inherit;
    font-weight: bold;
}
.navbar-header-filtros{
	color: rgb(255, 255, 255);
	vertical-align: middle;
}
.p-filtros{
	color: rgb(255, 255, 255);
	vertical-align: middle;
	padding:  15px !important;
	text-transform: none !important;
    margin-right: 30px;
    color: inherit;
    font-weight: bold;
}
.form-select-categoria{
	background-color: rgb(211, 109, 109);
	color: #ffffff;
	vertical-align: middle;
	padding:  15px;
	border-color: rgb(211, 109, 109);
	height: max-content;
}
.date-select{
	background-color: rgb(211, 109, 109);
	padding: 5%;
}
.date-select:hover{
	background-color: rgb(211, 109, 109);
}
/* Estilos formulario */
.form-control-contacto{
	font-family: "Roboto";
	font-size: 16px;
	text-align: left;
	margin-bottom: 2%;
	margin-left: 2%;
	border:thin;
	border-style: solid;
	border-color: #000000;
}
.form-control-contacto:hover{
	border:1px solid #000;
	background-color: white;
}
.form-control-contacto:focus{
	border:1px solid #000;
	background-color:#ffffff;
}
.form-label-contacto{
	font-family: "Roboto";
	font-size: 18px;
	text-align: left;
	margin-bottom: 2%;
	margin-left: 2%;
	font-weight: 900;
	color:rgb(60 93 124)
}
.form-text-contacto{
	font-family: "Roboto";
	font-size: 12px;
	text-align: left;
	margin-bottom: 2%;
	margin-left: 2%;
}
.btn-formulario{
	background-color: rgb(38 50 93);
	color: white;
	margin-top: 2%;
	margin-bottom: 2%;
	font-size: small;
	text-transform: none;
}
.btn.btn-formulario:hover{
	background-color: rgb(60 93 124);
	color: white;
}
.centrar{
 text-align: center !important;
 align-items: center !important;
 vertical-align: middle !important;
}
p.card-text-contacto{
	font-family: "Roboto";
	font-size: 14px;
	text-align: left;
	margin-left: 2%;
	margin-top: 2%;
	margin-bottom: 5%;
}
/* Estilos varios */
.container_borde{
	border:1px solid #030303;
}
.fondo_imagen{
	background-image: url('/assets/img/intro.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.claseDelDiv{
	background-image: url('/assets/img/intro.jpg');
	background-repeat: no-repeat;
	background-size:cover;
}
.separacion{
	padding-left:200px;
	padding-right:200px;
}
.centrar{
	text-align: center;
}
a{
	color:#3498db;
	cursor:pointer;
	text-decoration:none;
		-moz-transition:all .2s;
	-o-transition:all .2s;
	-webkit-transition:all .2s;
	transition:all .2s;
}
h1 {
	font-size:38px;
}
h2 {
	font-size:32px;
}
h3 {
	font-size:24px;
	display:block;
}
h4 {
	font-size:20px;
}
h5 {
	font-size:18px;
}
h6 {
	font-size:16px;
}
p {
	margin-bottom:20px;
}
p:last-child {
	margin-bottom:0;
}
ul,ol {
	margin-bottom:20px;
}
img {
	max-width: 100%;
}


/* Estilos y elementos generales página Home */

/* Estilos para carta de información en página Home */
div.card-header-inicio{
	background-color: rgb(38 50 93);
	color: rgb(255, 255, 255);
	line-height: 2.5;
}
div.card-header-inicio p{
	margin-left: 10%;
}
div.card-body{
	border-color:rgb(38 50 93);
	border-style:solid;
	border-width: medium;
}
p.card-text{
	font-family: "Roboto";
	font-size: 12px;
	text-align: justify;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 5%;
	margin-bottom: 5%;
}
.card-tittle{
	font-family: "Roboto";
	font-size: 18px;
	text-align: left;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 5%;
	margin-bottom: 5%;
	font-weight: 500;
}
.card-titulo-inicio{
	font-size: 16px;
}
.img-diocesis{
	width: 340px;
	height: auto;
}
/* Estilos modal mapa de la diocesis */
.btn-close-mapa{
	margin-left: 90%;
}
.btn-close-mapa.btn-primary{
	background-color: #26325d;
	border-color: #26325d;;
	color:#ffffff
}
.btn-close-mapa.btn-primary:hover{
	background-color: #ffffff;
	border-color: #26325d;
	color:#26325d
}
.modal-content.bg-transparent.border.border-dark{
	border-color: #26325d;
	border: 10px solid #26325d
}
/* Estilos para carta eventos en página Home */
div.card-header-eventos{
	background-color: rgb(198 77 77);
	color: rgb(255, 255, 255);
	line-height: 2.5;
}
div.card-header-eventos p{
	margin-left: 10%;
}
div.card-body-eventos{
	border-color:rgb(198 77 77);
	border-style:solid;
	border-width: medium;
	text-align: left;
	align-items: start;
}
p.card-text-eventos{
	font-family: "Roboto";
	font-size: 16px;
	text-align: left;
	align-items: start;
}
a.card-eventos{
	color: rgb(198 77 77);
	text-decoration:underline;
	font-family: "Roboto";
	font-size: 25px;
}
.card-titulo-eventos{
	font-size: 16px;
}
a p.p_timeline_eventos {
    font-family: "Roboto";
    color: black !important;
}
a p.p_timeline_eventos:hover {
    color: rgb(71, 70, 70) !important;
}
.btn.btn-eventos{
	background-color: rgb(198 77 77);
	color:rgb(255, 255, 255);
	text-decoration: none;
}
.btn.btn-eventos:hover{
	background-color: rgb(218, 89, 89);
	color:rgb(255, 255, 255);
}
/* Estilos del timeline de eventos */
.timeline_eventos {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
}
.timeline_eventos::after {
	content: '';
	position: absolute;
	width: 6px;
	background-color: rgb(198 77 77);
	top: 0;
	bottom: 0;
	left: 10%;
	margin-left: -3px;
}
.container_timeline_eventos {
	padding: 1px 10px;
	position: relative;
	background-color: inherit;
	width: 80%;
}
.container_timeline_eventos::after {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	right: -17px;
	background-color: rgb(198 77 77);
	border: 2px solid rgb(198 77 77);
	top: 50%;
	border-radius: 50%;
	z-index: 1;
}
.left {
	left: 0;
}
.right_eventos {
	left: 11%;
}
.left::before {
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	right: 30px;
	border: medium solid white;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent white;
}
.right_eventos::before {
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	left: 30px;
	border: medium solid white;
	border-width: 10px 10px 10px 0;
	border-color: transparent white transparent transparent;
}
.right_eventos::after {
	left: -16px;
}
.content_timeline_eventos {
	padding: 20px 30px;
	background-color: rgb(255, 255, 255);
	position: relative;
	border-radius: 6px;
}
.h2_eventos{
	color: rgb(198 77 77) !important;
	font-family: "Roboto" !important;
	font-size:larger !important;
}
.p_timeline_eventos{
	font-family: "Roboto";
	font-size: small;
}
/* Estilos de timeline de historia */
.container_timeline:hover .h2_timeline,
.container_timeline:hover::after{
	color: rgb(60 93 124);
}
.container_timeline:hover{
	cursor: pointer;
}
.timeline {
	position: relative;
	max-width: auto;
	margin: 0 auto;
}
.timeline::after {
	content: '';
	position: absolute;
	width: 6px;
	background-color: rgb(0, 0, 0);
	top: 0;
	bottom: 0;
	left: 10%;
	margin-left: -3px;
}
.container_timeline {
	padding: 1px 10px;
	position: relative;
	background-color: inherit;
	width: 80%;
}
.container_timeline:hover::after{
	background-color: rgb(60 93 124);
	border: 2px solid rgb(60 93 124);
}
.container_timeline::after {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	right: -17px;
	background-color: rgb(0, 0, 0);
	border: 2px solid rgb(0, 0, 0);
	top: 50%;
	border-radius: 50%;
	z-index: 1;
}
.left {
	left: 0;
}
.right {
	left: 11%;
}
.left::before {
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	right: 30px;
	border: medium solid white;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent white;
}
.right::before {
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	left: 30px;
	border: medium solid white;
	border-width: 10px 10px 10px 0;
	border-color: transparent white transparent transparent;
}  
.right::after {
	left: -16px;
}
.content_timeline {
	padding: 20px 30px;
	background-color: rgb(255, 255, 255);
	position: relative;
	border-radius: 6px;
}
.h2_timeline_historia{
	color: rgb(60 93 124) ;
	font-family: "Roboto";
	font-size: 18px;
	font-weight: 700;
	margin-left: 5%;
}
.p_timeline_historia{
	font-family: "Roboto";
	font-size: 16px;
	text-align: justify;
	margin-left: 5%;
	margin-right: 5%;
}
.panel-default-historia{
	border-width: none;
}
.imagen-obispos{
	height: 250px; 
	width: auto;
}
.h2_timeline{
	color: rgb(0, 0, 0) ;
	font-family: "Roboto";
	font-size: 20px;
	font-weight: 700;
	margin-left: 5%;
}


/* Estilos y elementos generales página La Diócesis */

/* Estilos para carta de información en página La Diócesis */
div.card-header-historia{
	background-color: rgb(60 93 124);
	color: rgb(255, 255, 255);
	line-height: 2.5;
}
div.card-header-historia p{
	margin-left: 5%;
	/*margin-bottom: 2%;*/
}
div.card-body-historia{
	border-color:rgb(60 93 124);
}
.card-body-historia-borde{
	border-color:rgb(60 93 124);
	border-style:solid;
	border-width: medium;
}
p.card-text-historia{
	font-family: "Roboto";
	font-size: 16px;
	text-align: justify;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 2%;
}
p.card-text-historia-bold{
	font-family: "Roboto";
	font-size: 16px;
	text-align: left;
	font-weight: 700;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 2%;
}
p.card-text-historia-centrado{
	font-family: "Roboto";
	font-size: 16px;
	text-align: center;
	margin-left: 5%;
	margin-right: 5%;
}
p.card-text-objetivos{
	font-family: "Roboto";
	text-align: left;
	font-size: 20px;
	font-weight: 800;
	margin-left: 5%;
	margin-right: 5%;
	color: rgb(60 93 124);
}
.card-link-historia{
	font-family: "Roboto";
	font-size: 16px;
	text-align: left;
	margin-left: 8%;
	margin-right: 5%;
	color: #000;
}
.card-link-historia:hover{
	text-decoration: none;
}
.linea-card-historia-objetivos{
	border-color:rgb(60 93 124);
	border-style:solid;
	border-width: medium;
	width: 50%;
	margin-left: 0%;
	margin-right: 50%;
}
.video{
	border:solid 2px;
	border-color:#000;
	border-radius: 1%;
}


/* Estilos y elementos generales página La Curia */

/* Estilos para carta de información en página Curia */
div.card-header-curia{
	background-color: rgb(209 158 70);
	color: rgb(255, 255, 255);
	line-height: 2.5;
}
div.card-header-curia p{
	margin-left: 10%;
}
div.card-body-curia{
	border-color:rgb(209 158 70);
	border-style:none;
}
div.card-body-curia-borde{
	border-color:rgb(209 158 70);
	border-style:solid;
	border-width: medium;
}
p.card-text-curia{
	font-family: "Roboto";
	font-size: 14px;
	text-align: justify;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 5%;
	
}
.card-link-curia{
	font-family: "Roboto";
	font-size: 16px;
	text-align: left;
	margin-left: 8%;
	margin-right: 5%;
	text-decoration: none;
	color: #000;
}
.card-link-curia:hover{
	text-decoration: none !important;
	color: rgb(209 158 70);
}
a:hover{
	text-decoration: none !important;
}
.card-subtitulo-curia{
	font-family: "Roboto"!important;
	font-size: 20px !important;
	text-align: left !important;
	margin-left: 10% !important;
	margin-right: 10% !important;
	font-weight: 700;
}
.card-subtitulo-seccion-curia{
	font-family: "Roboto"!important;
	font-size: 20px !important;
	text-align: left !important;
	margin-left: 10% !important;
	margin-right: 10% !important;
	margin-top: 5%;
	margin-bottom: 5%;
	font-weight: 700;
	color: rgb(209 158 70);
}
.card-text-seccion-curia{
	font-family: "Roboto";
	font-size: 14px;
	text-align: left;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 0px;
}
/* Mejora para secciones de la curia */
.masonry {
  column-count: 3;
  column-gap: 1.5rem;
}
.masonry .card {
  display: inline-block;
  width: 100%;
  margin-bottom: 1.5rem;
}


/* Estilos y elementos generales página Parroquias y sacerdotes */

/* Estilos para carta de información en página Parroquias y sacerdotes */
div.card-header-parroquias{
	background-color: rgb(82 138 153);
	color: rgb(255, 255, 255);
	line-height: 2.5;
}
div.card-header-parroquias p{
	margin-left: 5%;
}
div.card-body-parroquias{
	border-color:rgb(82 138 153);
	border-style:none;
}
p.card-text-parroquias{
	font-family: "Roboto";
	font-size: 12px;
	text-align: left;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 5%;
	margin-bottom: 5%;
}


/* Estilos y elementos generales página Vida consagrada */

/* Estilos para carta de información en página Vida consagrada */
div.card-header-vida p{
	margin-left: 5%;
	/*margin-bottom: 2%;*/
}
.titulo-card{
	font-family: "Roboto";
	font-size: 25px;
}
div.card-body-vida{
	border-color:rgb(60 93 124);
}
.card-body-vida-borde{
	border-color:rgb(0, 0, 0);
	border-style:solid;
	border-width: medium;
	margin-bottom: 4%;
	padding-top: 4%;
}
p.card-text-vida{
	font-family: "Roboto";
	font-size: 16px;
	text-align: justify;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 2%;
}
.card-subtitulo-seccion-vida{
	font-family: "Roboto"!important;
	font-size: 20px !important;
	text-align: left !important;
	margin-left: 10% !important;
	margin-right: 10% !important;
	margin-top: 5%;
	margin-bottom: 5%;
	font-weight: 700;
	color: rgb(0, 0, 0);
}
.card-text-seccion-vida{
	font-family: "Roboto";
	font-size: 14px;
	text-align: left;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 0px;
}
.card-text-seccion-vida-color{
	font-family: "Roboto";
	font-size: 14px;
	text-align: left;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 0px;
	margin-top: 2%;
	font-weight: 700;
	color: rgb(60 93 124);
}
.card-text-seccion-vida-bold{
	font-family: "Roboto";
	font-size: 14px;
	text-align: left;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 0px;
	margin-top: 2%;
	font-weight: 700;
	color: rgb(0, 0, 0);
}
.mejora{
	height: 400px;
}
.text-seccion-vida-bold{
	font-family: "Roboto";
	font-size: 20px;
	text-align: left;
	font-weight: 700;
	color: rgb(0, 0, 0);
}
.text-seccion-vida{
	font-family: "Roboto";
	font-size: 20px;
	text-align: left;
	color: rgb(0, 0, 0);
}
.subtitulo-seccion-vida{
	font-family: "Roboto"!important;
	font-size: 30px;
	text-align: left !important;
	font-weight: 700;
	color: rgb(0, 0, 0);
}
.subtitulo-seccion-vida-v2{
	font-family: "Roboto"!important;
	font-size: 25px !important;
	text-align: left !important;
	font-weight: 700;
	margin-bottom: 2%;
	color: rgb(0, 0, 0);
}
.card-subtitulo-seccion-vida-v2{
	font-family: "Roboto"!important;
	font-size: 30px !important;
	text-align: center !important;
	margin-bottom: 5%;
	font-weight: 700;
	color: rgb(60 93 124);
}
.card-text-seccion-vida-v2{
	font-family: "Roboto";
	font-size: 20px;
	text-align: center;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 0px;
}
.card-text-seccion-vida-color-v2{
	font-family: "Roboto";
	font-size: 14px;
	text-align: left;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 0px;
	margin-top: 2%;
	font-weight: 700;
	color: rgb(60 93 124);
}
.card-text-seccion-vida-bold-v2{
	font-family: "Roboto";
	font-size: 20px;
	text-align: center;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 0px;
	font-weight: 700;
	color: rgb(0, 0, 0);
}
.card-subheader-guia{
	background-color: rgb(82 138 153);
    color: rgb(255, 255, 255);
    line-height: 1;
	margin-bottom: -35px;
}
.card-text-seccion-vida {
	font-family: "Roboto";
	font-size: 14px;
	text-align: left;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 0px;
}
/* Estilos varios */
.item-seccion-vida{
	font-family: "Roboto";
    font-size: 20px;
    text-align: left;
    color: rgb(0, 0, 0);
}


/* Estilos y elementos generales página Mapa diocesano */

/* Estilos mapa de mymaps */
p.texto-mapa-diocesano{
	font-family: "Roboto";
	margin: 2%;
	text-align: justify;
}


/* Estilos y elementos generales página Noticias */

/* Estilos para carta en página Noticias */
div.card-body-noticias{
	border-color:rgb(82 138 153);
	border-style:none;
}
div.card-body-borde-noticias{
	border-color:rgb(198 77 77);
	border-style:solid;
	border-width: medium;
}
p.card-text-noticias{
	font-family: "Roboto";
	font-size: 16px;
	text-align: left;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 2%;
	margin-bottom: 2%;
}
.card-title-noticias{
	font-family: "Roboto";
	text-align: left;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 2%;
	margin-bottom: 2%;
}
.badge-noticias{
	color: rgb(255, 255, 255) ;
	font-family: "Roboto";
	background-color: rgb(198 77 77);
	font-size: 14px;
	font-weight: 700;
	width:fit-content;
	padding: 5px 5px ;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 3%;
	margin-bottom: 2%;
}
.btn-noticias{
	background-color: rgb(198 77 77);
	color: white;
	position:relative;
	left: 10%;
	margin-top: 2%;
	margin-bottom: 2%;
	font-size: small;
	text-transform: none;
}
.btn.btn-noticias:hover{
	background-color: rgb(211, 109, 109);
	color: white;
}
.card-imagen-noticias{
	padding: 2%;
}
.centrar-imagen{
	text-align: center;
	margin-bottom: 5%;
	margin-top: 5%;
	vertical-align: -webkit-baseline-middle;
}
.card-item-eventos{
	text-align: center;
	font-size: 18px;
	font-family: "Roboto";
	font-weight: 600;
}
.responsive {
	width: 100%;
	height: auto;
}


/* Estilos y elementos generales página Detalle de noticia */

/* Estilos del detalle de noticia */
.badge-detalle-noticias{
	color: rgb(255, 255, 255) ;
	font-family: "Roboto";
	background-color: rgb(198 77 77);
	font-size: 20px;
	font-weight: 700;
	width:fit-content;
	padding: 5px 5px ;
	margin-top: 1%;
	margin-bottom: 1%;
}
.titulo-noticia{
	font-family: "Roboto";
	font-size: 30px;
	font-weight: 700;
	padding: 5px 5px ;
	margin-top: 1%;
	margin-bottom: 1%;
}
.subtitulo-noticia{
	font-family: "Roboto";
	font-size: 18px;
	font-weight: 600;
	padding: 5px 5px ;
	margin-top: 1%;
	margin-bottom: 1%;
}
.cuerpo-noticia{
	font-family: "Roboto";
	text-align: justify;
	font-weight:400;
	padding: 5px 5px ;
	margin-top: 1%;
	margin-bottom: 1%;
}
.centrar-imagen-noticia{
	text-align: center;
}
.imagen-noticia{
	width: 500px;
	height: auto;
}


/* Estilos y elementos generales página Eventos */

/* Estilos barra filtros */
input#fecha-hasta{
	color: #000;
	border:solid black 1px;
}
input#fecha-desde{
	color: #000;
	border:solid black 1px;
}
.form-select-categoria{
	color: #000 !important;
	background-color: #fff !important;
	border:solid black 1px;
}
.ajuste{
	text-align: center;
}
.navbar-left {
    float: none !important;
}
/* Estilos del calendario */
/* Vista del calendario */
/* Botones del calendario */
.fc .fc-button-primary:disabled{
	background-color: #e74c3c!important;
	border-color: #e74c3c!important;
}
.fc .fc-button-primary{
	background-color: #e74c3c!important;
	border-color: #e74c3c!important;
}
.fc .fc-button-primary:hover{
	background-color: #e67468!important;
	border-color: #e67468!important;
}
/* Títulos de la grilla */
.fc-col-header-cell.fc-day{
	background-color: #e74c3c;
}
.fc .fc-col-header-cell-cushion {
    font-size: larger;
}
.fc-col-header-cell-cushion {
    color: rgb(255, 255, 255);
}
.fc-col-header-cell-cushion:hover {
    color: rgb(255, 255, 255);
}
/* Celdas de la grilla */
.fc-daygrid-day-frame{
	border: 1px solid var(--fc-border-color, #e74c3c) !important;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start {
    margin-right: 2px;
    color: black;
}
.fc .fc-daygrid-more-link {
    color: black;
}
.fc .fc-daygrid-day.fc-day-today {
    background-color: var(--fc-today-bg-color, rgb(231 76 60 / 51%))!important;
}
.fc .fc-daygrid-day-number {
    font-weight: 700;
}
.fc-daygrid-day-number{
	color:rgba(0, 0, 0, 0.72)
}
.fc-daygrid-day-number:hover{
	color:rgba(0, 0, 0, 0.72)
}
/* Vista de la agenda */
.fc-list-day-text{
	color:white;
}
.fc-list-day-text:hover{
	color:white;
}
.fc-list-day-side-text{
	color:white
}
.fc-list-day-side-text:hover{
	color:white
}
.fc-theme-standard .fc-list-day-cushion {
    background-color: rgb(231 76 60)!important;
}


/* Estilos y elementos generales página Contacto */

/* Estilos recaptcha personalizado */
.contenedor-validar{
	display: flex;
	justify-content: center;
}
.g-recaptcha {
  transform: scale(0.9);
  transform-origin: 0 0;
}








/* ------------------------------------- Estilos de la plantilla ------------------------------------- */




/*	Section	==================================================*/
.active-section {
	top:0px;
}
.navbar.active-section {
	top:0 !important;
}
.section-title {
	text-transform:uppercase;
	font-size:30px;
	letter-spacing:5px;
}
.whitecolor {
	color: #fff;
}
/*	Button & Label	==================================================*/
.alert {
	color:#FFF;
	border:none;
}
[class^="alert-"] .alert-link,[class*=" alert-"] .alert-link {
	color:#FFF;
	font-weight:300;
	text-decoration:underline;
}
.btn,.label {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-transition:all .2s;
	-o-transition:all .2s;
	-webkit-transition:all .2s;
	transition:all .2s;
}
.btn {
	font-weight:400;
	text-transform:uppercase;
	font-size:13px;
	letter-spacing:3px;
}
.btn:hover,.btn:focus {
	outline:none;
}
.btn-link {
	color:#1abc9c;
}
.btn-link:hover,.btn-link:focus {
	color:#16a085;
}
.btn-default,.label-default {
	border-color:#FFF;
	color:#fff;
	background-color:transparent;
	border-width:2px;
	padding:15px 20px;
}
.btn-default:hover,.btn-default:focus {
	background-color:#F9FAFD;
	border-color:#F9FAFD;
	color:#444;
}
.btn-success,.label-success,.alert-success {
	background-color:#FFF;
	border-color:#FFF;
	color:#1E2024;
}
.btn-success:hover,.btn-success:focus {
	border-color:#FFF;
	background-color:#FFF;
	color:#000;
}
.btn-primary,.label-primary {
	background-color:#9e9e9e4a;
	border-color:#9bb2b7;
	color:#000
}
.btn-primary:hover,.btn-primary:focus {
	background-color:#2b4855;
	border-color:#527e92;
	color:#ffffff
}
.btn-info,.label-info,.alert-info {
	background-color:#FFF;
	border-color:#FFF;
	color:#01B0D1;
}
.btn-info:hover,.btn-info:focus {
	background-color:#FFF;
	border-color:#FFF;
	color:#0299b8;
}
.btn-warning,.label-warning,.alert-warning {
	background-color:#527e92;
	border-color:#527e92;
}
.btn-warning:hover,.btn-warning:focus {
	background-color:#649cb5;
	border-color:#649cb5;
}
.btn-danger,.label-danger,.alert-danger {
	background-color:#649cb5;
	border-color:#649cb5;
}
.btn-danger:hover,.btn-danger:focus {
	background-color:#285061;
	border-color: #285061;
}
/*	Tab & Collapse Skin	==================================================*/
.tab-pane {
	padding:15px 0;
	margin-bottom:5px;
}
.nav-tabs {
	border-bottom-color:#ecf0f1;
}
.nav-tabs>li>a {
	padding:10px 0;
	margin-right:30px;
	color:inherit;
	font-size:16px;
	border:none;
	border-bottom:1px solid rgba(255,255,255,0);
}
.nav .open>a,.nav .open>a:hover,.nav .open>a:focus {
	background:transparent;
	border:none;
	border-color:rgba(255,255,255,0);
}
.nav>li>a:hover,.nav>li>a:focus {
	background-color:#ecf0f1;
}
.nav-tabs>li>a:hover,.nav-tabs>li>a:focus {
	color:#1abc9c;
	background:transparent;
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus {
	background:transparent;
	border:none;
	color:#1abc9c;
	border-bottom:1px solid #1abc9c;
}
.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
	background-color:#1abc9c;
}
.nav .caret,.nav a:hover .caret {
	border-top-color:#1abc9c;
	border-bottom-color:#1abc9c;
}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus {
	background-color:#000000;
}
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
	border-color:rgb(38 50 93);
}
.navbar-inverse .navbar-toggle {
	background-color:rgb(38 50 93);
	border-color:#2c3e50;
	margin-top:23px;
}
.navbar-inverse .navbar-toggle:focus {
	outline:none;
}
.panel {
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}
.panel-default {
	border-color:rgb(38 50 93);
	border-width: medium;
}
.panel-default:last-child {
	margin-bottom:25px;
}
.panel-default>.panel-heading {
	background:rgb(38 50 93);
	color:#ffffff;
}
.panel-heading {
	padding:20px 25px;
}
.panel-default>.panel-heading a:hover {
	color:#01b0d1;
}
.panel-default>.panel-heading+.panel-collapse .panel-body {
		border-top:1px solid #eee;
}
.panel-group .panel {
	border-radius: 0;
}
/*	Form	==================================================*/
label {
	font-weight:300;
}
.input-group {
	margin-bottom:10px;
}
.form-control {
	font-weight:300;
	border-color:#000000;
	background-color:#ecf0f1;
		border-radius:0px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
		box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
		-moz-transition:all .2s;
	-o-transition:all .2s;
	-webkit-transition:all .2s;
	transition:all .2s;
}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control,.form-control[disabled]:hover,.form-control[readonly]:hover,fieldset[disabled] .form-control:hover,.form-control[disabled]:focus,.form-control[readonly]:focus,fieldset[disabled] .form-control:focus {
	background-color:#ecf0f1;
}
.form-control:hover,.form-control:focus {
	outline:none;
	border-color:#000000;
	background-color:#FFF;
		box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}
.form-control-contacto {
	color: #000;
}
.form-control:-moz-placeholder {
	color:#bdc3c7;
	font-weight:300;
}
.form-control::-moz-placeholder {
	color:#bdc3c7;
	font-weight:300;
}
.form-control:-ms-input-placeholder {
	color:#bdc3c7;
	font-weight:300;
}
.form-control::-webkit-input-placeholder {
	color:#bdc3c7;
	font-weight:300;
}
.input-group-addon {
	background-color:#FFF;
	border-color:#ecf0f1;
	color:#ecf0f1;
}
[class^="has-"] .form-control,[class*=" has-"] .form-control {
	color:#FFF;
}
.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline {
	color:#2ecc71;
}
.has-success .form-control {
	border-color:#2ecc71;
	background-color:#2ecc71;
}
.has-success .form-control:hover,.has-success .form-control:focus {
	border-color:#2ecc71;
	background-color:#FFF;
	color:#2ecc71;
		box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}
.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline {
	color:#e67e22;
}
.has-warning .form-control {
	border-color:#e67e22;
	background-color:#e67e22;
}
.has-warning .form-control:hover,.has-warning .form-control:focus {
	background-color:#FFF;
	border-color:#e67e22;
	color:#e67e22;
		box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}
.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline {
	color:#e74c3c;
}
.has-error .form-control {
	border-color:#e74c3c;
	background-color:#e74c3c;
}
.has-error .form-control:hover,.has-error .form-control:focus {
	background-color:#FFF;
	border-color:#e74c3c;
	color:#e74c3c;
		box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow: none;
}
/*	Navbar	==================================================*/
.navbar-inverse .navbar-brand {
	padding:30px 15px;
	margin-right:30px;
	color:inherit;
	text-transform:uppercase;
	font-weight:bold;
}
.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus {
	color:#ffffff;
}
.navbar-inverse {
	background-color:rgb(38 50 93);
		border:none;
}
.navbar-right button {
	margin:23px 0;
}
.navbar-nav>li>a {
	padding:30px 0;
	margin:0 15px;
}
.navbar-inverse .navbar-nav>li>a {
	color:inherit;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
}
.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus {
	background-color:transparent;
	background-color:rgba(255,255,255,0);
	color:#01b0d1;
}
.header-button {
	margin-left: 15px;
}
/*	Features	==================================================*/
#features {
	background-color:#01B0D1;
	color:#FFF;
}
.maintitle h1 {
	text-transform:uppercase;
}
.maintitle,.service-box {
	text-align:center;
}
.maintitle .lead {
	max-width:840px;
	margin:0px auto;
	margin-bottom:80px;
	padding-left:20px;
	padding-right:20px;
}
.service-box {
	margin-bottom:30px;
	background-color:#fff;
	color:#444;
	padding:30px;
	  position: relative;
}
.service-box .glyphicon {
	font-size:60px;
	margin-bottom:20px;
}
.service-box img {
	margin-bottom: 29px;
}
/*	Faq==================================================*/ 
#faq {
	background-color:#F9FAFD;
}
.faq-block {
	margin:0px;
}
/*	Slider	==================================================*/ 
#slider {	
	color:#FFF;
}
.carousel-control.left,.carousel-control.right {
	background-image:none;
}
.carousel-control {
	color:#FFF;
	opacity:1;
	text-shadow:none;
}
.carousel-control:hover {
	color:#CCC;
}
.carousel-indicators li {
	border-color:#FFF;
	margin:0 2px;
	height:15px;
	width:15px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	margin:0 2px;
		-moz-transition:all .2s;
	-o-transition:all .2s;
	-webkit-transition:all .2s;
	transition:all .2s;
}
.carousel-indicators .active {
	height:15px;
	width:15px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	margin:0 2px;
	background-color:#FFF;
	border:1px solid #FFF;
}
.carousel.slide {
	-moz-transition:all .2s;
	-o-transition:all .2s;
	-webkit-transition:all .2s;
	transition:all .2s;
}
.carousel-inner blockquote {
	border:none;
	text-align:center;
	padding:40px 10%;
}
.carousel-inner blockquote small {
	font-size:14px;
	text-transform:uppercase;
	font-weight:400;
}
.carousel-inner blockquote p {
	font-size:36px;
}
.carousel-control .glyphicon {
	left:50%;
	margin-top:-10px;
	margin-left:-10px;
	font-size:20px;
}
.carousel-indicators {
	bottom:-20px;
}
.carousel-control {
	background:#285061;
	position:absolute;
	top:40%;
	margin-top:0px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:20px;
	height:40px;
	width:40px;
}
/*	Contact Area	==================================================*/ 
#contactarea {
	text-align:center;
}
#contactarea .maintitle p.lead {
	margin-bottom:40px;
}
#contactarea form {
	max-width:800px;
	margin:0px auto;
}
#contactarea .input-lg,#contactarea .btn-lg {
	padding:20px 25px;
	height:65px;
}
#contact label {
	text-transform:uppercase;
	font-weight:300;
	 letter-spacing:3px;
	 font-size:13px;
}
#contact input,#contact select,#contact textarea {
	font-family:inherit;
	font-size:inherit;
	line-height:inherit;
	width:100%;
	border:0px;
	color:#333;
	background-color:#fff;
	border:0;
}
#contact input,#contact select {
		height:40px;
	margin-bottom:0px;
}
#contact input#submit {
	width:auto;
	margin-top:20px;
	background-color:rgba(0,0,0,0.3);
	border:0;
	color:#fff;
	padding:0px 20px;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:3px;
	font-size:14px;
}
#contact textarea {
	height:180px;
}
.required {
	color:#fff;
}
#success,#error {
	display:none
}
#success span,#erro span {
	display:block;
	position:absolute;
	top:0;
	width:100%
}
#success span p,#error span p {
	margin-top:6em
}
#success span p {
	color:#9bd32d;
}
#error span p {
	color:#c0392b;
}
.error.contactalert {
	text-transform:none;
	font-style:italic;
	display:inline-block;
}
/*	Common	==================================================*/ 
.wrapsection {  
    padding-top:140px;
	padding-bottom:140px;
    position: relative;
}
.prueba{
	text-align: center;
	padding-top:20px;
	padding-bottom:20px;
}





/*	------------------------------------- Responsive -------------------------------------	*/ 




/* Correcciones para diferentes tamaños */
@media (max-width:490px) {


	/* Estilos varios */

	.btn.btn-danger.btn_index{
		font-size: 8px !important;
		margin-bottom: 1rem;
		height: 30px;
		margin-top: -1rem;
		letter-spacing: 1px;
		padding: 1px;
	}
	.wow {
					visibility: visible !important;
					-webkit-animation: none !important;
					 -moz-animation: none !important;
					   -o-animation: none !important;
					  -ms-animation: none !important;
						  animation: none !important;
	}
	.container {
					max-width:430px;
					padding-left:30px;
					padding-right:30px;
	}
	h1{
		font-size: 25px;
	}
	.mejora {
		height: auto;
	}


	/* Estilos barra de navegación */

	.navbar-inverse .navbar-nav>li>a {
		color:inherit;
		text-transform:uppercase;
		font-size:11px;
		font-weight:bold;
		font-family: "Roboto";
	}
	.dropdown-menu{
		font-size: 11px;
		font-family: "Roboto";
	}
	.a_logo{
		text-align: center;
		font-family:'Roboto';
		font-weight: 900 !important;
		color: #fff !important;
		font-size: 20px!important;
	}
	.imagen_barra{
		width:120px;
		height:auto;
	}
	.navbar-nav>li>a {
		padding: 10px 0;
		margin: 0 0px;
	}
	.navbar-inverse .navbar-toggle {
		background-color: #34495e;
		border-color: #2c3e50;
		margin-top: 35px;
	}
	.collapse.collapse-navbar.bs-navbar-collapse.navbar-rigth {
		display:block;
	}
	.collapse{
		display: none;
	}
	/* -- estilo para submenu diocesis cuando es tamaño especial -- */
	.dropdown-submenu .dropdown-menu{
		display: inline-grid !important;
		margin-left: 10% !important;
	}
	.navbar-text {
		font-size: 14px;
		color: #ffffff !important;
		font-family: "Roboto";
		margin-left: 15px;
	}
	.navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 0px 0px 25px;
    }
	ul.dropdown-menu {
		min-width:-webkit-fill-available !important;
		border-radius: 5px !important;
		border-top-left-radius: 0px !important;
		border-top-right-radius: 0px !important;
	}
	.navbar-nav>li>a {
		border-radius: 0px !important;
		border-top-left-radius: 5px !important;
		border-top-right-radius: 5px !important;
	}


	/* Estilos página Home */

	/* -- estilos de card  -- */
	div.card-header-inicio {
		margin-top: 20px;
	}
	body {
		font-size: 12px;
	}
	.img-diocesis{
		width: 150px;
		height: auto;
	}
	a.card-eventos{
		font-size: 18px;
	}
	.p_timeline_eventos {
		font-family: "Roboto";
		font-size: 12px;
	}
	/* -- estilos de contenedor -- */
	.panel-title {
		font-size: 14px;
		padding: 6px;
	}
	i.bi.bi-chevron-up {
		text-align: right;
		padding-left: 15px;
	}
	.toggle-icon {
		font-size:20px;
	}
	/* -- estilos imagenes con texto -- */
	.imagen-texto-grande {
		color: rgb(255, 255, 255);
		font-family: "Roboto";
		font-size: 12px;
		font-weight: 700;
		margin-left: 2%;
		margin-bottom: 5px;
	}
	.imagen-texto-chica {
		font-size: 10px;
	}
	.imagen-categoria {
		font-size: 12px;
		margin-bottom: 5px;
	}
	.container-imagen-texto img {
		vertical-align: middle;
		padding-bottom: 10px;
	}
	.body-imagen-texto {
		font-family:"Roboto";
		font-size: 0px;
	}
	

	/* Estilos página Historia */

	.video{
		width: 290px;
		height: 150px;
		margin-bottom: 5%;
	}
	/* -- estilos de card -- */
	.card-titulo-historia {
		font-size: 16px;
	}
	p.card-text-historia {
		font-size: 12px;
		margin-bottom: 20px;
	}
	p.card-text-objetivos {
		font-size: 16px;
	}
	p.card-text-historia-centrado {
		font-size: 12px;
	}
	p.card-text-historia-bold {
		font-size: 14px;
	}
	.card-link-historia {
		font-size: 12px;
	}
	/* -- estilos de timeline -- */
	.h2_timeline{
		font-size: 16px;
	}
	.p_timeline_historia{
		font-size: 12px;
	}
	.h2_timeline_historia{
		font-size: 16px;
	}
	.imagen-obispos{ 
		width: 250px;
		height: auto;
		margin-bottom: 10%	;
	}
	

	/* Estilos página Curia */

	.imagen-obispo-actual{
		height: 250px; 
		width: auto;
		margin-bottom: 8%;
		margin-top: 8%;
	}
	/* -- estilos de card -- */
	.card-subtitulo-curia{
		font-size: 16px !important;
	}
	p.card-text-curia{
		margin-bottom: 10%;
		font-size: 12px;
	}
	.card-titulo-curia{
		font-size: 16px;
		font-family: "Roboto";
	}
	.card-link-curia {
		font-size: 12px;
		margin-bottom: 2%;
	}
	div.card-body-curia-borde {
		margin-bottom: 10%;
	}
	.card-subtitulo-seccion-curia {
		font-size: 15px !important;
	}
	/* Mejora para secciones de la curia */
	.masonry {
		column-count: 1;
	}


	/* Estilos página Contacto */

	/* -- estilos de card -- */
	.card-titulo-contacto{
		font-size: 16px;
		font-family: "Roboto";
	}
	.form-label-contacto {
		font-size: 16px;
	}
	.form-control {
		width: 95%;
		padding: 0px 0px;
		font-size: 12px;
	}
	p.card-text-contacto {
		font-size: 12px;
		margin-left: 5%;
	}
	.mapa-contacto{
		width: 100%;
		height: 200px;
	}
	.g-recaptcha {
		transform: scale(0.7);
		transform-origin: 0 0;
		margin-left: 45%;
  	}


	/* Estilos página Noticias */

	.navbar-brand {
		height: 50px;
		font-size: 12px;
		line-height: 20px;
	}
	.navbar-inverse .navbar-brand {
		margin-right: 3px;
	}
	/* -- estilos de card -- */
	div.card-body-borde-noticias {
		margin-left: 5%;
		margin-right: 5%;
	}
	.badge-noticias {
		font-size: 12px;
		margin-top: 5%;
	}
	.card-title-noticias {
		text-align: justify;
		font-size: 16px;
		padding-bottom: 5%;
		padding-top: 5%;
	}
	p.card-text-noticias {
		font-size: 12px;
		text-align: justify;
		padding-bottom: 5%;
	}
	.btn-noticias {
		left: 10%;
		margin-top: 2%;
		margin-bottom: 5%;
		font-size: 12px;	
	}
	.card-imagen-noticias {
		margin-top: 5%;
	}
	.imagen-noticias{
		min-width:100%;
		height: 150px;
	}
	.imagen-grande {
        min-width: 100%;
        height: 300px !important;
    }
	.imagen-chica{
        min-width: 100%;
        height: 300px !important;
	}
	.imagen-doble {
		min-width: 100%;
		height: 300px !important;
		filter: brightness(0.7) !important;
	}
	.container-imagen-texto .content-imagen-texto.imagen-grande {
        margin-bottom: -160px;
    }
	.container-imagen-texto .content-imagen-texto.imagen-doble {
        margin-bottom: -70px;
    }
	.mejora-paginacion{
		text-align: center;
	}
	.btn-noticias {
    	left: 0%;
	}
	/* estilos barra de filtros */
	.navbar-brand-noticias {
        height: 10px !important;
        font-size: 15px !important;
        margin-bottom: 6% !important;
    }
	#fecha-desde-texto{
		padding: 10px;
		margin-left: 20% !important;;
	}
	#fecha-hasta-texto{
		padding: 10px;
		margin-left: 20% !important;
	}
	#filtro-categorias-texto{
		margin-bottom: -20px;
		margin-left: 15%;
		margin-right: -20px;
	}


	/* Estilos página detalle noticia */

	.titulo-noticia {
		font-size: 16px;
		text-align: justify;
	}
	.badge-detalle-noticias {
		font-size: 16px;
		width: fit-content;
	}
	.subtitulo-noticia {
		font-size: 16px;
	}
	.cuerpo-noticia {
		font-size: 12px;
	}
	.imagen-detalle-noticia{
		min-width:100%;
		max-height: 290px;
	}


	/* Estilos página eventos */

	.card-item-eventos {
		font-size: 16px;
	}
	.imagen-eventos{
		padding: 4%;
		min-width:100%;
		max-height: 180px;
	}
	.navbar-inverse .navbar-brand {
		padding: 3px 30px;
	}


	/* Estilos página parroquias y sacerdotes */

	.item-seccion-vida {
        font-size: 12px;
        margin-left: 8%;
        margin-right: 8%;
        margin-bottom: 4% !important;
    }


	/* Estilos página instituciones educativas */

	.sidebar a {
		text-align: center;
		font-size: 15px;
		float: none;
	}
	.sidebar {
	  width: 100%;
	  height: auto;
	  position: relative;
	}
	/* -- estilos de card -- */
	.card-titulo-vida{
		font-size: 16px;
		font-family: "Roboto";
	}
	.card-subtitulo-seccion-vida {
		font-size: 16px !important;
		margin-top: 2%;
		color: rgb(0 0 0);
		text-align: center !important;
	}
	.card-text-seccion-vida-bold {
		font-size: 12px;
		margin-left: 3%;
	}
	.card-text-seccion-curia {
		font-size: 12px;
		margin-left: 3%;
	}
	.container-vida{
		width: auto;
		margin-bottom: 10%;
        margin-top: 10%;
	}
	.card-text-seccion-vida-bold {
    	text-align: center;
	}
	.card-text-seccion-vida {
		text-align: center;
	}


	/* Estilos páginas vida consagrada y diaconos permanentes */

	/* -- estilos de card -- */
	.subtitulo-seccion-vida {
		font-size: 16px !important;
		margin-left: 10%;
		margin-right: 10%;
	}
	.text-seccion-vida-bold {
        font-size: 12px;
        color: rgb(0, 0, 0);
        margin-left: 8%;
        margin-right: 8%;
    }
	.text-seccion-vida {
        font-size: 12px;
        color: rgb(0, 0, 0);
        margin-left: 8%;
        margin-right: 8%;
        margin-bottom: 4% !important;
    }
	.subtitulo-seccion-vida-v2 {
		margin-left: 8%;
		font-size: 16px !important;
	}
	.card-subheader-guia {
    	margin-bottom: 20px;
	}


	/* Estilos página mapa diocesano */

	.mapa-diocesano {
        width: 300px;
		height: 120px;
    }
	.div-mapa-diocesano{
		margin-top: 1%;
		margin-bottom: 1%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

}
@media (min-width:491px) and (max-width:767px) {


	/* Estilos varios */

	.image-responsive{
		width:300px;
		height:200px;
	}
	.section,.parallax.section .container {
					padding-top:30px;
					padding-bottom:30px;
	}	
	.row .container_borde {
					max-width:690px;
					padding-left:30px;
					padding-right:30px;
					border:1px solid #030303;
	}
	body {
		font-size:14px;
	}
	h1 {
					font-size:28px;
	}
	h2 {
					font-size:24px;
	}
	h3 {
					font-size:20px;
	}
	h4 {
					font-size:18px;
	}
	h5 {
					font-size:16px;
	}
	h6 {
					font-size:14px;
	}
	.section {
					padding:20px 0;
	}
	.container {
					max-width:690px;
					padding-left:30px;
					padding-right:30px;
					padding-bottom:30px;
					padding-top:30px;
	}
	.mejora {
		height: auto;
	}


	/* Estilos barra de navegación */

	.navbar-inverse .navbar-nav>li>a {
		color:inherit;
		text-transform:uppercase;
		font-size:12px;
		font-family: "Roboto";
		font-weight:bold;
	}
	.dropdown-menu{
		font-size: 11px;
		font-family: "Roboto";
	}
	.nav-tabs>li>a {
		padding:10px 0;
		margin-right:10px;
		color:inherit;
		font-size:11px;
		border:none;
		border-bottom:1px solid rgba(255,255,255,0);
	}
	nav{
		margin-top: 1px;
	}
	.imagen_barra{
		width:150px;
		height:auto;
	}
	.navbar-text {
		font-size: 16px;
		color: #ffffff !important;
		font-family: "Roboto";
		margin-left: 15px;
	}
	.navbar-inverse .navbar-toggle {
		background-color: #34495e;
		border-color: #2c3e50;
		margin-top: 35px;
	}
	.collapse.collapse-navbar.bs-navbar-collapse.navbar-rigth {
		display:block;
	}
	.collapse{
		display: none;
	}
	/* -- estilo para submenu diocesis cuando es tamaño especial -- */
	.dropdown-submenu .dropdown-menu{
		display: inline-grid !important;
		margin-left: 10% !important;
	}
	.navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 0px 0px 25px;
    }
	ul.dropdown-menu {
		min-width:-webkit-fill-available !important;
		border-radius: 5px !important;
		border-top-left-radius: 0px !important;
		border-top-right-radius: 0px !important;
	}
	.navbar-nav>li>a {
		border-radius: 0px !important;
		border-top-left-radius: 5px !important;
		border-top-right-radius: 5px !important;
		margin: 0 0px;
	}


	/* Estilos página Historia */

	.video{
		width: 480px;
		height: 300px;
		margin-bottom: 1%;
		margin-top: 1%;
	}
	/* -- estilos de card -- */
	.card-titulo-historia {
		font-size: 20px;
	}
	p.card-text-historia {
		font-size: 15px;
		margin-bottom: 20px;
	}
	p.card-text-objetivos {
		font-size: 20px;
	}
	p.card-text-historia-centrado {
		font-size: 15px;
	}
	p.card-text-historia-bold {
		font-size: 17px;
	}
	.card-link-historia {
		font-size: 18px;
	}
	/* -- estilos de timeline -- */
	.h2_timeline{
		font-size: 20px;
	}
	.p_timeline_historia{
		font-size: 15px;
	}
	.h2_timeline_historia{
		font-size: 15px;
	}
	.imagen-obispos{ 
		width: 250px;
		height: auto;
		margin-bottom: 10%	;
	}


	/* Estilos página Curia */

	.imagen-obispo-actual{
		height: 300px; 
		width: auto;
		margin-bottom: 5%;
	}
	/* -- estilos de card -- */
	.card-subtitulo-curia{
		font-size: 18px !important;
	}
	.card-titulo-curia{
		font-size: 18px;
		font-family: "Roboto";
	}
	.card-link-curia {
		font-size: 16px;
		margin-bottom: 2%;
	}
	div.card-body-curia-borde {
		margin-bottom: 10%;
	}
	.card-subtitulo-seccion-curia {
		font-size: 18px !important;
		margin-bottom: 2%;
	}
	/* Mejora para secciones de la curia */
	.masonry {
		column-count: 1;
	}


	/* Estilos página Contacto */

	/* -- estilos de card -- */
	.card-titulo-contacto{
		font-size: 18px;
		font-family: "Roboto";
	}
	.form-label-contacto {
		font-size: 18px;
	}
	.form-control {
		width: 95%;
		padding: 0px 0px;
		font-size: 15px;
	}
	p.card-text-contacto {
		font-size: 15px;
		margin-left: 5%;
	}
	.mapa-contacto{
		width: 100%;
		height: 350px;
	}


	/* Estilos página Noticias */

	.navbar-brand {
		height: 50px;
		font-size: 18px;
		line-height: 20px;
	}
	.navbar-inverse .navbar-brand {
		margin-right: 3px;
	}
	.container-imagen-texto.container-imagen-grande img{
		margin-bottom: 30px;
	}
	.container-imagen-texto .content-imagen-texto.imagen-grande{
		margin-bottom: 30px;
	}
	/* -- estilos de card -- */
	div.card-body-borde-noticias {
		margin-left: 5%;
		margin-right: 5%;
	}
	.badge-noticias {
		font-size: 15px;
		margin-top: 5%;
	}
	.card-title-noticias {
		text-align: justify;
		font-size: 18px;
		padding-bottom: 5%;
		padding-top: 5%;
	}
	p.card-text-noticias {
		font-size: 15px;
		text-align: justify;
		padding-bottom: 5%;
	}
	.btn-noticias {
		left: 20%;
		margin-top: 2%;
		margin-bottom: 5%;
		font-size: 15px;	
	}
	.card-imagen-noticias {
		margin-top: 5%;
	}
	.imagen-grande{
		min-width:100%;
		height: 420px !important;
	}
	.imagen-chica{
		min-width:100%;
		height: 420px !important;
	}
	.imagen-noticias{
		min-width:100%;
		height: 359px;
	}
	.imagen-doble {
		min-width: 100%;
		height: 400px !important;
		filter: brightness(0.7) !important;
	}
	.container-imagen-texto .content-imagen-texto.imagen-grande {
        margin-bottom: -230px !important;
    }
	.container-imagen-texto .content-imagen-texto.imagen-doble {
        margin-bottom: -220px !important;
    }
	.mejora-paginacion{
		text-align: center;
	}
	.btn-noticias {
    	left: 0%;
	}
	/* estilos barra de filtros */
	.navbar-brand-noticias {
        height: 10px !important;
        font-size: 20px !important;
        margin-bottom: 6% !important;
    }
	#fecha-desde-texto{
		padding: 10px;
		margin-left: 20% !important;;
	}
	#fecha-hasta-texto{
		padding: 10px;
		margin-left: 20% !important;
	}
	#filtro-categorias-texto{
		margin-bottom: -20px;
		margin-left: 15%;
	}
	#filtro-categorias{
		margin-left: -40px;
	}


	/* Estilos página detalle noticia */

	.titulo-noticia {
		font-size: 18px;
		text-align: justify;
	}
	.badge-detalle-noticias {
		font-size: 18px;
		width: fit-content;
	}
	.subtitulo-noticia {
		font-size: 18px;
	}
	.cuerpo-noticia {
		font-size: 15px;
	}
	.imagen-detalle-noticia{
		min-width:100%;
		max-height: 420px;
	}


	/* Estilos página eventos */

	.card-item-eventos {
		font-size: 18px;
	}
	.imagen-eventos{
		padding: 4%;
		min-width:100%;
		max-height: 359px;
	}
	.navbar-inverse .navbar-brand {
		padding: 3px 30px;
		margin-right: 70px;
	}


	/* Estilos página parroquias y sacerdotes */

	.item-seccion-vida {
        font-size: 15px;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 2% !important;
    }


	/* Estilos página instituciones educativas */

	.sidebar {
		width: 80%;
		height: auto;
		position: relative;
		margin-left: 5%;
	}
	.sidebar a {float: left;}
	div.content-sidebar {margin-left: 0;}
	/* -- estilos de card -- */
	.card-titulo-vida{
		font-size: 18px;
		font-family: "Roboto";
	}
	.card-subtitulo-seccion-vida {
        text-align: center !important;
        margin-left: 0% !important;
    }
	div.card-body-parroquias {
		margin-top: 1%;
	}
	.card-subtitulo-seccion-vida {
		font-size: 18px !important;
		margin-left: 5% !important;    
		margin-top: 0%;
		margin-bottom: 0%;
		
	}
	.card-text-seccion-vida-bold {
		font-size: 15px;
		margin-left: 3%;
	}
	.card-text-seccion-curia {
		font-size: 15px;
		margin-left: 3%;
	}
	.container-vida{
		width: auto;
		margin-bottom: 4%;
		margin-top: 4%;
	}
	.card-text-seccion-vida {
		margin-left: 20%;
		margin-top: -22px;
	}


	/* Estilos páginas vida consagrada y diaconos_permanentes */

	/* -- estilos de card -- */
	.subtitulo-seccion-vida {
		font-size: 18px !important;
		margin-left: 5%;
		margin-right: 5%;
	}
	.text-seccion-vida-bold {
		font-size: 15px;
		color: rgb(0, 0, 0);
		margin-left: 5%;
		margin-right: 5%;
	}
	.text-seccion-vida {
		font-size: 15px;
		color: rgb(0, 0, 0);
		margin-left: 5%;
		margin-right: 5%;
		margin-bottom: 2% !important;
	}
	.subtitulo-seccion-vida-v2 {
		margin-left: 5%;
		font-size: 18px !important;
	}
	.sidebar a {
        float: none;
        margin-left: 25%;
        margin-right: 20%;
        text-align: center;
    }
	.card-subheader-guia {
		background-color: rgb(82 138 153);
		color: rgb(255, 255, 255);
		line-height: 1;
		margin-bottom: -5px;
	}


	/* Estilos página mapa diocesano */

	.mapa-diocesano {
        width: 450px;
		height: 300px;
    }
	.div-mapa-diocesano{
		margin-top: 1%;
		margin-bottom: 1%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}


	/* Estilos página Contactos */

	p.card-text-contacto {
        margin-left: 20%;
    }

}
@media (min-width:768px) and (max-width:991px){
	

	/* Estilos barra de nevegación */

	.navbar {
		min-height: 100px;
	}
	.navbar-text {
        font-size: 18px !important;
    }
	.imagen_barra {
        margin-top: 15% !important;
        width: 120px !important;
    }
	.nav.navbar-nav {
        margin-top: 5% !important;
    }
	.navbar-nav>li>a {
        margin: 0 0px !important;
    }
	.navbar-inverse .navbar-nav>li>a {
        font-size: 12px !important;
		padding: 8px !important
    }
	    .dropdown-menu {
        font-size: 12px !important;
    }


	/* Estilos home */
	
	.img-diocesis {
    	width: 340px !important;
    	height: auto;
	}

	/* Estilos noticias */
	
	.imagen-chica {
        min-width: 100%;
        height: 500px !important;
    }	
	.container-imagen-texto .content-imagen-texto.imagen-grande {
        margin-bottom: -320px !important;
    }
	.container-imagen-texto .content-imagen-texto {
    	bottom: 3%;
	}
	.imagen-noticias {
        width: 100% !important;
        height: 400px !important;
    }
	.imagen-texto-grande {
        font-size: 20px !important;
    }
	.imagen-texto-chica {
        font-size: 18px !important;
		display: none;
    }
	.card-imagen-noticias {
        margin-left: 0% !important;
    }
	.mejora-paginacion{
		text-align: center;
	}
	.btn-noticias {
    	left: 0% !important;
	}
	.container-imagen-texto .content-imagen-texto.imagen-doble {
        margin-bottom: 1% !important;
    }
	/* estilos barra de filtros */
	.navbar-brand {
        height: 60px;
        font-size: 18px !important;
    }
	.navbar-brand-filtros {
		margin: 0% !important;
	}
	.navbar-brand-noticias {
        height: 10px !important;
        font-size: 20px !important;
        margin-bottom: 1% !important;
		margin-top: 2% !important;
    }
	#fecha-desde-texto{
		padding: 10px;
		margin-left: 32% !important;;
	}
	#fecha-hasta-texto{
		padding: 10px;
		margin-left: 32% !important;
	}
	#filtro-categorias-texto{
		margin-bottom: -20px;
		margin-left: 25% !important;
	}
	.imagen-noticias{
		margin-top: 0% !important;
	}
	
	
	/* Estilos eventos */
	
	.imagen-eventos{
		height: 486px !important;
		padding: 0% !important;
		padding-top: 2% !important;
		margin-top: 0px !important;
	}
	.card-item-eventos {
        font-size: 18px !important;
    }


	/* Estilos contactos */

	.ajuste-body-contacto{
		margin-bottom: 5%;
	}
	    p.card-text-contacto {
        margin-left: 40% !important;
        margin-top: -5% !important;
    }


	/* Estilos guia */

	.text-seccion-vida {
        font-size: 15px;
        color: rgb(0, 0, 0);
        margin-left: 30% !important;
        margin-right: 5% !important;
        margin-bottom: 1% !important;
        margin-top: -4% !important;
    }
	.text-seccion-vida-bold {
        margin-left: 5% !important;
    }
	/* Estilos página parroquias y sacerdotes */
	.item-seccion-vida {
        font-size: 15px;
		margin-left: 30% !important;
        margin-right: 5% !important;
        margin-top: -40px !important;
        padding-bottom: 20px;
    }
	/* Estilos instituciones educativas*/
	.card-subtitulo-seccion-vida {
        text-align: center !important;
        margin-left: 0% !important;
		margin-top: -15px;
    }
	.card-text-seccion-vida {
		margin-left: 20%;
		margin-right: 10%;
		margin-top: -20px;
	}


}
@media (min-width:768px) and (max-width:1023px) {


	/* Estilos varios */

	.mejora{
		height: auto;
	}
	.image-responsive{
		width:300px;
		height:200px;
	}
	h1{
		font-size: 30px;
	}
	#image img.img-responsive {
		margin-left:auto;
		margin-right:auto;
	}


	/* Estilos barra de navegación */

	.imagen_barra{
		margin-top: 5%;
		width:120px;
		height:auto;
	}
	.navbar-nav>li>a {
		margin:0 4px;
	}
	/* -- letra ajustada para tablet -- */
	.navbar-inverse .navbar-nav>li>a{
		color: inherit;
		text-transform: uppercase;
		font-size: 10px;
		font-weight: bold;
		font-family: "Roboto";
	}
	.navbar-text{
		font-size: 11px;
    	color: #ffffff !important;
    	font-family: "Roboto";
    	margin-left: 15px;
	}
	.nav.navbar-nav{
		margin-top: 3%;
        margin-bottom: 2%;
	}
	.dropdown-submenu .dropdown-menu{
		display: inline-grid !important;
		margin-left: 0% !important;
	}
	.dropdown-menu{
		font-size: 9px;
		font-family: "Roboto";
	}


	/* Estilos página Home */

	/* -- estilos imagenes con texto -- */
	.imagen-texto-grande {
		color: rgb(255, 255, 255);
		font-family: "Roboto";
		font-size: 18px;
		font-weight: 700;
		margin-left: 2%;
		margin-bottom: -5%;
	}
	.imagen-texto-chica {
		font-size: 14px;
	}
	.imagen-categoria {
		font-size: 18px;
		margin-bottom: 5px;
	}
	.container-imagen-texto img {
		vertical-align: middle;
		margin-bottom: 3%;
	}
	.body-imagen-texto {
		font-family:"Roboto";
		font-size: 0px;
	}
	/* -- estilos de card -- */
	.img-diocesis{
		width: 180px;
		height: auto;
	}
	p.card-text {
		font-size: 15px;
		margin-top: 2%;
		margin-bottom: 2%;
	}
	.p_timeline_eventos {
		font-family: "Roboto";
		font-size: 15px;
	}
	.card-titulo-eventos {
		font-size: 20px;
	}
	.card-titulo-inicio {
		font-size: 20px;
	}
	a.card-eventos {
		font-size: 22px;
	}
	.h2_eventos {
		font-size: 20px !important;
	}
    a p.p_timeline_eventos {
        font-size: 15px;
    }


	/* Estilos página Historia */

	.video{
		width: 700px;
		height: 400px;
		margin-bottom: 2%;
	}
	/* -- estilos de card -- */
	.card-titulo-historia {
		font-size: 20px;
	}
	p.card-text-historia {
		font-size: 15px;
		margin-bottom: 20px;
	}
	p.card-text-objetivos {
		font-size: 20px;
	}
	p.card-text-historia-centrado {
		font-size: 15px;
	}
	p.card-text-historia-bold {
		font-size: 17px;
	}
	.card-link-historia {
		font-size: 18px;
	}
	/* -- estilos de timeline -- */
	.h2_timeline{
		font-size: 20px;
	}
	.p_timeline_historia{
		font-size: 15px;
	}
	.h2_timeline_historia{
		font-size: 18px;
	}
	.imagen-obispos{ 
		width: 200px;
		height: auto;
		margin-bottom: 10%	;
	}


	/* Estilos página Curia */

	.imagen-obispo-actual{
		height: 250px; 
		width: auto;
		margin-bottom: 5%;
		margin-top: 5%;
	}
	/* -- estilos de card -- */
	.card-subtitulo-curia{
		font-size: 20px !important;
	}
	.card-titulo-curia{
		font-size: 20px;
		font-family: "Roboto";
	}
	p.card-text-curia {
		font-size: 15px;
		margin-bottom: 5%;
	}
	.card-link-curia {
		font-size: 15px;
		margin-bottom: 2%;
	}
	div.card-body-curia-borde {
		margin-bottom: 10%;
	}
	.card-subtitulo-seccion-curia {
		font-size: 18px !important;
		margin-bottom: 2%;
	}
	.card-text-seccion-curia {
		font-size: 14px;
	}
	/* Mejora para secciones de la curia */
	.masonry {
		column-count: 2;
	}


	/* Estilos página Contacto */

	/* -- estilos de card -- */
	.card-titulo-contacto{
		font-size: 20px;
		font-family: "Roboto";
	}
	.form-label-contacto {
		font-size: 20px;
	}
	.form-control {
		width: 95%;
		padding: 0px 0px;
		font-size: 15px;
	}
	p.card-text-contacto {
		font-size: 15px;
		margin-left: 5%;
	}
	.mapa-contacto{
		width: 100%;
		height: 350px;
	}


	/* Estilos página Noticias */

	.navbar-brand {
		height: 60px;
		font-size: 15px;
		line-height: 24px;
	}
	.navbar-inverse .navbar-brand {
		margin-right: 30px;
	}
	/* -- estilos de card -- */
	div.card-body-borde-noticias {
		margin-left: 0%;
		margin-right: 0%;
		margin-top: 5%;
	}
	.badge-noticias {
		font-size: 15px;
	}
	.card-title-noticias {
		text-align: justify;
		font-size: 20px;
	}
	p.card-text-noticias {
		font-size: 15px;
		text-align: justify;
	}
	.content-imagen-grande{
    	padding-bottom: 8% !important;
	}
	.btn-noticias {
		left: 20%;
		font-size: 15px;	
	}
	.card-imagen-noticias {
		margin-left: 2%;
	}
	.imagen-grande{
		min-width:100%;
		height: 500px;
	}
	.imagen-chica{
		min-width:100%;
		height: 250px;
	}
	.imagen-noticias
 	{
        width: 100%;
        height: 240px;
		margin-top: 15%;
    }
	.imagen-doble {
		min-width: 100%;
		height: 400px !important;
		filter: brightness(0.7) !important;
	}
	.imagen-simple{
		min-width: 100%;
		height: 500px !important;
		filter: brightness(0.7) !important;
	}
	.container-imagen-texto .content-imagen-texto.imagen-grande {
        margin-bottom: -310px;
    }
	.container-imagen-texto .content-imagen-texto.imagen-doble {
        height: 45% !important;
        margin-bottom: 3%;
    }
	.imagen-texto-grande-doble {
        color: rgb(255, 255, 255);
        font-family: "Roboto";
        font-size: 16px;
        font-weight: 700;
        margin-left: 2%;
    }
	.imagen-texto-chica-doble {
        color: rgb(255, 255, 255);
        font-family: "Roboto";
        font-size: 12px;
        font-weight: 400;
        margin-left: 2%;
    }
	.imagen-simple-texto{
		color: rgb(255, 255, 255);
		height: 30%;
	}
	/* estilos barra de filtros */
	.navbar-brand-noticias {
        height: 10px;
        font-size: 15px;
        margin-bottom: 3%;
    }
	#fecha-desde{
		padding: 10px;
	}
	#fecha-hasta{
		padding: 10px;
	}
	#filtro-categorias-texto{
		margin-bottom: -20px;
	}
	.form-select-categoria {
		padding: 1% !important;
	}


	/* Estilos página detalle noticia */

	.titulo-noticia {
		font-size: 20px;
		text-align: justify;
	}
	.badge-detalle-noticias {
		font-size: 20px;
		width: fit-content;
	}
	.subtitulo-noticia {
		font-size: 20px;
	}
	.cuerpo-noticia {
		font-size: 15px;
	}
	.imagen-detalle-noticia{
		min-width:100%;
		max-height: 500px;
	}
	

	/* Estilos página eventos */

	.card-item-eventos {
		font-size: 20px;
	}
	.imagen-eventos{
		padding: 4%;
		min-width:100%;
		height: 250px;
		margin-top: 50px;
	}
	.navbar-inverse .navbar-brand {
		padding: 3px 25px;
		margin-right: 150px;
	}


	/* Estilos página instituciones educativas */
	
	div.content-sidebar {
		margin-left: 200px;
		padding: 1px 16px;
		height: auto;
		margin-top: -20px;
		min-height: 300px;
	}
	/* -- estilos de card -- */
	.card-titulo-vida{
		font-size: 20px;
		font-family: "Roboto";
	}
	.card-subtitulo-seccion-vida {
		text-align: center !important;
		margin-left: 0% !important;    
	}
	.card-text-seccion-vida-bold {
		font-size: 15px;
		margin-left: 3%;
	}
	.container-vida{
		margin-bottom: 5%;
        margin-top: 5%;
	}
	.card-text-seccion-vida {
		margin-left: 25%;
		margin-top: -20px;
	}

	
	/* Estilos página parroquias y sacerdotes */

	.item-seccion-vida {
        font-size: 15px;
		margin-left: 8%;
        margin-right: 5%;
        margin-top: -15px;
        padding-bottom: 10px;
    }


	/* Estilos páginas vida consagrada y diaconos permanentes */

	/* -- estilos de card -- */
	.subtitulo-seccion-vida {
		font-size: 20px !important;
		margin-left: 5%;
		margin-right: 5%;
	}
	.text-seccion-vida-bold {
		font-size: 15px;
		color: rgb(0, 0, 0);
		margin-left: 35%;
		margin-right: -100%;
		margin-bottom: 1% !important;
	}
	.card-subheader-guia {
		margin-bottom: 15px !important;
	}
	.text-seccion-vida {
        font-size: 15px;
        color: rgb(0, 0, 0);
        margin-left: 8%;
        margin-bottom: 1% !important;
    }
	.subtitulo-seccion-vida-v2 {
		margin-left: 5%;
		font-size: 20px !important;
	}
	.sidebar a {
    	text-align: center;
	}
	.card-subheader-guia {
    	margin-bottom: -10px;
	}


	/* Estilos página mapa diocesano */

	.mapa-diocesano {
        width: 740px;
		height: 400px;
    }
	.div-mapa-diocesano{
		margin-top: 1%;
		margin-bottom: 1%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

}
@media (min-width:1024px) and (max-width:1200px) {


	/* Estilos varios */

	.mejora{
		height: 320px;
		margin-top: 4%;
	}
	p{
		font-size: 15px;
	}
	h2{
		font-size:25px !important;
	}
	span{
		font-size: 15px;
	}
	.form-control{
		height: 30px;
		font-size: 20px;
	}
	.badge{
		font-size: 15px;
	}
	h1{
		font-size: 30px;
	}
	option{
		font-size: 15px ;
	}
	.form-select{
		height: 25px;
		font-size: 15px;
	}
	.form-label{
		font-size: 20px;
	}
	h5{
		font-size: 18px;
	}
	h4 {
		font-size:20px;
	}
	.btn{
		font-size: 12px !important;
	}
	.panel-title{
		font-size: 30px;
	}
	.panel-body{
		font-size: 16px;
	}
	.image-responsive{
		width:300px;
		height:200px;
	}
	.container {
		max-width:1900px;
		padding-left:30px;
		padding-right:30px;
		padding-bottom:30px;
		padding-top:30px;
		
	}


	/* Estilos barra de navegación */

	.imagen_barra{
		width:170px;
		height:auto;
	}
	.navbar-inverse .navbar-nav>li>a {
		color:inherit;
		text-transform:uppercase;
		font-size:12px;
		font-weight:bold;
		font-family: "Roboto";
	}
	.navbar-inverse .navbar-brand {
		padding:30px 15px;
		margin-right:10px;
		color:inherit;
		text-transform:uppercase;
		font-weight:bold;
	}
	.navbar-nav>li>a {
		margin:0 6px;
	}
	.tab-pane {
		padding:15px 0;
		margin-bottom:5px;
	}
	.dropdown-menu{
		font-size: 11px;
	}
	.nav-tabs>li>a {
		padding:10px 0;
		margin-right:10px;
		color:inherit;
		font-size:24px;
		border:none;
		border-bottom:1px solid rgba(255,255,255,0);
	}
	.navbar-inverse .navbar-toggle {
		background-color:#34495e;
		border-color:#2c3e50;
		margin-top:23px;
	}
	.navbar-text{
		font-size: 15px !important;
    	color: #ffffff !important;
    	font-family: "Roboto";
    	margin-left: 15px;
	}


	/* Estilos página Home */

	/* -- estilos de card -- */
	p.card-text {
		font-size: 16px;
		margin-top: 3%;
		margin-bottom: 3%;
	}
	.card-titulo-eventos {
		font-size: 20px;
	}
	.card-titulo-inicio {
		font-size: 20px;
	}
	a.card-eventos {
		font-size: 20px;
	}
	.h2_eventos {
		font-size: 20px !important;
	}
    a p.p_timeline_eventos {
        font-size: 16px;
    }
	/* -- estilos de contenedor -- */
	.panel-title {
		font-size: 20px;
		padding: 6px;
	}
	i.bi.bi-chevron-up {
		text-align: right;
		padding-left: 15px;
	}
	.toggle-icon {
		font-size:20px;
	}


	/* Estilos página Historia */

	.video{
		width: 900px;
		height: 400px;
		margin-bottom: 2%;
	}
	/* -- estilos de card -- */
	.card-titulo-historia {
		font-size: 20px;
	}
	.card-link-historia {
		font-size: 14px;
		margin-left: 3%;
	}
	/* -- estilos de timeline -- */
	.h2_timeline{
		font-size: 20px;
	}
	.p_timeline_historia{
		font-size: 15px;
	}
	.h2_timeline_historia{
		font-size: 20px;
	}
	.imagen-obispos{ 
		width: 300px;
		height: auto;
		margin-bottom: 10%	;
	}
	.imagen-grande{
		min-width:100%;
		height: 400px;
	}
	.imagen-chica{
		min-width:100%;
		max-height: 189px;
	}
	.imagen-noticias{
		min-width:100%;
		max-height: 195px;
	}
	.imagen-eventos{
		min-width:100%;
		max-height: 200px;
	}
	.centrar-imagen {
		margin-bottom: 30%;
		margin-top: 30%;
		margin-left: 10%;
	}
	/* estilos barra de filtros */
	.navbar-brand-noticias {
        height: 18px !important;
        font-size: 18px !important;
        margin-bottom: 3% !important;
    }
	#fecha-desde{
		padding: 10px;
	}
	#fecha-hasta{
		padding: 10px;
	}


	/* Estilos página Curia */

	.imagen-obispo-actual{
		height: 300px; 
		width: auto;
		margin-bottom: 5%;
		margin-top: 5%;
	}
	/* -- estilos de card -- */
	.card-subtitulo-curia{
		font-size: 20px !important;
	}
	.card-titulo-curia{
		font-size: 20px;
		font-family: "Roboto";
	}
	p.card-text-curia {
		font-size: 15px;
		margin-bottom: 5%;
	}
	.card-link-curia {
		font-size: 15px;
		margin-bottom: 2%;
	}
	div.card-body-curia-borde {
		margin-bottom: 10%;
	}
	.card-subtitulo-seccion-curia {
		font-size: 15px !important;
		margin-bottom: 2%;
	}
	.card-text-seccion-curia {
		font-size: 14px;
	}
	.mejora-curia{
		min-height: 300px;
		
	}


	/* Estilos página Contacto */

	/* -- estilos de card -- */
	.card-titulo-contacto{
		font-size: 20px;
		font-family: "Roboto";
	}
	.form-label-contacto {
		font-size: 18px;
		margin-left: -10%;
	}
	.form-control {
		width: 100%;
		padding: 0px 0px;
		font-size: 14px;
	}
	p.card-text-contacto {
		font-size: 14px;
		margin-left: -10%;
	}
	.mapa-contacto{
		width: 100%;
		height: 400px;
	}


	/* Estilos página Noticias */

	.imagen-doble {
		min-width: 100%;
		height: 400px !important;
		filter: brightness(0.7) !important;
	}
	.imagen-simple{
		min-width: 100%;
		height: 600px !important;
		filter: brightness(0.7) !important;
	}
	.imagen-chica{
        min-width: 100%;
        height: 550px !important;
	}
	.container-imagen-texto .content-imagen-texto.imagen-doble {
        height: 45% !important;
    }
	.container-imagen-texto.container-imagen-grande.container-imagen-simple{
		max-width:1000px !important;
	}
	.imagen-texto-grande-doble {
        color: rgb(255, 255, 255);
        font-family: "Roboto";
        font-size: 16px;
        font-weight: 700;
        margin-left: 2%;
    }
	.imagen-texto-chica-doble {
        color: rgb(255, 255, 255);
        font-family: "Roboto";
        font-size: 12px;
        font-weight: 400;
        margin-left: 2%;
    }
	.card-imagen-noticias{
		margin-top: 10%;
		margin-left: 10%;
	}
	.imagen-noticias{
		width:400px;
		height:300px;
	}
	/* estilos filtros */
	.navbar-brand-noticias {
        height: 20px !important;
        font-size: 25px;
        margin-bottom: 3%;
    }
	#fecha-desde{
		padding: 10px;
	}
	#fecha-hasta{
		padding: 10px;
	}
	#filtro-categorias-texto{
		margin-bottom: -20px;
	}
	.form-select-categoria {
		padding:3% !important;
	}


	/* Estilos página detalle noticia */

	.titulo-noticia {
		text-align: justify;
	}
	.badge-detalle-noticias {
		font-size: 25px;
		width: fit-content;
	}
	.subtitulo-noticia {
		font-size: 25px;
	}
	.cuerpo-noticia p{
		font-size: 20px;
	}
	.imagen-detalle-noticia{
		min-width:100%;
		max-height: 650px;
	}


	/* Estilos página instituciones educativas */

	div.content-sidebar {
		padding: 1px 16px;
		height: auto;
		margin-top: -20px;
		min-height: 300px;
	}
	/* -- estilos de card -- */
	.card-titulo-vida{
		font-size: 20px;
		font-family: "Roboto";
	}
	.card-subtitulo-seccion-vida {
		margin-left: 0% !important;    
		text-align: center !important;
	}
	.card-text-seccion-vida-bold {
		font-size: 15px;
		margin-left: 3%;
	}
	.card-text-seccion-vida {
    	margin-left: 25%;
    	margin-top: -20px;
	}


	/* Estilos página parroquias y sacerdotes */

	.item-seccion-vida {
        font-size: 15px;
		margin-left: 10% !important;
        margin-right: 5% !important;
        margin-top: -15px !important;
        padding-bottom: 10px;
    }


	/* Estilos páginas vida consagrada y diaconos permanentes */

	/* -- estilos de card -- */
	.subtitulo-seccion-vida {
		font-size: 20px !important;
		margin-left: 5%;
		margin-right: 2%;
		margin-top: 4%;
	}
	.text-seccion-vida-bold {
		font-size: 15px;
		color: rgb(0, 0, 0);
		margin-left: 40%;
		margin-right: -100%;
	}
	.text-seccion-vida {
		font-size: 15px;
		color: rgb(0, 0, 0);
		margin-left: 10%;
		margin-right: 10%;
	}
	.subtitulo-seccion-vida-v2 {
		margin-left: 5%;
		font-size: 20px !important;
	}
	.card-subheader-guia {
    	margin-top: 5%;
		margin-bottom: 0px !important;
	}
	.sidebar a {
    	text-align: center;
	}


	/* Estilos página mapa diocesano */

	.mapa-diocesano {
        width: 1000px;
		height: 600px;
    }
	.div-mapa-diocesano{
		margin-top: 1%;
		margin-bottom: 1%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

}
@media (min-width:1200px) and (max-width:1999px) {


	/* Estilos creditos */

	#credits{
		font-size: 18px;
	}
	.texto-pie-tareas{
		margin-bottom: auto;
		text-align: center;
		text-decoration: underline;
	}
	.texto-pie-tareas-item{
		margin-bottom: auto;
		text-align: center;
	}


	/* Estilos varios */

	.mejora{
		height: 380px;
		margin-top: 4%;
	}
	p{
		font-size: 20px;
	}
	h2{
		font-size:30px !important;
	}
	span{
		font-size: 20px;	
	}
	.form-control{
		height: 35px;
		font-size: 15px;
	}
	.badge{
		font-size: 20px;
	}
	h1{
		font-size: 45px;
	}
	option{
		font-size: 15px ;
	}
	.form-select{
		height: 30px;
		font-size: 25px;
	}
	.form-label{
		font-size: 20px;
	}
	h5{
		font-size: 18px;
	}
	h4 {
		font-size:20px;
	}
	.btn{
		font-size: 20px !important;
	}
	.image-responsive{
		width:400px;
		height:300px;
	}
	.panel-title{
		font-size: 30px;
	}
	.panel-body{
		font-size: 20px;
	}
	.container {
		max-width:1800px;
		padding-left:30px;
		padding-right:30px;
		padding-bottom:30px;
		padding-top:30px;
		
	}


	/* Estilos barra de navegación */

	.imagen_barra{
		width:200px;
		height:auto;
	}
	.tab-pane {
		padding:15px 0;
		margin-bottom:5px;
	}
	.dropdown-menu{
		font-size: 14px;
		font-family: "Roboto";
	}
	.nav-tabs>li>a {
		padding:10px 0;
		margin-right:10px;
		color:inherit;
		font-size:15px;
		border:none;
		border-bottom:1px solid rgba(255,255,255,0);
	}
	.navbar-inverse .navbar-toggle {
		background-color:#34495e;
		border-color:#2c3e50;
		margin-top:23px;
	}
	.navbar-inverse .navbar-nav>li>a {
		color:inherit;
		text-transform:uppercase;
		font-size:15px;
		font-weight:bold;
	}
	.navbar-inverse .navbar-brand {
		padding:30px 15px;
		margin-right:10px;
		color:inherit;
		text-transform:uppercase;
		font-weight:bold;
	}
	.navbar-nav>li>a {
		margin:0 5px;
	}


	/* Estilos página Home */

	/* -- estilos de card */
	p.card-text {
		font-size: 20px;
	}
	.card-titulo-eventos {
		font-size: 25px;
	}
	.card-titulo-inicio {
		font-size: 25px;
	}
	.h2_eventos {
		font-size: 25px !important;
	}
    a p.p_timeline_eventos {
        font-size: 20px;
    }
	/* -- estilos de contenedor -- */
	.toggle-icon {
		font-size:35px;
	}
	.panel-title {
        font-size: 25px;
    }


	/* Estilos página Historia */

	.video{
		width: 1100px;
		height: 600px;
		margin-bottom: 2%;
	}
	/* -- estilos de card -- */
	.card-titulo-historia {
		font-size: 24px;
	}
	p.card-text-historia {
		font-size: 18px;
		margin-bottom: 20px;
	}
	p.card-text-objetivos {
		font-size: 18px;
	}
	p.card-text-historia-centrado {
		font-size: 18px;
	}
	p.card-text-historia-bold {
		font-size: 18px;
	}
	.card-link-historia {
		font-size: 16px;
	}
	/* -- estilos de timeline -- */
	.h2_timeline{
		font-size: 24px;
	}
	.p_timeline_historia{
		font-size: 18px;
	}
	.h2_timeline_historia{
		font-size: 24px;
	}
	.imagen-obispos{ 
		width: 300px;
		height: auto;
		margin-bottom: 10%	;
	}


	/* Estilos página Curia */

	.imagen-obispo-actual{
		height: 300px; 
		width: auto;
		margin-bottom: 5%;
		margin-top: 5%;
	}
	/* -- estilos de card -- */
	.card-subtitulo-curia{
		font-size: 24px !important;
	}
	.card-titulo-curia{
		font-size: 24px;
		font-family: "Roboto";
	}
	p.card-text-curia {
		font-size: 18px;
		margin-bottom: 5%;
	}
	.card-link-curia {
		font-size: 18px;
		margin-bottom: 2%;
	}
	div.card-body-curia-borde {
		margin-bottom: 10%;
	}
	.card-subtitulo-seccion-curia {
		font-size: 20px !important;
	}
	.card-text-seccion-curia {
		font-size: 16px;
	}
	.mejora-curia{
		min-height: 300px;
	}


	/* Estilos página Contacto */

	/* -- estilos de card -- */
	.card-titulo-contacto{
		font-size: 24px;
		font-family: "Roboto";
	}
	.form-label-contacto {
		font-size: 24px;
		margin-left: -5%;
	}
	.form-control {
		width: 95%;
		padding: 0px 0px;
		font-size: 18px;
	}
	p.card-text-contacto {
		font-size: 18px;
		margin-left: -8%;
		margin-bottom: 5%;
	}
	.mapa-contacto{
		width: 100%;
		height: 550px;
	}


	/* Estilos página Noticias */

	.navbar-brand {
		height: 60px;
		font-size: 22px;
		line-height: 24px;
	}
	.navbar-inverse .navbar-brand {
		margin-right: 15px;
	}
	/* -- estilos de card -- */
	div.card-body-borde-noticias {
		margin-left: 0%;
		margin-right: 0%;
	}
	.content-imagen-grand{
    	padding-top: 380px !important;
	}
	.badge-noticias {
		font-size: 18px;
	}
	.card-title-noticias {
		text-align: justify;
		font-size: 24px;
	}
	p.card-text-noticias {
		font-size: 18px;
		text-align: justify;
	}
	.btn-noticias {
		left: 20%;
		font-size: 18px;	
	}
	.card-imagen-noticias {
		margin-top: 8%;
        margin-left: 10%;
    }
	.imagen-grande{
		min-width:100%;
		height: 500px;
	}
	.imagen-chica{
		min-width:100%;
		height: 233px;
	}
	.imagen-noticias{
		min-width:100%;
		height: 237px;
	}
	.imagen-eventos{
		min-width:100%;
		max-height: 237px;
	}
	.centrar-imagen {
		margin-bottom: 25%;
		margin-top: 25%;
		margin-left: 10%;
	}
	.imagen-doble {
		min-width: 100%;
		height: 500px !important;
		filter: brightness(0.7) !important;
	}
	.imagen-simple{
		min-width: 100%;
		height: 700px !important;
		filter: brightness(0.7) !important;
	}
	.container-imagen-texto .content-imagen-texto.imagen-doble {
        height: 45% !important;
        width: 100% !important;
    }
	.container-imagen-texto.container-imagen-grande.container-imagen-simple{
		max-width:100% !important;
	}
	.imagen-texto-grande-doble {
		color: rgb(255, 255, 255);
		font-family: "Roboto";
		font-size: 18px;
		font-weight: 700;
		margin-left: 2%;
	}
	.imagen-texto-chica-doble{
		color: rgb(255, 255, 255);
		font-family: "Roboto";
		font-size: 14px;
		font-weight: 400;
		margin-left: 2%;
	}
	.imagen-doble-texto{
		color: rgb(255, 255, 255);
		height: 38%;
	}
	/* Estilos barra de filtros */
	.navbar-brand-noticias {
        height: 20px !important;
        font-size: 25px;
        margin-bottom: 3%;
    }
	#fecha-desde{
		padding: 10px;
	}
	#fecha-hasta{
		padding: 10px;
	}
	#filtro-categorias-texto{
		margin-bottom: -20px;
	}

	/* Estilos página detalle noticia */

	.titulo-noticia {
		font-size: 35px;
		text-align: justify;
	}
	.badge-detalle-noticias {
		font-size: 20px;
		width: fit-content;
	}
	.subtitulo-noticia {
		font-size: 20px;
	}
	.cuerpo-noticia p {
		font-size: 20px;
	}
	.imagen-detalle-noticia{
		min-width:100%;
		max-height: 700px;
	}


	/* Estilos página instituciones educativas */
	
	.sidebar {
		font-size: 24px;
	}
	div.content-sidebar {
		padding: 1px 16px;
		height: auto;
		margin-top: -22px;
		min-height: 400px;
	}
	/* -- estilos de card -- */
	.card-titulo-vida{
		font-size: 24px;
		font-family: "Roboto";
	}
	.card-subtitulo-seccion-vida {
		margin-left: 0% !important;    
		text-align: center !important;
		margin-top: -10px;	
	}
	.card-text-seccion-vida-bold {
		font-size: 18px;
		margin-left: 3%;
	}
	.card-text-seccion-vida {
		margin-left: 25%;
		font-size: 18px;
		margin-top: -25px;
	}
	.card-subtitulo-seccion-vida {
		font-size: 22px !important;
	}


	/* Estilos página parroquias y sacerdotes */

	.item-seccion-vida {
        font-size: 18px;
		margin-left: 10% !important;
        margin-right: 5% !important;
        margin-top: -15px !important;
        padding-bottom: 10px;
    }


	/* Estilos páginas vida consagrada y diaconos permanentes */

	/* -- estilos de card -- */
	.subtitulo-seccion-vida {
		font-size: 24px !important;
		margin-left: 5%;
		margin-right: 2%;
		margin-top: 2%;
	}
	.text-seccion-vida-bold {
		font-size: 18px;
		color: rgb(0, 0, 0);
		margin-left: 40%;
		margin-right: -100%;
	}
	.text-seccion-vida {
		font-size: 18px;
		color: rgb(0, 0, 0);
		margin-left: 10%;
		margin-right: 10%;
	}
	.subtitulo-seccion-vida-v2 {
		margin-left: 5%;
		font-size: 24px !important;
	}
	.card-subheader-guia {
    	margin-top: 2%;
		margin-bottom: 0px !important;
	}
	.sidebar a {
    	text-align: center;
	}


	/* Estilos página mapa diocesano */

	.mapa-diocesano {
        width: 1100px;
		height: 600px;
    }
	.div-mapa-diocesano{
		margin-top: 2%;
		margin-bottom: 2%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

}
@media (min-width:2000px) {


	/* Estilos creditos */

	#credits{
		font-size: 20px;
	}
	.a_logo{
		font-family: "Roboto";
		font-size: 30px;
	}
	.subtitulosDospie{
		font-size: 30px;
	}
	.texto-pie{
		font-size: 30px;
	}
	.texto-pie-tareas{
		font-size: 30px;
		margin-bottom: auto;
		text-align: center;
		text-decoration: underline;
	}
	.texto-pie-tareas-item{
		font-size: 30px;
		margin-bottom: auto;
		text-align: center;
	}
	#credits .social i {
		height: 60px;
		width: 60px;
		line-height: 60px;
		border-radius: 100%;
	}
	.fa {
		font-size: 45px;
	}


	/* Estilos varios */

	.mejora{
		height: 650px;
		margin-top: 4%;
	}
	p{
		font-size: 30px;
	}
	h2{
		font-size:55px !important;
	}
	span{
		font-size: 35px;
		
	}
	.badge{
		font-size: 30px;
	}
	h1{
		font-size: 60px;
	}
	h5{
		font-size: 30px;
	}
	h4 {
		font-size:40px;
	}
	.btn{
		font-size: 30px !important;
	}
	.image-responsive{
		width:600px;
		height:500px;
	}
	.container {
		padding-left:30px;
		padding-right:30px;
		padding-bottom:30px;
		padding-top:30px;
		width: 2000px;	
	}
	.panel-default:last-child {
		margin-bottom:25px;
	}
	.panel-heading {
		padding:20px 25px;
	}
	.panel-title{
		font-size: 40px;
	}
	.panel-body{
		font-size: 35px;
	}


	/*	Estilos barra de navegación */

	.navbar-inverse .navbar-nav>li>a {
		color:inherit;
		text-transform:uppercase;
		font-size:30px;
		font-family: "Roboto";
		font-weight:bold;
	}
	.navbar-inverse .navbar-brand {
		padding:30px 15px;
		margin-right:10px;
		color:inherit;
		text-transform:uppercase;
		font-weight:bold;
	}
	.navbar-right button {
		margin:11px 0;
	}
	.navbar-nav>li>a {
		padding:30px 0;
		margin:0 15px;
	}
	.imagen_barra{
		width:350px;
		height:auto;
	}
	.tab-pane {
		padding:15px 0;
		margin-bottom:5px;
	}
	.dropdown-menu{
		font-size: 29px;
		font-family: "Roboto";
	}
	.nav-tabs>li>a {
		padding:10px 0;
		margin-right:10px;
		color:inherit;
		font-size:24px;
		border:none;
		border-bottom:1px solid rgba(255,255,255,0);
	}
	.navbar-inverse .navbar-toggle {
		background-color:#34495e;
		border-color:#2c3e50;
		margin-top:23px;
	}
	.navbar-text{
		font-size: 30px !important;
    	color: #ffffff !important;
    	font-family: "Roboto";
    	margin-left: 15px;
	}


	/* Estilos página Home */

	/* -- estilos imagenes con texto -- */
	.imagen-texto-grande {
		font-size: 35px;
	}
	.imagen-texto-chica {
		font-size: 30px;
	}
	.imagen-categoria {
		font-size: 35px;
		margin-bottom: 5px;
	}
	.container-imagen-texto img {
		vertical-align: middle;
		margin-bottom: 1.5%;
	}
	.body-imagen-texto {
		font-family:"Roboto";
		font-size: 0px;
	}
	
	/* -- estilos de card -- */
	.img-diocesis{
		width: 550px;
		height: auto;
	}
	p.card-text {
		font-size: 35px;
		margin-top: 3%;
		margin-bottom: 3%;
	}
	.p_timeline_eventos {
		font-family: "Roboto";
		font-size: 35px;
	}
	.card-titulo-eventos {
		font-size: 40px;
	}
	.card-titulo-inicio {
		font-size: 40px;
	}
	a.card-eventos {
		font-size: 40px;
	}
	.h2_eventos {
		font-family: "Roboto" !important;
		font-size: 40px !important;
	}
	/* estilos eventos home */
    a p.p_timeline_eventos {
        font-size: 35px !important;
    }
	div.card-header-inicio p {
		margin-left: 5%;
	}
	/* -- estilos de contenedor -- */
	.panel-title {
		font-size: 40px;
		padding: 6px;
	}
	i.bi.bi-chevron-up {
		text-align: right;
		padding-left: 15px;
	}
	.toggle-icon {
		font-size:40px;
	}


	/* Estilos página Historia */

	.video{
		width: 2000px;
		height: 1000px;
		margin-bottom: 2%;
	}
	/* -- estilos de card -- */
	.card-titulo-historia {
		font-size: 40px;
	}
	p.card-text-historia {
		font-size: 35px;
		margin-bottom: 20px;
	}
	p.card-text-objetivos {
		font-size: 40px;
	}
	p.card-text-historia-centrado {
		font-size: 35px;
	}
	p.card-text-historia-bold {
		font-size: 38px;
	}
	.card-link-historia {
		font-size: 30px;
	}
	/* -- estilos de timeline -- */
	.h2_timeline{
		font-size: 40px;
	}
	.p_timeline_historia{
		font-size: 35px;
	}
	.h2_timeline_historia{
		font-size: 38px;
	}
	.imagen-obispos{ 
		width: 800px;
		height: auto;
		margin-bottom: 10%	;
	}


	/* Estilos página Curia */

	.imagen-obispo-actual{
		height: 600px; 
		width: auto;
		margin-bottom: 5%;
		margin-top: 5%;
	}
	/* -- estilos de card -- */
	.card-subtitulo-curia{
		font-size: 40px !important;
	}
	.card-titulo-curia{
		font-size: 40px;
		font-family: "Roboto";
	}
	p.card-text-curia {
		font-size: 35px;
		margin-bottom: 5%;
	}
	.card-link-curia {
		font-size: 35px;
		margin-bottom: 2%;
	}
	div.card-body-curia-borde {
		margin-bottom: 10%;
	}
	.card-subtitulo-seccion-curia {
		font-size: 38px !important;
	}
	.card-text-seccion-curia {
        font-size: 30px;
        margin-left: 7%;
        margin-top: 2%;
    }
	.mejora-curia{
		min-height: 550px;
	}


	/* Estilos página Contacto */

	/* -- estilos de card -- */
	.card-titulo-contacto{
		font-size: 40px;
		font-family: "Roboto";
	}
	.form-label-contacto {
		font-size: 40px;
		margin-left: -5%;
		margin-top: 2%;
	}
	.form-control {
		width: 95%;
		height: max-content;
		padding: 0px 0px;
		font-size: 30px;
		margin-top: 2%;
	}
	p.card-text-contacto {
        font-size: 30px;
        margin-bottom: 5%;
        margin-left: 25%;
        margin-top: -5%;
	}
	.mapa-contacto{
		width: 100%;
		height: 800px;
	}
	.g-recaptcha {
		transform: scale(1.8);
		transform-origin: 0 0;
		margin-bottom: 5%;
		margin-left:-20%
	}

	/* Estilos página Noticias */

	.imagen-categoria{
		margin-bottom: 5%;
	}
	.container-imagen-texto {
		position: relative;
	}
	/* -- estilos de barra de filtros -- */
	
	#fecha-hasta{
		padding: 10px;
	}
	#fecha-desde{
		padding: 10px;
	}
	.navbar.navbar-filtros{
		margin-bottom: 2%;
	}
	.navbar-brand {
		font-size: 40px;
		line-height: 50px;
	}
	.navbar-inverse .navbar-brand {
		margin-right: 5%;
	}
	option{
		font-size: 15px ;
	}
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: 15px;
    }
	.navbar-brand-noticias {
        height: 50px;
        font-size: 50px;
        margin-bottom: 3%;
    }
	/* -- estilos de card -- */
	.badge-noticias {
		font-size: 35px;
		margin-top: 5%;
		padding: 1%;
	}
	.card-title-noticias {
		text-align: justify;
		font-size: 40px;
	}
	p.card-text-noticias {
		font-size: 35px;
		text-align: justify;
	}
	.btn-noticias {
		left: 10%;
		font-size: 12px;
		margin-top: 6%;	
	}
	.card-imagen-noticias {
		margin: 10%;
	}
	.imagen-grande{
		width:1300px;
		height: 1000px;
		margin-left: -250px;
		max-width: none;
	}
	.imagen-chica{
		width:1000px;
		height: 500px;
	}
	.imagen-noticias{
		width:1000px;
		height: 500px;
	}
	.imagen-doble {
		min-width: 100%;
		height: 1000px !important;
		margin-top: 10%;
		filter: brightness(0.7) !important;
	}
	.imagen-simple{
		width: 1900px;
		height: 1000px !important;
		filter: brightness(0.7) !important;
	}
	.content-imagen-texto.imagen-texto-principal {
        margin-bottom: 5%;
        margin-left: -190px;
        width: 150% !important;
    }
	.container-imagen-texto .content-imagen-texto.imagen-doble {
		margin-left: 1px;
		width:100% !important;
		height:45% !important;
		margin-bottom: 2%;
    }
	.container-imagen-texto.container-imagen-grande.container-imagen-doble{
		max-width:1000px !important;
		margin-top: -10%;
	}
	.container-imagen-texto.container-imagen-grande.container-imagen-simple{
		max-width:1900px !important;
	}
	.imagen-texto-grande-doble {
		color: rgb(255, 255, 255);
		font-family: "Roboto";
		font-size: 35px;
		font-weight: 700;
	}
	.imagen-texto-chica-doble{
		color: rgb(255, 255, 255);
		font-family: "Roboto";
		font-size: 30px;
		font-weight: 400;
	}
	.imagen-doble-texto{
		color: rgb(255, 255, 255);
		height: 38%;
	}
	.imagen-simple-texto{
		color: rgb(255, 255, 255);
		height: 38%;
	}


	/* Estilos página detalle noticia */

	.titulo-noticia {
		font-size: 70px;
		text-align: justify;
	}
	.badge-detalle-noticias {
		font-size: 38px;
		width: fit-content;
	}
	.subtitulo-noticia {
		font-size: 38px;
	}
	.cuerpo-noticia p {
		font-size: 40px !important;
	}
	.imagen-detalle-noticia{
		min-width:100%;
		max-height: 1200px;
	}


	/* Estilos página eventos */

	.card-item-eventos {
		font-size: 40px;
		margin-right: 100px;
	}
	.imagen-eventos{
		padding: 4%;
		margin-top:20%;
		margin-left: 5%;
		width:1000px;
		height: 500px;
	}
	.navbar-inverse .navbar-brand {
		padding: 0px 30px;
		margin-right: 60px;
	}
	.navbar-brand {
		height: 80px;
	}
	/* -- estilos calendario -- */
	.fc-daygrid-dot-event {
		font-size: xx-large !important;
	}
	.fc .fc-col-header-cell-cushion {
    	font-size: xx-large;
	}
	.fc-daygrid-day-number {
    	font-size: x-large;
	}
	.fc .fc-button {
		font-size: 150% !important;
		line-height: 2!important;
	}
	.fc table {
    	font-size: xx-large!important;
	}
	.pagination.btn-group{
		margin-left: 20%;
	}


	/* Estilos página instituciones educativas */
	
	.sidebar {
		font-size: 35px;
		width:550px;
		padding-left: 300px;
	}
	div.content-sidebar {
		padding: 1px 350px;
		height: auto;
		margin-top: -30px;
		min-height: 500px;
	}
	/* -- estilos de card -- */
	.card-titulo-vida{
		font-size: 40px;
		font-family: "Roboto";
	}
	.card-subtitulo-seccion-vida {
		font-size: 40px !important;
		text-align: center !important;
		margin-left: 0% !important;    
		margin-top: -5px;	
	}
	.card-text-seccion-vida-bold {
		font-size: 35px;
		margin-left: 3%;
	}
	.card-text-seccion-vida {
		font-size: 35px;
		margin-left: 25%;
		margin-top: -50px
	}
	.mejora-institucion{
		margin-right: 50%;
        margin-left: 5%;
	}
	.card-body-vida-borde {
		min-width: 1000px;
		width: auto;
	}


	/* Estilos página parroquias y sacerdotes */

	.item-seccion-vida {
        font-size: 35px;
		margin-left: 10% !important;
        margin-right: 5% !important;
        margin-top: -15px !important;
        padding-bottom: 10px;
    }


	/* Estilos páginas vida consagrada y diaconos permanentes */

	/* -- estilos de card -- */
	.subtitulo-seccion-vida {
		font-size: 40px !important;
		margin-left: 5%;
		margin-right: 2%;
		margin-top: 2%;
	}
	.text-seccion-vida-bold {
		font-size: 35px;
		color: rgb(0, 0, 0);
		margin-left: 30%;
		margin-right: -110%;
	}
	.text-seccion-vida {
		font-size: 35px;
		color: rgb(0, 0, 0);
		margin-left: 20%;
		margin-right: 10%;
	}
	.subtitulo-seccion-vida-v2 {
		margin-left: 5%;
		font-size: 40px !important;
	}
	div.card-header-inicio {
		margin-top: 5%;
	}
	.card-subheader-guia {
    	margin-top: 2%;
		margin-bottom: 0px !important;
	}

	/* Estilos página mapa diocesano */

	.mapa-diocesano {
        width: 1900px;
		height: 1000px;
    }
	.div-mapa-diocesano{
		margin-top: 2%;
		margin-bottom: 2%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	
}