/* CSS document Bàsic */
body
{
margin:0px auto;
padding:0px;
background-color:#93BF25;
}
td.off {
background: url(../images/menu_bg.gif) 0px 0px repeat-x;
height:25px;
}
td.on{
background-color:#89B02B;
height:25px;
color:#FFFFFF;
}
td.mainoff {
background: url(../images/main_menu_bg.gif) -130px 0px no-repeat;
height:25px;
}
td.mainon{
background: url(../images/main_menu_bg.gif) 0px 0px no-repeat;
height:25px;
}
td.not{
	padding-top:1px;
	padding-bottom:1px;
	padding-right:5px;
	padding-left:5px;
	text-align:justify;
	}
.header_image_box
{
padding:0px 5px 4px;
background-color:#FFFFFF;
color: #5B5A5A;
}
.body_text_box
{
padding:20px 20px 15px 20px;
background-color:#FFFFFF;
color: #5B5A5A;
}
.body_left_bg
{
background:url(../images/body_left_bg.jpg) left top repeat-y;
width:8px;
}
.body_right_bg
{
background:url(../images/body_right_bg.jpg) left top repeat-y;
width:8px;
}
.footer_left_bg
{
background:url(../images/footer_left_bg.gif) left top no-repeat;
height:33px;
}
.box_top_line
{
background:url(../images/top_line.gif) left top repeat-x;
height:9px;
}
.box_left_line
{
background:url(../images/left_line.gif) left top repeat-y;
width:9px;
}
.box_right_line
{
background:url(../images/right_line.gif) left top repeat-y;
width:9px;
}
.box_bottom_line
{
background:url(../images/bottom_line.gif) left top repeat-x;
height:9px;
}
.input_box
{
	border: 1px solid #72550F;
	height: 15px;
	background-color: #EDE9D7;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #72550F;
	text-decoration: none;
	padding-left: 3px;
}
.input_box:hover{
  background-color: #FFFFFF;
}
.input_box_disabled
{
	border: 1px solid #C0C0C0;
	width: 80px;
	height: 12px;
	background-color: #EDE9D7;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 10px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #5B5A5A;
	text-decoration: none;
	padding-left: 3px;
}

.input_box_lliure
{
	border: 1px solid #999999;
	width: 80px;
	height: 12px;
	background-color: #EDE9D7;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 10px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #72550F;
	text-decoration: none;
	padding-left: 3px;
}


/* ----------------------imatges i fons de capes----------------------------- */
.menu_bg
{
background:url(../images/menu_bg.jpg) left top repeat-x;
height:27px;
}
.body_left_bg
{
background:url(../images/body_left_bg.jpg) left top repeat-y;
width:6px;
}
.body_right_bg
{
background:url(../images/body_right_bg.jpg) left top repeat-y;
width:6px;
}
.header_top_image
{
background:url(../images/logo2.gif) left top no-repeat;
height:130px;
}
.header_bottom_image
{
background:url(../images/header_bottom_image.jpg) left top no-repeat;
height:127px;
}

/* ------------------------CSS Text Document------------------------ */
body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #5B5A5A;
	text-decoration: none;
}
.menu_link {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 25px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	background-color:inherit;
	text-decoration: none;
}
.menu_link:hover
{
text-decoration:underline;
color:#FFFFFF;
background-color:inherit;
}

.left_menu_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #72550F;
	background-color:inherit;
	text-decoration: none;
}
.left_menu_link:hover
{
	text-decoration: underline;
	color: #89B02B;
	background-color: inherit;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #7AA01E;
	background-color: inherit;
	text-decoration: none;
}
a:hover
{
	color: #72550F;
	background-color: inherit;
}

.link_not {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-style:italic;
	line-height: 33px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #7AA01E;
	background-color: inherit;
	text-decoration: none;
}
.link_not:hover
{
	color: #72550F;
	background-color: inherit;
}


.footer_link {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 23px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #7AA01E;
	background-color:inherit;
	text-decoration: none;
}
.footer_link:hover
{
text-decoration:underline;
color:#456200;
background-color:inherit;
}

/* --------------------------estils personals---------------------------*/
.barra_bg{
	padding:6px 10px 3px 10px;
	font-weight:bold;
	color:#ffffff;
	background:url(../images/menu_bg.gif);
	}
.form_dada{
	padding: 2px 2px 2px 2px;
	text-align: right;
	width: 110px;
	font-weight: bold;
	font-size: 11px;
	vertical-align: top;
	}
.form_input{
	width:100px;
	}
.form_explicacio{
	font-size:9px;
	}
.text_error{
	font-size: 12px;
	color: #CC0000;
	font-weight:bold;
	}
.text_correcte{
	font-size: 12px;
	color: #7AA01E;
	font-weight:bold;
	}
.text_importan{
	font-weight: bold;
	color: #808080;
	}
.text_contingut{
	padding: 2px 2px 2px 4px;
	}
.text_contingut_interior{
	padding: 2px 2px 2px 4px;
	}
.highlight{
	text-transform:uppercase;
	color:#7AA01E;
	background-color:inherit;
	font-size:14px;
	font-weight:bold;
	}
.mesinfo{
	color: #5B5A5A;
	background-color: inherit;
	font-size: 11px;
	}
.titol_fosc{
	color: #5B5A5A;
	background-color: inherit;
	font-size: 14px;
	font-weight: bold;
	padding-left: 25px;
	line-height: 20px;	
	}
.titol_clar{
	color: #7AA01E;
	background-color: inherit;
	font-size: 13px;
	font-weight: bold;
}
.grafica{
  background-color: #8591A5;
  height: 5px;
  padding: 0;
  border: 0;
}
.graficBarra{
  text-align: center;
  color: #FFFFFF;
}

/* ----------------------estils del prototype--------------------------- */
.popup_effect1{
   background:#11455A;
   opacity: 0.2;
  }
.popup_effect2{
    background:#FF0041;
    border: 3px dashed #000;
  }
.alphacube_buttons input{
 	width:40%;
  }

/* ----------------------estils del editor------------------------------- */
.style3 {
	text-align: center;
	font-size: 30pt;
	font-family: "Berlin Sans FB";
	color: #5B5A5A;
	}
.style5 {
	color: #93BF25;
	}
.style6 {
	background-color: #FFFFFF;
	}

/* ---------------------estils de resultats de la cursa------------------- */
table.caixa_temps{
	border: 1px solid #5B5A5A;
	background-color: #FFFFFF;
	width: 480px;
	border-spacing: 3px;
}
.titol_caixa_temps{
	color: #89B02B;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	line-height: 20px;
	padding-left: 40px;
}
td.barra_temps{
	background-color: #808080;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Tahoma;
	font-size: 9px;
}
td.barra_millor_temps{
	background-color: #89B02B;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Tahoma;
	font-size: 9px;
}

table.taula_barra_temps{
	border: 0px;
	padding: 0px;
	border-spacing:0px;
}
td.td_taula_temps{
	border: 1px solid #5B5A5A;
	background-color: #FFFFFF;
}
td.formDades{
  background-color: #93BF25;
  text-align: right;
  color: #FFFFFF;
  width: 160px;
  vertical-align: top;
}
td.formCamps{
  background-color: #D9EEA6;
  text-align: left;
  vertical-align: top;
}
table.formDades{
  text-align: right;
  border: 0;
}

/*  autocompletar */

#demoDer { float:right; position:relative; }

.llista
{
	position:absolute;
	width:205px;
	background-color:#EDE9D7; color:#000000;
	border:1px dotted; border-color:#000000;
	z-index:1;
	top:18px;
	left:0px;
	display:none;
}

.resaltado
{
	background-color:#D9EEA6; color:#000000;
	cursor:pointer;
}

.normal
{
	background-color:#EDE9D7; color:#000000;
}

/* ----------------------------------------------------------------------------- */
/* estils generics */
/* ----------------------------------------------------------------------------- */

.xxxx_per_sobre{padding-top:25px;}
.xxx_per_sobre{padding-top:20px;}
.xx_per_sobre{padding-top:15px;}
.x_per_sobre{padding-top:10px;}
.per_sobre{padding-top:5px;}
.per_sota{padding-bottom:5px;}
.x_per_sota{padding-top:10px;}
.xx_per_sota{padding-top:15px;}
.xxx_per_sota{padding-top:20px;}
.xxxx_per_sota{padding-top:25px;}

.xxxx_per_esquerra{padding-left:25px;}
.xxx_per_esquerra{padding-left:20px;}
.xx_per_esquerra{padding-left:15px;}
.x_per_esquerra{padding-left:10px;}
.per_esquerra{padding-left:5px;}
.per_dreta{padding-right:5px;}
.x_per_dreta{padding-right:10px;}
.xx_per_dreta{padding-right:15px;}
.xxx_per_dreta{padding-right:20px;}
.xxxx_per_dreta{padding-right:25px;}

.gran{font-size:1.1em;}
.x_gran{font-size:1.2em;}
.xx_gran{font-size:1.3em;}
.xxx_gran{font-size:1.4em;}
.xxxx_gran{font-size:1.5em;}

negreta{font-weight:bold;}