Resultados del Validador CSS del W3C para http://www.bikevasion.com/css/style.css (CSS versión 2.1)

¡Enhorabuena! No error encontrado.

¡Este documento es CSS versión 2.1 válido!

Puede mostrar este icono en cualquier página que valide para que los usuarios vean que se ha preocupado por crear una página Web interoperable. A continuación se encuentra el XHTML que puede usar para añadir el icono a su página Web:

¡CSS Válido! 
<p>
    <a href="http://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://jigsaw.w3.org/css-validator/images/vcss"
            alt="¡CSS Válido!" />
    </a>
</p>
¡CSS Válido! 
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="¡CSS Válido!" />
</a>
</p>

(cierre la etiqueta img con > en lugar de /> si utiliza HTML <= 4.01)

Si lo desea, puede descargar una copia de la imagen para guardarla en su directorio web local y cambiar el fragmento anterior de XHTML para referenciar a la imagen en local en lugar de a la de éste servidor.

Si desea crear un enlace con esta página (es decir, con los resultados de la validación) para hacer que sea más fácil revalidar la página en el futuro, o para permitir que otras personas validen su página, el URI es: 

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.bikevasion.com%2Fcss%2Fstyle.css&profile=css21&usermedium=all&warning=1
or
http://jigsaw.w3.org/css-validator/check/referer (para documentos HTML/XML únicamente)

(O, simplemente, puede añadir la página actual a su lista de marcadores o favoritos.)

↑ Top

Las Advertencias (26)

URI : http://www.bikevasion.com/css/style.css

51 hr Colores iguales para background-color y color
65 Color de primer plano y color de fondo iguales en dos contextos a.button:hover y #menu li a
92 Color de primer plano y color de fondo iguales en dos contextos a.button:hover y #Contacto #menu li#menu_contacto a span
92 Color de primer plano y color de fondo iguales en dos contextos a.button:hover y #Faq #menu li#menu_faq a span
92 Color de primer plano y color de fondo iguales en dos contextos a.button:hover y #Inicio #menu li#menu_inicio a span
92 Color de primer plano y color de fondo iguales en dos contextos a.button:hover y #Reserva #menu li#menu_bikevasion a span
92 Color de primer plano y color de fondo iguales en dos contextos a.button:hover y #Servicios #menu li#menu_servicios a span
98 Color de primer plano y color de fondo iguales en dos contextos a.button:hover y #options
104 Color de primer plano y color de fondo iguales en dos contextos a.button y #content ol
104 Color de primer plano y color de fondo iguales en dos contextos a.button y #content p
104 Color de primer plano y color de fondo iguales en dos contextos a.button y #content td
104 Color de primer plano y color de fondo iguales en dos contextos a.button y #content ul
105 Color de primer plano y color de fondo iguales en dos contextos a.button:hover y #content a
111 Color de primer plano y color de fondo iguales en dos contextos a.button:hover y #content .title
117 Color de primer plano y color de fondo iguales en dos contextos a.button:hover y #footer a
160 Color de primer plano y color de fondo iguales en dos contextos a.button:hover y th
196 Color de primer plano y color de fondo iguales en dos contextos #footer y .slideshow
196 Color de primer plano y color de fondo iguales en dos contextos #formula-guiada y .slideshow
196 Color de primer plano y color de fondo iguales en dos contextos #formula-libre y .slideshow
196 Color de primer plano y color de fondo iguales en dos contextos .pricing-tabs #n-guiado strong y .slideshow
196 Color de primer plano y color de fondo iguales en dos contextos .pricing-tabs #n-libre strong y .slideshow
196 Color de primer plano y color de fondo iguales en dos contextos body y .slideshow
196 Color de primer plano y color de fondo iguales en dos contextos html y .slideshow
242 Color de primer plano y color de fondo iguales en dos contextos #header y .slideshow p
245 Color de primer plano y color de fondo iguales en dos contextos #header y .slideshow ul.check
247 Color de primer plano y color de fondo iguales en dos contextos #header y .slideshow ul.check a

↑ Top

Información de CSS válida

html, body {
margin : 0;
padding : 0;
background : #ffffff;
}
.clear {
clear : both;
}
a {
text-decoration : none;
outline : none;
}
#header {
background : #352c23;
}
#content {
background : #f0eeeb;
border-bottom : 1px solid #e5e1dc;
}
#footer {
background : #ffffff;
}
.box {
width : 980px;
margin : 0 auto;
font-size : 0.7em;
position : relative;
}
#header .box {
height : 150px;
overflow : hidden;
}
#content .box {
padding : 35px 0 10px 0;
}
#footer .box {
padding : 35px 0 15px 0;
}
.col1, .col2, .col3, .col4, .col5 {
float : left;
margin : 0 10px 25px 0;
padding : 0;
}
.col1end, .col2end, .col3end, .col4end, .col5end {
float : left;
margin : 0 0 25px 0 !important ;
padding : 0;
}
.col1, .col1end {
width : 188px;
}
.col2, .col2end {
width : 386px;
}
.col3, .col3end {
width : 584px;
}
.col4, .col4end {
width : 782px;
}
.col5, .col5end {
width : 980px;
}
.col2end .white {
padding : 10px;
}
body {
font-family : "Lucida Grande", Verdana, Georgia, serif;
font-size : 1em;
}
p, ul, ol, table, li {
font-size : 1em;
line-height : 1.6em;
margin : 0 0 10px 0;
padding : 0;
}
ul {
list-style : none;
}
.col3 ol, .col2end ol {
list-style : decimal;
padding : 0 0 0 25px;
}
.col3 ol li, .col2end ol li {
margin : 0 0 6px 0;
}
h1, h2, h3, h4, h5, h6 {
font-family : Georgia, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight : normal;
margin : 0;
padding : 0;
line-height : 1.4em;
}
h1 {
font-size : 3.5em;
padding : 0 0 10px 0;
letter-spacing : -0.05em;
}
h2 {
font-size : 1.8em;
padding : 0 0 10px 0;
}
h3 {
font-size : 1.3em;
padding : 0 0 10px 0;
color : #ac763a;
}
h4 {
font-size : 0.9em;
padding : 0 0 10px 0;
}
h5 {
font-size : 0.7em;
padding : 0 0 6px 0;
text-transform : uppercase;
letter-spacing : 1px;
color : #3e606f;
}
h6 {
font-size : 0.6em;
padding : 0 0 10px 0;
}
hr {
color : #e5e1dc;
background-color : #e5e1dc;
height : 1px;
border : 0;
margin : 0 0 35px 0;
clear : both;
}
#entry hr {
margin : 15px 0;
}
.right {
text-align : right;
}
a img {
border : 0 none;
}
h1#logo {
margin : 32px 0 0 0;
padding : 0;
}
h1#logo a {
width : 253px;
height : 58px;
display : block;
position : relative;
cursor : pointer;
color : #b9b98b;
}
h1#logo a:hover {
border-bottom : 0 none;
color : #fafafa;
}
h1#logo a span {
width : 253px;
height : 58px;
position : absolute;
top : 0;
left : 0;
background : url(../img/logo.jpg) no-repeat [left, top];
display : block;
z-index : 9;
}
#menu {
position : absolute;
width : 720px;
height : 31px;
left : 0;
bottom : 0;
}
#menu ul {
font-size : 0.9em;
}
#menu li {
float : left;
margin : 0 45px 0 0;
padding : 0;
font-size : 1.3em;
}
#menu li a {
color : #7f923b;
height : 31px;
display : block;
text-indent : 3px;
}
#menu li a:hover {
color : #e48b00;
}
#menu li#menu_inicio a {
width : 48px;
position : relative;
}
#menu li#menu_inicio a span {
position : absolute;
width : 48px;
height : 32px;
left : 0;
top : 0;
background : url(../img/menu/inicio.jpg) no-repeat [left, -31px];
z-index : 10;
}
#menu li#menu_inicio a:hover span {
background-position : [left, 0];
}
#menu li#menu_servicios a {
width : 75px;
position : relative;
}
#menu li#menu_servicios a span {
position : absolute;
width : 75px;
height : 32px;
left : 0;
top : 0;
background : url(../img/menu/servicios.jpg) no-repeat [left, -31px];
z-index : 10;
}
#menu li#menu_servicios a:hover span {
background-position : [left, 0];
}
#menu li#menu_faq a {
width : 43px;
position : relative;
}
#menu li#menu_faq a span {
position : absolute;
width : 43px;
height : 32px;
left : 0;
top : 0;
background : url(../img/menu/faq.jpg) no-repeat [left, -31px];
z-index : 10;
}
#menu li#menu_faq a:hover span {
background-position : [left, 0];
}
#menu li#menu_bikevasion a {
width : 89px;
position : relative;
}
#menu li#menu_bikevasion a span {
position : absolute;
width : 89px;
height : 32px;
left : 0;
top : 0;
background : url(../img/menu/bikevasion.jpg) no-repeat [left, -31px];
z-index : 10;
}
#menu li#menu_bikevasion a:hover span {
background-position : [left, 0];
}
#menu li#menu_contacto a {
width : 78px;
position : relative;
}
#menu li#menu_contacto a span {
position : absolute;
width : 78px;
height : 32px;
left : 0;
top : 0;
background : url(../img/menu/contacto.jpg) no-repeat [left, -31px];
z-index : 10;
}
#menu li#menu_contacto a:hover span {
background-position : [left, 0];
}
#Inicio #menu li#menu_inicio a span, #Servicios #menu li#menu_servicios a span, #Faq #menu li#menu_faq a span, #Reserva #menu li#menu_bikevasion a span, #Contacto #menu li#menu_contacto a span {
background-position : [left, 0];
color : #7f923b;
}
#presupuesto {
position : absolute;
right : 0;
bottom : 0;
width : 251px;
height : 47px;
}
#presupuesto a span {
width : 251px;
height : 47px;
position : absolute;
top : 0;
left : 0;
background : url(../img/menu/presupuesto.jpg) no-repeat [left, top];
z-index : 9;
}
#presupuesto a:hover span {
background-position : [left, bottom];
}
#options {
text-align : right;
margin : 0;
padding : 0;
color : #7f923b;
position : absolute;
right : 0;
top : 45px;
}
#options a {
color : #b9b98b;
}
#options a:hover {
color : #e48b00;
}
#content p, #content ul, #content ol, #content td {
color : #73615b;
}
#content a {
color : #7f923b;
}
#content p a {
font-weight : bold;
}
#content a:hover {
color : #ac763a;
}
#content ul.list {
list-style : square;
list-style-position : outside;
margin : 0 0 10px 18px;
line-height : 1.1em;
}
#content ul.list li {
margin : 0 0 2px 0;
padding : 0;
color : #777;
}
#content .title {
padding : 0 0 5px 0;
color : #7f923b;
font-size : 3em;
margin : 0 0 10px 0;
letter-spacing : -1px;
}
#content .title a {
color : #912d0a;
}
#content .title a:hover {
color : #3a1806;
}
#footer p {
color : #999;
}
#footer a {
color : #7f923b;
}
#footer a:hover {
color : #ac763a;
}
.photo-bg {
width : 100px;
height : 85px;
background-position : [center];
display : block;
border : 0 none;
float : right;
}
.separator {
color : #888;
}
blockquote {
background : #f6f6f6;
padding : 10px;
border : 1px solid #eee;
color : #444;
line-height : 1.4em;
margin : 0 0 12px 25px;
}
abbr, acronym {
font-style : normal;
border-bottom : 1px dotted #dbd5c5;
cursor : help;
}
a abbr {
border : none;
}
em {
font-style : italic;
}
strong {
font-weight : bold;
}
del {
text-decoration : line-through;
color : #777777;
}
ins {
text-decoration : none;
font-style : italic;
}
select {
width : 210px;
margin-bottom : 20px;
}
address {
font-style : normal;
margin-left : 10px;
padding-left : 10px;
border-left : 2px solid #c0cda6;
}
iframe {
border : none;
margin : 0;
padding : 0;
}
a.button {
background : #73615b;
padding : 7px 18px;
color : #eee !important ;
font-weight : bold;
border : 0 none;
}
a.button:hover {
color : white !important ;
background : #7f923b;
}
.hide {
display : none;
}
.precios {
padding : 12px 35px 5px 35px;
font : 1.2em Georgia;
margin : 6px 0 10px 0;
}
.precios li {
line-height : 1.1em !important ;
background : url(../img/tick.gif) no-repeat [left, 3px];
padding-left : 14px;
}
.precios {
background : #f6ffd6;
border : 1px solid #c0cda6;
}
#entry small {
color : #666;
font-family : Verdana, sans-serif;
}
#entry small:before {
content : "Nota: ";
font-weight : bold;
}
table {
border-spacing : 0 0;
border-collapse : collapse;
width : 100%;
border : 0;
font-size : 1em;
padding : 0;
margin : 0;
}
th {
color : #7f923b;
border-bottom : 2px solid #e5e1dc;
padding : 0 0 5px 0;
text-align : left;
}
td {
border-bottom : 1px solid #e5e1dc;
padding : 5px 8px 5px 0;
margin : 0;
text-align : left;
}
tr {
padding : 0;
margin : 0;
}
tfoot td {
border-bottom : 0 none;
color : #919191 !important ;
}
table.tarifas {
margin : 5px 0 25px 0;
}
.pricing-plans {
width : 560px;
}
#formula-libre, #formula-guiada {
width : 530px;
padding : 15px;
background : white;
border-bottom : 2px solid #ddd;
}
.pricing-tabs {
padding : 0;
background : transparent;
}
.pricing-tabs ul {
float : left;
width : 100%;
margin : 0;
padding : 0;
}
.pricing-tabs ul li {
float : left;
margin : 0;
list-style : none;
}
.pricing-tabs li a, .pricing-tabs li strong {
display : block;
padding : 6px 15px;
margin : 0 5px 0 0;
background : #e5e1dc;
}
.pricing-tabs #n-libre {
width : 250px;
}
.pricing-tabs #n-libre strong {
background : #fff;
}
.pricing-tabs #n-guiado {
width : 250px;
}
.pricing-tabs #n-guiado strong {
background : #fff;
}
.slideshow {
position : relative;
width : 980px;
height : 321px;
margin : 0;
background : url(../img/bg-slideshow.jpg) no-repeat [0, 100%];
color : #fff;
overflow : hidden;
}
.slideshow .container {
width : 4900px;
height : 321px;
overflow : hidden;
}
.slideshow .slide-1, .slideshow .slide-2, .slideshow .slide-3, .slideshow .slide-4 {
position : relative;
float : left;
width : 980px;
height : 321px;
}
.slideshow h2 {
position : relative;
width : 350px;
margin : 28px 0 15px 22px;
overflow : hidden;
padding : 0;
}
.slideshow h2 span {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
background-image : url(../img/h-slide.gif);
background-repeat : no-repeat;
background-position : [0, 0];
}
.slideshow .slide-2 h2 span {
background-position : [0, -25px];
}
.slideshow .slide-3 h2 span {
background-position : [0, -50px];
}
.slideshow .slide-4 h2 span {
background-position : [0, -75px];
}
.slideshow p {
width : 350px;
margin : 0 0 1em 22px;
line-height : 1.5;
font-size : 1.2em;
color : #352c23 !important ;
font-family : Georgia;
}
.slideshow ul.check {
width : 350px;
margin : 0 0 0 22px;
font-size : 1.2em;
color : #352c23 !important ;
font-family : Georgia;
}
.slideshow ul.check li {
background : url(../img/check.gif) no-repeat [left, 5px];
padding : 0 0 5px 19px;
margin : 0 !important ;
line-height : 1.3em;
}
.slideshow ul.check a {
color : #352c23 !important ;
text-decoration : underline;
}
.slideshow ul.check a:hover {
text-decoration : none;
}
.slideshow .screenshot {
position : absolute;
top : 0;
right : 0;
width : 594px;
height : 321px;
}
.slideshow .screenshot img {
display : block;
}
.slideshow a.next, .slideshow a.signup {
position : absolute;
bottom : 140px;
right : 0;
height : 28px;
padding : 12px 0 0;
color : #3c4b58;
text-align : center;
cursor : pointer;
}
.slideshow a.next {
width : 154px;
}
.slideshow a.signup {
width : 239px;
}
.slideshow a.next span {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
background-image : url(../img/next.png);
background-repeat : no-repeat;
}
.slideshow a.signup span {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
background-image : url(../img/signup.png);
background-repeat : no-repeat;
}
.slideshow a.next span {
background-position : [0, -40px];
}
.slideshow a.next:hover span {
background-position : [0, 0];
}
.slideshow a.signup span {
background-position : [0, -40px];
}
.slideshow a.signup:hover span {
background-position : [0, 0];
}
.slideshow-nav {
height : 31px;
background : url(../img/bg-subslider.jpg) no-repeat [left, top];
padding : 0 0 30px 0;
}
.slideshow-nav ol {
margin : 0;
background : url(../img/bg-slideshow-nav.gif) no-repeat [0, 0];
overflow : hidden;
}
.slideshow-nav li {
float : left;
height : 15px;
margin : 0;
padding : 7px 0;
list-style : none;
}
.slideshow-nav li a {
position : relative;
display : block;
height : 18px;
overflow : hidden;
}
.slideshow-nav li a span {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
background : url(../img/slideshow-nav.jpg) no-repeat [0, 0];
}
.slideshow-nav li.slide-1 a {
width : 80px;
margin : 0 185px 0 22px;
color : #000 !important ;
}
.slideshow-nav li.slide-1 a span {
background-position : [-20px, -6px];
}
.slideshow-nav li.slide-2 a {
width : 125px;
margin : 0 168px 0 0;
}
.slideshow-nav li.slide-2 a span {
background-position : [-286px, -6px];
color : #000 !important ;
}
.slideshow-nav li.slide-2 a:hover span {
background-position : [-286px, -36px];
}
.slideshow-nav li.slide-3 a {
width : 105px;
margin : 0 194px 0 0;
}
.slideshow-nav li.slide-3 a span {
background-position : [-578px, -6px];
}
.slideshow-nav li.slide-3 a:hover span {
background-position : [-578px, -36px];
}
.slideshow-nav li.slide-4 a {
width : 80px;
margin : 0;
}
.slideshow-nav li.slide-4 a span {
background-position : [-877px, -6px];
}
.slideshow-nav li.slide-4 a:hover span {
background-position : [-877px, -36px];
}
.current-1 ol {
background-position : [0, 0];
}
.current-2 ol {
background-position : [0, -30px];
}
.current-2 ol li.slide-2 a span {
background-position : [-286px, -36px];
}
.current-3 ol {
background-position : [0, -60px];
}
.current-3 ol li.slide-2 a span {
background-position : [-286px, -36px];
}
.current-3 ol li.slide-3 a span {
background-position : [-578px, -36px];
}
.current-4 ol {
background-position : [0, -90px];
}
.current-4 ol li.slide-2 a span {
background-position : [-286px, -36px];
}
.current-4 ol li.slide-3 a span {
background-position : [-578px, -36px];
}
.current-4 ol li.slide-4 a span {
background-position : [-877px, -36px];
}

↑ Top