/**
 * UnCommon Theme
 * Copyright (c) Jon Whipple
 * based on the common.css design by John Willinky
 * 
 * based on common.css
 *
 * Copyright (c) 2005-2012 Alec Smecher and John Willinsky
 * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
 *
 * $Id$
 */

/**
 * Common HTML elements
 */
/* {
		-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	        /*border:1px solid #000000;
			
}	
			*/
  


	


.pi_contenedor{
	margin: 0 auto;
    padding: 0;
    width: 1200px;
}


.pi_contenedor a:link, .pi_contenedor a:visited, .pi_contenedor a:active {
    color: #ffffff;
    border-radius: 0px 0px 10px 10px;
    background-color: #f26434;
    padding: 10px 30px;
    margin-right: 15px;
    text-decoration: none;
     display: inline-block;
    font-size: 0.75rem;
    box-shadow: 0px 0px 6px 6px rgba(0, 0, 0, 0.3);
}

.pi_contenedor a:hover {
    color: #ffffff;
    border-radius: 0px 0px 10px 10px;
    background-color: #0067b2;
}

.pi_contenedor .pi_logo_an{
	float: left;
	width: 45%;
}

.pi_contenedor .pi_logo_login{
	float:right;
	width: 45%;
	text-align: right
}









.pi_lista_instituciones {
    margin: 40px 0px;
}


/* #main h2{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: bold;
	color: #0067b2;
	font-size: 2.0rem;
	padding: 0px;
    margin-top: 30px;
} */


#content h3{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: bold;
	color: #0067b2;
	font-size: 1.8rem;
	padding: 0px;
	margin: 0px;
}


#content h4{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: bold;
	color: #f26434;
	font-size: 1.5rem;
	padding: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
}

.pi_view_archive{
	display: block;
	margin: 12px 0px;
}

tr.heading{
	background-color: #ddeaf6;
	text-align: center;
	color: #0067b2;
}

.pi_tabla_fondo{
	color: #0067b2;
}

table.listing {
    margin-top: 30px;
}


#content h3 a:link,
#content h3 a:visited,
#content h3 a:active{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: bold;
	color: #0067b2;
	font-size: 2.0rem;
	padding: 0px;
	margin-top: 10px;
	text-decoration: none;
}

#content h3 a:hover{
	color:  #f26434;
	background: #ffffff;
}



.pi_listado img{
	margin-top:3rem;
    max-height: 230px;
    margin-bottom: 1rem;
    height: 230px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
    transform: scale(1.0, 1.0);
     -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.pi_listado img:hover{
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
	transform: scale(1.1, 1.1);
	background: transparent;
}


span.title {
	color: #0067b2;
}


a.action {
	color: #f26434;
}

 #main{
	width: 100%;
	display: block;
	margin-right: 1%;
	
	margin-top: 50px;

} 

#content{
	width: 100%;
	display: block;
	padding: 0px;
	border-top: 0px;
	font-size: 1.0rem;
	color: #333;
	margin-bottom: 60px;
	background: #ffffff;
	text-align: justify;
}

#content br{
	display: none;
}


#rightSidebar{
	display: block;
    margin: 90px 5px 5px 5px !important;

}


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

.pi_listado{
	display: block;
	width: 100%;
	margin-bottom: 40px;
	float: left;
}

.pi_portadas{
	display: inline-block;
	width: 21%;
	margin-right: 35px;
	float: left;
}

.pi_contenido{
	display: inline-block;
	width: 75%;
	/*float: left; /** borrar */

}

.pi_contenido h3 a:link,
.pi_contenido h3 a:visited,
.pi_contenido h3 a:active{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: bold;
	color: #0067b2;
	font-size: 1.5rem;
	text-decoration: none;
}

.pi_contenido h3 a:hover{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #f26434;
}



.pi_contador a:link,
.pi_contador a:visited,
.pi_contador a:active{
	color: #ffffff;
	border-radius: 4px;
	background-color: #f26434;
	padding: 10px 20px;
	margin-right: 15px;
	text-decoration: none;
	margin: 8px 10px 0px 0px;
    display: inline-block;
        font-size: 0.75rem;
}

.pi_contador a:hover{
	color: #ffffff;
	background-color: #2c5da8;
}

.pi_contador{
	font-weight: bold;
	color: #f26434;
	display: block;
	margin-top: 8px;
}


.pi_texto{
	display: block;
	height: 100%;
	text-align: justify;
}

.pi_file_info_descripcion{
	display: block;
	text-align: justify;

}

.pi_proposito{
	display: block;
	height: 100%;
	text-align: justify;
}

.pi_mision_vision{
	display: block;
	height: 100%;
	text-align: justify;
}


.pi_footer{
	display: block;
	float: left;
	width: 100%;
	padding: 50px 10px;
	background-color: #0067b2;
	color: #ffffff;
}

.pi_footer_text{
	text-align: left;
    display: block;
    width: 1200px;
    margin: 0 auto;

}

.pi_footer_data{
	width: 90%;
	display: inline-block;
	margin-right: 2%;
	vertical-align: top;
	text-align: left;
}


.pi_footer_logo{
	width: 7%;
	display: inline-block;

}

.pi_footer_data > p {
    padding: 0px;
    margin: 8px 0px;
    vertical-align: top;
}


.pi_lista_instituciones > h3{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
	font-weight: bold !important;
	color: #0067b2;
	font-size: 1.7rem !important;
	display: block;
	margin-bottom: 15px !important;
}

li.pi_logoU{
	display: inline-block;
	margin: 0px 20px 30px 0px;
}

ul.pi_instituciones{
	margin: 0px;
	padding: 0px;
}

/*----------------- pagina registros -------------------------*/

ul.plain {
    list-style-type: none;
    padding-left: 0;
}

.plain li {
    padding: 15px 10px 0px 10px;
    background: #ddeaf6;
    margin-bottom: 15px;
    border-radius: 5px;
}

.pi_botones_records a.action{
	color: #ffffff;
	border-radius: 4px;
	background-color: #f26434;
	padding: 10px 20px;
	margin-right: 15px;
	text-decoration: none;
	margin: 8px 10px 0px 0px;
    display: inline-block;
        font-size: 0.75rem;
}

.pi_botones_records a:hover{
	color: #ffffff;
	background-color: #2c5da8;
}

span.author {
    padding: 0px;
    margin: 8px 0px 0px 0px;
    display: inline-block;
}


/*------------------------------------pagina file info----------------------*/

.pi_file_info_img,
.pi_file_info_table,
.pi_file_info_boton{
	display: block;
	width: 100%;
	text-align: center;
}

.pi_file_oai{
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

.pi_file_info_img img{
	width: 300px;
}

.pi_file_oai b{
	color: #2c5da8;
}

.pi_file_info_boton{
	margin-top: 25px;
}


.pi_file_info a:link,
.pi_file_info a:visited,
.pi_file_info a:active{
	color: #f26434;
}

.pi_file_info a:hover{
	color: #2c5da8;
}


.pi_file_info_descripcion a:link,
.pi_file_info_descripcion a:visited,
.pi_file_info_descripcion a:active{
	color: #f26434;
}

.pi_file_info_descripcion a:hover{
	color: #2c5da8;
}


.pi_file_oai a:link,
.pi_file_oai a:visited,
.pi_file_oai a:active{
	color: #f26434;
}

.pi_file_oai a:hover{
	color: #2c5da8;
}


.pi_all_archives a:link,
.pi_all_archives a:visited,
.pi_all_archives a:active{
	color: #f26434;
}

.pi_all_archives a:hover{
	color: #2c5da8;
}




.pi_file_info_boton a:link,
.pi_file_info_boton a:visited,
.pi_file_info_boton a:active{
	color: #ffffff;
	border-radius: 4px;
	background-color: #f26434;
	padding: 10px 20px;
	margin-right: 15px;
	text-decoration: none;
	margin: 8px 10px 0px 0px;
    display: inline-block;
        font-size: 0.75rem;
}

.pi_file_info_boton a:hover{
	color: #ffffff;
	background-color: #2c5da8;
}


/*--------------------------- pagina de buscador-------------------*/

input.textField, select.selectMenu, textarea.textArea, input.uploadField{
	width: 80%;
	display: block;
	background-color: #ddeaf6;
	padding: 6px;
	margin: 6px 0px;
	color: #333;
	border: 1px solid #033c90;
}


input.defaultButton{
	color: #ffffff;
	border-radius: 4px;
	background-color: #f26434;
	padding: 10px 20px;
	text-decoration: none;
    display: block;
    font-size: 0.75rem;
    width: auto;
    margin: 2px auto;
    border: 1px solid #6e1d02;
}

input.defaultButton:hover{
	color: #ffffff;
	background-color: #2c5da8;
}

table.data td.label{
	font-weight: bold;
	color: #2c5da8;
}


#rightSidebar{
	background-color: #ececec;
	font-size: 0.8rem;
	border: 1px solid #666;
}


#rightSidebar input.textField, 
#rightSidebar select.selectMenu, 
#rightSidebar textarea.textArea, 
#rightSidebar input.uploadField{
	width: 100%;
	display: block;
	background-color: #ddeaf6;
	padding: 6px;
	margin: 6px 0px;
	color: #333;
	border: 1px solid #033c90;
}


#rightSidebar  table {
    border: 0;
    border-spacing: 0;
    font-size: 1.0em;
    width: 100%;
}

#rightSidebar input.button{
	color: #ffffff;
	border-radius: 4px;
	background-color: #f26434;
	padding: 10px 20px;
	text-decoration: none;
    display: block;
    font-size: 0.75rem;
    width: auto;
    margin: 2px auto;
    border: 1px solid #6e1d02;
}

#rightSidebar input.button:hover{
	color: #ffffff;
	background-color: #2c5da8;
}


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


@media (max-width: 1200px){

#logoNuevo{
	display: none !important;
}


	#body{
		width: 96%;
		margin: 0px auto;
	}
/* Aqui es para ajustar el tamaño del main para que ocupe todo el espacio o dejar espacio para el nav, valor original 77% */
	#main {
	    /* width: 77%; */
	}


    .pi_footer_text{
	   width: 96%;
		margin: 0px auto;
	}



	.pi_listado img {
		height: 205px;
	}


	.pi_portadas {
	    margin-right: 25px;
	
	}

	#content h3 a:link, #content h3 a:visited, #content h3 a:active{
		font-size: 1.6rem;
	}

	.pi_listado{
		margin-bottom: 20px;
	}


	.pi_contador{
		margin-top: 0px;
	}

	ul.menu li {
	    margin: 0;
	    padding: 0;
	    padding-right: 0.5em;
	    display: inline;
	}

	li.pi_logoU {
	    display: inline-block;
	    margin: 0px 10px 10px 0px;
	    width: 22.5%;
	    vertical-align: top;
	}

	li.pi_logoU > img{
	       width: 100%;

	}




}


@media (max-width: 992px){

	#body{
		width: 94%;
		margin: 0px auto;
	}



	#rightSidebar{
		float: left;
		width: 56%;
		display: block;
	    margin-top: -180px !important;
	    background-color: transparent;
	    border: 0px;
	    margin-left: -18px !important;
	}

	#sidebar div.block span.blockTitle{
		display: none
	}


	#main{
		float: left;
	    width: 100%;
	    display: block;
	    padding: 0px;
	    margin: 40px auto;
	}

	.pi_footer_data {
    width: 81%;
	}

	.pi_footer_logo {
    width: 10%;
	}

	#content h3{
		font-size: 1.5rem;
	}

	ul.menu li {
	    margin: 0;
	    padding: 0;
	    padding-right: 0.8em;
	    display: inline;
	}


	
	#sidebar div.block {
	    font-size: 1em;
	    padding-bottom: 0.1em;
	}

}


@media (max-width: 768px){

	*{
		/*border: 1px solid #000000;*/
	}



	#rightSidebar {
	    float: left;
	    width: 50%;
	    display: block;
	    margin-top: -155px !important;
	    background-color: transparent;
	    border: 0px;
	    margin-left: 14px !important;
	}

	#main {
	    float: left;
	    width: 90%;
	    display: block;
	    padding: 0px;
	    margin: -2px auto;
	    margin-left: 5%;
	}




	body {

	    background-position: center 250px;
	}



	#container{
		width: 100%;
		margin: 0px;
		padding: 0px;
		display: block;
	}

	#body{
		width: 100%;
		margin: 0px;
		padding: 0px;
		display: block;

	}

	#main{
		width: 94%;
		margin: 35px auto;
        margin-left: 2%;
		display: block;
	}



	ul.menu li {
	    margin: 0;
	    padding: 0;
	    padding-right: 0.4em;
	    display: inline;
	}

	
	li.pi_logoU {
	    display: inline-block;
	    margin: 0px 5px 5px 0px;
	    width: 23%;
	    vertical-align: middle;
	}

	li.pi_logoU img {
	    width: 100%;
	}

	.pi_listado img {
		height: 165px;
		margin-top: 10px;
	}


	.pi_portadas {
	    margin-right: 20px;
	
	}

	#content h3 a:link, #content h3 a:visited, #content h3 a:active {
	    font-size: 1.4rem;
	}

	#content{
		font-size: 0.9rem;
	}


	#content h3{
		text-align: center;
	}


	.pi_contador {
	    margin-top: 0px;
	    text-align: center;
	}

	#content > h4{
		text-align: center;
		font-size: 1.3rem;
	}

	/* #main h2{
		font-size: 1.75rem;
	} */

}


@media (max-width: 576px){

	*{
		/*border: 1px solid #000000;*/
	}

	/* #main h2{
		font-size: 1.50rem;
	} */


	#logoNuevo{
	display:block !important;
	}

	#logoOri{
	display: none !important;
	}




	#body {
	    min-width: 0px;
	}



	#container {
	     min-width: 0px !important;
	}

	#sidebar {
	   /* margin-left:20px;
	    margin-top: 15px;*/
	}

	#rightSidebar {
	    width: 66%;
	    float: left;
	    display: inline-block;
	    margin: -150px 0px 32px 145px !important;
	    padding: 0px;
	}







	ul.menu li {
	    margin: 0;
	    padding: 0;
	    padding-right: 0.4em;
	    display: inline;
	}


	.pi_portadas{
		width: 100%;
		display: block;
		text-align: center;
		margin-right: 20px;
	}


	.pi_contenido{
		display: block;
		width: 100%;

	}
	
	li.pi_logoU {
	    display: inline-block;
	    margin: 0px 20px 20px 0px;
	    width:42%;
	    vertical-align: middle;
	}

	li.pi_logoU img {
	    width: 100%;
	}

	.pi_listado img {
		height: 250px;
		margin-top: 10px;
	}


	
	#content h3 a:link, #content h3 a:visited, #content h3 a:active {
	    font-size: 1.4rem;
	}

	.archiveImage {
	    text-align: center;
	    margin: 10px;
	}

	#content h3{
		text-align: center;
	}


	.pi_contador {
	    margin-top: 0px;
	    text-align: center;
	}

	#content > h4{
		text-align: center;
		font-size: 1.3rem;
	}

	table.listing {
	    font-size: 0.8rem;
	}




	#rightSidebar input.button {
	    padding: 10px 28px;
	    font-size: 1.0rem;

	}



	body {

		    background-position: center 200px;
		}

	#main {
	    width: 98%;
	    margin: 25px auto;
	    margin-left: 5px;
	    display: block;
	}


	div#sidebarLanguageToggle {
	    width: 60%;
	    margin: auto 20%;
	}


}


@media (max-width: 480px){


	#rightSidebar {
	    width: 380px;
	    /* float: left; */
	    display: block;
	    margin: -85px 0px 18px 40px !important;
	    padding: 0px;
	}





	body {

		    background-position: center 250px;
		}





	ul.menu li {
	    margin: 0;
	    padding: 0;
	    padding-right: 0.0em;
	    display: inline;
	}



	#rightSidebar input.button {
	    padding: 10px 28px;
	    font-size: 1.0rem;

	}


	li.pi_logoU {
	    display: inline-block;
	    margin: 0px 20px 20px 0px;
	    width:42%;
	    vertical-align: middle;
	}

	li.pi_logoU img {
	    width: 100%;
	}

	.pi_listado img {
		height: 215px;
		margin-top: 10px;
	}

	.pi_footer_logo,
	.pi_footer_data{
		display: block;
		width: 100%;
		text-align: center;
	}

}
.menu > li{
	/* position: relative; */
	display: inline-block;
}

.menu > li > a{
	display: block;
	padding: 15px 20px;
	color: #353535;
	font-family: 'Open sans';
	text-decoration: none;
}

.menu li a:hover{
	color: #CE7D35;
	transition: all .3s;
}