@charset "urf-8";
*{box-sizing: border-box;
}

@import url('https://fonts.googleapis.com/css?family=Sunflower:300,500,700');





@font-face {
    font-family: 'sunflower_bold';
    src: url('fuentes/sunflower/sunflower-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'sunflower_light';
    src: url('fuentes/sunflower/sunflower-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'sunflower_regular';
    src: url('fuentes/sunflower/sunflower-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html {
    font-size:55.5;
    font-family:stingray;
    background-color:#e2a9cc;
}
h2 {
    font-size: 42.5;
    font-family: tahoma;
    background-color:#e2a9cc;
    }

header nav ul li a:hover {
    background-color: #bc6aaf;
    font-weight: bold;
    color:black;
    }
#nombres:link {
       color:black;
      text-decoration: none;
    }
#nombres:hover {
     font-weight: bold;
    color:black;
      text-decoration: none;
}
#nombres:active {
      color:black;
      text-decoration: none;
    
}
#nombres:visited {
    color:black;
      text-decoration: none;    
}
header nav ul li a {
     color:white;
    }
img.logo{
    width:400px; height: 200px;
display:block;
margin-left: 10%;
    margin-right: 10%;
    padding: 0%; 
}

ul{
 background-color:black;
    }
#pagina {
    background-color:#e2a9cc;
    }
.link { color: white;
        padding-bottom: 10px;
         padding-top: 2px;
        text-align: center;
        text-decoration: none;
        font-weight: bold;
}
header nav li a {
    text-decoration: none;
    display: block;
    text-align: center;
    font-family: sans-serif;
}
p { 
color: black;
    margin-left: 10%;
    margin-right: 10%;
    font-size: 14px;
}
nav {
   background-color:#e2a9cc;
  margin-left: 25%;
    margin-right: 25%;
}
ul {
    list-style: none;
    padding: 0;
    margin: : 0;
}
body {
    background-color:#e2a9cc;
    padding: 10%;
}
#info {
    font-size: 90%;
    font-style: italic;
 margin-top: 2%;
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
    }
.titulo1{
    color:palevioletred;
    font-family: "sunflower_bold";
    font-size: 170%;
    margin-top: 2%;
    margin-left: 10%;
    margin-right: 10%;
  }


@media screen and (min-width:800px) {

    }