/* Cambios Bootstrap*/
.text-justify{text-align: justify;}
.text-dark{color: #071f32;}
.text-danger{color: #e22c3f;}
.text-azul{color: #354bcf;}
.text-success{color: #088178 !important;}
.bg-danger{background-color: #e22c3f !important;}
.bg-success{background-color: #088178 !important;}
.btn-success{background-color: #088178 !important;}
.fw-bolder{font-weight: 900 !important;}
.p-2rem {padding: 2rem!important;}
.ps-6 {padding-left: 4rem!important;}
.pe-6 {padding-right: 4rem!important;}
.ps-7 {padding-left: 5rem!important;}
.pe-7 {padding-right: 5rem!important;}
.ps-8 {padding-left: 6rem!important;}
.pe-8 {padding-right: 6rem!important;}
.ps-9 {padding-left: 8rem!important;}
.pe-9 {padding-right: 8rem!important;}
.ps-10 {padding-left: 10rem!important;}
.pe-10 {padding-right: 10rem!important;}
.boton-gris{
	background: #f4f3f3;
    border: 0;
    padding: 1rem 1.4rem;
    color: #071f32;
	text-transform: uppercase;
    font: normal normal 700 1rem MontserratVariable,Montserrat,sans-serif !important ;
    display: inline-flex;
    align-items: center;
    grid-gap: 0.75rem;
    gap: 0.75rem;
    cursor: pointer;
    text-decoration: none;
}
.boton-gris:hover{background: #f4f3f3;color: #071f32;}
.boton-gris i{color: #071f32;font-size: 16px;}
.boton-gris:hover i{color: #088178;}
.boton-gris:link {
	color: #000;
}
.boton-gris:visited {
	color: #000;
}
.btn-blanco {
	color: #000 !important;
	background-color:#FFF !important;
	border-color: #FFF  !important;
}

.btn-blanco:hover {
  color: #000 !important;
  background-color:#f7f7f7 !important;
  border-color: #f7f7f7 !important;
}
.btn-blanco:link {
  color: #000;
}
.btn-blanco:visited {
  color: #000;
}
.btn-azul {
  color: #FFF !important;
  background-color:#354bcf !important;
  border-color: #354bcf  !important;
}
.btn-azul:hover {
  color: #000 !important;
  background-color:#FFF !important;
  border-color: #000 !important;
}
.btn-azul:link {
  color: #FFF;
}
.btn-azul:visited {
  color: #FFF;
}
#myCarousel .carousel-inner > .carousel-item > img {
	left: -9999px !important;
	right: -9999px !important;
	margin: 0 auto !important;
	max-width: none !important;
	min-width: 100% !important;
	position: absolute;
}
#myCarouselInterior .carousel-inner > .carousel-item > img {
	left: -9999px !important;
	right: -9999px !important;
	margin: 0 auto !important;
	max-width: none !important;
	min-width: 100% !important;
	position: absolute;
}
.card a:hover{text-decoration:none;}
@media (min-width:240px){
	.navbar{padding:0px;}
	.navbar-nav .nav-link{color: #999; font-size:18px;}
	.navbar-nav .dropdown .dropdown-menu {font-size:18px;}
	/*.navbar-nav .nav-link:hover{color: #2DD0E2 !important;}
	.navbar-nav .fondo-naranja .nav-link:hover{color: rgb(0, 0, 0) !important;}
	.navbar-nav .nav-link.activo {color: #2DD0E2 !important;}
	.navbar-nav .nav-link.activo i {color: #2DD0E2 !important;}*/
	/*#offcanvasNavbar{background: rgba(0,0,0,0.6);}*/
	/*#navbarCollapase .navbar-nav .activo .dropdown-item {font-weight:normal;color:#000000 !important;}*/
	
	.navbar-nav .dropdown .dropdown-menu .dropdown-item{padding:8px 10px;}
	#navbarCollapase .navbar-nav .nav-item .dropdown-menu .dropdown-item.Submenu{padding:0px; color:#f64725 !important;}
	#navbarCollapase .navbar-nav .nav-item .dropdown-menu .dropdown-divider{padding:0px;}
	#navbarCollapase .navbar-nav .dropdown-item:hover{background-color:#515151 !important; color: rgba(255,255,255,1) !important;}
	/*#navbarCollapase .navbar-nav .dropdown-item.active,.dropdown-item:active{background-color:#515151 !important; color: rgba(255,255,255,1) !important;}*/
		
	#menuPrincipal .dropdown-menu {font-size:20px;}
	#menuPrincipal .dropdown-menu .dropdown-item{padding:8px;}
	.breadcrumb{margin-bottom: 0.4rem;}
	#myCarousel {
		height: calc( 100vh - 50px );
	}
	#myCarousel .carousel-item{
		height: calc( 100vh - 50px );
		transition-duration: 2s;
	}
	#myCarousel .carousel-caption {
		left:0px;
		top:0px;
		width:100%;
		height:100%;
		text-align:left;
	}
	#myCarousel .carousel-caption #TextoCarousel{
		/*background: rgba(0,0,0,0.3);*/
		padding:5px;
	}
	#myCarousel .carousel-inner > .carousel-item > img {
		height: calc( 100vh - 50px );
	}

	#myCarouselInterior {
		height:150px;
	}
	#myCarouselInterior .carousel-item{
		height:150px;
		transition-duration: 2s;
	}
	#myCarouselInterior .carousel-inner > .carousel-item > img {
		height:150px;
	}
	
}

@media (max-width:768px){
	#LogoFondoMenuMovil {
		background: url(../Imagenes/Fondo-COF_Granada_blanco.svg) no-repeat 50%;
		background-size: cover;
		height: 400px;
		left: 50%;
		pointer-events: none;
		position: absolute;
		top: -2rem;
		transform: translateX(-50%);
		width:  360px;
		z-index: 2000;
	}
	.offcanvas-header{
		background: #071f32;
	}
	.offcanvas-body{
		background: #071f32;
	}
	.offcanvas.offcanvas-end {
		border-left: none;
	}
	.offcanvas-title img{max-height: 50px;}
	.navbar-nav .nav-item{
		border-bottom: 0.2rem solid hsla(0,0%,100%,.15);
		display: block;
		height: auto;
		width: 100%;
	}
	.navbar-nav .nav-link {
		align-items: center;
		color: #fff;
		display: flex;
		padding: 1.5rem 0;
		width: 100%;
	}
}
@media (max-height:350px) and (max-width:768px) {

	
}
@media (min-width:768px){
	.p-lg-2rem {padding: 2rem!important;}
	.ps-md-6 {padding-left: 4rem!important;}
	.pe-md-6 {padding-right: 4rem!important;}
	.ps-md-7 {padding-left: 5rem!important;}
	.pe-md-7 {padding-right: 5rem!important;}
	.ps-md-8 {padding-left: 6rem!important;}
	.pe-md-8 {padding-right: 6rem!important;}
	.ps-md-9 {padding-left: 8rem!important;}
	.pe-md-9 {padding-right: 8rem!important;}
	.ps-md-10 {padding-left: 10rem!important;}
	.pe-md-10 {padding-right: 10rem!important;}
	.navbar{padding:0px;}
	.navbar-brand{margin-right:0px;}
	.navbar-nav .dropdown-menu{margin-top: 20px !important; border: solid 1px rgba(7,31,50,0.1) !important;}
	.navbar-nav .nav-item{margin: 0px 10px !important;}
	.navbar-nav .nav-link{color: #071f32;font-weight: 600;font-size: 1.4rem;}
	.navbar-nav .nav-link a{padding: 0px 5px !important;display: block;width: 100%; height: 100%;}
	.navbar-nav .BordeArriba{position: relative;}
	.navbar-nav .BordeArriba .nav-link:before {
		background: transparent;
		display: block;
		content: "";
		height: 6px;
		width: 100%;
		left: 0;
		position: absolute;
		top: -23px;
		transition: height .2s ease
	}
	.navbar-nav .nav-link.activo:before{background:#000;}
	.navbar-nav .nav-link:hover:before{background:#000;}
	.navbar-nav .dropdown .dropdown-menu .dropdown-item{padding:8px;}
	#navbarCollapase .navbar-nav .dropdown-item:hover{background-color:#515151 !important; color: rgba(255,255,255,1) !important;}
	.navbar-nav .dropdown .dropdown-menu {font-size:15px;}
	.navbar-nav > .show, .navbar-nav > .show :hover, .navbar-nav > .show :focus {background-color: #EEEEEE;color: #000000 !important;}
	.breadcrumb{margin-bottom: 1rem;}
	#myCarousel {
		height: calc( 100vh );
	}
	#myCarousel .carousel-item {
		height: calc( 100vh);
	}
	#myCarousel .carousel-inner > .carousel-item > img {
		height: calc( 100vh );
	}
	#myCarouselInterior {
		height:250px;
	}
	#myCarouselInterior .carousel-item{
		height:250px;
	}
	#myCarouselInterior .carousel-inner > .carousel-item > img {
		height:250px;
	}
	#myCarouselAviso{
		position: absolute;
		bottom: -100px;
		right: 20px;
		width: 400px;
		height: auto;
		z-index: 2;
	}
}
@media (min-width:992px){
	.ps-lg-6 {padding-left: 4rem!important;}
	.pe-lg-6 {padding-right: 4rem!important;}
	.ps-lg-7 {padding-left: 5rem!important;}
	.pe-lg-7 {padding-right: 5rem!important;}
	.ps-lg-8 {padding-left: 6rem!important;}
	.pe-lg-8 {padding-right: 6rem!important;}
	.ps-lg-9 {padding-left: 8rem!important;}
	.pe-lg-9 {padding-right: 8rem!important;}
	.ps-lg-10 {padding-left: 10rem!important;}
	.pe-lg-10 {padding-right: 10rem!important;}
	.navbar-nav .nav-link{font-size: 1.5rem;}
	.navbar-nav .nav-link a{padding: 0px 0px !important;}
	#myCarouselInterior {
		height:300px;
	}
	#myCarouselInterior .carousel-item{
		height:300px;
	}
	#myCarouselInterior .carousel-inner > .carousel-item > img {
		height:300px;
	}
	#myCarouselAviso{
		bottom: -60px;
	}
}
@media (min-width:1200px){
	.ps-xl-6 {padding-left: 4rem!important;}
	.pe-xl-6 {padding-right: 4rem!important;}
	.ps-xl-7 {padding-left: 5rem!important;}
	.pe-xl-7 {padding-right: 5rem!important;}
	.ps-xl-8 {padding-left: 6rem!important;}
	.pe-xl-8 {padding-right: 6rem!important;}
	.ps-xl-9 {padding-left: 8rem!important;}
	.pe-xl-9 {padding-right: 8rem!important;}
	.ps-xl-10 {padding-left: 10rem!important;}
	.pe-xl-10 {padding-right: 10rem!important;}
	.navbar-nav .nav-link{font-size: 1.6rem;}
	.navbar-nav .nav-link a{padding: 0px 0px !important;}
	#myCarouselInterior {
		height:400px;
	}
	#myCarouselInterior .carousel-item{
		height:400px;
	}
	#myCarouselInterior .carousel-inner > .carousel-item > img {
		height:400px;
	}
	#myCarouselAviso{
		bottom: -60px;
	}
}
@media (min-width:1400px){	
	.ps-xxl-6 {padding-left: 4rem!important;}
	.pe-xxl-6 {padding-right: 4rem!important;}
	.ps-xxl-7 {padding-left: 5rem!important;}
	.pe-xxl-7 {padding-right: 5rem!important;}
	.ps-xxl-8 {padding-left: 6rem!important;}
	.pe-xxl-8 {padding-right: 6rem!important;}
	.ps-xxl-9 {padding-left: 8rem!important;}
	.pe-xxl-9 {padding-right: 8rem!important;}
	.ps-xxl-10 {padding-left: 10rem!important;}
	.pe-xxl-10 {padding-right: 10rem!important;}
	.navbar-nav .nav-link{font-size: 1.7rem;}
	.navbar-nav .nav-link a{padding: 0px 0px !important;}
	#myCarouselInterior {
		height:500px;
	}
	#myCarouselInterior .carousel-item{
		height:500px;
	}
	#myCarouselInterior .carousel-inner > .carousel-item > img {
		height:500px;
	}
	#myCarouselAviso{
		bottom: -80px;
		width: 420px;
	}
}
@media (min-width:1600px){	
	.navbar-nav .nav-link{font-size: 1.8rem;}
	.navbar-nav .nav-link a{padding: 0px 10px !important;}
}
/* Soluciona problema Bxslider con pestañas bootstrap*/
.tab-content > .tab-pane,
	.pill-content > .pill-pane {
	display: block;     
	height: 0;         
	overflow-y: hidden; 
}

.tab-content > .active,
	.pill-content > .active {
	height: auto;      
}

/*Petañas activas*/
.nav-item .nav-link.active {
	background-color: transparent !important;
	color:#000 !important;
	font-weight: 800;
	border-bottom: 0.2rem solid #000 !important;
}
/*pestañas inactivas*/
.nav-tabs>li>a {
	color: #9CA5AD;
	border-bottom: 0.2rem solid transparent;
}
/*tooltip*/
.tooltip {
    --bs-tooltip-font-size: 1.3rem;
}
/*breadcrum*/
.breadcrumb-item a{color:rgba(7,31,50,.5);}
.breadcrumb-item a:hover{color: #071f32;}
.breadcrumb-item+.breadcrumb-item {
    padding-left: 10px;
}
.breadcrumb-item+.breadcrumb-item::before {
    padding-right: 10px;
}
/*acordeon + - 
.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e") !important;
	transform: scale(.7) !important;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e") !important;
}*/
/*acordeon + - */
.accordion-button::after {
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23e22c3f'%3e%3cpath d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3e%3c/svg%3e") !important;
}
.accordion-button:not(.collapsed)::after {
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23000'%3e%3cpath d='M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z'/%3e%3c/svg%3e") !important;
}
.accordion {
    --bs-accordion-btn-icon-transform:rotate(0deg) !important;
}
/*acordeon*/
.accordion-button {
    background: #f2f2f2;
    cursor: pointer;
    justify-content: space-between;
    padding: 1rem 1rem 1rem 1.5rem;
    text-align: left;
    width: 100%;
	font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: -.018rem;
    line-height: 2.4rem;
	color: #195028;
	border: 0.3rem solid #d1d1d1;
}
.accordion-button:not(.collapsed) {
    background: #f2f2f2;
    cursor: pointer;
    justify-content: space-between;
    padding: 1rem 1rem 1rem 1.5rem;
    text-align: left;
    width: 100%;
	font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: -.018rem;
    line-height: 2.4rem;
	color: #195028;
	border: 0.3rem solid #d1d1d1;
}
.accordion-button:not(.collapsed) {
	background: #f2f2f2;
    cursor: pointer;
    justify-content: space-between;
    padding: 1rem 1rem 1rem 1.5rem;
    text-align: left;
    width: 100%;
	font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: -.018rem;
    line-height: 2.4rem;
	color: #195028;
	border: 0.3rem solid #d1d1d1;
}
.accordion-button .fa-angle-right{font-size: 20px;}
.accordion-body{
	border: 0.3rem solid #d1d1d1;
	border-top: none;
}
.accordion-body .card{
	border: none;
}
.SubMenu .accordion-button {
	border:none;
	border-bottom: 0.3rem solid #d1d1d1;
}
.SubMenu .accordion-button:not(.collapsed) {
	background: #E8F8EC;
	border:none;
	border-bottom: 0.3rem solid #d1d1d1;
}
.SubSubMenu .accordion-button {
	border:none;
	border-bottom: 0.3rem solid #d1d1d1;
}
.SubSubMenu .accordion-button:not(.collapsed) {
	background: #fff7f5;
	border:none;
	border-bottom: 0.3rem solid #d1d1d1;
}
#Categorias .accordion-button:hover{background-color:#BBB !important;}
#Categorias .accordion-button:not(.collapsed) {background-color:#BBB !important; color: darkgreen !important;}
/*acordeon*/
/*pagination*/
.page-item.active .page-link,
.pagination > .active .page-link > a,
.pagination > .active .page-link > a:focus,
.pagination > .active .page-link > a:hover,
.pagination > .active .page-link > span,
.pagination > .active .page-link > span:focus,
.pagination > .active > span:hover {
	background-color: #000 !important;
	border-color: #000 !important;	
	color: #FFF !important;
}
.page-link {color: #000 !important;}
/*pagination*/
/*text-truncate varias lineas*/
.crop-text-2{
	-webkit-line-clamp: 2;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.crop-text-3{
	-webkit-line-clamp: 3;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.crop-text-4{
	-webkit-line-clamp: 4;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}