/* ////////////////////////////////////// */
/* /// BARCELONA CITY CENTRE///////////// */
/* ////////////////////////////////////// */

*{ margin: 0; padding: 0; }* 

body{color:#bbb; background-color:#000; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-size:11px; font-style:normal; line-height:1.7em; font-weight:400; font-variant:normal; margin:0; padding:0;}

h1{ display: inline; width:228px; height:40px; text-indent:-9000px; color:inherit; background-image:url(../images/logo.jpg); background-repeat:no-repeat; background-position:left top; float:left; padding:0; margin-top:10px; margin-right:0; margin-bottom:0; margin-left:10px !important;  margin-left:4px;}
h1 a{width:228px; height:40px; text-decoration:none; border:0; overflow:hidden; outline:none}

h2 { font-size: 23px; font-weight: lighter; text-transform: uppercase; color: #fff; }
h3 { font-size: 18px; font-weight: lighter; text-transform: uppercase; color: #bbb; }
h4 { font-size: 15px; font-weight: lighter; text-transform: uppercase; color: #bbb; }
a{ color: #333; text-decoration: none; outline: none; }
p{background-color:inherit; font-size:11px; font-style:normal; line-height:1.5em; font-weight:400; font-variant:normal; margin:0 0 1.3em; padding:0; text-align:left;}
p a{ background-color:inherit; font-weight:700; color:#fff; text-decoration:none}
p strong{background-color:inherit; font-weight:700}
.titulo_secc{ float:left; position: relative; width:100%; height: 17px; margin-top:6px; margin-bottom:10px; padding-bottom: 6px; border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color:#ccc;}
.subrallado{ text-decoration: underline; }
.no_subrallado{ text-decoration: none; }
.naranja, .naranja a, .naranja a:hover{ color:#ff4800;}
.naranja_claro, .naranja_claro a, .naranja_claro a:hover{ color:#ff9c00;}
.bg_verde{ background-color:#c6ca01;}
.grisb, .grisb a, .grisb a:hover{ color:#bbb;}
.gris9, .gris9 a, .gris9 a:hover{ color:#999;}
.gris6, .gris6 a, .gris6 a:hover{ color:#666;}
.gris5, .gris5 a, .gris5 a:hover{ color:#555;}
.gris3, .gris3 a, .gris3 a:hover{ color:#333;}
.blanco, .blanco  a, .blanco a:hover{ color:#fff;}
.rojo, .rojo,  a, .rojo, a:hover{ color:#f00;}
.azul, .azul,  a, .azul, a:hover{ color:#0a0a77;}
.diez{ font-size:10px;}
.once{ font-size:11px;}
.doce{ font-size:12px;}
.bold{ font-weight:bold;}
.w100{ width: 100%;}
.marg0{ margin: 0px;}
.marg3{ margin: 3px;}
.marg6{ margin: 6px;}
.margtop6{ margin-top: 6px;}
.margtop10{ margin-top: 10px;}
.margtop20{ margin-top: 20px;}
.margleft6{ margin-left: 6px; }
.margleft10{ margin-left: 10px;}
.margright6{ margin-right: 6px;}
.margright10{ margin-right: 10px;}
.margbottom10{ margin-bottom: 10px;}
.fl{position:relative; float: left;}
.fr{position:relative; float: right;}
.cl{clear: both;}
ul{ margin-left: 30px; margin-top: 0px;}

/******GENERAL *******/
#wrapper{
	position:			relative;
	/* hack against ie/mac \*/
	clear:				both;
	/* end hack */	
	width:				810px !important;
	width:				810px;
	margin-left: 		auto;
	margin-right:		auto;
	margin-top: 25px;
	overflow:			hidden !important;
	overflow:			visible;
}

#head{
	position:			relative;
	float: left;
	width:				810px;
	overflow:			visible !important;
	overflow:			visible;
}

#info{
	position:			relative;
	float: left;
	width:				810px;
	overflow:			visible !important;
	overflow:			visible;
	margin-top: 10px;
}

#footer{
	position:			relative;
	float: left;
	width:				810px;
	overflow:			visible !important;
	overflow:			visible;
	margin-top: 50px;
}

#footer p{ text-align: center;line-height: 20px;color: #bbb; font-size: 11px;}

#languages{ margin-top: 30px;}
#languages a, #languages a:hover { color: #fff;}

.info_box{
	position: relative;
	float: left;
	width: 162px;
}
.info_box_padd{
	position: relative;
	float: left;
	width: 142px;
	padding: 0 10px 10px 10px;
}
.info_box_padd p{
	line-height: 13px;
	margin:7px 0;
}
.img_box{
	position: relative;
	float: left;
	width: 486px;
	height: 292px;
	background-image:url(../images/bg_apartments.jpg); 
	background-repeat:no-repeat;
}
.img_thumbs{
	position: absolute;
	top: 102px;
	left: 6px;
	width: 486px;
	height: 100px;
}
.img_thumbs img{
	border: 0;
	margin-left: 15px;
}

#info_left h3, #info_left2 h3, #info_left3 h3{ color: #ff4800;font-size:18px;font-weight:lighter;font-family:"helvetica neue", arial; margin-bottom: 6px;}
#info_left p, #info_left2 p, #info_left3 p{ color: #666;font-size:12px;font-weight:normal; font-family:"Lucida Grande", Verdana, arial; line-height: 21px;}

#ubication{
	position: relative;
	float: left;
	width: 100%;
	color: #ff4800;font-size:18px;font-weight:lighter;font-family:"helvetica neue", arial; margin-bottom: 10px;
}

.info_right{
	position: relative;
	float: left;
	width: 210px;
}

/** IMAGENES **/
ul#gallery_images {
	list-style: none;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0;
	float: left;
	width: 100%;
}
ul#gallery_images li {
	margin: 0px 9px 4px 0px;
	padding: 0;
	float: left;
	position: relative;
}
ul#gallery_images img {
	background: #fff;
	border: solid 1px #ddd;
	padding: 2px;
}
ul#gallery_images a {
	text-decoration: none;
}

/** AVISO **/
.aviso, .aviso_ok{
	float: left;
	position: relative;
	color:#fff;
	padding: 6px 10px;
	font-family:"lucida grande",arial,verdana,sans-serif;
	font-size:13px;
	font-weight: bold;
	line-height: 14px; 
	margin: 10px 10px 20px 0px;
	clear: both;
}
.aviso{ background-color: #FF5A4D; }
.aviso_ok{ background-color: #c6ca01; }

.aviso ul, .aviso_ok ul{
	font-weight: normal;
	font-size:12px;
}

.aviso p, .aviso_ok p{
	margin: 4px 0 0 0;
}

.aviso a, .aviso a:hover, .aviso_ok a, .aviso_ok a:hover{
	color:#008dcd;
	font-weight: normal;
	font-size:11px;
}

/** FORM CONTACTO **/
#form_layer{
	float: left;
	position: relative;
	width: 100%;
}

#form_layer label{
	font-weight: bold;
}

#form_layer textarea, #form_layer select, #form_layer input, #form_layer checkbox {
	font-size: 13px;	 
}
#form_layer input[type=text], #form_layer input[type=password]{
	background-color: #0a0a0a; 
	height: 14px;
	width: 200px;
	padding: 2px;
	border: 1px #222 solid;
	color: #ddd;
}
#form_layer input[type=radio]{
	height: 14px;
}
#form_layer select{
	height: 25px;
	border: 1px #ccc solid;
	padding: 3px;
	width: 208px;
}
#form_layer textarea{
	width: 380px;
	height: 100px;
	padding: 3px;
	border: 1px #222 solid;
	background-color: #0a0a0a; 
	color: #ddd;
}
/*****************/
/******PAGINACION*******/
/*****************/
.paginacionbusqueda a, .paginacionbusqueda a:link, .paginacionbusqueda a:active {
	padding: 2px 4px 2px 4px !important; 
	margin: 2px 2px 2px 2px!important; 
	margin: 1px 1px 1px 1px; 
	text-decoration: none;
	border: 1px solid #c9c9c9;
	color: #434343;
	background-color: #FFFFFF;	
}
.paginacionbusqueda a:hover {	
	border: 1px solid #ff4800;
	color: #ff4800;
	background-color: #FFFFFF;
}
.paginacionbusqueda span.pages {
	padding: 2px 4px 2px 4px !important; 
	margin: 2px 2px 2px 2px!important; 
	margin: 1px 1px 1px 1px; 
	color: #434343;
	border: 1px solid #c9c9c9;
	background-color: #FFFFFF;
}
.paginacionbusqueda span.current {
	padding: 2px 4px 2px 4px !important; 
	margin: 2px 2px 2px 2px!important; 
	margin: 1px 1px 1px 1px; 
	font-weight: normal;
	border: 1px solid #ff4800;
	color: #ff4800;
	background-color: #FFFFFF;
}
.paginacionbusqueda span.extend {
	padding: 2px 4px 2px 4px !important; 
	margin: 2px 2px 2px 2px!important; 
	margin: 1px 1px 1px 1px; 	
	border: 1px solid #c9c9c9;
	color: #434343;
	background-color: #FFFFFF;
}

.paginado{
	position: relative; 
	float:	left;
	width: 100%;
	height: 40px; 
	margin-top: 0px;
	margin-bottom: 10px !important;
	padding: 3px !important;
	padding: 0px;
	font-size: 11px;
}

.blau_menu {color:#7eb395;}
.verd_menu {color:#c6ca01;}
.vermell_menu {color:#dd3c34;}

/**** MENU ***/

ul#menulist { position:relative; float: left; display:inline; margin: 10px 0 0 0;}
ul#menulist li { float:left; list-style:none; margin:0; text-align:bottom; text-decoration:none; width:152px; height: 145px; line-height: 250px; font-size: 12px; padding-left: 10px; }
ul#menulist a { font-weight: normal; color: #fff;}
ul#menulist a:hover { font-weight: bold; color: #fff; }
ul#menulist .active a { font-weight: bold; font-size: 14px; }
ul#menulist #home { background-color:#7eb395; }
ul#menulist #apart { background-color:#c6ca01; }
ul#menulist #tarifes { background-color:#eed0aa; }
ul#menulist #situacio { background-color:#f19800; }
ul#menulist #reserves { background-color:#dd3c34; }

/**** MENU APARTAMENTS ***/

ul#apartments { position:relative; float: left; display:inline; width: 162px; margin: 0; }
ul#apartments li { list-style:none; margin: 0 0 10px; text-decoration:none; width:128px; height: 16px; line-height: 14px; font-size: 12px; padding:  2px 10px 2px 20px; border: 2px solid #2a2c2b; }
ul#apartments a { font-weight: normal; color: #fff;}
ul#apartments a:hover { font-weight: bold; color: #fff; }
ul#apartments .active a { font-weight: bold; }
ul#apartments #encant { background-color:#151716; }
ul#apartments #onyar { background-color:#17120e; }
ul#apartments #rambla { background-color:#170d0e; }

/**** TARIFES ***/

ul#tarifes { position:relative; float: left; display:inline; margin: 0px 0 0 10px; border-top: 2px solid #ddd; border-left: 2px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;  }
ul#tarifes li { float:left; list-style:none; margin:0; text-align:bottom; text-decoration:none; height: 36px; line-height: 15px; font-size: 12px; padding-left: 7px; padding-top: 26px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
ul#tarifes .ample { width: 109px; }
ul#tarifes .estret { width: 81px; }