Hola,
os muestro el HTML:
<body>
<div id="wrap">
<div id="presentacion">
<ul>
<li>Estais a: <strong>Inicio</strong></li>
<li><img src="images/logoFacebook.jpg" alt="Facebook" width="29" height="29" border="0" align="right"/></li>
</ul>
</div>
<div id="logo">
<img src="images/logo.jpg" alt="Nuestro Logo" border="0" />
</div>
<br><br><br><br><br>
<p class="logo2">
PTIFLIUIS
</p>
<!!-- _________________________ -->
El codigo CSS:
#logo {
width:200px;
font-family:zoi;
float:left;
text-align:center;
-moz-border-radius:15px;
-webkit-border-radius: 15px;
/*font-size:100px;*/
background-color:#FFF;
margin:0px 20px 20px 20px;
}
p.logo2 {
width:760px;
text-align:left;
font-family:zoi;
-moz-border-radius:15px;
-webkit-border-radius: 15px;
box-shadow: 5px 5px 0 #333;
-webkit-box-shadow: 5px 5px 0 #333;
-moz-box-shadow: 5px 5px 0 #333;
font-size:100px;
background-color:#FFF;
margin:auto;
}
#presentacion ul{
list-style:none;
width:760px;
font-size:25px;
color:#FFF;
padding:0px 200px 20px 20px;
}
#presentacion ul li{
float:left;
margin:10px 300px 0px 0px;
margin-right: 300px;
}