/* ***************************************

	ESTILOS PARA EL PÁGINA PORTAL TRANSPARENCIA (responsive)
	UNED - CTU-DISEÑO Y CSI

	04/12/2016 09:47


 *************************************** */
/* ************************************ */


/*---------------------------------
IMPORTAR
-----------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Asap:400,400italic,700);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
/*---------------------------------

/*--------------------------------- ESTILOS MÁRGENES PÁGINA -----------------------------------*/
.container {
	padding: 0;
}
main.container {
	padding-bottom: 15px;
	max-width: 1170px;
	padding-top: 135px
}

@media only screen and (max-width:1199px) {
	main.container {
		padding-bottom: 15px;
		max-width: 990px;
	}
}

@media only screen and (max-width:992px) {
	main.container {
		padding-bottom: 15px;
		max-width: 750px;
	}
}

/*---------------------------------
/*-----------------------------	ESTILOS RELACIONADOS CON LA ACCESIBILIDAD -----------------------------------*/

.oculto { /* estilo para enlaces de acceso a contenidos */
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/*--------------------------------------

	ESTILOS PÁGINA PORTAL TRANSPARENCIA

---------------------------------------*/


.pag_p_transparencia .list-group-item.active, pag_p_transparencia .list-group-item.active:focus {
	background-color: #68968b;
	color: white;
	border: none;
	font-family: "Asap", sans-serif;
	font-weight: 700;
	font-size: 120%;
	padding: 10px 10px 48px;
	letter-spacing: 0.04em;
	margin-top: 0px;
	border-radius: 0;
}
.pag_p_transparencia {
	padding: 0;
}
.pag_p_transparencia .list-group-item.active, pag_p_transparencia .list-group-item.active:focus {	background-color: #86aba2; padding: 10px 10px 10px;}

.pag_p_transparencia  h1 {
	color: #A52226;
	font-family: "Asap", sans-serif;
	font-weight: 700;
	font-size: 140%;
	letter-spacing: 0.04em;
	margin-top: 15px;
}

.pag_p_transparencia h2 {
	color: #0d553f;
	font-family: "Asap", sans-serif;
	font-weight: 700;
	font-size: 130%;
	letter-spacing: 0.04em;
	margin-top: 15px;
}
.pag_p_transparencia h3 {
	color: #333;
	font-family: "Asap", sans-serif;
	font-weight: 700;
	font-size: 120%;
	letter-spacing: 0.04em;
	margin-top: 15px;
}

.pag_p_transparencia p {
	color: #333;
	font-family: "Asap", sans-serif;
	font-weight: 400;
}
.pag_p_transparencia .row:nth-child(1) p {font-size:110%;}
.pag_transparencia h6.contenido_subtitulo {
	color: #0d553f;
	font-family: "Asap", sans-serif;
	font-size: 120%;
	margin-top: 0.6em;
}

.pag_p_transparencia .collapsing, .pag_p_transparencia .collapse.in { background-color:#e8e8e8;}

.pag_p_transparencia ul { padding:15px 15px 10px; font-family: "Asap", sans-serif; font-weight: 400; line-height:1.5em; font-size:110%;}
.pag_p_transparencia ul li { list-style:none; padding-bottom:8px; }
.pag_p_transparencia ul li a { color:#09f; text-decoration:underline;}

.pag_p_transparencia div[class^="col-"] h3  {
	color: #4d4d4d;
	font-family: "Asap", sans-serif;
	font-weight: 700;
	padding: 0px;
	margin-top: 0px;
	letter-spacing: 0.04em;
}
.pag_p_transparencia div[class^="col-"] h3 button{
	font-size: 100% !important;
}
.pag_p_transparencia div[class^="col-"] button {
	padding-top: 10px;
	box-sizing: border-box;
}
.pag_p_transparencia div[class^="col-"] h3 {
	font-size: 110%;
	text-transform: uppercase;
}

.pag_p_transparencia div[class^="col-"] {
    border-right: 5px solid #fff;
    margin-bottom: 5px;
    margin-top: 0;
    padding: 0;
}
main.container .pag_p_transparencia div[class^="col-"] {padding-left:0px; padding-right:0px;}
.col-centered { float: none; margin: 0 37%;}

.pag_p_transparencia div[class^="col-"] p{
  	/* background-color: #86aba2; */
		background-color: #00533f;
		color:#000;
    margin-bottom: 0;
    margin-top: -10px;
    padding-left: 10px;
	padding-bottom:15px;
}

.pag_p_transparencia .row:nth-child(4) {margin-bottom:15px; margin-top:10px;}
/*----------------------------------------------------------------------------------



---------------------------------------------------------------------------------- */

/* VERSIONES @MEDIA */
 /* moviles antiguos? */
@media only screen and (max-width : 320px) {


}
    /* Custom, iPhone Retina */
    @media only screen and (min-width : 320px) {

    }

    /* Extra Small Devices, Phones */
    @media only screen and (min-width : 480px) {


    }


    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

	.pag_p_transparencia img {margin-bottom:15px; margin-top:15px;}
	.pag_p_transparencia .row:nth-child(3) {margin-bottom:25px;}
    }
	/* solucionar headar portal estilos cabecera interfieren? */
	 @media only screen and (min-width : 769px) {


}
/* solucionar headar portal estilos cabecera interfieren? */
	 @media only screen and (min-width : 800px) {


}

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {


    }

/* Minimo 1024 para ipad */
@media only screen and (min-width: 1024px) {

}

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
	.pag_p_transparencia div[class^="col-"] p.short {
		padding-bottom:35px;
	}

	.pag_p_transparencia .row:nth-child(2) {margin-bottom:15px;}

    }
