/*ESTILOS GENERALES*/ @font-face { font-family: 'sansumi-demibold-webfont'; src: url('http://www.rollershop.fr/rollershop/imagenes/fonts/Sansumi-DemiBold/sansumi-demibold-webfont.eot'); src: local(''), url('http://www.rollershop.fr/rollershop/imagenes/fonts/Sansumi-DemiBold/sansumi-demibold-webfont.woff') format('woff'), url('http://www.rollershop.fr/rollershop/imagenes/fonts/Sansumi-DemiBold/sansumi-demibold-webfont.ttf') format('truetype'), url('http://www.rollershop.fr/rollershop/imagenes/fonts/Sansumi-DemiBold/sansumi-demibold-webfont.svg#webfont8xigBfG2') format('svg'); } @font-face { font-family: 'sansumi-regular-webfont'; src: url('http://www.rollershop.fr/rollershop/imagenes/fonts/Sansumi-Regular/sansumi-regular-webfont.eot'); src: local(''), url('http://www.rollershop.fr/rollershop/imagenes/fonts/Sansumi-Regular/sansumi-regular-webfont.woff') format('woff'), url('http://www.rollershop.fr/rollershop/imagenes/fonts/Sansumi-Regular/sansumi-regular-webfont.ttf') format('truetype'), url('http://www.rollershop.fr/rollershop/imagenes/fonts/Sansumi-Regular/sansumi-regular-webfont.svg#webfont8xigBfG2') format('svg'); } body, html { margin:0px; padding:0px; font-family:Century Gothic, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; background:#000000; } table { border:none; } td { border:none; } h1 { font-family:Century Gothic, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:25px; color:#666666; font-weight:normal; } a:link{font-family:Century Gothic, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#0038A5; text-decoration:none; letter-spacing:0;} a:visited{font-family:Century Gothic, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#0038A5; text-decoration:none; letter-spacing:0;} a:active{font-family:Century Gothic, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#0038A5; text-decoration:none; letter-spacing:0;} a:hover{font-family:Century Gothic, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; text-decoration:none; letter-spacing:0;} img { border:none; } /*FIN ESTILOS GENERALES*/ /*PARA QUE FLOTE CON ANIMACIÓN*/ .div_web { z-index:99; position:relative; width:100%; height:100%; } .div_centrado { z-index:0; position:absolute; width:100%; height:482px; } /*FIN PARA QUE FLOTE CON ANIMACIÓN*/ /*SOMBRAS EN LA WEB*/ #sombra_sup { background:url(http://www.rollershop.fr/rollershop/imagenes/plantilla/sombra_sup.png); height:15px; } #sombra_inf { background:url(http://www.rollershop.fr/rollershop/imagenes/plantilla/sombra_inf.png); background-repeat:repeat-x; height:30px; } /*FIN SOMBRAS EN LA WEB*/ #contenedor_web { width:100%; text-align:center; } #cabecera { width:951px; height:85px; margin:auto; } #menu_hori { width:951px; height:30px; margin:auto; } #contenido { width:951px; height:380px; margin:auto; margin-top:10px; margin-bottom:10px; border:1px solid #D6D6D6; } #pie { width:951px; height:30px; margin:auto; clear:both; } #menu_hori_enlaces { float:left; width:900px; height:30px; background:url(http://www.rollershop.fr/rollershop/imagenes/plantilla/menu_hori_fondo.jpg) repeat-x; padding-top:7px; } #menu_hori_cambio_idioma { float:right; width:48px; height:30px; background:#08078E; } #pie_contenedor_intranet { float:left; width:470px; text-align:left; } #pie_enlaces { float:right; width:450px; text-align:right; } .a_intro:link{font-size:11px; color:#0038A5;} .a_intro:visited{font-size:11px; color:#0038A5;} .a_intro:active{font-size:11px; color:#0038A5;} .a_intro:hover{font-size:11px; color:#333333;} .sinBordes { border:none; } /*********************************************************************** * * MENU HORIZONTAL * ***********************************************************************/ .a_menu_hori:link{font-family:Century Gothic, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:12px; font-size:13px; font-weight:bold; color:#CCCCCC; text-decoration:none; margin-left:10px; margin-right:10px;} .a_menu_hori:visited{font-family:Century Gothic, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:12px; font-size:13px; font-weight:bold; color:#CCCCCC; text-decoration:none; margin-left:10px; margin-right:10px;} .a_menu_hori:active{font-family:Century Gothic, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:12px; font-size:13px; font-weight:bold; color:#CCCCCC; text-decoration:none; margin-left:10px; margin-right:10px;} .a_menu_hori:hover{font-family:Century Gothic, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:12px; font-size:13px; font-weight:bold; color:#CCCCCC; text-decoration:none; margin-left:10px; margin-right:10px;} .a_menu_hori_sel:link{font-family:Century Gothic, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#CCCCCC; text-decoration:underline; margin-left:10px; margin-right:10px;} .a_menu_hori_sel:visited{font-family:Century Gothic, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#CCCCCC; text-decoration:underline; margin-left:10px; margin-right:10px;} .a_menu_hori_sel:active{font-family:Century Gothic, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#CCCCCC; text-decoration:underline; margin-left:10px; margin-right:10px;} .a_menu_hori_sel:hover{font-family:Century Gothic, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#CCCCCC; text-decoration:underline; margin-left:10px; margin-right:10px;} .texto_menu_hori { font-family:Century Gothic, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#CCCCCC; } /*********************************************************************** * * FIN MENU Horizontal * ***********************************************************************/ /*********************************************************************** * * MENU Vertical * ***********************************************************************/ .a_menu_vert:link{font-family:sansumi-demibold-webfont, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:16px; color:#FFFFFF;} .a_menu_vert:visited{font-family:sansumi-demibold-webfont, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:16px; color:#FFFFFF;} .a_menu_vert:active{font-family:sansumi-demibold-webfont, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:16px; color:#FFFFFF;} .a_menu_vert:hover{font-family:sansumi-demibold-webfont, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:16px; color:#0038A5;} .a_menu_vert_sel:link{font-family:sansumi-demibold-webfont, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:16px; color:#0038A5;} .a_menu_vert_sel:visited{font-family:sansumi-demibold-webfont, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:16px; color:#0038A5;} .a_menu_vert_sel:active{font-family:sansumi-demibold-webfont, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:16px; color:#0038A5;} .a_menu_vert_sel:hover{font-family:sansumi-demibold-webfont, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:16px; color:#FFFFFF;} .a_submenu_vert:link{font-family:Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;} .a_submenu_vert:visited{font-family:Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;} .a_submenu_vert:active{font-family:Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;} .a_submenu_vert:hover{font-family:Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:12px; color:#0038A5;} .a_submenu_vert_sel:link{font-family:Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:12px; color:#0038A5;} .a_submenu_vert_sel:visited{font-family:Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:12px; color:#0038A5;} .a_submenu_vert_sel:active{font-family:Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:12px; color:#0038A5;} .a_submenu_vert_sel:hover{font-family:Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;} /*********************************************************************** * * FIN MENU Vertical * ***********************************************************************/ /*********************************************************************** * * CONTENIDO * ***********************************************************************/ .titulo_contenido { font-family:Century Gothic, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:25px; font-weight:normal; color:#0038A5; } .texto_contenido { font-family:Century Gothic, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; line-height:18px; } .titulo_tienda { font-family:Century Gothic, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#000000; } .texto_tienda { font-family:Century Gothic, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:12px; color:#000000; line-height:18px; } .texto_fecha { font-size:12px; color:#999999; } .texto_cabecera { font-family:Century Gothic, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:25px; color:#666666; } .a_contenido:link{font-size:12px; color:#000000;} .a_contenido:visited{font-size:12px; color:#000000;} .a_contenido:active{font-size:12px; color:#000000;} .a_contenido:hover{font-size:12px; color:#0038A5;} .a_contenido_sel:link{font-size:12px; color:#0038A5;} .a_contenido_sel:visited{font-size:12px; color:#0038A5;} .a_contenido_sel:active{font-size:12px; color:#0038A5;} .a_contenido_sel:hover{font-size:12px; color:#000000;} .a_guia:link{font-size:10px; color:#000000;} .a_guia:visited{font-size:10px; color:#000000;} .a_guia:active{font-size:10px; color:#000000;} .a_guia:hover{font-size:10px; color:#0038A5;} .a_novedades:link{font-size:14px; color:#FFFFFF;} .a_novedades:visited{font-size:14px; color:#FFFFFF;} .a_novedades:active{font-size:14px; color:#FFFFFF;} .a_novedades:hover{font-size:14px; color:#CCCCCC;} .a_novedades_info:link{font-size:12px; color:#FFFFFF;} .a_novedades_info:visited{font-size:12px; color:#FFFFFF;} .a_novedades_info:active{font-size:12px; color:#FFFFFF;} .a_novedades_info:hover{font-size:12px; color:#CCCCCC;} .a_contacto:link{font-size:12px; color:#FFFFFF;} .a_contacto:visited{font-size:12px; color:#FFFFFF;} .a_contacto:active{font-size:12px; color:#FFFFFF;} .a_contacto:hover{font-size:12px; color:#CCCCCC;} .input_contenido { font-family:Century Gothic, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:12px; color:#333333; background-color:#FFFFFF; border:1px solid #333333; } .input_boton_contenido { font-family:Century Gothic, Verdana, Arial, Eurose, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#FFFFFF; background-color:#0038A5; border:1px solid #0038A5; cursor:pointer; } .input_carrito { font-family:Century Gothic, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:12px; color:#333333; background-color:#F2F2F2; border:1px solid #666666; } .input_boton_carrito { font-family:Century Gothic, Verdana, Arial, Eurose, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#FFFFFF; background-color:#333333; border:1px solid #333333; cursor:pointer; } .input_login { font-family:Century Gothic, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; background:#333333; border:1px solid #333333; width:161px; margin-left:5px; } .input_boton_login { font-family:Century Gothic, Verdana, Arial, Eurose, Helvetica, sans-serif; font-weight:bold; font-size:10px; color:#FFFFFF; background:#0038A5; border:1px solid #0038A5; width:116px; cursor:pointer; } .a_login:link{font-size:10px; font-weight:bold; color:#0038A5; text-decoration:none;} .a_login:visited{font-size:10px; font-weight:bold; color:#0038A5; text-decoration:none;} .a_login:active{font-size:10px; font-weight:bold; color:#0038A5; text-decoration:none;} .a_login:hover{font-size:10px; font-weight:bold; color:#FFFFFF; text-decoration:underline;} .titulo_login { font-size:12px; font-weight:bold; color:#0038A5; } .texto_login { font-family:Century Gothic, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; } /*********************************************************************** * * FIN CONTENIDO * ***********************************************************************/ /*********************************************************************** * * PAGINA CONTACTO * ***********************************************************************/ .titulo_contacto { font-weight:bold; font-size:14px; color:#0038A5; } .input_contacto { font-family:Century Gothic, Verdana, Arial, Eurose, Helvetica, sans-serif; font-size:12px; color:#333333; background-color:#EBEBEB; border:1px solid #CCCCCC; border-top:1px solid #0038A5; } .input_boton_contacto { font-family:Century Gothic, Verdana, Arial, Eurose, Helvetica, sans-serif; font-weight:normal; font-size:11px; color:#0038A5; background-color:#CC292B; border:1px solid #0038A5; cursor:pointer; } /*********************************************************************** * * FIN CONTACTO * ***********************************************************************/ /*********************************************************************** * * PIE DE PÁGINA * ***********************************************************************/ .texto_pie { font-size:9px; color:#FFFFFF; } .a_menu_pie:link{font-size:9px; color:#FFFFFF;} .a_menu_pie:visited{font-size:9px; color:#FFFFFF;} .a_menu_pie:active{font-size:9px; color:#FFFFFF;} .a_menu_pie:hover{font-size:9px; color:#0038A5;} .texto_creditos { font-size:11px; color:#FFFFFF; } .a_texto_creditos:link{font-size:11px; color:#0038A5;} .a_texto_creditos:visited{font-size:11px; color:#0038A5;} .a_texto_creditos:active{font-size:11px; color:#0038A5;} .a_texto_creditos:hover{font-size:11px; color:#FFFFFF;} .texto_cerrar_ventana { font-weight:bold; font-size:11px; color:#0038A5; } .a_cambio_idioma:link{font-size:9px; color:#CCCCCC;} .a_cambio_idioma:visited{font-size:9px; color:#CCCCCC;} .a_cambio_idioma:active{font-size:9px; color:#CCCCCC;} .a_cambio_idioma:hover{font-size:9px; color:#FFFFFF;} .a_cambio_idioma_sel:link{font-size:9px; color:#FFFFFF;} .a_cambio_idioma_sel:visited{font-size:9px; color:#FFFFFF;} .a_cambio_idioma_sel:active{font-size:9px; color:#FFFFFF;} .a_cambio_idioma_sel:hover{font-size:9px; color:#CCCCCC;} /*********************************************************************** * * FIN PIE DE PÁGINA * ***********************************************************************/