/*main elements*/
html, body {margin:0; padding:0; font:normal 90%/100% "Lucida Sans Unicode", Helvetica, sans-serif; color:#333; background:url(../_img/bg_body.gif) repeat-x 0 0; background-color:#fff; }
h1, h2, h3 {font-weight:normal; font-family: "Lucida Sans Unicode", Tahoma, Helvetica, sans-serif; text-align:left}
#center .c, .c {text-align:center}
#center .r, .r {text-align:right}
div .c {margin:0 auto}
table {margin:0; padding:0; border:0}
td {margin:0; padding:0; line-height:1.25em}
form {margin:0; padding:0}
input {margin:4px 0 0 0; padding:2px; font:normal 100% "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color:#333}
html>body input {font-size:105%}
select {font:normal 105% "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color:#333; overflow:auto; padding:0 0 0 2px}
textarea {font:normal 100% "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color:#333; overflow:auto; padding:0 2px 0 2px}
html>body textarea {font-size:105%}
html>body .checkbox {position: relative; top: 2px}
.checkbox {border:0}
input.radio{border:0; margin:3px 0 0 0}
html>body .radio {position:relative; top:3px}
input.button {border:0px solid red; color:#fff; width:77px; height:20px; padding-bottom:2px; cursor:pointer; background:url(../_img/bg_btn_taronja.gif) no-repeat 0 center; background-color:transparent}
a {cursor:pointer; outline: none}
a:active {outline: none}
img {border:none}
hr.clear {clear:both; height:5px; border:none; color:#fff}
/*layout elements*/
#container {margin:0 auto; width:990px; border:0; padding:0; margin-bottom:20px}
#head {height:170px; background-repeat:no-repeat; background-position:0 top; padding:0; margin:0; text-align:right; font: normal 110% Arial, Helvetica, sans-serif; color:#a1cbe6}
#head .banner {display:block; width:570px; height:125px; margin-top:18px; margin-right:18px}
#left {display:inline; border:0; padding:15px 0 5px 0; width:190px; min-height:500px; float:left; margin:0 10px 5px 0; background:url(../_img/bg_left.png) no-repeat right top}
#left h2 {margin:25px 0 5px 0; padding:5px 0; font:normal 14px "Lucida Sans", Arial, Helvetica, sans-serif; color:#025346; line-height:1em; background:url(../_img/bg_menuH1.png) no-repeat left 22px}
#left p {margin:5px 5px 5px 0; padding:0; font-size:90%; color:#555; line-height:1.35em}
#left a {text-decoration:underline; color:#025346}
#left a:hover{text-decoration:none; color:#c8b021}
#left .banner {border:none; margin:10px 0 5px 0}
#left input {padding:2px; margin:2px 0 0 0; width:160px; border:none; border-bottom:1px solid #ddd}
html>body #left input {border-bottom:1px dotted #ddd}
#left .button {float:right; margin-right:10px; width:60px; background-color:#c8b021; color:#222; font:normal 12px "Lucida Sans", Arial, Helvetica, sans-serif; border:none}
#left #frmSubscribe {margin-bottom:20px}
#menu {margin-bottom:20px;}
#menu h1 {padding:2px 5px 3px 0; margin:0 5px 0 10px; height:24px; font:normal 17px "Lucida Sans", Arial, Helvetica, sans-serif; color:#025346; line-height:1em;
letter-spacing:-0.05em; background:url(../_img/bg_menuH1.png) no-repeat left 19px; cursor: pointer}
html>body #menu h1 {margin:5px 0; padding:0}
#menu h1:hover { color:#c8b021}
#menu {width:180px; color:#444; position:relative}
#menu ul {list-style:none; margin:0 0 5px 0; padding:0; display:none}
#menu li {margin:0; padding:0; height:20px}
html>body #menu li {margin:2px 0; padding:0; height:20px}
#menu li a {text-decoration:none; color:#555; margin:0; padding:4px 0 4px 15px; display:block}
#menu li a:hover {text-decoration:none; color:#0f4538; font-weight:bold}
#menu li a strong {color:#0f4538;}
#menu li a span {display:none; position:absolute; left:-15px; margin:0; height:15px; width:24px; background:url(../_img/bg_menuOption_active.gif) no-repeat 5px -1px}
html>body #menu li a span {background-position:5px -3px}
#center {display:inline; text-align:center; border:0; margin:0 0 25px 0; padding:10px 20px 25px 10px; width:636px; w\idth:610px; float:left; background:#fff url(../_img/bg_center.png) no-repeat 0 top}
/*html>body #center {padding:5px 0 5px 0}*/
#center h1 {margin:25px 0 15px 1px; padding:0; font:normal 28px "Lucida Sans", Arial, Helvetica, sans-serif; color:#0f4538; line-height:1em; letter-spacing:-0.1em}
#center h2 {margin:25px 0 5px 1px; padding:0; font:normal 24px "Lucida Sans", Arial, Helvetica, sans-serif; color:#0f4538; line-height:1em}
#center h3 {margin:15px 0 5px 15px; padding:0; font:normal 16px "Lucida Sans", Arial, Helvetica, sans-serif; color:#0f4538; line-height:1em}
#center p {margin:5px 0 15px 0; text-align:justify; line-height:1.65em; color:#111}
#center p.nota {text-align:right; padding-right:6px; font-size:90%; color:#777}
#center a, #center a:visited {text-decoration:underline; color:#333}
#center a:hover {text-decoration:underline; color:#c8b021}
#center img {margin-bottom:10px; border:1px solid #ddd; padding:1px}
#center ul {margin:5px 0 15px 40px; padding:0 40px 0 0; list-style-image:url(../_img/ico_list.gif); text-align:left}
#center li {margin:5px 0; line-height:1.75em; color:#111}
#center .foto_right img, #center .foto_center img, #center .foto_left img {margin:0; padding:1px; border:1px solid #ccc}
#center .foto_right p, #center .foto_center p, #center .foto_left p
{margin:0; padding:0 5px 10px 0; font:normal 95% 'Lucida Sans Unicode', Arial; color:#555; text-align:right}
#center .foto_right {float:right; margin:5px 0 0 15px; padding:0}
#center .foto_center {margin:0 auto; margin-top:5px; margin-bottom:15px; padding:0; text-align:center}
#center .foto_left {float:left; margin:5px 15px 0 5px; padding:0}
#center .foto_left blockquote {text-align:left}
#center .no-border {border:none}
#center .data {color:#555}
#center .galleryThumb a {}
#center .galleryThumb img {float:left; margin:0 10px 10px 0; padding:1px; border:1px solid #ddd}
#center .galleryThumb:hover img {margin:0 10px 10px 0; padding:1px; border:1px solid #555}
#center .pdfFile {padding-left:16px; background:url(../_img/ico_AcrobatReader.gif) no-repeat 0 0; text-decoration:none}
/*reglas competiciones*/
.ico {padding-left:20px; text-decoration:none; color:#777}
.ico:hover {padding-left:20px; text-decoration:underline}
.pdf {background:url(../_img/ico_pdf.gif) no-repeat 0 0}
.doc {background:url(../_img/ico_doc.gif) no-repeat 0 0}
/*preus sponsors*/
.sponsors {margin:0 auto; margin-top:15px; margin-bottom:5px; width:90%}
.sponsors th {padding:5px 0 0 30px; text-align:left}
.sponsors th.l {padding-left:5px}
.sponsors td {padding:5px 0}
.sponsors .concepte {padding:2px 175px 2px 5px;}
.sponsors .preu {text-align:right}
/*junta directiva*/
.junta-directiva {margin:5px 0 15px 50px}
.junta-directiva td {padding:6px 0; vertical-align:middle}
.junta-directiva .carreg {padding-right:20px; text-align:right; font-style:italic}
/*organitzaciķ interna*/
.org-interna {margin:0 auto}
.org-interna td {padding:4px 0 4px 25px}
.org-interna .carreg {padding-left:0; font-style:italic}
/*palmares*/
.palmares {margin:0 auto; margin-bottom:25px}
.palmares th {padding-bottom:10px}
.palmares td {padding:2px 0 2px 10px; border-bottom:1px solid #eee; line-height:1.5em}
.palmares .any {font-style:italic; color:#555}
/*llistat de preus lloguer material, tarifes, butlletins, sistema EGA*/
#center .article-lloguer {float:left; border:none; margin:5px 10px 5px 10px}
#center .llistat {margin:0 auto; margin-top:5px}
#center .llistat h2 {margin-top:10px}
#center .llistat td {border:0; height:20px; padding:2px 0}
#center .llistat b {padding:3px 10px; background-color:#fff; font-weight:normal}
#center .llistat .dotted {width:400px; background:#fff url(../_img/bg_underlined.gif) repeat-x 0 10px; text-align:left}
#center .EGA .dotted {width:150px; background:#fff url(../_img/bg_underlined.gif) repeat-x 0 10px}
#center .EGA .dotted a {background-color:#fff; padding:0 4px;}
#center .EGA .dotted a:hover {text-decoration:none; color:#c8b021}
#center .llistat .r {padding-left:6px}
/* resultats cālcul slope */
.slope {margin:0 auto; margin-top:10px; border-top:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd}
.slope th {text-align:center; padding:5px; background-color:#aaa; color:#fff; border-bottom:1px solid #ddd}
.slope td {padding:5px 15px; border-bottom:1px solid #ddd}
.slope .barres {text-align:right; padding-right:5px}
/* forats */
#center .foratImg {float:left; margin:0 0 0 2px; padding:0}
#center .foratImg p {margin:0; text-align:right}
#center .foratImg img {border:1px solid #ccc}
#center .foratImg a, #center .foratImg a:visited {text-decoration:none; font:normal 95% 'Lucida Sans Unicode',Arial; color:#555;}
#center .foratImg .nextForat {padding:0 12px 0 0; background: url(../_img/ico_nextForat.gif) no-repeat right 2px;}
#center .foratImg .prevForat {padding:0 0 0 12px; background: url(../_img/ico_prevForat.gif) no-repeat left 2px;}
#center .foratImg a:hover {text-decoration:underline}
#center .foratMapa {float:left; margin:-20px 0 0 4px; padding:0; width:170px; height:275px}
#center .foratMapa p {padding:0 4px 8px 0; margin:0; font:normal 95% 'Lucida Sans Unicode', Arial; color:#555}
#center .foratMapa img {margin:10px 0; padding:10px 0}
#center .foratText {float:right; margin:5px 0 0 4px; padding:0; width:420px}
#center .foratFotos {float:left; margin:0 0 10px 4px; padding:0}
#center .foratFotos img {float:left; margin-right:12px; padding:1px; border:1px solid #555}
#center .foratFotos blockquote {font:85% 'Lucida Sans Unicode',Arial; color:#555; letter-spacing:0.03em; text-align:left; padding-bottom:8px; margin:0}
/* Scorecard */
#scorecard table {margin:0 auto; margin-bottom:15px}
#scorecard table td {padding:3px 3px}
#scorecard p {padding:0 0 4px 0; margin:0 0 6px 0; font:normal 95% 'Lucida Sans Unicode',Arial; color:#555; text-align:left}
#scorecard td {font:normal 80% 'Lucida Sans Unicode', Verdana, Arial; padding:0 3px 0 3px; text-align:center; border-bottom:1px solid #555; border-right:1px solid #555; background-color:#eee}
#scorecard .header {text-align:center; background-color:#4BA652; padding:0; border-top:1px solid #555; border-bottom:1px solid #555; border-right:1px solid #555}
#scorecard .header a, #scorecard .header a:visited {font:bold 80% 'Lucida Sans Unicode', Verdana, Arial; color:#333; text-decoration:none; display:block; padding:3px 7px}
#scorecard .header a:hover {text-decoration:none; color:#fff; background-color:#555; background-image:none}
#scorecard .caption{font:bold 80% 'Lucida Sans Unicode', Verdana, Arial; color:#333; text-align:center; background-color:#4BA652; padding:0 3px 0 3px; font-size:9px; text-align:center; line-height:10px;
border-bottom:1px solid #555; border-right:1px solid #555; border-left:1px solid #555; background-color:#4BA652}
#center .blanques {background-color:#FFF}
#center .grogues {background-color:#F3FF75}
#center .blaves {background-color:#7EAFF8}
#center .vermelles {background-color:#FF4949}
#center .AltaSocios {margin:0 auto; margin-bottom:10px}
#center .AltaSocios th {padding:5px 2px; background-color:#f1f1f1; color:#111; font-family:'Lucida Sans', Arial, Helvetica, sans-serif}
#center .AltaSocios td {padding:10px 25px; border-bottom:1px solid #eee}
/* Calendari competiciķ */
#center .calendar {margin:0 auto; margin-top:-10px; margin-bottom:15px; width:90%}
#center .calendar h2 {margin:15px 0 1px 0}
#center .calendar td {padding:4px 0}
#center.horaris .llistat, #center.resultats .llistat {margin:0 auto}
#center.horaris .llistat th, #center.resultats .llistat th {padding:4px 2px; text-align:center; padding:5px 2px; background-color:#0f4538; color:#fff; font-family:'Lucida Sans', Arial, Helvetica, sans-serif}
#center.horaris .llistat td, #center.resultats .llistat td {padding:4px}
#right {display:inline; border:0; padding:15px 0 0 10px; width:140px; float:right; text-align:left; margin:0 0 30px 0; font-size:90%; background:url(../_img/bg_right.png) no-repeat 0 top}
#right h1 {margin:0 0 5px 0; padding:5px 0; font:normal 14px "Lucida Sans", Arial, Helvetica, sans-serif; color:#c8b021; line-height:1em; background:url(../_img/bg_menuH1.png) no-repeat left 22px}
html>body #right h1 {background-position: left 22px}
#right p {margin:5px 0 5px 0; padding:5px 0 5px 0; color:#555; line-height:1.35em}
#right a {color:#025346; text-decoration:none}
#right a:hover {color:#000; text-decoration:underline}
#right span.data {color:#777; font-size:95%}
#right p.link {text-align:right; margin:-5px 0 0 0; padding:0}
#right .gallery img {margin:5px 0 0 0; border:1px solid #ddd; padding:1px}
#right .gallery:hover img {margin:5px 0 0 0; border:1px solid #025346; padding:1px}
#right .banner img {margin:5px 0; padding:0; border:1px solid #777}
#right .banner:hover img {margin:4px 0; padding:1px; border:1px solid #025346}
#footerNav {clear:both; background-color:#0f4538}
#footer {margin:auto; width:970px; border:0; padding:0; background:url(../_img/bg_footer.jpg) no-repeat center top}
#footer table {margin:0 auto; border:none; width:99%; background:url(../_img/bg_footer_escut.gif) no-repeat right 28px}
#footer td {width:30%; padding:0 0 20px 0; height:110px; color:#9fb5af; vertical-align:bottom; line-height:1.65em}
/*html>body #footer td {width:33%}*/
#footer td.logo {width:40%; text-align:right; padding-right:110px}
#footer h1 {margin:15px 0 25px 0; padding:0; font:normal 18px "Lucida Sans", Arial, Helvetica, sans-serif; color:#c8b021; line-height:1em}
#footer a {text-decoration:underline; color:#9fb5af}
html>body #footer a {text-decoration:none; border-bottom:1px dotted #336156}
#footer a:hover {text-decoration:none; color:#c8b021}
html>body #footer a:hover {text-decoration:none; border:none}
#footer .design {color:#336156}
#footer .design a {color:#336156}
#footer .design a:hover {color:#9fb5af}
#footer a.cat {padding:0 0 0 22px; background:url(../images/bandera_cat.png) no-repeat 0 4px; border:none}
#footer a.esp {padding:0 0 0 22px; background:url(../images/bandera_esp.png) no-repeat 0 4px; border:none}
#footer a.eng {padding:0 0 0 22px; background:url(../images/bandera_eng.png) no-repeat 0 4px; border:none}