html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } html, body { height: 100%; } body { font-size: 10px; font-family: verdana; color: #ffffff; height: 100%; background: #242424 url(imagenes/f_body_b.jpg) repeat-y top center; }  #centrador { width: 800px; margin: 0 auto; background: url(imagenes/f_body.jpg) repeat-y top center; min-height: 100%; height: auto !important; height: 100%; }  #cabecera, #cuerpo, #pie { width: 800px; }  #cabecera { height: 166px; background: #ffffff url(imagenes/f_cabecera.jpg) repeat-y top center; }  #logo { height: 166px; width: 560px; float: left; background: url(imagenes/f_logo.jpg) repeat-x top center; }  #menu_cabecera { height: 166px; width: 240px; float: right; background: url(imagenes/f_menu_lateral.jpg) repeat-x top center; }  #cuerpo { background: url(imagenes/f_contenido.jpg) no-repeat top left; }  #contenido { width: 560px; float: left; } #contenido div { padding: 50px 33px; }  #lateral { width: 240px; float: right; background: url(imagenes/f_lateral.jpg) repeat-x top center; }  #pie { }  .both {clear:both;}   #contenido {	 font-size: 1.2em; text-align: justify; } #contenido h2 {	 font-size: 1.3em; font-weight: bold; margin-bottom: 22px; } #contenido p, #contenido quote, #contenido ul, #contenido ol, #contenido blockquote { padding-bottom: 1.3em; line-height: 1.3em; }   #logo h1 { padding-left: 33px; }  #menu_cabecera ul{ padding-left: 13px; } #menu_cabecera ul li { width: 210px; } #menu_cabecera ul li a { display: block; padding: 9px 0; } #portada {background: url(imagenes/i_portada.png) no-repeat right;} #portada:hover {background: url(imagenes/i_portada_sel.png) no-repeat right;} #programa {background: url(imagenes/i_programa.png) no-repeat right;} #programa:hover {background: url(imagenes/i_programa_sel.png) no-repeat right;} #contacto {background: url(imagenes/i_contacto.png) no-repeat right;} #contacto:hover {background: url(imagenes/i_contacto_sel.png) no-repeat right;} #galeria {background: url(imagenes/i_galeria.png) no-repeat right;} #galeria:hover {background: url(imagenes/i_galeria_sel.png) no-repeat right;}  #lateral img { margin-top: 40px; margin-left: 20px; } #ver_galeria { text-align: center; margin-top: 33px; } #ver_galeria a { color: #242424; text-decoration: none; } #ver_galeria img{ margin: 0; } #autor { float: right; margin-right: 13px; }  #pie img { margin-left: 22px; }  #contenido a img { margin-top: 22px; margin-left: 50px; background-color: #e9e9e9; padding: 5px; border: 2px solid #242424; }  .barredo { position:fixed !important; position: absolute; bottom: 22px; right: 22px; } .barredo:hover { background: url(humo_sel.png) no-repeat right; }