@charset"UTF-8";
body {
    font-family: 'Alfa Slab One', cursive;
    background-image:url(imagenes/fondo-hipster.jpg);
    text-decoration: none;
    color: #000;
    background-size: 100%;
    margin: auto;
}
a:link {   
 text-decoration:none;   
}   
#pagina {
    width: 50%;
    margin: auto;
        border: 2px solid black;
}
#pagina header ul li {
    list-style: none;
    text-decoration: none;
    display: inline;
}
#fadu {
float: left;
}
#jt25 {
float: right;
}
header{
background-color: #2DD6D1;
    height: 65px;
    border: 2px solid black;
}
#menu{
    clear: both;
    text-align: center;
    background-color: #FF19B7;
    border: 2px solid black;
}
.li{ 
    padding: 10px 50px;
}
.ul{
        list-style: none;
        display: inline-block;
 }
#menu nav ul li a:hover{
    background-color: black;
    color: #2DD6D1;
    }
#menu nav ul li a {
    text-decoration: none;
    color: #000000;
    padding: 10px 50px;
}
#columnaizq {
    width: 40%;
    background-color: #DCB3F9;
    float: left;
    height: 688px;
    font-size: small;
    padding: 6px;
    text-align: center;
}
#columnader {
    width: 58%;
    background-color: black;
    float: right;
    height: 700px;
}
#nombres li ul {
    display: inline-block;
}
h4 {
    text-align: center;
    color: #2DD6D1;
    font-size: 20px;
}
hr {
    border: 1px solid #2DD6D1;
}
.pia {
    background-image: url(imagenes/vega-pia.png);   
    background-position: center;
    padding: 60px;
    margin: 5px;
    text-align: center;
    color: #DCB3F9;
 }

.pia:hover {
    background-image: url(imagenes/vega-pia-h.png);
    color: #2DD6D1;
    font-style: oblique;
    text-decoration: none;
    font-size: 30px;
}
.lorena{
    background-image: url(imagenes/castillo-lorena.png);   
    background-position: center;
    padding: 60px;
    margin: 5px;
    text-align: center;
    color: #DCB3F9;
 }

.lorena:hover {
    background-image: url(imagenes/castillo-lorena-h.png);
    color: #2DD6D1;
    font-style: oblique;
    text-decoration: none;
    font-size: 30px;
}
.marina {
    background-image: url(imagenes/musella-marina.png);   
    background-position: center;
    padding: 60px;
    margin: 5px;
    text-align: center;
    color: #DCB3F9;
 }

.marina:hover {
    background-image: url(imagenes/musella-marina-h.png);
    color: #2DD6D1;
    font-style: oblique;
    text-decoration: none;
    font-size: 30px;
}
.barbara {
    background-image: url(imagenes/demaio-barbara.png);   
    background-position: center;
    padding: 60px;
    margin: 5px;
    text-align: center;
    text-decoration: none;
    color: #DCB3F9;
 }

.barbara:hover {
    background-image: url(imagenes/demaio-barbara-h.png);
    color: #2DD6D1;
    font-style: oblique;
    text-decoration: none;
    font-size: 30px;
    }
footer{
    clear: both;
    text-align: center;
    background-color: #FF19B7;
    border: 2px solid black;
}
-----------------------carta------------------------------
bo
#div{
    display: block

}
#columnaizq2 {


    display: block;

   
}

#columnaizq2 img {
    
  margin-left: 0%;
    
}
#columnader2 {

    background-color: white;
    float: right;
    

    
}
#columnader2  h4{
    font-size: 12px;
    color: #000

    
}

#columnader2 h2{
    font-size: 15px;
    font-kerning: 20%;
    font-style: oblique;
    margin-left: 5%
}
#nombres li ul {
    display: inline-block;
    
}
    
    
#columnader2 p{
font-size: 10px;
font-style: normal;
text-align: justify;
    margin-left: 5%;
    margin-right: 5%
    



}
h3 {
    text-align: center;
    color: #2DD6D1;
    font-size: 20px;