body{margin:0 auto; font-family:Roboto, sans-serif; font-weight:400;}

section{float:left; width:100%;}


.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999999999999999!important;
    background: #fff;
}

.scrollup {
    width: 55px;
    height: 55px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    text-indent: -9999px;
    background: url('../img/up.svg') no-repeat;
	z-index:9999999999;
    /*background-color: #000;*/
}
 
 
	
#cabecera_izquierda{float:left; display:flex;
	align-items: center; height:165px; width: calc(50% - 105px)}
.menu{/*padding:0 40px;*/ z-index: 9999999;}
.btn-menu{padding:0 40px; cursor:pointer}
.logo_movil{display:none; position:absolute; right:20px; top:40px; } /*width:150px;}*/
.simple-menu ul li a{color:#000;}	
.simple-menu ul li img{float:left; margin-right:5px;}
.simple-menu ul li a:hover{color:#ba0c2f;}	
.separador{ padding:0 20px;}
a{color:#000; cursor:pointer;}
a:hover{color:#ba0c2f;}
#cabecera_centro{
	display:flex;
	align-items: center;
	height: 165px;
	/*width: 210px;*/
	float:left;
	justify-content: center;}
	.img_logo{ height:65px; }
#cabecera_derecha{float:right; display:flex;
	align-items: center; height:165px; padding:0 40px}
#cabecera_derecha img{padding:0 5px;}


h1{font-size:36px; font-weight:900; color:#ba0c2f; margin-top:0;}
h1 a{color:#ba0c2f;}
h2{font-size:18px; font-weight:900; color:#ba0c2f;}
#listado_boton{cursor:pointer; font-size:18px; text-decoration:none}
#listado_boton:hover{color:#ba0c2f;}

.noticias{margin:100px 0;}
.noticias_home{ max-width:1530px; margin: 0 auto; padding:0 20px;}
.pie{background:#302e31; margin-top: 100px;}
.contenido_pie{max-width:1075px;margin: 0 auto; color:#fff; padding:0 20px;}


/*NOTICIAS HOME*/
#noticias{width:100%; float:left;}
#columna{width:25%; float:left;}
.titulo_noticia a{ font-size:20px; color:#000; text-decoration:none;}
p.titulo_noticia{ margin:0;}
p.fecha_noticia{ margin-bottom:0;}
p.texto_noticia{ margin-top:0;}
.fecha_noticia{color:#C00; line-height:12px;}




.submenu{font-size:12px; text-align:right; }
.submenu p{padding-right:40px;}
.submenu a{}

.federico{max-width:800px;margin: 100px auto; color:#000; padding:0 20px; height:320px;}
.federico h2, .federico h1{margin:0;}
.federico p{font-size:15px;}
.federico_imagen{float:left; margin-right:40px;}
.federico_texto{display: flex;
  
  justify-content: center;  flex-direction: column; height:320px}
  .federico_texto div{height:320px; }

.ozanam_pie{float:left; margin: 50px 0;}
.logos_pie{float:right; margin: 50px 0;}
.logos_pie_img{float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 120px;
}
.rastrillo{margin:0 80px;}



.columna1, .columna2{width:50%; float:left;}
.columna3{padding:0 100px; width:calc(33% - 200px); float:left; margin-bottom:50px;}
.padding_columna{padding:0 100px; width:calc(50% - 200px); float:left;}
.padding_3columna{padding:0 100px; width:calc(33% - 200px); float:left;}
.doscolumnas:after {
    content: "";
    display: table;
    clear: both;
	
	/*margin:100px 0;*/
}
.doscolumnas{padding-top:125px;}
.trescolumnas:after {
    content: "";
    display: table;
    clear: both;
	margin:100px 0;
}
.imagen_historia{
  background: url('../img/historia_ozanam.jpg');
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  padding: 0;
  margin: 0;
  float: left;
  height:400px;
  }
  
  
  .imagen_mision{
  background: url('../img/fundacion_mision.jpg');
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  padding: 0;
  margin: 0;
  float: left;
  height:300px;
  }

  .imagen_valores{
  background: url('../img/fundacion_valores.jpg');
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  padding: 0;
  margin: 0;
  float: left;
  height:300px;
  }



    .imagen_patronato{
  background: url('../img/patronato.png');
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  padding: 0;
  margin: 0;
  float: left;
  height:450px;
  }


.patronato{height: 300px;
    margin-right: 40px;
    float: left;}
	
	.patronato_entero{width:100%;}




    .imagen_organigrama{
  /*background: url('../img/organigrama_fundacion.jpg');*/
  background: url('../img/organigrama2_ozanam.jpg');
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  padding: 0;
  margin: 0;
  float: left;
  height:600px;
  }





	
	.entidades{padding:0 100px; margin-bottom:100px;}
	.entidades h1{margin:40px 0 0 0; color:#000;}
	.entidades img{padding:20px 40px 20px 0;}
	
.listado_informes{line-height:35px;}
.logotipos_transparencia{width:100%; align-self: flex-end; max-width:200px;}	
.listado_informes	{align-self: flex-end;}	
	/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 0%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.listado_texto {
	width: calc(50% - 140px);
}
.listado_foto, .listado_informes, .listado_logos_transparencia {
	width: 50%;
}
.listado_informes, .listado_logos_transparencia{height:250px; display:flex; margin-bottom:40px;}
.listado_logos_transparencia{display:flex;}
.listado_texto{padding:40px 40px 0 100px;}

.listado_contenido_texto {
	width: calc(50% - 0px); padding-left:20px; display:flex; align-self: flex-end; position: absolute;
    bottom: -100px; color:#ba0c2f; font-size:36px; font-weight:900;
}
.mano{cursor:pointer;}
/*  GO FULL WIDTH AT LESS THAN 500 PIXELS */
.oculto_menu{display:none;}





.nohome ul{padding:0 20px 20px 20px; z-index:999; background-color:#fff; width: calc(100% + 80px)!important;}
	.simple-menu .nohome li{line-height:30px;}
	.separadores_menu_nohome{display:none !important;}
.nohome li {
    line-height: 30px;
}	


@media only screen and (max-width: 1320px) {
	.patronato_izquierda{width:100%;}
	.patronato_imagen{width:100%;}
	}
	
@media only screen and (max-width: 1090px) {
	.columna1, .columna2{width:100%;}
	.columna3{width:calc(100% - 40px);padding: 0 20px;}
	.padding_columna{width:calc(100% - 200px);}
	
	.col { 
		margin: 1% 0 1% 0%;
	}
	.simple-menu ul{padding:0 20px 20px 20px; z-index:999; background-color:#fff; width: calc(100% + 80px)!important;}
	.simple-menu li{line-height:30px;}
	.separadores_menu{display:none !important;}
	.oculto_menu, .logo_movil{display:block;}{display:block;}
	#cabecera_centro,#cabecera_derecha{display:none;}
	
	#cabecera_izquierda{width:100%; height:100px!important;}
	
	.span_2_of_2, .listado_foto, .listado_informes, .listado_logos_transparencia { width: 100%; height:inherit }
	.listado_logos_transparencia{margin:40px 0;}
	
	.listado_texto{ width: calc(100% - 80px); padding:0 20px; }
	#fotos_listado{display:none;}
	#columna{width:100%; margin-bottom:50px;}
}



@media only screen and (max-width: 925px) {
.ozanam_pie{width:100%; text-align:center;}
.logos_pie_img{margin:0 80px!important; width:calc(100% - 160px);}
}


@media only screen and (max-width: 700px) {
.federico{margin: initial; padding:inherit; height:inherit;}
.federico_texto{float: left;height:inherit; padding: 40px;}
.padding_columna{padding: 40px;     width: calc(100% - 80px);}
	
	
	.federico_imagen{
    width: calc(100% - 200px);
    padding: 100px;
}
}