body {width: 968px;
    background-color: white; font-family: 'Playfair Display', serif;}



header { position: relative; width: 968px ;height: 230px ;display: block; font-family: 'Playfair Display', 
serif;font-size: 26px; font-style: italic; margin-left: 60px; margin-top: 20px; }

#logo {margin-left: 20px; float: left; margin-top: 20px;}

#titulo  {margin-left: 240px; font-size: 40px; margin-top: -20px;}

li {list-style-type: none; padding: 10px; float: left;}

nav a  {text-decoration: none; color: #623D61;float: left; padding: 10px; float: left;}


#botonera { position: relative; display: block; margin-left: 90px; font-size: 29px; height: 20px;
	margin-right: 60px; font-style: italic; margin-top: -38px; margin-bottom: 10px; padding: 10px; margin-left: 476px; }


.fotos {position: relative; width: 610px; height: 610px; display: block; margin-top: 10px; float: left; margin-left: 100px}

#ivy { border-radius: 50px; width: 200px; height: 200px; margin-left: 20px; margin-right: 10px; }
#ju { border-radius: 50px; width: 200px; height: 200px; margin-left: 10px; margin-right: 20px;}
#sofi { border-radius: 50px; width: 200px; height: 200px; margin-left: 20px; margin-right: 10px; margin-top: 20px;}
#lau { border-radius: 50px; width: 200px; height: 200px; margin-left: 10px; margin-right: 20px; margin-top: 20px;}

.info { position: absolute; display: block; width: 440px; height: 610px; float: right; margin-top: 71px; margin-left: 566px; font-size: 14px;}
#subtitulo {font-size: 22px; }


footer { width: 540px; height: 120px ; position: relative; display: block; text-align: center; margin-top: 310px; 
	margin-bottom: 50px; vertical-align: middle; font-size: 12px; text-align: center; margin-left: 115px; }

#legal { width: 540px; height: 120px ; position: absolute; display: block; text-align: center; margin-top: 279px; 
	margin-bottom: 50px; vertical-align: middle; font-size: 12px; text-align: center; margin-left: 115px;}