/*
VARIABLES - UDC


*/
/*La fuente opensans, muestra los botones de lso paginadores con un signo debajo*/
/*
$fuente_ppl: "Open Sans",sans-serif;
*/
/*Menu Horizontal*/
/*Sub Menu*/
/*Menu Vertical*/
/* Colores */
@font-face {
  font-family: "Roboto", sans-serif;
  font-weight: "normal";
  font-style: "normal"; }
.marcoActividad {
  width: 99%;
  float: left;
  border: 1px solid #d5d5d5;
  padding: 5px;
  border-radius: 3px;
  box-shadow: 1px 1px 1px #666; }

.anchoFijoColFoto {
  width: 250px; }

.fotoItemPpl {
  max-width: 230px;
  max-height: 150px;
  border: 1px solid #d5d5d5;
  padding: 5px;
  border-radius: 5px;
  box-shadow: 1px 1px 1px #666; }

.tituloActividad {
  clear: both;
  margin-bottom: 5px;
  font-size: 1.1em; }

.tituloActividad a {
  color: #c6007d; }

.subtituloActividad {
  clear: both;
  margin-bottom: 5px; }

.subtituloActividad a {
  text-decoration: none; }

.descripcionActividad {
  clear: both;
  max-height: 150px;
  overflow: hidden; }

.pieActividad {
  clear: both;
  float: right; }

.pieActividad a {
  color: #c6007d; }

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
@media screen and (max-width: 640px) {
  .anchoFijoColFoto {
    clear: both;
    width: 100%; }

  .fotoItemPpl {
    max-width: 300px;
    max-height: 180px;
    border: 1px solid #d5d5d5;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 1px 1px 1px #666; } }