@charset "UTF-8";
/* CSS document */
/* Descripcion: estilo para Vedilab
Autor: Omar De Luna
actualización: julio 2018 */



img {
	border: 0;
	margin: 0;
	padding: 0;
}

* {
	margin: 0;
	padding: 0;
	font-family: 'Roboto', Helvetica, Arial sans-serif;
	list-style: none;
}

a, input, select {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


main {
	width: 84%;
	padding-left: 16%;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	background: #F4F4F6;
}

#barraLateral {
	position: fixed;
	z-index: 10;
	left: 0;
	width: 12%;
	height: 100%;
	background: #262A44;
	box-shadow: 3px 0px 15px rgba(0, 0, 0, 0.5);
	padding: 0 2%;
}

#barraLateral img#escudo {
	margin-top: 30px;
}

#barraLateral img#escudoCompleto {
	display: none;
}

#barraLateral img#escudoCompletoVeda {
	display: none;
}

#barraLateral h1 {
	font-size: 34px;
	font-weight: 700;
	line-height: 60px;
	color: #A8AAB4;
	margin: 50px 0 20px 0;
}

#barraLateral p {
	font-size: 16px;
	font-weight: 400;
	color: #A8AAB4;
	line-height: 22px;
}

#BLbottom {
	position: absolute;
	bottom: 40px;
}

#BLbottom a {
	display: block;
	font-size: 14px;
	color: #A8AAB4;
}


#barraTop {
	width: 95%;
	padding-right: 5%;
	background-image: linear-gradient(to left, #262a44, #7d7f8f);
	height: 44px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	text-align: right;
}

#barraTop a:last-child {
	color: #66A7F5;
	margin-left: 40px;
}

#barraTop a:nth-child(4) {
	margin-left: 40px;
}

#barraTop a:nth-child(2) {
	margin-left: 20px;
}


#barraTop a:first-child:hover img {
	opacity: 0.5;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#barraTop a {
	line-height: 44px;
	letter-spacing: 0;
	font-size: 12px;
}



input[type=text].buscador {
	border: 0;
	outline: none;
	border-radius: 20px;
	line-height: 27px;
	color: transparent;
	padding: 0;
	width: 27px;
	overflow: hidden;
	background: #262A44 url(images/search2.svg) right center no-repeat;
	cursor: pointer;
}

input[type=text].buscador::placeholder {
	opacity: 0;
}

input[type=text].buscador:hover {
	opacity: 0.6;
}

input[type=text].buscador.active {
	padding: 0 40px 0 10px;
	width: 250px;
	color: white;
}

input[type=text].buscador.active::placeholder {
	opacity: 1;
}


header {
	width: 100%;
	height: 865px;
	background: url(images/slide1.jpg) no-repeat top center;
	background-attachment: fixed;
	background-size: cover;
	position: relative;
}

header.fondoTransparencia {
	background: #F4F4F6;
	/* background: url("images/fondo-transparencia.jpg") no-repeat top center; */
	background-attachment: fixed;
	background-size: cover;
}

/* Para cambio de colores en fondo y texto */
/* header.fondoTransparencia::before{
	content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
	/* background-color:rgb(212 212 218 / 70%); */
/* background: linear-gradient(90deg, rgba(212, 212, 218, 0.5), rgba(212, 212, 218,0.4)); */
/* } */

*/ header.fondoPlan {
	background: url("images/fondo-plan.jpg") no-repeat top center;
	background-attachment: fixed;
	background-size: cover;
}

header.drone {
	background: url("images/galerias/home/CESPQ-187.jpg") no-repeat top center;
	background-attachment: fixed;
	background-size: cover;
}


main nav {
	position: fixed;
	z-index: 9;
	top: 44px;
	width: auto;
	padding: 0;
	margin: 0 5%;
	background: rgba(16, 24, 50, 0.8);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	/*mix-blend-mode: multiply;*/
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	-moz-backdrop-filter: blur(8px);
	-o-backdrop-filter: blur(8px);
	-ms-backdrop-filter: blur(8px);
}



main nav ul li {
	display: inline-block;
	padding: 0 20px;
	border-right: 1px solid white;
}

main nav ul li:last-child {
	border: 0;
}

main nav ul li a {
	color: white;
	font-size: 14px;
	font-weight: 400;
	line-height: 80px;
	display: block;
	text-decoration: none;
	border: 0;
	background: none;
	text-transform: uppercase;
	transition: none;
}

main nav ul li a:hover {
	border: 0;
	color: white;
	border-top: 5px solid #66A7F5;
	line-height: 70px;
}

main nav ul li a.active {
	border: 0;
	color: white;
	border-top: 5px solid #66A7F5;
	line-height: 70px;
}

#menuiphone {
	display: none;
}

main nav#mobile {
	display: none;
}

#slide img {
	display: block;
}

#BuscaHeader {
	width: 700px;
	margin-top: 20%;
	left: 50%;
	margin-left: -350px;
	position: absolute;
	text-align: right;
}

#BuscaHeader h1 {
	font-size: 50px;
	/* color: #A8AAB4; */
	color: #D4D4DA;
	font-weight: 400;
	line-height: 50px;
	margin-bottom: 30px;
	text-align: left;
}

#BuscaHeader select {
	width: 100%;
	border: 0;
	background: rgba(255, 255, 255, 0.1) url(images/arrows-02.svg) top right no-repeat;
	background-size: 40px;
	line-height: 45px;
	height: 45px;
	margin-bottom: 2px;
	color: #D4D4DA;
	/* color: #A8AAB4; */
	font-size: 20px;
	text-align: left;
	padding-left: 4%;
	border-left: 8px solid #66A7F5;
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	border-radius: none;
}

#BuscaHeader select:hover {
	background: rgba(255, 255, 255, 0.3) url(images/arrows-02.svg) top right no-repeat;
}


/* #BuscaHeader input[type=button]{ */
/* width: 100%; */
/* border: 0; */
/* background: rgba(255,255,255,0.1);
	line-height: 45px;
	margin-bottom: 2px;
	color: #A8AAB4;
	font-size: 20px;
	text-align: left;
	padding-left: 4%;
	border-left: 8px solid #66A7F5; */
/* } */

#BuscaHeader input[type=button]:hover {
	background: rgba(255, 255, 255, 0.3);
}

#BuscaHeader input[type=submit], #BuscaHeader input[type=button] {
	color: white;
	width: 128px;
	border: 1px solid #A8AAB4;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0);
	line-height: 40px;
	margin-top: 8px;
	cursor: pointer;
}

#BuscaHeader input[type=submit]:hover, #BuscaHeader input[type=button]:hover {
	background: rgba(255, 255, 255, 0.4);
}

.Contenedor {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 100px;
	position: relative;
}

footer {
	width: 100%;
	background: #262A44;
	padding: 30px 0;
	text-align: center;
}

/* ul#filtro{
	width: 80%;
	margin: 0;
	padding: 0;
	margin-top: 20%;
	position: relative;
	z-index: 2;
	margin-bottom: 100px;
} */

/* ul#filtro li{
	display: inline-block;
	width: 100%;
	background: #515569 url(images/icon1.svg) no-repeat top left;
	background-size: 33%;
	margin: 0;
	border: 0;
	font-size: 23px;
	padding: 30px 0 0 8%;
	float: left;
	color: white;
	height: 70px;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
} */

/* ul#filtro li:nth-child(2){
	background: #A8AAB4 url(images/icon2.svg) no-repeat top left;
	background-size: 33%;
}

ul#filtro li:nth-child(3){
	background: #D4D4DA url(images/icon3.svg) no-repeat top left;
	background-size: 33%;
}

ul#filtro li:nth-child(4){
	background: #515569 url(images/icon4.svg) no-repeat top left;
	background-size: 33%;
}

ul#filtro li:nth-child(5){
	background: #A8AAB4 url(images/icon5.svg) no-repeat top left;
	background-size: 33%;
}

ul#filtro li span{
	display: block;
}

ul#filtro li:hover span{
	display: block;
}

ul#filtro li:hover {
	background-image: url(images/none.png);
	background-size: 34%;
	width: 104%;
	padding: 20px 0 0 4%;
	height: 80px;
}

ul#filtro li span a{
	background: #66aff5;
	border: 0;
	font-size: 12px;
	line-height: 37px;
	display: inline-block;
	padding: 0 20px;
	position: absolute;
	right: 0;
	bottom: 0;
	color: #f4f4f6;
} */

section#bannerNotices {
	width: 100%;
	margin: 0;
	padding: 0;
	margin-top: -105px;
	position: relative;
	z-index: 2;
	margin-bottom: 100px;
}


/*–––––––––––––––––––––––––––SUBMENU–––––––––––––––––––––––––––*/

main nav ul li ul {
	position: absolute;
	margin-left: -15px;
	width: 300px;
	top: 82px;
	height: 0;
	overflow: hidden;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

main nav ul li ul.active {
	height: 340px;
}

main nav ul li ul li {
	background: none;
	display: block;
	border-right: 0;
	margin-bottom: 2px;
	padding: 0;
}


main nav ul li ul li a {
	line-height: 40px;
	padding-left: 30px;
	background: rgba(16, 24, 50, 1);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	-moz-backdrop-filter: blur(8px);
	-o-backdrop-filter: blur(8px);
	-ms-backdrop-filter: blur(8px);
}

main nav ul li ul li a:hover {
	border: 0;
	line-height: 40px;
	background: rgba(55, 65, 95, 0.8);
}

main nav ul li ul li a.active {
	border: 0;
	line-height: 40px;
	background: rgba(55, 65, 95, 0.8);
}



/*–––––––––––––––––––––––––––SUBMENU-MOBILE–––––––––––––––––––––––––––*/

ul#subMob {
	width: 88%;
	position: absolute;
	z-index: 3;
	padding: 0 6%;
	top: 110px;
	margin-bottom: 50px;
	display: none;
}


ul#subMob li {
	background: none;
	display: inline-block;
	border-right: 0;
	margin-bottom: 2px;
	padding: 0;
}


ul#subMob li a {
	line-height: 40px;
	padding: 10px 20px;
	color: white;
	background: rgba(16, 24, 50, 0.8);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	-moz-backdrop-filter: blur(8px);
	-o-backdrop-filter: blur(8px);
	-ms-backdrop-filter: blur(8px);
}

ul#subMob li a:hover {
	border: 0;
	line-height: 40px;
	color: #66A7F5;
}

ul#subMob li a.active {
	border: 0;
	line-height: 40px;
	color: #66A7F5;
}



/*–––––––––––––––––––––––––––ULTIMA NOTICIA–––––––––––––––––––––––––––*/

#UltimaNoticia {
	margin-bottom: 100px;
}

.ColMitad {
	width: 47%;
	float: left;
}

.margen {
	margin-right: 6%;
}


/*–––––––––––––––––––––––––––TRAMITE–––––––––––––––––––––––––––*/

#Azul {
	width: 100%;
	background: #262A44;
	padding: 100px 0;
}

#Azul p {
	color: #D4D4DA;
}

/*–––––––––––––––––––––––––––SE PARTE–––––––––––––––––––––––––––*/

#GrayWhite {
	width: 100%;
	background-image: linear-gradient(to bottom, #A8AAB4, #F4F4F6);
	padding: 100px 0;
}

#GrayWhite p {
	color: #515569;
}

#slideH {
	width: 100%;
	height: 470px;
	overflow: auto;
	overflow-x: scroll;
	scrollbar-color: rgba(0, 0, 0, .5) rgba(0, 0, 0, 0);
	scrollbar-width: thin;
}

#slideH::-webkit-scrollbar {
	-webkit-appearance: none;
}

#slideH::-webkit-scrollbar:vertical {
	width: 10px;
}

#slideH::-webkit-scrollbar-button:increment, #slideH::-webkit-scrollbar-button {
	display: none;
}

#slideH::-webkit-scrollbar:horizontal {
	height: 15px;
}

#slideH::-webkit-scrollbar-thumb {
	background-color: #f1f2f3;
	border-radius: 20px;
	border: 3px solid #D4D4DA;
}

#slideH::-webkit-scrollbar-track {
	border-radius: 10px;
	background: #D4D4DA;
}


#SlideItems {
	width: 2000px;
}

#SlideItems div {
	width: 237px;
	float: left;
	margin-right: 70px;
	text-align: center;
}

#SlideItems div p {
	font-size: 32px;
	line-height: 35px;
	margin-bottom: 10px;
}

#SlideItems div p.mini {
	font-size: 14px;
	margin-bottom: 10px;
}

#SlideItems div a {
	font-size: 16px;
	background: #337FD8;
	display: inline-block;
	line-height: 38px;
	padding: 0 12px;
	color: white;
	border-radius: 7px;
}

#SlideItems div a:hover {
	background: #73A3DD;
}

.fotoC {
	background: white;
	width: 237px;
	height: 237px;
	overflow: hidden;
	border: 1px solid #D4D4DA;
	border-radius: 50%;
	margin-bottom: 20px;
}

/*–––––––––––––––––––––––––––ESTILOS TEXTOS–––––––––––––––––––––––––––*/


h1 {
	font-size: 95px;
	line-height: 100px;
	color: #7D7F8F;
	font-weight: 700;
	margin-bottom: 50px;
	text-transform: uppercase;
}

h1.dark {
	color: #515569;
}

h2 {
	font-size: 48px;
	line-height: 60px;
	color: #7D7F8F;
	font-weight: 700;
	margin-bottom: 50px;
}


h6 {
	font-size: 10px;
	line-height: 30px;
	color: #7D7F8F;
	font-weight: 400;
	text-transform: uppercase;
}


p {
	font-size: 16px;
	line-height: 24px;
	color: #7D7F8F;
	font-weight: 400;
}

p.grande {
	font-size: 24px;
	line-height: 32px;
	color: #262a44;
	/* color: #A8AAB4; */
	font-weight: 400;
}


a {
	font-size: 16px;
	line-height: 24px;
	color: #7D7F8F;
	font-weight: 400;
	text-decoration: none;
	margin: 0;
}

a.vermas {
	background: #262A44;
	border: 1px solid #7D7F8F;
	color: #F4F4F6;
	font-size: 12px;
	line-height: 37px;
	display: inline-block;
	padding: 0 20px;
}

a.vermas:hover {
	background: #A8AAB4;
}

a.vermas.redondo {
	border-radius: 30px;
}


/*Botones Transparencia*/
a.integral {
	background: #262A44;
	border: 1px solid #7D7F8F;
	color: #F4F4F6;
	font-size: 12px;
	line-height: 37px;
	display: inline-block;
	padding: 0 20px;
}

a.integral:hover {
	background: #A8AAB4;
}

a.simplificado {
	background: #337FD8;
	/* border: 1px solid #7D7F8F; */
	color: #F4F4F6;
	font-size: 12px;
	line-height: 37px;
	display: inline-block;
	padding: 0 20px;
}

a.simplificado:hover {
	background: #6EA0DB;
}

a.consentimiento {
	background: #777fd8;
	/* background: #337FD8; */
	/* border: 1px solid #7D7F8F; */
	color: #F4F4F6;
	font-size: 12px;
	line-height: 37px;
	display: inline-block;
	padding: 0 20px;
}

a.consentimiento:hover {
	background: #a9aff4;
}

a.rojo {
	background: #FD2F2F;
	color: #F4F4F6;
	font-size: 12px;
	line-height: 37px;
	display: inline-block;
	padding: 0 20px;
	border-radius: 10px;
}

a.rojo:hover {
	background: #FF8E8E;
}

a.verde {
	background: #00E0AC;
	color: #F4F4F6;
	font-size: 14px;
	line-height: 37px;
	display: inline-block;
	padding: 0 30px;
	border-radius: 10px;
}

a.verde:hover {
	background: #6BE5C9;
}


a.inicio {
	background: #337FD8;
	color: white;
	font-size: 16px;
	line-height: 20px;
	display: inline-block;
	border-radius: 10px;
	text-align: center;
	padding: 15px 20px;
	margin-top: -100px;
	position: relative;
	z-index: 3;
}

a.inicio:hover {
	background: #6EA0DB;
}

a.gris {
	background: #A8AAB4;
	color: white;
	font-size: 14px;
	line-height: 37px;
	display: inline-block;
	padding: 0 30px;
	border-radius: 10px;
}

a.gris:hover {
	background: #838CC9;
}



.cleare {
	display: block;
	clear: both;
}



/*–––––––––––––––––––––––––––ELEMENTOS–––––––––––––––––––––––––––*/

#Galeria1 {
	position: relative;
}

#Galeria1 h1 {
	position: absolute;
	color: white;
	margin-left: 5%;
	z-index: 8;
	top: 35%;
}

#TextoGal1 {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 8;
	width: 60%;
	height: 70px;
	background-image: linear-gradient(to right, rgba(38, 42, 68, 0.8), rgba(125, 127, 143, 0.0));
	margin-left: 5%;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	-moz-backdrop-filter: blur(8px);
	-o-backdrop-filter: blur(8px);
	-ms-backdrop-filter: blur(8px);
}

#TextoGal1 p {
	color: white;
	border-left: 5px solid #66A7F5;
	padding-left: 3%;
	font-size: 20px;
	margin-top: 8px;
}

#TextoGal1 h6 {
	margin-left: 4%;
	margin-top: 7px;
}

.padTop {
	padding-top: 100px;
}

.columna {
	width: 38%;
	float: left;
}

.columnaLarga {
	width: 80%;
	float: left;
}

#hihlight {
	/* background: #A8AAB4; */
	background: #515569;
	padding: 2%;
	width: 24%;
	float: left;
	position: relative;
}

#hihlight p {
	color: white;
}

#apunta {
	position: absolute;
	top: 0;
	left: -19px;
	width: 20px;
}

.margenColumna {
	margin-right: 4%;
}


/*--------*/

header.AutoH {
	height: auto;
	/* min-height: 100vh; */
}

header.AutoH.fondoTransparencia {
	min-height: 100vh;
}


.ContenedorHeader {
	width: 88%;
	margin: 0 6%;
	padding-top: 200px;
}

.columnaHeader {
	width: 50%;
	padding: 30px 0;
	float: left;
	position: relative;
	/* background: rgba(0,0,0,0.1); */
	background: rgb(255 255 255 / 50%);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	-moz-backdrop-filter: blur(10px);
	-o-backdrop-filter: blur(10px);
	-ms-backdrop-filter: blur(10px);
}

.columnaHeader.adaptaAncho {
	width: 80%;
}

.columnaHeader h2 {
	font-weight: 400;
	/* color: #A8AAB4; */
	color: #515569;
	padding-right: 30px;
	border-left: 5px solid #66A7F5;
	padding-left: 25px;
	text-align: left;
}

.columnaHeader h2.chi {
	font-size: 35px;
	line-height: 40px;
}

.PadCol {
	padding: 0 50px 0 30px;
}

.PadCol.profesionalizacion {
	margin-top: -30px;
}

.columnaHeader * {
	/* color: #D4D4DA; */
	color: #515569;
}

.columnaHeader30 {
	width: 30%;
	float: right;
}

#blueGray {
	width: 90%;
	padding: 100px 5%;
	background-image: linear-gradient(to bottom, rgba(38, 42, 68, 1), rgba(125, 127, 143, 1));
}

#blueGray h2.Quote {
	padding: 0 20%;
	color: #D4D4DA;
	font-weight: 400;
	margin-bottom: 20px;
}

#hihlight.chico {
	width: 16%;
}

#hihlight.bajar {
	margin-top: 470px;
}


/*--------*/


ul.ListaTexto {
	padding-left: 22px;
	margin-left: 20px;
}

ul.ListaTexto li {
	list-style: decimal;
}

ul.ListaTexto.letras li {
	list-style: lower-alpha;
}

.columnaHeader.foto {
	background: url(images/foto2.jpg) no-repeat top center;
	background-size: cover;
	height: 550px;
}

.ContenedorPorcentaje {
	width: 88%;
	margin: 0 6%;
	padding-bottom: 100px;
}

.FondoBlueGray {
	background-image: linear-gradient(to bottom, rgba(38, 42, 68, 1), rgba(125, 127, 143, 1));
}

.FondoBlueGray h2 {
	color: #A8AAB4;
}

.FondoBlueGray * {
	color: #D4D4DA;
}

.FondoBlueGray p.grande {
	color: #A8AAB4;
}

.FondoBlanco {
	background: white;
}

.fotoOver {
	position: absolute;
	width: 80%;
	right: calc(-80% - 50px);
	top: 0;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.ApareceFoto:hover {
	background: rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.ApareceFoto:hover .fotoOver {
	opacity: 1;
}

.ApareceFoto.marL {
	padding: 30px 30px 30px 50px;
	position: relative;
}

.ApareceFoto {
	position: relative;
}


/*--------*/

.margeCH {
	margin-right: 2%;
}

.columna30 {
	width: 30%;
	float: left;
}

.columna10 {
	width: 10%;
	float: left;
}

.columna30foto {
	width: 25%;
	padding-left: 5%;
	float: left;
}

.columna70 {
	width: 70%;
	float: left;
}

.columna80 {
	width: 80%;
	float: left;
}

.columna90 {
	width: 90%;
	float: left;
}


.columna30foto h6 {
	line-height: 15px;
}

hr {
	border-top: 1px solid #A8AAB4;
	margin: 20px 0;
}

.CP {
	width: 100%;
	border-top: 1px solid #A8AAB4;
	margin-top: 40px;
	padding-top: 40px;
	margin-bottom: 40px;
}

.CP.sistemas {
	padding-top: 0;
	margin-top: 0;
	border: 0;
}

.CP p.BordeL {
	font-size: 34px;
	line-height: 40px;
	border-left: 5px solid #66A7F5;
	padding-left: 30px;
}

.columna60 {
	width: 56%;
	float: left;
}

.columna60 img {
	display: block;
}

.columna60 .vermas {}

ul.ListaTexto.dos li {
	list-style: url(images/bullet1.svg);
}


.columnaHeader.actividades {
	width: 40%;
	padding: 30px 0 0 5%;
	right: 5%;
	float: right;
	position: absolute;
	background: none;
	backdrop-filter: blur(0px);
	-webkit-backdrop-filter: blur(0px);
	-moz-backdrop-filter: blur(0px);
	-o-backdrop-filter: blur(0px);
	-ms-backdrop-filter: blur(0px);
}

.columnaHeader.actividades.noDesk {
	display: none;
}


.columnaHeader.actividades2 {
	width: 40%;
	padding: 30px 0 0 5%;
	right: 5%;
	float: right;
	position: absolute;
	background: none;
	backdrop-filter: blur(0px);
	-webkit-backdrop-filter: blur(0px);
	-moz-backdrop-filter: blur(0px);
	-o-backdrop-filter: blur(0px);
	-ms-backdrop-filter: blur(0px);
}

/*----------------TIENDA----------------*/

header.AutoH img {
	display: block;
}

#Tienda {
	margin-top: 50px;
}

.TiendaProducto {
	width: 20%;
	display: inline-table;
	margin: 0 2% 3% 2%;
}

.TiendaProducto img {
	display: block;
}

.TiendaProducto div {
	text-align: center;
	background: #A8AAB4;
	padding: 20px;
}

.TiendaProducto div h1 {
	line-height: 16px;
	color: #F4F4F6;
	font-size: 16px;
	margin: 0;
	margin-bottom: 10px;
}

.TiendaProducto div p {
	line-height: 16px;
	color: #F4F4F6;
	font-size: 16px;
	margin-bottom: 20px;
}

.TiendaProducto div a {
	font-size: 10px;
	line-height: 30px;
	background: #262A44;
	border: 1px solid #7D7F8F;
	padding: 0px 20px;
	color: #F4F4F6;
	border-radius: 20px;
	text-decoration: none;
}

/*.TiendaProducto div a.rojo{
	font-size: 10px;
	line-height: 30px;
	background: #00E0AC;
	border: 1px solid #7D7F8F;
	padding: 0px 20px;
	color: #F4F4F6;
	border-radius: 20px;
	text-decoration: none;
}

.TiendaProducto div a.rojo:hover{
	background: #6BE5C9;
}*/


.TiendaProducto div a.gris {
	background: #A8AAB4;
}

.TiendaProducto div a.gris:hover {
	background: #838CC9;
}

/* .TiendaProducto div a.rojo{
	background: #00E0AC;
}

.TiendaProducto div a.rojo:hover{
	background: #6BE5C9;
} */




#TiendaFiltro {
	margin-bottom: 50px;
	text-align: left;
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
}

h2.TituloEncima {
	position: absolute;
	top: 45%;
	text-align: center;
	padding: 0 15%;
	color: #A8AAB4;
}

a.filtrar {
	background: url(images/filtro.svg) no-repeat right center;
	background-size: 15px;
	padding-right: 25px;
	margin-right: 30px;
	font-size: 16px;
}

#TiendaFiltro select {
	width: 10%;
	border: 0;
	background: url(images/bullet2.svg) center right no-repeat;
	background-size: 20px;
	line-height: 25px;
	height: 45px;
	padding-right: 25px;
	margin-right: 30px;
	color: #A8AAB4;
	font-size: 16px;
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	border-radius: none;
}

a.buscaFiltro {
	float: right;
}


#TiendaFiltro input[type=submit] {
	border: 0;
	background: rgba(125, 127, 143, 1);
	line-height: 25px;
	margin-bottom: 2px;
	color: #D4D4DA;
	font-size: 16px;
	text-align: left;
	padding: 5px 15px;
	border-radius: 10px;
	cursor: pointer;
}

#TiendaFiltro input[type=submit]:hover {
	background: rgba(125, 127, 143, 0.7);
}



form.facturacion.active {
	overflow: hidden;
	height: 20px;
}


#MostrarDatos {
	overflow: hidden;
	height: 0;
}

#MostrarDatos.active {
	height: auto;
	margin-top: 20px;
}


#blueGray.talento {
	padding-top: 0;
	padding-bottom: 0;
}

.columna70.foto {
	float: right;

}

.columna70.foto {
	height: 1066px;
	background: url("images/fotofondo2.jpg") no-repeat center;
	background-size: cover;
	margin-right: -5%;
}


#blueGray.talento p {
	color: #e5e5e5;
}

/*----------------FORMA-TIENDA----------------*/

#formaCompra img.fotoProducto {
	width: 100%;
	max-width: 600px;
	margin-bottom: 50px;
}

#formaCompra h2 {
	font-weight: 400;
	margin-bottom: 10px;
}

#formaCompra form {
	width: 65%;
	margin-top: 20px;
	margin-bottom: 20px;
}


#formaCompra input[type=text] {
	width: 99%;
	border: 0;
	outline: none;
	background: none;
	font-size: 16px;
	padding: 10px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #707070;
	color: #707070;
}

#formaCompra input[type=text].tercio {
	width: 32%;
	margin-right: 1%;

}

#formaCompra input[type=radio] {
	margin-right: 10px;
}

#formaCompra img.tarjetas {
	width: 20%;
	margin-bottom: 20px;
	float: right;
}


#formaCompra input[type=submit] {
	width: 20%;
	background: #00E0AC;
	color: #F4F4F6;
	font-size: 16px;
	line-height: 37px;
	display: inline-block;
	padding: 0 30px;
	border: 0;
	border-radius: 10px;
	margin-left: 12%;
	cursor: pointer;
}

#formaCompra input[type=submit]:hover {
	background: #6BE5C9;
}

#formaCompra {
	margin-top: 70px;
}


/*----------------LOGIN----------------*/


.LogIn {
	/* background: url(images/slide1.jpg) no-repeat top center;
	background-size: cover; */
	height: 100%;
	position: fixed;
}

#contactHeader::before {
	content: initial;
	position: initial;
	background: none;
}

/* Para cambio de colores en fondo y texto */
.LogIn::before {
	content: "";
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background: #F4F4F6;
	/* background: linear-gradient(90deg, rgba(244, 244, 246, 0.8), rgba(212, 212, 218,0.1)); */
	/* background: linear-gradient(90deg, rgba(244, 244, 246, 0.8), rgba(212, 212, 218,0.4)); */
}




#LoginHeader {
	width: 40%;
	margin: 20% 20% 0 20%;
	text-align: right;
}


#LoginHeader h1 {
	font-size: 50px;
	color: #A8AAB4;
	font-weight: 400;
	line-height: 50px;
	margin-bottom: 30px;
	text-align: left;
}

#LoginHeader p {
	text-align: left;
	color: #D4D4DA;
	margin-top: 50px;
	font-size: 34px;
	line-height: 42px;
}

#LoginHeader a.datos {
	border: 0;
	background: rgba(125, 127, 143, 1);
	line-height: 45px;
	color: #D4D4DA;
	font-size: 16px;
	text-align: left;
	padding: 5px 15px;
	border-radius: 30px;
	display: inline-block;
	margin-left: 40px;
	margin-top: -20px;
	position: absolute;
}

#LoginHeader a.datos:hover {
	background: rgba(125, 127, 143, 0.7);
}

#LoginHeader input[type=text] {
	width: 94%;
	padding: 0 3%;
	border: 0;
	background: rgba(255, 255, 255, 0.1);
	line-height: 45px;
	height: 45px;
	margin-bottom: 2px;
	color: #A8AAB4;
	font-size: 20px;
	text-align: left;
	border-left: 8px solid #66A7F5;
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	border-radius: none;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	-moz-backdrop-filter: blur(8px);
	-o-backdrop-filter: blur(8px);
	-ms-backdrop-filter: blur(8px);
}

#LoginHeader input[type=text]:focus {
	background: rgba(255, 255, 255, 0.3);
	color: white;
}


#LoginHeader textarea {
	width: 94%;
	padding: 1% 3%;
	border: 0;
	background: rgba(255, 255, 255, 0.1);
	line-height: 25px;
	height: 95px;
	margin-bottom: 2px;
	color: #A8AAB4;
	font-size: 20px;
	text-align: left;
	border-left: 8px solid #66A7F5;
	outline: none;
	border-radius: none;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	-moz-backdrop-filter: blur(8px);
	-o-backdrop-filter: blur(8px);
	-ms-backdrop-filter: blur(8px);
}

#LoginHeader textarea:focus {
	background: rgba(255, 255, 255, 0.3);
	color: white;
}


#LoginHeader input[type=button] {
	width: 100%;
	border: 0;
	background: rgba(255, 255, 255, 0.1);
	line-height: 45px;
	margin-bottom: 2px;
	color: #A8AAB4;
	font-size: 20px;
	text-align: left;
	padding-left: 4%;
	border-left: 8px solid #66A7F5;
}

#LoginHeader input[type=button]:hover {
	background: rgba(255, 255, 255, 0.3);
}

#LoginHeader input[type=submit] {
	color: white;
	width: 128px;
	border: 1px solid #A8AAB4;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0);
	line-height: 40px;
	margin-top: 8px;
	cursor: pointer;
}

#LoginHeader input[type=submit]:hover {
	background: rgba(255, 255, 255, 0.4);
}



/*----------------USUARIOS----------------*/

#Usuario {
	border-left: 10px solid #A8AAB4;
	padding-left: 30px;
	margin-top: 60px;
}

#Usuario h1 {
	color: #262A44;
	margin-bottom: 10px;
}

#Usuario h2 {
	font-weight: 400;
}

#menuUsuario p {
	width: 30%;
	padding-left: 40px;
}



/* #menuUsuario ul#filtro{
	width: 100%;
	margin: 0;
	padding: 0;
	margin-top: 100px;
	position: relative;
}

#menuUsuario ul#filtro li{
	display: inline-block;
	width: 25%;
	background: #515569 url(images/linea-01.svg) no-repeat top left;
	background-size: 33%;
	margin: 0;
	border: 0;
	font-size: 30px;
	line-height: 30px;
	padding: 50px 0 0 8%;
	color: white;
	height: 150px;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#menuUsuario ul#filtro li:nth-child(2){
	background: #7D7F8F url(images/linea-01.svg) no-repeat top left;
	background-size: 33%;
}

#menuUsuario ul#filtro li:nth-child(3){
	background: #D4D4DA url(images/linea-01.svg) no-repeat top left;
	background-size: 33%;
	color: #515569;
}

#menuUsuario ul#filtro li:nth-child(4){
	background: #515569 url(images/linea-01.svg) no-repeat top left;
	background-size: 33%;
}

#menuUsuario ul#filtro li:nth-child(5){
	background: #7D7F8F url(images/linea-01.svg) no-repeat top left;
	background-size: 33%;
}

#menuUsuario ul#filtro li span{
	display: block;
}

#menuUsuario ul#filtro li:hover {
	background-image: none;
}

#menuUsuario ul#filtro li span a{
	background: #262A44;
	border: 1px solid #7D7F8F;
	font-size: 12px;
	line-height: 37px;
	display: inline-block;
	padding: 0 20px;
	position: absolute;
	right: 0;
	bottom: 0;
}

#menuUsuario ul#filtro li span a:hover{
	background: #337FD8;
	color: white;
} */



/*----------------PERFIL----------------*/

#PerfilFoto {
	width: 200px;
	height: 200px;
	overflow: hidden;
	border: 1px solid #D4D4DA;
	background: white;
	border-radius: 100px;
	display: inline-block;
	margin-right: 30px;
}

#PerfilDatos {
	display: inline-block;
}

#resumen {
	width: 65%;
}

#resumen img {
	display: block;
	width: 50%;
	float: left;
}

.contactar {
	margin: 18% 0 0 18%;
}


/*----------------GUIA VISITANTE----------------*/




.columnaCuarto {
	width: 20%;
	float: left;
	margin-right: 5%;
	margin-bottom: 3%;
}

.columnaMitad {
	width: 40%;
	float: left;
	margin-right: 5%;
	margin-bottom: 3%;
}


h1.TituloEncima {
	position: absolute;
	top: 40%;
	text-align: center;
	width: 100%;
	color: #A8AAB4;
	font-size: 80px;
}


h2.Light {
	font-weight: 400;
	margin-bottom: 20px;
	color: #515569;
	margin-top: 40px;
}

hr.Grueso {
	border-top: 4px solid #7D7F8F;
}

hr.Delgado {
	border-top: 1px solid #7D7F8F;
}

.contenedor70 {
	width: 65%;
	margin-bottom: 3%;
}

ul.ListaTexto.roman li {
	list-style: upper-roman;
}

h6.Fiz {
	float: left;
}

h6.Fder {
	float: right;
}



/*----------------RECLUTAMIENTO----------------*/


.contenedor70.reclutamiento {
	float: left;
}

#fotoReclutamiento {
	width: 30%;
	margin-left: 5%;
	float: right;
	background: url(images/foto6.jpg) no-repeat top left;
	background-size: cover;
	height: 750px;
}

#fotoTramite {
	width: 30%;
	margin-left: 5%;
	float: right;
	background: url(images/foto9.jpg) no-repeat top left;
	background-size: cover;
	height: 750px;
}

.contenedor70.NoDesk {
	display: none;
}


/*----------------licitaciones----------------*/

.descarga {
	width: 100%;
	padding: 5px 0;
	border-top: 1px solid #707070;
}

.descarga p {
	float: left;
	line-height: 30px;
	margin-right: 15px;
}

.descarga a {
	float: right;
	border-radius: 10px;
	letter-spacing: 2px;
	width: 100px;
	text-align: center;
}

.descarga a.inactivo {
	background: #A8AAB4;
}




/*----------------Contacto----------------*/


#LoginHeader.contacto {
	width: 40%;
	margin: 0% 20% 0 20%;
	padding: 20% 0 38% 0;
	text-align: right;
	position: absolute;
	z-index: 2;
}


.Morado {
	background: #434B81;
	width: 90%;
	padding: 70px 5% 70px 5%;
	position: relative;
	bottom: 0;
	z-index: 8;
	text-align: center;
}

.cbp-af-header p, .cbp-af-header a {
	color: #A8AAB4;
	font-size: 20px;
}

#Quejas {
	padding-top: 70px;
}

#Quejas p.grande {
	border-left: 5px solid #A8AAB4;
	padding-left: 30px;
}

#Quejas p {
	width: 50%;
}


#formaCompra input[type=text].dostercio {
	width: 65%;
	margin-right: 1%;

}

#formaCompra textarea {
	width: 99%;
	border: 0;
	height: 200px;
	outline: none;
	background: none;
	font-size: 16px;
	padding: 10px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #707070;
	color: #707070;
}


#formaCompra input[type=submit].queja {
	width: auto;
	background: #337FD8;
	color: #F4F4F6;
	font-size: 16px;
	line-height: 45px;
	display: inline-block;
	padding: 0 50px;
	border: 0;
	border-radius: 25px;
	margin-left: 0%;
	cursor: pointer;
}

#formaCompra input[type=submit].queja:hover {
	opacity: 0.7;
}


/*----------------noticias---------------*/

#Galeria1 h6 {
	position: absolute;
	color: white;
	margin-left: 5%;
	z-index: 8;
	top: 30%;
}



#Galeria1 p.grande {
	position: absolute;
	color: white;
	margin-left: 5%;
	z-index: 8;
	top: 70%;
	width: 50%;
}

#Galeria1 p.grande.noticia {
	top: 55%;
	font-weight: 700;
	font-size: 40px;
	line-height: 45px;
}

.noticia {
	margin-bottom: 40px;
	width: 90%;
}

.noticiaFoto {
	float: left;
	width: 45%;
	margin-right: 5%;
}

.noticiaTexto {
	float: left;
	width: 50%;
}

.noticia a.gris {
	text-align: right;
	display: inline-block;
	float: right;
}

.noticia p.grande {
	color: #262A44;
	font-size: 34px;
	line-height: 42px;
}

#etiquetas {
	margin-top: 10px;
}

#etiquetas a {
	display: inline-block;
	padding: 5px 15px;
	background: #A8AAB4;
	border-radius: 10px;
	color: white;
	font-size: 12px;
	margin-bottom: 10px;
	margin-right: 5px;
	position: relative;
}

#etiquetas a.agregaEtiqueta {
	background: #337FD8;
	width: 100px;
	text-align: center;
}

#etiquetas a span {
	display: none;
	position: absolute;
	background: #FD2F2F;
	border-radius: 10px;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	right: -5px;
	top: -5px;
}

#etiquetas a:hover span {
	display: block;
}

#etiquetas a.agregaEtiqueta span {
	display: none;
	position: absolute;
	background: #337FD8;
	border-radius: 10px;
	width: auto;
	height: auto;
	text-align: center;
	line-height: 20px;
	right: auto;
	left: 20px;
	top: 5px;
}

#etiquetas a.agregaEtiqueta:hover span {
	display: block;
}

.columna30.nomovil {
	display: block;
}

.columna30.movil {
	display: none;
}

/*----------------sitios interes---------------*/

.sitioInteres h2 {
	font-size: 34px;
	margin-bottom: 20px;
	margin-left: -6%;
}

.sitioInteres {
	border-bottom: 1px solid #D4D4DA;
	margin-bottom: 20px;
}

.sitioInteres a {
	float: right;
	margin-bottom: 20px;
}



/*–––––––––––––––––––––––––––Resultados busqueda–––––––––––––––––––––––––––*/


.resultado p a {
	font-size: 24px;
	color: #66A7F5;
}

.resultado {
	padding-bottom: 20px;
	border-bottom: 1px solid #333;
	margin-bottom: 20px;
}



/*–––––––––––––––––––––––––––Filosofia institucional–––––––––––––––––––––––––––*/


.lineaTiempo {
	width: 100%;
}


.L1 {
	border-top: 1px solid #5BFAD5;
	border-right: 1px solid #5BFAD5;
	float: left;
	width: 54%;
	height: 2000px;
	padding-bottom: 200px;
	margin-left: -14%;
}

.L2 {
	float: left;
	width: 55%;
	margin-left: -5px;
}

.lineaTiempo li {
	background: url("images/punto.svg") no-repeat left center, url("images/flecha-linea3.svg") no-repeat right center;
	/* background: url("images/punto.svg") no-repeat left center, url("images/flecha-linea.svg") no-repeat right center; */
	background-size: 10px, 40px;
	font-size: 90px;
	/* color: #A8AAB4; */
	color: #7D7F8F;
	font-weight: 700;
	text-align: center;
	cursor: pointer;
}

.lineaTiempo li span {
	width: 90%;
	padding: 5%;
	background: linear-gradient(to bottom, #434B81, #66A7F5);
	color: #D4D4DA;
	position: absolute;
	right: -100%;
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
	text-align: left;
	visibility: hidden;
}

.lineaTiempo li span strong {
	color: #A8AAB4;
}


.lineaTiempo li span img {
	position: absolute;
	left: -20px;
	top: 0;
}

.lineaTiempo li span img.cerrar {
	position: absolute;
	left: auto;
	right: -20px;
	top: -10px;
}

.lineaTiempo li:hover {
	color: white;
	background: url("images/punto2.svg") no-repeat left center, url("images/flecha-linea2.svg") no-repeat right center, linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)) no-repeat;
	background-size: 32px, 40px, 100%;
	background-position: -8px center, right center;
}

.lineaTiempo li span.active {
	visibility: visible;
}

.lineaTiempo li.active {
	color: white;
	background: url("images/punto2.svg") no-repeat left center, url("images/flecha-linea2.svg") no-repeat right center, linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)) no-repeat;
	background-size: 32px, 40px, 100%;
	background-position: -8px center, right center;
}

#Container-productos section:hover .title{
	display: block; 
}


#Container-productos section:hover section.title-container{
	height: 100%;
	width: 100%;
	background: #262a448a;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0px !important;
	padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
}
#Container-productos section p.title{
	/* font-size: 28px; */
	display: none;
	position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
#Container-productos .title-movil{
	display: none;
}

.ConvocatoriaItem {
	width: 29%;
	display: inline-table;
	margin: 0 2% 3% 2%;
}

.ConvocatoriaItem img {
	display: block;
}

.ConvocatoriaItem div {
	text-align: center;
	background: #A8AAB4;
	padding: 20px;
}

.ConvocatoriaItem div h1 {
	line-height: 16px;
	color: #F4F4F6;
	font-size: 16px;
	margin: 0;
	margin-bottom: 10px;
}

.ConvocatoriaItem div p {
	line-height: 28px;
	color: #F4F4F6;
	font-size: 28px;
	margin-bottom: 20px;
}

.ConvocatoriaItem div a {
	font-size: 10px;
	line-height: 30px;
	background: #262A44;
	border: 1px solid #7D7F8F;
	padding: 0px 20px;
	color: #F4F4F6;
	border-radius: 20px;
	text-decoration: none;
}



.ConvocatoriaItem div a.gris {
	background: #A8AAB4;
}

.ConvocatoriaItem div a.gris:hover {
	background: #838CC9;
}


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

	main {
		width: 100%;
		padding-left: 0%;
	}

	#barraLateral {
		position: fixed;
		z-index: 10;
		left: 0;
		width: 96%;
		height: 75px;
		padding: 0 2%;
	}

	#barraLateral img#escudo {
		margin-top: 10px;
		width: 55px;
		float: left;
		display: none;
	}

	#barraLateral p#textoCESPQ {
		display: none;
	}

	#barraLateral img#escudoQro {
		display: none;
	}

	#barraLateral img#escudoCompleto {
		margin-top: 10px;
		width: 200px;
		float: left;
		display: block;
	}

	#barraLateral img#escudoCompletoVeda {
		margin-top: 10px;
		width: 150px;
		float: left;
		display: block;
	}

	#barraLateral h1 {
		font-size: 24px;
		line-height: 50px;
		font-weight: 700;
		margin: 10px 15px 0px 10px;
		float: left;
	}

	#barraLateral p {
		font-size: 10px;
		font-weight: 400;
		line-height: 14px;
		float: left;
		padding-top: 20px;
	}

	#derecha {
		float: right;
		margin-right: 20px;
	}

	#BLbottom {
		bottom: 40px;
		display: none;
	}

	#BLbottom a {
		font-size: 13px;
		line-height: 18px;
	}

	#menuiphone {
		float: left;
		display: block;
		margin-top: 25px;
		margin-right: 0px;
		margin-left: 10px;
	}

	#menuiphone img {
		width: 25px;
	}

	#barraTop {
		display: none;
	}


	header {
		width: 100%;
		height: 565px;
	}

		main nav#mobile {
		display: block;
		position: fixed;
		height: 100%;
		background-image: linear-gradient(to left, #7D7F8F, #262A44);
		width: 220px;
		left: -250px;
		top: 0;
		margin: 0;
		z-index: 11;
		padding-right: 30px;
	}

		main nav#mobile.active {
		left: 0;
		box-shadow: 3px 0px 15px rgba(0, 0, 0, 0.5);
	}

		main nav#mobile ul {
		margin-top: 40px;
		margin-bottom: 20px;
	}

		main nav#mobile ul li {
		display: block;
		width: 90%;
		border: 1px;
		border-bottom: 1px solid white;
	}

		main nav#mobile ul li a {
		display: block;
		font-size: 14px;
		margin-left: 10px;
		line-height: 40px;
	}

		main nav#mobile ul li a:hover {
		border-top: 0;
		color: #A8AAB4;
	}

		main nav#mobile a {
		margin-left: 30px;
		display: block;
		font-size: 12px;
	}

		main nav#mobile img, main nav#mobile hr {
		margin-left: 30px;
	}

		main nav#mobile hr {
		margin: 15px 0 15px 30px;
	}

		main nav#mobile #menuiphone2 {
		float: right;
		margin: 0;
		margin-top: 20px;
	}


		main nav {
		display: none;
	}


	#BuscaHeader {
		width: 80%;
		margin-top: 30%;
		left: 0;
		margin-left: 0px;
		padding: 0 20% 0 0;
	}

	#BuscaHeader h1 {
		font-size: 30px;
		font-weight: 400;
		line-height: 35px;
		margin-bottom: 30px;
		margin-left: 30px;
	}

	/* #BuscaHeader input[type=button]{
	width: 128px;
	border-radius: 40px;
	line-height: 40px;
	margin-top: 8px; */
	/* line-height: 40px;
	margin-bottom: 2px;
	font-size: 15px;
	padding-left: 4%; */
	/* } */

	#BuscaHeader input[type=submit], #BuscaHeader input[type=button] {
		width: 128px;
		border-radius: 40px;
		line-height: 40px;
		margin-top: 8px;
	}

	.Contenedor {
		width: 90%;
		padding: 0 5%;
		padding-bottom: 50px;
	}

	footer {
		width: 100%;
		padding: 30px 0;
	}

	/* ul#filtro{
	width: 110%;
	margin-top: 0px;
	margin-bottom: 50px;
	margin-left: -5%;
}

ul#filtro li{
	width: 70%;
	background-size: 65px;
	font-size: 16px;
	padding: 20px 0 0 30%;
	height: 70px;
	border: 0;
}

ul#filtro li:nth-child(2){
	background: #A8AAB4 url(images/icon2.svg) no-repeat top left;
	background-size: 65px;
}

ul#filtro li:nth-child(3){
	background: #D4D4DA url(images/icon3.svg) no-repeat top left;
	background-size: 65px;
}

ul#filtro li:nth-child(4){
	background: #515569 url(images/icon4.svg) no-repeat top left;
	background-size: 65px;
	width: 70%;
	padding: 20px 0 0 30%;
	height: 70px;
}

ul#filtro li:nth-child(5){
	background: #A8AAB4 url(images/icon5.svg) no-repeat top left;
	background-size: 65px;
	width: 70%;
	padding: 20px 0 0 30%;
	height: 70px;
}

ul#filtro li:hover {
	width: 70%;
	background: #515569 url(images/icon1.svg) no-repeat top left;
	background-size: 65px;
	font-size: 16px;
	padding: 20px 0 0 30%;
	height: 70px;
	border: 0;
	transition: none;
}
	
ul#filtro li:nth-child(2):hover {
	width: 70%;
	background: #A8AAB4 url(images/icon2.svg) no-repeat top left;
	background-size: 65px;
	font-size: 16px;
	padding: 20px 0 0 30%;
	height: 70px;
	border: 0;
	transition: none;
}
	
ul#filtro li:nth-child(3):hover {
	width: 70%;
	background: #D4D4DA url(images/icon3.svg) no-repeat top left;
	background-size: 65px;
	font-size: 16px;
	padding: 20px 0 0 30%;
	height: 70px;
	border: 0;
	transition: none;
}
	
ul#filtro li:nth-child(4):hover {
	width: 70%;
	background: #515569 url(images/icon4.svg) no-repeat top left;
	background-size: 65px;
	font-size: 16px;
	padding: 20px 0 0 30%;
	height: 70px;
	border: 0;
	transition: none;
}
	
ul#filtro li:nth-child(5):hover {
	width: 70%;
	background: #A8AAB4 url(images/icon5.svg) no-repeat top left;
	background-size: 65px;
	font-size: 16px;
	padding: 20px 0 0 30%;
	height: 70px;
	border: 0;
	transition: none;
}
	

	
	
ul#filtro li span{
	display: block;
}

ul#filtro li span a{
	font-size: 12px;
	line-height: 37px;
	padding: 0 20px;
} */

	/*–––––––––––––––––––––––––––ULTIMA NOTICIA–––––––––––––––––––––––––––*/

	#UltimaNoticia {
		margin-bottom: 100px;
	}

	.ColMitad {
		width: 100%;
		margin-bottom: 15px;
	}

	.margen {
		margin-right: 0%;
	}


	#NuevoTalento {
		text-align: center;
	}

	/*–––––––––––––––––––––––––––TRAMITE–––––––––––––––––––––––––––*/

	#Azul {
		width: 100%;
		padding: 100px 0;
	}


	/*–––––––––––––––––––––––––––SE PARTE–––––––––––––––––––––––––––*/

	#GrayWhite {
		width: 100%;
		padding: 100px 0;
	}



	/*–––––––––––––––––––––––––––ESTILOS TEXTOS–––––––––––––––––––––––––––*/


	h1 {
		font-size: 40px;
		line-height: 40px;
		margin-bottom: 30px;
	}

	h2 {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 20px;
		text-align: center;
	}


	h6 {
		font-size: 10px;
		line-height: 30px;
	}


	p {
		font-size: 14px;
		line-height: 22px;
	}

	p.grande {
		font-size: 18px;
		line-height: 26px;
	}


	a {
		font-size: 14px;
		line-height: 22px;
	}

	a.vermas {
		font-size: 12px;
		line-height: 37px;
		padding: 0 20px;
	}


	a.rojo {
		font-size: 12px;
		line-height: 37px;
		padding: 0 20px;
		border-radius: 10px;
	}

	a.verde {
		font-size: 13px;
		line-height: 36px;
		padding: 0 30px;
		border-radius: 10px;
	}

	a.inicio {
		font-size: 14px;
		line-height: 19px;
		border-radius: 10px;
		padding: 15px 20px;
		margin-top: -100px;
	}

	a.inicio img {
		width: 35px;
	}

	a.gris {
		font-size: 13px;
		line-height: 36px;
		padding: 0 30px;
		border-radius: 10px;
	}


	/*–––––––––––––––––––––––––––ELEMENTOS–––––––––––––––––––––––––––*/

	#Galeria1 {
		padding-top: 0px;
		margin: 0;
	}

	#Galeria1 h1 {
		margin-left: 5%;
		top: 63%;
		font-size: 30px;
		line-height: 35px;
	}


	#TextoGal1 {
		width: 60%;
		height: 55px;
		margin-left: 5%;
		display: none;
	}



	.padTop {
		padding-top: 40px;
	}

	.columna {
		width: 100%;
		margin-bottom: 20px;
	}

	.columnaLarga {
		width: 100%;
		margin-bottom: 20px;
	}

	#hihlight {
		padding: 6%;
		width: 100%;
		margin-left: -6%;
		padding-bottom: 10%;
	}

	#apunta {
		top: 0;
		left: -19px;
		width: 20px;
		display: none;
	}

	.margenColumna {
		margin-right: 0%;
	}


	/*--------*/

	header.AutoH {
		/* height: 700px; */
	}


	.ContenedorHeader {
		width: 88%;
		margin: 0 6%;
		padding-top: 100px;
	}

	.columnaHeader {
		width: 100%;
		padding: 30px 0;
		margin-bottom: 20px;
		background: rgba(0, 0, 0, 0.0);
	}

	.columnaHeader.adaptaAncho {
		width: 100%;
	}

	.columnaHeader h2 {
		font-size: 35px;
		line-height: 39px;
		font-weight: 400;
		padding-right: 30px;
		padding-left: 25px;
	}

	.columnaHeader h2.chi {
		font-size: 28px;
		line-height: 34px;
	}

	.PadCol {
		padding: 0 50px 0 30px;
	}

	.columnaHeader * {
		/* color: #D4D4DA; */
		color: #515569;
	}

	.columnaHeader30 {
		width: 100%;
		margin-bottom: 20px;
	}

	#blueGray {
		width: 90%;
		padding: 100px 5%;
	}

	#blueGray h2.Quote {
		padding: 0 0%;
		font-weight: 400;
		margin-bottom: 20px;
	}

	#hihlight.chico {
		width: 100%;
	}

	#hihlight.bajar {
		margin-top: 0px;
		margin-bottom: 40px;
	}

	/*--------*/


	.columnaHeader.foto {
		width: 112%;
		margin-left: -6%;
		height: 350px;
		margin-bottom: 0;
	}

	.ContenedorPorcentaje {
		padding-bottom: 50px;
	}

	.CienAncho {
		width: 100%;
		margin: 0;
		padding-bottom: 50px;
	}

	.FondoBlueGray {
		background-image: linear-gradient(to bottom, rgba(38, 42, 68, 1), rgba(125, 127, 143, 1));
		margin-bottom: 0;
	}

	.FondoBlanco {
		background: white;
	}

	.fotoOver {
		position: relative;
		width: 100%;
		right: 0%;
		top: 0;
		opacity: 1;
		overflow: hidden;
		height: 350px;
		margin-top: 20px;
	}

	.ApareceFoto:hover {
		background: none;
	}

	.ApareceFoto:hover .fotoOver {
		opacity: 1;
	}


	/*--------*/

	.margeCH {
		margin-right: 0%;
	}

	.columna30 {
		width: 100%;
		float: left;
		margin-bottom: 20px;
	}

	.columna10 {
		width: 100%;
		float: left;
		margin-bottom: 20px;
	}

	.columna30foto {
		width: 100%;
		padding-left: 0%;
		float: left;
		text-align: left;
	}

	.columna70 {
		width: 100%;
		float: left;
	}

	.columna80 {
		width: 100%;
		float: left;
	}

	.columna90 {
		width: 100%;
		float: left;
	}


	.CP {
		width: 100%;
		margin-top: 40px;
		padding-top: 40px;
		margin-bottom: 40px;
	}

	.CP p.BordeL {
		font-size: 30px;
		line-height: 36px;
		padding-left: 5%;
		margin-left: -7%;
	}

	.columna60 {
		width: 112%;
		float: left;
		margin-left: -6%;
		text-align: right;
	}


	.mapaCereso {
		height: 250px;
	}

	/*–––––––––––––––––––––––––––SUBMENU-MOBILE–––––––––––––––––––––––––––*/

	ul#subMob {
		width: 88%;
		padding: 0 6%;
		top: 100px;
		margin-bottom: 20px;
		display: block;
		position: relative;
	}


	ul#subMob li {
		margin-bottom: 0px;

	}


	ul#subMob li a {
		line-height: 40px;
		padding: 10px 20px;
	}

	#paraMenu {
		width: 100%;
		height: auto;
		position: absolute;
		top: 80px;
		padding: 20px 0;
	}


	#paraMenu ul#subMob {
		margin-bottom: 0;
		top: 0;
	}

	.columnaHeader.actividades {
		width: 40%;
		padding: 30px 0 0 5%;
		right: 5%;
		float: right;
		position: relative;
		text-align: center;
		display: none;
	}

	.columnaHeader.actividades img {
		max-width: 450px;
	}

	.columnaHeader.actividades2 {
		width: 100%;
		padding: 0;
		right: 0%;
		float: none;
		position: relative;
		text-align: center;
		display: block;
	}

	.columnaHeader.actividades2 img {
		max-width: 450px;
	}


	.columnaHeader.actividades.noDesk {
		width: 100%;
		padding: 0;
		right: 0%;
		float: none;
		position: relative;
		text-align: center;
		display: block;
	}

	.columnaHeader.actividades.noDesk img {
		max-width: 350px;
	}


	/*----------------TIENDA----------------*/

	header.AutoH img.sub {
		display: block;
		padding-top: 0px;
		width: 200%;
		margin-top: -30px;
	}


	#Tienda {
		margin-top: 50px;
	}

	.TiendaProducto {
		width: 45%;
		margin: 0 2% 20px 2%;
	}


	.TiendaProducto div {
		padding: 20px;
	}

	.TiendaProducto div h1 {
		line-height: 17px;
		font-size: 14px;
		margin: 0;
		margin-bottom: 10px;
	}

	.TiendaProducto div p {
		line-height: 14px;
		font-size: 14px;
		margin-bottom: 15px;
	}

	.TiendaProducto div a {
		font-size: 10px;
		line-height: 30px;
		padding: 0px 20px;
		border-radius: 20px;
	}


	#TiendaFiltro {
		margin-bottom: 50px;
		padding-bottom: 10px;
	}

	h2.TituloEncima {
		top: 65%;
		padding: 0 10%;
	}

	a.filtrar {
		background-size: 15px;
		padding-right: 25px;
		margin-right: 30px;
		font-size: 16px;
	}

	#TiendaFiltro select {
		width: 30%;
		background-size: 20px;
		line-height: 25px;
		height: 45px;
		padding-right: 25px;
		margin-right: 30px;
		font-size: 16px;
	}


	#TiendaFiltro input[type=submit] {
		line-height: 25px;
		margin-bottom: 2px;
		font-size: 16px;
		padding: 5px 15px;
		border-radius: 10px;
	}

	header.AutoH.tienda {
		height: auto;
	}

	header.AutoH.tienda {
		width: 100%;
		overflow: hidden;
		text-align: center;
		padding-top: 0;
	}

	.columna70.foto {
		width: 100%;
		height: 470px;
		margin-right: 0;
		background: url("images/fotofondo2.jpg") no-repeat center;
		background-size: cover;
	}


	/*----------------FORMA-TIENDA----------------*/

	#formaCompra {
		padding-top: 70px;
	}

	#formaCompra img.fotoProducto {
		width: 100%;
		max-width: 400px;
		margin-bottom: 50px;
	}

	#formaCompra h2 {
		font-weight: 400;
		margin-bottom: 10px;
	}

	#formaCompra form {
		width: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
	}


	#formaCompra input[type=text] {
		width: 100%;
		font-size: 15px;
		padding: 10px 0;
		margin-bottom: 20px;
	}

	#formaCompra input[type=text].tercio {
		width: 48%;
		margin-right: 1%;
	}

	#formaCompra input[type=radio] {
		margin-right: 10px;
	}

	#formaCompra img.tarjetas {
		width: 25%;
		margin-bottom: 20px;
	}


	#formaCompra input[type=submit] {
		width: 20%;
		font-size: 15px;
		line-height: 37px;
		padding: 0 30px;
		border: 0;
		border-radius: 10px;
		margin-left: 0%;
	}


	/*----------------LOGIN----------------*/


	.LogIn {
		height: 100%;
	}


	#LoginHeader {
		width: 90%;
		margin: 120px 10% 0 0%;
	}


	#LoginHeader h1 {
		font-size: 35px;
		font-weight: 400;
		line-height: 35px;
		margin-bottom: 25px;
		margin-left: 6%;
	}

	#LoginHeader p {
		margin-top: 20px;
		font-size: 20px;
		line-height: 26px;
		margin-left: 6%;
	}

	#LoginHeader a.datos {
		border: 0;
		line-height: 30px;
		font-size: 14px;
		padding: 5px 15px;
		border-radius: 30px;
		margin-left: 0px;
		margin-top: 10px;
		position: relative;
		display: block;
		width: 100px;
	}


	#LoginHeader input[type=text] {
		width: 94%;
		padding: 0 3%;
		line-height: 45px;
		height: 45px;
		margin-bottom: 2px;
		font-size: 20px;
	}



	#LoginHeader input[type=button] {
		width: 100%;
		line-height: 45px;
		margin-bottom: 2px;
		font-size: 20px;
		padding-left: 4%;
	}



	#LoginHeader input[type=submit] {
		color: white;
		width: 128px;
		border-radius: 50px;
		line-height: 40px;
		margin-top: 8px;
	}


	/*----------------USUARIOS----------------*/

	#Usuario {
		width: 85%;
		border-left: 10px solid #A8AAB4;
		padding-left: 5%;
		padding-right: 5%;
		margin-top: 80px;
	}

	#Usuario h1 {
		margin-bottom: 10px;
		font-size: 30px;
	}

	#Usuario h2 {
		font-weight: 400;
		text-align: left;
	}

	#menuUsuario p {
		width: 80%;
		padding-left: 10%;
	}



	/* #menuUsuario ul#filtro{
	width: 100%;
	margin: 0;
	padding: 0;
	margin-top: 100px;
}

#menuUsuario ul#filtro li{
	width: 95%;
	margin: 0;
	border: 0;
	font-size: 30px;
	line-height: 30px;
	padding: 50px 0 0 5%;
	height: 120px;
} */

	/*----------------PERFIL----------------*/

	#PerfilFoto {
		width: 180px;
		height: 180px;
		border-radius: 100px;
		margin-right: 0px;
		margin: 0 auto;
		display: block;
		margin-bottom: 20px;
	}

	#PerfilDatos {
		width: 100%;
		text-align: center;
	}


	#resumen {
		width: 100%;
	}

	#resumen img {
		width: 50%;
	}

	.contactar {
		margin: 18% 0 0 12%;
	}


	/*----------------GUIA VISITANTE----------------*/


	.columnaCuarto {
		width: 100%;
		margin-right: 0%;
		margin-bottom: 3%;
	}

	.columnaMitad {
		width: 100%;
		margin-right: 0%;
		margin-bottom: 3%;
	}


	h1.TituloEncima {
		top: 60%;
		font-size: 40px;
		line-height: 45px;
		width: 100%;
	}


	h2.Light {
		font-weight: 400;
		margin-bottom: 20px;
		text-align: left;
		margin-top: 40px;
		font-size: 25px;
		line-height: 32px;
	}


	.contenedor70 {
		width: 100%;
		margin-bottom: 3%;
	}

	/*----------------RECLUTAMIENTO----------------*/


	.contenedor70.reclutamiento {
		display: none;
	}

	#fotoReclutamiento {
		width: 100%;
		margin-left: 0%;
		height: 300px;
		margin-bottom: 20px;
		background-position: center;
	}

	#fotoTramite {
		width: 100%;
		margin-left: 0%;
		height: 300px;
		margin-bottom: 20px;
		background-position: center;
	}

	.centro {
		text-align: center;
	}


	.contenedor70.NoDesk {
		display: block;
	}

	/*----------------licitaciones----------------*/


	.descarga a {
		float: right;
		border-radius: 10px;
		letter-spacing: 0px;
		width: 70px;
		text-align: center;
	}


	/*----------------Contacto----------------*/


	#LoginHeader.contacto {
		width: 80%;
		margin: 0% 10% 0 0%;
		padding: 20% 0 38% 0;
	}



	#Quejas {
		padding-top: 30px;
	}

	#Quejas p.grande {
		padding-left: 30px;
	}

	#Quejas p {
		width: 100%;
	}


	#formaCompra input[type=text].dostercio {
		width: 100%;
		margin-right: 0%;

	}

	#formaCompra input[type=submit].queja {
		margin-top: 20px;
	}

	/*----------------noticias---------------*/

	#Galeria1 h6 {
		margin-left: 5%;
		top: 55%;
	}

	#Galeria1 p.grande {
		margin-left: 5%;
		top: 74%;
		width: 80%;
		font-size: 16px;
		display: none;
	}

	.noticia {
		margin-bottom: 40px;
		width: 100%;
	}

	.noticiaFoto {
		width: 40%;
		margin-right: 5%;
	}

	.noticiaTexto {
		width: 55%;
	}


	.noticia p.grande {
		font-size: 22px;
		line-height: 30px;
	}

	.columna30.nomovil {
		display: none;
	}

	.columna30.movil {
		display: block;
	}


	/*–––––––––––––––––––––––––––Resultados busqueda–––––––––––––––––––––––––––*/


	.resultado p a {
		font-size: 16px;
		color: #66A7F5;
	}


	/*–––––––––––––––––––––––––––Filosofia institucional–––––––––––––––––––––––––––*/


	.lineaTiempo {
		width: 100%;
	}


	.L1 {
		width: 8%;
		height: 1700px;
		padding-bottom: 200px;
		margin-left: 0%;
	}

	.L2 {
		width: 90%;
		margin-left: -5px;
	}

	.lineaTiempo li {
		background-size: 10px, 40px;
		font-size: 65px;
		font-weight: 700;
	}

	.lineaTiempo li span {
		width: 90%;
		height: auto;
		padding: 5%;
		position: relative;
		right: 0%;
		font-size: 13px;
		line-height: 19px;
		font-weight: 400;
		visibility: visible;
		display: block;
	}


	.lineaTiempo li span img {
		left: -20px;
		top: 0;
		display: none;
	}

	.ConvocatoriaItem {
		width: 45%;
		margin: 0 2% 20px 2%;
	}


	.ConvocatoriaItem div {
		padding: 20px;
	}

	.ConvocatoriaItem div h1 {
		line-height: 17px;
		font-size: 14px;
		margin: 0;
		margin-bottom: 10px;
	}

	.ConvocatoriaItem div p {
		line-height: 26px;
		font-size: 26px;
		margin-bottom: 15px;
	}

	.ConvocatoriaItem div a {
		font-size: 10px;
		line-height: 30px;
		padding: 0px 20px;
		border-radius: 20px;
	}


}

@media only screen and (min-width:0) and (max-width:500px) {
	/*–––––––––––––––––––––––––––SUBMENU-MOBILE–––––––––––––––––––––––––––*/

	#Galeria1 {
		padding-top: 0px;
		margin: 0;
		margin-top: 50px;
	}

	#Galeria1 h1 {
		margin-left: 5%;
		top: 45%;
		font-size: 30px;
		line-height: 35px;
	}

	ul#subMob {
		width: 88%;
		padding: 0 6%;
		/* top: 40px; */
		margin-bottom: 20px;
		display: block;
		position: relative;
		z-index: 8;
	}


	ul#subMob li {
		margin-bottom: 0px;

	}


	ul#subMob li a {
		line-height: 40px;
		padding: 10px 20px;
	}

	#paraMenu {
		width: 100%;
		height: auto;
		position: relative;
		top: 70px;
		padding: 20px 0;
		background: #7D7F8F;
	}


	#paraMenu ul#subMob {
		margin-bottom: 0;
		top: 0;
	}


	/*----------------TIENDA----------------*/

	header.AutoH img {
		display: none;
		padding-top: 70px;
	}

	header.AutoH img.sub {
		padding-top: 0px;
		width: 200%;
		margin-top: -30px;
		display: none;
	}

	#Tienda {
		margin-top: 50px;
	}

	.TiendaProducto {
		width: 100%;
		margin: 0 0 20px 0;
	}


	.TiendaProducto div {
		padding: 20px;
	}

	.TiendaProducto div h1 {
		line-height: 17px;
		font-size: 14px;
		margin: 0;
		margin-bottom: 10px;
	}

	.TiendaProducto div p {
		line-height: 14px;
		font-size: 14px;
		margin-bottom: 15px;
	}

	.TiendaProducto div a {
		font-size: 10px;
		line-height: 30px;
		padding: 0px 20px;
		border-radius: 20px;
	}


	#TiendaFiltro {
		margin-bottom: 50px;
		padding-bottom: 10px;
	}

	h2.TituloEncima {
		top: 45%;
		padding: 0 10%;
		display: none;
	}

	a.filtrar {
		background-size: 15px;
		padding-right: 25px;
		margin-right: 0px;
		font-size: 16px;
		display: block;
		margin-bottom: 20px;
	}

	a.buscaFiltro {
		display: none;
	}

	#TiendaFiltro select {
		width: 95%;
		background-size: 20px;
		line-height: 25px;
		height: 45px;
		padding-right: 5%;
		margin-right: 0px;
		font-size: 16px;
		margin-bottom: 10px;
	}


	#TiendaFiltro input[type=submit] {
		line-height: 25px;
		margin-bottom: 2px;
		font-size: 16px;
		padding: 5px 15px;
		border-radius: 10px;
		width: 100%;
		text-align: center;
	}

	header.AutoH.tienda {
		height: auto;
		padding-top: 70px;
		background: none;
		padding-bottom: 20px;
	}


	/*----------------FORMA-TIENDA----------------*/

	#formaCompra {
		padding-top: 0px;
	}

	#formaCompra img.fotoProducto {
		width: 100%;
		max-width: 400px;
		margin-bottom: 50px;
	}



	#formaCompra input[type=text].tercio {
		width: 100%;
		margin-right: 0%;
	}



	#formaCompra img.tarjetas {
		width: 75%;
		margin-bottom: 20px;
	}


	#formaCompra input[type=submit] {
		width: 100%;
		font-size: 15px;
		line-height: 37px;
		padding: 0 30px;
		border: 0;
		border-radius: 10px;
		margin-left: 0%;
	}

	/*----------------USUARIOS----------------*/

	#Usuario {
		width: 85%;
		border-left: 10px solid #A8AAB4;
		padding-left: 5%;
		padding-right: 5%;
		margin-top: 20px;
	}


	/*----------------PERFIL----------------*/

	#PerfilFoto {
		width: 180px;
		height: 180px;
		border-radius: 100px;
		margin-right: 0px;
		margin: 0 auto;
		display: block;
		margin-bottom: 20px;
	}

	#PerfilDatos {
		width: 100%;
		text-align: center;
	}


	#resumen {
		width: 100%;
	}

	#resumen img {
		width: 100%;
	}

	.contactar {
		margin: 18% 0 0 0%;
	}


	h1.TituloEncima {
		display: none;
	}


	/*----------------noticias---------------*/

	#Galeria1 h6 {
		margin-left: 5%;
		top: 55%;
		display: none;
	}

	#Galeria1 p.grande {
		margin-left: 5%;
		top: 74%;
		width: 80%;
		font-size: 16px;
		display: none;
	}

	.noticia {
		margin-bottom: 40px;
		width: 100%;
	}

	.noticiaFoto {
		width: 100%;
		margin-right: 0%;
	}

	.noticiaTexto {
		width: 100%;
	}


	.noticia p.grande {
		font-size: 22px;
		line-height: 30px;
		margin-top: -20px;
	}

	.columna30.nomovil {
		display: none;
	}

	.columna30.movil {
		display: block;
	}

	.espacia2 {
		padding: 30px 0;
	}

	#Container-productos .title-movil{
		display: block !important;
		font-size: 24px;
    	line-height: 24px;
	}

	.ConvocatoriaItem {
		width: 100%;
		margin: 0 0 20px 0;
	}


	.ConvocatoriaItem div {
		padding: 20px;
	}

	.ConvocatoriaItem div h1 {
		line-height: 17px;
		font-size: 14px;
		margin: 0;
		margin-bottom: 10px;
	}

	.ConvocatoriaItem div p {
		line-height: 24px;
		font-size: 24px;
		margin-bottom: 15px;
	}

	.ConvocatoriaItem div a {
		font-size: 10px;
		line-height: 30px;
		padding: 0px 20px;
		border-radius: 20px;
	}

}


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

	main {
		width: 100%;
		padding-left: 0%;
	}

	#barraLateral {
		position: fixed;
		z-index: 10;
		left: 0;
		width: 96%;
		height: 100px;
		padding: 0 2%;
	}

	#barraLateral img#escudo {
		margin-top: 10px;
		width: 70px;
		float: left;
		display: none;
	}

	#barraLateral p#textoCESPQ {
		display: none;
	}

	#barraLateral img#escudoQro {
		display: none;
	}

	#barraLateral img#escudoCompleto {
		margin-top: 10px;
		width: 300px;
		float: left;
		display: block;
	}

	#barraLateral img#escudoCompletoVeda {
		margin-top: 10px;
		width: 220px;
		float: left;
		display: block;
	}

	#barraLateral h1 {
		font-size: 34px;
		line-height: 50px;
		font-weight: 700;
		margin: 20px 30px 0px 20px;
		float: left;
	}

	#barraLateral p {
		font-size: 12px;
		font-weight: 400;
		line-height: 18px;
		float: left;
		padding-top: 20px;
	}

	#derecha {
		float: right;
		margin-right: 20px;
	}

	#BLbottom {
		bottom: 40px;
		display: none;
	}

	#BLbottom a {
		font-size: 13px;
		line-height: 18px;
	}

	#menuiphone {
		float: left;
		display: block;
		margin-top: 30px;
		margin-right: 30px;
		margin-left: 10px;
	}


	#barraTop {
		width: 95%;
		padding-right: 5%;
		height: 44px;
		z-index: 9;
		display: none;
	}

	#barraTop a:last-child {
		margin-left: 40px;
	}

	#barraTop a:nth-child(4) {
		margin-left: 40px;
	}

	#barraTop a:nth-child(2) {
		margin-left: 20px;
	}


	#barraTop a {
		line-height: 44px;
		font-size: 12px;
	}

	header {
		width: 100%;
		height: 665px;
	}


		main nav#mobile {
		display: block;
		position: fixed;
		height: 100%;
		background-image: linear-gradient(to left, #7D7F8F, #262A44);
		width: 220px;
		left: -250px;
		top: 0;
		margin: 0;
		z-index: 11;
		padding-right: 30px;
	}

		main nav#mobile.active {
		left: 0;
		box-shadow: 3px 0px 15px rgba(0, 0, 0, 0.5);
	}

		main nav#mobile ul {
		margin-top: 40px;
		margin-bottom: 20px;
	}

		main nav#mobile ul li {
		display: block;
		width: 90%;
		border: 1px;
		border-bottom: 1px solid white;
	}

		main nav#mobile ul li a {
		display: block;
		font-size: 14px;
		margin-left: 20px;
		line-height: 40px;
	}

		main nav#mobile ul li a:hover {
		border-top: 0;
		color: #A8AAB4;
	}

		main nav#mobile a {
		margin-left: 30px;
		display: block;
		font-size: 12px;
	}

		main nav#mobile img, main nav#mobile hr {
		margin-left: 30px;
	}

		main nav#mobile hr {
		margin: 15px 0 15px 30px;
	}

		main nav#mobile #menuiphone2 {
		float: right;
		margin: 0;
		margin-top: 20px;
	}


		main nav {
		z-index: 9;
		top: 44px;
		width: auto;
		margin: 0 5%;
		display: none;
	}



		main nav ul li {
		padding: 0 12px;
	}

		main nav ul li a {
		font-size: 8px;
		font-weight: 400;
		line-height: 60px;
	}

		main nav ul li a:hover {
		border-top: 5px solid #66A7F5;
		line-height: 50px;
	}

		main nav ul li a.active {
		border-top: 5px solid #66A7F5;
		line-height: 50px;
	}


	#BuscaHeader {
		width: 600px;
		margin-top: 22%;
		left: 50%;
		margin-left: -300px;
	}

	#BuscaHeader h1 {
		font-size: 40px;
		font-weight: 400;
		line-height: 45px;
		margin-bottom: 30px;
	}

	/* #BuscaHeader input[type=button]{
	width: 128px;
	line-height: 40px;
	margin-bottom: 2px;
	font-size: 20px;
	padding-left: 4%;
} */

	#BuscaHeader input[type=submit], #BuscaHeader input[type=button] {
		width: 128px;
		border-radius: 40px;
		line-height: 40px;
		margin-top: 8px;
	}

	.Contenedor {
		width: 90%;
		padding: 0 5%;
		padding-bottom: 100px;
	}

	footer {
		width: 100%;
		padding: 30px 0;
	}

	/* ul#filtro{
	width: 100%;
	margin-top: -65px;
	margin-bottom: 100px;
}

ul#filtro li{
	width: 12%;
	background-size: 33%;
	font-size: 14px;
	padding: 30px 0 0 8%;
	height: 70px;
}

ul#filtro li:nth-child(2){
	background-size: 33%;
}

ul#filtro li:nth-child(3){
	background-size: 33%;
}

ul#filtro li:nth-child(4){
	background-size: 33%;
	width: 13%;
	padding: 50px 0 0 7%;
	height: 50px;
}

ul#filtro li:nth-child(5){
	background-size: 33%;
	width: 14%;
	padding: 50px 0 0 6%;
	height: 50px;
}

ul#filtro li:hover {
	width: 16%;
	padding: 20px 0 0 4%;
	height: 80px;
}

ul#filtro li span a{
	font-size: 12px;
	line-height: 37px;
	padding: 0 20px;
} */

	/*–––––––––––––––––––––––––––ULTIMA NOTICIA–––––––––––––––––––––––––––*/

	#UltimaNoticia {
		margin-bottom: 100px;
	}

	.ColMitad {
		width: 47%;
	}

	.margen {
		margin-right: 6%;
	}

	#NuevoTalento {
		text-align: center;
	}

	/*–––––––––––––––––––––––––––TRAMITE–––––––––––––––––––––––––––*/

	#Azul {
		width: 100%;
		padding: 100px 0;
	}


	/*–––––––––––––––––––––––––––SE PARTE–––––––––––––––––––––––––––*/

	#GrayWhite {
		width: 100%;
		padding: 100px 0;
	}


	/*–––––––––––––––––––––––––––ESTILOS TEXTOS–––––––––––––––––––––––––––*/


	h1 {
		font-size: 75px;
		line-height: 80px;
		margin-bottom: 50px;
	}

	h2 {
		font-size: 28px;
		line-height: 40px;
		margin-bottom: 50px;
	}

	.columnaHeader h2.chi {
		font-size: 20px;
		line-height: 26px;
	}

	.columnaHeader.adaptaAncho {
		width: 100%;
	}

	h6 {
		font-size: 10px;
		line-height: 30px;
	}


	p {
		font-size: 14px;
		line-height: 22px;
	}

	p.grande {
		font-size: 18px;
		line-height: 26px;
	}


	a {
		font-size: 14px;
		line-height: 22px;
	}

	a.vermas {
		font-size: 12px;
		line-height: 37px;
		padding: 0 20px;
	}


	a.rojo {
		font-size: 12px;
		line-height: 37px;
		padding: 0 20px;
		border-radius: 10px;
	}

	a.verde {
		font-size: 13px;
		line-height: 36px;
		padding: 0 30px;
		border-radius: 10px;
	}

	a.inicio {
		font-size: 15px;
		line-height: 19px;
		border-radius: 10px;
		padding: 15px 20px;
		margin-top: -100px;
	}

	/*–––––––––––––––––––––––––––ELEMENTOS–––––––––––––––––––––––––––*/

	#Galeria1 {
		padding-top: 50px;
	}

	#Galeria1 h1 {
		margin-left: 5%;
		top: 45%;
	}

	#TextoGal1 {
		width: 60%;
		height: 55px;
		margin-left: 5%;
		display: none;
	}



	.padTop {
		padding-top: 60px;
	}

	.columna {
		width: 38%;
	}

	.columnaLarga {
		width: 80%;
	}

	#hihlight {
		padding: 2%;
		width: 24%;
	}

	#apunta {
		top: 0;
		left: -19px;
		width: 20px;
	}

	.margenColumna {
		margin-right: 4%;
	}


	.columna70 {
		width: 100%;
		float: left;
	}

	.columna80 {
		width: 100%;
		float: left;
	}

	.columna90 {
		width: 100%;
		float: left;
	}

	/*–––––––––––––––––––––––––––SUBMENU-MOBILE–––––––––––––––––––––––––––*/

	ul#subMob {
		width: 88%;
		padding: 0 6%;
		top: 110px;
		margin-bottom: 50px;
		display: block;
	}


	ul#subMob li {
		margin-bottom: 2px;
	}


	ul#subMob li a {
		line-height: 40px;
		padding: 10px 20px;
	}


	/*----------------TIENDA----------------*/

	header.AutoH img {
		display: block;
		padding-top: 90px;
	}

	#Tienda {
		margin-top: 50px;
	}

	.TiendaProducto {
		width: 28%;
		margin: 0 2% 3% 2%;
	}


	.TiendaProducto div {
		padding: 20px;
	}

	.TiendaProducto div h1 {
		line-height: 16px;
		font-size: 16px;
		margin: 0;
		margin-bottom: 10px;
	}

	.TiendaProducto div p {
		line-height: 16px;
		font-size: 16px;
		margin-bottom: 20px;
	}

	.TiendaProducto div a {
		font-size: 10px;
		line-height: 30px;
		padding: 0px 20px;
		border-radius: 20px;
	}


	#TiendaFiltro {
		margin-bottom: 50px;
		padding-bottom: 10px;
	}

	h2.TituloEncima {
		top: 68%;
		padding: 0 10%;
		font-size: 20px;
		line-height: 28px;
	}

	a.filtrar {
		background-size: 15px;
		padding-right: 25px;
		margin-right: 30px;
		font-size: 16px;
	}

	#TiendaFiltro select {
		width: 15%;
		background-size: 20px;
		line-height: 25px;
		height: 45px;
		padding-right: 25px;
		margin-right: 30px;
		font-size: 16px;
	}


	#TiendaFiltro input[type=submit] {
		line-height: 25px;
		margin-bottom: 2px;
		font-size: 16px;
		padding: 5px 15px;
		border-radius: 10px;
	}


	.columna30.Ctalento {
		width: 50%;
	}

	.columna70.foto {
		width: 50%;
	}

	.columna70.foto {
		height: 820px;
		background: url("images/fotofondo2.jpg") no-repeat center;
		background-size: cover;
		margin-right: -5%;
	}


	/*----------------FORMA-TIENDA----------------*/

	#formaCompra {
		padding-top: 80px;
	}

	#formaCompra img.fotoProducto {
		width: 100%;
		max-width: 400px;
		margin-bottom: 50px;
	}

	#formaCompra h2 {
		font-weight: 400;
		margin-bottom: 10px;
	}

	#formaCompra form {
		width: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
	}


	#formaCompra input[type=text] {
		width: 100%;
		font-size: 15px;
		padding: 10px 0;
		margin-bottom: 20px;
	}

	#formaCompra input[type=text].tercio {
		width: 48%;
		margin-right: 1%;
	}

	#formaCompra input[type=radio] {
		margin-right: 10px;
	}

	#formaCompra img.tarjetas {
		width: 25%;
		margin-bottom: 20px;
	}


	#formaCompra input[type=submit] {
		width: 20%;
		font-size: 15px;
		line-height: 37px;
		padding: 0 30px;
		border: 0;
		border-radius: 10px;
		margin-left: 0%;
	}

	/*----------------LOGIN----------------*/


	.LogIn {
		height: 100%;
	}


	#LoginHeader {
		width: 70%;
		margin: 150px 15% 0 15%;
	}


	#LoginHeader h1 {
		font-size: 40px;
		font-weight: 400;
		line-height: 40px;
		margin-bottom: 25px;
	}

	#LoginHeader p {
		margin-top: 30px;
		font-size: 28px;
		line-height: 36px;
	}

	#LoginHeader a.datos {
		border: 0;
		line-height: 40px;
		font-size: 16px;
		padding: 5px 15px;
		border-radius: 30px;
		margin-left: 40px;
		margin-top: -20px;
	}


	#LoginHeader input[type=text] {
		width: 94%;
		padding: 0 3%;
		line-height: 45px;
		height: 45px;
		margin-bottom: 2px;
		font-size: 20px;
	}



	#LoginHeader input[type=button] {
		width: 100%;
		line-height: 45px;
		margin-bottom: 2px;
		font-size: 20px;
		padding-left: 4%;
	}



	#LoginHeader input[type=submit] {
		color: white;
		width: 128px;
		border-radius: 50px;
		line-height: 40px;
		margin-top: 8px;
	}


	/*----------------USUARIOS----------------*/

	#Usuario {
		border-left: 10px solid #A8AAB4;
		padding-left: 30px;
		margin-top: 100px;
	}

	#Usuario h1 {
		margin-bottom: 10px;
	}

	#Usuario h2 {
		font-weight: 400;
	}

	#menuUsuario p {
		width: 50%;
		padding-left: 40px;
	}



	/* #menuUsuario ul#filtro{
	width: 100%;
	margin: 0;
	padding: 0;
	margin-top: 100px;
}

#menuUsuario ul#filtro li{
	width: 28%;
	margin: 0;
	border: 0;
	font-size: 20px;
	line-height: 20px;
	padding: 50px 0 0 5%;
	height: 120px;
} */

	/*----------------PERFIL----------------*/

	#PerfilFoto {
		width: 180px;
		height: 180px;
		border-radius: 100px;
		margin-right: 30px;
	}


	#resumen {
		width: 100%;
	}

	#resumen img {
		width: 50%;
	}

	.contactar {
		margin: 18% 0 0 18%;
	}


	/*----------------GUIA VISITANTE----------------*/



	.contenedor70 {
		width: 100%;
		margin-bottom: 3%;
	}

	h1.TituloEncima {
		top: 55%;
		font-size: 50px;
		line-height: 55px;
	}


	/*----------------RECLUTAMIENTO----------------*/


	.contenedor70.reclutamiento {}

	#fotoReclutamiento {
		width: 100%;
		margin-left: 0%;
		height: 350px;
		margin-bottom: 20px;
		background-position: center;
	}

	#fotoTramite {
		width: 100%;
		margin-left: 0%;
		height: 350px;
		margin-bottom: 20px;
		background-position: center;
	}


	/*----------------Contacto----------------*/


	#LoginHeader.contacto {
		width: 70%;
		margin: 0% 10% 0 10%;
		padding: 20% 0 38% 0;
	}



	#Quejas {
		padding-top: 50px;
	}

	#Quejas p.grande {
		padding-left: 30px;
	}

	#Quejas p {
		width: 70%;
	}


	#formaCompra input[type=text].dostercio {
		width: 49%;
		margin-right: 1%;

	}


	/*----------------noticias---------------*/

	#Galeria1 h6 {
		margin-left: 5%;
		top: 38%;
	}

	#Galeria1 p.grande {
		margin-left: 5%;
		top: 74%;
		width: 80%;
		font-size: 16px;
		display: none;
	}

	.noticia {
		margin-bottom: 40px;
		width: 93%;
	}

	.noticiaFoto {
		width: 40%;
		margin-right: 5%;
	}

	.noticiaTexto {
		width: 55%;
	}


	.noticia p.grande {
		font-size: 22px;
		line-height: 30px;
	}

	.columna30.nomovil {
		display: none;
	}

	.columna30.movil {
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}

	/*–––––––––––––––––––––––––––Resultados busqueda–––––––––––––––––––––––––––*/


	.resultado p a {
		font-size: 18px;
		color: #66A7F5;
	}


	/*–––––––––––––––––––––––––––Filosofia institucional–––––––––––––––––––––––––––*/


	.lineaTiempo {
		width: 100%;
	}


	.L1 {
		width: 34%;
		height: 1700px;
		padding-bottom: 200px;
		margin-left: -14%;
	}

	.L2 {
		width: 70%;
		margin-left: -5px;
	}

	.lineaTiempo li {
		background-size: 10px, 40px;
		font-size: 65px;
		font-weight: 700;
	}

	.lineaTiempo li span {
		width: 90%;
		padding: 5%;
		position: absolute;
		right: -100%;
		font-size: 13px;
		line-height: 19px;
		font-weight: 400;
		visibility: hidden;
	}


	.lineaTiempo li span img {
		left: -20px;
		top: 0;
	}

	.ConvocatoriaItem {
		width: 28%;
		margin: 0 2% 3% 2%;
	}


	.ConvocatoriaItem div {
		padding: 20px;
	}

	.ConvocatoriaItem div h1 {
		line-height: 16px;
		font-size: 16px;
		margin: 0;
		margin-bottom: 10px;
	}

	.ConvocatoriaItem div p {
		line-height: 26px;
		font-size: 26px;
		margin-bottom: 20px;
	}

	.ConvocatoriaItem div a {
		font-size: 10px;
		line-height: 30px;
		padding: 0px 20px;
		border-radius: 20px;
	}


}

@media only screen and (min-width:1024px) and (max-width:1199px) {

	.columnaHeader.actividades2 {
		width: 40%;
		padding: 30px 0 0 5%;
		right: 5%;
		float: right;
		position: absolute;
		text-align: center;
	}

	.columnaHeader.actividades2 img {
		max-width: 340px;
	}


	main {
		width: 82%;
		padding-left: 18%;
	}

	#barraLateral {
		position: fixed;
		z-index: 10;
		left: 0;
		width: 14%;
		height: 100%;
		padding: 0 2%;
	}

	#barraLateral img#escudo {
		margin-top: 10px;
	}

	#barraLateral h1 {
		font-size: 34px;
		line-height: 50px;
		font-weight: 700;
		margin: 10px 0 0px 0;
	}

	#barraLateral p {
		font-size: 14px;
		font-weight: 400;
		line-height: 22px;
	}

	#BLbottom {
		bottom: 40px;
	}

	#BLbottom a {
		font-size: 13px;
		line-height: 18px;
	}


	#barraTop {
		width: 95%;
		padding-right: 5%;
		height: 44px;
		z-index: 9;
	}

	#barraTop a:last-child {
		margin-left: 30px;
	}

	#barraTop a:nth-child(4) {
		margin-left: 30px;
	}

	#barraTop a:nth-child(2) {
		margin-left: 20px;
	}


	#barraTop a {
		line-height: 44px;
		font-size: 12px;
	}

	input[type=text].buscador.active {
		padding: 0 40px 0 10px;
		width: 130px;
	}

	header {
		width: 100%;
		height: 665px;
	}


		main nav {
		z-index: 9;
		top: 44px;
		width: auto;
		margin: 0 5%;
	}



		main nav ul li {
		padding: 0 12px;
	}

		main nav ul li a {
		/* font-size: 8px; */
		font-size: 6px;
		font-weight: 400;
		line-height: 60px;
	}

		main nav ul li a:hover {
		border-top: 5px solid #66A7F5;
		line-height: 50px;
	}

		main nav ul li a.active {
		border-top: 5px solid #66A7F5;
		line-height: 50px;
	}


	#BuscaHeader {
		width: 600px;
		margin-top: 22%;
		left: 50%;
		margin-left: -300px;
	}

	#BuscaHeader h1 {
		font-size: 40px;
		font-weight: 400;
		line-height: 45px;
		margin-bottom: 30px;
	}

	/* #BuscaHeader input[type=button]{
	width: 128px;
	line-height: 40px;
	margin-bottom: 2px;
	font-size: 20px;
	padding-left: 4%;
} */

	#BuscaHeader input[type=submit], #BuscaHeader input[type=button] {
		width: 128px;
		border-radius: 40px;
		line-height: 40px;
		margin-top: 8px;
	}

	.Contenedor {
		width: 90%;
		padding: 0 5%;
		padding-bottom: 100px;
	}

	footer {
		width: 100%;
		padding: 30px 0;
	}

	/* ul#filtro{
	width: 100%;
	margin-top: -65px;
	margin-bottom: 100px;
}

ul#filtro li{
	width: 12%;
	background-size: 33%;
	font-size: 14px;
	padding: 30px 0 0 8%;
	height: 70px;
}

ul#filtro li:nth-child(2){
	background-size: 33%;
}

ul#filtro li:nth-child(3){
	background-size: 33%;
}

ul#filtro li:nth-child(4){
	background-size: 33%;
	width: 13%;
	padding: 50px 0 0 7%;
	height: 50px;
}

ul#filtro li:nth-child(5){
	background-size: 33%;
	width: 14%;
	padding: 50px 0 0 6%;
	height: 50px;
}

ul#filtro li:hover {
	width: 16%;
	padding: 20px 0 0 4%;
	height: 80px;
}

ul#filtro li span a{
	font-size: 12px;
	line-height: 37px;
	padding: 0 20px;
} */

	/*–––––––––––––––––––––––––––ULTIMA NOTICIA–––––––––––––––––––––––––––*/

	#UltimaNoticia {
		margin-bottom: 100px;
	}

	.ColMitad {
		width: 47%;
	}

	.margen {
		margin-right: 6%;
	}


	/*–––––––––––––––––––––––––––TRAMITE–––––––––––––––––––––––––––*/

	#Azul {
		width: 100%;
		padding: 100px 0;
	}


	/*–––––––––––––––––––––––––––SE PARTE–––––––––––––––––––––––––––*/

	#GrayWhite {
		width: 100%;
		padding: 100px 0;
	}


	/*–––––––––––––––––––––––––––ESTILOS TEXTOS–––––––––––––––––––––––––––*/


	h1 {
		font-size: 75px;
		line-height: 80px;
		margin-bottom: 50px;
	}

	h2 {
		font-size: 28px;
		line-height: 40px;
		margin-bottom: 50px;
	}

	.columnaHeader h2.chi {
		font-size: 20px;
		line-height: 26px;
	}


	h6 {
		font-size: 10px;
		line-height: 30px;
	}


	p {
		font-size: 14px;
		line-height: 22px;
	}

	p.grande {
		font-size: 18px;
		line-height: 26px;
	}


	a {
		font-size: 14px;
		line-height: 22px;
	}

	a.vermas {
		font-size: 12px;
		line-height: 37px;
		padding: 0 20px;
	}


	a.rojo {
		font-size: 12px;
		line-height: 37px;
		padding: 0 20px;
		border-radius: 10px;
	}

	a.verde {
		font-size: 13px;
		line-height: 36px;
		padding: 0 30px;
		border-radius: 10px;
	}

	a.inicio {
		font-size: 15px;
		line-height: 19px;
		border-radius: 10px;
		padding: 15px 20px;
		margin-top: -100px;
	}

	/*–––––––––––––––––––––––––––ELEMENTOS–––––––––––––––––––––––––––*/


	#Galeria1 h1 {
		margin-left: 5%;
		top: 35%;
	}

	#TextoGal1 {
		width: 60%;
		height: 55px;
		margin-left: 5%;
		display: none;
	}



	.padTop {
		padding-top: 60px;
	}

	.columna {
		width: 38%;
	}

	.columnaLarga {
		width: 80%;
	}

	#hihlight {
		padding: 2%;
		width: 24%;
	}

	#apunta {
		top: 0;
		left: -19px;
		width: 20px;
	}

	.margenColumna {
		margin-right: 4%;
	}

	/*–––––––––––––––––––––––––––SUBMENU–––––––––––––––––––––––––––*/

		main nav ul li ul {
		margin-left: -12px;
		width: 300px;
		top: 62px;

	}

		main nav ul li ul.active {
		height: 300px;
	}

		main nav ul li ul li {
		margin-bottom: 2px;
	}


		main nav ul li ul li a {
		line-height: 40px;
		padding-left: 30px;
	}

		main nav ul li ul li a:hover {
		line-height: 40px;
	}

		main nav ul li ul li a.active {
		line-height: 40px;
	}


	/*----------------TIENDA----------------*/

	header.AutoH img {
		display: block;
		padding-top: 40px;
	}

	#Tienda {
		margin-top: 50px;
	}

	.TiendaProducto {
		width: 28%;
		margin: 0 2% 3% 2%;
	}


	.TiendaProducto div {
		padding: 20px;
	}

	.TiendaProducto div h1 {
		line-height: 16px;
		font-size: 16px;
		margin: 0;
		margin-bottom: 10px;
	}

	.TiendaProducto div p {
		line-height: 16px;
		font-size: 16px;
		margin-bottom: 20px;
	}

	.TiendaProducto div a {
		font-size: 10px;
		line-height: 30px;
		padding: 0px 20px;
		border-radius: 20px;
	}


	#TiendaFiltro {
		margin-bottom: 50px;
		padding-bottom: 10px;
	}

	h2.TituloEncima {
		top: 48%;
		padding: 0 10%;
		font-size: 25px;
		line-height: 33px;
	}

	a.filtrar {
		background-size: 15px;
		padding-right: 25px;
		margin-right: 30px;
		font-size: 16px;
	}

	#TiendaFiltro select {
		width: 15%;
		background-size: 20px;
		line-height: 25px;
		height: 45px;
		padding-right: 25px;
		margin-right: 30px;
		font-size: 16px;
	}


	#TiendaFiltro input[type=submit] {
		line-height: 25px;
		margin-bottom: 2px;
		font-size: 16px;
		padding: 5px 15px;
		border-radius: 10px;
	}

	.columna30.Ctalento {
		width: 50%;
	}

	.columna70.foto {
		width: 50%;
	}

	.columna70.foto {
		height: 710px;
		background: url("images/fotofondo2.jpg") no-repeat center;
		background-size: cover;
		margin-right: -5%;
	}


	/*----------------FORMA-TIENDA----------------*/

	#formaCompra img.fotoProducto {
		width: 100%;
		max-width: 400px;
		margin-bottom: 50px;
	}

	#formaCompra h2 {
		font-weight: 400;
		margin-bottom: 10px;
	}

	#formaCompra form {
		width: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
	}


	#formaCompra input[type=text] {
		width: 100%;
		font-size: 15px;
		padding: 10px 0;
		margin-bottom: 20px;
	}

	#formaCompra input[type=text].tercio {
		width: 48%;
		margin-right: 1%;
	}

	#formaCompra input[type=radio] {
		margin-right: 10px;
	}

	#formaCompra img.tarjetas {
		width: 25%;
		margin-bottom: 20px;
	}


	#formaCompra input[type=submit] {
		width: 20%;
		font-size: 15px;
		line-height: 37px;
		padding: 0 30px;
		border: 0;
		border-radius: 10px;
		margin-left: 0%;
	}

	#formaCompra {
		margin-top: 120px;
	}


	/*----------------LOGIN----------------*/


	.LogIn {
		height: 100%;
	}


	#LoginHeader {
		width: 60%;
		margin: 10% 20% 0 10%;
	}


	#LoginHeader h1 {
		font-size: 45px;
		font-weight: 400;
		line-height: 50px;
		margin-bottom: 30px;
	}

	#LoginHeader p {
		margin-top: 30px;
		font-size: 28px;
		line-height: 36px;
	}

	#LoginHeader a.datos {
		border: 0;
		line-height: 40px;
		font-size: 16px;
		padding: 5px 15px;
		border-radius: 30px;
		margin-left: 40px;
		margin-top: -20px;
	}


	/*----------------USUARIOS----------------*/

	#Usuario {
		border-left: 10px solid #A8AAB4;
		padding-left: 30px;
		margin-top: 50px;
	}


	/* #menuUsuario ul#filtro{
	width: 100%;
	margin: 0;
	padding: 0;
	margin-top: 100px;
}

#menuUsuario ul#filtro li{
	width: 28%;
	margin: 0;
	border: 0;
	font-size: 23px;
	line-height: 23px;
	padding: 50px 0 0 5%;
	height: 120px;
} */

	/*----------------PERFIL----------------*/

	#PerfilFoto {
		width: 180px;
		height: 180px;
		border-radius: 100px;
		margin-right: 30px;
	}


	#resumen {
		width: 100%;
	}

	#resumen img {
		width: 50%;
	}

	.contactar {
		margin: 18% 0 0 18%;
	}


	/*----------------GUIA VISITANTE----------------*/



	.contenedor70 {
		width: 100%;
		margin-bottom: 3%;
	}

	h1.TituloEncima {
		top: 50%;
		font-size: 60px;
		line-height: 65px;
	}

	/*----------------RECLUTAMIENTO----------------*/


	.contenedor70.reclutamiento {}

	#fotoReclutamiento {
		width: 100%;
		margin-left: 0%;
		height: 350px;
		margin-bottom: 20px;
		background-position: center;
	}

	#fotoTramite {
		width: 100%;
		margin-left: 0%;
		height: 350px;
		margin-bottom: 20px;
		background-position: center;
	}


	/*----------------Contacto----------------*/


	#LoginHeader.contacto {
		width: 40%;
		margin: 0% 20% 0 20%;
		padding: 20% 0 38% 0;
	}


	.Morado {
		width: 90%;
		padding: 70px 5% 70px 5%;
	}

	.cbp-af-header p, .cbp-af-header a {
		font-size: 20px;
	}

	#Quejas {
		padding-top: 60px;
	}

	#Quejas p.grande {
		padding-left: 30px;
	}

	#Quejas p {
		width: 70%;
	}


	#formaCompra input[type=text].dostercio {
		width: 49%;
		margin-right: 1%;

	}


	/*----------------noticias---------------*/

	#Galeria1 h6 {
		margin-left: 5%;
		top: 30%;
	}

	#Galeria1 p.grande {
		margin-left: 5%;
		top: 74%;
		width: 80%;
		font-size: 16px;
	}

	#Galeria1 p.grande.noticia {
		top: 60%;
		font-weight: 700;
		font-size: 35px;
		line-height: 40px;
	}

	.noticia {
		margin-bottom: 40px;
		width: 93%;
	}

	.noticiaFoto {
		width: 45%;
		margin-right: 5%;
	}

	.noticiaTexto {
		width: 50%;
	}


	.noticia p.grande {
		font-size: 22px;
		line-height: 30px;
		margin-top: -20px;
	}


	/*–––––––––––––––––––––––––––Filosofia institucional–––––––––––––––––––––––––––*/


	.lineaTiempo {
		width: 100%;
	}


	.L1 {
		width: 34%;
		height: 1700px;
		padding-bottom: 200px;
		margin-left: -14%;
	}

	.L2 {
		width: 70%;
		margin-left: -5px;
	}

	.lineaTiempo li {
		background-size: 10px, 40px;
		font-size: 70px;
		font-weight: 700;
	}

	.lineaTiempo li span {
		width: 90%;
		padding: 5%;
		position: absolute;
		right: -100%;
		font-size: 13px;
		line-height: 19px;
		font-weight: 400;
		visibility: hidden;
	}


	.lineaTiempo li span img {
		left: -20px;
		top: 0;
	}


	.ConvocatoriaItem {
		width: 28%;
		margin: 0 2% 3% 2%;
	}


	.ConvocatoriaItem div {
		padding: 20px;
	}

	.ConvocatoriaItem div h1 {
		line-height: 16px;
		font-size: 16px;
		margin: 0;
		margin-bottom: 10px;
	}

	.ConvocatoriaItem div p {
		line-height: 26px;
		font-size: 26px;
		margin-bottom: 20px;
	}

	.ConvocatoriaItem div a {
		font-size: 10px;
		line-height: 30px;
		padding: 0px 20px;
		border-radius: 20px;
	}


}

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


	.columnaHeader.actividades2 {
		width: 40%;
		padding: 30px 0 0 5%;
		right: 5%;
		float: right;
		position: absolute;
		text-align: center;
	}

	.columnaHeader.actividades2 img {
		max-width: 400px;
	}


	main {
		width: 83%;
		padding-left: 17%;
	}

	#barraLateral {
		position: fixed;
		z-index: 10;
		left: 0;
		width: 13%;
		height: 100%;
		padding: 0 2%;
	}

	#barraLateral img#escudo {
		margin-top: 20px;
	}

	#barraLateral h1 {
		font-size: 34px;
		line-height: 50px;
		font-weight: 700;
		margin: 30px 0 10px 0;
	}

	#barraLateral p {
		font-size: 16px;
		font-weight: 400;
		line-height: 22px;
	}

	#BLbottom {
		bottom: 40px;
	}

	#BLbottom a {
		font-size: 14px;
		line-height: 20px;
	}


	#barraTop {
		width: 95%;
		padding-right: 5%;
		height: 44px;
		z-index: 9;
	}

	#barraTop a:last-child {
		margin-left: 40px;
	}

	#barraTop a:nth-child(4) {
		margin-left: 40px;
	}

	#barraTop a:nth-child(2) {
		margin-left: 20px;
	}


	#barraTop a {
		line-height: 44px;
		font-size: 12px;
	}

	header {
		width: 100%;
		height: 765px;
	}


		main nav {
		z-index: 9;
		top: 44px;
		width: auto;
		margin: 0 5%;
	}



		main nav ul li {
		padding: 0 12px;
	}

		main nav ul li a {
		font-size: 8px;
		/* font-size: 10px; */
		font-weight: 400;
		line-height: 70px;
	}

		main nav ul li a:hover {
		border-top: 5px solid #66A7F5;
		line-height: 60px;
	}

		main nav ul li a.active {
		border-top: 5px solid #66A7F5;
		line-height: 60px;
	}


	#BuscaHeader {
		width: 700px;
		margin-top: 20%;
		left: 50%;
		margin-left: -350px;
	}

	#BuscaHeader h1 {
		font-size: 50px;
		font-weight: 400;
		line-height: 50px;
		margin-bottom: 30px;
	}

	/* #BuscaHeader input[type=button]{
	width: 128px;
	line-height: 45px;
	margin-bottom: 2px;
	font-size: 20px;
	padding-left: 4%;
} */

	#BuscaHeader input[type=submit], #BuscaHeader input[type=button] {
		width: 128px;
		border-radius: 50px;
		line-height: 40px;
		margin-top: 8px;
	}

	.Contenedor {
		width: 900px;
		padding-bottom: 100px;
	}

	footer {
		width: 100%;
		padding: 30px 0;
	}

	/* ul#filtro{
	width: 80%;
	margin-bottom: 100px;
	margin-top: 10%;
}

ul#filtro li{
	width: 100%;
	background-size: 33%;
	font-size: 18px;
	padding: 30px 0 0 8%;
	height: 60px;
} */


	/* ul#filtro li{
	display: inline-block;
	width: 100%;
	background: #515569 url(images/icon1.svg) no-repeat top left;
	background-size: 33%;
	margin: 0;
	border: 0;
	font-size: 23px;
	padding: 30px 0 0 8%;
	float: left;
	color: white;
	height: 70px;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
} */

	/* ul#filtro li:nth-child(2){
	background-size: 33%;
}

ul#filtro li:nth-child(3){
	background-size: 33%;
}

ul#filtro li:nth-child(4){
	background-size: 33%;
}

ul#filtro li:nth-child(5){
	background-size: 33%;
}

ul#filtro li:hover {
	width: 104%;
	padding: 20px 0 0 4%;
	height: 70px;
}

ul#filtro li span a{
	font-size: 12px;
	line-height: 37px;
	padding: 0 20px;
} */

	/*–––––––––––––––––––––––––––ULTIMA NOTICIA–––––––––––––––––––––––––––*/

	#UltimaNoticia {
		margin-bottom: 100px;
	}

	.ColMitad {
		width: 47%;
	}

	.margen {
		margin-right: 6%;
	}


	/*–––––––––––––––––––––––––––TRAMITE–––––––––––––––––––––––––––*/

	#Azul {
		width: 100%;
		padding: 100px 0;
	}


	/*–––––––––––––––––––––––––––SE PARTE–––––––––––––––––––––––––––*/

	#GrayWhite {
		width: 100%;
		padding: 100px 0;
	}


	/*–––––––––––––––––––––––––––ESTILOS TEXTOS–––––––––––––––––––––––––––*/


	h1 {
		font-size: 85px;
		line-height: 90px;
		margin-bottom: 50px;
	}

	h2 {
		font-size: 38px;
		line-height: 50px;
		margin-bottom: 50px;
	}


	h6 {
		font-size: 10px;
		line-height: 30px;
	}


	p {
		font-size: 15px;
		line-height: 23px;
	}

	p.grande {
		font-size: 20px;
		line-height: 28px;
	}


	a {
		font-size: 15px;
		line-height: 23px;
	}

	a.vermas {
		font-size: 12px;
		line-height: 37px;
		padding: 0 20px;
	}


	a.rojo {
		font-size: 12px;
		line-height: 37px;
		padding: 0 20px;
		border-radius: 10px;
	}

	a.verde {
		font-size: 14px;
		line-height: 37px;
		padding: 0 30px;
		border-radius: 10px;
	}

	a.inicio {
		font-size: 16px;
		line-height: 20px;
		border-radius: 10px;
		padding: 15px 20px;
		margin-top: -100px;
	}


	/*–––––––––––––––––––––––––––ELEMENTOS–––––––––––––––––––––––––––*/


	#Galeria1 h1 {
		margin-left: 5%;
		top: 35%;
	}

	#TextoGal1 {
		width: 60%;
		height: 55px;
		margin-left: 5%;
	}

	#TextoGal1 p {
		border-left: 5px solid #66A7F5;
		padding-left: 3%;
		font-size: 15px;
		;
		line-height: 15px;
		margin-top: 10px;
	}

	#TextoGal1 h6 {
		margin-left: 4%;
		line-height: 20px;
		margin-top: 10px;
	}

	.padTop {
		padding-top: 70px;
	}

	.columna {
		width: 38%;
	}

	.columnaLarga {
		width: 80%;
	}

	#hihlight {
		padding: 2%;
		width: 24%;
	}

	#apunta {
		top: 0;
		left: -19px;
		width: 20px;
	}

	.margenColumna {
		margin-right: 4%;
	}

	/*–––––––––––––––––––––––––––SUBMENU–––––––––––––––––––––––––––*/

		main nav ul li ul {
		margin-left: -12px;
		width: 300px;
		top: 72px;

	}

		main nav ul li ul.active {
		height: 300px;
	}

		main nav ul li ul li {
		margin-bottom: 2px;
	}


		main nav ul li ul li a {
		line-height: 40px;
		padding-left: 30px;
	}

		main nav ul li ul li a:hover {
		line-height: 40px;
	}

		main nav ul li ul li a.active {
		line-height: 40px;
	}


	/*----------------TIENDA----------------*/



	h2.TituloEncima {
		top: 48%;
		padding: 0 10%;
		font-size: 30px;
		line-height: 38px;
	}

	#TiendaFiltro select {
		width: 15%;
		background-size: 20px;
		line-height: 25px;
		height: 45px;
		padding-right: 25px;
		margin-right: 30px;
		font-size: 16px;
	}


	/*----------------FORMA-TIENDA----------------*/

	#formaCompra img.fotoProducto {
		width: 100%;
		max-width: 400px;
		margin-bottom: 50px;
	}

	#formaCompra h2 {
		font-weight: 400;
		margin-bottom: 10px;
	}

	#formaCompra form {
		width: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
	}


	#formaCompra input[type=text] {
		width: 99%;
		font-size: 16px;
		padding: 10px 0;
		margin-bottom: 20px;
	}

	#formaCompra input[type=text].tercio {
		width: 32%;
		margin-right: 1%;
	}

	#formaCompra input[type=radio] {
		margin-right: 10px;
	}

	#formaCompra img.tarjetas {
		width: 25%;
		margin-bottom: 20px;
	}


	#formaCompra input[type=submit] {
		width: 20%;
		font-size: 16px;
		line-height: 37px;
		padding: 0 30px;
		border: 0;
		border-radius: 10px;
		margin-left: 12%;
	}


	/*----------------LOGIN----------------*/



	#LoginHeader {
		width: 60%;
		margin: 12% 10% 0 10%;
	}

	/* #menuUsuario ul#filtro li{
	margin: 0;
	border: 0;
	font-size: 23px;
	line-height: 23px;
	height: 120px;
} */


	/*----------------PERFIL----------------*/



	#resumen {
		width: 100%;
	}




	/*----------------GUIA VISITANTE----------------*/



	.contenedor70 {
		width: 100%;
		margin-bottom: 3%;
	}


	/*----------------RECLUTAMIENTO----------------*/


	.contenedor70.reclutamiento {}

	#fotoReclutamiento {
		width: 100%;
		margin-left: 0%;
		height: 450px;
		margin-bottom: 20px;
		background-position: center;
	}

	#fotoTramite {
		width: 100%;
		margin-left: 0%;
		height: 450px;
		margin-bottom: 20px;
		background-position: center;
	}


	/*----------------noticias---------------*/



	#Galeria1 p.grande {
		margin-left: 5%;
		top: 74%;
		width: 50%;
	}

	#Galeria1 p.grande.noticia {
		top: 55%;
		font-weight: 700;
		font-size: 35px;
		line-height: 40px;
	}

	.noticia {
		margin-bottom: 40px;
		width: 93%;
	}

	.noticiaFoto {
		width: 45%;
		margin-right: 5%;
	}

	.noticiaTexto {
		width: 50%;
	}


	.noticia p.grande {
		font-size: 24px;
		line-height: 32px;
	}


	h1.TituloEncima {
		top: 45%;
		font-size: 65px;
	}


	/*–––––––––––––––––––––––––––Filosofia institucional–––––––––––––––––––––––––––*/


	.lineaTiempo {
		width: 100%;
	}


	.L1 {
		width: 44%;
		height: 1700px;
		padding-bottom: 200px;
		margin-left: -14%;
	}

	.L2 {
		width: 60%;
		margin-left: -5px;
	}

	.lineaTiempo li {
		background-size: 10px, 40px;
		font-size: 70px;
		font-weight: 700;
	}

	.lineaTiempo li span {
		width: 90%;
		padding: 5%;
		position: absolute;
		right: -100%;
		font-size: 14px;
		line-height: 20px;
		font-weight: 400;
		visibility: hidden;
	}


	.lineaTiempo li span img {
		left: -20px;
		top: 0;
	}




}


@media only screen and (min-width:1500px) and (max-width:1999px) {
	main nav ul li {
		padding: 0 15px;
	}

		main nav ul li a {
		font-size: 10px;
		/* font-size: 13px; */
		line-height: 80px;
	}


	.columnaHeader.actividades {
		width: 40%;
		padding: 30px 0 0 5%;
		right: 5%;
		float: right;
		position: absolute;
		text-align: center;
	}

	.columnaHeader.actividades img {
		max-width: 450px;
	}

	.columnaHeader.actividades2 {
		width: 40%;
		padding: 30px 0 0 5%;
		right: 5%;
		float: right;
		position: absolute;
		text-align: center;
	}

	.columnaHeader.actividades2 img {
		max-width: 450px;
	}


	/*----------------TIENDA----------------*/



	h2.TituloEncima {
		top: 42%;
		padding: 0 10%;
		font-size: 40px;
		line-height: 48px;
	}

	#TiendaFiltro select {
		width: 15%;
		background-size: 20px;
		line-height: 25px;
		height: 45px;
		padding-right: 25px;
		margin-right: 30px;
		font-size: 16px;
	}


	/*----------------FORMA-TIENDA----------------*/



	#formaCompra form {
		width: 75%;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	/*----------------LOGIN----------------*/



	#LoginHeader {
		width: 40%;
		margin: 15% 20% 0 20%;
	}

	/* #menuUsuario ul#filtro li{
	margin: 0;
	border: 0;
	font-size: 25px;
	line-height: 25px;
	height: 120px;
} */


	/*----------------PERFIL----------------*/



	#resumen {
		width: 75%;
	}


	/*----------------GUIA VISITANTE----------------*/



	.contenedor70 {
		width: 75%;
		margin-bottom: 3%;
	}


	/*----------------RECLUTAMIENTO----------------*/


	.contenedor70.reclutamiento {
		width: 65%;
	}

	#fotoReclutamiento {
		width: 30%;
		margin-left: 5%;
		height: 650px;
	}

	#fotoTramite {
		width: 30%;
		margin-left: 5%;
		height: 650px;
	}


	/*–––––––––––––––––––––––––––Filosofia institucional–––––––––––––––––––––––––––*/


	.lineaTiempo {
		width: 100%;
	}


	.L1 {
		width: 54%;
		height: 1800px;
		padding-bottom: 200px;
		margin-left: -14%;
	}

	.L2 {
		width: 50%;
		margin-left: -5px;
	}

	.lineaTiempo li {
		background-size: 10px, 40px;
		font-size: 70px;
		font-weight: 700;
	}

	.lineaTiempo li span {
		width: 90%;
		padding: 5%;
		position: absolute;
		right: -100%;
		font-size: 16px;
		line-height: 22px;
		font-weight: 400;
		visibility: hidden;
	}


	.lineaTiempo li span img {
		left: -20px;
		top: 0;
	}



}

@media only screen and (min-width:2000px) and (max-width:3920px) {

	main {
		width: 86%;
		padding-left: 14%;
		background: #F4F4F6;
	}

	#barraLateral {
		position: fixed;
		z-index: 10;
		left: 0;
		width: 10%;
		height: 100%;
		padding: 0 2%;
	}

	#BuscaHeader {
		width: 700px;
		margin-top: 15%;
		left: 50%;
		margin-left: -350px;
	}

		main nav ul li {
		padding: 0 20px;
	}

		main nav ul li a {
		font-size: 14px;
		line-height: 80px;
	}

	/*–––––––––––––––––––––––––––SUBMENU–––––––––––––––––––––––––––*/

		main nav ul li ul {
		margin-left: -20px;
		width: 300px;
		top: 82px;

	}

		main nav ul li ul.active {
		height: 300px;
	}

		main nav ul li ul li {
		margin-bottom: 2px;
	}


		main nav ul li ul li a {
		line-height: 40px;
		padding-left: 30px;
	}

		main nav ul li ul li a:hover {
		line-height: 40px;
	}

		main nav ul li ul li a.active {
		line-height: 40px;
	}

	.columnaHeader.actividades {
		width: 40%;
		padding: 30px 0 0 5%;
		right: 5%;
		float: right;
		position: absolute;
		text-align: center;
	}

	.columnaHeader.actividades img {
		max-width: 400px;
	}

	.columnaHeader.actividades2 {
		width: 40%;
		padding: 30px 0 0 5%;
		right: 5%;
		float: right;
		position: absolute;
		text-align: center;
	}

	.columnaHeader.actividades2 img {
		max-width: 400px;
	}


	.TiendaProducto {
		width: 15.5%;
		margin: 0 2% 20px 2%;
	}


	/*----------------USUARIOS----------------*/


	/* #menuUsuario ul#filtro{
	width: 100%;
	margin: 0;
	padding: 0;
	margin-top: 100px;
}

#menuUsuario ul#filtro li{
	width: 15%;
	margin: 0;
	border: 0;
	font-size: 26px;
	line-height: 26px;
	padding: 50px 0 0 5%;
	height: 120px;
} */


	/*----------------noticias---------------*/


	#Galeria1 p.grande {
		margin-left: 5%;
		top: 65%;
		width: 40%;
	}


	.columna70.foto {
		height: 780px;
		background: url("images/fotofondo2.jpg") no-repeat center;
		background-size: cover;
		margin-right: -5%;
	}

	.ConvocatoriaItem {
		width: 15.5%;
		margin: 0 2% 20px 2%;
	}


}