body {
	background-color: #c3deda;
	font-family:Helvetica,Arial, sans-serif;
	font-size: 76%;
}
/**********************ATRIBUTS GENERALS**********************/
* 
{
    padding:0;
	margin:0;
}

img 
{
	border-width: 0;
}
hr
{
	border:1px dotted #3ecbea;
	border-bottom-style:none;
	border-top-style:dashed;
    color: #fff;
    background-color: #fff;
    height: 1px
}
h1 {
    margin: 0;
    padding: 0;
    visibility: hidden;
    font-size: 0px;
}
h2
{
	font-size:36px;
	font-family:Helvetica,Arial,sans-serif;
	letter-spacing:-2px;
	color:#55d9dc;
	line-height:38px;
}
h2 a
{
	text-decoration:none;
	color:#55d9dc;
}
h2 a:hover
{
	color:#000;
}
h3
{
	font-size:18px;
	font-family:Helvetica,Arial,sans-serif;
	letter-spacing:-1px;
	color:#000;
}
h4
{
	font-size:14px;
	font-family:Helvetica,Arial,sans-serif;
	letter-spacing:-1px;
	color:#92eddf;
}
h5
{
	font-size:14px;
	font-family:Helvetica,Arial,sans-serif;
	letter-spacing:-1px;
	color:#000;
}

.fl{float:left;}
.fr{float:right;}
.negre{color:#000;}
.gris{color:#a2a2a2;}
.blanc{color:#fff;}
.overflow{overflow:auto;}
.cleaner
{
	font-size:5px;
	margin:0px;
	padding:0px;
	display:block;
	clear:both;	
}
a 
{
	outline-style: none;
	cursor:pointer;
	
}
/***************PEU***************/
#peu
{
	height:20px;
	width:960px;
	padding-top:7px;
	background-color:#e0f1ef;
	margin-left:4px;
	text-align:center;
}
#peu a
{
	color:#000;
	text-decoration:none;
}
#peu a:hover
{
	
	text-decoration:underline;
}
/************CENTRAR LA PAGINA************/
.centrar
{
	background-image: url(../images/ombra.png);
	background-repeat: repeat-y;
	width: 968px;
	margin-left:-484px;
	left:50%;
	position: absolute;

}
/******************capsalera******************/
#capsalera
{
	padding:30px 0px 0px 30px;
	background-image: url(../images/bck_capsalera.jpg);
	background-repeat: no-repeat;
	margin-left:4px;
	height:131px;
}
#logo
{
	width:210px;
	float:left;
}
#engloba_formulari
{
	background-image: url(../images/bck_formulario.jpg);
	background-repeat: no-repeat;
	height:355px;
	margin-left:4px;

}
.destins
{
	padding:5px 0 0 30px;
	float:left;
}
.destins a
{
	text-decoration:none;
}
.foto_destins
{
	float:left;
	padding: 0 0 0 30px;	
}
#formulari
{
	float:right;
	width:690px;
}
#espai
{
	height:25px;
	width:960px;
	background-color:#edf5f4;
	margin-left:4px;
}
/**********************IDIOMES********************/

#engloba_idiomes_auth
{
	float:right;
	text-align:right;
}
#idiomes
{
	color:#FFFFFF;
	height:30px;
	margin-right:30px;
}
#idiomes a
{
	color:#FFFFFF;
	text-decoration:none;
}
#idiomes a:hover
{	
	color:#000;	
}
#auth
{
	height:90px;
	margin-right:4px;
	background-color:#FFF;
	text-align:left;
	width:130px;
	height:75px;
	padding-top:7px;
	padding-left:25px;

}
#auth select
{
	width:145px;
	font-size:9px;
}
#auth h3
{
	line-height:20px;
}

#fletxa
{

}
#imatge
{
	margin-left:4px;
}
/**********************NOTICIES********************/
.noticia
{
	margin:0px 10px 10px 0px;
	width:265px; height:220px;padding:0px 10px 0px 10px;border:1px solid #3ECBEA
	
}
.noticia h3
{
	line-height:20px;
	letter-spacing:normal;
	font-size:16px;
	padding-top:5px;
}
.noticia p
{
	font-style:italic;
	padding:0 0 5px 0;
}
.home
{
	height:150px;
	padding:0px;
	border:none;
		width:280px;
	padding:0px 25px 0 5px;
	margin:0px;
}

/**********************BOTO************************/
.boto 
{
    background:transparent url('../images/boto.jpg') no-repeat scroll right top ;
    display: block;
	color:#37b2cd;
	text-align:right;
	padding:0 10px 10px 0;
	line-height:16px;
	 
}
.boto input
{
	background:none;
	border:none;
	outline:0;
	width:90px;
	text-align:right;
	 
}

/*********************MENU***************************/
#menu
{
	padding:0px 0px 0px 34px;
	background-image:url(../images/bck_menu.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
#menu ul
{

}

#menu ul li
{
	display:inline;
	margin-right:20px;
	line-height:35px;
}
#menu ul li a
{
	color:#3ecbea;
	text-decoration:none;
	font-size:15px;
	font-weight:bold;
	letter-spacing:-1px;
	
}
#menu ul li a.active
{
	color:#000000;
	text-decoration:none;
}
#menu ul li a:hover
{
	color:#000000;
	text-decoration:none;
}
/*******************contenidor_principal****************/
#content
{
	background-color:#FFFFFF;
	margin-left:4px;
	width:960px;
	padding-bottom:5px;
}
/************************INDEX**********************/
#informacio
{
	padding:5px 27px 0px 30px;
	width:400px;
	float:left;
}
#inici
{
	padding:0px 5px 5px 0px;
	width:495px;
	float:right;
}
#inicia a
{
	outline:0;
	border:none;
	padding:0;
	margin:0;
}
#inici img
{
	padding:5px 0 0 5px;
	/*IE7*/#padding:2.5px 0 0 5px;


}
/*******************serveis*****************************/
#servicios
{
	padding:5px 0px 10px 30px;
	width:900px;
	min-height:210px;

}
.servicio
{
	text-align:left;
	font-size:11px;
	line-height:20px;
	list-style:inside;
}

#galeria
{
	padding:0px;
	width:495px;
	float:right;
}
#galeria img
{
	padding:2.5px 0 0 2.5px;

}
/**************************LOCALIZACION**************************/
#mapa
{
	margin:0 5px 5px 0;
	width:495px;
	height:366px;
	float:right;
}
.height{
	height:282px;
	/*IE7*/#height:270px;
}

/****************************CONTACTE*****************************/
.input_contacte
{
	width:100%;
	margin-bottom:10px;
	font-family:Helvetica,Arial, sans-serif;
	font-size:13px;
}
.enviar
{
	text-align:right;
}
.enviar img
{
	padding-left:5px;
}
/*****************************LIBRO HUESPEDES***************************/
#visitas
{
	padding:5px 0px 0px 30px;
	width:900px;
}
#engloba_huesped
{
	width:575px;
	float:left;
}
#formulario_libro_visitas
{
	width:300px;
	float:right;
}
#formulario_libro_visitas textarea,input
{
	width:295px;
	margin-bottom:5px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
}
.engloba_estrelletes
{
	width:75px;
	background-color:#3ecbea;
	float:right;
	margin:0 5px 0 5px;
}
.engloba_estrelletes img
{
	float:left;
	padding:2px;
}
.huesped
{
	width:48%;
	float:left;
	padding:0 2% 10px 0
}
.huesped p
{
	font-style:italic;
}
.huesped span
{
	color:#787878;
	font-style:normal;
}
#amagat_barcelona
{
	width:250px;
	float:right;
	position:absolute;
	margin-left:220px;
	list-style-type:none;
	display:none;
}
#amagat_madrid
{
	width:250px;
	float:right;
	position:absolute;
	margin-left:220px;
	list-style-type:none;
	display:none;
}
/********************************SUBMENU*********************/
div.submenu {
    background:transparent url(../images/submenu_dreta.png) no-repeat scroll right top ;
    display: block;
    float: left;
	font-size:20px;
	font-weight:bold;
	color:#fff;
    height: 40px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
	cursor:pointer;
}

div.submenu span {
    background:url(../images/submenu_esquerra.png) no-repeat ;
    display: block;
    line-height: 40px;
    padding: 0px 0px 5px 10px;
	
} 
div.submenu:hover {
    background:transparent url(../images/submenu_dreta_hover.png) no-repeat scroll right top ;
    display: block;
    float: left;
	font-size:20px;
	font-weight:bold;
	color:#fff;
    height: 40px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
	cursor:pointer;
}
div.submenu span:hover {
    background:url(../images/submenu_esquerra_hover.png) no-repeat ;
    display: block;
    line-height: 40px;
    padding: 0px 0px 5px 10px;
	
}