/*Menu principal*/

	div.menu-principal div.menu{
		margin: 0;
		padding: 0;
	}
	.menu-principal .menu > li{
		list-style: none;
		display: inline-block;
		margin: 0 -3px 0 0;
	}
	.menu-principal .menu > li:last-child{
		margin: 0;
	}
	.menu-principal .menu > li,
	.menu-principal .menu > li a{
		color: #003670;
		text-transform: uppercase;
		font-size: 12px;
    		text-decoration: none;
	}
	.menu-principal .menu > li a{
		display: block;
		padding: 14px 14px;
	}
	
	.menu-principal .menu > li.current-menu-item a,
	.menu-principal .menu > li:hover a,
	.menu-principal .menu > li.is-open a,
	.menu-principal .menu > li.current-menu-parent a{
		text-decoration: none;
		border-bottom:  solid #FFDA03 1px;
		padding-bottom: 12px;
		transition: background .3s;
		-moz-transition: background 0.3s; /* Firefox 4 */
		-webkit-transition: background 0.3s; /* Safari and Chrome */
		-o-transition: background 0.3s; /* Opera */
	}
	.menu-principal .menu > li.menu-item-has-children > a:after{
		content: " +";
	}
	.menu-principal .menu > li > ul{
		width: 250px;
		visibility:hidden;
		opacity:0;
		transition:visibility 0s linear 0.3s,opacity 0.3s linear;
		-moz-transition: visibility 0s linear 0.3s,opacity 0.3s linear;; /* Firefox 4 */
		-webkit-transition: visibility 0s linear 0.3s,opacity 0.3s linear;; /* Safari and Chrome */
		-o-transition: visibility 0s linear 0.3s,opacity 0.3s linear;; /* Opera */
		position: absolute;
		padding: 0;
		margin: 0;
		z-index: 5;
	}
	.menu-principal .menu > li > ul > li{
		list-style: none;
		display: block;
	}
        .menu-principal .menu > li > a:hover{
                color: rgb(220, 5, 45);
	}
	.menu-principal .menu > li > ul > li > a:hover{
		text-decoration: none;
		background: none;
                color: rgb(220, 5, 45);
	}
	.menu-principal .menu > li > ul > li > a{
		border-top-width: 1px;
	}
	.menu-principal .menu > li:hover > ul,
	.menu-principal .menu > li.is-open > ul{
		visibility:visible;
		opacity:1;
		transition-delay:0s;
	}
	.menu-principal .menu > li.current-menu-parent ul > li.current-menu-item a{
		background: none;
	}
	.menu-item-has-childrenSign{
		font-size: 6px;
	}
	.menu-item-has-childrenSign .glyphicon{
		margin-left: 5px;
		transform : rotate(90deg);
		-moz-transform : rotate(90deg); /* Firefox */
		-webkit-transform : rotate(90deg); /* Chrome - Safari */
		-o-transform : rotate(90deg); /* Opera */
	}

	ul.sub-menu{
		background-color: #fff !important;
	}


.rastro_navegacion{background-color: #6c757d;border-bottom: 5px solid #cf142b;margin: 0 0 30px 0;padding: 10px 0;position: relative;text-align: left;color: #000000;font-size: 14px;}

.rastro_navegacion a{
	color: #ffffff;
}


.rastro_navegacion .breadcrumb{
	background: none;
	margin:0;
}
.breadcrumbs{
	margin: 0;
	padding: 0;
	color: #777;
}
.breadcrumbs .separator{
	margin: 0 5px;
	color: #ccc;
}
.breadcrumbs .rastroHere{
	margin-right: 5px;
}
.breadcrumbs li{
	list-style: none;
	display: inline-block;
}

.BotonBonoLuz {
	position: absolute;
	right: 80px;
	top: 550px;
	z-index: 2000;
}


.entry-content {
max-width: max-content !important;
    padding: 0 !important;
}

/*contenido*/
.content-area{
	width: auto;
	height: auto;
	padding-top: 0;
	padding-bottom: 25px;
	text-align: justify;
        text-justify: inter-word;
	margin-left:15px;
	color: #353535;
	font-family: "Open Sans", Arial, sans-serif !important;
    line-height: 1.5;
    font-size: 1.2em;
}


	.content-area h1.title,
	.content-area h1.entry-title,
	h1.entry-title-servicios,
	h1.widget-title{
		font-size: 1.6em;
	        line-height: 38px;
		border-bottom: solid #C9C9C9 1px;
		margin-top: 0;
		margin-bottom: 15px;
		padding-bottom: 7px;
		color: #003876;
        font-weight: 200;
        letter-spacing: -1px;
	}

.content-area header {
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}


.wcp-content-wrap a {
    color: #003876;
}

/*Panel derecho*/
aside .menu li{
	margin-bottom: 1px;
	color: #fff;
	/*text-transform: uppercase;*/
	font-size: 13px;
}
aside .menu li > a{
    color: #fff;
    position: relative;
    display: block;
    padding: 10px 15px;
    background: #6c757d;
}
aside .menu li.current-menu-item > a,
aside .menu li.current > a,
aside .menu li > a:hover{
        background: #cf142b;
        color: #fff;
	text-decoration: none;
	transition: background .3s;
	-moz-transition: background 0.3s; /* Firefox 4 */
	-webkit-transition: background 0.3s; /* Safari and Chrome */
	-o-transition: background 0.3s; /* Opera */
}
@media (max-width: 767px) {
	aside{
		margin-bottom: 20px;
	}
}

/* Accesibilidad: enlace para saltar al contenido (solo visible al recibir foco por teclado) */
.skip-link:focus{
	position: fixed;
	top: 8px;
	left: 8px;
	z-index: 10000;
	padding: 10px 16px;
	background: #fff;
	color: #003670;
	font: 700 14px/1.2 "Roboto", sans-serif;
	border: 2px solid #003670;
	border-radius: 4px;
	text-decoration: none;
}

/* Accesibilidad: el botón de cerrar "Enlaces de interés" conserva el aspecto del ícono anterior */
.menu-grid-title .menu-grid-close{
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
	font: inherit;
	font-size: 18px;
	line-height: inherit;
	color: inherit;
	cursor: pointer;
}


/* Accesibilidad: botón para pausar y reanudar el carrusel de la portada */
.carrusel-control{
	position: absolute;
	left: 16px;
	bottom: 16px;
	z-index: 1000;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	background: #003670;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 4px;
	font: 500 14px/1.2 "Roboto", sans-serif;
	cursor: pointer;
}
.carrusel-control:hover{
	background: #002272;
}
.carrusel-control:focus-visible{
	outline: 3px solid #FFDA03;
	outline-offset: 2px;
}
@media (max-width: 767px){
	.carrusel-control{
		left: 8px;
		bottom: 8px;
		padding: 6px 10px;
		font-size: 12px;
	}
}
