@charset "ISO-8859-1";
.contenedor { position:relative;
margin:auto;
width:900px;
padding:0;
}

.bw {position:absolute;
left:0px;
width:150px;
height:150px;
border-left:solid 1px #363636;
padding-left:5px;}

.bw1{position:absolute;
left:150px;
width:150px;}

.bw2 {position:absolute;
left:300px;
width:150px;
}

.bw2bis {position:relative;
width:600px;
border-left:solid 1px #ff9933;
padding-left:5px;
margin-top:-5px;
padding-top:20px;}

.bw3 {position:absolute;
left:450px;
width:150px;
}

.bw3bis {position:relative;
width:450px;
padding-left:5px;
margin-top:-5px;
border-left:solid 1px #ff9933;
padding-top:20px;}

.bw4 {position:absolute;
left:600px;
width:150px;
}

.bw4bis {position:relative;
width:300px;
border-left:solid 1px #ff9933;
padding-left:5px;
margin-top:-5px;
padding-top:20px;}

.bw5 {position:absolute;
left:750px;
width:150px;
}

.bw5bis {position:relative;
width:150px;
border-left:solid 1px #ff9933;
padding-left:5px;
top:-23px;
padding-top:20px;}

.bw5bis h5{margin-top:26px;}

.bw5bis2 {position:absolute;
width:300px;
top:97px;
right:149px;
border-right:solid 1px #ff9933;
padding-right:5px;
margin-top:-5px;}

.bw5bis2 p{text-align:right;}
.bw5bis2 h5{text-align:right;}


body {margin:0;
padding:0;
}

.fondo {position:absolute;
bottom:0px;
height:100%;
width:100%;
background-image:url(img/barcelona_skyline-gris.jpg);
background-position:bottom;
background-repeat:no-repeat;
margin:0;
padding:0;}

.titulo {position:absolute;
bottom:0px;
}

.num {font-family:"Arial Black", Gadget, sans-serif; color:#F2F2F2; font-size:4em; font-weight:boldl; line-height:1em; margin-top:0px; margin-bottom:0px;}

.num a{color:#f2f2f2;}

.fotos {position:relative;
top:-20px;
left:0px;
width:800px;
height:250px;
}
.by  {position:relative;
float:right;
top:15px;
right:0px;
}

.by p{ font-size:0.7em;  color: #BBB; line-height:1em;}

.subtitulo {position:relative;
float:right;
top:15px;
right:0px;
}

.subtitulo p{font-size:0.7em;  color: #BBB; line-height:1em;  margin-top:0px; margin-bottom:0px}


.contenido {position:relative;
top:6px;
width:800px;
margin-bottom:20px;}

p {font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin-top:5px; margin-bottom:0px; font-size:0.75em; color:#777; line-height:1.1em; text-align:left;}


h1 {font-family:Arial, Helvetica, sans-serif; color:#ff9933; font-size:1.4em; font-weight:normal; line-height:1em; margin-top:50px; margin-bottom:0px;}
h1 a{color:#ff9933;}
.bw p {font-family:Arial, Helvetica, sans-serif; color:#999; font-size:1em; font-weight:normal; line-height:1em; margin-top:5px; margin-bottom:0px;}
h2 {padding-left:5px; border-left:solid 1px #B7B7B7; padding-top:38px; font-family:Arial, Helvetica, sans-serif; color:#B7B7B7; font-size:.9em; font-weight:normal; margin-top:0px; margin-bottom:0px; line-height:1em;}
h2:hover {color:#ff9933; padding-top:63px; border-left:solid 1px #ff9933;}
h3 {padding-left:5px; font-family:Arial, Helvetica, sans-serif; color:#CCC; font-size:.9em; font-weight:normal; margin-top:0px; line-height:1em; margin-bottom:0px; color:#ff9933; padding-top:63px; border-left:solid 1px #ff9933;}
h4 {font-family:Arial, Helvetica, sans-serif; color:#444; font-size:.9em; font-weight:normal; line-height:1em; margin-top:10px; margin-bottom:-3px;}
h5 {font-family:Arial, Helvetica, sans-serif; color:#444; font-size:.8em; font-weight:normal; line-height:1em; margin-top:8px; margin-bottom:-3px;}



a{ color:#ff9933; text-decoration:none; }
a:hover{ color: #CCC; text-decoration:none; }

.enlaces {position:relative;
float:right;
top:-16px;
width:500px;
padding:0;
height:30px;
z-index:2;
}

ul.menu
{  position:absolute;
right:0px;
margin-top:0px;
   padding:0;
   list-style:none;
   z-index:2;
}

ul.menu p{font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin-top:0px; margin-bottom:0px; font-size:0.8em; line-height:1em; text-align:left;}
ul.menu a{ color:#ff9933; text-decoration:none; }
ul.menu a:hover{ color: #CCC; text-decoration:none; }

ul.menu li {position:relative;
display: inline-block;
margin:0 0 0 8px;
   z-index:2;
}

ul.menu ul /* Para todos los ul debajo del ul.menu */
{ position:absolute;
left:-8px;
margin-top:0px;
padding:8px 5px 5px 0px;
text-align:center;
display:none;
list-style:none;
z-index:2;
background-color:#FFF;
width:140px;
}

ul.menu ul li {margin-top:5px;
display:block;}
	
ul.menu li:hover > ul
{
   display:block;
   z-index:2;

}

#logo {padding-right:20px;}