@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	background:url(../images/fons/fons.jpg) repeat-x #E8F6FF;
	font-family:verdana;
}
h1{
	position:absolute;
	visibility:hidden;
}
div {
	position:relative;
}
#principal{
	width:982px;
	left:50%;
	margin-left:-490px;
	background:white;
}
/*----------CAPSALERA----------------*/
#capsalera{
	width:100%;
	height:145px;
	background:url(../images/fons/capsalera.jpg);
}
/*----------MENU--------------------*/
#menu {
	position:absolute;
	height:33px;
	float:left;	
	left:1px;
	top:100px;
	font-size:0.7em;
	z-index:20;
}
#opcions_menu {
	list-style-type:none;
	padding:0;
	margin:0;
	border-top:solid 1px #2B84B8;
	border-bottom:solid 1px #2B84B8;
}
#opcions_menu li{
	position:relative;
	display:block;
	float:left;
	position:relative;
	display:block;
	float:left;
	height:27px;
}
#opcions_menu li a:link, #opcions_menu li a:visited{
	color:white;
	text-decoration:none;
}
#opcions_menu li a:hover {
	color:#326D8F;
}
#opcions_menu li div{
	position:relative;
	background:url(../images/fons/menu.jpg);
	border-right:solid 1px #2B84B8;
	padding:8px 15px 0 15px;
	height:27px;
	cursor:pointer;
	color:white;
}
#opcions_menu li:hover div{
	position:relative;
	background:none;
	padding:8px 15px 0 15px;
	height:27px;
	color:white;
}
/*----------------------SELECTED----------------*/
#opcions_menu li div.selected{
	position:relative;
	display:block;
	float:left;
	color:#326D8F;
	background:white;
	padding-bottom:10px;
	border-right:none;
}
#opcions_menu li div.desplegableSelected{
	position:relative;
	background:none;
	padding:8px 15px 0 15px;
	height:27px;
	color:white;
}
/*----------------------DESPLEGABLE----------------*/
#opcions_menu ul{
	position:absolute;
	display:none;
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	background:red;
	left:0;
	top:35px;
	border:solid 1px #2B84B8;
	background:#F2FAFD;
	filter:alpha(opacity=92); /* Para IE */
	-moz-opacity:.92; /* Para Firefox */
	opacity:.92; /* Browsers que soporten CSS3 */
	z-index:21;
}
#opcions_menu ul li{
	width:150px;
	height:auto;
	margin:0;
	padding:8px;
}
#opcions_menu ul li a:link, #opcions_menu ul li a:visited{
	color:#326D8F;
}
#opcions_menu ul li:hover{
	background:#DFF0F8;
	filter:alpha(opacity=100); /* Para IE */
	-moz-opacity:1; /* Para Firefox */
	opacity:1; /* Browsers que soporten CSS3 */
}
#opcions_menu li:hover ul{
	display:block;	
}

/*----------CONTINGUT--------------*/
#contingut{
	width:950px;
	border-left:solid 1px #E6E6E6;
	border-right:solid 1px #E6E6E6;
	border-bottom:solid 1px #E6E6E6;
	min-height:400px;
	overflow:hidden;
	padding:0 0 35px 30px;
	background:url(../images/imagotip.jpg) no-repeat bottom right;
}
#homeBanner{
	width:921px;
	height:315px;
	background:url(../images/fons/home.jpg);
	margin:0 0 25px 0;
}
#animacio {
	float:right;
}
#bannerText {
	float:left;
	width:470px;
	padding:15px;
}
#bannerText h2{
	font-family:Times new Roman;
	font-size:24px;
	font-weight:normal;
	font-style:italic;
	color:white;	
	text-shadow:0 1px 0 silver;
	margin:0;
	padding:0;
}
#bannerText p{
	margin:10px 0 0 15px;
	padding:0;
	line-height:18px;
	font-size:0.7em;
	color:white;
}
#bannerText ul{
	list-style-type:none;
	width:100%;
	margin:20px 0 0 10px;
	padding:0;
}
#bannerText ul li{
	float:left;
	margin:10px 10px 0 0;
}
/*-----------XIXA--------------------*/
#text {
	width:630px;
	float:left;
	min-height:200px;
	margin:0 0 20px 0;
}
#text h2{
	font-family:Times new Roman;
	font-size:24px;
	font-weight:normal;
	font-style:italic;
	color:#2B84B8;	
	text-shadow:0 1px 0 silver;
	margin:0;
	padding:0;
	width:100%;
	border-bottom:solid 1px #5CAAD8;
}
#text h3{
	font-family:Arial;
	font-size:18px;
	font-weight:normal;
	font-style:italic;
	color:#2B84B8;	
	text-shadow:0 1px 0 silver;
	margin:20px 0 0 0;
	padding:0;
}
#text p{
	margin:10px 0 0 15px;
	padding:0;
	line-height:18px;
	font-size:0.7em;
	color:#666666;
}
#text p.nota{
	margin:10px 0 0 15px;
	padding:0;
	line-height:15px;
	font-size:0.6em;
	color:silver;
}
#text ul{
	list-style-type:square;
	color:#5CAAD8;
	margin:15px 0 15px 60px;
	padding:0;
}
#text table{
	width:90%;
	font-size:0.7em;
}
#text table th{
	font-weight:normal;
	text-align:left;
	border-collapse:collapse;
	border-bottom:solid 2px #1978A4;
	padding:10px 0 10px 10px;
	color:#2980AD;
}
#text table td{
	padding:10px 0 10px 20px;
	border-bottom:solid 1px #1978A4;
	color:#5CAAD8;
}
#text table.datesFees{
	width:100%;
	font-size:0.7em;
	table-layout:fixed;
}
#text a:link{
	text-decoration:none;
	color:#5CAAD8;
}
#text a:hover{
	color:#9FEAFF;
}
#text a:visited{
	text-decoration:none;
}
div.goBack {
	position:absolute;
	float:right;
	right:0;
	margin-top:-16px;
	font-size:0.7em;
	background:url(../images/iconos/up.png) no-repeat left center;
	padding:0 0 0 15px;  
	
}
/*----------FORMULARIS--------------*/
.error {
  display: block;
  width: 90%;
  height: 22px;
  line-height: 22px;
  color: #FFFFFF;
  font-weight: bold;
  background: #FF9D9D url(../images/stop.gif) no-repeat 10px center;
  padding: 3px 10px 3px 40px;
  margin: 10px 0;
  border-top: 2px solid #FF0000;
  border-bottom: 2px solid #FF0000;
  font-family:verdana;
  font-size:0.7em;
}
#formulari fieldset{
	border:solid 1px silver;
	margin:0;
	padding:10px 0;
} 
#formulari legend{
	font-family:arial;
	font-style:italic;
	font-size:0.9em;
	color:silver;
}
#formulari div{
	width:100%;	
	padding:0;
	margin:10px 0 0 0;
	right:20px;
	text-align:right;
}
#formulari div p{
	float:left;
	padding:0;
	margin:0;
	width:230px;
}
#formulari div p span{
	color:#5CAAD8;
	font-style:italic;
}
#formulari div input.text{
	width:380px;
	height:14px;
	font-size:0.7em;
}
#formulari div input.textCurt{
	width:150px;
	height:14px;
	font-size:0.7em;
	margin:0 230px 0 0;
}
#formulari div textarea{
	width:380px;
	height:100px;
	font-size:11px;
	font-family:verdana;
}
#formulari div#submitForm{
	text-align:center;
	font-size:0.7em;
}
/*----------FOTOS-----------------*/
#text ul.fotos {
	position:relative;
	list-style-type:none;
	margin:15px 0 15px 0;
	padding:0;
	width:630px;
}
#text ul.fotos li{
	float:left;
	width:125px;
	text-align:center;
}
#text ul.fotos li img{
	border:solid 2px #5CAAD8;
}
/*----------LATERAL-----------------*/
#lateral{
	width:240px;
	margin:0 30px 0 0;
	float:right;
	font-size:0.7em;
}
#lateral h3{
	font-size:11px;
	color:white;
	margin:0;
	padding:0;
}
#lateral ul{
	list-style-type:none;
	margin:35px 0 0 0;
	padding:0;
}
#lateral ul li{
	margin:0 0 15px 0;
}
#lateral div.titular{
	height:20px;
	width:100%;
	background:#5CAAD8;
	border:solid 1px #2B84B8;
	color:white;
}
#lateral div.titular img{
	float:left;
	margin:2px 10px 0 2px;
}
#lateral div.titular p{
	margin:0;
	padding:0;
	margin:3px 0 0 0;
}
#lateral div.contenido{
	width:89%;
	background:#F3FFFF;
	border-left:solid 1px #2B84B8;
	border-right:solid 1px #2B84B8;
	border-bottom:solid 1px #2B84B8;
	color:black;
	line-height:18px;
	padding:8px;
	margin:0 0 -1px 10px;
}
#lateral div.contenido a:link, #lateral div.contenido a:visited {
	text-decoration:none;
	color:#61AAD3;
}
#lateral div.contenido a:hover{
	color:#326D8F;
}
/*--------------PEU--------------*/
#peu {
	position:relative;
	height:20px;
	width:980px;
	left:50%;
	font-size:0.7em;
	color:#5CAAD8;
	margin:3px 0 0 -490px;
}
#peu div#copy{
	width:245px;
	font-size:10px;
	float:left;
}
#peu div#menuPeu{
	width:490px;
	font-size:10px;
	float:left;
	text-align:center;
}
#peu div#disseny{
	position:absolute;
	right:0;
	top:0;
}
#peu a:link, a:visited {
	color:#5CAAD8;
	text-decoration:none;
	font-size:10px;
}
#peu  a:hover {
	color:#326D8F;
	text-decoration:none;
	font-size:10px;
}

#facebook{
	margin:20px;
}
#facebook img{
	position:relative;
	top:4px;
}