/*FUENTES*/
@font-face {font-family: 'roboto_condensedbold';src: url('Fonts/robotocondensed-bold-webfont.eot');src: url('Fonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),url('Fonts/robotocondensed-bold-webfont.woff2') format('woff2'),url('Fonts/robotocondensed-bold-webfont.woff') format('woff'), url('Fonts/robotocondensed-bold-webfont.ttf') format('truetype'), url('Fonts/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');font-weight: normal;font-style: normal;}@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow);


/*INSTRUCCIONES PARA LA HTML MAPA*/
html {
    padding-top: 0%;
    width: 500px;
    margin: auto;
    background-image: url(imagenes/ff.png);}

body{
background: #333;}


/*INICIO DESDE LOGO*/
#img {
    width: 40%;
    padding: 0px;
    margin: auto;
    display: block;
    clear: both;
}

main section article ul{ 
    list-style:none;}

/*MENU DE REDES SOCIALES*/
#icons {
    width: 10%;
    float: left;
    margin-left: 10px;
    display: block;}

article{
padding-left: 23%;}


/*ENTRAR*/
h1 a {
    color: rgb(89, 196, 188);
    text-decoration: none;}

h1 a:hover{color: #f89d57;}

h1{
    display: block;padding: 30px;
    text-align: center;
    font-size: 16px;
    font-family: cursive;}
 


/*MENU GENERAL DE NAVEGACION*/
#navegacion {
    background: #F4F4F4;
    margin-bottom: 300px;
    float: right;}

#msup:hover{background:#f89d57;}

header div ul {
  background: #333;
  list-style: none;
  margin: 0px;
  padding: 0px;
  padding-top: 2px;
    padding-right: 2px;
  overflow: hidden;}

header div ul li {
    float: left;
    margin: 2px;}

header div ul li a {   
  color: #fff;
  display: block;
  padding: 3px;
  text-decoration: none;
  font-size: 10px;}





/*LEYENDA*/
footer {
    clear: both;
    background: rgba(248, 157, 87, 0.86);
    color: #fff;
    font-size: 10px;
    padding: 6px;
    margin-top: 25%;
    text-align: justify;}