@font-face {

   font-family: Signika-Regular;

   src: url(../fuentes/Signika-Regular.ttf);

}



@font-face {

   font-family: Signika-Bold;

   src: url(../fuentes/Signika-Bold.ttf);

}



body > section {

	width: 100%;

	height: auto;



	background-image: url(../img/fondo-index.jpg);

	background-position: center center;

	background-repeat: no-repeat;

	background-size: cover;

	background-color: none;

}



#img_cargando{

	width: 4%; 

	margin-left: 48%;

}



/* --------------------inicio-------------------- */



body > section header  {



	width: 100%;

	height: auto;

	font-family: Signika-Regular;

}



body > section > header > div {



	width: 34%;

	height: 100px;

	float: left;



}



body > section > header > div img {



	color: white;

	display: block;

	margin: auto;

	width: 100%;

	padding-top: 2%;

}



body > section > header > nav {



	width: 66%;

	height: 100px;

	float: right;

	padding: 35px 0;



}





/*-----------------------Modal--------------------------*/

.modal{

	

	background: #00000070;

}



.ContenedorinputBusqueda, #contenedor_busqueda_general, .ContenedorinputActualizacion {

	-webkit-box-shadow: 6px 7px 10px 1px rgba(0,0,0,0.13);

	-moz-box-shadow: 6px 7px 10px 1px rgba(0,0,0,0.13);

	box-shadow: 6px 7px 10px 1px rgba(0,0,0,0.13);

	width: 100%;

	border: 1px solid #DFDFDF!important;

	display: block;

}



.ContenedorinputBusqueda form input, .ContenedorinputActualizacion form input,#contenedor_busqueda_dependencia form input{



	width: 90%;

	border: none!important;

	border-radius: 0!important;

	-webkit-box-shadow: none!important;

	margin-right: 0!important;

	display: inline-block;



}



#contenedor_busqueda_sede select, #contenedor_busqueda_dependencia select{



	border: none;

	border-radius: 0;

	margin-bottom: 2%;

}



.ContenedorinputBusqueda form, .ContenedorinputActualizacion form, #contenedor_busqueda_dependencia form{



	width: 100%;



}



.ContenedorinputBusqueda form button, .ContenedorinputActualizacion form button, #contenedor_busqueda_dependencia form button {



	float: right;

	width: 10%;

    height: 36px;

    background: white;

    border: none;

    cursor: pointer;

}



#contenedor_busqueda_sede, #contenedor_busqueda_dependencia{



	display: none;

}



.input-group-addon{

	border: none!important;

	padding: 3px;

	background: white;

}



.tituloModal{

	color: white;

}



.modal-content{

	background: none!important;

	border: none!important;

	border-radius: none!important;

	margin-top: 50%;

}



.contenedor_opciones_busqueda{

	color: white;

	display: block;

	text-align: center;

}



.contenedor_opciones_busqueda label{

	

	margin-right: 6%;

}



.contenedor_opciones_busqueda label:last-child{

	

	margin-right: 0%;

}



input[type="radio"]{

    display: none;

}

	

label:before {

	font-family: 'FontAwesome';

	width: 1.25em;

	display: inline-block;

}



input[type="radio"] + label:before  {

	content: "\f111"; 

}



input[type="radio"]:checked + label:before {

	content: "\f10c"; 

}





/* -----------------Menu menu_hidden------------------- */

body > section > header > nav > .menu_hidden {



	height: auto;

	margin: 0;

	text-align: right;

	display: none;



}





body > section > header > nav > .menu_hidden > li{



	list-style: none;

	display: inline-block;

	height: 100%;

	padding: 12px;



}



body > section > header > nav > .menu_hidden > li:first-child, body > section > header > nav > .menu_hidden > li:nth-child(2){



	border-right: 1px solid white;

}



/*body > section > header > nav > .menu_hidden > li:first-child, body > section > header > nav > .menu_hidden > li:nth-child(2){



	border-right: 1px solid white;

}*/



body > section > header > nav > .menu_hidden + ul > li:nth-child(6){

	border-right: none;

	padding-right: 0%;

}



body > section > header > nav > .menu_hidden > li a  {



	color: white;

	text-decoration: none!important;





}



body > section > header > nav > .menu_hidden > li a:hover  {



	color: white;



}

/* ---------------------Fin Menu menu_hidden----------------------------- */



/* -------------------------------Menu------------------------------ */



body > section > header > nav > .menu_hidden + ul {



	height: auto;

	margin: 0;



}



body > section > header > nav > .menu_hidden + ul > li {



	list-style: none;

	display: inline-block;

	height: 100%;

	padding: 12px;

	border-right: 1px solid white;





}



body > section > header > nav > .menu_hidden + ul > li:last-child {



	border-right: none;

}





body > section > header > nav > .menu_hidden + ul > li a  {



	color: white;







	text-decoration: none!important;

	margin-right: 5px;

}



body > section > header > nav > .menu_hidden + ul > li a:hover  {



	color: white;



}



/* ---------------------------- End Menu----------------------------- */



/* -----------------------------Menu slide----------------------- */





.s-menu-slide{

	height: auto;

	display: none;



}



.s-menu-slide > nav{

	width: 100%;



}



.s-menu-slide > nav > ul{

	width: 100%;

	text-align: center;

}



.s-menu-slide > nav > ul > li{

	background: rgb(255, 255, 255, 0.2);

	width: 100%;

  padding: 0;

	border-bottom: 1px solid rgb(255, 255, 255, 0.1);

}



.s-menu-slide > nav > ul > li:hover{

	background: rgb(22, 66, 114, 0.8);

	width: 100%;

}



.s-menu-slide > nav > ul > li > a{

	text-decoration: none;

	color: white;

  display: block;

  line-height: 3em;

  padding: 0;

}





/* -----------------------------End Menu slide----------------------- */







/* --------------------centro------------------------ */



body > section > section {



	width: 100%;

	height: 500px;

	clear: left;

}



body > section > section > article{



	width: 100%;

	height: 50%;

	text-align: center;



}



body > section > section > article > p{



	color: white;

	font-size: 50px;

	line-height: 90%;

	padding-top: 4%;

	font-family: Signika-Regular;



}



body > section > section > article > p + p{



	padding-top: 0%;

	font-size: 60px;

	font-family: Signika-Bold;

}



article + article div a label{

	display: block;

}





body > section > section > article:last-child{



	width: 100%;

	height: 50%;



}



body > section > section > article:last-child div a img{



	max-width: 100%;

	width: 65%;

	margin-right: 4%;



}



.contenedor_menu_index{

	width: 13%; 

	display: inline-block;

}



.contenedor_nombres_menu_index{

	margin-top: 5%; 

	color: white;

	margin-bottom: 15%;

}



body > section > section > article:last-child div a:last-child > img  {



	margin-right: 0%!important;



}





body > section > section> article:last-child div a img:hover{



    -webkit-transform: scale(1.1);

    transform: scale(1.1);



}



/* --------------------final centro------------------------ */







/* --------------------footer------------------------*/

body > footer{



	background: white;

	width: 100%;

	height: auto;

	clear: left;

	padding-top: 2%;

	padding-bottom: 20px;

	font-family: Signika-Regular;

}





/*------------------final footer----------------------------*/





/*-------------------------------------RESPONSIVE-----------------------------*/

@media only screen and (max-width: 468px) {
	
	body > section{
		height: 100vh;
	}




	body > section > section {



		width: 100%;

		height: 500px;

		clear: left;

	}



	body > footer{



		background: white;

		width: 100%;

		height: auto;

		clear: left;

		padding-bottom: 50px;

		font-family: Signika-Regular;

}



	body > section > section > article{



		width: 100%;

		height: 40%;

		text-align: center;



	}





	body > section > section > article:last-child{



		width: 100%;

		height: 60%;



	}



	body > section > section > article > p{



		color: white;

		font-size: 45px;

		line-height: 90%;

		padding-top: 6%;

		font-family: Signika-Regular;



	}



	body > section > section > article > p + p{



		padding-top: 0%;

		font-size: 50px;

		font-family: Signika-Bold;

	}



	body > section > header > div img {



		color: white;

		margin-top: 25px;

		margin-left: 8%;

		width: 100%;



	}



	body > section > header > nav > .menu_hidden {



		height: auto;

		margin: 0;

		text-align: right;

		display: block;

	}



	body > section > header > nav > .menu_hidden + ul {



		height: auto;

		margin: 0;

		display: none;



	}



	.contenedor_imagenes_footer{

		display: none;

	}



	.s-menu-slide {

		display: none;



	}



	.active {

		display: block;

	}



	.change-color {

		background: none;

	}

	.h-active {

		background: rgb(255, 255, 255, 0.2);

		border-bottom: 1px solid rgb(255, 255, 255, 0.1);

	}



	body > section > section > article:last-child div a img{



		max-width: 100%;

		width: 80%;

		margin-right: 8%;



	}



	.contenedor_menu_index {

	    width: 32%;

	    display: inline-block;

	}





	body > section > section > article:last-child div a:last-child > img  {



	margin-right: 0%!important;



	}



	.ContenedorinputBusqueda form input, .ContenedorinputActualizacion form input, #contenedor_busqueda_dependencia form input {

	    width: 82%;

	    border: none !important;

	    border-radius: 0 !important;

	    -webkit-box-shadow: none !important;

	    margin-right: 0 !important;

	    display: inline-block;

	}



	.ContenedorinputBusqueda form button, .ContenedorinputActualizacion form button, #contenedor_busqueda_dependencia form button {

	    float: right;

	    width: 18%;

	    height: 36px;

	    background: white;

	    border: none;

	    cursor: pointer;

	}



}

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



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





	body > section > section {



		width: 100%;

		height: 400px;

		clear: left;

	}



	body > section > section > article{



		width: 100%;

		height: 50%;

		text-align: center;



	}





	body > section > section > article:last-child{



		width: 100%;

		height: 50%;



	}



	body > section > section > article > p{



		color: white;

		font-size: 40px;

		line-height: 90%;

		padding-top: 5%;

		font-family: Signika-Regular;



	}



	body > section > section > article > p + p{





		font-size: 45px;

		font-family: Signika-Bold;

	}



	body > section > header > div img {



		color: white;

		margin-top: 20px;

		margin-left: 10%;

		width: 100%;

	}



	body > section > header > nav > .menu_hidden {



		height: auto;

		margin: 0;

		text-align: right;

		display: block;

	}



	body > section > header > nav > .menu_hidden + ul {



		height: auto;

		margin: 0;

		display: none;



		}



	.s-menu-slide {

		display: none;



	}



	.active {

		display: block;

	}



	.change-color {

		background: none;

	}



	.h-active {

		background: rgb(255, 255, 255, 0.2);

		border-bottom: 1px solid rgb(255, 255, 255, 0.1);

	}



	body > section > section > article:last-child div a img{



		max-width: 100%;

		width: 80%;

		margin-right: 4%;



	}



	.contenedor_menu_index {

	    width: 19%;

	    display: inline-block;

	    font-size: 13px;

	    display: inline-flex;

	    align-items: flex-start;

	    justify-content: center;

	}



	.contenedor_principal_menu_index{

		display: flex;

		justify-content: center;

	}



	body > section > section > article:last-child div a:last-child > img  {



	margin-right: 0%!important;



	}



	

}



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



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



	body > section > header > div {



		width: 100%;

		height: 100px;

	}



	body > section > header > div img {



	/*	max-width: 100%;*/

		width: 25%;



	}



	body > section > header > nav {



		width: 100%;

		float: right;

		padding: 10px 0px;



	}





	body > section > header > nav > .menu_hidden + ul {



		height: auto;

		margin: 0;

		text-align: center;

	}



	body > section > header > nav > .menu_hidden + ul > li {



		list-style: none;

		display: inline-block;

		height: 100%;

		padding: 0;

		padding-left: 3px;





	}



	body > section > section > article:last-child div a img{



		max-width: 100%;

		width: 80%;

		margin-right: 4%;



	}



	.contenedor_menu_index {

	    width: 19%;

	    display: inline-block;

	    font-size: 14px;

	}

	

	



}



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



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



	body > section > header > div {



		width: 20%;

		height: 100px;

		float: left;

	}



	body > section > header > div img {



		color: white;

		margin-top: 10px;

		margin-left: 12%;



	}



	body > section > header > nav {



		width: 80%;

		height: 100px;

		float: right;

		padding: 24px 0;

		text-align: center;

	}



	body > section > header > nav > .menu_hidden + ul {



		height: auto;

		margin: 0;





	}



	body > section > header > nav > .menu_hidden + ul > li a  {



		color: white;

		text-decoration: none!important;

		margin-right: 1px;

	}



	body > section > section > article:last-child div a img{



		max-width: 100%;

		width: 70%;

		margin-right: 4%;



	}



	.contenedor_menu_index {

	    width: 19%;

	    display: inline-block;

	}



	





}

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



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



	/*body > section > header > div {



		width: 35%;

		height: 100px;

		float: left;

	}



	body > section > header > div img {



		color: white;

		margin-top: 25px;

		margin-left: 40%;

	}



	body > section > header > nav {



		width: 65%;

		height: 100px;

		float: right;

		padding: 24px 0;

	}

	



	.contenedor_menu_index {

	    display: inline-flex;

	    align-items: flex-start;

	    justify-content: center;

	}



	.contenedor_principal_menu_index{

		display: flex;

		justify-content: center;

	}



	.img_actualizacion {

	    position: relative;

	    top: -61px;

	    left: 58%;

	    width: 3%;

	}*/



	body > section > header > div img{



		width: 40%;

	    padding-top: 4%;

	    margin-left: 50%;

}







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