W3C CSS Validator results for http://www.sanphar.com.br/site/css/sanphar_style.css (CSS level 3)

Congratulations! No Error Found.

This document validates as CSS level 3 !

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.sanphar.com.br%2Fsite%2Fcss%2Fsanphar_style.css&profile=css3
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

Valid CSS information

* {
margin : 0;
padding : 0;
font-family : Arial, Helvetica, sans-serif;
color : #666;
}
body {
font-size : 14px;
background : #fff;
}
h1 {
padding : 0 0 0 12px;
background : url(../images/ic_setaD.png) center left no-repeat;
font-size : 15px;
letter-spacing : -1px;
color : #000;
margin : 0 0 5px 0;
}
.clear {
clear : both;
}
a {
text-decoration : none;
}
a:hover {
text-decoration : underline;
}
.mais {
display : block;
padding : 5px 0;
font-size : 10px;
font-weight : bold;
color : #eda030;
}
.imgLeft {
float : left;
margin : 5px 10px 5px 0;
}
.prod_cor_2 {
display : block;
height : 7px;
margin : 5px 0;
background : #ee0000;
}
.prod_cor_3 {
display : block;
height : 7px;
margin : 5px 0;
background : #526aeb;
}
.prod_cor_4 {
display : block;
height : 7px;
margin : 5px 0;
background : #11ce00;
}
.prod_cor_5 {
display : block;
height : 7px;
margin : 5px 0;
background : #8200ce;
}
#top {
width : 960px;
height : 145px;
margin : 0 auto;
}
#top .logotipo {
display : block;
width : 305px;
height : 80px;
background : url(../images/logotipo.jpg) top center no-repeat;
margin : 30px 0 0 0;
float : left;
}
#top #toplinks {
width : 655px;
height : 25px;
float : right;
margin : 60px 0 0 0;
text-align : right;
font-size : 12px;
}
#top #toplinks ul {
list-style : none;
height : 25px;
}
#top #toplinks ul li {
display : inline-block;
height : 15px;
padding : 5px 7px;
border-right : 1px dashed #bbb;
}
#top #toplinks ul a {
height : 15px;
padding : 5px 0 5px 25px;
background-image : url(../images/bkg_toplinks.jpg);
background-repeat : no-repeat;
text-decoration : none;
}
#top #toplinks ul a:hover {
text-decoration : underline;
color : #444;
}
#destaquehome {
width : 100%;
height : 420px;
margin : 0 auto;
list-style : none;
overflow : hidden;
position : relative;
z-index : 0;
}
#destaquehome li {
width : 100%;
height : 420px;
position : absolute;
z-index : 8;
opacity : 0;
}
#destaquehome li.active {
z-index : 10;
opacity : 1;
}
#destaquehome li.last-active {
z-index : 9;
}
#destaqueint {
width : 100%;
height : 90px;
margin : 0 auto;
background : url(../images/bkg_internas.jpg) top center no-repeat;
overflow : hidden;
position : relative;
z-index : 0;
}
.nav {
width : 940px;
height : 45px;
margin : -90px auto 45px auto;
padding : 0 10px;
background : url(../images/bkg_menu.png) top center no-repeat;
position : relative;
z-index : 10;
}
.menubar {
width : 760px;
height : 40px;
float : left;
}
.menu {
display : block;
height : 40px;
cursor : pointer;
float : left;
background : url(../images/bt_menu.png) top left no-repeat;
margin : 0 7px;
}
.menu:hover {
background : url(../images/bt_menuh.png) top left no-repeat;
}
.menuativo {
display : block;
height : 40px;
cursor : pointer;
float : left;
background : url(../images/bt_menuh.png) top left no-repeat;
}
.menu .menulink {
float : left;
display : block;
width : 100%;
height : 40px;
}
.menu_ingles {
display : block;
height : 40px;
cursor : pointer;
float : left;
background : url(../images/bt_menu_ingles.png) top left no-repeat;
margin : 0 7px;
}
.menu_ingles:hover {
background : url(../images/bt_menuh_ingles.png) top left no-repeat;
}
.menu_inglesativo {
display : block;
height : 40px;
cursor : pointer;
float : left;
background : url(../images/bt_menuh_ingles.png) top left no-repeat;
}
.menu_ingles .menulink {
float : left;
display : block;
width : 100%;
height : 40px;
}
.menu_espanhol {
display : block;
height : 40px;
cursor : pointer;
float : left;
background : url(../images/bt_menu_espanhol.png) top left no-repeat;
margin : 0 7px;
}
.menu_espanhol:hover {
background : url(../images/bt_menuh_espanhol.png) top left no-repeat;
}
.menu_espanholativo {
display : block;
height : 40px;
cursor : pointer;
float : left;
background : url(../images/bt_menuh_espanhol.png) top left no-repeat;
}
.menu_espanhol .menulink {
float : left;
display : block;
width : 100%;
height : 40px;
}
.submenu {
padding : 0 0 0 0;
margin : 39px 0 0 0;
display : none;
position : absolute;
width : 180px;
color : #fff;
}
.submenu .bgtop {
display : block;
width : 180px;
height : 10px;
padding : 0;
margin : 0;
background : url(../images/bkg_submenu_top.png) top center no-repeat;
}
.submenu .bgmid {
position : relative;
display : block;
width : 160px;
padding : 0 10px;
margin : 0;
font-weight : bold;
background : #ffc640;
}
.submenu .bgbot {
display : block;
width : 180px;
height : 10px;
padding : 0;
margin : 0;
top : 0;
background : url(../images/bkg_submenu_bot.png) top center no-repeat;
}
.submenu li {
padding : 0 10px;
position : relative;
list-style : none;
border : 0;
}
.submenu a {
font-size : 12px;
display : block;
width : 145px;
padding : 7px 5px 7px 10px;
color : #fff;
text-decoration : none;
background : url(../images/seta_submenu.png) center left no-repeat;
border-bottom : 1px dashed #ffe6ac;
}
.submenu a:hover {
color : #fff;
background : url(../images/seta_submenu.png) center 3px no-repeat #999;
}
#busca {
width : 170px;
height : 25px;
float : left;
background : url(../images/bkg_busca.png) top center no-repeat;
margin : 7px 0 0 0;
}
.inputBusca {
width : 120px;
height : 15px;
padding : 5px 10px;
background : none;
border : none;
float : left;
font-size : 12px;
font-weight : bold;
outline : none;
}
.btnBusca {
width : 25px;
height : 25px;
background : none;
border : none;
float : left;
outline : none;
cursor : pointer;
}
#slogan {
width : 970px;
height : 80px;
font-size : 22px;
font-weight : bold;
letter-spacing : -1px;
color : #000;
position : relative;
z-index : 6;
margin : 0 auto 140px auto;
line-height : 22px;
padding : 0 0 0 10px;
cursor : default;
}
#detalhe {
width : 980px;
height : 25px;
background : url(../images/bkg_contentdet.png) top center no-repeat;
position : relative;
z-index : 5;
margin : -25px auto 0 auto;
}
#content {
width : 960px;
margin : 0 auto 15px auto;
}
#colright {
width : 200px;
min-height : 390px;
float : right;
padding : 10px 0 0 20px;
background : url(../images/bkg_sombra.jpg) top left no-repeat;
}
#texto {
width : 520px;
min-height : 390px;
float : left;
padding : 15px 15px 0 15px;
font-size : 12px;
text-align : justify;
line-height : 18px;
}
#texto_largo {
width : 710px;
min-height : 390px;
float : left;
padding : 15px 15px 0 15px;
font-size : 12px;
text-align : justify;
line-height : 18px;
}
.sombrah {
width : 730px;
height : 15px;
background : url(../images/bkg_sombraH.jpg) top right no-repeat;
float : left;
margin : 5px 0;
}
#submenu {
width : 170px;
min-height : 390px;
float : left;
padding : 10px 20px 0 0;
background : url(../images/bkg_sombraR.jpg) top right no-repeat;
}
#submenu ul {
list-style : none;
}
#submenu a {
display : block;
padding : 7px 4px 7px 12px;
border-bottom : 1px dashed #ccc;
background : url(../images/submenu_setaG.png) center 3px no-repeat;
font-size : 13px;
font-weight : bold;
}
#submenu a:hover {
background : url(../images/submenu_setaG.png) center 6px no-repeat;
color : #eda030;
text-decoration : none;
}
#submenu .ativo, #submenu .ativo:hover {
background : url(../images/submenu_setaW.png) center 0% no-repeat;
color : #fff;
text-decoration : none;
cursor : default;
}
#certificacoes, #newsletter {
width : 100%;
padding : 10px 0;
border-bottom : 1px dashed #ccc;
font-size : 11px;
}
#certificacoes a {
margin : 0 5px 10px 0;
float : left;
}
.inpNews {
width : 180px;
height : 15px;
padding : 5px 10px;
font-size : 11px;
border : none;
margin : 0 0 5px 0;
background : url(../images/bkg_news.jpg) center center no-repeat;
}
.s {
display : block;
width : 100%;
height : 110px;
background : url(../images/ic_sac.jpg) center center no-repeat;
}
#homeitenstop {
width : 730px;
height : 15px;
float : left;
background : url(../images/bkg_desthometop.jpg) top center no-repeat;
}
#homeitens {
width : 710px;
padding : 10px;
float : left;
background : url(../images/bkg_desthome.jpg) repeat;
font-size : 12px;
display : block;
}
#boasvindas {
width : 230px;
height : 150px;
float : left;
text-align : justify;
border-bottom : 1px dashed #ccc;
}
#sustentabilidade {
width : 230px;
height : 115px;
float : left;
text-align : justify;
margin : 160px 0 0 -230px;
}
#destaques {
width : 280px;
height : 275px;
float : left;
margin : 0 0 0 10px;
}
#destaquesbox {
padding : 5px;
background : #fff;
}
#noticiashome {
width : 176px;
height : 275px;
float : left;
margin : 0 0 0 10px;
}
.noticiashomelink {
width : 180px;
height : 59px;
text-align : left;
padding : 10px 2px;
display : block;
border-bottom : 1px dashed #ccc;
font-weight : bold;
}
.noticiashomelink:hover {
background : url(../images/bkg_nothome.png) bottom center repeat-x;
text-decoration : none;
}
.noticiashomelink small {
color : #eda030;
}
#ultimosvideos {
width : 325px;
height : 160px;
float : left;
padding : 0 14px 0 0;
border-right : 1px dashed #ccc;
}
.ultimosvideosTh {
width : 90px;
height : 90px;
display : block;
background-position : center center;
border : #ccc solid 5px;
float : left;
margin : 0 8px 0 0;
}
.ultimosvideosTh:hover {
border : #eda030 solid 5px;
}
.ultimosvideosTh .play {
width : 50px;
height : 50px;
position : absolute;
background : url(../images/ic_play.png) center center no-repeat;
display : block;
margin : 20px;
}
.ultimosvideosTh .play:hover {
background : url(../images/ic_playH.png) center center no-repeat;
cursor : pointer;
}
.ultimosvideosTh .tit {
width : 100px;
height : 30px;
display : block;
margin : 100px 0 0 -5px;
position : absolute;
line-height : 13px;
font-size : 11px;
cursor : pointer;
}
#utilidades {
width : 130px;
height : 160px;
float : left;
padding : 0 14px 0 15px;
border-right : 1px dashed #ccc;
}
#utilidades ul {
list-style : none;
}
#utilidades a {
display : block;
font-size : 11px;
background : url(../images/ic_setaGray.jpg) center left no-repeat;
padding : 5px 0 5px 10px;
}
#downloads {
width : 215px;
height : 160px;
float : left;
padding : 0 0 0 15px;
}
#downloads a {
display : block;
font-size : 12px;
font-weight : bold;
}
#downloads img {
float : left;
margin : 0 5px 0 0;
}
.grupoLogos {
float : left;
margin : 5px;
}
.thumbs_glr {
width : 90px;
height : 90px;
display : block;
background-position : center center;
border : #ccc solid 5px;
float : left;
margin : 0 8px 10px 0;
}
.thumbs_glr:hover {
border : #eda030 solid 5px;
}
.conteudo_list {
width : 100%;
display : block;
font-size : 12px;
text-decoration : none;
text-align : justify;
color : #333;
border-bottom : 1px dashed #999;
padding : 0 0 5px 0;
margin-bottom : 5px;
}
.conteudo_list small {
font-size : 11px;
color : #eda030;
}
.conteudo_list img {
border : #ccc solid 5px;
float : left;
margin-right : 7px;
width : 60px;
}
.galeria_list {
display : block;
border-bottom : 1px dashed #999;
padding : 7px;
font-size : 14px;
text-align : justify;
font-weight : bold;
}
.galeria_list:hover {
background : #eee;
}
.galeria_list small {
display : block;
font-size : 10px;
font-weight : normal;
}
.galeria_list img {
margin : 4px 7px 4px 0;
width : 100px;
float : left;
border : #ccc solid 3px;
}
.galeria_list img:hover {
border : #eda030 solid 3px;
}
.videos_list {
display : block;
border-bottom : 1px dashed #999;
padding : 7px;
font-size : 14px;
text-align : justify;
font-weight : bold;
}
.videos_list:hover {
background : #eee;
}
.videos_list small {
display : block;
font-size : 10px;
font-weight : normal;
}
.videos_list img {
margin : 4px 7px 4px 0;
width : 100px;
float : left;
border : #ccc solid 3px;
}
.videos_list img:hover {
border : #eda030 solid 3px;
}
.videos_list .play {
width : 50px;
height : 50px;
position : absolute;
background : url(../images/ic_play.png) center center no-repeat;
display : block;
margin : -20px 0 0 25px;
}
.videos_list .play:hover {
background : url(../images/ic_playH.png) center center no-repeat;
cursor : pointer;
}
.lista_paginas {
height : auto;
text-align : right;
margin-top : 20px;
}
.pagina_anterior_proxima {
font-size : 12px;
text-decoration : none;
color : #eda030;
margin : 0 5px;
}
.pagina_numero {
font-size : 12px;
padding : 3px 8px;
border : #eda030 solid 1px;
text-decoration : none;
margin : 0;
color : #eda030;
}
.pagina_numero:hover {
border : #eda030 solid 1px;
background : #eda030;
color : #fff;
}
.pagina_numero_ativo {
border : #eda030 solid 1px;
background : #eda030;
font-size : 12px;
padding : 3px 8px;
margin : 0;
color : #fff;
font-weight : bold;
}
#base {
width : 960px;
margin : 0 auto;
padding : 15px 0;
border-top : 1px dashed #ccc;
font-size : 11px;
}
#base span {
display : block;
float : left;
width : 300px;
}
#base #ass {
float : right;
text-align : right;
line-height : 25px;
padding : 10px 0 0 0;
}
#contato-div {
width : 400px;
padding-bottom : 10px;
font-size : 12px;
float : left;
}
#contato-div span {
display : block;
width : 75px;
float : left;
text-align : right;
padding-right : 10px;
padding-top : 6px;
}
#contato-div div {
width : 400px;
padding-top : 5px;
padding-bottom : 5px;
display : table;
}
#contato-div input[type="text"] {
width : 300px;
padding : 3px;
margin-right : 5px;
font-size : 12px;
margin-top : 3px;
margin-bottom : 3px;
}
#contato-div textarea {
width : 300px;
padding : 3px;
margin-right : 5px;
font-size : 12px;
margin-top : 3px;
margin-bottom : 3px;
}
#contato-div .btn_form {
background : #eda030;
font-size : 13px;
border : none;
padding : 5px 10px;
margin-right : 8px;
cursor : pointer;
color : #fff;
float : right;
}
#contato-div .btn_form:hover {
background : #666;
}
#contato-div select {
width : 300px;
padding : 3px;
margin-right : 5px;
font-size : 12px;
margin-top : 13px;
margin-bottom : 3px;
}
#contato-txt {
width : 290px;
margin : 0 0 0 15px;
display : block;
float : left;
}
#sac-div {
width : 710px;
padding-bottom : 10px;
font-size : 12px;
float : left;
}
#sac-div span {
display : block;
width : 75px;
float : left;
text-align : right;
padding-right : 10px;
padding-top : 6px;
}
#sac-div div {
width : 710px;
padding-top : 5px;
padding-bottom : 5px;
}
#sac-div input[type="text"] {
width : 300px;
padding : 3px;
margin-right : 5px;
font-size : 12px;
margin-top : 3px;
margin-bottom : 3px;
}
#sac-div textarea {
width : 300px;
padding : 3px;
margin-right : 5px;
font-size : 12px;
margin-top : 3px;
margin-bottom : 3px;
}
#sac-div .btn_form {
background : #eda030;
font-size : 13px;
border : none;
padding : 5px 10px;
margin-right : 310px;
cursor : pointer;
color : #fff;
float : right;
}
#sac-div .btn_form:hover {
background : #666;
}
#sac-div select {
width : 300px;
padding : 3px;
margin-right : 5px;
font-size : 12px;
margin-top : 13px;
margin-bottom : 3px;
}
#sac-txt {
width : 290px;
margin : 0 0 0 15px;
display : block;
float : left;
}
#trabalhe-div {
width : 710px;
padding-bottom : 10px;
font-size : 12px;
float : left;
}
#trabalhe-div span {
display : block;
width : 75px;
float : left;
text-align : right;
padding-right : 10px;
padding-top : 6px;
}
#trabalhe-div div {
width : 710px;
padding-top : 5px;
padding-bottom : 5px;
}
#trabalhe-div input[type="text"] {
width : 300px;
padding : 3px;
margin-right : 5px;
font-size : 12px;
margin-top : 3px;
margin-bottom : 3px;
}
#trabalhe-div input[type="file"] {
width : 300px;
padding : 3px;
margin-right : 5px;
font-size : 12px;
margin-top : 3px;
margin-bottom : 3px;
}
#trabalhe-div textarea {
width : 300px;
padding : 3px;
margin-right : 5px;
font-size : 12px;
margin-top : 3px;
margin-bottom : 3px;
}
#trabalhe-div .btn_form {
background : #eda030;
font-size : 13px;
border : none;
padding : 5px 10px;
margin-right : 310px;
cursor : pointer;
color : #fff;
float : right;
}
#trabalhe-div .btn_form:hover {
background : #666;
}
#trabalhe-div select {
width : 300px;
padding : 3px;
margin-right : 5px;
font-size : 12px;
margin-top : 13px;
margin-bottom : 3px;
}
#trabalhe-txt {
width : 290px;
margin : 0 0 0 15px;
display : block;
float : left;
}
.produtos_list {
display : block;
border-bottom : 1px dashed #999;
padding : 7px;
font-size : 14px;
text-align : justify;
font-weight : bold;
}
.produtos_list:hover {
background : #eee;
}
#mapadosite ul {
display : block;
width : 225px;
min-height : 150px;
float : left;
list-style : none;
line-height : 20px;
padding : 10px 5px 10px 0;
margin : 0;
}
#mapadosite a:hover {
text-decoration : underline;
}
.ajaxShow {
visibility : visible;
}
.ajaxHide {
visibility : hidden;
}
#containerAjax {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
z-index : 30;
text-align : center;
background-image : url(../images/ajaxBG.png);
}
#boxerP {
background-color : #ffffff;
border : #ffffff solid 3px;
padding : 5px;
display : block;
padding : 15px;
text-align : left;
margin : 450px auto 0 auto;
border : #ccc solid 1px;
}
.ajaxBoxHeader {
color : #fff;
font-size : 14px;
font-weight : bold;
background-color : #d33641;
padding : 5px;
}
.ajaxBoxBody {
color : #333;
font-size : 12px;
font-weight : normal;
background-color : #ecebe7;
padding : 5px;
}
.form_bt {
border : 0;
background : none;
padding : 2px;
margin : 3px 0 0 0;
color : #d33641;
font-size : 16px;
letter-spacing : -1px;
font-weight : bold;
cursor : pointer;
float : right;
}
.form_bt:hover {
color : #fff;
background-color : #d33641;
padding : 2px;
}

↑ Top