/* CSS para web responsiva con dos columnas */
.tiuloesp{
	color: #163E58;
}
A.navblack, A.navblack:VISITED, A.navblack:ACTIVE, A.navblack:FOCUS, A.navblack:LINK{
	color:#000;
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;
}
#webcont{
width: 1200px; 
margin: 0 auto; 
}
#contweb{
width: 1100px; 
margin: 0 auto; 
}

#piepagina{
clear: right;
width: 100%;
background: #000;
color: #FFF;
text-align: right;
padding: 2px 0;
border-top-width: thin;
border-top-style: solid;
border-top-color: #333;
}

#piepagina a{
color: #fff;
}

.textsep{
margin: 10px; 
margin-top: 0;
}

/* ####### responsive layout CSS ####### */

@media (max-width: 840px){ /* responsive layout break point */
	#webcont{
	width: 100%;
	}
	#contweb{
	width: 100%;
	}


}
/* END CSS para web responsiva con dos columnas */

/* CSS Style para mostrar el cuadro de las actividades */
.bgact {
  padding: 20px;
  text-align: center;
}

.colact {
  float: left;
  width: 20%;
  padding: 15px;
}
.contcolact:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width:600px) {
  .colact {
    width: 100%;
  }
}
/* END CSS Style para mostrar el cuadro de las actividades */