body {
	background-image: url(../images/sq.jpg);
	background-color: #AAAAAA;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

/***************************************
capas contenidos
***************************************/

#contenedora{
	position:absolute;
	width: 766px;
	height: 460px;
	top: 50%;
	left: 50%;
	margin-left: -383px;
	margin-top: -205px;
	background-color: #FFFFFF;
	background:url(../imatges_interior/sombra_tira_Y.jpg);
}

#contenedora2{
	position:relative;
	width: 721px;
	height: 444px;
	background-color: #FFFFFF;	
	border:double;
	border-color: #e6e6e6;
	left:18px;
	top:7px;
}
a{
	color: #31aaeb;
	text-decoration:none;
}
a:hover{
	color: #000000;
	text-decoration:none;
}

#cabecera{
	position:relative;
	width: 721px;
	height: 83px;
	left: 0px;
	top: 0px;
	z-index:1;
}

#sub_cabecera{
	position:relative;
	width: 720px;
	height: 2.5em;
	left: 0px;
	top: -32px;
	background-image: url(../imatges_interior/trama.jpg);
	background-repeat:repeat-x;
	background-color: #cbd2d8;

}
#sub_cabecera .letra{
	color:#ffffff;
	margin-left:15px;
	font-size:17px;
}

#titulo{
	position:relative;
	left:480px;
	top:-70px;
	height:32px;
	width:235px;
	z-index:2;
}

#titulo .titl_nom{
	font-size:16px;
	color: #31aaeb;
}
#titulo .title_cons{
	color: #000000;
}
#titulo a,a:hover .title_cons{
	color: #000000;
}

#sombra_sup{
position:absolute;
	height:5px;
	width:766px;
	background-image: url(../imatges_interior/sombra_sup.jpg);
	background-repeat:repeat-x;
	
}
#sombra_inf{
	position:absolute;
width:766px;
	height:5px;
	background-image: url(../imatges_interior/sombra_inf.jpg);
	top:460px;
	background-repeat:repeat-x;
}
#inf{
	position:relative;
	height:305px;
	width:700px;
	top:-30px;
	overflow:auto;
	padding:10px;
}
#informacion{
	position:relative;
	width: 680px;
	height:300px;
	float:left;
	left: 0px;		
	text-align:justify;	
	padding:0px;

}
#fotoMain{
	position:relative;
	width:250px;
	height:300px;
	left:0px;
	padding:0px;
	float:right;
	top:-25px;
}
#fotoMain img{
	position:relative;
	left:-10px;
}
/***********************************
menu horitzontal
***********************************/

#menu_horitzontal{
 	text-align:left;
 	position:absolute;
	top:57px;
	width:426px;
	left:293px;
	z-index:2;
}

#menu_horitzontal ul, li {
	list-style-type: none;
	white-space:nowrap;
	border-style:none;	
	margin: 0;
	padding: 0;
}

#menu_horitzontal li {
	display:inline;
}

#menu_horitzontal a{
 	display:inline;
	display: list-item;
	text-decoration:none;
	font-size:11px;
	color:#000000;
	text-align:center;
}

#menu_horitzontal a:hover{
 	display:inline;
	display: list-item;
	text-decoration:none;
	font-size:11px;
	color:#FFFFFF;
	text-align:center; 
}

/*************************************
sub_menus
*************************************/
#submenu{
	position:absolute;
	top: 95px;
	width:89%;
	left:25px;
	height:25px;
	text-align:center;
	padding:6px;
	padding-left:20px;
	padding-right:20px;
}
#submenu a{
	position:relative;
	width:94%;
	padding:6px;
	text-align:center;
	padding-left:20px;
	padding-right:20px;
	text-decoration:none;
	color:#000000;
	left:95px;
}
#submenu a:hover{
	position:relative;
	width:94%;
	padding:6px;
	text-align:center;
	padding-left:20px;
	padding-right:20px;
	text-decoration:none;
	color:#ffffff;
}
#submenu a:active{
	position:relative;
	width:94%;
	padding:6px;
	text-align:center;
	padding-left:20px;
	padding-right:20px;
	text-decoration:none;
	color:#31aaeb;
}
#submenu activo{
	position:relative;
	width:94%;
	padding:6px;
	text-align:center;
	padding-left:20px;
	padding-right:20px;
	text-decoration:none;
	color:#31aaeb;	
}
/*************************************
clases dels enllaços
*************************************/

.qui{
    position:absolute;
	top: -1px;
	left: 0px;
    width:66px;
    height:22.5px;

}
.qui:hover{
    position:absolute;
	top: -1px;
	left: 0px;
    width:66px;
    height:22.5px;
	background-image: url(../imatges_interior/trama_menu.jpg);
	color:#FFFFFF;
}

.cuines{
        position:absolute;
	top: -1px;
        width:62px;
        height:22.5px;
	left:67px;

}
.cuines:hover{
        position:absolute;
	top: -1px;
	left:67px;
        width:62px;
        height:22.5px;
	background-image: url(../imatges_interior/trama_menu.jpg);
}

.banys{
        position:absolute;
	top: -1px;
	left:130px;
        width:60px;
        height:22.5px;

}
.banys:hover{
        position:absolute;
	top: -1px;
	left:130px;
        width:60px;
        height:22.5px;
	background-image: url(../imatges_interior/trama_menu.jpg);
}

.superficies{
        position:absolute;
	top: -1px;
	left:191px;
        width:90px;
        height:22.5px;

}
.superficies:hover{
        position:absolute;
	top: -1px;
	left:191px;
        width:90px;
        height:22.5px;
	background-image: url(../imatges_interior/trama_menu.jpg);
}

.enllacos{
        position:absolute;
	top: -1px;
	left:282px;
        width:71px;
        height:22.5px;

}
.enllacos:hover{
        position:absolute;
	top: -1px;
	left:282px;
        width:71px;
        height:22.5px;
	background-image: url(../imatges_interior/trama_menu.jpg);
}

.contacte{
        position:absolute;
	top: -1px;
	left:354px;
        width:71px;
        height:22.5px;

}
.contacte:hover{
        position:absolute;
	top: -1px;
	left:354px;
        width:72px;
        height:22.5px;
	background-image: url(../imatges_interior/trama_menu.jpg);
}

/*****************************
 ** Estils menu idioma ** 
 *****************************/
 div.menu_idioma{
 	position:absolute;
	top:-20px;
	width:100%;
	height:10px;
	right:25px;
	z-index:1;

 }
 div.menu_idioma ul, div.menu_idioma li {
	list-style-type: none;
	white-space:nowrap;
	border-style:none;	
	margin: 0;
	padding: 0;
}
 div.menu_idioma li {
	display:inline;
}
 div.menu_idioma a.catala{
 	background: url("../imatges_interior/idiomes.gif") no-repeat 0px -54px;
	width:45px;
	height:10px;
	 display:inline;
	display: list-item;
	float:right;
	text-decoration:none;
	color:#cccccc;
padding-left:20px;
 }
  div.menu_idioma a.catala:hover{
 	background: url("../imatges_interior/idiomes.gif") no-repeat 0px 0px ;	
	color:#31aaeb;
padding-left:20px;
 }
 div.menu_idioma a.castella{
 	background: url("../imatges_interior/idiomes.gif") no-repeat -70px -54px;
	width:85px;
	height:10px;
	display:inline;
	display: list-item;
	float:right;
	text-decoration:none;
	color:#cccccc;
padding-left:20px;
 }
   div.menu_idioma a.castella:hover{
 	background: url("../imatges_interior/idiomes.gif") no-repeat -70px 0px;	
	color:#31aaeb;
padding-left:20px;
 }
  div.menu_idioma a.castellaSel{
 	background: url("../imatges_interior/idiomes.gif") no-repeat -70px -27px;
	width:85px;
	height:10px;
	display:inline;
	display: list-item;
	float:right;
	text-decoration:none;
	color:#ffffff;
padding-left:20px;
  }
  div.menu_idioma a.catalaSel{
 	background: url("../imatges_interior/idiomes.gif") no-repeat 0px -27px;
	width:45px;
	height:10px;
	 display:inline;
	display: list-item;
	float:right;
	text-decoration:none;
	color:#ffffff;
padding-left:20px;
  }
  div.menu_idioma a.catalaSel:hover, a.castellaSel:hover{
  	cursor:default;
  }
  
  /*******************************************
  clases formato
  ********************************************/
   .imagen_derecha{	
  	float:right;
	padding:0px;
	border:0px;
	margin:25px;
  	}
	a img.imagen_derecha, a img.imagen_derecha:visited, a img.imagen_derecha:active{
	text-decoration:none;
	border:1px solid #cccccc;
	}
	a img.imagen_derecha:hover{
	text-decoration:none;
	border:1px solid #31aaeb;
	}
	.imagen_izquierda{
	  	float:left;
		padding:0px;
		border:0px;
		margin:25px;
	}
	a img.imagen_izquierda, a img.imagen_izquierda:visited, a img.imagen_izquierda:active{
	text-decoration:none;
	border:1px solid #cccccc;
	}
	a img.imagen_izquierda:hover{
	text-decoration:none;
	border:1px solid #31aaeb;
	}
	.imagen_normal{
	  	float:left;
		padding:0px;
		border:0px;
		margin:20px;
	}
	a img.imagen_normal, a img.imagen_normal:visited, a img.imagen_normal:active{
	text-decoration:none;
	border:1px solid #cccccc;
	}
	a img.imagen_normal:hover{
	text-decoration:none;
	border:1px solid #31aaeb;
	}
	
	
  	.imagen_cabecera{
		padding:0px;
		border:0px;
  	}
	.contacto_infor{
		position:absolute;
		width:180px;
		padding:20px;
		top:20px;
		left:50px;
	}
	.contacto_form{
		position:absolute;
		width:340px;
		padding-top:20px;
		top:20px;
		left:310px;
	}
	.contacto_enviado{
		position:absolute;
		width:200px;
		top:270px;
		left:430px;
	}