/********************************************************************\ 
 * www.apartamentoexpress.com stylesheet                            *
 * by 28 Motivos Estudio Gráfico: www.28motivos.com                 *
 *                                                                  *
\********************************************************************/

html {border:0px; /* @ IE/Win, hide the viewport's border */}
html, body {margin:0px;}
body {
	padding:0px; 
	font:62.5% Verdana, Arial, sans-serif; 
	color:#000; background:#fff;
	text-align:center; /* IE5.5 */ 
	min-width:760px; /* NS6: igual o més ample que #wrapper */
}
div, ul, li, h1, h2, h3, h4, h5, h6, p {margin:0px; padding:0px;}
h4, h5, h6 {font-weight:normal;}
p {font-size:1em; line-height:1.2em; margin-bottom:1em;}
hr {display:none;}
ul {list-style-type:none;}
ul li {list-style-type:none;}
ol {margin-left:2em;}
ul ul {margin-left:1em;}
img {border:none; margin:0px;}
a {text-decoration:none; color:#ccc; background-color:#fff;}
a:hover {color:#008BCC; background-color:#fff;}
a:focus, a:active {outline:none;}
address {font-style:normal;}

/* tables */
table {border-collapse:collapse; border-spacing:0px; caption-side:top; empty-cells:show;}
caption, td, th {vertical-align:top; text-align:left;}

/* text */
abbr[title], acronym[title], dfn[title] {border-bottom:0px; font-style:normal; cursor:help;}
a abbr[title], a acronym[title], a dfn[title] {cursor:inherit;}
blockquote, cite, em, q {font-style:italic;}
q:before {content:"";}
q:after {content:"";}
strong {font-weight:bold;}

form {clear:both; margin:0px;/* IE */ width:90%;  padding:20px; }
input, select, textarea {
	margin-bottom:5px; 
	width:97%;
	font-size:1em;
	font-family:Verdana, Arial, sans-serif;
	line-height:1em;
	/*padding: 0.3em 1em;*/
	border:1px solid #fff;
	}
input, textarea {padding:1px 3px;}
label {font-size:1em; color:#fff; background:#008BCC;}
textarea {margin:0px; margin-bottom:5px;}


form .item {width:90%;}
form .item div.label {float:left; width:30%; text-align:right; }
form .item div.field { margin-left:33%; }
input.submit {cursor:pointer; width:auto;  border:1px solid #fff; color:#008BCC; background:#fff; font-weight:bold;}


.clearer {clear:both;}
.accesshidden { text-indent:-9000px; font-size:0px; line-height:0px; position:absolute; top:-9000px; left:-9000px;}
.bold {font-weight:bold;}
.required {color:#B50128; background-color:#ccc;}

.gmap {color:#000; background-color:#fff;}
.gmap span {color:#008BCC; background-color:#fff;}

#container {
	width:760px;
	margin:18px auto 0px auto;
	text-align:left; /* restore IE5.5 */
	position:relative;
	}
h1 {font-size:2em; margin-left:17px; text-indent:-9000px; width:331px; height:19px; color:#000; background:#fff url(imatges/common/titular.jpg) no-repeat 0px 0px; }

h3 {
	font-size:1em;
	color:#fff; background-color:#008BCC;
	text-transform:uppercase; padding:2px 0px;
	margin:1em 0em;
	}
	
ul#language { position:absolute; right:0px; top:0px;}
ul#language li {float:left; margin-right:5px;}


#body {color:#000; background-color:#fff;}

#main {
	width:500px; height:460px;
	float:left;
	color:#fff; background-color:#ccc;
	position:relative;
	}
	
	#navigation ul {float:left; position:relative; left:17px; top:20px; z-index:100; width:465px; }
	#navigation ul li {float:left; z-index:100; }
	
	#navigation ul li a, #navigation ul li span {
		display:block; margin-right:5px;
		width:84px; height:64px;
		border:1px solid #fff;
		color:#fff; 
		background-color:#008BCC;
		text-transform:lowercase;
		font-weight:bold;
		padding:3px 0px 0px 3px;
		cursor:pointer;
		}
		
	#navigation ul li a.last {margin-right:0px;}
	
	#navigation ul li a:hover {
		color:#000; 
		background-color:#dcdcdc;
		}

	.marc, .content, .content1, .fonsfoto {
		width:470px; clear:left;
		margin-top:34px;
		margin-left:14px;
		margin-right:14px;
		margin-bottom:14px;
		color:#fff;
		background-color:#008BCC;
		}
	.marc {border:1px solid #fff; height:390px;}
	.content1 {color:#008BCC; background-color:#ccc;}	
	.fonsfoto {border:1px solid #fff; color:#000; background-color:#fff; padding:0px; border-bottom-width:0px;}
	
	.scrollable { height:390px; overflow:auto;}
	.scrollable div {width:420px; padding:10px;}
	
	#curimg {background-color:#ccc;}	
		
	ul#galeria {float:right; position:relative; right:15px; top:5px; color:#fff; background-color:#ccc; }	
	ul#galeria li {float:left; padding-left:5px;  font-weight:bold; cursor:pointer;}	
	
	#info ul {margin-left:1em;}

#secondary {
	width:250px; height:510px;/*460*/
	float:right;
	color:#000; background-color:#ccc;
	position:relative;
	}
	
	#publi {margin:5px; margin-left:14px;}

	#publi_mallorcar {margin:5px; margin-left:14px; }
		
	#cal, #map {margin:5px; margin-left:14px; /*14*/}
	#cal {width:212px; height:148px; color:#000; background-color:#ccc;}

	#calendari { width:210px; margin-top:0px; margin-bottom:3px;} /* margin top:21 */
	
	#llegenda {width:212px; padding:0px 20px 6px 20px;/*0px 20px 10px 20px */ float:right;border-bottom:4px solid #fff;  clear:both; margin-bottom:8px;}

		#llegenda span {padding-left:16px; color:#fff; background-color:#ccc; background-position:0% 50%; background-repeat:no-repeat;}
			#disponible {float:left; background-image:url(imatges/common/blanc.gif);}
			#nodisponible {float:right; background-image:url(imatges/common/cel.gif);}
	
	
	#map {width:220px; height:190px; color:#000; background-color:#fff; margin:0px 0px 14px 14px; padding-top:12px;}
	#map h2 {
		margin:0px 12px 5px 12px;
		font-size:1.1em;
		text-align:center;
		color:#fff; background-color:#008BCC;
		text-transform:uppercase; padding:2px 0px;
		}
		
	#map #themap {margin:0px 12px 0px 12px; width:195px; height:155px; overflow:hidden;}	
	#themap img {cursor:pointer;}
	#thebigmap {width:730px;  }