[URL="http://kyrovet.com/nk/"]http://kyrovet.com/nk/[/URL]
La botonera está hecha con listas, el problema es que entre la cabecera y la botonera me queda un espacio que de ninguna forma he podido quitar, agradezco me ayuden.
Código CSS.
Código:
Muchas Gracias. body { background: url(../imagenes/granja.jpg) no-repeat top center fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; margin: 0px; } .header { height: 176px; width: auto; box-shadow: 2px 2px 3px #F1F1F1; -webkit-box-shadow: 2px 2px 3px #F1F1F1; -moz-box-shadow: 2px 2px 3px #F1F1F1; margin-bottom: 0px; background-color: rgba(255,255,255,0.6); } .header #contenedor_header { width: 1024px; margin-right: auto; margin-left: auto; height: 176px; background-color: #FFF; margin-bottom: 0px; } .header #contenedor_header #menu_navegacion { color: #8C8C8C; position: absolute; margin-top: 35px; width: auto; font-family: Tahoma, Geneva, sans-serif; font-size: 10px; text-shadow: 1px 1px 0px #FFFFFF; margin-left: 20px; } .header a:hover { color:#CCC; text-decoration:none; } .header a:visited { color:#093; text-decoration:none; } .header a:link { color:#063; text-decoration:none; } .header #contenedor_header #logotipo { height: 110px; width: 274px; margin-top: 45px; margin-left: 700px; position: absolute; } .header #contenedor_header #eslogan { font-family: big_noodlettf, big_noodleeot, big_noodlesvg, big_noodlewoff; font-size: 30px; position: absolute; margin-top: 95px; margin-left: 20px; color: #333; letter-spacing: 4px; } .botonera { width: 1024px; margin-right: auto; margin-left: auto; margin-top: 0px; padding-top: 0px; height: auto; } .botonera li { list-style:none; } .nav { padding: 0px; height: 44; z-index: 2; margin-top: 0px; } .nav li a { font-family: big_noodlettf, big_noodleeot, big_noodlesvg, big_noodlewoff; font-size: 21px; background-color: #343434; text-decoration: none; color: #CCC; padding: 10px 12px; display: block; margin-left: 0px; } .nav li a:hover { background: #999; color: #333; margin-bottom: 0px; margin-top: 0px; } .nav > li { float: left; padding-top: 0px; margin: 0px; } .nav ul { display:none; position:absolute; min-width: 140px; } .nav li:hover > ul { display:block; z-index: 2; }.contenedor { width: 1024px; margin-right: auto; margin-left: auto; height: auto; clear: both; background-color: #FFF; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; } .buscador { height: 36px; width: 263px; float: left; background-color: #343434; font-family: "big_noodlettf", "big_noodleeot", "big_noodlesvg", "big_noodlewoff"; font-size: 21px; color: #CCC; padding-top: 7px; padding-left: 10px; } .footer { width: 984px; clear: both; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-color: #666666; height: 260px; padding-right: 20px; padding-left: 20px; padding-top: 5px; padding-bottom: 30px; } .footer #derechos_reservados { font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-style: italic; color: #CCC; } .footer #informacion { height: 210px; margin-bottom: 25px; margin-left: 20px; } .pieza1 { background-image: url(../imagenes/pieza1_footer.jpg); height: 60px; width: 1024px; margin-right: auto; margin-left: auto; } .contenedor #novedades { clear: both; height: 180px; background-color: #F1F1F1; margin-top: 10px; padding-top: 22px; } .contenedor #novedades #contenidos_desc { height: 160px; margin-right: 20px; margin-left: 20px; position: static; } .novedades1 { height: 160px; margin-right: 10px; margin-left: 10px; float: left; width: 225px; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; } .icon1 { float: left; height: 65px; width: 65px; margin-top: 0px; margin-left: 0px; } .titulo_icono { font-family: "big_noodlettf", "big_noodleeot", "big_noodlesvg", "big_noodlewoff"; font-size: 30px; padding-left: 10px; margin-left: 65px; } .contenido_icono { margin-top: 12px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; font-weight: bold; color: #696969; letter-spacing: 1px; text-align: justify; } .contenido_icono:hover { text-decoration:none; } .contenido2 { clear: both; margin-top: 30px; padding-right: 25px; margin-left: 25px; padding-bottom: 30px; height: auto; width: 1024px; } /* tooltip styling. by default the element to be styled is .tooltip */ .tooltip { display:none; background:transparent url(../imagenes/black_arrow.png) font-size:12px; height:70px; width:160px; padding:25px; color:#eee; } /* style the trigger elements */ #demo img { border:0; cursor:pointer; margin:0 1px; }