@charset "utf-8";
/* CSS Document */

* {
margin:0;
padding:0;
}

a:link {text-decoration:none; color:#000000;} /* Link no visitado*/
a:visited {text-decoration:none; color:#000000} /*Link visitado*/
a:active {text-decoration:none; color:#2E9AFE;} /*Link activo*/
a:hover {text-decoration:none; color:#2E9AFE;} /*Mause sobre el link*/

body {
   background-color:withe;
}

.contenedor {
    margin:0 auto;
    width:100%;
    max-width:1500px;
    background-color:#FFFFFF;

}


#cartel1 {
    width:100%;
    height:auto;
    top: 0%;
    background-image: url("../imagenes/fondo_iconos.jpg");
    float:left;

}
.txt_centrado {

  top: 15%;
  margin-left: 5px;
  font-family: 'Josefin Sans', sans-serif;
   font-size: 30pt;


}




.centro {
      margin-left:5%;
}
.txtvertical {
font-family: 'Fjalla One', sans-serif;
color: #FFFFFF;
margin-top:1%;
margin-bottom:1%;
font-size: 2rem;
}



#cartel {
    width:100%;
    background-color:#000000;
    float:left;
    }

#lista {
width:15%;
margin-left:2%;
font-family: 'Fjalla One', sans-serif;
background-color:#FFFFFF;
float:left;

}
 #lista1{
    display: none;
   }

#contenido {
width:83%;
font-family: 'Roboto Condensed', sans-serif;
color:#FFFFFF;
background-image: url(../imagenes/.png);
background-color:#FFFFFF;
float:left;

}
#dias {
padding:6%;


}

.centradotxt {
    padding-left: 2%;
    padding-right: 2%;
}

.fondotexto {
   width: 100%;
   background-image: url(../imagenes/infogeneral.png);
   background-repeat: no-repeat;

}







#franjapie {
position:relative;
width:100%;
height:4em;
background-color:#848484;
float:left;

}

#info {
margin-top:1em;
margin-bottom:1em;
width:100%;
font-family: 'Fjalla One', sans-serif;
text-align:center;
color:#FFFFFF;
float:left;
}



#pie{
    width:100%;
    max-width:1500px;
    text-align:left;
    color:#000000;
    background-color:#CCCCCC;
    float:left;


}



@font-face {
  font-family: 'chunk-webfont';
  src: url('../../includes/fonts/chunk-webfont.eot');
  src: url('../../includes/fonts/chunk-webfont.eot?#iefix') format('eot'),
  url('../../includes/fonts/chunk-webfont.woff') format('woff'),
  url('../../includes/fonts/chunk-webfont.ttf') format('truetype'),
  url('../../includes/fonts/chunk-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'chunk-webfont';
    src: url('../../includes/fonts/chunk-webfont.svg') format('svg');
  }
}

@media (max-width: 452px) {
    #lista{
    display: none;
   }

   #lista1 {
   display:inline;
   width:100%;
   font-family: 'Fjalla One', sans-serif;
background-color:#FFFFFF;
float:left;
   }

    #contenido {
    width:100%;
    }

    #historico {
    display: none;
    }

    #info {
    font-size:0.8rem;

}
.txtvertical {
margin-top:1%;
margin-bottom:1%;
font-size: 1rem;
}

 #lista1 ul a li:hover {
background-color:#CCCCCC;
   }


}
}