html { height: 100%; margin: 0px; padding: 0px;} body { text-align: center; margin: 0px; padding-top: 15px; font-family: verdana, arial, helvetica, sans-serif; background: white url(recursos/imagenes/fondos/fondo_verde.jpg) fixed top; background-position:center 0px; height: 100%;} #web { /*primer contenedor que centra todo dentro de body*/ width: 900px; text-align: center; left: 50%; position: absolute; margin-left:-450px;} #contenedorTop{ margin: 0px 0 -40px 0; width: 900px;} #contenido { /* todo lo q hay entre el top y el pie (#central y #lateral) */ margin-top: 50px; width: 100%; overflow:hidden;} #central{ width: 615px; float:left; margin-bottom:20px; } .solapa_grande{ background:url(recursos/imagenes/fondos/solapa_grande.png); width:100%; height:35px; float:left;} .titulo_solapa{ width:100%; height:auto; float:left; margin-left:10px; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; font-weight:bold;} .fondo_solapa_grande{ width:100%; height:100%; background:url(recursos/imagenes/fondos/fondo_caja_grande.png) repeat-y ; display: inline-block; float:left; padding-top:20px; text-align:center;} .pie_caja_grande{ width:100%; background:url(recursos/imagenes/fondos/pie_caja_grande.png); height:11px; float:left;} .texto{ padding: 0 3px 0 3px; margin-bottom:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; } .desplazar{ /* class a usar para agregar barra de desplazamiento */ overflow: scroll; width: 97%; height: 700px; background-image:url(recursos/imagenes/fondos/fondo_blanco.png); margin-left:10px; margin-bottom:20px } .desplazar_sinfondo{ /* class a usar para agregar barra de desplazamiento */ overflow: scroll; width: 97%; height: 700px; margin-left:10px; margin-bottom:20px } .desplazar_columnafan{ /* class a usar para agregar barra de desplazamiento */ overflow: scroll; width: 93%; height: 600px; margin-left:10px; background-image:url(recursos/imagenes/fondos/fondo_blanco.png); margin-bottom:20px; padding: 0 20px 0 10px; } #lateral{ margin: 0px 5px 0px 0px; width: 266px; float: right; } #inferior{ width:100%; margin-top:0px; } #pie_pagina{ width:100%; } /* Estilos para fotos.php */ #titulo_galeria{ margin:20px 0 15px 0; width:585px; height:36px; } #galerias{ width:585px; height:100%;} .lista_galerias{ list-style:none;} #fondo_listaGaleria{ margin-left:50px; margin-bottom:20px; padding-top:0px; background-image:url(recursos/imagenes/fondos/fondo_polaroid.png); height:201px; width:221px; float:left;} #galeria_vistaprevia{ margin:29px 0 0 27px; text-align:left;} #galeria_titulo{ margin:3px; font-size:12px; text-align:center; } a:link { font-weight: 900; color: black; text-decoration: none; } a:visited { font-weight: 900; color: #999; text-decoration: none; } a:hover, a:active { font-weight: 900; color: black; text-decoration: underline; } .trebuchet_small { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #656565; padding: 5px; } .trebuchet_small2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #656565; padding: 5px; text-align:left; } .trebuchet_small_blanca { font-family: "Trebuchet MS"; font-size: 11px; font-style: normal; font-weight: normal; color: #696969; } .trebuchet_medium { font-family: "Trebuchet MS"; font-size: 12px; font-style: normal; font-weight: normal; color: #696969; } .trebuchet_medium_bk { font-family: "Trebuchet MS"; font-size: 12px; font-style: normal; font-weight: normal; color: #696969; } .verdana_small { font-family: Verdana; font-size: 9px; font-style: normal; font-weight: normal; text-align: center; color: Black; } .lucida_menu { font-family: "Lucida Sans"; font-size: 11px; font-style: normal; font-weight: bold; color: black; } .lucida_cuerpo { font-family: "Lucida Sans Typewriter"; font-size: 11px; font-style: normal; font-weight: normal; color: Black; text-align:left; } .titlat{ background-color: #CDDEE9; color: #3b5998; font-size: 10px; padding: 7px 5px 5px 8px; font-weight: bold; letter-spacing: 3px; margin: 0px 0px 1px 0px; } .font_menu { font-family: "Lucida Sans Typewriter"; font-size: 11px; font-style: normal; font-weight: bold; color: black; } .verdana_titulo { font-family: Verdana; font-size: 14px; font-style: normal; font-weight: bold; text-align: center; color: #696969; } .trebuchet_titulo { font-family: "Trebuchet MS"; font-size: 16px; font-style: normal; font-weight: bold; color: black; } .trebuchet_titulo2 { font-family: "Trebuchet MS"; font-size: 18px; font-style: normal; color: #006; } #menuhoriz ul li { display: inline; list-style-type: none; text-align: center; padding: 3px; /*Separar el texto*/ margin: 3px; /* Separar los botones */ font-family: Arial, Helvetica, sans-serif; font-size: 11px; } #menuhoriz ul li:hover { cursor: pointer; /* cambiar el aspecto del puntero */ background-color: #e4e4e4; } #menuhoriz ul { /* Linea para delimitar la botonera */ border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #E4E4E4; } #fotoizquierda { float: left; padding: 10px; } #fotoderecha { float: right; padding: 10px 0 0 10px; } #fondo_listaDiscografia{ margin-left:50px; margin-bottom:20px; padding-top:0px; background-image:url(recursos/imagenes/fondos/caja_discos.png); height:151px; width:129px; float:left;} #fondo_listaDiscografia2{ /* div para cuando la discografia termina en 1 tapa */ margin-left:229px; margin-bottom:20px; padding-top:0px; background-image:url(recursos/imagenes/fondos/caja_discos.png); height:151px; width:129px; float:left;} #discografia_vistaprevia{ margin:8px 0 0 7px; text-align:left;} #discografia_titulo{ width:109px; margin:3px; font-size:10px; text-align:center; } #discografia_titulo2{ /* div para cuando el texto es muy largo */ width:109px; margin:3px; margin-top:8px; font-size:7px; text-align:center; } .columnadelfan_presentacion{ padding: 5px; padding:0px 23px 10px 23px; } .fondoblanco{ margin: 0 9px 0 9px; background-image:url(recursos/imagenes/fondos/fondo_blanco.png); }
   
 
LOCOS POR SABROSO
  separados
   

 

 






                                           SEPARADOS

    
   
 
html { height: 100%; margin: 0px; padding: 0px;} body { text-align: center; margin: 0px; padding-top: 15px; font-family: verdana, arial, helvetica, sans-serif; background: white url(recursos/imagenes/fondos/fondo_verde.jpg) fixed top; background-position:center 0px; height: 100%;} #web { /*primer contenedor que centra todo dentro de body*/ width: 900px; text-align: center; left: 50%; position: absolute; margin-left:-450px;} #contenedorTop{ margin: 0px 0 -40px 0; width: 900px;} #contenido { /* todo lo q hay entre el top y el pie (#central y #lateral) */ margin-top: 50px; width: 100%; overflow:hidden;} #central{ width: 615px; float:left; margin-bottom:20px; } .solapa_grande{ background:url(recursos/imagenes/fondos/solapa_grande.png); width:100%; height:35px; float:left;} .titulo_solapa{ width:100%; height:auto; float:left; margin-left:10px; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; font-weight:bold;} .fondo_solapa_grande{ width:100%; height:100%; background:url(recursos/imagenes/fondos/fondo_caja_grande.png) repeat-y ; display: inline-block; float:left; padding-top:20px; text-align:center;} .pie_caja_grande{ width:100%; background:url(recursos/imagenes/fondos/pie_caja_grande.png); height:11px; float:left;} .texto{ padding: 0 3px 0 3px; margin-bottom:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; } .desplazar{ /* class a usar para agregar barra de desplazamiento */ overflow: scroll; width: 97%; height: 700px; background-image:url(recursos/imagenes/fondos/fondo_blanco.png); margin-left:10px; margin-bottom:20px } .desplazar_sinfondo{ /* class a usar para agregar barra de desplazamiento */ overflow: scroll; width: 97%; height: 700px; margin-left:10px; margin-bottom:20px } .desplazar_columnafan{ /* class a usar para agregar barra de desplazamiento */ overflow: scroll; width: 93%; height: 600px; margin-left:10px; background-image:url(recursos/imagenes/fondos/fondo_blanco.png); margin-bottom:20px; padding: 0 20px 0 10px; } #lateral{ margin: 0px 5px 0px 0px; width: 266px; float: right; } #inferior{ width:100%; margin-top:0px; } #pie_pagina{ width:100%; } /* Estilos para fotos.php */ #titulo_galeria{ margin:20px 0 15px 0; width:585px; height:36px; } #galerias{ width:585px; height:100%;} .lista_galerias{ list-style:none;} #fondo_listaGaleria{ margin-left:50px; margin-bottom:20px; padding-top:0px; background-image:url(recursos/imagenes/fondos/fondo_polaroid.png); height:201px; width:221px; float:left;} #galeria_vistaprevia{ margin:29px 0 0 27px; text-align:left;} #galeria_titulo{ margin:3px; font-size:12px; text-align:center; } a:link { font-weight: 900; color: black; text-decoration: none; } a:visited { font-weight: 900; color: #999; text-decoration: none; } a:hover, a:active { font-weight: 900; color: black; text-decoration: underline; } .trebuchet_small { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #656565; padding: 5px; } .trebuchet_small2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #656565; padding: 5px; text-align:left; } .trebuchet_small_blanca { font-family: "Trebuchet MS"; font-size: 11px; font-style: normal; font-weight: normal; color: #696969; } .trebuchet_medium { font-family: "Trebuchet MS"; font-size: 12px; font-style: normal; font-weight: normal; color: #696969; } .trebuchet_medium_bk { font-family: "Trebuchet MS"; font-size: 12px; font-style: normal; font-weight: normal; color: #696969; } .verdana_small { font-family: Verdana; font-size: 9px; font-style: normal; font-weight: normal; text-align: center; color: Black; } .lucida_menu { font-family: "Lucida Sans"; font-size: 11px; font-style: normal; font-weight: bold; color: black; } .lucida_cuerpo { font-family: "Lucida Sans Typewriter"; font-size: 11px; font-style: normal; font-weight: normal; color: Black; text-align:left; } .titlat{ background-color: #CDDEE9; color: #3b5998; font-size: 10px; padding: 7px 5px 5px 8px; font-weight: bold; letter-spacing: 3px; margin: 0px 0px 1px 0px; } .font_menu { font-family: "Lucida Sans Typewriter"; font-size: 11px; font-style: normal; font-weight: bold; color: black; } .verdana_titulo { font-family: Verdana; font-size: 14px; font-style: normal; font-weight: bold; text-align: center; color: #696969; } .trebuchet_titulo { font-family: "Trebuchet MS"; font-size: 16px; font-style: normal; font-weight: bold; color: black; } .trebuchet_titulo2 { font-family: "Trebuchet MS"; font-size: 18px; font-style: normal; color: #006; } #menuhoriz ul li { display: inline; list-style-type: none; text-align: center; padding: 3px; /*Separar el texto*/ margin: 3px; /* Separar los botones */ font-family: Arial, Helvetica, sans-serif; font-size: 11px; } #menuhoriz ul li:hover { cursor: pointer; /* cambiar el aspecto del puntero */ background-color: #e4e4e4; } #menuhoriz ul { /* Linea para delimitar la botonera */ border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #E4E4E4; } #fotoizquierda { float: left; padding: 10px; } #fotoderecha { float: right; padding: 10px 0 0 10px; } #fondo_listaDiscografia{ margin-left:50px; margin-bottom:20px; padding-top:0px; background-image:url(recursos/imagenes/fondos/caja_discos.png); height:151px; width:129px; float:left;} #fondo_listaDiscografia2{ /* div para cuando la discografia termina en 1 tapa */ margin-left:229px; margin-bottom:20px; padding-top:0px; background-image:url(recursos/imagenes/fondos/caja_discos.png); height:151px; width:129px; float:left;} #discografia_vistaprevia{ margin:8px 0 0 7px; text-align:left;} #discografia_titulo{ width:109px; margin:3px; font-size:10px; text-align:center; } #discografia_titulo2{ /* div para cuando el texto es muy largo */ width:109px; margin:3px; margin-top:8px; font-size:7px; text-align:center; } .columnadelfan_presentacion{ padding: 5px; padding:0px 23px 10px 23px; } .fondoblanco{ margin: 0 9px 0 9px; background-image:url(recursos/imagenes/fondos/fondo_blanco.png); } Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis