/****** PARTE GENERAL ******/ * { font:12px Tahoma, Arial, "FreeSans"; text-decoration:none; text-indent:0px; margin:0px; padding:0px; } body { background:#B0B0B0 url(/imagenes/fondo.jpg) no-repeat fixed center top; } h1 { font:15px Arial, Tahoma, "FreeSans"; font-weight:bold; text-align:center; } p { text-align:justify; } img { border-style: none; } /*********************************************************** INTRO ********************************************************/ /****** MARCO WEB INTRO ******/ #marco-web-intro { width:398px; margin:4px auto; border:#FFFFFF 1px solid; background-color:#FFFFFF; } /****** MARCO-WEB-INTRO / CABECERA-INTRO ******/ #cabecera-intro { width:398px; height:100px; background:url("../imagenes/intro-web_01.gif"); background-repeat:no-repeat; position:relative; } /****** MARCO-WEB-INTRO / MENU-TITULO-INTRO ******/ #menu-titulo-intro { width:398px; height:46px; background:url("../imagenes/intro-web_02.gif"); background-repeat:no-repeat; position:relative; } /****** MARCO-WEB-INTRO / TEXTO-MENU-TITULO-INTRO ******/ #texto-menu-titulo-intro { width:378px; height:23px; font:20px Arial; text-align:center; text-transform:none; text-decoration:none; color: #FFFFFF; position:absolute; top:11px; left:10px; } /****** MARCO-WEB-INTRO / CONTENIDO-WEB-INTRO ******/ #contenido-web-intro { width:398px; position:relative; } /****** MARCO-WEB-INTRO / CONTENIDO-WEB-INTRO ******/ #texto-contenido-web-intro { width:358; font:12px Tahoma, Arial, "FreeSans"; color:#6987A5; text-align:justify; padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:20px; } /****** MARCO-WEB-INTRO / FIN-WEB-INTRO ******/ #fin-web-intro { width:398px; height:24px; background:url("../imagenes/intro-web_04.gif"); background-repeat:no-repeat; font:12px Arial; font-weight:bold; text-align:center; text-decoration:none; text-transform:uppercase; color:#FFFFFF; position:relative; } #fin-web-intro a { font:12px Arial; font-weight:bold; text-align:center; text-decoration:none; text-transform:uppercase; color:#FFFFFF; } #fin-web-intro a:hover { font:12px Arial; font-weight:bold; text-align:center; text-decoration:none; text-transform:uppercase; color:#000033; } /****** MARCO-WEB-INTRO / FIN-WEB / EMPRESA-INTRO ******/ #empresa-intro { width:189px; height:12px; font:9px Arial; text-align:left; text-transform:none; text-decoration:none; color: #FFFFFF; position:absolute; top:11px; left:10px; } #empresa-intro a { font:9px Arial; text-align:left; text-transform:none; text-decoration:none; color: #FFFFFF; } #empresa-intro a:hover { font:9px Arial; text-align:left; text-transform:none; text-decoration:none; color: #000000; } /****** MARCO-WEB-INTRO / FIN-WEB / LEMA-INTRO ******/ #lema-intro { width:189px; height:12px; font:9px Arial; text-align:right; text-transform:none; text-decoration:none; color: #FFFFFF; position:absolute; top:11px; left:199px; } #lema-intro a { font:9px Arial; text-align:right; text-transform:none; text-decoration:none; color: #FFFFFF; } #lema-intro a:hover { font:9px Arial; text-align:right; text-transform:none; text-decoration:none; color: #000000; } /*************************************************************************************************************************/ /****** MARCO-WEB ******/ #marco-web { width:900px; margin:4px auto; border:#FFFFFF 1px solid; background-color:#FFFFFF; } /****** MARCO-WEB / CABECERA ******/ #cabecera { width:900px; height:100px; background:url("../imagenes/fondo-titulo.jpg"); background-repeat:no-repeat; position:relative; } /****** MARCO-WEB / MENU-TITULO ******/ #menu-titulo { width:900px; height:46px; position:relative; } /****** MARCO-WEB / CONTENIDO-WEB ******/ #contenido-web { width:900px; position:relative; } /****** MARCO-WEB / CONTENIDO-WEB / PARTE-IZQUIERDA ******/ #parte-izquierda { width:570px; float:left; margin-top:10px; margin-left:10px; } /****** MARCO-WEB / CONTENIDO-WEB / TITULO-CUADRO-VIDEOS ******/ .titulo-cuadro-videos { width:570px; margin-bottom:-2px; } /****** MARCO-WEB / CONTENIDO-WEB / CUADRO-VIDEOS ******/ .cuadro-videos { background:url(../imagenes/fondo-cuadro-videos.jpg); background-repeat:repeat-y; padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; text-align:justify; } .cuadro-videos a, .cuadro-videos a:hover { text-decoration:none; color:#000000; text-align:justify; } /****** MARCO-WEB / CONTENIDO-WEB / FIN-CUADRO-VIDEOS ******/ .fin-cuadro-videos { width:570px; height:1px; background:url(../imagenes/fin-fondo-cuadro-videos.jpg); background-repeat:no-repeat;} /****** MARCO-WEB / CONTENIDO-WEB / PARTE-IZQUIERDA / TEXTO-NEGRITA-PI ******/ .texto-negrita-pi { font-weight:bold; } /****** MARCO-WEB / CONTENIDO-WEB / PARTE-IZQUIERDA / TEXTO-EXPLICATIVO-TABLAS-PI ******/ .texto-explicativo-tablas-pi { text-align:justify; vertical-align:middle; } /****** MARCO-WEB / CONTENIDO-WEB / PARTE-IZQUIERDA / TEXTO-PUNTOS-PI ******/ .texto-puntos-pi { padding-top:10px; padding-left:75px; padding-bottom:10px; } /****** MARCO-WEB / CONTENIDO-WEB / PARTE-IZQUIERDA / IMAGENES-TABLAS-PI ******/ .imagenes-tablas-pi { vertical-align:top; text-align:center; } /****** MARCO WEB / CONTENIDO-WEB / PARTE-IZQUIERDA / CONTENEDOR-VIDEOS-PI ******/ .contenedor-videos-pi { width:570px; float:left; } /****** MARCO WEB / CONTENIDO-WEB / PARTE-IZQUIERDA / CONTENEDOR-VIDEOS-PI ******/ .separador-contenedores-videos-pi { width:570px; float:left; height:10px; } /****** MARCO WEB / CONTENIDO-WEB / PARTE-IZQUIERDA / CUADRO-VIDEO1 ******/ .cuadro-video1 { width:280px; float:left; } /****** MARCO WEB / CONTENIDO-WEB / PARTE-IZQUIERDA / CUADRO-VIDEO2 ******/ .cuadro-video2 { width:280px; float:right; } /****** MARCO WEB / CONTENIDO-WEB / PARTE-IZQUIERDA / VIDEO-CUADRO-VIDEO ******/ .video-cuadro-video { height:134px; background:url(../imagenes/fondo-play-videos.jpg); } /****** MARCO WEB / CONTENIDO-WEB / PARTE-IZQUIERDA / VIDEO-CUADRO-VIDEO ******/ .video-cuadro-video.grande { height:225px; } /****** MARCO WEB / CONTENIDO-WEB / PARTE-IZQUIERDA / TEXTO-DESCRIPCION-CUADRO-VIDEO ******/ .texto-descripcion-cuadro-video { padding-top:10px; padding-left:5px; padding-right:5px; text-align:justify; background:url(../imagenes/fondo-descripcion-cuadro-video.jpg); } .texto-descripcion-cuadro-video a, .texto-descripcion-cuadro-video a:hover { text-decoration:none; color:#000000; text-align:justify; } /****** MARCO WEB / CONTENIDO-WEB / PARTE-IZQUIERDA / TEXTO-DESCRIPCION-CUADRO-VIDEO ******/ .texto-descripcion-cuadro-video-grande { padding-top:5px; padding-bottom:5px; padding-right:10px; text-align:justify; } .texto-descripcion-cuadro-video-grande a, .texto-descripcion-cuadro-video-grande a:hover { text-decoration:none; color:#000000; text-align:justify; } /****** MARCO WEB / CONTENIDO-WEB / PARTE-IZQUIERDA / TEXTO-DESCRIPCION-CUADRO-VIDEO ******/ .final-descripcion-cuadro-video { height:10px; background:url(../imagenes/final-fondo-descripcion-cuadro-video.jpg); } /****** MARCO-WEB / CONTENIDO-WEB / PARTE-DERECHA ******/ #parte-derecha { width:300px; float:right; margin-top:10px; margin-right:10px; } /****** MARCO-WEB / FIN-WEB ******/ #fin-web { width:900px; height:84px; margin-top:10px; background:url("../imagenes/fin-web.jpg"); background-repeat:no-repeat; font:12px Arial; font-weight:bold; text-align:center; text-decoration:none; text-transform:uppercase; color:#FFFFFF; position:relative; } #fin-web a { font:12px Arial; font-weight:bold; text-align:center; text-decoration:none; text-transform:uppercase; color:#FFFFFF; } #fin-web a:hover { font:12px Arial; font-weight:bold; text-align:center; text-decoration:none; text-transform:uppercase; color:#000033; } /****** MARCO-WEB / FIN-WEB / PATROCINIO-WEB ******/ #patrocinio-web { width:390px; height:12px; font:9px Arial; text-align:left; text-transform:none; text-decoration:none; color: #FFFFFF; position:absolute; top:70px; left:10px; } #patrocinio-web a { font:9px Arial; text-align:left; text-transform:none; text-decoration:none; color: #FFFFFF; } #patrocinio-web a:hover { font:9px Arial; text-align:left; text-transform:none; text-decoration:none; color: #000000; } /****** MARCO-WEB / FIN-WEB / WEBS-GRUPO ******/ #webs-grupo { width:490px; height:12px; font:9px Arial; text-align:right; text-transform:none; text-decoration:none; color: #FFFFFF; position:absolute; top:70px; left:400px; } #webs-grupo a { font:9px Arial; text-align:right; text-transform:none; text-decoration:none; color: #FFFFFF; } #webs-grupo a:hover { font:9px Arial; text-align:right; text-transform:none; text-decoration:none; color: #000000; } /****** MARCO-WEB / FIN-WEB / TEXTO-SEPARADOR-FIN-WEB ******/ .texto-separador-fin-web { font:6px Arial; text-align:center; } /****** PIE-WEB ******/ #pie-web { margin-top:12px; font:11px Tahoma, Arial, "FreeSans"; text-align:center; text-decoration:none; color:#FFFFFF; } #pie-web a { font:11px Tahoma, Arial, "FreeSans"; color:#FFFFFF; } #pie-web a:hover { font:11px Tahoma, Arial, "FreeSans"; color:#000000; } /****** UTILIDADES PARA IGUALAR EL ESTILO EN TODOS LOS NAVEGADORES ******/ #rellenar-floats { clear:both; } /*** Para rellenar en todos los Navegadores por igual ***/