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) left center 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) center top 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.0;
}
#destaquehome li.active {
z-index : 10;
opacity : 1.0;
}
#destaquehome li.last-active {
z-index : 9;
}
#destaqueint {
width : 100%;
height : 90px;
margin : 0 auto;
background : url(../images/bkg_internas.jpg) center top 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) center top 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) left top no-repeat;
margin : 0 7px;
}
.menu:hover {
background : url(../images/bt_menuh.png) left top no-repeat;
}
.menuativo {
display : block;
height : 40px;
cursor : pointer;
float : left;
background : url(../images/bt_menuh.png) left top 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) left top no-repeat;
margin : 0 7px;
}
.menu_ingles:hover {
background : url(../images/bt_menuh_ingles.png) left top no-repeat;
}
.menu_inglesativo {
display : block;
height : 40px;
cursor : pointer;
float : left;
background : url(../images/bt_menuh_ingles.png) left top 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) left top no-repeat;
margin : 0 7px;
}
.menu_espanhol:hover {
background : url(../images/bt_menuh_espanhol.png) left top no-repeat;
}
.menu_espanholativo {
display : block;
height : 40px;
cursor : pointer;
float : left;
background : url(../images/bt_menuh_espanhol.png) left top 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) center top 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) center top 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) left center no-repeat;
border-bottom : 1px dashed #ffe6ac;
}
.submenu a:hover {
color : #fff;
background : url(../images/seta_submenu.png) 3px center no-repeat #999;
}
#busca {
width : 170px;
height : 25px;
float : left;
background : url(../images/bkg_busca.png) center top 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) center top 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) left top 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) right top 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) right top 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) 3px center no-repeat;
font-size : 13px;
font-weight : bold;
}
#submenu a:hover {
background : url(../images/submenu_setaG.png) 6px center no-repeat;
color : #eda030;
text-decoration : none;
}
#submenu .ativo, #submenu .ativo:hover {
background : url(../images/submenu_setaW.png) 0% center 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 0 0;
}
.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) center top 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) center bottom 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 : 5px solid #ccc;
float : left;
margin : 0 8px 0 0;
}
.ultimosvideosTh:hover {
border : 5px solid #eda030;
}
.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) left center 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 : 5px solid #ccc;
float : left;
margin : 0 8px 10px 0;
}
.thumbs_glr:hover {
border : 5px solid #eda030;
}
.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 : 5px solid #ccc;
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 : 3px solid #ccc;
}
.galeria_list img:hover {
border : 3px solid #eda030;
}
.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 : 3px solid #ccc;
}
.videos_list img:hover {
border : 3px solid #eda030;
}
.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 : 1px solid #eda030;
text-decoration : none;
margin : 0;
color : #eda030;
}
.pagina_numero:hover {
border : 1px solid #eda030;
background : #eda030;
color : #fff;
}
.pagina_numero_ativo {
border : 1px solid #eda030;
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 : 3px solid #ffffff;
padding : 5px;
display : block;
padding : 15px;
text-align : left;
margin : 450px auto 0 auto;
border : 1px solid #ccc;
}
.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