@charset "utf-8";
body {margin:0px; background-color:#222; }
a, a:visited, a:active {text-decoration:none; font-weight:bold; color:#FFF;}
a:hover {color:#999;}
a img { border:0 }

#tot, #tot2, #tot3, #tot4, #totvr, #totnoves {	/*---- POSICIO ----*/
		position: absolute;	width:950px;	left:50%;	margin-left:-475px;	background-color:#FFF;	font-family:Arial, Helvetica, sans-serif;		font-size:12px;}
		#tot { height:620px;}
		#tot2 { height:1370px;}
		#tot3 { height:690px;}
		#tot4 { height:1080px;}
		#totvr { height:800px;}
		#totnoves { height: 1080px;}



/*----------------------------  LOGO  ----------------------------*/
#logo { /*---- POSICIO ---*/
		position:absolute;			width:107px; 		height:100px;		left:50px;		top:50px;}
#logo2 { /*---- POSICIO ---*/
		position:absolute;			width:107px; 		height:100px;		left:170px;		top:50px;}
/*-----------------------------------------------------------------*/



/*----------------------------  MENU  ----------------------------*/
#menu1, #menu2, #menu3, #menu4 {	position:absolute;			width:107px; 		height:100px;		top:50px;		background-image:url(img/linmenu.png)}
#menu1 {	left:324px;}
#menu2 {	left:461px;}
#menu3 {	left:598px;}
#menu4 {	left:735px;}
#menutext {	position: absolute;		height:15px;	width:82px;	text-align:right;	right:15px;	bottom:5px;}
.menu { font-size:10px;}
.menu a,.menu a:visited,.menu a:active {color:#000;}
.menu a:hover {color:#999;}
/*----------------------------------------------------------------*/



/*----------------------------  IDIOMES  ----------------------------*/
#idiomes { /*---- POSICIO ---*/
		position:absolute;			width:107px; 		height:100px;		left:50px;		top:163px;		background-image:url(img/negre107x100.png);		color:#FFF;}
	#llistaidiomes { /*---- POSICIO ---*/
		position:absolute;			bottom:10px;			left:12px;			font-size:9px;		color:#aaa;		width:90px;}
/*--------------------------------------------------------------------*/



/*----------------------------  Q's  ----------------------------*/
#q1 {	position:absolute;		top:280px;		left:50px;		height:100px;		width:107px;	background-image:url(img/gris107x100.png)}
	#llistaq1 {		position:absolute;			bottom:10px;			left:12px;			font-size:9px;		color:#aaa;		width:90px;}
		#llistaq1 a, #llistaq1 a:visited, #llistaq1 a:active {text-decoration:none; font-weight:bold; color:#FFF;}
		#llistaq1 a:hover {color:#000;}
#q1petit, #q2petit, #q3petit, #q4petit, #q5petit {position:absolute; 		left:50px;		height:45px;		width:107px;}
	#q1petit {top:280px;}
	#q2petit {top:335px;}
	#q3petit {top:390px;}
	#q4petit {top:445px;}
	#q5petit {top:500px;}
	.qpeq img a, .qpeq img a:visited, .qpeq img a:active, {border: none;}
	.qpeq a:hover {border: none;}
/*----------------------------------------------------------------*/


/*----------------------------  FOTO CENTRAL  ----------------------------*/
#fotocentre {	position:absolute;		top:163px;		left:170px;			width:672px;		height:217px;}
#mapa {	position:absolute;		top:163px;		left:170px;			width:672px;		height:350px;}
/*------------------------------------------------------------------------*/

/*----------------------------  TEXT PRINCIPAL  ----------------------------*/
#cuerpotexto {	position:absolute;		top:397px;		left:170px;			width:300px;		height:100px;}
	#cuerpotexto span { font-weight:bold;		font-size:14px;}
	#cuerpotexto a, #cuerpotexto a:visited, #cuerpotexto a:active{color:#333;}
	#cuerpotexto a:hover { color:#999;}
#tours { position: absolute; 	top:400px;	left:500px;		height:160px;	width:190px; text-align:center}
	#tours a {color:#F33;}
/*--------------------------------------------------------------------------*/

/*-------------------------------  FORMULARI  ------------------------------*/
#formulario {	position:absolute;	top:276px;		left:10px;		width:150px;	height:0 auto;}
fieldset { font-family: Arial, Helvetica, sans-serif; border:none; line-height:11px;	padding:0px;}
form label{ float:left; width:70px; text-align:left; color:#575757; }
form input,textarea{ margin: 5px 5px 5px 20px; border:1px solid #666; background-color:#fff; color:#000; font-family: Arial, Helvetica, sans-serif; font-size:11px;}
form .sub{ cursor:pointer;	height:20px; margin-left:0px; font-size:10px; color:#000; background-color:#FFF; font-weight:bold; font-size:11px;}
/*--------------------------------------------------------------------------*/

/*------------------------------  FOTOS VENDA  -----------------------------*/
#v1, #v2, #v3, #v4, #v5, #v6, #v7, #v8, #v9, #v10, #v11, #v12, #v13, #v14, #v15, #v16 {position:absolute;		height: 130px;		width:325px;}
#v1, #v2, #v3, #v4, #v5, #v6, #v7, #v8, #v9, #v10, #v11, #v12, #v13, #v14, #v15, #v16 {}
#v1, #v3, #v5, #v7, #v9, #v11, #v13, #v15 {left:170px;}
#v2, #v4, #v6, #v8, #v10, #v12, #v14, #v16 {left:517px;}
#v1, #v2 {top:403px;}
#v3, #v4 {top:543px;}
#v5, #v6 {top:683px;}
#v7, #v8 {top:823px;}
#v9, #v10 {top:963px;}
#v11, #v12 {top:1103px;}
#v13, #v14 {top:1243px;}
#v15, #v16 {top:1386px;}
.linkv a,.linkv a:visited,.linkv a:active {color:#000;}
.linkv a:hover {color:#999;}
#imgventa {position: absolute;		left:2px;		top:2px;		height:125px;		width:150px;}
	#imgventa img { max-height:130px;		max-width:150px;	overflow:hidden;		border:1px solid #383838;
					width: expression(document.body.clientWidth < 152? "150px" : document.body.clientWidth > 132? "130px" : "auto");}
#ventatext {position: absolute;		left:165px;		top:10px;		height:90px;		width:150px;}
	#ventatext span { font-weight:bold; color:#222;}
#precio {position: absolute;		bottom:20px;		left:165px;		height:20px;		width:150px;		font-size:15px;		font-weight:bold;		color:383838;}
#vendida, #venuda {position:absolute; top:0px; left: 5px; height:30px; width:50px;}
	#vendida { background-image:url(img/vendida.png);}
	#venuda { background-image:url(img/venuda.png);}

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

/*--------------------------------  HORARIO  -------------------------------*/
#horario1 {	position:absolute;		top:400px;		left:250px;			width:400px;		height:200px;}
#horario { position:absolute;		top:400px;		left:170px;			width:170px;		height:190px;}
#horario span {	font-weight:bold;	color:#383838;	padding-left:-10px;	text-decoration:underline;}
	#preciohorario {	position:absolute;	left:50px;	top:50px;	width:50px;	padding-top:-5px;
}	
	#cerrado { position:absolute;	top:450px;		left:400px;			width:150px;}
/*--------------------------------------------------------------------------*/


/*--------------------------------  LIGHTBOX  -------------------------------*/
#lightbox{	position: absolute;	left: 0;	width: 100%;	z-index: 100;	text-align: center;	line-height: 0;	}
#lightbox a img{ border: none; }
#outerImageContainer{	position: relative;	background-color: #fff;	width: 250px;	height: 250px;	margin: 0 auto;	}
#imageContainer{	padding: 10px;	}
#loading{	position: absolute;	top: 40%;	left: 0%;	height: 25%;	width: 100%;	text-align: center;	line-height: 0;	}
#hoverNav{	position: absolute;	top: 0;	left: 0;	height: 100%;	width: 100%;	z-index: 10;	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{	width: 49%;	height: 100%;	background: transparent url(img/lb/blank.gif) no-repeat; /* Trick IE into showing hover */	display: block;	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(img/lb/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/lb/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{	font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	overflow: auto;	width: 100%		}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{	position: absolute;	top: 0;	left: 0;	z-index: 90;	width: 100%;	height: 500px;	background-color: #000;	}
/*---------------------------------------------------------------------------*/



/*				FORECAST				*/
#forecast {position:absolute; 	top: 400px;		width:125px;		height:77px;		left:718px;		text-decoration:blink;}
/*--------------------------------------*/


/*				COME2BCN				*/
#come2bcnlogo {	position:absolute;	top: 560px;	width:142px;	height:36px;	left:170px;}
#come2bcntext {position:absolute; 	top: 560px;		width:165px;		height:34px;		left:330px;}
	#come2bcntext a, #come2bcntext a:visited, #come2bcn a:active {color:#000; padding-right:10px;}
/*--------------------------------------*/


/*				  INFOS  				*/
#infos {position:absolute;		height:25px;	width:170px;	top:590px;		left:700px;}
#infos a {color:#333;}
#infos img {margin-right:5px;	margin-left:5px;}
/*--------------------------------------*/