/* CSS Document */ html, body, form, div, a, img, span{margin:0;padding:0; border:none} html {} body {background-image:url(../images/FonsQuadres.gif); background-repeat:repeat;font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;background-color:#CCCCCC;} #contenedor{background-image:url(../images/fonsBody.jpg); background-repeat:repeat-x; background-position:top left} #web {position:relative;width:750px;text-align:left;margin:0 auto; background-color:#311212 } .separa{clear:both;font-size:0;line-height:0px;height:0px; margin:0; padding:0} .amagat{display:none} a {text-decoration:none; color:#FFFFFF} a:hover {text-decoration:underline;color:#FFFFFF} p {padding:0;margin:12px 0 0 0} ul {margin:0;padding:0;list-style:none} /* RECTIFICAMENT DE TAMANY DE TITOLS AMB FF (hereda el 'font-size' del contingut i redueix les fonts provocant diferencies IE - Firefox */ h1 { font-size:xx-large; } h2 {font-size:x-large; } h3 {font-size:large; } h4 {font-size:medium; } h5 { font-size:small} h6 {font-size:x-small; } /* CAPCALERA */ #web #cap{height:277px;width:750px;display:block} #web #cap #logo{padding:0;height:82px; display:block; background-image:url(../images/Cap1.jpg); background-repeat:no-repeat; background-position:top center; } #web #cap #logo a img{margin:28px 0 0 8px; float:left;} #web #cap #logo table.marques{float:right; width:400px; height:50px;margin:0 4px 0 0;} #web #cap #zonaMenu{background-image:url(../images/fonsMenuCap.jpg); background-repeat:no-repeat; background-position:top center; height:186px; border-bottom:9px solid #492407} #web #cap #zonaMenu ul.menuSup.menuSup{margin-left:258px;} #web #cap #zonaMenu ul.menuSup li{padding-top:3px} #web #cap #zonaMenu ul.menuSup li a{display:block;width:110px; height:19px;background-repeat:no-repeat} #web #cap #zonaMenu ul.menuSup li a:hover{} #web #cap #zonaMenu ul.menuSup li#portada a{background-image:url(../images/menuCap/portada.jpg)} #web #cap #zonaMenu ul.menuSup li#portada a:hover{background-image:url(../images/menuCap/portada_h.jpg)} #web #cap #zonaMenu ul.menuSup li#quisom a{background-image:url(../images/menuCap/quisom.jpg)} #web #cap #zonaMenu ul.menuSup li#quisom a:hover{background-image:url(../images/menuCap/quisom_h.jpg)} #web #cap #zonaMenu ul.menuSup li#serveis a{background-image:url(../images/menuCap/serveis.jpg)} #web #cap #zonaMenu ul.menuSup li#serveis a:hover{background-image:url(../images/menuCap/serveis_h.jpg)} #web #cap #zonaMenu ul.menuSup li#destacats a{background-image:url(../images/menuCap/destacats.jpg)} #web #cap #zonaMenu ul.menuSup li#destacats a:hover{background-image:url(../images/menuCap/destacats_h.jpg)} #web #cap #zonaMenu ul.menuSup li#noticies a{background-image:url(../images/menuCap/noticies.jpg)} #web #cap #zonaMenu ul.menuSup li#noticies a:hover{background-image:url(../images/menuCap/noticies_h.jpg)} #web #cap #zonaMenu ul.menuSup li#equip a{background-image:url(../images/menuCap/equip.jpg);height:32px} #web #cap #zonaMenu ul.menuSup li#equip a:hover{background-image:url(../images/menuCap/equip_h.jpg)} #web #cap #zonaMenu ul.menuSup li#localitza a{background-image:url(../images/menuCap/localitza.jpg)} #web #cap #zonaMenu ul.menuSup li#localitza a:hover{background-image:url(../images/menuCap/localitza_h.jpg)} /*FI CAPCALERA*/ /* CONTINGUTS PORTADA */ #web #contingutsPortada{ position:relative;background-color:#301212;} #web #contingutsPortada #linkMotosPortada a{position:absolute;left:400px;display:block; background-image:url(../images/icones/motos.gif); width:127px; height:34px; background-repeat:no-repeat} #web #contingutsPortada #linkMotosPortada a:hover{display:block; background-image:url(../images/icones/motos_h.gif); width:127px; height:34px; background-repeat:no-repeat} #web #contingutsPortada #esquerra{ width:526px; height:435px; float:left; background-image:url(../images/fonsPortada.jpg); background-repeat:no-repeat; background-position:top left; display:block} #web #contingutsPortada #esquerra #menuIcones{margin:20px 0 0 0px} html>body #web #contingutsPortada #esquerra #menuIcones{margin-left:15px;} #web #contingutsPortada #esquerra #menuIcones ul.menuIconesPortada{width:250px; } #web #contingutsPortada #esquerra #menuIcones ul.menuIconesPortada li{float:left;margin-left:20px} #web #contingutsPortada #esquerra #menuIcones ul.menuIconesPortada li a{display:block;background-repeat:no-repeat} #web #contingutsPortada #esquerra #menuIcones ul.menuIconesPortada li#cross a{margin-top:10px;width:69px; height:32px;background-image:url(../images/icones/cross.gif)} #web #contingutsPortada #esquerra #menuIcones ul.menuIconesPortada li#cross a:hover{background-image:url(../images/icones/cross_h.gif)} #web #contingutsPortada #esquerra #menuIcones ul.menuIconesPortada li#enduro a{margin-left:20px;width:84px; height:29px;background-image:url(../images/icones/enduro.gif)} #web #contingutsPortada #esquerra #menuIcones ul.menuIconesPortada li#enduro a:hover{background-image:url(../images/icones/enduro_h.gif)} #web #contingutsPortada #esquerra #menuIcones ul.menuIconesPortada li#trial a{width:55px; height:33px;background-image:url(../images/icones/trial.gif)} #web #contingutsPortada #esquerra #menuIcones ul.menuIconesPortada li#trial a:hover{background-image:url(../images/icones/trial_h.gif)} #web #contingutsPortada #esquerra #menuIcones ul.menuIconesPortada li#scooters a{width:110px;margin-left:0; height:48px;background-image:url(../images/icones/scooters.gif)} #web #contingutsPortada #esquerra #menuIcones ul.menuIconesPortada li#scooters a:hover{background-image:url(../images/icones/scooters_h.gif)} #web #contingutsPortada #esquerra #menuIcones ul.menuIconesPortada li#carretera a{margin-left:40px;width:119px; height:33px;background-image:url(../images/icones/carretera.gif)} #web #contingutsPortada #esquerra #menuIcones ul.menuIconesPortada li#carretera a:hover{background-image:url(../images/icones/carretera_h.gif)} #web #contingutsPortada #esquerra #menuIcones ul.menuIconesPortada li#quads a{width:74px; height:36px;background-image:url(../images/icones/quads.gif)} #web #contingutsPortada #esquerra #menuIcones ul.menuIconesPortada li#quads a:hover{background-image:url(../images/icones/quads_h.gif)} #web #contingutsPortada #esquerra #linkCompeticio{margin:110px 0 0 50px} #web #contingutsPortada #esquerra #linkCompeticio #xavierGalindo {color:#fff;text-align:left;margin:2px 0 0 2px;font-size:.75em;font-weight:bold} #web #contingutsPortada #fitxaPortada{float:left} #web #contingutsPortada #titolDestaquemPortada{float:left; width:14px; height:107px; margin-left:7px; margin-top:20px} #web #contingutsPortada #fitxaPortada {float:right} #web #contingutsPortada #fitxaPortada span.fotoFitxaPortada{margin-left:1px} #web #contingutsPortada #fitxaPortada #nomMotoPortada{padding:0;padding-top:4px;/*background-image:url(../images/fonsFitxaPortada.gif); background-position:top;*/ width:199px; display:block; text-align:center} #web #contingutsPortada #fitxaPortada #nomMotoPortada span{ padding:7px 0 0 20px; font-size:.8em; font-weight:bold; padding-left:20px; color:#FFFFFF; background-image:url(../images/liNomMotoFitxa.gif); background-repeat:no-repeat; background-position:left 10px; cursor:pointer} #web #contingutsPortada #fitxaPortada #dadesFitxaPortada{ background-color:#9C8271; width:189px; padding:0px 0 0 10px; margin-top:0} #web #contingutsPortada #fitxaPortada #dadesFitxaPortada ul{list-style:none; margin:0; padding:0} #web #contingutsPortada #fitxaPortada #dadesFitxaPortada ul li{line-height:11px; margin:0; padding:0; font-size:.7em} #web #contingutsPortada #fitxaPortada #dadesFitxaPortada ul li.campFitxaPortada{color:#492612} #web #contingutsPortada #fitxaPortada #dadesFitxaPortada ul li.respFitxaPortada{color:#FFFFFF} #web #contingutsPortada #fitxaPortada #dadesFitxaPortada ul li.separaDadesPortada{height:1px; background-image:url(../images/separaCampsFitxaPortada.gif); background-repeat:no-repeat; background-position:center; margin:0px 0} html>body #web #contingutsPortada #fitxaPortada #dadesFitxaPortada ul li.separaDadesPortada{margin:4px 0} #web #contingutsPortada #fitxaPortada #dadesFitxaPortada #linkDetallPortada{margin-top:0px;padding-bottom:4px; margin-right:3px; text-align:right; background-image:url(../images/linkDetallPortada.gif); background-repeat:no-repeat; background-position:right 8px; padding-right:20px} html>body #web #contingutsPortada #fitxaPortada #dadesFitxaPortada #linkDetallPortada{margin-top:25px;padding-bottom:10px; background-position:right 5px;} #web #contingutsPortada #fitxaPortada #dadesFitxaPortada #linkDetallPortada a{color:#FFFFFF; font-size:.7em; font-weight:bolder} #web #contingutsPortada #fitxaPortada #dadesFitxaPortada #linkDetallPortada a:hover{} /*CONTINGUTS INTERIORS*/ #web #contingutsInteriors{ background-color:#3C1C05;background-image:url(../images/fonsContinguts.jpg); background-repeat:no-repeat; background-position:top left;padding:0} #web #contingutsInteriors div.titolSeccioContinguts{width:560px} #web #contingutsInteriors div.titolSeccioContinguts h3{color:#492407;margin:0; padding:0; font-family:"Impact", "Arial Black", Arial, Tahoma, Verdana; font-size:2.2em; letter-spacing:2px; padding:10px 0 0 30px} #web #contingutsInteriors #linkMotos a{position:absolute;left:623px;display:block; background-image:url(../images/icones/motos.gif); width:127px; height:34px; background-repeat:no-repeat} #web #contingutsInteriors #linkMotos a:hover{display:block; background-image:url(../images/icones/motos_h.gif); width:127px; height:34px; background-repeat:no-repeat} #web #contingutsInteriors #cosCont{margin:0; padding:10px 20px} #web #contingutsInteriors #cosCont h4{font-size:1.2em;color:#D7AE7A; margin:2px; padding:4px; border:1px dashed #D4AE7A} #web #contingutsInteriors #cosCont div.txtEsq{width:350px;margin-left:10px;float:left} #web #contingutsInteriors #cosCont div.txtEsq2{width:400px;margin-left:10px;float:left} #web #contingutsInteriors #cosCont div.team ol {color:#FFFF00;} #web #contingutsInteriors #cosCont div.team ul{margin:20px 0 0 40px; list-style:none;width:100%;} #web #contingutsInteriors #cosCont div.team ul li{color:#B99E8B;font-size:.8em;margin-bottom:15px;font-weight:bolder; width:100%;} #web #contingutsInteriors #cosCont div.team ul li a{margin-left:6px; border:1px dashed #7F481F;padding:2px 4px} #web #contingutsInteriors #cosCont div.team ul li a:hover{background-color:#8F5B35;text-decoration:none} #web #contingutsInteriors #cosCont div.team h1{color:#FDA922; font-size:1.3em; background-color:#5D3154; border:1px dashed #FFFF00; padding:5px} html>body #web #contingutsInteriors #cosCont div.txtEsq{margin-left:10px} #web #contingutsInteriors #cosCont p{font-size:.75em;color:#FFD801; text-align:left;} #web #contingutsInteriors #cosCont div.fotoDre{float:right; text-align:center;} #web #contingutsInteriors #cosCont div.fotoDre span{font-size:.85em; color:#FFFFFF} #web #contingutsInteriors #cosCont div.fotoDre img{border:1px dashed #FFFF00; padding:3px; background-color:#5F5200} #web #contingutsInteriors #cosCont div.fotoDre a{font-size:.7em; text-decoration:none} #web #contingutsInteriors #cosCont div.fotoDre a:hover{text-decoration:underline} #web #contingutsInteriors #cosCont #menuIconesMotos{margin:20px 0 0 0px} html>body #web #contingutsInteriors #cosCont #menuIconesMotos {margin-left:15px} #web #contingutsInteriors #cosCont #menuIconesMotos ul.menuIcones{width:700px; } #web #contingutsInteriors #cosCont #menuIconesMotos ul.menuIcones li{float:left;margin-left:20px} #web #contingutsInteriors #cosCont #menuIconesMotos ul.menuIcones li a{display:block;width:160px;margin:10px;background-repeat:no-repeat;font-size:20px;font-weight:bold;color:#d38e39;} #web #contingutsInteriors #cosCont #menuIconesMotos ul.menuIcones li a:hover {text-decoration:none;color:#ffd801;} #web #contingutsInteriors #cosCont #menuIconesMotos ul.menuIcones li#cross a{margin-left:0;margin-top:10px;width:72px; height:37px;background-image:url(../images/icones/grans/cross.gif)} #web #contingutsInteriors #cosCont #menuIconesMotos ul.menuIcones li#cross a:hover{background-image:url(../images/icones/grans/cross_h.gif)} #web #contingutsInteriors #cosCont #menuIconesMotos ul.menuIcones li#enduro a{margin-left:20px;width:85px; height:37px;background-image:url(../images/icones/grans/enduro.gif)} #web #contingutsInteriors #cosCont #menuIconesMotos ul.menuIcones li#enduro a:hover{background-image:url(../images/icones/grans/enduro_h.gif)} #web #contingutsInteriors #cosCont #menuIconesMotos ul.menuIcones li#trial a{width:61px; height:44px;background-image:url(../images/icones/grans/trial.gif)} #web #contingutsInteriors #cosCont #menuIconesMotos ul.menuIcones li#trial a:hover{background-image:url(../images/icones/grans/trial_h.gif)} #web #contingutsInteriors #cosCont #menuIconesMotos ul.menuIcones li#scooters a{width:108px;margin-left:0; height:53px;background-image:url(../images/icones/grans/scooters.gif)} #web #contingutsInteriors #cosCont #menuIconesMotos ul.menuIcones li#scooters a:hover{background-image:url(../images/icones/grans/scooters_h.gif)} #web #contingutsInteriors #cosCont #menuIconesMotos ul.menuIcones li#carretera a{width:118px; height:43px;background-image:url(../images/icones/grans/carretera.gif)} #web #contingutsInteriors #cosCont #menuIconesMotos ul.menuIcones li#carretera a:hover{background-image:url(../images/icones/grans/carretera_h.gif)} #web #contingutsInteriors #cosCont #menuIconesMotos ul.menuIcones li#quads a{width:77px; height:42px;background-image:url(../images/icones/grans/quads.gif)} #web #contingutsInteriors #cosCont #menuIconesMotos ul.menuIcones li#quads a:hover{background-image:url(../images/icones/grans/quads_h.gif)} #web #contingutsInteriors #cosCont table.marquesMotos{ width:70%} #web #contingutsInteriors #cosCont table.marquesMotos tr td{text-align:center; padding:8px} #web #contingutsInteriors #cosCont table.marquesMotos tr td a{display:block; padding:10px} #web #contingutsInteriors #cosCont table.marquesMotos tr td a:hover{ border:1px dashed #D4AE7A;padding:9px} #web #contingutsInteriors #cosCont div.itemLlistat{margin:15px 10px;padding:5px; border:1px dashed #D4AE7A} #web #contingutsInteriors #cosCont div.itemLlistat div.dadesMotoLlistat{float:left; width:430px} #web #contingutsInteriors #cosCont div.itemLlistat div.dadesMotoLlistat h4{font-size:1.2em;color:#D7AE7A; margin:2px; padding:2px; border:none} #web #contingutsInteriors #cosCont div.itemLlistat div.dadesMotoLlistat h4 a{color:#D7AE7A; text-decoration:none; display:block; padding:3px} #web #contingutsInteriors #cosCont div.itemLlistat div.dadesMotoLlistat h4 a:hover{text-decoration:none; background-color:#281010} #web #contingutsInteriors #cosCont div.itemLlistat div.dadesMotoLlistat ul{margin:0 10px} #web #contingutsInteriors #cosCont div.itemLlistat div.dadesMotoLlistat ul li{display:inline} #web #contingutsInteriors #cosCont div.itemLlistat div.dadesMotoLlistat ul li span.campLlistat{color:#FFCC00;font-size:.75em} #web #contingutsInteriors #cosCont div.itemLlistat div.dadesMotoLlistat ul li.separaItemsLlistat{color:ffffff} #web #contingutsInteriors #cosCont div.itemLlistat div.dadesMotoLlistat ul li span.resLlistat{color:#ffffff;font-size:.85em} #web #contingutsInteriors #cosCont div.itemLlistat div.dadesMotoLlistat ul li.breuDescripcio{display:block; float:none;} #web #contingutsInteriors #cosCont div.itemLlistat div.fotoLlistat img{padding:5px; background-color:#D4AE7A;} #web #contingutsInteriors #cosCont div.itemLlistat div.fotoLlistat a img {} #web #contingutsInteriors #cosCont div.itemLlistat div.fotoLlistat a:hover img {background-color:#281010} div.pager { margin: 6px 0 10px 0; text-align: right; } div.pager div.pages { margin: 0 0 6px 0; } div.pager div.pages a { color: #336699; padding: 0 2px 0 2px; } div.pager div.pages span.current { color: #000000; font-weight: bold; } div.pager div.results { } #web #contingutsInteriors #cosCont div.detallMoto{} #web #contingutsInteriors #cosCont div.detallMoto ul{} #web #contingutsInteriors #cosCont div.detallMoto ul li{} #web #contingutsInteriors #cosCont div.detallMoto ul li span.campLlistat{color:#FFCC00;font-size:.9em} #web #contingutsInteriors #cosCont div.detallMoto ul li span.resLlistat{color:#ffffff;font-size:1em} #web #contingutsInteriors #cosCont div.detallMoto h3{font-size:1.2em;color:#D7AE7A; margin:10 0px; padding:2px; border:1px dashed #D7AE7A} #web #contingutsInteriors #cosCont div.detallMoto ul.fotosDetallAmpliables{} #web #contingutsInteriors #cosCont div.detallMoto ul.fotosDetallAmpliables{} #web #contingutsInteriors #cosCont div.detallMoto ul.fotosDetallAmpliables li.fotoAmpliable{width:200px; height:130px; overflow:hidden; float:left; display:block; margin-left:28px; margin-bottom:15px} #web #contingutsInteriors #cosCont div.detallMoto ul.fotosDetallAmpliables li.fotoAmpliable a{ width:200px; height:130px; display:block;border:1px solid #3C1C05} #web #contingutsInteriors #cosCont div.detallMoto ul.fotosDetallAmpliables li.fotoAmpliable a:hover{border:1px solid #F7D801;} /*FORMULARI DE CONTACTE*/ form#contact{} form#contact div.public_form{} form#contact div.public_form div.field{margin:10px 0} form#contact div.public_form div.field div.label{} form#contact div.public_form div.field div.label label{color:#FFD801; font-size:.9em} form#contact div.public_form div.field div.label span.required{font-size:.65em; color:#B38855} form#contact div.public_form div.field div.help{color:#cccccc; font-size:.7em} form#contact div.public_form div.field div.control{} form#contact div.public_form div.field div.control input{ width:300px} form#contact div.public_form div.field div.control textarea{width:300px} form#contact div.button_bar{ text-align:left; margin-left:23px} form#contact div.button_bar div.button{} form#contact div.button_bar div.button input{} /*PEU DE PAGINA*/ #web #peuPag{ background-image:url(../images/fonsPeu.gif); background-repeat:no-repeat; padding-top:20px} #web #peuPag #menuPeu{height:36px} #web #peuPag #menuPeu ul.menuPeuPag{} #web #peuPag #menuPeu ul.menuPeuPag li{float:left; margin-left:4px;color:#B99E8B;font-size:.7em} #web #peuPag #menuPeu ul.menuPeuPag li a{color:#B99E8B;} #web #peuPag #menuPeu ul.menuPeuPag li a:hover{color:#FFFFFF; text-decoration:none} #web #peuPag #menuPeu ul.menuPeuPag li#avisLegal a{color:#B99E8B; margin-left:213px} html>body #web #peuPag #menuPeu ul.menuPeuPag li#avisLegal a{margin-left:218px} #web #peuPag #menuPeu ul.menuPeuPag li#avisLegal a:hover{color:#FFFFFF} /* Errors, missatges */ div.errors { margin: 15px 15px 0px 15px; padding: 8px 8px 8px 40px; border: 1px solid #cc9999; background-color: #ffdddd; background-image: url(../images/stop.png); background-repeat: no-repeat; background-position: 6px 25%; color: #ff0000; font-weight: bold; text-align: left; } div.messages { margin: 15px 15px 0px 15px; padding: 8px 8px 8px 40px; border: 1px solid #99cc99; background-color: #ddffdd; background-image: url(../images/info.png); background-repeat: no-repeat; background-position: 6px 25%; color: #009900; font-weight: bold; text-align: left; } #web div.fotoBotiga{margin:20px;text-align:center; border:1px dashed #FFFF00} #web div.fotoBotiga img{padding:15px 220px; border:1px dashed #6F3F1B} #web div.fotoBotiga div.dadesContacte{font-size:.75em; color:#FFFFFF;padding:10px 0} #web div.fotoBotiga div.dadesContacte span{} #web div.fotoBotiga div.dadesContacte div.linksContacte{margin-top:10px} #web div.fotoBotiga div.dadesContacte div.linksContacte a{color:#b99e8b} #web div.pager {text-align:center} #web div.pager div.results{font-size:.7em;color:#8F5B35} /* news */ div.news_new div.space{clear:both;font-size:0;line-height:0px;height:0px; margin:0; padding:0} div.news_newsList {} div.news_newsList div.news_new { clear: both; margin-bottom: 30px; } div.news_newsList div.news_new h3 {font-size:1.2em;color:#ffcc99; margin:2px;} div.news_newsList div.news_new h3 a {color:#ffcc99; } div.news_newsList div.news_new div.date { font-size:.7em;color:#ffffff; margin:2px; } div.news_newsList div.news_new div.title {} div.news_newsList div.news_new div.body { } div.news_newsList div.news_new div.more { margin: 10px; text-align:right;} div.news_newsList div.news_new div.more a { font-size:.8em; font-weight:bold;color:#ffffff; } div.news_newsList div.news_new div.image { float: left; margin: 12px 15px 8px 2px; padding: 2px; border: 1px solid #D7AE7A; } div.news_newsDetail {} div.news_newsDetail div.news_new { clear: both; margin-bottom: 30px; } div.news_newsDetail div.news_new h3 {font-size:1.2em;color:#ffcc99; margin:2px;} div.news_newsDetail div.news_new h3 a {color:#ffcc99; } div.news_newsDetail div.news_new div.date { font-size:.7em;color:#ffffff; margin:2px; } div.news_newsDetail div.news_new div.title {} div.news_newsDetail div.news_new div.body { } div.news_newsDetail div.news_new div.image { float: left; margin: 12px 15px 8px 2px; padding: 2px; border: 1px solid #D7AE7A; } div.news_newsDetail div.news_new div.more { margin: 10px; text-align:right;} div.news_newsDetail div.news_new div.more a { font-size:.8em; font-weight:bold;color:#ffffff; } div.news_newsDetail div.news_new ul.images { list-style-type:none; margin: 20px 10px 10px 10px; border-top: 1px dashed #ffffff; } div.news_newsDetail div.news_new ul.images { list-style-type:none; margin: 20px 10px 10px 10px; border-top: 1px dashed #ffffff; } div.news_newsDetail div.news_new ul.images li { list-style-type:none; float: left; margin: 12px 15px 8px 2px; padding: 2px; border: 1px solid #D7AE7A; } div.news_newsDetail div.news_new ul.images li div { font-size:.7em;text-align:center;color:#ffffff; margin:2px; }