/* CSS Document */

a:focus {outline:none;}
.link_menus{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	text-decoration:none;
	padding-top: 12px;
	padding-bottom: 13px;
	padding-right: 20px;
	padding-left: 20px;
	}

		a:link.link_menus		{color:#ffffff; background-image:url(../imatges/grafica/link-menu-on.gif); background-repeat:repeat-x; }
		a:visited.link_menus	{color:#ffffff; background-image:url(../imatges/grafica/link-menu-on.gif); background-repeat:repeat-x; }
		a:hover.link_menus		{color:#ffffff; background-image:url(../imatges/1pix.gif); background-repeat: repeat;}
		a:active.link_menus		{color:#ffffff; background-image:url(../imatges/grafica/link-menu-on.gif); background-repeat:repeat-x; }



/* ------------------------------  Textes - Arial -------------------------------- 
   ------------------------------------------------------------------------------- */
   
.arial_9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 13px;
}

.arial_10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
}

.arial_11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
}

.arial_12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

.arial_13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
}

.arial_14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
}

.arial_15 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 19px;
}


/* -------------------------  Textes - Arial Gris Clar  -------------------------- 
   ------------------------------------------------------------------------------- */

.arial_9_gris_clar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 13px;
	color:#666666;
}

.arial_10_gris_clar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color:#666666;
}

.arial_11_gris_clar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color:#666666;
}

.arial_12_gris_clar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color:#666666;
}

.arial_13_gris_clar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	color:#666666;
}

.arial_14_gris_clar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color:#666666;
}

.arial_15_gris_clar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 19px;
	color:#666666;
}


/* -------------------------  Textes - Arial Gris Fosc  -------------------------- 
   ------------------------------------------------------------------------------- */

.arial_9_gris_fosc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 13px;
	color:#333333;
}

.arial_10_gris_fosc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color:#333333;
}

.arial_11_gris_fosc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color:#333333;
}

.arial_12_gris_fosc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color:#333333;
}

.arial_13_gris_fosc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	color:#333333;
}

.arial_14_gris_fosc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color:#333333;
}

.arial_15_gris_fosc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 19px;
	color:#333333;
}



/* -------------------------  Textes - Arial Color  -------------------------- 
   ------------------------------------------------------------------------------- */

.arial_9_color {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 13px;
	color:#96001c;
}

.arial_10_color {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color:#96001c;
}

.arial_11_color {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color:#96001c;
}

.arial_12_color {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color:#96001c;
}

.arial_13_color {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	color:#96001c;
}

.arial_14_color {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color:#96001c;
}

.arial_15_color {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 19px;
	color:#96001c;
}



/* -------------------------  Textes - Arial Color 2 -------------------------- 
   ------------------------------------------------------------------------------- */

.arial_9_color2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 13px;
	color:#e6bf42;
}

.arial_10_color2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color:#e6bf42;
}

.arial_11_color2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color:#e6bf42;
}

.arial_12_color2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color:#e6bf42;
}

.arial_13_color2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	color:#e6bf42;
}

.arial_14_color2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color:#e6bf42;
}

.arial_15_color2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 19px;
	color:#e6bf42;
}

.arial_15_colorv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 19px;
	color:#e1002a;
}

/* ------------------------------- Color Text ------------------------------------ 
   ------------------------------------------------------------------------------- */
   
.text_gris_CCC 	{color:#CCCCCC}
.text_gris_999 	{color:#999999}
.text_gris_666 	{color:#666666}
.text_gris_333 	{color:#333333}
.text_blanc 	{color:#FFFFFF}
.text_color	    {color:#96001c}
.text_color_clar{color:#b1adc4}
.text_color2	{color:#e6bf42}

	

/* -------------------------------- Titols --------------------------------------- 
   ------------------------------------------------------------------------------- */


.titols_arial_17	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 21px;
	}

.titols_arial_17_color	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 21px;
	color:#e1002a;}

.titols_arial_17_color2	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 21px;
	color:#e6bf42;
	}
.titols_arial_21_color2	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	line-height: 21px;
	color:#e6bf42;	
	}
.titols_arial_30	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 30px;
	}


.titols_arial_30_color	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 30px;
	color:#96001c;
	}
.titols_gran{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 35px;
	line-height: 40px;
	color:#96001c;
	}
	

.titols_arial_30_color2	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 30px;
	color:#e6bf42;
	}
	


.titol_petit_color	{
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 22px;
	COLOR: #96001c;
}


.titol_seccio_color	{
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 25px;
	COLOR: #96001c;
	font-weight:bold;
}
		


/* ------------------------------- Marcs Taules ---------------------------------- 
   ------------------------------------------------------------------------------- */

.marc_taula_gris_CCC {border: 1px solid #cccccc;}
.marc_taula_gris_666 {border: 1px solid #666666;}
.marc_taula_gris_333 {border: 1px solid #333333;}
.marc_taula_color {border: 1px solid #96001c;}
.marc_taula_color2 {border: 1px solid #e6bf42;}


/* ---------------------------- Color Fons Taules -------------------------------- 
   ------------------------------------------------------------------------------- */

.fons_gris{background-color: #e1e0e0;}
.fons_gris_clar{background-color: #f5f5f5;}
.fons_gris_fosc{background-color: #999999;}



/* ------------------------------- Linia Puntets --------------------------------- 
   ------------------------------------------------------------------------------- */

.linea_puntets_color {
padding-top: 1px; border-bottom: #96001c 1px dotted;
}


.linea_puntets_color2 {
padding-top: 1px; border-bottom: #e6bf42 1px dotted;
}


.linea_puntets_gris_CCC {
padding-top: 1px; border-bottom: #CCCCCC 1px dotted;
}



/* ---------------------------------- Botons ------------------------------------- 
   ------------------------------------------------------------------------------- */

.boto_negre {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 11px;
	border: 0px solid #666666;
	background-color: #000;
	line-height: 14px;
	padding-left:1px; padding-right:1px; padding-top:1px; padding-bottom:1px;
	width: 60px;
}


.boto_negre_mig {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 11px;
	border: 0px solid #666666;
	background-color: #000;
	line-height: 14px;
	padding-left:1px; padding-right:1px; padding-top:1px; padding-bottom:1px;
	width: 100px;
}


.boto_negre_llarg {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 11px;
	border: 0px solid #666666;
	background-color: #000;
	line-height: 14px;
	padding-left:1px; padding-right:1px; padding-top:1px; padding-bottom:1px;
	width: 120px;
}



/* --------------------------------- Links --------------------------------------- 
   ------------------------------------------------------------------------------- */

.link_color_subratllat{
	text-decoration:none; }

		a:link.link_color_subratllat		{color:#96001c}
		a:visited.link_color_subratllat		{color:#96001c}
		a:hover.link_color_subratllat		{color:#96001c; text-decoration:underline;}
		a:active.link_color_subratllat		{color:#96001c}
		
		
	
.link_color2_subratllat{
	text-decoration:none; }

		a:link.link_color2_subratllat		{color:#e6bf42}
		a:visited.link_color2_subratllat	{color:#e6bf42}
		a:hover.link_color2_subratllat		{color:#e6bf42; text-decoration:underline;}
		a:active.link_color2_subratllat		{color:#e6bf42}



.link_gris666_subratllat{
	text-decoration:none; }

		a:link.link_gris666_subratllat		{color:#666666}
		a:visited.link_gris666_subratllat	{color:#666666}
		a:hover.link_gris666_subratllat		{color:#666666; text-decoration:underline;}
		a:active.link_gris666_subratllat	{color:#666666}
	

.link_gris333_subratllat{
	text-decoration:none; }

		a:link.link_gris333_subratllat		{color:#333333}
		a:visited.link_gris333_subratllat	{color:#333333}
		a:hover.link_gris333_subratllat		{color:#333333; text-decoration:underline;}
		a:active.link_gris333_subratllat	{color:#333333}


.link_blanc_subratllat{
	text-decoration:none; }

		a:link.link_blanc_subratllat		{color:#ffffff}
		a:visited.link_blanc_subratllat		{color:#ffffff}
		a:hover.link_blanc_subratllat		{color:#ffffff; text-decoration:underline;}
		a:active.link_blanc_subratllat		{color:#ffffff}


.link_blanc_color{
	text-decoration:none; }

		a:link.link_blanc_color			{color:#ffffff}
		a:visited.link_blanc_color		{color:#ffffff}
		a:hover.link_blanc_color		{color:#96001c}
		a:active.link_blanc_color		{color:#ffffff}


.link_color_blanc{
	text-decoration:none; }

		a:link.link_color_blanc			{color:#96001c}
		a:visited.link_color_blanc		{color:#96001c}
		a:hover.link_color_blanc		{color:#ffffff}
		a:active.link_color_blanc		{color:#96001c}


.link_blanc_color_subratllat{
	text-decoration:none; }

		a:link.link_blanc_color_subratllat		{color:#ffffff}
		a:visited.link_blanc_color_subratllat	{color:#ffffff}
		a:hover.link_blanc_color_subratllat		{color:#96001c; text-decoration:underline;}
		a:active.link_blanc_color_subratllat	{color:#ffffff}


.link_color_blanc_subratllat{
	text-decoration:none; }

		a:link.link_color_blanc_subratllat		{color:#96001c}
		a:visited.link_color_blanc_subratllat	{color:#96001c}
		a:hover.link_color_blanc_subratllat		{color:#ffffff; text-decoration:underline;}
		a:active.link_color_blanc_subratllat	{color:#96001c}




/* ----------------------------- Formularis  --------------------------------------- 
   ------------------------------------------------------------------------------- */

input {
border: 1px solid #cfcfcf;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-bottom:0px; padding-left:8px; padding-right:8px; padding-top:1px;
	background:url(../imatges/grafica/boxinput.jpg) repeat-x;
	background-color:#FFFFFF;

	}
input:focus {background:#fff;}


textarea {
border: 1px solid #cfcfcf;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-bottom:0px; padding-left:8px; padding-right:8px; padding-top:1px;
	background:url(../imatges/grafica/boxinput.jpg) repeat-x;
	background-color:#FFFFFF;
	}
textarea:focus {background:#fff;}


.txt_form{
	font-family: tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	color:#666666;
}
.txt_form_bto{
	font-family: tahoma, Arial, Verdana, sans-serif;
	font-size: 13px;
	color:#666666;
}




/* ------------------------------- ESTILS SUBMENÚS --------------------------------------- 
   --------------------------------------------------------------------------------------- */

.urbangreymenu{
width: 200px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 12px Arial, sans-serif;
color: white;
background:url(../imatges/grafica/link-menu-onp.gif) repeat-x;
background-color:#96001c;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
padding: 5px 20px 5px 8px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0;
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: bold 12px Arial, sans-serif;
color: black;
background: #e5e5e5;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: #000000;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: #000000;
background: #CCCCCC;
}


/* ------------------------------- ESTILS partocinadors --------------------------------------- 
   --------------------------------------------------------------------------------------- */

.patrocinador{
width: 175px; /*width of menu*/
}

.patrocinador .headerbar{
font: bold 12px Arial, sans-serif;
color: white;
background:url(../imatges/grafica/link-menu-onp.gif) repeat-x;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
padding: 5px 0 5px 8px; /*31px is left indentation of header text*/
}

.patrocinador ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0;
}

.patrocinador ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.patrocinador ul li a{
font: normal 10px Arial, sans-serif;
color: #666666;
background: #e5e5e5;
display: block;
padding: 5px 0;
line-height: 13px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.patrocinador ul li a:visited{
color: black;
}

.patrocinador ul li a:hover{ /*hover state CSS*/
color: #ffffff;
background: #cccccc;
}



/* ---------------------------------- Botons ------------------------------------- 
   ------------------------------------------------------------------------------- */

.boto_negre {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 11px;
	border: 0px solid #666666;
	background-color: #000;
	line-height: 14px;
	padding-left:1px; padding-right:1px; padding-top:1px; padding-bottom:1px;
	width: 60px;
	height: 22px;
}


.boto_negre_mig {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 11px;
	border: 0px solid #666666;
	background-color: #000;
	line-height: 14px;
	padding-left:1px; padding-right:1px; padding-top:1px; padding-bottom:1px;
	width: 100px;
}


.boto_negre_llarg {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 11px;
	border: 0px solid #666666;
	background-color: #000;
	line-height: 14px;
	padding-left:1px; padding-right:1px; padding-top:1px; padding-bottom:1px;
	width: 120px;
}