@charset "UTF-8";
/* CSS Document */
body {
margin:0 auto;
background:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#contenedor {
width:800px;
height:615px;
margin-top:0;
margin-left:auto;
margin-right:auto;
background:#ffffff;
}
#idiomes {
float:right;
width:100%;
height:15px;
background:#ffffff;
text-align:right;
}
#header {
width:100%;
height:90px;
background:#ffffff;
border-top:#0099cc solid 5px;
border-bottom:#0099cc solid 5px;
}
#main {
width:100%;
height:325px;
background:#ffffff;
border-bottom:#0099cc solid 5px;
padding:0;
margin:0;
}
#main_fotos {
width:100%;
height:375px;
background:#ffffff;
border-bottom:#0099cc solid 5px;
padding:0;
margin:10px 0 0 0;
}
#main_form {
width:100%;
height:355px;
background:#ffffff;
border-bottom:#0099cc solid 5px;
padding:0;
margin:5px 0 0 0;
}
#main_fotos p,a, a:hover, a:active {
font-size:10px;
}
#footer {
width:100%;
height:181px;
background:#ffffff;
padding:0;
margin:0;
}
/*Header*/
#logo_header {
float:left;
margin:10px;
width:385px;
}
#menu_header {
float:left;
margin-top:10px;
margin-left:0;
margin-right:0;
padding:0;
padding:0;
width:385px;
background:#ffffff;
height:70px;
}
#menu {
float:left;
margin:0;
padding-top:8px;
padding-left:0;
}
ul#menu {  
	list-style:none;
	text-align: center; /* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */
	margin: 0 0 5px 0; /* Just some margin to align the blue border below the menu */
	}
ul#menu li {
	padding:0 3px;
	float:left;
	}
ul#menu li a {
	display:block;
	width:70px;
	height:23px;
	text-decoration:none;
	}
ul#menu li a:hover {
	background-position:bottom;
	}
ul#menu li a span {
	display:none;
	}
.current {
	background-position:bottom;
	}
#inici {
	background-image:url(../images/inici_1.jpg);
	}
#tour_3d {
	background-image:url(../images/tour_3d_1.jpg);
	}
#memories {
	background-image:url(../images/memories_1.jpg);
	}
#fotos {
	background-image:url(../images/fotos_1.jpg);
	}
#contacte {
	background-image:url(../images/contacte_1.jpg);
	}
#inici_es {
	background-image:url(../es/images/inici_1.jpg);
	}
#tour_3d_es {
	background-image:url(../es/images/tour_3d_1.jpg);
	}
#memories_es {
	background-image:url(../es/images/memories_1.jpg);
	}
#fotos_es {
	background-image:url(../es/images/fotos_1.jpg);
	}
#contacte_es {
	background-image:url(../es/images/contacte_1.jpg);
	}
/*Footer show images*/
ul.ppt {
	position: relative;
	margin:0;
	padding:0;
}

.ppt li {
	list-style-type: none;
	position: absolute;
	top: 0;
	left: 0;
}

.ppt img {
padding:0;
}
/*Tipography*/
h2 {
font-size:16px;
color:#999999;
margin-right:10px;
font-weight:normal;
}
p {
font-size:11px;
color:#0099cc;
font-weight:normal;
}
.idioma {
font-size:10px;
color:#0099cc;
font-weight:normal;
}
.idioma a {
font-size:10px;
color:#999999;
font-weight:bold;
text-decoration:none;
}
.idioma a:hover {
font-size:10px;
color:#ffcc00;
font-weight:bold;
text-decoration:none;
}
.idioma .current {
font-size:10px;
color:#0099CC;
font-weight:bold;
text-decoration:none;
}
/*Google maps*/

#map {
width:375px;
height:180px;
margin:0;
padding:0;
text-align:left;
margin-bottom:2px;
border:#0099cc solid 1px;
}
.mapa {
font-size:10px;
color:#666666;
text-align:left;}
.googlemaps {
background: url(../images/googlemaps.jpg) right top no-repeat;
}