*{margin:0;padding:0;} hr{clear:both;height:0;border:0;visibility:hidden;} html{text-align:center;} body{ background:#fff url(../img/imatges_diseny/fons.png) repeat-x top left; font-family:Geneva, Arial, Helvetica, sans-serif; color:#2E4B63; font-size:70%; } #index-formulario{ width: 244px; height: 248px; float:left; border: 1px solid #d6e6fc; padding: 10px; background: url(../img/imatges_diseny/banderas.jpg) no-repeat left top #FFFFFF; \width: 266px; w\idth: 244px; } #index-formulario p { margin: 16px 10px 21px 70px; text-align:left; } #index-flash{ width: 400px; height: auto; float: right; text-align:center; padding: 10px 10px 10px 10px; border: 1px solid #d6e6fc; background:#FFFFFF; \width: 422px; w\idth: 400px; margin-left: 10px; } #index-samarreta-reus{ width: 240px; height: 248px; float:left; border: 1px solid #d6e6fc; padding: 10px; background:#FFFFFF; \width: 266px; w\idth: 244px; } #index-formulari-concurs{ height: auto; float: right; text-align:left; padding: 10px 10px 10px 10px; border: 1px solid #d6e6fc; background:#FFFFFF; \width: 422px; w\idth: 400px; margin-left: 20px; } .gris {color:#999;} .container{color:#2E4B63;width:838px;text-align:left;position:relative;margin:0 auto;} #contingut{width:700px;text-align:left;font-size:14px;margin:0 auto 20px;padding:0 60px 20px;} #contingut h1{color:#072453;font-family:Geneva, Arial, Helvetica, sans-serif;font-size:24px;line-height:30px;margin-bottom:30px;} #contingut h2{color:#072453;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:20px;font-weight:400;line-height:20px;margin-bottom:20px;margin-top:10px;} .destacado{font-size:20px;font-weight:900;color:#09F;font-family:Geneva, Arial, Helvetica, sans-serif;line-height:normal;} .new{font-size:20px;font-weight:900;color:#F30;font-family:Geneva, Arial, Helvetica, sans-serif;line-height:normal;} #contingut p{color:#2E4B63;font-weight:400;font-family:Geneva, Arial, Helvetica, sans-serif;line-height:22px;padding:0 0 10px;} em,q{font-weight:700;font-style:oblique;} code{font-family:monospace;} a{outline:none;color:#017BA9;background:none;} .marge,.marge img,.marge,.marge a img{border:1px solid #c4ddfe;margin-bottom:10px;margin-left:10px;float:right;background:#FFF;padding:5px;} div#header{height:220px;width:750px;position:relative;background:url(../img/imatges_diseny/logo_header.jpg) no-repeat;margin:0 auto;} #header h1{position:absolute;top:29px;left:62px;text-indent:-9999px;width:633px;height:179px;} #header h1 a{display:block;width:633px;height:185px;} #navbar li{float:left;height:98px;width:150px;} #index li{float:left;height:98px;width:750px;} #listaidiomas{font-size:16px;font-weight:600;} #listaidiomas li{margin-left:60px;padding:20px 0 0;} /*/CATALÀ/ */ #navbar li#empresa{background-image:url(../img/imatges_diseny/navegador-empresa-on.gif);} #navbar li#material{background-image:url(../img/imatges_diseny/navegador-material-on.gif);} #navbar li#accessoris{background-image:url(../img/imatges_diseny/navegador-accessoris-on.gif);} #navbar li#puntsdevenda{background-image:url(../img/imatges_diseny/navegador-puntsdevenda-on.gif);} #navbar li#noticies{background-image:url(../img/imatges_diseny/navegador-noticies-on.gif);} /*/CASTELLANO/ */ #navbar li#empresa-es{background-image:url(../img/imatges_diseny/navegador-empresa-es-on.gif);} #navbar li#material-es{background-image:url(../img/imatges_diseny/navegador-material-es-on.gif);} #navbar li#accessoris-es{background-image:url(../img/imatges_diseny/navegador-accessoris-es-on.gif);} #navbar li#puntsdevenda-es{background-image:url(../img/imatges_diseny/navegador-puntsdevenda-es-on.gif);} #navbar li#novedades-es{background-image: url(../img/imatges_diseny/navegador-novedades-es-on.gif);} /*/ENGLISH/ */ #navbar li#empresa-en{background-image:url(../img/imatges_diseny/navegador-empresa-en-on.gif);} #navbar li#material-en{background-image:url(../img/imatges_diseny/navegador-material-en-on.gif);} #navbar li#accessoris-en{background-image:url(../img/imatges_diseny/navegador-accessoris-en-on.gif);} #navbar li#puntsdevenda-en{background-image:url(../img/imatges_diseny/navegador-puntsdevenda-en-on.gif);} #navbar li#news-en{background-image:url(../img/imatges_diseny/navegador-news-en-on.gif);} /*/FRENCH/ */ #navbar li#empresa-fr{background-image:url(../img/imatges_diseny/navegador-empresa-fr-on.gif);} #navbar li#material-fr{background-image:url(../img/imatges_diseny/navegador-material-fr-on.gif);} #navbar li#accessoris-fr{background-image:url(../img/imatges_diseny/navegador-accessoris-fr-on.gif);} #navbar li#puntsdevenda-fr{background-image:url(../img/imatges_diseny/navegador-puntsdevenda-fr-on.gif);} #navbar li#actualites-fr{background-image:url(../img/imatges_diseny/navegador-news-fr-on.gif);} /*/PORTUGUÉS/ */ #navbar li#empresa-pt{background-image:url(../img/imatges_diseny/navegador-empresa-pt-on.gif);} #navbar li#material-pt{background-image:url(../img/imatges_diseny/navegador-material-pt-on.gif);} #navbar li#accessoris-pt{background-image:url(../img/imatges_diseny/navegador-accessoris-pt-on.gif);} #navbar li#puntsdevenda-pt{background-image:url(../img/imatges_diseny/navegador-puntsdevenda-pt-on.gif);} #navbar li#novedades-pt{background-image: url(../img/imatges_diseny/navegador-novedades-pt-on.gif);} /*/BARRAS NAVEGADORAS SUPERIOR E INFERIOR/ */ .superior{margin-left:44px;margin-right:44px;margin-top:20px;clear:both;position:relative;float:none;top:5px;height:5px;width:750px;background:url(../img/imatges_diseny/paises_superior_bg.png) top no-repeat;} .inferior{ clear:both; position:relative; float:none; top:5px; height:5px; width:750px; background:url(../img/imatges_diseny/paises_inferior_bg.png) bottom no-repeat; margin:-6px 44px 20px; } /*/SEGUNDO HEAD/ */ #subhead h1, #subhead2 h1{color: #3A75BF; font-weight:400;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:26px;text-align:left;padding:15px 10px 20px; text-shadow: #39F;} #subhead,#subhead2{margin-left:44px;margin-right:44px;border-left:1px solid #C9DFFD;border-right:1px solid #C9DFFD;height:50px;font-size:20px;background:#f3f8fd;padding-left:20px;padding-top:16px;padding-bottom:6px;} /*/ACCESORIOS Y TOOLBAR/ */ #accessoris li#sites-tab{width:124px;background-image:url(../img/imatges_diseny/pestanya_bosses.gif);} #accessoris li#files-tab{width:100px;background-image:url(../img/imatges_diseny/pestanya_fundes-sticks.gif);} #accessoris li#editor-tab{width:100px;background-image:url(../img/imatges_diseny/pestanya_boles.gif);} #accessoris li#preview-tab{width:100px;background-image:url(../img/imatges_diseny/pestanya_samarretes.gif);} #accessoris li#css-tab{width:100px;background-image:url(../img/imatges_diseny/pestanya_pantalons.gif);} #accessoris li#terminal-tab{width:100px;background-image:url(../img/imatges_diseny/pestanya_complements.gif);} #accessoris li#books-tab{width:124px;background-image:url(../img/imatges_diseny/pestanya_forapista.gif);} ul#navbar,ul#index{height:98px;width:750px;text-align:center;list-style:none;clear:both;margin:0 auto;} ul#accessoris,ul#toolbar{background:#f3f8fd;height:52px;width:748px;text-align:center;list-style:none;clear:both;padding-top:30px;border-left:#d6e6fc 1px solid;border-right:#d6e6fc 1px solid;margin:-16px auto 0;} #accessoris li,#toolbar li{float:left;text-indent:-9999px;} #accessoris li a,#toolbar li a{height:52px;display:block;} #accessoris li.active,#accessoris li:hover,#toolbar li.active,#toolbar li:hover{background-position:top;} #accessoris li.inactive,#toolbar li.inactive{background-position:bottom;} #toolbar li#sites-tab{width:124px;background-image:url(../img/imatges_diseny/pestanya_millenium.gif);} #toolbar li#editor-tab{width:100px;background-image:url(../img/imatges_diseny/pestanya_amateur.gif);} #toolbar li#preview-tab{width:100px;background-image:url(../img/imatges_diseny/pestanya_initiation.gif);} #toolbar li#css-tab{width:100px;background-image:url(../img/imatges_diseny/pestanya_patins-complerts.gif);} #toolbar li#terminal-tab{width:100px;background-image:url(../img/imatges_diseny/pestanya_patins.gif);} #toolbar li#books-tab{width:124px;background-image:url(../img/imatges_diseny/pestanya_rodes.gif);} #toolbar li#files-tab{width:100px;background-image:url(../img/imatges_diseny/pestanya_asbury.gif);} /*/FRAMES CAPAS CON SCROLL/ */ #frame{ overflow:hidden; width:838px; position:relative; margin:0 auto; visibility: visible; } #frame div.button{position:absolute;top:40%;visibility:visible;} div.button#left{left:0;} div.button#right{right:0;} #scroller{width:748px;border-left:1px solid #d6e6fc;border-right:1px solid #bbdbfc;border-bottom:1px solid #bbdbfc;background:#f3f8fd;overflow:hidden;margin:0 auto;} /*/MARCOS Y CUERPO/ */ #marcos{width:748px;border-left:1px solid #d6e6fc;border-right:1px solid #d6e6fc;background:#f3f8fd;overflow:hidden;margin:0 auto;} #marcos2{width:748px;border-left:1px solid #d6e6fc;border-right:1px solid #d6e6fc;background:#f3f8fd;overflow:hidden;margin:-16px auto 0;} #content{width:5250px;} .section{width:710px;float:left;background:url(../img/imatges_diseny/degradat_blau.gif) #f3f8fd repeat-x;padding:20px;} .section h2{color:#538bc3;width:688px;border-bottom:1px dotted #8fb9e4;font-weight:400;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:22px;line-height:22px;margin:10px;padding:20px 0 10px;} .section h3{color:#68ABDD;font-weight: normal;font-size:15px;font-family:Geneva, Arial, Helvetica, sans-serif; text-align:left;padding:10px 0 5px; margin-bottom: 5px;} .section h4{color:#999;font-weight:400;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;line-height:14px;margin-bottom:14px;margin-top:0;text-align:left;text-transform:lowercase;} .section p{font-size:12px;line-height:20px;padding:10px;} .section li{font-size:12px;line-height:20px;padding:10px 30px 10px 10px;} .index{padding-top:160px;text-align:center;} .paginasencilla{font-size:110%;float:left;padding:10px 20px 20px; } .paginasencilla ol,.paginasencilla ol li{line-height:18px;margin:0 0 0 20px;padding:5px 0;} .paginasencilla ul,.paginasencilla ul li{list-style:circle;vertical-align:middle;line-height:18px;margin:0 0 0 20px;padding:5px 0;} .paginasencilla h2{color:#538bc3;width:687px;border-bottom:1px dotted #8fb9e4;font-weight:400;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:20px;line-height:18px;letter-spacing:-1px;margin:10px;padding:10px 0;} .paginasencilla h3{color:#68ABDD;font-weight:400;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:18px;letter-spacing:-1px;line-height:22px;text-align:left;padding:10px 0 10px 10px; } .paginasencilla h3 a{color:#68ABDD;} .paginasencilla h3 a:hover{color:#538bc3;} .paginasencilla p{ line-height:20px; padding:5px 10px 5px; } .paginesblanques{width:710px;padding-bottom:20px;float:left;margin:20px;} .paginesblanques h2{color:#538bc3;width:688px;border-bottom:1px dotted #8fb9e4;font-weight:400;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:20px;line-height:22px;margin:10px;padding:20px 0 10px;} .paginesblanques h3{color:#68ABDD;font-weight:400;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:18px;letter-spacing:-2px;line-height:22px;margin-bottom:22px;margin-top:5px;text-align:left;} .paginesblanques h1{color:#072453;text-align:left;font-weight:400;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:26px;line-height:22px;margin-bottom:30px;margin-top:20px;padding-left:10px;} .paginesblanques p,.paginesblanques li{text-align:left;font-size:12px;line-height:20px;padding-right:10px;margin:0 0 10px;} #reno-contact h2{padding-left:46px;background:url(../img/imatges_diseny/send-email.png) left no-repeat;color:#4b0a78;} #reno-contact p{text-align:center;font-size:14px;line-height:18px;margin:5px 0;} .post{padding-top:10px;margin-bottom:0;margin-right:10px;float:left;} .post a img{border:none;margin-bottom:10px;padding:5px;} .post p{color:#2E4B63;font-weight:400;font-family:Geneva, Arial, Helvetica, sans-serif;line-height:normal;font-size:110%;padding:0 0 10px;} .section h1,.paginasencilla h1{ color:#072453; font-weight:400; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:26px; line-height:22px; margin-bottom:30px; margin-top:20px; padding-left:10px; padding-right:10px; text-align: center; } /*/ IMG PARA CUERPO Y COLUMNAS/ */ a img,.unacolumna :hover,.doscolumnas :hover,.trescolumnas :hover,.cuatrocolumnas :hover,.cincocolumnas :hover, .puntsdevenda :hover {border:0;} /*/PÁRRAFOS Y BORDES 0 PARA COLUMNAS/ */ .unacolumna a img,.doscolumnas a img,.trescolumnas a img,.cuatrocolumnas a img,.cincocolumnas a img, .puntsdevenda a img {text-align:center;border:none;} .unacolumna p, .puntsdevenda p, .doscolumnas p,.trescolumnas p,.cuatrocolumnas p,.cincocolumnas p, .botas p{color:#2E4B63;font-weight:400;font-family:Geneva, Arial, Helvetica, sans-serif;line-height:1.3em;font-size:90%;padding:4px 0 0;} .unacolumna h4,.doscolumnas h4,.trescolumnas h4, .cuatrocolumnas h4, .botas h4{font-weight: normal;font-size:14px;padding:0px 0 10px 0; color:#68ABDD;} .post a:hover img,.post a:hover,.unacolumna a:hover img,.unacolumna a:hover,.doscolumnas a:hover img,.doscolumnas a:hover,.trescolumnas a:hover img,.trescolumnas a:hover,.cuatrocolumnas a:hover,.cincocolumnas a:hover img, .botas a:hover {border:none;} /*/H3 i H4 PARA COLUMNAS/ */ .puntsdevenda h3{color:#68ABDD;font-weight: normal;font-size:15px;font-family:Geneva, Arial, Helvetica, sans-serif; text-align:left;padding:10px 0 5px; margin-bottom: 10px;} .puntsdevenda h4{font-weight: normal;font-size:14px;padding:10px 0 10px 0; color:#68ABDD;} /*/GALERÍAS CON UNA COLUMNA/ */ .unacolumna{border:1px solid #d6e6fc;float:left;background:#FFF;margin:10px;padding:10px;} /*/GALERÍAS CON DOS COLUMNAS/ */ .doscolumnas{width:312px;border:1px solid #d6e6fc;float:left;background:#FFF;margin:10px;padding:10px;} /*/GALERÍAS CON TRES COLUMNAS/ */ .trescolumnas{width:194px;border:1px solid #d6e6fc;float:left;background:#FFF;margin:10px;padding:10px;} /*/GALERÍAS CON CUATRO COLUMNAS/ */ .cuatrocolumnas{width:135px;height:270px;border:1px solid #d6e6fc;float:left;background:#FFF;margin:10px;padding:0px 10px 6px 10px; vertical-align:top;} /*/GALERÍAS CON CINCO COLUMNAS/ */ .cincocolumnas{width:100px;height:auto;border:1px solid #d6e6fc;float:left;background:#FFF;margin:10px;padding:10px;} /*/GALERÍAS GUARDAS/ */ .guardas{width:135px;height:220px;border:1px solid #d6e6fc;float:left;background:#FFF;margin:10px;padding:0px 10px 6px 10px; vertical-align:top;} /*/GALERÍAS PARA BOTAS/ */ .botas{ width:135px; height:225px; border:1px solid #d6e6fc; float:left; background:#FFF; margin:10px; vertical-align:top; padding-top: 0px; padding-right: 10px; padding-bottom: 6px; padding-left: 10px; } /*/GALERÍAS PARA PUNTOS DE VENDTA/ */ .puntsdevenda{width:135px;height:auto;border:1px solid #d6e6fc;float:left;background:#FFF;margin:10px;padding:0px 10px 10px 10px; vertical-align:top;} /* PAISES DE LOS PUNTOS DE VENTA/ */ #paises{color:#999;font-size:10px;padding-bottom:111px;text-align:left !important;width:750px;margin:auto;} #paises a:hover{text-decoration:underline;} #paises .gf-buy{float:left;width:60%;margin:18px 0 9px;} #paises .gf-links{float:right;text-align:right;margin:18px 0 9px;} #paises .gf-links a{white-space:nowrap;padding:0 10px;} #paises .gf-links a.last{padding-right:0;float:none !important;width:auto !important;} #paises .gf-sosumi{clear:both;width:100%;border-top:1px solid #eee;padding-top:9px;} #paises .gf-sosumi a{padding:0 10px;} /*/PUJAR/ */ #pujar{width:30px;height:35px;background:url(../img/imatges_diseny/fletxa.jpg) no-repeat top;float:center;text-align:center;position:relative;padding-top:30px;margin-bottom:-40px;} #pujar a{width:30px;height:40px;padding-top:30px;position:relative;color:#f3f8fd;} #pujar a:hover{text-decoration:none !important;} /*/COLUMNAS PRE-FOOTER/ */ #columnas{font-size:11px;background:url(../img/imatges_diseny/paises_bg.png) repeat-y;float:left;width:100%;position:relative;margin-top:-16px;margin-bottom:-140px;} #columnas .column{margin-top:10px;border-right:1px solid #d6e6fc;width:132px;height:100px;float:left !important;padding:9px 0 10px 10px;} #columnas .column1{height:100px;margin-top:10px;width:80px;float:left !important;padding:9px 0 10px 18px;} #columnas .column2{height:100px;margin-top:10px;border-right:1px solid #d6e6fc;width:80px;float:left !important;padding:9px 0 10px;} #columnas .columnultima{height:100px;margin-top:10px;width:132px;float:left !important;padding:9px 0 10px 10px;} .columnaunica{margin-top:10px;width:740px;padding:9px 0 10px 10px;} #columnaunica a, #columnaunica a:hover{width: 200px;color:#333 !important;text-decoration:none !important;background:#FFF;} #columnas h3{color:#444;font-weight:700;font-size:12px;margin:0 10px 8px 0;} #columnas a{display:block;margin:0 10px 0 0;} #columnas a:hover{color:#333 !important;text-decoration:none !important;background:#FFF;} #columnas .curvainferior{clear:both;position:relative;top:5px;height:5px;width:750px;background:url(../img/imatges_diseny/paises_inferior_bg.png) bottom no-repeat;} #paises a,#columnas a:link,#columnas a:visited{text-decoration:none;} #paises p,#anteriores p,#anteriores-inf p{margin:0;} #anteriores,#anteriores-inf{font-size:11px;color:#444;background:url(../img/imatges_diseny/anteriores.png) no-repeat;overflow:hidden;height:36px;line-height:34px;font-weight:700;width:750px;margin:15px auto;} #anteriores a,#anteriores-inf a{color:#444;text-decoration:none;float:left;position:relative;margin-left:-10px;padding:0 10px;} #anteriores a:hover,#anteriores-inf a:hover{color:#333;text-decoration:none !important;} #anteriores a.home,#anteriores-inf a.home{width:30px;height:0;padding-top:36px;overflow:hidden;margin:0;} #anteriores span,#anteriores-inf span{float:left;width:9px;position:relative;height:0;padding-top:34px;overflow:hidden;background:url(../img/imatges_diseny/separador-anteriores.png) no-repeat;margin:1px 10px 0 0;} /*/ESCONDER COSAS/ */ .hide,#header p{display:none;} /*/FOOTER/ */ #footer{width:100%;text-align:center; margin-top:-10px;} #footer p{font-size:1em;padding:6px 10px;} #footer-extras{background:url(../img/imatges_diseny/content_pane-shadow.gif) no-repeat top center;text-align:center;float:none;width:750px; margin:40px auto 15px !important; padding:10px 0 0;} #footer-extras p.left{ width:40%; float:left; text-align:left; } #footer-extras p.right{ width:60%; float:right; text-align:right; } #footer-extras p.links{margin:1.5em 0 2em;padding:.5em 0;} .marcoblanco{ border: 1px solid #d6e6fc; padding: 10px; margin: 10px 0 10px 0; background: #ECF7FF; } #links { float:none; color: #fff; float: none; margin: 100px auto 10px auto; text-align:center; width:58%; } #links a, #links a:hover, #links a:visited { color: #ccc; } .titol-index { font-size:16px; border:none; color: #487BAC; font-weight:normal; font-family: Verdana, Geneva, sans-serif; letter-spacing:-1px; padding-left: 20px; margin-bottom:20px; line-height:normal; } .logos-footer { float:none; text-align:center; margin:auto auto 20px auto; padding:inherit; }