/*
General
-------------------------------------------------------------------*/
* {padding:0; margin:0; font:11px/16px sans-serif;}
* p {margin:10px auto; text-align:justify;}
* a {outline:none;}
* b {font-weight:bold;}
body {margin:0; background-color:#EBECEE;}
#center {position:absolute; top:4px; left:50%; width:782px; margin-left:-388px; margin-bottom:10px; background:url(../images/general/bg.gif) top left repeat-y scroll; z-index:1;}

/*
Header
-------------------------------------------------------------------*/
#header {position: relative; float:left; clear:both; top:0; left:0; float:left; width:782px; z-index:2; #overflow-y:hidden;}
#top {position:relative; top:0px; left:0px; width:782px; z-index:3;}
#logo {position:relative; top:0px; left:29px; float:left; width:180px; height:55px;}
#logo img {border:0;}

#idioma {position:relative; float:left; top:0px; left:30px; z-index:3; font:11px/16px verdana, sans-serif; color:#676767; border-left:1px solid #CFD0D2; height:50px; display:block; padding: 4px 0 0 10px; }
#idioma a {text-decoration:none; font:10px/14px verdana, sans-serif; color:#676767;}
#idioma a.ws_lang_selected, #idioma a.CLASS_LANG_SELECTED {text-decoration:none; font:bold 11px/16px verdana, sans-serif; color:#676767;}
#idioma a.ws_lang_selected:hover, #idioma a.CLASS_LANG_SELECTED:hover {text-decoration:none; font:bold 11px/16px verdana, sans-serif; color:#333333;}
#idioma a.ws_lang_not_selected, #idioma a.CLASS_LANG_NOT_SELECTED  {text-decoration:none; font:11px/16px verdana, sans-serif; color:#676767;}
#idioma a.ws_lang_not_selected:hover, #idioma a.CLASS_LANG_NOT_SELECTED:hover {text-decoration:none; font:11px/16px verdana, sans-serif; color:#333333;}

#booking {position:relative; top:0; left:0; float:left; clear:both; overflow:hidden; margin:6px 0 0 28px; width:716px; #margin:6px 0 0 14px; padding:6px; background-color:#EBEBEB;}
#booking form {margin:0; padding:0;}
#booking fieldset {border:0; padding:0; margin:0 7px 0 0; #margin:0 8px 0 0; position:relative; float:left;}
#booking label {font:9px/14px arial, sans-serif; color:#666666; text-transform:uppercase; display:block;}
#booking select, #booking option {font:10px/14px arial, sans-serif; color:#666666; }
#booking option {padding-right:5px;}
#booking input {margin:0; padding:0;}
#booking .continuar_es {margin:14px 0 0 0; position:relative; float:left; #clear:right; padding:1px; #padding:1px 4px; text-align:center; border:0; width:54px; background-color:#999; font:11px/14px arial, sans-serif; color:#FFF;}
#booking .editar_es {display:block; margin:14px 0 0 5px; position:relative; float:left; #clear:right; text-align:center; text-decoration:none; padding:1px; #padding:1px 6px; border:0; width:80px; #height:16px; background-color:#999; font:11px/14px arial, sans-serif; color:#FFF;}
#booking .editar_en {margin:14px 0 0 5px; position:relative; float:left; #clear:right; text-align:center; padding:1px; #padding:1px 6px; border:0; width:70px; background-color:#999; font:11px/14px arial, sans-serif; color:#FFF;}

/*
Area principal
-------------------------------------------------------------------*/
#main {position:relative; clear:both; float:left; width:730px; padding:8px 24px 0 28px; z-index:2;}
#main h1 {margin:0 0 10px 0;}
#content {scrollbar-3dlight-color:#CCCCCC; scrollbar-arrow-color:#CCCCCC; scrollbar-track-color:#EFF0F1;	scrollbar-darkshadow-color:#CCCCCC;	scrollbar-face-color:#EFF0F1;	scrollbar-highlight-color:#EFF0F1;	scrollbar-shadow-color:#EFF0F1;}
#content a {text-decoration:underline; color:#656565;}
#content a:hover {text-decoration:underline; color:#454545;}
#content p {margin:5px 0 15px 0;}

/*
Navegacion
-------------------------------------------------------------------*/
#menu {position:relative; display:block; float:left; top:5px; left:30px; padding:0; width:466px; list-style: none; margin:0;}
#menu li {list-style-type:none; display:block; float:left; margin:0 0 -5px 0; padding:0;}
#menu img {border:0;}
#menu a {margin:0;}
.drop {width:140px; position:relative; top:-10px; font:11px/16px verdana, sans-serif;}

/*
Footer
-------------------------------------------------------------------*/
#footer {position:relative; float:left; width:782px; clear:both; z-index:2; margin: 6px 0 0 0; padding-bottom:10px; background: url(../images/general/bottom.gif) bottom center no-repeat;}
#footer td, #footer a, #footer p {font:10px/14px arial, sans-serif;}
#datos td {padding:3px 6px; }
#copy td {padding:1px 0;}
#home #datos {width:728px; margin-left:28px; background-color:#ACACAC; color:#FFF; }
#barcelona #datos {width:728px; margin-left:28px; background-color:#9DC6E2; color:#FFF; }
#contacto #datos {width:728px; margin-left:28px; background-color:#F2A51F; color:#FFF; }
#promociones #datos {width:728px; margin-left:28px; background-color:#E31A22; color:#FFF; }
#mapa #datos, #legal #datos, #reservas #datos {width:728px; margin-left:28px; background-color:#A764A2; color:#FFF; }
#apartments #datos, #apartments_sub #datos {width:729px; margin-left:28px; background-color:#B1C800; color:#FFF; }
	#datos_direccion a, #datos_mapa a {color:#FFF; text-decoration:none;}
	#datos_direccion a:hover, #datos_mapa a:hover {color:#FFF; text-decoration:underline;}
	#datos_direccion p {margin:0;}
#copy {width:728px; margin-left:28px;}
	#copy_legales {text-align:left; color:#999; font:9px/14px arial, sans-serif;} 
	#copy_nakami {text-align:right;width:200px;}
	#copy  a {color:#999; text-decoration:none; font:9px/14px arial, sans-serif;}
	#copy a:hover {color:#333; text-decoration:none;}
	

/*
Home
-------------------------------------------------------------------*/
#flashintro {position:relative; float:left; margin-bottom:5px;}
body#home #content	{position:relative; float:left; margin-bottom:7px; background-color:#D9D9D9; text-align:center; width:718px; padding:5px; font:11px/14px arial, sans-serif; color:#666;}
#home_botones {position:relative; float:left;}
.boton {margin-right:6px; border:0; padding:0; position:relative; float:left;}
.boton_derby {margin:0 0 0 2px; border:0; padding:0; position:relative; float:left;}

/*
Localizacion
-------------------------------------------------------------------*/
#barcelona #content {position:relative; float:left; padding:6px 17px; width: 312px; height:347px; overflow:auto; background-color:#eff0f1; font:11px/14px verdana, sans-serif; color:#656565; margin-right:6px; #margin-bottom:-10px; }
#barcelona #images {position:relative; float:left;}
#barcelona #flash {position:absolute; top:0; left:0;}
#barcelona #mapabcn {position:absolute; top:158px; left:0;}
#barcelona #content p.credito {font:10px/14px verdana, sans-serif;}
#ampliarmapa {position:absolute; bottom:0px; right:0px; z-index:10; text-align:right; text-transform:uppercase; width:auto; #width:500px; #margin-bottom:2px; height:20px;}
#ampliarmapa a {background-color:#9dc6e2; padding:2px 5px 5px 5px; color:#FFF; font-size:10px; font-weight:bold; text-decoration:none;}
#ampliarmapa a:hover {background-color:#9dc6e2; padding:2px 5px 5px 5px; color:#FFF; font-size:10px; font-weight:bold; text-decoration:none;}

/*
Contacto
-------------------------------------------------------------------*/
#contacto #content {position:relative; float:left; padding:6px 12px 6px 17px; width: 317px; height:347px; overflow:auto; background-color:#eff0f1; font:11px/14px verdana, sans-serif; color:#656565; margin-right:6px; #margin-bottom:-10px; }
#contacto #images {position:relative; float:left;}
#contacto #img1 {position:absolute; top:0; left:0;}
#contacto #img2 {position:absolute; top:207px; left:0;}
#contacto #img3 {position:absolute; top:207px; left:192px;}
#contacto address {font-style:normal; padding:10px 0 13px 0; border-bottom:1px dashed #7b7c7e;}
#contacto #content form {margin-top:18px;}
#contacto #content label {position:relative; float:left; display:block; width:90px;}
#contacto #content .comentarios_label {margin:5px 0 2px 0;}
#contacto #content .noticias_label {position:relative; float:left; width:auto; clear:right;}
#contacto #content .noticias_checkbox {position:relative; float:left; margin-right:6px;}
#contacto #content .form {border:none; width:200px; #width:197px; padding:2px; border-bottom:5px solid #eff0f1; background-color:#CCC; color:#666;}
#contacto #content textarea {border:none; width:294px; height:80px; border-bottom:5px solid #eff0f1; background-color:#CCC; overflow:auto; color:#666;}
#contacto #content .dropdown {border:none; width:205px; #width:202px; padding:2px; margin-bottom:5px; background-color:#CCC; color:#666;}
#contacto #content .enviar {position:relative; float:left; clear:both; display:block; width:300px;}
#contacto #content .button {position:absolute; right:0; margin:5px 6px 5px 0; border:none;}
#contacto #content p.privacidad {position:relative; float:left; clear:both; font:10px/14px verdana, sans-serif;}
#contacto #content p.error {font-weight:bold; text-align:left;}

/*
Promociones
-------------------------------------------------------------------*/
#promociones #content {position:relative; float:left; padding:0 14px; width: 318px; height:359px; overflow:auto; background-color:#eff0f1; color:#656565; margin-right:6px; #margin-bottom:-10px; }
#promociones #images {position:relative; float:left;}
#promociones #img1 {position:absolute; top:0; left:0;}
#promociones #img2 {position:absolute; top:0; left:192px;}
#promociones #img3 {position:absolute; top:159px; left:0;}
.promocion {position:relative; float:left; border-bottom:1px dotted #656565; margin:15px 0 0 0;}
.promocion_individual {position:relative; float:left; margin:15px 0 0 0;}
.promothumb {position:relative; float:left; margin-right:10px; #margin-right:8px; width:112px;}
.promothumb_individual {margin-right:10px; #margin-right:8px; width:112px;}
.promocontent {position:relative; float:left; width:auto; padding-bottom:10px;}
.resumen {position:relative; float:left; width:300px;}
.promocontent h2 {font-weight:bold; margin:-4px 0 10px 120px;}
.resumen h2 {font-weight:bold; margin:-4px 0 0 0;}
.resumen p, .promocontent p {margin:0; line-height:14px;}
.leermas {margin:10px 0; text-transform:uppercase;}
.promovolver {margin:10px 0; text-transform:uppercase; float:right; clear:both;}
.leermas a, .promovolver a {font:10px/14px verdana, sans-serif;}
#promociones #content a {font-weight:bold; text-decoration:none; color:#656565;}
#promociones #content a:hover {font-weight:bold; text-decoration:none; color:#333333;}

/*
Mapa Web, Datos Legales
-------------------------------------------------------------------*/
#mapa #content, #legal #content {position:relative; float:left; padding:6px 17px; width: 312px; height:347px; overflow:auto; background-color:#eff0f1; font:11px/14px verdana, sans-serif; color:#656565; margin-right:6px; #margin-bottom:-10px; }
#mapa #images, #legal #images {position:relative; float:left;}
#mapa #img1, #legal #img1 {position:absolute; top:0; left:0;}
#mapa #img2, #legal #img2 {position:absolute; top:207px; left:0;}
#mapa #img3, #legal #img3 {position:absolute; top:207px; left:192px;}

#legal #content ul {list-style-type:none; padding:10px;}
#legal #content li.sitemap2 {padding-left:10px;}
#legal #content a {text-decoration:none;}
#legal #content a.title {text-decoration:none; font-weight:bold;}


/*
Apartments
-------------------------------------------------------------------*/
#apartments #main, #apartments_sub #main {position:relative; clear:both; float:left; width:730px; padding:0 24px 0 28px; margin-top:9px; background:url(../images/apartments/bgcontent.gif) top center repeat-y scroll; z-index:2; }
#apartments #main h1, #apartments_sub #main h1 {margin:0; border-bottom:7px solid #FFF;}
#apartments #images {position:relative; float:left; width:276px; margin-right:8px;}
#apartments #img1 {position:relative; float:left; clear:both; margin-bottom:7px;}
#apartments #img2 {position:relative; float:left; clear:both;}
#apartments #content {position:relative; float:left; padding:6px 17px; width:240px; #width:239px; height:349px; overflow:auto; background-color:#eff0f1; font:11px/14px verdana, sans-serif; color:#656565;}

#apartments #navigation, #apartments_sub #navigation {position:relative; float:left; width:170px;}
#navigation #mainnav {margin:0; padding:0; list-style: none; margin-bottom:35px;}
#navigation #proximasnav {margin:0; padding:0; list-style: none; margin-bottom:30px;}
#navigation #proximasnav .inaguraciones, #navigation #mainnav .inaguraciones  {margin:0; padding:8px 8px 8px 20px; font:bold 11px/16px verdana, sans-serif; text-transform:uppercase; border-bottom:1px solid #FFF; background:none; margin-left:-12px; width:155px; color:#646567;}
#navigation a {margin:0; display:block; padding:8px 8px 8px 20px; background:#E4E4E4 url(../images/apartments/arrow.gif) top left no-repeat; width:134px; border-bottom:1px solid #FFF; font:10px/12px verdana, sans-serif; color:#646567; text-transform:uppercase; text-decoration:none;}
#navigation li.current  {margin:0; padding:8px 8px 8px 20px; background:#B1C800 url(../images/apartments/arrow2.gif) top left no-repeat; width:134px; border-bottom:1px solid #FFF; font:10px/12px verdana, sans-serif; color:#FFF; text-transform:uppercase;}
#navigation a:hover {margin:0; display:block; padding:8px 8px 8px 20px; background:#D9D9D9 url(../images/apartments/arrow_hover.gif) top left no-repeat; width:134px; border-bottom:1px solid #FFF; font:10px/12px verdana, sans-serif; color:#646567; text-transform:uppercase; text-decoration:none;}

#apartments_sub #mainarea {position:relative; float:left;}
#mainarea #tabs {position:relative; float:left; list-style:none; margin:0; padding:0;}
#mainarea #tabs li {position:relative; float:left; margin:0;}
#mainarea #container {position:relative; float:left; clear:both; padding:12px; margin-top:-5px; width:534px;}
#mainarea #container_fotos {position:relative; float:left; clear:both; padding:12px; margin-top:-5px; width:534px;background-color:#d9dadb;}
#mainarea #container_mapa {position:relative; float:left; clear:both; padding:12px; margin-top:-5px; width:534px;background-color:#cfd0d1;}

/*
Apartments - Tipo de apartamentos
-------------------------------------------------------------------*/
#mainarea #container_tipo {position:relative; float:left; clear:both; padding:12px; margin-top:-5px; margin-bottom:-1px; width:534px;background-color:#e3e4e4;}
#mainarea #container_tipo .drop {width:140px; position:relative; top:0px; margin:2px 0; font:11px/16px verdana, sans-serif;}
#mainarea #container_tipo #content {background-color:#FFF; margin-top:10px; font:11px/16px verdana, sans-serif; color:#666; padding: 20px 10px 20px 10px;}
#mainarea #container_tipo #content h2 {font:bold 11px/16px verdana, sans-serif; color:#666; text-transform:uppercase; margin:0 0 15px 0; border-bottom:1px solid #666; padding:2px 0; display:block;}
#mainarea #container_tipo #content h2.fotos {font:bold 11px/16px verdana, sans-serif; color:#666; text-transform:uppercase; margin:0; border-bottom:1px solid #666; padding:2px 0; display:block;}
.subcontent {border-bottom:1px solid #666; margin:0; display:block; min-width:514px; padding:8px 0; #width:514px;}
.subcontent .img1 {display:inline; padding:0 6px 0 0; #padding-right:10px;}
.subcontent .img2 {display:inline;}
.subcontent .img1 img, .subcontent .img2 img {padding:10px 0;}
.subcontent ul {padding:0 0 0 20px; margin-top:-10px;}
#container_tipo #direccion {text-align:center; padding:3px 12px; display:block; width:auto; margin:-12px; border-top:8px solid #E3E4E4; background-color:#ACACAC; font:10px/14px arial, sans-serif; color:#FFF;}
#direccion, #direccion p {font:10px/14px arial, sans-serif; color:#FFF; margin:0;}
#direccion b {font: bold 10px/14px arial, sans-serif; color:#FFF;}
#mainarea #container_tipo .drop {width:auto; overflow:visible;}
#mainarea #container_tipo .drop option {margin-right:5px;}

/*
Apartments - Descripcion 
-------------------------------------------------------------------*/
#mainarea #content h2 {font:bold 11px/16px verdana, sans-serif; color:#666; text-transform:uppercase; margin:0; border-bottom:1px solid #666; padding:2px 0; display:block;}
#container_descripcion #direccion {text-align:center; padding:3px 12px; display:block; width:auto; margin:-12px; border-top:8px solid #ededee; background-color:#ACACAC; font:10px/14px arial, sans-serif; color:#FFF;}
#mainarea #container_descripcion {position:relative; float:left; clear:both; padding:12px; margin-top:-5px; margin-bottom:-1px; width:534px; background-color:#ededee;}
#mainarea #container_descripcion #content {background-color:#FFF; margin-top:4px; font:11px/16px verdana, sans-serif; color:#666; padding: 10px 10px 20px 10px;}

/*
Apartments - Fotografias
-------------------------------------------------------------------*/
#container_fotos {position:relative; float:left; clear:both; padding:18px; margin-top:-5px; width:524px; background-color:#d9dadb;}
#container_fotos #desc {position:relative; float:left; display:block; font:11px/16px verdana, sans-serif; color:#666; padding-bottom:3px; margin-top:-4px; #margin-top:-3px;}
#foto {position:relative; float:left; border:3px solid #FFF; margin-top:5px; margin-left:5px; width:515px; height:355px; overflow:hidden;}
#thumbs {position:relative; float:left; margin-left:5px; #margin-left:3px; margin-bottom:-7px; margin-top:8px;}
.thumb {position:relative; float:left; display:inline; border:3px solid #FFF; margin-right:3px; margin-bottom:8px; width:122px; height:84px; overflow:hidden; text-align:center;}
.thumb img, .thumb a {border:none;}
#container_fotos #direccion {text-align:center; position:relative; float:left; clear:both; left:-12px; width:534px; margin:7px -12px -12px 0; background-color:#ACACAC; font:10px/14px arial, sans-serif; color:#FFF; padding:2px 12px;}
#container_fotos #direccion p {margin:0;}
#gallery_pages {width:520px; position:relative; float:left; clear:both; text-align:right; padding-top:6px; padding-right:4px; padding-bottom:10px;}
#gallery_pages a {text-decoration:none; color:#333;}
#gallery_pages a:hover {text-decoration:none; color:#000;}

/*
Apartments - Mapa
-------------------------------------------------------------------*/
#container_mapa {position:relative; float:left; clear:both; padding:12px; margin-top:-5px; width:534px;background-color:#CFD0D1;}
#mapa_desc {position:relative; float:left; width:300px; text-transform:uppercase; font-weight:bold; margin-top:-4px; #margin-top:-3px;}
#mapa_print {position:relative; float:left; width:226px; text-align:right; margin-top:-4px; #margin-top:-3px;}
#mapa_print a {text-decoration:none; color:#666;}

#container_mapa iframe {border:3px solid #FFF; #border-right:none; #border-bottom:none;}
#container_mapa #direccion {text-align:center; position:relative; float:left; clear:both; left:-12px; width:534px; margin:7px -12px -12px 0; background-color:#ACACAC; font:10px/14px arial, sans-serif; color:#FFF; padding:2px 12px;}
#container_mapa #direccion p {margin:0;}
#container_mapa #content {position:relative; float:left; clear:both; display:inline; margin-top:10px; padding:5px 10px 0 10px; width:512px; background-color:#FFF; color:#666;}

/*
Apartments - Botones Imprimir y Reservar
---------------------------------------------------------------------------------------------*/
.botones_opciones {margin:0; padding:0; list-style: none;}
.botones_opciones2 {margin:6px 0; padding:0; list-style: none; display:block;}
.botones_opciones li {position:relative; float:left; margin-right:3px;}
.botones_opciones li.print {position:relative; float:left; margin:3px; padding-right:5px;}
#botones_superior a, #botones_inferior a {text-decoration:none;}
#botones_superior {position:absolute; top:62px; right:20px; #right:16px;}
#botones_inferior {padding:6px 0; position:relative; float:right; margin-right:-4px; #margin-right:-6px;}

/*
Reservas - Formulario contacto grupos
-------------------------------------------------------------------*/
#reservas #content {position:relative; float:left; padding:15px 17px 10px 17px; width:312px; height:334px; overflow-x:hidden; overflow-y:auto; background-color:#eff0f1; font:11px/14px verdana, sans-serif; color:#656565; margin-right:6px; #margin-bottom:-10px; }
#reservas #images {position:relative; float:left;}
#reservas #img1 {position:absolute; top:0; left:0;}
#reservas #img2 {position:absolute; top:207px; left:0;}
#reservas #img3 {position:absolute; top:207px; left:192px;}

#reservas #content form {position:relative; float:left; display:inline; width:296px;}
#reservas #content fieldset {border:none; padding-bottom:6px;}
#reservas #content fieldset.bookingdetails {border:none; padding-bottom:10px; border-bottom:1px solid #CCC; margin-bottom:10px;}
#reservas #content label {position:relative; float:left; display:block; width:90px; text-align:right; padding-right:10px;}
#reservas #content label.textarea {position:relative; float:left; display:block; width:90px; text-align:right; padding-right:10px;}
#reservas #content option {padding-right:5px;}
#reservas #content textarea {border:none; width:182px; height:80px; border-bottom:5px solid #eff0f1; background-color:#CCC; overflow:auto; color:#666;}
#reservas #content .noticias_label {position:relative; float:left; width:250px; margin:6px 0;}
#reservas #content .noticias_checkbox {margin-top:10px; margin-left:12px; #margin-left:10px;}
#reservas #content .form {border:none; padding:2px; margin-bottom:3px; width:182px; background-color:#CCC; color:#666;}
#reservas #content .dropdown {border:none; padding:2px; margin-bottom:5px; background-color:#CCC; color:#666; }
#reservas #content .dropdown2 {border:none; padding:2px; margin-bottom:5px; background-color:#CCC; color:#666; width:182px;}
#reservas #content .enviar {display:block; width:286px; text-align:right; padding-top:6px;}
#reservas #content p.privacidad {font:10px/14px verdana, sans-serif; margin:0; width:286px;}


/* Res Form Styles
--------------------*/
.bookNow {
background:#F6F3E5;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
width:259px;
font-size:11px;
padding:8px;
}

	.formstyles					{font-family:Arial, sans-serif; font-weight:normal; font-size:11px; color:#666; margin-right:3px; padding-right:0px; margin-bottom:5px;}
	.formstyles option			{padding-right:5px;}

#bookingCode,#travelCode {
width:115px;
float:left;
margin:10px 0 0;
}

.break {
clear:both;
}

.reservas fieldset {
border:0;
}

.reservas label {
font-weight:bold;
}

.right {
float:right;
}

.left {
float:left;
}

#Search img {
cursor:pointer;
}

#bookingCode img,#travelCode img {
border:0;
cursor:pointer;
}

div#dynContainer {
margin:auto;
}

#rate,#travel {
display:none;
visibility:hidden;
}

input#dynField {
height:17px;
background-color:#fff;
font-family:Tahoma;
width:165px;
font-size:11px;
position:relative;
margin:0;
}

div#dynResults {
position:absolute;
left:auto;
display:none;
width:165px;
z-index:95;

background:#FFF;
margin:20px 0 0;
padding:0;
}

.inlineLabel {
padding-right:3px;
}

div#suggestLabel {
text-align:right;
color:#999;
height:10px;
background:#F2F2F7;
line-height:100%;
padding:0 3px 0 0;
}

.itemHighlight {
background-color:#ebcda2;
}

.itemNoHighlight {
background-color:#FFF;
}

div#dynResults div {
display:block;
cursor:pointer;
z-index:99;
margin:2px;
padding:2px 0 2px 2px;
}<!-- <meta HTTP-EQUIV="REFRESH" content="0; url=http://www.lofts-apartments.com"> -->