@charset "utf-8";
/* CSS Document */
#navegacion{
	position:absolute;
	right:0;
	top:0.7em;
	font-size:14px;
	z-index: 999999;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.2em;
	
}
#hemeroteca button {
    color:#4D4D4D;
    font-size: 3em;
    letter-spacing: 0.0em;
    font-weight: 100;
width: 290px; height: 290px;
	background-color: transparent!important;
}#hemeroteca p{
	margin-left:-1em;
}

.los60{
	background-image: url(../images/verde.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.los70{
	background-image: url("../images/mostaza.png");
	background-repeat: no-repeat;
	background-position: right top;
}
.los80{	
	background-image: url("../images/violeta.png");
	background-repeat: no-repeat;
	background-position: right top;
}
.los90{	background-image: url("../images/azul.png");
	background-repeat: no-repeat;
	background-position: right top;
}
.los2000{	
	background-image: url("../images/oro.png");
	background-repeat: no-repeat;
	background-position: right top;
}
.los2010{	 
	background-image: url("../images/los2010.png");
	background-repeat: no-repeat;
	background-position: right top;
}
.actualidad{ 
	background-image: url("../images/los2010.png");
	background-repeat: no-repeat;
	background-position: right top;
}

#navegacion li{
margin-bottom: 0.2em;
}
#navegacion li a{
	background-image: url("../images/hemerotecaMenu.png");
	background-position: right top;
	background-repeat: no-repeat;	
	color:#000;
	padding-right: 1em;
	padding-left: 1em;
}
#navegacion li a:hover{
	background-image: url("../images/hemerotecaMenuUp.png");
	background-position: right top;
	background-repeat: no-repeat;
	color:#fff;
	padding-right: 1em;
	padding-left: 1em;
	text-decoration: none;
}
#navegacion li a.active{
	background-image: url("../images/hemerotecaMenuUp.png");
	background-position: right top;
	background-repeat: no-repeat;
	color:#fff;

}


#organigramadetalle{
	background-image: url("../images/fondoorgnigrama2.png");
	background-color: #DEB94E;
	background-repeat: no-repeat;
	background-position: top center;
	height: 240px;
	
}
#organigramadetalle article{
	display: table;
	height: 250px;
}
#organigramadetalle p{
	font-size: 16px;
	font-weight: 100;
	color:#fff;
	display: table-cell;
	vertical-align: middle;
}
#organigramadetalle strong{
	background-color:#49BEBF;
}
#organigramadetalle strong.otrocolor{
	background-color: #5E60CD;
	}
.grid li {

    padding: 3.5px 0;
}
@media only screen and (min-width:480px){



@media only screen and (min-width:768px){
#organigramadetalle{
	background-color: transparent;

}	
	#organigramadetalle p{
	font-size: 28px;

}
	#navegacion{
	right:0;
	top:0.7em;
	font-size:20px;
	
}
#navegacion li{

	margin-bottom: 0.2em;
}



}

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

#navegacion{
	right:3em;
	top:2.5em;
	font-size:20px;
}
	#navegacion li {
    margin-bottom: 0;
}

}

@media only screen and (min-width:1200px){
	#navegacion{
	right:20%;
	top:30%;
	font-size:20px;
}



}
/*heeroteca asonry*/
#hemeroteca .container{max-width:100%;}
	.masonry { /* Masonry container */
    column-count: 1;
		max-width: 100%;overflow: hidden
}

@media only screen and (min-width:1100px) {
	#hemeroteca .container{max-width: 1250px;}
	
	
	.masonry { /* Masonry container */
    column-count: 4;
}
}

#hemeroteca{margin-top:30px; margin-bottom: 30px;}


.item { /* Masonry bricks or child elements */
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
	}
}

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

#organigramadetalle article{
	display: table;
	height: 250px;
}
#organigramadetalle p{
	font-size: 28px;
	font-weight: 100;
	color:#fff;
	display: table-cell;
	vertical-align: middle;
}
#organigramadetalle strong{
	background-color:#49BEBF;
}
#organigramadetalle strong.otrocolor{
	background-color: #5E60CD;
	}
}
br{display:block!important;}

#hemeroteca iframe{
	height: 38vh!important;
}
@media only screen and (min-width:1100px){
	#hemeroteca iframe{
	height: 720px!important;
}
}