@charset "utf-8";
/* CSS Document */
.padTopBot10 {padding: 10px 0 10px 0}
.enblanc a, .enblanc a:hover{color:#FFFFFF}
.align_left {text-align:left}
.amaga { display:none}
.mostra { display:}
.capPatro1{ overflow:hidden; zoom:1; height: 50px; margin: 0 0 10px 0; background:#CCC url(img/bg_patro_650.jpg) no-repeat right top; }
.capPatro1 .esquerra { float: left; padding: 15px 0 0 10px; color:#FFFFFF; font-size: 14px; font-weight:bold; }
.capPatro1 .esquerra a{ color:#FFFFFF}
.capPatro1 .esquerra a:hover {text-decoration:underline}
.titolPorra {font-size:16px}
.capPatro1 .dreta {float:right}
.capPatro2{ margin:10px 0 10px; overflow:hidden; zoom:1; background:#eee; padding:0 15px 0 0; color:#000000 }
.modLoginPorra{ padding:10px; overflow:hidden; zoom:1; color:#fff; background-color: #333; height:220px }
.modLoginPorra a{color:#fff}
.modLoginPorra .foto{float:left;width:320px;position:relative}
.modLoginPorra .foto img{display:block}
.modLoginPorra .fitxa{float:right;width:295px}
.modLoginPorra h2{font-size:3.6em;line-height:1;color:#fff;letter-spacing:-1px;padding:0 0 10px}
.modLoginPorra p{ font-size:12px; padding:10px 0 10px 0}
.modLoginPorra p.usuari { background: url(http://www.esport3.cat/img/ico_login.gif) 10px 10px no-repeat #ec7404; padding:10px 40px !important; height:15px; }
.modLoginPorra p.nou { background:url(http://www.esport3.cat/img/ico_newuser.gif) 10px 10px no-repeat #ec7404; padding:10px 40px !important;height:15px;  }
.modLoginPorra h3{font-size:1.2em;color:#669900;padding:0 0 10px}
.modLoginPorra .boto a{display:block;width:77px;padding:3px 0 6px;background: url(/img/bg_boto77x22.gif) no-repeat 0 0;text-align:center;font-weight:bold;font-size:12px;margin:0;color:#fff !important}
.modLoginPorra .boto a:hover{text-decoration:none}
.modLoginPorra .campForm {font-size:12px}
.modLoginPorra .campForm label {color:#CCCCCC}
.modLoginPorra .campForm input {margin-bottom:10px}
.modLoginPorra .patroLogin {} 
.modLoginPorra .patroLoginOK { 	height:39px; clear: both; overflow: hidden; background: url(../img/patropetit.jpg) no-repeat right top #333333; }
#marcador { background: #333 url(img/bg_marcador.jpg) no-repeat 10px bottom; height: 85px; width: 650px; overflow:hidden; }
#marcador .esquerra { float: left; width:250px; }
#marcador .esquerra .titol { font-size:14px; color:#669900; font-weight:bold; padding:0 0 0 10px; height:27px; margin-top: 10px; }
#marcador .esquerra .usuari, #marcador .esquerra .equip { font-size:12px; font-weight:bold; padding-left:75px; height:18px }
#marcador .dreta { padding: 40px 0 0 0; float: left; }
#marcador .dreta .punts { font-size:24px; font-weight:bold; text-align: center; width: 70px; float: left; padding-left: 55px; }
#marcador .dreta .bonus { font-size:24px; font-weight:bold; text-align: center; width: 70px; float: left; padding: 0 10px 0 45px;  }
#marcador .dreta .rank { font-size:10px; width: 30px; float: left; padding: 18px 20px 0 18px; text-align: center; font-weight: bold; }
#marcador .dreta .acumulat { font-size:10px; width: 62px; float: left; padding: 18px 0 0 0; text-align: center; font-weight: bold; }
.porraText {font-size:12px; color:#FFFFFF; padding:10px; background-color:#333333}
.porraTextBlanc {font-size:12px; color:#000; padding:10px; background-color:#fff}
.porraTextBlanc a{color:#000}
.porraTextBlanc h4 { margin-top:10px; color:#669900; font-weight:bold}
#equip_on { width:650px; background-color:#333333; height: 343px; padding: 0 0 10px 10px; font-size:12px;  color:#000000; }
#equip_on_blanc { width:630px; background-color:#fff; padding: 0 10px 10px 10px; font-size:12px; color:#000000; overflow: auto; }
#usuari_on { width:650px; background-color:#333333; padding: 10px; font-size:12px; color:#FFFFFF; }
.col310{ float:left; width:310px; margin: 0 10px 0 0; overflow:hidden; }
.col310_nomargin{float:left;width:310px;overflow:hidden}
.taulaScroll { overflow:auto; height: 313px; width: 310px; background-color:#FFFFFF; background-image: url(img/bg_taula.gif); }

/*ranquings*/
.taulaRankPorra { overflow:auto; background: #FFF url(img/bg_taula.gif)}
.taulaRankPorra caption { text-align:left; font-weight:bold; color: #FFFFFF }
.taulaRankPorra th {text-align:left; background-color: #000; height:17px; color:#FFFFFF; padding-left:5px}
.taulaRankPorra th.nom { width:200px }
.taulaRankPorra td { height:17px; margin:0; padding:0 0 0 5px }
.taulaRankPorra td a {color: #990000}
.taulaRankPorra td.num {text-align:right; padding-right:10px; width:40px}
.captionRank {padding: 9px 0 7px 40px; background-color:#333333 !important}
#cap_rank_parcial {background-color:#FFFFFF}
#cap_rank_parcial h2 { font-size:14px; color:#669900; font-weight:bold; padding:10px 0 0 10px; height:27px; margin-top: 10px }
.font10 {font-size:10px}
.taulaMini {height: 170px}
.fonsEquip { background: #333333 url(img/bg_equip.jpg) no-repeat left top;  height: 343px;}
.fonsEquip h5 { font-size:14px;  font-weight:bold;	color:#000000; 	padding:10px; 	height:35px }
.fonsEquip p { font-size:12px; color:#000000; padding:10px}
.fonsEquip .boto a{ display:block; width:77px; padding:3px 0 6px; background: url(/img/bg_boto77x22.gif) no-repeat 0 0; text-align:center; font-weight:bold; font-size:12px; margin:0 10px 0 auto; color:#fff !important }
.equip_seleccionat {font-size:16px; font-weight:bold; text-align:center; height:35px}
.taulaPorra { width:293px; background-image: url(img/bg_taula.gif); background-attachment: scroll; 	background-repeat: repeat;}
.taulaPorra th {display:none}
.taulaPorra td { height:17px; margin:0; padding:0 }
.taulaPorra td .num {width:100; text-align:right; padding: 0 10px 0 15px; }
.taulaPorra td .num_color {width:100; text-align:right; padding: 0 10px 0 15px; background-color:#FFCC00}
.taulaPorra td .num_over { width:100; text-align:right; padding: 0 10px 0 15px; background-color:#FFCC66 }
.fonsTitolet { background:#FFFFFF url(/img/bg_tit.gif) repeat-x scroll 0 0; height: 30px; }
.fons_taronja { background-color: #FFCC00; width:237px; padding:0 0 0 10px; height:15px}
.fons_over { background-color: #FFCC66; width:237px; padding:0 0 0 10px; height:15px}
.fons_normal { background-color:; width:237px; padding: 0 0 0 10px}
#taula_equips_off { background-image: url(img/bq_equips_off.jpg);  background-repeat: no-repeat; background-position: left top; height: 343px; width: 310px; }
#boto_loading{margin:0 10px 0 auto;width:77px;padding:3px 0 6px;background: url(img/ajax-loader.gif) no-repeat 32px 3px;text-align:center; background-color:#000000}
.gp { background-color:#FFFFFF; color:#000000; width:630px; padding:5px 0; margin: 0; border-top: thin dashed #669900; height: 24px }
.gp .nom { 	width:230px; float:left; padding:5px 0 0 30px; font-weight:bold}

/*banderes paisos*/
.gp99 {background: url(img/f00.gif) no-repeat 5px 10px #FFFFFF}
.gp00 {background: url(img/f01.gif) no-repeat 5px 10px #FFFFFF}
.gp01 {background: url(img/f02.gif) no-repeat 5px 10px #FFFFFF}
.gp02 {background: url(img/f03.gif) no-repeat 5px 10px #FFFFFF}
.gp03 {background: url(img/f04.gif) no-repeat 5px 10px #FFFFFF}
.gp04 {background: url(img/f05.gif) no-repeat 5px 10px #FFFFFF}
.gp05 {background: url(img/f06.gif) no-repeat 5px 10px #FFFFFF}
.gp06 {background: url(img/f07.gif) no-repeat 5px 10px #FFFFFF}
.gp07 {background: url(img/f08.gif) no-repeat 5px 10px #FFFFFF}
.gp08 {background: url(img/f09.gif) no-repeat 5px 10px #FFFFFF}
.gp09 {background: url(img/f10.gif) no-repeat 5px 10px #FFFFFF}
.gp10 {background: url(img/f11.gif) no-repeat 5px 10px #FFFFFF}
.gp11 {background: url(img/f12.gif) no-repeat 5px 10px #FFFFFF}
.gp12 {background: url(img/f13.gif) no-repeat 5px 10px #FFFFFF}
.gp13 {background: url(img/f14.gif) no-repeat 5px 10px #FFFFFF}
.gp14 {background: url(img/f15.gif) no-repeat 5px 10px #FFFFFF}
.gp15 {background: url(img/f16.gif) no-repeat 5px 10px #FFFFFF}
.gp16 {background: url(img/f17.gif) no-repeat 5px 10px #FFFFFF}
.gp17 {background: url(img/f18.gif) no-repeat 5px 10px #FFFFFF}
.gp18 {background: url(img/f19.gif) no-repeat 5px 10px #FFFFFF}


.gp .circuit {width:145px; float:left; padding:5px 0 0 0}
.gp .datagp {width:70px; float:left; padding:5px 0 0 0}
.gp .hora {width:85px; float:left; padding:5px 0 0 0}
.gp .botogp { width:60px; height:21px; padding: 3px 0 0 0; float:left; color:#FFFFFF; font-weight:bold; text-align:center; cursor: pointer }
.btConsulta { background:url(img/bt_gris.gif) no-repeat #000000 }
.btObert { background:url(img/bt_verd.gif) no-repeat #000000 }
.btTancat { background:url(img/bt_vermell.gif) no-repeat #000000 }
.btCanviar { background:url(img/bt_taronja.gif) no-repeat #000000 }
.botoAtacar { background:url(img/bt_vermell.gif) no-repeat #000000; width:60px; height:21px; padding: 3px 0 0 0; float: right; color:#FFFFFF; font-weight:bold; text-align:center }
.sensevora {border:none !important}
.gpResult { background-color:#FFFFFF; color:#000000; width:630px; padding:5px 0; margin: 0; overflow: hidden; font-size:12px; }
.gpResult .esquerra { width:300px;  float:left; background-color: #FFFFFF;  overflow: hidden; padding:0 0 0 10px; margin: 0 10px 10px 0;}
.gpResult .dreta { width:300px; float:left; background-color: #FFFFFF; overflow: hidden; padding:0 0 0 0; }
.esq_1 { width:77px; float:left; margin-right:7px; height:22px; }
.esq_2 {width:150px; float:left; margin-right:6px; height:19px;}
.esq_3 {width:60px; float:left; height:22px;}
.capMenugp {background: url(img/cap.gif) no-repeat; text-align:center; font-weight:bold; color:#FFFFFF; padding-top:3px}
.n1 {background:url(img/n1.gif) no-repeat right}
.n2 {background:url(img/n2.gif) no-repeat right}
.n3 {background:url(img/n3.gif) no-repeat right}
.n4 {background:url(img/n4.gif) no-repeat right}
.n5 {background:url(img/n5.gif) no-repeat right}
.p1 {background-color:#669900; height:22px}
.p2 {background-color:#66A300; height:22px}
.p3 { background-color:#66AD00; height:22px }
.p4 { background-color:#66B700; height:22px }
.p5 { background-color:#66C100; height:22px }
.e1 {background-color:#666600; height:22px}
.e2 {background-color:#8A8A00; height:22px}
.e3 { background-color:#9F9F00; height:22px }
.e4 { background-color:#C1C100; height:22px }
.b1 {height:22px; background:url(img/ftv3.gif) no-repeat right top #FF9900}
.b2 {height:22px; background:url(img/fblog.gif) no-repeat right top #FFCC66}
.a1 {height:22px; background:url(img/ffet.gif) no-repeat right top #006600}
.a2 {height:22px; background:url(img/freb.gif) no-repeat right top #990000}
.nompilot {float:left; color:#FFFFFF; font-weight:bold; height:20px; padding: 3px 0 0 10px}
.fotopilot {float:right}
.margePeu2 { margin-bottom:2px}
.puntsPorra {background-color:#333333; height:20px; width:25px; text-align:right; padding:3px 5px 0 0; color:#FFFFFF; float:left}
.pDre {float:right;}
.bgPunts { background: url(img/bt_punts.gif) no-repeat left top }
.bgBonus { background: url(img/bt_bonus.gif) no-repeat left top }
.resPeu { background: url(img/bg_res_peu.gif) no-repeat left top; height:30px; width:460px; margin-left:94px; font-weight:bold; text-align:right; padding-top:8px; overflow: hidden; color:#FFFFFF }
.resPeu .punts {width:212px; float:left}
.resPeu .bonus {width:86px; float:left}
.resPeu .rank {width:129px; float:left}
.modificaParticipacio { margin-left:150px;  height:40px; cursor: pointer}
.formulariCodis {color:#000000; height:20px; width:146px; margin:0; padding:2px; border:0}

/*slider*/
div.slider { width: 290px; height: 16px; background-color: #CCCCCC; margin: 0 10px 0 10px; }
div.slider div.knob { width: 16px; height: 16px; background-color: #339900; }
div#fontSize { height: 1px; }

/*avís*/
#avisporra { background:url(/img/bg_dg_gris.jpg) repeat-x #CCC; width:650px; overflow:auto; margin: 10px 0 }
#avisporra img { float:left; padding:10px}
#avisporra h4 { font-size:14px; color:#000; padding:10px}
#avisporra p { font-size:12px; color:#000; padding:10px}
#avisporra p a { color:#666; text-decoration:underline }