/* CSS Document */
body { margin:0px; font-size:11px; font-family:Arial, Helvetica, sans-serif; background:#FFFFFF;}
#conteniner { width:960px; height:575px; margin-left:auto; margin-right:auto; overflow:visible;}
#top { float:left; border-bottom:2px solid #535169; height:9px; padding:33px 10px 4px 36px; width:914px;}
#top ul { margin:0px; padding:0px; font-size:10px; list-style:none; float:left;}
#top li { background:url(../img/li_top.jpg) no-repeat 0px 3px; color:#272242; float:left; margin-right:5px; padding-left:10px;}
#top li a{ text-decoration:none; color:#272242;}
#top li a:hover {color:#d20143; }

#idioma { float:left; width:auto;}
#marquesina{width:500px; float:left;}


/*---------------------*/

#logo_cont{width:960px; height:79px; border-bottom:2px solid #535169; float:left; margin-bottom:8px;}
#logo { width:250px; height:79px; float:right; background:url(../img/logo.jpg);}
#logo span{display:none;}
#logo a{ display:block;width:250px; height:79px;}

/*---------------------*/

#columna_izquierda { width:16px; float:left;height:436px;}
#columna_derecha { width:8px; float:left;height:436px;}
#menu{ float:left; width:161px; background:url(../img/back_menu.jpg); height:436px;}
#menu ul { list-style:none; font-weight:bold; color:#FFFFFF; margin:80px 0px 0px 0px; padding:0px; line-height:22px;}
#menu li { display:block;} #menu li a{ color:#FFFFFF; text-decoration:none;margin-left:20px;}
#menu li a:hover { color:#908e9e;}

.activo1 {text-decoration:none;margin-left:20px;color:#908e9e;}
.activo2{background:#d20143; text-align:center; height:22px; width:161px; margin-top:32px; margin-bottom:32px;display:block;margin-left:0px;color:#201c3d;}

#menu li#reservas a { background:#d20143; text-align:center; height:22px; width:161px; margin-top:32px; margin-bottom:32px;display:block;margin-left:0px;} #menu li#reservas a:hover{ color:#201c3d;}

/*---------------------*/

#contenido { width:760px; float:left; }

#contenido2 { width:775px; float:left; }

#flash { width:760px; height:425px; float:left;}
#flash_top { width:760px; height:155px; float:left;}
#pie{ width:760px; float:left; font-size:9px; padding-top:2px; color:#201c3d;}
#pie a{ color:#201c3d; text-decoration:none} #pie a:hover{ color:#d20143; text-decoration:underline}

/*-------------------------*/
#texto { width:760px; float:left; height:269px; background:#cdcbd9;}
#titulo {width:725px; float:left; padding:18px 35px 0px 0px; text-align:right;}
#titulo h1 { margin:0px; font-size:12px; color:#201c3d; background:url(../img/h1.jpg) no-repeat -3px;}
#titulo h1 strong { background:#cdcbd9; padding-left:12px;}

#titulo2 {width:760px; float:left; padding:18px 15px 0px 0px; text-align:right;}
#titulo2 h1 { margin:0px; font-size:12px; color:#201c3d; background:url(../img/h1.jpg) no-repeat -3px;}
#titulo2 h1 strong { background:#cdcbd9; padding-left:12px;}


#copy {width:710px; float:left; padding:25px; font-size:12px;color:#201c3d;}
#copy p { margin:0px;}

#copy2 {width:735px; float:left; padding:25px 0px 25px 25px; font-size:12px;color:#201c3d;}
#copy2 p { margin:0px;}

/*-------------------*/
#texto_fotos {width:775px; float:left; height:424px; background:#cdcbd9;}
#cont_habitaciones {width:442px; float:left; padding:15px 25px 0px 25px; font-size:11px; color:#201c3d;}

#cont_habitaciones2 {width:442px; float:left; padding:15px 25px 0px 25px; font-size:11px; color:#201c3d;}
#cont_habitaciones2 img { margin-bottom:6px;}

#cont_habitaciones p{font-size:11px; margin-left:30px;}
#cont_habitaciones ul{ border-right:2px solid #201c3d; padding:10px 0px 10px 50px; list-style:none; margin:10px 0px 20px 0px;}
#cont_habitaciones li{background:url(../img/li_top.jpg) no-repeat 0px 3px; color:#d0003e; margin-bottom:5px;}
#cont_habitaciones li#activo{background:url(../img/li_top_over.jpg) no-repeat 0px 3px; color:#d0003e; padding-left:10px;}
#cont_habitaciones li a{ background:url(../img/li_top.jpg) no-repeat 0px 3px; color:#201c3d; padding-left:10px; text-decoration:none;}
#cont_habitaciones li a:hover{background:url(../img/li_top_over.jpg) no-repeat 0px 3px; color:#d0003e;}

#foto { width:268px; float:left;padding:15px 0px 0px 0px; height:368px; overflow:hidden;}

#foto2 { width:268px; float:left;padding:15px 0px 0px 0px; height:376px; overflow:hidden;}

#reser a { background:#201c3d; text-align:center; height:17px; width:127px;display:block; padding-top:4px; font-size:11px; color:#FFFFFF; text-decoration:none;} 
#reser a:hover{ color:#FFF;background:#d20143;}


#servicios { width:745px; float:left; padding:15px 15px 0px 15px;}
.otros p { margin:0px; font-size:10px;}
.otros li{ background:url(../img/li_top.jpg) no-repeat 0px 3px; color:#201c3d; list-style:none; padding-left:10px;}
.otros { width:646px; float:left; padding:5px; background:#FFFFFF;color:#201c3d; margin-bottom:10px; height:69px;}
.fotito { width:89px; float:left;}
.fotito img {border-right:10px solid #cdcbd9;}

.otros2 { width:745px; float:left; background:#FFFFFF;color:#201c3d;  height:69px;}


#contacto { width:398px; float:right; padding-top:20px;}
#contacto p{ margin:0px 0px 0px 10px; font-size:11px; font-family:Tahoma, Arial;}
#contacto label{ margin:0px; font-size:9px;font-family:Tahoma, Arial; margin-bottom:1px;}

.border { border-right:2px solid #000000;}
.margin { margin-left:10px;}
 
#contacto input{ width:325px; height:14px; border:1px solid #000000;margin-bottom:3px; font-size:10px; background:none;}
#contacto textarea{ width:325px; height:65px; border:1px solid #000000;margin-bottom:3px;font-size:10px; font-family:Arial, Helvetica, sans-serif;background:none;}
.send{ width:40px; height:15px; background:#cdcbd9; font-size:9px;  margin-right:10px; text-align:center; font-family:Tahoma, Arial;}
.send a { color:#000000; text-decoration:none;}
.send a:hover {color:#cf4d79; text-decoration:underline;}


#rojo { color:#d0003e;}
.azul {color:#201c3d; text-decoration:none;}
.azul a { color:#201c3d; text-decoration:none;} azul a:hover { color:#201c3d; text-decoration:underline;}

.como { float:left;}
.como li{background:url(../img/li_top_over.jpg) no-repeat 0px 4px; color:#d0003e; list-style:none; padding-left:0px;}

#TA_rated925 div {margin:10px 0 0 5px !important;}
#TA_excellent359 div {margin:10px 0 0 5px !important;}
#TA_rated425 div {margin:10px 0 0 5px !important;}
#TA_excellent659 div {margin:10px 0 0 5px !important;}

a.banner_link{
	float:left; 
	width:150px; height:86px; 
	display:block;
	margin:11px 0 0 5px;
	background-image:url(../img/banner_barcelona_poblenou.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
a:hover.banner_link{
	background-position:top;
}

#creactivitat{
	width:928; 
	float:right;
}
#creactivitat a{
	color:#CCC;
}