/*Exemple de diferents estils. Es poden agafar com a referencia.*/
html,
body{
	margin: 0;
	padding: 0;
	height: 100%;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: justify;
}

img{
	border: none;
}

h1 {
	font-size: 16px;
	/*color: #9d9b9b;*/
	margin: 0 0 8px 0;
	font-weight: bold;
	display: none;
}

h2 {
	font-size: 18px;
	color: #ff8a00;
	margin: 0;
	font-weight: bold;
	text-align: center;
	text-transform:uppercase;
}

h3 {
	/*color:#9d9b9b;*/
	font-size:15px;
	font-weight:bold;
	margin:0 0 8px 0;
}

h4 {
	color:#ff8a00;
	font-size:12px;
	font-weight: bold;
	margin:5px 0 0 0;
}

a{
	color: #9d9b9b;
	text-decoration: none;
}

#capcalera {
	width: 877px;
	height: 140px;
	background: #ffffff url(../images/capcalera.jpg) no-repeat;
}
a:hover {
	color: #ff8a00;
	text-decoration:none;
}

ul#gris{
	color:#9d9b9b;
}

ul{
	margin: 0px;
	padding: 0;
	list-style: disc;
	line-height:15px;
}
 
#main-1{
	background: #ffffff url(../images/bg-main-1.jpg) repeat-x;
	height: 100%;
	width: 100%;
	position: relative;
}

#main-1 .inner{
	position: absolute;
	top: 0;
	width: 50%;
	height: 94px;
}

#page{
	position: relative;
	width: 880px;
	margin: 0 auto;
	overflow: hidden;
}

#page ul li.left{
	float: left;
}
#page ul li.right{
	float: right;
	background: none;
}

#page #header_options {
	width: 873px;
	float: none;
	display: block;
	overflow: hidden;
	margin: 0;
	margin-top: 10px;
	padding: 0 0 6px 0;
}

#page #header_options .top-nav{
	float: left;
	overflow: hidden;
	margin: 0;
	padding: 0 0 0 5px;
	list-style: none;
	position: relative;
}

#page #header_options .top-nav li{
	float: left;
	padding: 0 2px 0 9px;
	background: url(../images/separate-li-left.gif) no-repeat 0 4px;
}
#page #header_options .top-nav li.first{
	background: none;
	padding-left: 4px
}
#page #header_options .top-nav li a{
	color: #9d9b9b;
	text-decoration: none;
}
#page #header_options .top-nav li a:hover{
	color: #ff8a00;
	text-decoration:none;
}

#page #header_options .idiomes{
	float: right;
	overflow: hidden;
	margin: 0;
	padding: 0 0 0 5px;
	list-style: none;
	position: relative;
}
#page #header_options .idiomes li{
	float: left;
	padding: 0 6px 0 6px;
	background: url(../images/separate-li-footer.gif) no-repeat 0 2px;
}
#page #header_options .idiomes li.first{
	background: none;
	padding-left: 4px
}
#page #header_options .idiomes li a{
	color: #9d9b9b;
	text-decoration: none;
}
#page #header_options .idiomes li a:hover{
	color: #ff8a00;
	text-decoration: none;
}

#page .left-block{
	width: 200px;
	float: left;
	margin: 5px 6px 0 0;
}

#page .right-block{
	width: 671px;
	float: right;
	padding: 3px 0 0 0;
	margin-top: 10px;
}

#imatges {
	margin-left: 40px;
}

.mostra_galeria {
	min-height: 150px;
}
* html .mostra_galeria {
	height: 150px;
}

.mostra_galeria_v {
	min-height: 210px;
}

.mostra_galeria img, .mostra_galeria_v img{
	float: left;
	margin-right: 10px;
	width: 150px;
}

.fotos_grups {
	background:#BDBEBE none repeat scroll 0 0;
	display:block;
	float:left;
	height:100px;
	overflow:hidden;
	width:100px;
	margin-bottom: 15px;
	margin-right: 25px;
}

.imatge_h {
	height: 75px;
	width: 100px;
}
.imatge_v {
	height:100px;
	width:75px;
}
.fotos_dissabte1, .fotos_dissabte2 {
	margin-top: 0px;
	padding: 10px;
	float: left;
}

	
.fotos_dissabte2 {
	float: right;
}

.esquerra, .dreta {
	padding: 10px;
}

.esquerra {
	float: left;
}

.dreta {
	float:right;
}

/*Inici de caixes arrodonides per noticia. By http://www.schillmania.com*/
.dialog { 
	 margin:0px;
	 min-width:20em;
	 color:#000000;
}

.dialog .hd .c,
.dialog .ft .c {
	font-size:1px; /* ensure minimum height */
	height:13px;
}

.dialog .ft .c {
	height:14px;
}

.dialog .hd {
	background:transparent url(../images/tl.jpg) no-repeat 0px 0px;
}

.dialog .hd .c {
	background:transparent url(../images/tr.jpg) no-repeat right 0px;
}

.dialog .bd {
 background:transparent url(../images/ml.jpg) repeat-y 0px 0px;
}

.dialog .bd .c {
 background:transparent url(../images/mr.jpg) repeat-y right 0px;
}

.dialog .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#ffffff url(../images/ms.jpg) repeat-x 0px 0px;
 padding:1em;
}
.dialog .bd .c .min_grups {
 min-height: 280px;
}

.dialog .bd .c .s .data {
	float: right;
}

.dialog .bd .c .s h3{
	float: left;
}

.dialog .bd .c .s .especial {
	float: none;
	margin: 0px;
}

.dialog .ft {
 background:transparent url(../images/bl.jpg) no-repeat 0px 0px;
}

.dialog .ft .c {
 background:transparent url(../images/br.jpg) no-repeat right 0px;
}

/*Inici de caixes arrodonides per noticia. By http://www.schillmania.com*/
.dialog_enquesta {
 margin:0px;
 margin-left: 5px;
 /*min-width:20em;*/
 color:#ffffff;

}

.dialog_enquesta .hd_enquesta .c_enquesta,
.dialog_enquesta .ft_enquesta .c_enquesta {
 font-size:1px; /* ensure minimum height */
 height:13px;
}

.dialog_enquesta .ft_enquesta .c_enquesta {
 height:14px;
}

.dialog_enquesta .hd_enquesta {
 background:transparent url(../images/tl.gif) no-repeat 0px 0px;
}

.dialog_enquesta .hd_enquesta .c_enquesta {
 background:transparent url(../images/tr.gif) no-repeat right 0px;
}

.dialog_enquesta .bd_enquesta {
 background:transparent url(../images/ml.gif) repeat-y 0px 0px;
}

.dialog_enquesta .bd_enquesta .c_enquesta{
 background:transparent url(../images/mr.gif) repeat-y right 0px;
}

.dialog_enquesta .bd_enquesta .c_enquesta .s_enquesta {
 margin:0px 8px 0px 4px;
 background:#000000 url(../images/ms_negre.jpg) repeat-x 0px 0px;
 padding:1em;
}

.dialog_enquesta .ft_enquesta {
 background:transparent url(../images/bl.gif) no-repeat 0px 0px;
}

.dialog_enquesta .ft_enquesta .c_enquesta{
 background:transparent url(../images/br.gif) no-repeat right 0px;
}

.enquesta_bot, .enquesta_botHovered {
background:transparent url(../images/button_enquesta.gif) no-repeat scroll left top;
border:medium none;
color:#FFFFFF;
cursor:pointer;
display:block;
height:26px;
width:79px;
}

.enquesta_botHovered{
background-position:left bottom;
}

.paginacio {
	float:right;
	font-size:12px;
	height:100%;
	line-height:16px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	overflow:hidden;
	padding:0 6px;
}
.paginacio li {
	float:left;
	padding-right:5px;
}
.paginacio li a {
	background: grey;
	color:#666666;
	cursor:pointer;
	float:left;
	height:16px;
	overflow:hidden;
	padding: 10px 12px 10px 12px;
	font-size: 21px;
	color: white;
}
.paginacio li a span {
	background-color:grey;
	color:#FFFFFF;
}
/*Estils pel menú*/
/*- Menu 4--------------------------- */
	
#menu {
	width: 180px;
	margin: 10px;
	border-style: solid solid none solid;
	border-color: #000000;
	border-width: 1px;
}

#menu ul {
	list-style: none;
	text-decoration:none;
}

li.ne a, li.ne span {
	
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
}	
	
li.ne a:link, li.ne a:visited, li.ne span {
	color: #cccccc;
	display: block;
	background:  url(../images/menu_ne.jpg);
	padding: 8px 0 0 10px;
}
	
li.ne a:hover, li.ne span:hover {
	color: #ffffff;
	background:  url(../images/menu_ne.jpg) 0 -32px;
	padding: 8px 0 0 10px;
}			
	
li.tj a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	display: none;
}	
	
li.tj a:link, li.tj a:visited {
	color: #ffffff;
	display: block;
	background:  url(../images/menu_tj.jpg);
	padding: 8px 0 0 0px;
}
	
li.tj a:hover {
	color: #ffffff;
	background:  url(../images/menu_tj.jpg) 0 -32px;
	padding: 8px 0 0 0px;
}

/*Imatges per seccions*/
.section_images {
	float: left;
	margin: 80px 15px 0px 0px;
	width: 200px;
}

.section_images p {
	margin-bottom: 30px;
	font-weight: bold;
}

/*Submenu*/
/*- Menu Tabs J--------------------------- */
#submenu {
	float:left;
	width:100%;
	background:#ffffff;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #24618e;
}
#submenu ul {
	margin:0;
	padding:10px 10px 0 5x;
	list-style:none;
}
#submenu li {
	display:inline;
	margin:0;
	padding:0;
}
#submenu a {
	float:left;
	background:url(../images/submenu_left.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 5px;
	text-decoration:none;
}
#submenu a span {
	float:left;
	display:block;
	background:url(../images/submenu_right.gif) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#24618e;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#submenu a span {float:none;}
/* End IE5-Mac hack */
#submenu a:hover span {
	color:#ffffff;
}
#submenu a:hover {
	background-position:0% -42px;
}
#submenu a:hover span {
	background-position:100% -42px;
}

/*Inici de contacta*/
.email_ok {
	border: 2px solid green;
	text-align: center;
	font-weight: bold;
	color: green;
	height: 20px;
}

.email_ko {
	border: 2px solid red;
	text-align: center;
	font-weight: bold;
	color: red;
	height: 20px;
}
/*Fi de contacta*/
/*Inici de formulari*/
#formulari {
	display: block;
	width: 100%;
}
#formulari fieldset	{
	border: none;
	padding: 0;
	float: none;
	/*width: 550px;*/
	display: block;
	overflow: hidden;
	border: 0;
}
#formulari legend{
	border: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	/*color: #5E5D5C;*/
	padding: 10px;
	margin: 0px;
}
#formulari p	{
	margin: 0px;
	padding: 0px;
	width: 100%;
	float: none;
	overflow: hidden;
	display: block;
	clear: both;
}
#formulari label	{
	float: left;
	overflow: hidden;
	display: block;
	margin: 4px;
	padding: 4px 0;
}
#formulari span	{
	/*color: #9D9B9B;*/
	float: left;
	padding: 0px 8px 0px 0;	
}

#formulari span.radio	{
	padding: 8px 8px 0px 0;
}

#formulari span.bold	{
	/*color: #9D9B9B;*/
	float: left;
	padding: 0px 8px 0px 0;
	font-weight: bold;
}
#formulari input,
#formulari select,
#formulari textarea	{
	color: #9D9B9B;
	margin: 0px 4px 0px 0;
	padding: 0 1px;
	float: left;
}

#formulari input{
	margin: 4px 4px 0px 0;
}

#formulari select,
#formulari textarea{
	margin: 0px 4px 0px 0;
}

#formulari input.camp_text	{
	width: 300px;
	margin: 0px 14px 0px 0;
	left: 370px;
	border: 1px solid #4f4f4f;
	color: #4f4f4f;
	float: left;
	position: absolute;
}

#formulari input.camp_text_focus	{
	width: 300px;
	margin: 0px 14px 0px 0;
	left: 370px;
	border: 1px solid #ff8a00;
	color: #ff8a00;
	float: left;
	position: absolute;
}

#formulari textarea.camp_text	{
	width: 300px;
	margin: 0px 14px 0px 0;
	left: 370px;
	border: 1px solid #4f4f4f;
	color: #4f4f4f;
	float: left;
	position: absolute;
}

#formulari textarea.camp_text_focus	{
	width: 300px;
	margin: 0px 14px 0px 0;
	left: 370px;
	border: 1px solid #ff8a00;
	color: #ff8a00;
	float: left;
	position: absolute;
}

#formulari .separador_formulari {
	margin: 215px 0px 0px 0px;
}

/*Fi de formulari*/
/*footer*/
#footer{
	width: 671px;
	clear: both;
	padding: 10px 0 0 0px;
}
#footer ul{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 672px;
}
#footer ul li{
	float: left;
	background: url(../images/separate-li-footer.gif) no-repeat 0 2px;
	padding: 0 5px 0 6px;
}
#footer ul li a{
	color: #9d9b9b;
	text-decoration: none;
}
#footer ul li a:hover{
	text-decoration: none;
}
#footer ul li.first{
	background: none;
	padding-left: 0;
}
#footer p{
	clear: both;
	margin: 0;
	color: #000000;
}