@import url("https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,200");

/* Reset */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

html{
    scroll-behavior:smooth;
}


	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}
.negrita{
    font-weight: bold;
}
	
#SG{
    list-style: decimal;
    margin:0;
    padding: 15px;
}

.headroom{
	transition:transform .5s ease;
}

.headroom--pinned{
	transform:translateY(0%);
}
.headroom--unpinned{
	transform:translateY(-100%);
}

	
	.ir-arriba {
	display:none;
	padding:20px;
	background:rgba(0,106,128,.5);
	font-size:20px;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:20px;
	right:20px;
	border-radius:5px;
	z-index: 4;
}

	.funciones{
		text-align:justify;
		list-style:inside;
	}
	.t2{
		font-size:1.25em;
		color:black;
	}
	article p{
		margin: 5px 0;
	}
	
	p#hhh2, .ver-gal{
		display:none;
	}

/*FECHA Y HORA*/
.fecha{
		width:auto;
		margin:0 auto;
		position:absolute;
		right:0;
		top:35px;
        color: #fff;
        text-shadow: 1px 1px 1px rgba(255, 200, 0, 0.5);
        display: flex;
	}

.fecha #reloj{
    padding-left: 15px;
}

	
	/*BUSCADOR INTERNO (deshabilitado)*/ 
	form{
		width:300px;
		margin:0 auto;
		position:absolute;
		right:0;
		top:35px; 
	}
	fieldset{
		display:inline-block;
		background:#FFF;
		border:1px solid #f60;
		border-radius:5px;
		padding:0 0 0 40px;
		/*box-shadow: 0 0 15px 5px #b0e0ee;
		border: 2px solid #bebede;*/
	}
	input, button{
		position:relative;
		float:left;
		width:200px;
		height:30px;
		padding:0;
	}
	input{
		color:#666;
		border:none;
		z-index:2;
	}
	button{
		border-radius:4px;
		font-size:1.2em;
		width:50px;
		border:none;
		background:#f60;
		transform:translate(-50px,0);
		transition-duration:.3s;
	}
	button#btn-buscar:hover{
		background:#006699;
	}
	fieldset:hover{
		box-shadow: 0 0 10px 5px #b0e0ee;
	}
	button:hover .fa{
		font-size:1.35em;		
	}
	.fa-search{
		cursor:none;
		color:#bbb;
		transform:translate(-195px,0);
		transition: all .1s ease-in-out;
	}
	input:focus{
		outline:none;
	}
	input:focus + button{
		transform:translate(0,0);
		transition-duration:.3s;
		cursor:pointer;
	}
	input:focus + button .fa{
		color:#FFF;
		transform:translate(0,0);
		transition:.5s;
	}
	
	
	
	.imgs{
		max-width:100%;
		display: block;
      margin-left: auto;
      margin-right: auto;
      border:none;
	}
	

	body {
		line-height: 1;
	}

	ol, ul {
		list-style: none;
	}
	/*
	ul li{
		list-style:disc;
		margin-left:17px;
	}
	*/

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	body {
		-webkit-text-size-adjust: none;
	}

/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

/* Containers */

	.container {
		margin-left: auto;
		margin-right: auto;
	}

	.container.\31 25\25 {
		width: 100%;
		max-width: 1200px;
		min-width: 960px;
	}

	.container.\37 5\25 {
		width: 720px;
	}

	.container.\35 0\25 {
		width: 480px;
	}

	.container.\32 5\25 {
		width: 240px;
	}

	.container {
		width: 960px;
	}

	@media screen and (min-width: 767px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 1500px;
			min-width: 1200px;
		}

		.container.\37 5\25 {
			width: 900px;
		}

		.container.\35 0\25 {
			width: 600px;
		}

		.container.\32 5\25 {
			width: 300px;
		}

		.container {
			width: 1200px;
		}

	}

	@media screen and (min-width: 767px) and (max-width: 1200px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 1250px;
			min-width: 1000px;
		}

		.container.\37 5\25 {
			width: 750px;
		}

		.container.\35 0\25 {
			width: 500px;
		}

		.container.\32 5\25 {
			width: 250px;
		}

		.container {
			width: 1000px;
		}

	}

	@media screen and (max-width: 766px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 125%;
			min-width: 100%;
		}

		.container.\37 5\25 {
			width: 75%;
		}

		.container.\35 0\25 {
			width: 50%;
		}

		.container.\32 5\25 {
			width: 25%;
		}

		.container {
			width: 100% !important;
		}

	}

/* Grid */

	.row {
		border-bottom: solid 1px transparent;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.row > * {
		float: left;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.row:after, .row:before {
		content: '';
		display: block;
		clear: both;
		height: 0;
	}

	.row.uniform > * > :first-child {
		margin-top: 0;
	}

	.row.uniform > * > :last-child {
		margin-bottom: 0;
	}

	.row.\30 \25 > * {
		padding: 0 0 0 0px;
	}

	.row.\30 \25 {
		margin: 0 0 -1px 0px;
	}

	.row.uniform.\30 \25 > * {
		padding: 0px 0 0 0px;
	}

	.row.uniform.\30 \25 {
		margin: 0px 0 -1px 0px;
	}

	.row > * {
		padding: 0 0 0 40px;
	}

	.row {
		margin: 0 0 -1px -40px;
	}

	.row.uniform > * {
		padding: 40px 0 0 40px;
	}

	.row.uniform {
		margin: -40px 0 -1px -40px;
	}

	.row.\32 00\25 > * {
		padding: 0 0 0 80px;
	}

	.row.\32 00\25 {
		margin: 0 0 -1px -80px;
	}

	.row.uniform.\32 00\25 > * {
		padding: 80px 0 0 80px;
	}

	.row.uniform.\32 00\25 {
		margin: -80px 0 -1px -80px;
	}

	.row.\31 50\25 > * {
		padding: 0 0 0 60px;
	}

	.row.\31 50\25 {
		margin: 0 0 -1px -60px;
	}

	.row.uniform.\31 50\25 > * {
		padding: 60px 0 0 60px;
	}

	.row.uniform.\31 50\25 {
		margin: -60px 0 -1px -60px;
	}

	.row.\35 0\25 > * {
		padding: 0 0 0 20px;
	}

	.row.\35 0\25 {
		margin: 0 0 -1px -20px;
	}

	.row.uniform.\35 0\25 > * {
		padding: 20px 0 0 20px;
	}

	.row.uniform.\35 0\25 {
		margin: -20px 0 -1px -20px;
	}

	.row.\32 5\25 > * {
		padding: 0 0 0 10px;
	}

	.row.\32 5\25 {
		margin: 0 0 -1px -10px;
	}

	.row.uniform.\32 5\25 > * {
		padding: 10px 0 0 10px;
	}

	.row.uniform.\32 5\25 {
		margin: -10px 0 -1px -10px;
	}

	.\31 2u, .\31 2u\24 {
		width: 100%;
		clear: none;
		margin-left: 0;
	}

	.\31 1u, .\31 1u\24 {
		width: 91.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 0u, .\31 0u\24 {
		width: 83.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\39 u, .\39 u\24 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}

	.\38 u, .\38 u\24 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\37 u, .\37 u\24 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\36 u, .\36 u\24 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}

	.\35 u, .\35 u\24 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\34 u, .\34 u\24 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\33 u, .\33 u\24 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}

	.\32 u, .\32 u\24 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 u, .\31 u\24 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\31 2u\24 + *,
	.\31 1u\24 + *,
	.\31 0u\24 + *,
	.\39 u\24 + *,
	.\38 u\24 + *,
	.\37 u\24 + *,
	.\36 u\24 + *,
	.\35 u\24 + *,
	.\34 u\24 + *,
	.\33 u\24 + *,
	.\32 u\24 + *,
	.\31 u\24 + * {
		clear: left;
	}

	.\-11u {
		margin-left: 91.66667%;
	}

	.\-10u {
		margin-left: 83.33333%;
	}

	.\-9u {
		margin-left: 75%;
	}

	.\-8u {
		margin-left: 66.66667%;
	}

	.\-7u {
		margin-left: 58.33333%;
	}

	.\-6u {
		margin-left: 50%;
	}

	.\-5u {
		margin-left: 41.66667%;
	}

	.\-4u {
		margin-left: 33.33333%;
	}

	.\-3u {
		margin-left: 25%;
	}

	.\-2u {
		margin-left: 16.66667%;
	}

	.\-1u {
		margin-left: 8.33333%;
	}

	@media screen and (min-width: 737px) {

		.row > * {
			padding: 25px 0 0 25px;
		}

		.row {
			margin: -25px 0 -1px -25px;
		}

		.row.uniform > * {
			padding: 25px 0 0 25px;
		}

		.row.uniform {
			margin: -25px 0 -1px -25px;
		}

		.row.\32 00\25 > * {
			padding: 50px 0 0 50px;
		}

		.row.\32 00\25 {
			margin: -50px 0 -1px -50px;
		}

		.row.uniform.\32 00\25 > * {
			padding: 50px 0 0 50px;
		}

		.row.uniform.\32 00\25 {
			margin: -50px 0 -1px -50px;
		}

		.row.\31 50\25 > * {
			padding: 37.5px 0 0 37.5px;
		}

		.row.\31 50\25 {
			margin: -37.5px 0 -1px -37.5px;
		}

		.row.uniform.\31 50\25 > * {
			padding: 37.5px 0 0 37.5px;
		}

		.row.uniform.\31 50\25 {
			margin: -37.5px 0 -1px -37.5px;
		}

		.row.\35 0\25 > * {
			padding: 12.5px 0 0 12.5px;
		}

		.row.\35 0\25 {
			margin: -12.5px 0 -1px -12.5px;
		}

		.row.uniform.\35 0\25 > * {
			padding: 12.5px 0 0 12.5px;
		}

		.row.uniform.\35 0\25 {
			margin: -12.5px 0 -1px -12.5px;
		}

		.row.\32 5\25 > * {
			padding: 6.25px 0 0 6.25px;
		}

		.row.\32 5\25 {
			margin: -6.25px 0 -1px -6.25px;
		}

		.row.uniform.\32 5\25 > * {
			padding: 6.25px 0 0 6.25px;
		}

		.row.uniform.\32 5\25 {
			margin: -6.25px 0 -1px -6.25px;
		}

		.\31 2u\28desktop\29, .\31 2u\24\28desktop\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28desktop\29, .\31 1u\24\28desktop\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28desktop\29, .\31 0u\24\28desktop\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28desktop\29, .\39 u\24\28desktop\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28desktop\29, .\38 u\24\28desktop\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28desktop\29, .\37 u\24\28desktop\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28desktop\29, .\36 u\24\28desktop\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28desktop\29, .\35 u\24\28desktop\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28desktop\29, .\34 u\24\28desktop\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28desktop\29, .\33 u\24\28desktop\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28desktop\29, .\32 u\24\28desktop\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28desktop\29, .\31 u\24\28desktop\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28desktop\29 + *,
		.\31 1u\24\28desktop\29 + *,
		.\31 0u\24\28desktop\29 + *,
		.\39 u\24\28desktop\29 + *,
		.\38 u\24\28desktop\29 + *,
		.\37 u\24\28desktop\29 + *,
		.\36 u\24\28desktop\29 + *,
		.\35 u\24\28desktop\29 + *,
		.\34 u\24\28desktop\29 + *,
		.\33 u\24\28desktop\29 + *,
		.\32 u\24\28desktop\29 + *,
		.\31 u\24\28desktop\29 + * {
			clear: left;
		}

		.\-11u\28desktop\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28desktop\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28desktop\29 {
			margin-left: 75%;
		}

		.\-8u\28desktop\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28desktop\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28desktop\29 {
			margin-left: 50%;
		}

		.\-5u\28desktop\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28desktop\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28desktop\29 {
			margin-left: 25%;
		}

		.\-2u\28desktop\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28desktop\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (min-width: 767px) and (max-width: 1200px) {

		.row > * {
			padding: 20px 0 0 20px;
		}

		.row {
			margin: -20px 0 -1px -20px;
		}

		.row.uniform > * {
			padding: 20px 0 0 20px;
		}

		.row.uniform {
			margin: -20px 0 -1px -20px;
		}

		.row.\32 00\25 > * {
			padding: 40px 0 0 40px;
		}

		.row.\32 00\25 {
			margin: -40px 0 -1px -40px;
		}

		.row.uniform.\32 00\25 > * {
			padding: 40px 0 0 40px;
		}

		.row.uniform.\32 00\25 {
			margin: -40px 0 -1px -40px;
		}

		.row.\31 50\25 > * {
			padding: 30px 0 0 30px;
		}

		.row.\31 50\25 {
			margin: -30px 0 -1px -30px;
		}

		.row.uniform.\31 50\25 > * {
			padding: 30px 0 0 30px;
		}

		.row.uniform.\31 50\25 {
			margin: -30px 0 -1px -30px;
		}

		.row.\35 0\25 > * {
			padding: 10px 0 0 10px;
		}

		.row.\35 0\25 {
			margin: -10px 0 -1px -10px;
		}

		.row.uniform.\35 0\25 > * {
			padding: 10px 0 0 10px;
		}

		.row.uniform.\35 0\25 {
			margin: -10px 0 -1px -10px;
		}

		.row.\32 5\25 > * {
			padding: 5px 0 0 5px;
		}

		.row.\32 5\25 {
			margin: -5px 0 -1px -5px;
		}

		.row.uniform.\32 5\25 > * {
			padding: 5px 0 0 5px;
		}

		.row.uniform.\32 5\25 {
			margin: -5px 0 -1px -5px;
		}

		.\31 2u\28tablet\29, .\31 2u\24\28tablet\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28tablet\29, .\31 1u\24\28tablet\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28tablet\29, .\31 0u\24\28tablet\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28tablet\29, .\39 u\24\28tablet\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28tablet\29, .\38 u\24\28tablet\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28tablet\29, .\37 u\24\28tablet\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28tablet\29, .\36 u\24\28tablet\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28tablet\29, .\35 u\24\28tablet\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28tablet\29, .\34 u\24\28tablet\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28tablet\29, .\33 u\24\28tablet\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28tablet\29, .\32 u\24\28tablet\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28tablet\29, .\31 u\24\28tablet\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28tablet\29 + *,
		.\31 1u\24\28tablet\29 + *,
		.\31 0u\24\28tablet\29 + *,
		.\39 u\24\28tablet\29 + *,
		.\38 u\24\28tablet\29 + *,
		.\37 u\24\28tablet\29 + *,
		.\36 u\24\28tablet\29 + *,
		.\35 u\24\28tablet\29 + *,
		.\34 u\24\28tablet\29 + *,
		.\33 u\24\28tablet\29 + *,
		.\32 u\24\28tablet\29 + *,
		.\31 u\24\28tablet\29 + * {
			clear: left;
		}

		.\-11u\28tablet\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28tablet\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28tablet\29 {
			margin-left: 75%;
		}

		.\-8u\28tablet\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28tablet\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28tablet\29 {
			margin-left: 50%;
		}

		.\-5u\28tablet\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28tablet\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28tablet\29 {
			margin-left: 25%;
		}

		.\-2u\28tablet\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28tablet\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (max-width: 766px) {

		.row > * {
			padding: 20px 0 0 20px;
		}

		.row {
			margin: -20px 0 -1px -20px;
		}

		.row.uniform > * {
			padding: 20px 0 0 20px;
		}

		.row.uniform {
			margin: -20px 0 -1px -20px;
		}

		.row.\32 00\25 > * {
			padding: 40px 0 0 40px;
		}

		.row.\32 00\25 {
			margin: -40px 0 -1px -40px;
		}

		.row.uniform.\32 00\25 > * {
			padding: 40px 0 0 40px;
		}

		.row.uniform.\32 00\25 {
			margin: -40px 0 -1px -40px;
		}

		.row.\31 50\25 > * {
			padding: 30px 0 0 30px;
		}

		.row.\31 50\25 {
			margin: -30px 0 -1px -30px;
		}

		.row.uniform.\31 50\25 > * {
			padding: 30px 0 0 30px;
		}

		.row.uniform.\31 50\25 {
			margin: -30px 0 -1px -30px;
		}

		.row.\35 0\25 > * {
			padding: 10px 0 0 10px;
		}

		.row.\35 0\25 {
			margin: -10px 0 -1px -10px;
		}

		.row.uniform.\35 0\25 > * {
			padding: 10px 0 0 10px;
		}

		.row.uniform.\35 0\25 {
			margin: -10px 0 -1px -10px;
		}

		.row.\32 5\25 > * {
			padding: 5px 0 0 5px;
		}

		.row.\32 5\25 {
			margin: -5px 0 -1px -5px;
		}

		.row.uniform.\32 5\25 > * {
			padding: 5px 0 0 5px;
		}

		.row.uniform.\32 5\25 {
			margin: -5px 0 -1px -5px;
		}

		.\31 2u\28mobile\29, .\31 2u\24\28mobile\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28mobile\29, .\31 1u\24\28mobile\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28mobile\29, .\31 0u\24\28mobile\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28mobile\29, .\39 u\24\28mobile\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28mobile\29, .\38 u\24\28mobile\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28mobile\29, .\37 u\24\28mobile\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28mobile\29, .\36 u\24\28mobile\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28mobile\29, .\35 u\24\28mobile\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28mobile\29, .\34 u\24\28mobile\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28mobile\29, .\33 u\24\28mobile\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28mobile\29, .\32 u\24\28mobile\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28mobile\29, .\31 u\24\28mobile\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28mobile\29 + *,
		.\31 1u\24\28mobile\29 + *,
		.\31 0u\24\28mobile\29 + *,
		.\39 u\24\28mobile\29 + *,
		.\38 u\24\28mobile\29 + *,
		.\37 u\24\28mobile\29 + *,
		.\36 u\24\28mobile\29 + *,
		.\35 u\24\28mobile\29 + *,
		.\34 u\24\28mobile\29 + *,
		.\33 u\24\28mobile\29 + *,
		.\32 u\24\28mobile\29 + *,
		.\31 u\24\28mobile\29 + * {
			clear: left;
		}

		.\-11u\28mobile\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28mobile\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28mobile\29 {
			margin-left: 75%;
		}

		.\-8u\28mobile\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28mobile\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28mobile\29 {
			margin-left: 50%;
		}

		.\-5u\28mobile\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28mobile\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28mobile\29 {
			margin-left: 25%;
		}

		.\-2u\28mobile\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28mobile\29 {
			margin-left: 8.33333%;
		}

	}

/* Basic */

	body {
		background: #D4D9DD url("images/bg03.jpg");
		color: #000000;
		font-size: 13.5pt;
		font-family: 'Yanone Kaffeesatz';
		line-height: 1.8em;
		font-weight: 300;
	}

	input, textarea, select {
		color: #000000;
		font-size: 13.5pt;
		font-family: 'Yanone Kaffeesatz';
		line-height: 1.8em;
		font-weight: 300;
	}

	ul, ol, p, dl {
		margin: 0 0 1.5em 0;
	}
	.listaspd1{ /*listas ul de prestaciones*/
		list-style: circle;
		margin-left: 20px;
	}

	a { /*menu celular*/
		text-decoration: underline;
	}

		a:hover {
			text-decoration: none;
		}

	section > :last-child,
	.last-child {
		margin-bottom: 0 !important;
	}
	/*
#nuevo{
	max-height:350px;
}	
*/

/* Multi-use */

	.link-list li {
		padding: 0.2em 0 0.2em 0;
	}

		.link-list li:first-child {
			padding-top: 0 !important;
			border-top: 0 !important;
		}

		.link-list li:last-child {
			padding-bottom: 0 !important;
			border-bottom: 0 !important;
		}

	.quote-list li {
		padding: 1em 0 1em 0;
		overflow: hidden;
	}

		.quote-list li:first-child {
			padding-top: 0 !important;
			border-top: 0 !important;
		}

		.quote-list li:last-child {
			padding-bottom: 0 !important;
			border-bottom: 0 !important;
		}

		.quote-list li img {
			float: left;
		}

		.quote-list li p {
			margin: 0 0 0 90px;
			font-size: 1.2em;
			font-style: italic;
		}

		.quote-list li span {
			display: block;
			margin-left: 90px;
			font-size: 0.9em;
			font-weight: 400;
		}

	.check-list li { /*imagen de descarga*/
		padding: .5em 0 .5em 32px;
		font-size: 1.15em;
		background: url("images/icon-checkmark.png") 0px 1.05em no-repeat;
        background-size: 1em;
        text-align: justify;
	}

		.check-list li:first-child {
			padding-top: 0 !important;
			border-top: 0 !important;
			background-position: 0 0.3em;
		}

		.check-list li:last-child {
			padding-bottom: 0 !important;
			border-bottom: 0 !important;
		}

	.feature-image {
		display: block;
		margin: 0 0 2em 0;
		outline: 0;
	}

		.feature-image img {
			display: block;
			width: 100%;
		}

	.bordered-feature-image {
		display: block;
		background: #fff url("images/bg04.GIF");
		padding: 10px;
		box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
		margin: 0 0 1.5em 0;
		outline: 0;
	}
	
		.bordered-feature-image img {
			display: block;
			width: 100%;
		}

	.button-big {
		background-image: -moz-linear-gradient(top, #ed391b, #ce1a00);
		background-image: -webkit-linear-gradient(top, #ed391b, #ce1a00);
		background-image: -ms-linear-gradient(top, #ed391b, #ce1a00);
		background-image: linear-gradient(top, #ed391b, #ce1a00);
		display: inline-block;
		background-color: #ed391b;
		color: #fff;
		text-decoration: none;
		font-size: 1.75em;
		font-weight: 300;
		padding: 15px 45px 15px 45px;
		outline: 0;
		border-radius: 10px;
		box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
		text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
	}

		.button-big:hover {
			background-image: -moz-linear-gradient(top, #fd492b, #de2a10);
			background-image: -webkit-linear-gradient(top, #fd492b, #de2a10);
			background-image: -ms-linear-gradient(top, #fd492b, #de2a10);
			background-image: linear-gradient(top, #fd492b, #de2a10);
			background-color: #fd492b;
			box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
		}

		.button-big:active {
			background-image: -moz-linear-gradient(top, #ce1a00, #ed391b);
			background-image: -webkit-linear-gradient(top, #ce1a00, #ed391b);
			background-image: -ms-linear-gradient(top, #ce1a00, #ed391b);
			background-image: linear-gradient(top, #ce1a00, #ed391b);
			background-color: #ce1a00;
			box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
		}

/*ul#otros h2{/*titulo cuadros derecha index*
    color:red;
    font-size: 20px;
}*/



/* Content */

	#content .quote-list li {
		border-bottom: solid 1px #e2e6e8;
	}

	#content .link-list li {
		border-bottom: solid 1px #e2e6e8;
	}

	#content .check-list li {
		border-bottom: solid 1px #e2e6e8;
	}

	article img{
		margin: 0 auto;
		display: flex;
		justify-content: center;
		width: 95%;
		max-width: 95%;
	}

	article embed{
		display: flex;
		justify-content: center;
		margin: 0 auto;
		width: 95%;
		max-width: 95%;
		height: 500px;
	}

	.btn-cerrarpriv{
		padding-top: 2px;
		top: -600px;
	position: relative;
    display: block;
    width: 150px;
    height: 35px;
    border-radius: 4px;
    text-transform: uppercase;
    background-color: transparent;
    color: #f60;
    font-size: 18px;
    letter-spacing: 4px;
    overflow: hidden;
    transition: all 500ms ease;
    border: 2px solid #20e2d7;
    margin-top: 20px;
    z-index: 0;
    font-weight: 700;
    cursor: pointer;
    float: right;
	}

	.btn-cerrarpriv:hover{
		animation: shadow-pulse 1000ms 1;
  background-color: #20e2d7;
  color: #434343;
	}

	.btn-cerrarpriv:active{
		background-color: #20e2d7;
	  box-shadow: 0 0 10px #20e2d7, 0 0 20px #20e2d7, 0 0 20px #20e2d7;
	  color: #434343;
	}

	#parrafopriv{
		max-width: 100%;
		width: 100%;
		padding-right: 5px;
		color:#000000;
		height:500px;
		text-align: justify;
		overflow-x: hidden;
		overflow-y: scroll;
	}

	.avisoprivacidad a{
		font-size: 1.2em;
	}

/* Footer */

	#footer .quote-list li {
		border-top: solid 1px #e0e4e6;
		border-bottom: solid 1px #b5bec3;
	}

	#footer .link-list li {
		border-top: solid 1px #e0e4e6;
		border-bottom: solid 1px #b5bec3;
	}

	#footer .check-list li {
		border-top: solid 1px #e0e4e6;
		border-bottom: solid 1px #b5bec3;
	}
#menu .tit:hover{/*titilo carteras hover*/
    cursor: pointer;
            color:#f60;
        }



/* Desktop */

	@media screen and (min-width: 767px) {

		/* Basic */

			body {
				min-width: 1200px;
			}

			section:last-child {
				margin-bottom: 0 !important;
			}
			/*
			div#banner{
			height:240px;
		}*/

		/* Wrappers */

			#header-wrapper {
				background: #3B4346 url("images/bg01.jpg");
				border-bottom: solid 1px #272d30;
				box-shadow: inset 0px -1px 0px 0px #51575a;
				text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);
			}

			.subpage #header-wrapper {
				height: 155px;
			}
			
			#features-wrapper {
				background: #353D40 url("images/bg02.jpg");
				border-bottom: solid 1px #272e31;
				padding: 45px 0 45px 0;
				text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);
			}

			#content-wrapper {
				background: #f7f7f7 url("images/bg04.GIF");
				border-top: solid 1px #fff;
				padding: 45px 0 45px 0;
			}

			#footer-wrapper {
				padding: 45px 0 45px 0;
				text-shadow: 1px 1px 1px white;
			}
			

		/* Header */

			#header {
				min-height: 155px;
				position: relative;
			}

				#header h1 {
					position: absolute;
					left: 0;
					bottom: 35px;
					font-size: 2.75em;
					text-shadow: 5px 5px 10px rgba(255,255,255,0.5);
					font-weight:bold;
				}

					#header h1 a {
						color: #f60;
						text-decoration: none;
					}
				/*MENU*/
				#header nav {
					position: absolute;
					right: 0;
					bottom: 20px;
					font-weight: 250;
				}

					#header nav a {/*MENU EN ESCRITORIO*/
						display:inline-block;
						color: #fff; /**/
						text-decoration: none;
						font-size: 1.4em;
						margin-left: 20px;
						outline: 0;
						font-weight: 400;
					}
					/*
					#header nav a:nth-child(1){
							color: #f65;
							/*text-shadow:5px 5px 5px rgba(255,255,255,0.5);
							text-shadow:5px 5px 10px #b0e0ee;
							font-weight:bold;
						}*/

						#header nav a:hover { /*meu ecritorio hover*/
							/*background:#212121;*/
							color: #f60;
							text-shadow:2px 2px 20px rgba(255,255,255,0.7), 2px 2px 20px rgba(255,255,255,0.7);
							/*text-shadow:5px 5px 10px #b0e0ee;*/
							font-weight: bold;
							/*border:0.1em dashed #F60;*/
							/*border-radius:0 0.5em 0 0.5em;*/
							-webkit-transition:all 150ms ease;
							-o-transition:all 150ms ease;
							transition:all 150ms ease;
						}
						#header nav a:active{ /*menu escritorio clic*/
							font-size:1.4em;
							color: #f60;
                            text-shadow: none;
                            /*text-shadow:2px 2px 20px rgba(255,255,255,0.9);*/
							/*text-shadow:5px 5px 5px rgba(255,243,0,0.9);*/
							
						}
        
        #header nav a.linkactivo {
                    text-shadow:0px 0px 20px rgba(255,255,255,0.7), 0px 0px 20px rgba(255,255,255,0.7);
                    font-weight: 600;
                    color: #fff;
				}
						
						#imgfes{
							top:7px;
							position:relative;
                            height: 100%;
                            width: 470px;
                            max-width: 100%;
						}
						#titulo{
							display:none;
						}
						#horario{
							color:black;
						}
						

		/* Banner */
        
        
        #fechacel{
            display: none;
        }

			#banner {
				border-top: solid 1px #222628;
				box-shadow: inset 0px 1px 0px 0px #3e484a;
				padding: 35px 0 35px 0;
				color: #fff;
			}

				#banner .bordered-feature-image {
					margin-bottom: 0;
				}

				#banner p {
					font-size: 2em;
					font-weight: 200;
					line-height: 1.25em;
					padding-right: 1em;
					margin: 0 0 1em 0;
				}
				.flex-caption {
					position:absolute;
					width: 100%;
					padding: 1%;
					left: 0;
					bottom: -11%;
					background: rgba(0,0,0,.7);
					color: #f60;
					text-shadow: 0 -1px 0 rgba(0,0,0,.3);
					font-size: 12px;
					line-height: 18px;
				}
				

		/* Features */

			#features { /*texto de nota de galeria en index*/
				color: #a0a8ab;
			}

				#features h2 { /*titulo de galerias en index*/
					font-size: 1.25em;
					color: #fff;
					margin: 0 0 0.25em 0;
				}

				#features a { /*link de leer mas en galeria index*/
					color: #e0e8eb;
				}

				#features strong {
					color: #fff;
				}

		/* Content */

			#content section {/*TODOS LOS CUADROS BLANCOS - contenedor blanco*/
				background: #fff;
				padding: 40px 30px 45px 30px;
				border-radius: 5px;
				box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.3);
				margin: 0 0 10% 0;
			}
        /*contenedores descargas*/
			.contenedor {
				width: 90%;
				max-width: 1200px;
				margin: auto;
				padding: 0;
				display: grid;
				grid-template-columns: 2fr 1fr;
				gap: 25px;
			}
		
			.contenedor-descargas {
				display: grid;
				grid-template-columns: repeat(2,1fr);
				gap: 25px;
			}
			
			.cuadroDesc {
				background-color:#fff;
				border-radius: 5px;
				box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);
				min-height: 200px;
				
				padding: 20px;
				position: relative;
				overflow: hidden;
			}
			
			.banner {
				background: #fff;
				border-radius: 5px;
				box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);
				padding: 25px;
				height:max-content;
			}
			
			.contenedor section h2{
				font-size: 1.5em;
				font-weight: 300;
			}
			
			.contenedor section h3{
				font-size: 1em;
				font-weight: 300;
				margin-bottom: 25px;
			}
			.contenedor .textos ul a {
				color: rgb(0, 134, 211);
				text-decoration: none;
				font-weight: 400;
			}
			.contenedor .textos ul a:hover{
				font-weight: 600;
				color:#fff;
				text-shadow: 0px 0px 5px rgba(0, 134, 211, 0.9);
			}
			.contenedor section .infodescarga{
				font-size: 17px;
				text-align: justify;
			}


			/*CUADRO AUDIO - INDEX*/
			#content section#otros ul li audio{
				padding: 0px 0px 0px 0px;
				max-width:100%;
			}
			
			.cont-avisos{
				font-size:24px;
			}
			ul#otros li a{/*ENLACES DERECHA - INDEX*/
				color:#006699;
				text-decoration:none;
			}
            
        
			ol#otros li a{/*ENLACES DERECHA - INDEX*/
				color:#006699;
				text-decoration:none;
				list-style:disc;
			}
			#otros ul li img{
				max-width: 100%;
			}
			ul#flex li{/*ENLACES DERECHA - INDEX*/
				display:none;
			}
			
			ul li#cal{
				list-style:none;
			}
			ul#otros li a:hover{/*ENLACES DERECHA - INDEX*/
				color:#f60;
			}
			ol#otros li a:hover{/*ENLACES DERECHA - INDEX*/
				color:#f60;
			}

			#content h2 {/*titulo de cada aviso PRINCIPAL INDEX*/
				font-size: 1.4em;
				color: #373f42;
				margin: 0 0 0.25em 0;
			}
			
			h1.avisos{ /*titulo avisos importantes PRINCIPAL INDEX*/
				font-size:50px;
				font-weight:bold;
			}
			#content section hr{
				margin-bottom:1em;
				height:2px;
				background:#4357ad;
				border:none;
			}

			.contenedor h3 { /*clic para descargar formatos*/
				color: #77848b;
				font-size: 1em;
			}
			
			#content .subdescarga{
				color:green;
				font-weight:bold;
				text-align:left;
			}
			
			/*ENLACES DESCARGAS PC index*/
			#content a {
				color: rgb(0, 102, 153);
				text-decoration: none;
			}

			#content a:hover{/*links pagina principal*/
				color:#f60;
				text-shadow: 0px 0px 5px rgba(0, 134, 211, 0.9);
				text-transform: none;
			}


/*fijar menu derecho prestaciones Escritorio*/
			#menuprestacionesfijo{ 
				position: sticky;
				top: 0;
			}

			/*
			.otrospd{ /*otras prestaciones transparente para que funcione el sticky del menu pd*
				background: rgb(0, 0, 0);
  				opacity: 0;
  				transition: opacity .25s ease-in-out;
  				-moz-transition: opacity .25s ease-in-out;
  				-webkit-transition: opacity .25s ease-in-out;
			}
		*/
        
            #content #descargas a {/*ENLACES DESCARGAS FORMATOS*/
				color: rgb(0, 102, 153);
				/*font-size:20px;*/
                text-decoration: none;
			}
            #content #descargas a:hover {/*ENLACES DESCARGAS FORMATOS*/
				color: #f60;
				/*font-size:20px;*/
			}

			#content #descargas a:active{
				font-weight: 400;
			}
			
        
        .menuPD:hover{
            cursor: pointer;
            }
        .menuPD:active:visited{
            color: #f60;
            }
        
        .btn-menu-cel{
            display: none;
        }
        .contenedor-menu{
            display: none;
        }

			#content header {
				margin: 0 0 2em 0;
			}
            #content #descargas header { /*espacio entre el h3 y links de descarga*/
				margin: 0 0 1em 0;
			}
			article #cont-avisos{
				font-size:24px;
			}
	
	
        
        #mapa{
            display: block;
            max-width: 100%;
            height: 300px; 
            margin-top: -20px;
        }
        #content .mapa{
            padding: 30px 20px 20px 20px;
        }
        #content .datosmapa{
            padding: 30px 25px 20px 20px;
        }

		/* Footer */

			#footer {
				color: #546b76;
				text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.5);
			}

				#footer h2 {
					font-size: 1.25em;
					color:black;
					/*color: #212f35;*/
					margin: 0 0 1em 0;
					font-weight: 400;
				}

				#footer a {
					color:black;
					font-weight: 400;
					text-decoration: none;
					/*color: #546b76;*/
				}

				#footer a:hover {
					text-shadow: 0px 0px 5px #006699;
					font-weight: 400;
					color: #F60;
				}

		/* Copyright */

			#copyright {
				border-top: solid 1px #b5bec3;
				box-shadow: inset 0px 1px 0px 0px #e0e4e7;
				text-align: center;
				padding: 45px 0 80px 0;
				color:black;
				/*color: #8d9ca3;*/
				text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
			}

				#copyright a {
					color: #006699;
				}

	}

/* Tablet */

        @media screen and (min-width: 767px) and (max-width: 1200px) {
    

		/* Basic */

			body {
				min-width: 1000px;
			}

		/* Multi-use */

			.check-list li {
				font-size: 1em;
				line-height: 2em;
                text-align: justify;
			}

			.quote-list li {
				padding: 1em 0 1em 0;
			}

				.quote-list li img {
					width: 60px;
				}

				.quote-list li p {
					margin: 0 0 0 80px;
					font-size: 1em;
					font-style: italic;
					line-height: 1.8em;
				}

				.quote-list li span {
					display: block;
					margin-left: 80px;
					font-size: 0.8em;
					font-weight: 400;
					line-height: 1.8em;
				}

			.feature-image {
				margin: 0 0 1em 0;
			}

			.button-big {
				font-size: 1.5em;
				padding: 10px 35px 10px 35px;
			}

		/* Banner */

			#banner p {
				font-size: 1.75em;
			}

		/* Header */

			#header h1 {
				font-size: 2.25em;
			}
            #descargas h2.presta{
                font-size: 1.2em;
                font-weight: 400;
            }

			#header nav a {
				font-size: 1.1em;
			}
            #header nav a:hover{
                color:#f60;
            }
            #header nav a:active{
                font-size: 1.1em;
            }
            #header nav a.linkactivo {
                    text-shadow:2px 2px 20px rgba(255,255,255,0.9);
                    font-weight: 600;
                    color: #fff;
				}
            
			#mapa{
				max-width:100%;
				position:relative;
			}
            #imgfes{
							top:12px;
							position:relative;
                            height: 100%;
                            width: 430px;
                            max-width: 100%;
						}
			
		/* Content */

		.contenedor { /*contenedores blancos descargas*/
			width: 95%;
			}

			#content h2 {
				font-size: 1.4em;
			}

			#content h3 {
				font-size: 1.1em;
			}

			#content header {
				margin: 0 0 1.25em 0;
			}
			/*#content section#ipe {/CUADROS BLANCOS DESCARGAS*
				background: #fff;
				padding: 40px 30px 45px 30px;
				box-shadow: 2px 2px 2px 1px rgba(128, 128, 128, 0.1);
				margin: 0 0 10% 0;
				width:320px;
				top:5px;
				position:relative;
			}*/
        
         #cal{
            position: block;
            display: center;
            max-width: 100%;
            width: 100%;
        
        }
        
        #himno{
            position: block;
            display: center;
            max-width: 100%;
            width: 100%;
	}


	.avisoprivacidad a{
		font-size: 1em;
	}

	}

/* Mobile */

	#navPanel, #titleBar {
		display: none;
	}

	@media screen and (max-width: 767px) {

		/* Basic */

			html, body {
				overflow-x: hidden;
			}

			body, input, textarea, select{
				font-size: 13pt;
				line-height: 1.4em;
			}
			h1{
				font-size: 2.25em;
				text-shadow: 5px 5px 10px rgba(255,255,255,0.5);
				font-weight:bold;
			}
			

		/* Multi-use */

			.link-list li {
				padding: 0.75em 0 0.75em 0;
			}

			.quote-list li p {
				margin-bottom: 0.5em;
			}

			.check-list li {
				font-size: 1em;
                
			}

			.button-big {
				font-size: 1.5em;
				padding: 10px 35px 10px 35px;
			}
			.imgs{
				max-width:100%;
			}

		/* Wrappers */

			#header-wrapper {
				background: #3B4346 url("images/bg01.jpg") top center;
				box-shadow: inset 0px -1px 0px 0px #272d30, inset 0px -2px 0px 0px #51575a;
				text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);
			}

			#features-wrapper {
				background: #353D40 url("images/bg02.jpg");
				padding: 15px 15px 30px 15px;
				text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);
			}
			.ver-gal{
				position:absolute;
				color:red;
				font-size:1.2em;
				font-weight:bold;
				display:block;
				right:10px;
				cursor:pointer;
			}
			

			#content-wrapper {
				background: #f7f7f7 url("images/bg04.GIF");
				padding: 5px;
			}

			/*
			.subpage #content-wrapper {
				padding-top: 44px;
			}
			*/


			#imgfes{
				display:none;
			}

			#footer-wrapper {
				padding: 40px 15px 15px 15px;
				text-shadow: 1px 1px 1px white;
			}

		/* Header */
        

			#header {
				display: none;
			}
        
        #fechacel{ /* Buscador interno celular - FECHA CELULAR*/
            display:block;
            top: 0;
            left: 0;
            position:relative;
            max-width: 100%;
        }
        

			#banner { /*2da seccion donde esta boton rojo*/
				position: relative;
				color: #fff;
				text-align: center;
				padding: 30px 30px 25px 30px;
				margin-top: 44px;
			}

				#banner .bordered-feature-image {
					display: none;
				}

				#banner p {
					font-size: 1.25em;
					font-weight: 200;
					line-height: 1.25em;
					margin: 0 0 1em 0;
				}
				.flex-caption{
					display:none;
				}
				.flex-direction-nav a:before {
					font-size:29px;
					
				}
        #construccion{
            position: block;
            display: center;
            max-width: 100%;
        }

		/* Features */

			#features {
				color: #a0a8ab;
			}

				#features section {
					padding: 0 0 25px 0;
					margin: 0 0 25px 0;
					border-bottom: solid 1px #51575a;
					box-shadow: inset 0px -1px 0px 0px #272d30;
				}

				#features > div > div:last-child > section {
					padding-bottom: 0;
					margin-bottom: 0;
					border-bottom: 0;
					box-shadow: none;
				}

				#features h2 {
					font-size: 1.25em;
					color: #fff;
					margin: 0 0 0.25em 0;
				}

				#features a {
					color: #e0e8eb;
				}

				#features strong {
					color: #fff;
				}

		/* Content */

		

		#content section { /*contenedor blanco index mobile*/
			background: #fff;
			box-shadow: inset 0px 0px 0px 1px rgba(128, 128, 128, 0.2);
			padding: 30px 15px 30px 15px;
			margin: 0 0 5px 0;
		}
		
		.contenedor section { /*contenedores blancos descargas*/
				background: #fff;
				border-radius: 3px;
				box-shadow: inset 0px 0px 0px 1px rgba(128, 128, 128, 0.2);
				padding: 30px 15px 30px 15px;
				margin: 0 0 5px 0;
				height: min-content;
		}
		
		/*
		section.cuadro_principal_cel{ /*contenedor principal mobile*
			margin-top: 50px !important;
		}
		*/
			
        .contenedor span{ /* SPAN DE CUADROS DESCARGAS CELULAR*/
            font-size: .9em;
        }
		#content section hr{
			margin-bottom:1em;
			height:2px;
			background:#4357ad;
			border:none;
		}

			#content h2 { /*titulo otros avisos*/
				font-size: 1.5em;
				color: #373f42;
				margin: 0 0 0.1em 0;
			}

			#content h3 {
				color: #96a9b5;
				font-size: 1em;
			}

			#content  a { /*enlaces 'links' avisos mobile*/
				color: #006699;
                text-decoration: none;
			}
/*
			#content  a:visited { /*enlaces 'links' avisos mobile
				color: purple;
                text-decoration: none;
			}*/

			.contenedor h2 {
				color: #000000;
				font-size: 1.5em;
			}
			.contenedor h3 {
				color: #96a9b5;
				font-size: 1em;
				margin-bottom: 15px;
			}

			.contenedor  a { /*enlaces 'links' descargas mobile*/
				color: #006699;
                text-decoration: none;
			}
        
        .contenedor a:hover { /*enlaces 'links' avisos celular*/
				color: #f60;
			}
        .contenedor  a:hover:active { /*enlaces 'links' celular*/
            font-weight: bold;
            -webkit-transition: font-size 0.1s ease-out;
            -moz-transition: font-size 0.1s ease-out;
            -o-transition: font-size 0.1s ease-out;
            transition: font-size 0.1s ease-out;
}
        
            /*.rapidos a:hover:active { /*enlaces 'links' otros avisos celular
            font-weight: bold;
            -webkit-transition: font-size 0.1s ease-out;
            -moz-transition: font-size 0.1s ease-out;
            -o-transition: font-size 0.1s ease-out;
            transition: font-size 0.1s ease-out;
}*/
        
        #content #otros li { /*titilo texto otros avisos*/
            color:#373f42;
        }

		#menupdcel{
			position: sticky;
  top: 50px;
  width: 100%;
		}
        
   #menu .tit{ /*titilo carteras*/
       font-size: 22px;
        }
        
        .btn-menu-cel{ /*MENU PRESTACIONES CELULAR*/
			
            display: block;
            background: #005488;
            padding: 15px;
            border-radius: 5px;
            color:#fff;
        }
        .contenedor-menu #btn-menu-cel{ /*letra menu prestaciones celular*/
            color: #fff;
            font-size: 22px;
			
        }
        
        
        .icono{ /*icono menu prestaciones celular*/
           padding-bottom: 1px;
            float: right;
            color: #fff;
            font-size: 20px;
        }
        
        .contenedor-menu{/*listado de prestaciones celular*/
			position: sticky;
            top: 0px;
            width: 100%;
            display:block;
            line-height: 18px;
            z-index: 1;
        }
        .contenedor-menu .menu{
            display: none;
        }
        
        
        .contenedor-menu .menu li{/*ul menu celular*/
            color:#FFF;
            display: block;
            padding: 15px 20px;
            background: #e9e9e9;
            border: 0.05px;
            border-style: solid;
            border-color: gray;
        }
        .contenedor-menu .menu li:hover{
            background-color: lightsteelblue;
        }
        
        .menuPD{
            display: none;
        }
        
        .cont-avisos #prestaciones-derechos{
            display: none;
        }
        
        h2.presta{
            display: none;
        }
        

			#content header {
				margin: 0 0 1.25em 0;
			}
			iframe#mapa{
				max-width:100%;
				position:relative;
			}
			div#galerias{/*OCULTAR SECCION GALERIAS*/
				display:none;
			}
			
			.ir-arriba{
				z-index:5000;
			}
        .pdfcelular { /*pdf declaracion*/
            position: block;
            display: center;
            max-width: 100%;
        }
        
        #cal{
            max-width: 80%;
            width: 100%;
        
        }
        
        #himno{
            position: block;
            display: center;
            max-width: 100%;
            width: 100%;
	}
        
        #escudo{
            position:inline;
            width: 35px;
            padding-top: 1px;
        }
        
        .xalapa{
            margin-right: 10px;
        }
        
        
        /* ...FORMULARIO DE CONTACTO CELULAR.... */
        .infocontacto{
            display: none;            
        }
        
        .formulario{
            max-width: 100%;
            height: 575px;
            margin: 50px;
            position:flex;
            display: block;
            border-radius: 10px;
            box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
        }
        
        form.form_contact{
        width: auto;
        top: 0;
        left: 0;
        padding: 20px 20px;
        background: #fff;
        max-width: 100%;
        }
        
        
        form.form_contact textarea{
        max-width: 100%;
        min-width: 100%;
        min-height: 110px;
        }

		.btn-cerrarpriv{
			width:auto;
			top: -565px;
			letter-spacing: 3px;
			padding: auto;
		}
		

		#parrafopriv{
			
			height: 430px;
		}
		#parrafopriv h1{
			font-size: medium;
		}
		
		.avisoprivacidad a{
			font-size: 24px;
		}
        
        
        /* Mapa celular.....*/
        #mapa{
            max-width: 100%;
            max-height: 100%;
            min-width: 100%;
            min-height: 300px;
            display:inline;
            margin-top: 5px;
            box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.9);
        }
        
       


		/* Footer */

			#footer #horario{ /*texto horario mobile*/
				color: black;
				text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.5);
			}

				#footer section {
					margin: 0 0 40px 0;
				}

				#footer h2 { /*horario mobile*/
					font-size: 1.25em;
					color: black;
					margin: 0 0 0.75em 0;
					font-weight: 400;
				}

				#footer a { /*sitios recomendados mobile*/
					color: black;
					font-weight: 400;
				}

				#footer .link-list {
					margin: 0 0 30px 0 !important;
				}

		/* Copyright */

			#copyright {
				border-top: solid 1px #b5bec3;
				box-shadow: inset 0px 1px 0px 0px #e0e4e7;
				text-align: center;
				padding: 20px 30px 20px 30px;
				color: black;
				text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.5);
			}

				#copyright a {
					color: #006699;
				}

		/* Off-Canvas Navigation */

			#page-wrapper {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;
			}

			#titleBar { /* Barra titulo y boton en celular */
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 50px;
				left: 0;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 10001;
				color: #fff;
				background: url("images/bg04.jpg"); /* "images/bg04.jpg" */
				box-shadow: inset 0px -20px 70px 0px rgba(200, 220, 245, 0.1), inset 0px -1px 0px 0px rgba(255, 255, 255, 0.1), 0px 1px 7px 0px rgba(0, 0, 0, 0.6);
				text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);
			}

				#titleBar .title {/* TITULO EN MOVIL - FESAPAUV con escudo */
					display: block;
					text-align: center;
					/*padding-left: 10px;*/
					padding-top: 2px;
					/*padding-right: 10px;*/
					font-size: 1.5em;
					font-weight: bold;
					/*line-height: 44px;*/
					color:#fFF;
					text-shadow:1px 0px 10px #F60, 1px 0px 10px #F60;
				}

			
       #titfes{
           bottom: 10px;
           position:relative;
		   right: 3px;
         
        }
        #titxal{
            bottom:10px;
            position: relative;
            
        }

				#titleBar .toggle { /*boton menu celular*/
					position: absolute;
					right:0;
					top: 0;
					width: 55px;
					height: 55px;
                    background: none;
				}  

					#titleBar .toggle::after { /*contorno de boton menu celular*/
						content: '';
						display: block;
						position: absolute;
						top: 6px;
						right: 12px;
						color: #fff;
						background: #005488;
						box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.05), inset 0px -8px 10px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
						text-shadow: -1px -1px 1px black;
						width: 36px;
						height: 36px;
						border-radius: 6px;
                        
					}

					#titleBar .toggle::before { /*lineas blancas de boton menu celular*/
						content: '';
						position: absolute;
						width: 20px;
						height:20px;
						background: url("images/mobileUI-site-nav-opener-bg.svg");
						top: 9px;
						right: 13px;
						z-index: 1;
						opacity: 0.9;
                        zoom:130%;
					}

					#titleBar .toggle:active::after { /*clic boton menu cel*/
						background: rgba(0, 0, 255, 0.5);
                        box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.9);
                        
					}

	
        
        #navPanel { /*menu azul down celular*/
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transform: translatey(-370px);
				-webkit-transform: translateY(-370px);
				-ms-transform: translateY(-370px);
				transform: translateY(-370px);
				-moz-transition: -moz-transform 0.25s ease-in-out;
				-webkit-transition: -webkit-transform 0.25s ease-in-out;
				-ms-transition: -ms-transform 0.25s ease-in-out;
				transition: transform 0.25s ease-in-out;
				display: block;
				height: auto;
				left: 0;
				overflow-y: auto;
				position: fixed;
				/*top: 0;*/
				top: 47px;
				width: 100%;
				z-index: 4;
				background: #005488;/*url("images/bg04.jpg");*/
				box-shadow: inset -1px 0px 0px 0px rgba(255, 255, 255, 0.25), inset -2px 0px 25px 0px rgba(0, 0, 0, 0.5);
				text-shadow: -1px -1px 1px black;
				font-weight: 400;
			}



/*
			#navPanel { /*menu azul lateral celular*
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transform: translateX(-275px);
				-webkit-transform: translateX(-275px);
				-ms-transform: translateX(-275px);
				transform: translateX(-275px);
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 100%;
				left: 0;
				overflow-y: auto;
				position: fixed;
				/*top: 0;*
				top: 46px;
				width: 275px;
				z-index: 10002;
				background: #023859;/*url("images/bg04.jpg");*
				box-shadow: inset -1px 0px 0px 0px rgba(255, 255, 255, 0.25), inset -2px 0px 25px 0px rgba(0, 0, 0, 0.5);
				text-shadow: -1px -1px 1px black;
			}*/
        
				#navPanel .link {
					letter-spacing: 2px;
					text-align: center;
					display: block;
					color: #fff;
					text-decoration: none;
					font-size: 1.4em;
					line-height: 1.2em;
					padding: 0.5em 0em 0.5em 0em;
					/*border-top: solid 1px #373d40;*/
					border-bottom: solid 1.5px rgba(255, 255, 255, 0.1);					
				}
				
				#navPanel .link:hover{
					background:#011826;
					color: #f60;
					text-shadow:0px 0px 15px rgba(255,255,255,0.9);
					font-weight:400;
				}

					#navPanel .link:first-child {
						border-top: 0;
					}

					#navPanel .link:last-child {
						border-bottom: 1;
					}

			/*body.navPanel-visible #page-wrapper {/*MOVER PAGINA AL ABRIR MENU*
				-moz-transform: translateY(325px);
				-webkit-transform: translateY(325px);
				-ms-transform: translateY(325px);
				transform: translateY(325px);
				
			}*/

			body.navPanel-visible #page-wrapper {/*transparente al abrir menu*/
  				opacity: 0.7;
  				transition: opacity .25s ease;
  				-moz-transition: opacity .25s ease;
  				-webkit-transition: opacity .25s ease;
			}
/*
			body.navPanel-visible #titleBar { /*MOVER LA BARRA DE TITULO COMPLETA*
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}*/

			body.navPanel-visible #navPanel { /* Si se elimina esto no sale el menu celular*/
				-moz-transform: translateX(0);
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}

	}