W3C CSS Validator results for http://www.thiagovalenti.com.br (CSS level 2.1)

Congratulations! No Error Found.

This document validates as CSS level 2.1 !

To show your readers that you've taken the care to create an interoperable Web page, you may display this icon on any page that validates. Here is the XHTML you could use to add this icon to your Web page:

Valid CSS! 
<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="Valid CSS!" />
    </a>
</p>
Valid CSS! 
<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="Valid CSS!" />
</a>
</p>

(close the img tag with > instead of /> if using HTML <= 4.01)

If you like, you can download a copy of this image to keep in your local web directory, and change the XHTML fragment above to reference your local image rather than the one on this server.

If you would like to create a link to this page (i.e., this validation result) to make it easier to re-validate this page in the future or to allow others to validate your page, the URI is: 

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.thiagovalenti.com.br&profile=css21&usermedium=all&warning=1
or
http://jigsaw.w3.org/css-validator/check/referer (for HTML/XML document only)

(Or, you can just add the current page to your bookmarks or hotlist.)

↑ Top

Warnings (40)

URI : http://www.thiagovalenti.com.br/css/home.css

4 .desc In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
5 Same colors for color and background-color in two contexts .caption and .large
5 Same colors for color and background-color in two contexts .tituloTopo a and .large
5 Same colors for color and background-color in two contexts .tituloTopoIndex and .large
6 Same colors for color and background-color in two contexts .tituloTopo a and .small
6 Same colors for color and background-color in two contexts .tituloTopoIndex and .small
6 Same colors for color and background-color in two contexts .caption and .small

URI : http://www.thiagovalenti.com.br/css/base.css

14 #topo ul In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
15 #topo ul li In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
21 .menuTopo In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
25 #submenu ul In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
26 #submenu ul li In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
35 #centroRodape In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
58 Same colors for color and background-color in two contexts .tituloTopoIndex and #submenu ul li a:link
58 Same colors for color and background-color in two contexts .caption and #submenu ul li a:link
58 Same colors for color and background-color in two contexts .tituloTopo a and #submenu ul li a:link
59 Same colors for color and background-color in two contexts .tituloTopoIndex and #submenu ul li a:hover
59 Same colors for color and background-color in two contexts .tituloTopo a and #submenu ul li a:hover
59 Same colors for color and background-color in two contexts .caption and #submenu ul li a:hover
60 Same colors for color and background-color in two contexts .caption and #submenu ul li a:visited
60 Same colors for color and background-color in two contexts .tituloTopo a and #submenu ul li a:visited
60 Same colors for color and background-color in two contexts .tituloTopoIndex and #submenu ul li a:visited
62 Same colors for color and background-color in two contexts .caption and #conteudo a:link
62 Same colors for color and background-color in two contexts .tituloTopo a and #conteudo a:link
62 Same colors for color and background-color in two contexts .tituloTopoIndex and #conteudo a:link
63 Same colors for color and background-color in two contexts .tituloTopoIndex and #conteudo a:hover
63 Same colors for color and background-color in two contexts .tituloTopo a and #conteudo a:hover
63 Same colors for color and background-color in two contexts .caption and #conteudo a:hover
80 Same colors for color and background-color in two contexts .caption and h2
80 Same colors for color and background-color in two contexts .tituloTopoIndex and h2
80 Same colors for color and background-color in two contexts .tituloTopo a and h2
81 Same colors for color and background-color in two contexts .tituloTopoIndex and h3
81 Same colors for color and background-color in two contexts .caption and h3
81 Same colors for color and background-color in two contexts .tituloTopo a and h3
83 Same colors for color and background-color in two contexts .tituloTopo a and h5
83 Same colors for color and background-color in two contexts .caption and h5
83 Same colors for color and background-color in two contexts .tituloTopoIndex and h5
84 Same colors for color and background-color in two contexts .tituloTopoIndex and h6
84 Same colors for color and background-color in two contexts .caption and h6
84 Same colors for color and background-color in two contexts .tituloTopo a and h6

↑ Top

Valid CSS information

* {
margin : 0;
padding : 0;
border : 0;
}
ul, li {
list-style-type : none;
}
p {
margin-bottom : 15px;
}
.clear {
clear : both;
}
body {
background-color : #2e2e2e;
font-family : "Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;
font-size : 15px;
margin : 10px 0 10px 0;
}
#container {
width : 990px;
margin : 0 auto;
}
#topo {
width : 990px;
height : 175px;
background : transparent url('../imgs/fundo_topo.jpg') no-repeat top center;
}
#topo ul {
position : relative;
float : left;
top : 125px;
left : 107px;
}
#topo ul li {
float : left;
display : inline;
}
.tituloTopoIndex {
margin-right : 106px;
float : left;
width : 192px;
height : 39px;
background : #000000 url('../imgs/marca.jpg') no-repeat top left;
}
.tituloTopoIndex span {
display : none;
}
.tituloTopo {
margin-right : 106px;
}
.tituloTopo a {
float : left;
width : 192px;
height : 39px;
background : #000000 url('../imgs/marca.jpg') no-repeat top left;
}
.tituloTopo a span {
display : none;
}
.menuTopo {
float : left;
margin-top : 12px;
margin-right : 27px;
}
.actived {
border-bottom : 1px dashed #ffffff;
color : #ffffff;
font-weight : bold;
}
#submenu {
position : relative;
float : left;
width : 990px;
background : transparent url('../imgs/fundo_submenu.jpg') repeat-y top center;
padding : 10px 0 10px 0;
}
#submenu ul {
position : relative;
float : left;
left : 107px;
}
#submenu ul li {
float : left;
display : inline;
}
.titulo {
width : 297px;
}
.submenuLi {
font-size : 12px;
margin-right : 20px;
margin-top : 5px;
padding-bottom : 2px;
}
#conteudo {
position : relative;
float : left;
width : 990px;
background : transparent url('../imgs/fundo_conteudo.jpg') repeat-y top center;
padding : 15px 0 15px 0;
}
#centroConteudo {
position : relative;
float : left;
width : 776px;
left : 107px;
}
.caption {
background-color : #000000;
width : 155px;
margin : 10px 0 0 9px;
padding : 5px;
color : #ffffff;
font-size : 11px;
line-height : 15px;
}
#rodape {
position : relative;
float : left;
width : 990px;
height : 190px;
background : transparent url('../imgs/fundo_rodape.jpg') no-repeat top center;
}
#centroRodape {
position : relative;
float : left;
top : 10px;
left : 107px;
}
#rodape ul li {
font-size : 11px;
line-height : 16px;
}
#coluna1 {
float : left;
width : 198px;
margin-right : 99px;
}
#coluna2 {
float : left;
width : 199px;
margin-right : 88px;
}
#coluna3 {
float : left;
width : 190px;
}
#textoRodape {
text-align : center;
width : 990px;
color : #666;
font-size : 11px;
}
.envelope {
background : url('../imgs/icone_envelope.jpg') no-repeat top left;
width : 27px;
height : 17px;
margin-bottom : 3px;
}
.envelope a {
margin-left : 22px;
}
.skypeP {
background : url('../imgs/icone_skype.jpg') no-repeat top left;
width : 27px;
height : 17px;
}
.skypeP a {
margin-left : 22px;
}
.email {
background : url('../imgs/icone_envelopeB.jpg') no-repeat center left;
width : 27px;
height : 17px;
margin-bottom : 3px;
padding-left : 22px;
}
.skype {
background : url('../imgs/icone_skypeB.jpg') no-repeat center left;
width : 27px;
height : 17px;
padding-left : 22px;
}
#topo ul a:link {
text-decoration : none;
color : #ffffff;
font-weight : bold;
}
#topo ul a:hover {
text-decoration : none;
border-bottom : 1px dashed #ffffff;
color : #ffffff;
font-weight : bold;
}
#topo ul a:visited {
text-decoration : none;
color : #ffffff;
font-weight : bold;
}
.switcher:hover {
text-decoration : none;
border-bottom : 0 dashed #000000;
}
#submenu ul li a:link {
text-decoration : none;
color : #000000;
}
#submenu ul li a:hover {
text-decoration : none;
border-bottom : 1px dashed #000000;
color : #000000;
}
#submenu ul li a:visited {
text-decoration : none;
color : #000000;
}
#conteudo a:link {
text-decoration : none;
border : 0;
color : #000000;
}
#conteudo a:hover {
text-decoration : none;
border-bottom : 1px dashed #000000;
color : #000000;
}
#conteudo a:visited {
text-decoration : none;
color : #ca521e;
}
#conteudo a.externo:link {
text-decoration : none;
padding : 0 12px 0 0;
margin : 0 3px 0 0;
border-bottom : 1px dashed #000000;
color : #000000;
background : transparent url('../imgs/externo.gif') no-repeat center right;
}
#conteudo a.externo:hover {
text-decoration : none;
padding : 0 12px 0 0;
margin : 0 3px 0 0;
border-bottom : 1px dashed #ca521e;
color : #ca521e;
background : transparent url('../imgs/externo_over.gif') no-repeat center right;
}
#conteudo a.externo:visited {
text-decoration : none;
padding : 0 12px 0 0;
margin : 0 3px 0 0;
border-bottom : 1px dashed #ca521e;
color : #ca521e;
background : transparent url('../imgs/externo_over.gif') no-repeat center right;
}
.ancora {
color : #fff;
width : 0;
height : 0;
clear : none;
}
#rodape ul li a:link {
text-decoration : none;
color : #ffffff;
}
#rodape ul li a:hover {
text-decoration : none;
border-bottom : 1px dashed #ffffff;
color : #ffffff;
}
#rodape ul li a:visited {
text-decoration : none;
color : #ffffff;
}
#textoRodape a:link {
text-decoration : none;
color : #666666;
}
#textoRodape a:hover {
text-decoration : none;
border-bottom : 1px dashed #666666;
color : #666666;
}
#textoRodape a:visited {
text-decoration : none;
color : #666666;
}
h2 {
font-size : 17px;
color : #000000;
}
h3 {
font-size : 17px;
color : #000000;
}
h4 {
font-size : 17px;
color : #ffffff;
margin-bottom : 4px;
}
h5 {
font-size : 23px;
color : #000000;
}
h6 {
font-size : 17px;
color : #000000;
margin-bottom : 5px;
}
#submenu ul li {
float : left;
width : 363px;
display : inline;
}
.desc {
position : relative;
float : left;
}
.large {
width : 798px;
font-size : 18px;
line-height : 24px;
color : #000000;
}
.small {
font-size : 12px;
color : #000000;
line-height : 18px;
}
p {
margin-bottom : 0;
}
#conteudo a {
text-decoration : none;
}
#conteudo a:hover {
text-decoration : none;
}
#conteudo a:visited {
text-decoration : none;
}
#centroConteudoPortfolio {
width : 798px;
margin-left : 107px;
}
.portfolioHome {
float : left;
width : 389px;
height : 389px;
margin : 10px 20px 20px 0;
}
.portfolioHomeR {
float : right;
width : 389px;
height : 389px;
margin : 10px 0 0 0;
}
.sobre {
clear : both;
padding-top : 20px;
}
#conteudo #centroConteudoPortfolio .portfolioHome a {
float : left;
border : 1px solid #c2c2c2;
width : 389px;
height : 389px;
}
#conteudo #centroConteudoPortfolio .portfolioHomeR a {
float : right;
border : 1px solid #c2c2c2;
width : 389px;
height : 389px;
}
#conteudo #centroConteudoPortfolio .portfolioHome a:hover {
border : 1px dashed #b2b2b2;
}
#conteudo #centroConteudoPortfolio .portfolioHomeR a:hover {
border : 1px dashed #b2b2b2;
}
#conteudo #centroConteudoPortfolio .portfolioHomeR a:visited {
border : 1px solid #b2b2b2;
}
#conteudo #centroConteudoPortfolio .portfolioHomeR a:visited {
border : 1px solid #b2b2b2;
}

↑ Top