Resultados del Validador CSS del W3C para http://www.jgrafic.com/jgrafic.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://www.jgrafic.com/jgrafic.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 (5)

URI : http://www.jgrafic.com/jgrafic.css

19 hr Colores iguales para background-color y color
95 Color de primer plano y color de fondo iguales en dos contextos hr y .tagestilo
96 Color de primer plano y color de fondo iguales en dos contextos hr y .tagestilo2
97 Color de primer plano y color de fondo iguales en dos contextos hr y .tagestilo3
98 Color de primer plano y color de fondo iguales en dos contextos hr y .tagestilo4

↑ Top

Información de CSS válida

@charset "utf-8";
a:link {
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
color : #333333;
line-height : 20px;
}
a:visited {
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
color : #333333;
line-height : 20px;
}
a:hover {
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
color : #333333;
line-height : 20px;
}
a:active {
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
color : #333333;
line-height : 20px;
}
body {
background-color : #ffffff;
margin-left : 0;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
min-width : 999px;
overflow : auto;
}
.clase1 {
font-family : Arial, Helvetica, sans-serif;
font-size : 24px;
color : #666666;
text-align : left;
}
.clase2 {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #333333;
line-height : 20px;
text-align : left;
}
.clase2 a:hover {
color : #999999;
}
.left {
float : left;
}
.right {
float : right;
}
hr {
color : #ccc;
background-color : #ccc;
height : 1px;
border : 0;
text-align : center;
}
#cabecera1 {
height : 105px;
background-image : url(imagenes/fondosup.jpg);
}
#cabecera2 {
background-image : url(imagenes/index_02.png);
height : 105px;
width : 900px;
}
#transicion {
height : 210px;
margin-left : 0;
}
#menu {
height : 55px;
background-image : url(imagenes/index_05.png);
}
#menu1 {
width : 900px;
}
.menu2 {
width : 43px;
text-align : center;
float : left;
color : #999999;
}
.menu3 a {
float : left;
text-align : left;
font-size : 14px;
width : auto;
color : black;
}
.menu3 a:hover {
color : #999999;
}
#menu4 {
width : 150px;
height : 15px;
text-align : right;
float : left;
font-size : 10px;
color : #999;
font-family : Arial, Helvetica, sans-serif;
}
#ie a {
background-image : url(imagenes/ie_02.png);
background-repeat : no-repeat;
background-position : center;
float : left;
width : 30px;
height : 15px;
cursor : pointer;
}
#ie a:hover {
background-image : url(imagenes/ie_01.png);
}
#mf a {
background-image : url(imagenes/mf_02.png);
background-repeat : no-repeat;
background-position : center;
float : left;
width : 30px;
height : 15px;
cursor : pointer;
}
#mf a:hover {
background-image : url(imagenes/mf_01.png);
}
#gc a {
background-image : url(imagenes/gc_02.png);
background-repeat : no-repeat;
background-position : center;
float : left;
width : 30px;
height : 15px;
cursor : pointer;
}
#gc a:hover {
background-image : url(imagenes/gc_01.png);
}
#pie0 {
width : 900px;
text-align : left;
}
#pie1 {
width : 115px;
float : left;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #333333;
line-height : 20px;
}
#pie2 {
width : 607px;
float : left;
padding-left : 3px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 20px;
}
#pie2 a {
color : #999999;
}
#pie2 a:hover {
color : #333333;
}
#pie3 {
width : 175px;
height : 20px;
float : right;
background-image : url(imagenes/swf.jpg);
background-position : center left;
background-repeat : no-repeat;
}
#pie3 a {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #333333;
line-height : 20px;
cursor : pointer;
}
#pie3 a:hover {
color : #999999;
cursor : pointer;
}
#pie4 {
width : 175px;
height : 20px;
float : right;
background-image : url(imagenes/pdf.jpg);
background-position : center left;
background-repeat : no-repeat;
}
#pie4 a {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #333333;
line-height : 20px;
cursor : pointer;
}
#pie4 a:hover {
color : #999999;
cursor : pointer;
}
#pie5 {
text-align : center;
margin-top : 57px;
}
#blanco1 {
background-image : url(imagenes/espacio.gif);
width : 20px;
height : 400px;
float : left;
}
#blanco2 {
background-image : url(imagenes/espacio.gif);
width : 20px;
height : 225px;
float : left;
}
#blanco3 {
background-image : url(imagenes/espacio.gif);
width : 900px;
height : 50px;
float : left;
}
#cuerpoa {
width : 900px;
}
#cuerpob {
width : 900px;
height : 225px;
}
#cuerpo1 {
width : 511px;
vertical-align : top;
float : left;
height : 400px;
font-family : Arial, Helvetica, sans-serif;
font-size : 24px;
color : #666666;
}
#cuerposn {
width : 511px;
height : 225px;
vertical-align : top;
float : left;
text-align : left;
font-family : Arial, Helvetica, sans-serif;
font-size : 24px;
color : #666666;
line-height : 20px;
}
#cuerpoc {
width : 369px;
height : 225px;
vertical-align : top;
float : left;
text-align : left;
font-family : Arial, Helvetica, sans-serif;
font-size : 24px;
color : #666666;
line-height : 20px;
}
.cuerpoc2 {
width : 184px;
}
.book {
width : 200px;
text-align : left;
padding-left : 10px;
background-image : url(imagenes/punto_dora.jpg);
background-position : center left;
background-repeat : no-repeat;
float : left;
padding-bottom : 2px;
font-size : 12px;
cursor : pointer;
font-family : Arial, Helvetica, sans-serif;
}
.book a:hover {
color : #999999;
}
#marpieg {
margin-top : 1850px;
z-index : 1;
position : relative;
}
.clase3 {
font-size : 18px;
color : #cc6600;
text-align : left;
z-index : 0;
position : relative;
}
.clase4 a {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #cc6600;
line-height : 20px;
height : 20px;
float : left;
text-align : left;
width : auto;
cursor : pointer;
z-index : 0;
position : relative;
}
.clase5 {
font-size : 18px;
color : #006633;
text-align : left;
z-index : 0;
position : relative;
}
.clase6 a {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #006633;
line-height : 20px;
height : 20px;
float : left;
text-align : left;
width : auto;
cursor : pointer;
z-index : 0;
position : relative;
}
.clase7 {
font-size : 18px;
color : #669900;
text-align : left;
z-index : 0;
position : relative;
}
.clase8 a {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #669900;
line-height : 20px;
height : 20px;
float : left;
text-align : left;
width : auto;
cursor : pointer;
z-index : 0;
position : relative;
}
.clase9 {
font-size : 18px;
color : #006600;
text-align : left;
z-index : 0;
position : relative;
}
.clase10 a {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #006600;
line-height : 20px;
height : 20px;
float : left;
text-align : left;
width : auto;
cursor : pointer;
z-index : 0;
position : relative;
}
.clase11 {
font-size : 18px;
color : #cc3366;
text-align : left;
z-index : 0;
position : relative;
}
.clase12 a {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #cc3366;
line-height : 20px;
height : 20px;
float : left;
text-align : left;
width : auto;
cursor : pointer;
z-index : 0;
position : relative;
}
.infe {
width : 480px;
float : left;
}
.sepa {
width : 43px;
text-align : center;
cursor : text;
}
#contag {
width : 900px;
z-index : 1;
position : relative;
}
#tags {
width : 369px;
float : right;
line-height : 20px;
text-align : justify;
z-index : 1;
position : relative;
}
.tagestilo {
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
color : #cccccc;
font-weight : normal;
}
.tagestilo2 {
font-family : Arial, Helvetica, sans-serif;
font-size : 24px;
color : #cccccc;
}
.tagestilo3 {
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
color : #cccccc;
font-weight : normal;
}
.tagestilo4 {
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
color : #cccccc;
font-weight : bold;
}
#marpiew {
margin-top : 1250px;
z-index : 1;
position : relative;
}
.clase13 {
font-size : 18px;
color : #b82414;
text-align : left;
z-index : 0;
position : relative;
}
.clase14 a {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #b82414;
line-height : 20px;
height : 20px;
float : left;
text-align : left;
width : auto;
cursor : pointer;
z-index : 0;
position : relative;
}
.clase15 {
font-size : 18px;
color : #000066;
text-align : left;
z-index : 0;
position : relative;
}
.clase16 a {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000066;
line-height : 20px;
height : 20px;
float : left;
text-align : left;
width : auto;
cursor : pointer;
z-index : 0;
position : relative;
}
.clase17 {
font-size : 18px;
color : #999900;
text-align : left;
z-index : 0;
position : relative;
}
.clase18 a {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #999900;
line-height : 20px;
height : 20px;
float : left;
text-align : left;
width : auto;
cursor : pointer;
z-index : 0;
position : relative;
}
.clase19 {
font-size : 18px;
color : #336699;
text-align : left;
z-index : 0;
position : relative;
}
.clase20 a {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #336699;
line-height : 20px;
height : 20px;
float : left;
text-align : left;
width : auto;
cursor : pointer;
z-index : 0;
position : relative;
}
.clase21 {
font-size : 18px;
color : #660099;
text-align : left;
z-index : 0;
position : relative;
}
.clase22 a {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #660099;
line-height : 20px;
height : 20px;
float : left;
text-align : left;
width : auto;
cursor : pointer;
z-index : 0;
position : relative;
}
#formu {
width : 511px;
height : 400px;
}
.form {
height : 30px;
text-align : left;
vertical-align : middle;
}
.form1 {
width : 200px;
float : left;
}
.form2 {
width : 300px;
float : right;
}
.enviar {
background-image : url(imagenes/enviar.jpg);
background-repeat : no-repeat;
border : none;
cursor : pointer;
width : 54px;
height : 22px;
}
.gris {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #333333;
line-height : 20px;
text-align : left;
}
.grande {
font-family : Arial, Helvetica, sans-serif;
font-size : 24px;
color : #666666;
text-align : left;
line-height : 20px;
}
.datos {
width : 200px;
text-align : left;
height : 22px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #333333;
line-height : 20px;
}
.marfo {
margin-top : 10px;
}
#videog {
width : 900px;
}
#video1 {
width : 511px;
float : left;
}
#video2 {
width : 369px;
float : right;
}
.videotit {
font-family : Arial, Helvetica, sans-serif;
font-size : 18px;
color : #962994;
text-align : left;
}
.videotex {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #333333;
line-height : 20px;
text-align : justify;
}
.webs a {
width : 150px;
text-align : left;
padding-left : 10px;
background-image : url(imagenes/punto_dora.jpg);
background-position : center left;
background-repeat : no-repeat;
float : left;
padding-bottom : 2px;
font-size : 12px;
cursor : pointer;
}
.webs a:hover {
color : #999999;
cursor : pointer;
}
.webs2 a {
width : 450px;
text-align : left;
padding-left : 10px;
background-image : url(imagenes/punto_dora.jpg);
background-position : center left;
background-repeat : no-repeat;
float : left;
padding-bottom : 2px;
font-size : 12px;
cursor : pointer;
}
.webs2 a:hover {
color : #999999;
cursor : pointer;
}
.contacto a {
background-image : url(imagenes/email.jpg);
background-position : center left;
background-repeat : no-repeat;
float : left;
border : 0;
width : 160px;
height : 12px;
padding-top : 8px;
margin : 0;
}
.contacto a:hover {
background-image : url(imagenes/email2.jpg);
}
.tlf a {
float : left;
border : 0;
width : 325px;
height : 20px;
padding-top : 3px;
font-family : Arial, Helvetica, sans-serif;
color : #333333;
}
.tlf a:hover {
color : #999999;
}
.arreglo2 {
padding-top : 100px;
}
.arreglo3 {
padding-top : 100px;
}
.contd {
width : 180px;
text-align : left;
padding-left : 10px;
float : left;
padding-bottom : 2px;
font-size : 12px;
}
.conti {
width : 150px;
text-align : left;
padding-left : 10px;
float : left;
padding-bottom : 2px;
font-size : 12px;
}
.contp {
text-align : left;
padding-left : 0;
float : left;
padding-bottom : 2px;
font-size : 12px;
}
.borrar a {
background-image : url(imagenes/borrar.gif);
background-repeat : no-repeat;
background-position : center;
float : left;
width : 20px;
height : 21px;
cursor : pointer;
}
.borrar a:hover {
background-image : url(imagenes/borrar2.gif);
}
.descargar a {
background-image : url(imagenes/descargar.gif);
background-repeat : no-repeat;
background-position : center;
float : left;
width : 20px;
height : 21px;
cursor : pointer;
}
.descargar a:hover {
background-image : url(imagenes/descargar2.gif);
}
.usuario1 {
padding-top : 8px;
}
.acceso {
padding-top : 22px;
}

↑ Top