@charset"UTF-8";
body {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    background-image:url(imagenes/fondo.jpg);
    text-decoration: none;
    color: #000;
    background-size: 100%;
    margin: auto;
}
a:link {   
 text-decoration:none;   
}   
#pagina {
    width: 50%;
    margin: auto;
    border: 1px solid black;
}
#pagina header ul li {
    list-style: none;
    text-decoration: none;
    display: inline;
}
#fadu {
float: left;
}
#jt25 {
float: right;
}
header{
background-color: whitesmoke;
    height: 65px;
    border: 1px solid black;
}
#menu{
    clear: both;
    text-align: center;
    background-color: #DCB3F9;
    border: 1px solid black;
}
.li{ 
    padding: 10px 50px;
}
.ul{
        list-style: none;
        display: inline-block;
 }
#menu nav ul li a:hover{
    background-color: black;
    color: #DCB3F9;
    }
#menu nav ul li a {
    text-decoration: none;
    color: #000000;
    padding: 10px 50px;
}
#columnaizq {
    width: 50%;
    background-color: black;
    float: left;
    height: 688px;
    font-size: small;
    text-align: center;
}
.barbara {
    background-image: url(imagenes/barbara-demaio.jpg);
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 700px;
}
#columnader {
    width: 50%;
    background-color:whitesmoke;
    float: right;
    height: 688px;
    font-size: small;
}
h1 {
padding-left: 30px;
font-style: normal;
font-size: 30px;
}

h3 {
padding-left: 30px;
font-style: normal;
font-size: 18px;
line-height: 10px;
}

h4 {
padding-left: 30px;
font-style: normal;
font-size: 18px;
}
p {
padding-left: 30px;
font-style: italic;
font-size: 17px;
}
footer{
    clear: both;
    text-align: center;
    background-color: black;
    color: whitesmoke;
    border: 1px solid black;
}
footer p{
font-style: normal;
}

/* Contacto */
#columna-principal {
    width: 20%;
    background-color:black;
    height: 600px;
}
#redes {
display: inline-block;
}
.facebook {
background-image: url(imagenes/facebook.png);
background-position: center;
padding: 60px;
margin: 5px;
}
.tumblr {
background-image: url(imagenes/tumblr.png);
background-position: center;
padding: 60px;
margin: 5px;
}
.behance {
background-image: url(imagenes/behance.png);
background-position: center;
padding: 60px;
margin: 5px;
}
.linkedin {
background-image: url(imagenes/linkedin.png);
background-position: center;
padding: 60px;
margin: 5px;
}
.instagram {
background-image: url(imagenes/instagram.png);
background-position: center;
padding: 60px;
margin: 5px;
}
.pinterest {
background-image: url(imagenes/pinterest.png);
background-position: center;
padding: 60px;
margin: 5px;
}