/* CSS Document */

* {
	margin:0;
	padding:0;
	list-style-type: none;
}

body {
	background: url(img/body_bg.jpg) top repeat-x;
}

.invisivel {
	display:none;
}

div#topo {
	width: 776px;
	height: 117px;
	display: block;
	clear: both;
	margin: 0 auto;
	background: url(img/topo_bg.jpg) center top no-repeat;
	position:relative;
}
div#topo h1 a{
	width: 191px;
	height: 90px;
	display: block;
	padding-left: 63px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(img/logo.jpg) right top no-repeat;
}

#topo #bandeiras{
	position:absolute;
	top:57px;
	left:525px;
	width:120px;
	height:38px;
	display:block;
}

#topo #bandeiras ul{ 
	width:120px;
	height:38px;
}

#topo #bandeiras li{ 
	float:left;
	padding-left:10px;}

#topo #bandeiras a{
	background-repeat:no-repeat;
	background-position:0 0;
	width:30px;
	height:19px;
	display:block;
}

#topo #bandeiras a.br{background-image:url(img/img-ban-brasil.gif);}
#topo #bandeiras a.us{background-image:url(img/img-ban-usa.gif);}
#topo #bandeiras a.es{background-image:url(img/img-ban-espanha.gif);}

#topo #bandeiras a.br-desativo{background-image:url(img/img-ban-brasil.gif); background-position:0 -19px;}
#topo #bandeiras a.us-desativo{background-image:url(img/img-ban-usa.gif); background-position:0 -19px;}
#topo #bandeiras a.es-desativo{background-image:url(img/img-ban-espanha.gif); background-position:0 -19px;}

#topo #bandeiras a:hover{background-position:0 0;}

div#topo ul{
	float: left;
	clear: both;
	padding-left: 67px;
}
div#topo ul li{
	float: left;
}
div#topo ul li a{
	height: 27px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background-position: center top;
	background-repeat:  no-repeat;
}
div#topo ul li a:hover{
	background-position: center bottom;
}
div#topo ul li a.home{
	width: 48px;
	background-image: url(img/home.gif);
}
div#topo ul li a.empresa{
	width: 75px;
	background-image: url(img/empresa.gif);
}
div#topo ul li a.analise{
	width: 122px;
	background-image: url(img/analise.gif);
}
div#topo ul li a.laboratorio{
	width: 187px;
	background-image: url(img/laboratorio.gif);
}
div#topo ul li a.informativo{
	width: 145px;
	background-image: url(img/informativo.gif);
}
div#topo ul li a.contato{
	width: 70px;
	background-image: url(img/contato.gif);
}

div#info {
	width: 776px;
	height: 53px;
	display: block;
	clear: both;
	margin: 0 auto;
	background: url(img/info_bg.jpg) center top no-repeat;
}
div#info form {
	width: 300px;
	display: block;
	float: left;
	padding: 10px 0 0 90px;
}

div#formulario p{
	font: lighter 10px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	display: block;
	float: left;
	padding-top: 3px;
}
div#formulario p.pInformativo{padding:10px 0 0 90px;}

div#info form ul#ul-funcao{list-style-type:none;}
div#info form ul#ul-funcao li{float:left;}

div#info form ul#ul-funcao li input.email{
	font: bold 10px/10px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	width: 125px;
	height: 13px;
	float: left;
	padding: 5px 0 0 3px;
}
div#info form ul#ul-funcao li input.ok{
	font: bold 10px/10px Verdana, Arial, Helvetica, sans-serif;
	color: #db870f;
	width: 17px;
	height: 21px;
	float: left;
	border: none;
	background-color: #fff;
	padding: 5px 0 0 3px;
	margin-left:5px;
}
div#info #laudo {
	width: 300px;
	display: block;
	float: right;
	padding: 10px 60px 0 0 ;
}
div#info #laudo a{
	width: 99px;
	height: 25px;
	display: block;
	float: left;
	text-indent: -999px;
	overflow: hidden;
	background-image: url(img/laudos.gif);
	background-position: top center;
}
div#info #laudo a:hover{
	background-position: bottom center;
}
div#info #laudo p{
	font: lighter 10px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	width: 170px;
	display: block;
	float: left;
	padding: 3px 0 0 7px;
}

div#corpo {
	width: 760px;
	display: table;
	clear: both;
	margin: 0 auto;
	background-color: #fff;
}
div#corpo .blocohome .case_dowcatalogo{
	width:330px;
	height:45px;
	display:block;
	padding:0 0 0 10px;
}
div#corpo .blocohome .case_dowcatalogo p{
	text-indent:-99999px;
	overflow:hidden;
	padding:0;
	margin:0;
}
div#corpo .blocohome .case_dowcatalogo p a{
	width:330px;
	height:45px;
	display:block;
	padding:0;
	margin:0;
	text-indent:-99999px;
	overflow:hidden;
	background:url(img/bt_baixar.jpg) 0 0 no-repeat;
}
div#corpo .blocohome .case_dowcatalogo p a:hover{
	background-position:0 -45px;
}
div#corpo .blocohome .case_mapa{
	width:360px;
	height:136px;
	display:block;
	float:left;
	padding:0;
	margin:10px 0 0 0;
}
div#corpo .blocohome .case_mapa p{
	padding:0;
	margin:0;
	float:left;
}
div#corpo .blocohome .case_mapa p span{
	width:188px;
	height:20px;
	float:right;
	display:block;
	padding-right:20px;
}
div#corpo .blocohome .case_mapa p a{
	width:212px;
	height:136px;
	display:block;
	float:right;
	padding:0 10px 0 0;
	margin:0;
	text-indent:-99999px;
	overflow:hidden;
	background:url(img/mapa.jpg) 0 0 no-repeat;
}
div#corpo div.colunaEsq {
	width:224px;
	display:table;
	clear:left;
	float:left;
	padding: 10px 13px 20px 13px;
}
div#corpo div.blocoGeral {
	width:473px;
	display:table;
	float:right;
	padding: 10px 13px 0 13px;
	margin-bottom:10px;
	border-left: solid 1px #464f6f;
}
div#corpo div.blocoTitulo {
	width:747px;
	display:table;
	padding:10px 0 10px 13px;
	float:left;
}
div#corpo div.blocohome {
	width:360px;
	display:table;
	float: left;
	padding: 10px 0 20px 13px;
	
}
div#corpo div.blocohome p {
	color: #333;
	width: 350px;
	float: left;
	clear: both;
	padding-left: 10px;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
}
div#corpo div.blocohome p.espaco {
	padding-bottom:30px;
}
div#corpo div.blocoGeral p {
	color: #333;
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
}
div#corpo div.colunaEsq p {
	color: #333;
	width: 224px;
	float: left;
	clear: both;
	padding-left:10px;
	padding-bottom:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
}
div#corpo div.blocohome strong{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	line-height: 15px;
}
div#corpo div.blocohome a {
	color: #464f6f;
	width: 130px;
	float: left;
	clear: both;
	padding-left: 10px;
	margin-bottom: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
}
div#corpo div.blocohome a.contato {
	padding-left:0;
	margin:0;
}
div#corpo div.colunaEsq a {
	color: #464f6f;
	padding-left: 10px;
	margin-bottom: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
}
div#corpo div.blocoGeral a {
	color: #464f6f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
}
div#corpo div.blocohome a:hover,
div#corpo div.colunaEsq a:hover,
div#corpo div.blocoGeral a:hover {
	color: #db870f;
}
div#corpo div.blocohome h3,
div#corpo div.blocoGeral h3 {
	font: bold 16px/16px Arial, Helvetica, sans-serif;
	color: #464f6f;
	width: 100%;
	clear: both;
	margin-bottom: 15px;
}
div#corpo div.blocohome h2 {
	font: bold 16px/16px Arial, Helvetica, sans-serif;
	color: #464f6f;
	width: 350px;
	float: left;
	clear: both;
	margin-bottom: 15px;
	border-bottom: solid 1px #464f6f;
}
div#corpo div.blocoTitulo h2 {
	font: bold 16px/16px Arial, Helvetica, sans-serif;
	color: #464f6f;
	width:734px;
	float: left;
	clear: both;
	border-bottom: solid 1px #464f6f;
}
div#corpo div.blocohome ul,
div#corpo div.blocoGeral ul {
	width: 340px;
	float: left;
	clear: left;
	padding: 0 0 20px 30px;
	/*width: 320px;*/
}

div#corpo div.blocohome ul.normal{padding: 0 0 20px 0;}

div#corpo div.blocohome ul.normal li {font-weight:normal;}

div#corpo div.colunaEsq ul {
	width:200px;
	float: left;
	clear: left;
	padding-left:25px;
}
div#corpo div.blocohome ul.produtos {
	width:200px;
	clear:none;
}
div#corpo div.blocohome ul.produtos li {
	font-weight:normal;
}
div#corpo div.blocohome li,
div#corpo div.colunaEsq li,
div#corpo div.blocoGeral li {
	font:bold 11px/13px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	clear:left;
	padding-top:5px;
	padding-left:10px;
	line-height:15px;
	list-style-type: disc;
	list-style-position:outside;
}


div#corpo div.blocoGeral ul.indice {
	padding:0 0 20px 0;
}
div#corpo div.blocoGeral ul.indice li {
	list-style-type:none;
	padding:0;
	margin:0;
	float:left;
}

div#corpo div.blocohome img.video {
	display: block;
	float: left;
	padding: 10px;
	margin-bottom: 22px;
}
div#corpo div.blocohome div.chamada {
	width: 350px;
	float: left;
	display: block;
	clear: left;
}
div#corpo div.blocohome div.chamada img {
	width: 113px;
	height: 140px;
	float: left;
	clear: left;
}
div#corpo div.blocohome div.chamada p {
	width: 225px;
	float: right;
	clear: right;
}
div#corpo div.blocohome div.chamada a {
	clear: none;
	margin-bottom: 0;
}
div#baixar {
	width: 230px;
	display: block;
	float: left;
	padding-left:130px;
}
div#baixar a{
	width: 129px;
	height: 25px;
	display: block;
	float: left;
	text-indent: -999px;
	overflow: hidden;
	background-image: url(img/bt_baixar.gif);
	background-position: top center;
}
div#baixar a:hover{
	background-position: bottom center;
}
.ancora {
	display:none;
}

/* inicio do CSS contato */
div#corpo div.blocohome label {
	color: #333;
	width: 100px;
	float: left;
	padding: 0 10px 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	font-size: 11px;
	line-height: 20px;
	font-weight: lighter;
}

div#corpo div.blocohome .campos {
	font: bold 10px/10px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 5px 0 0 3px;
	margin-bottom:3px;
	height: 13px;
}

div#corpo div.blocohome .campos.generico {
	width: 200px;
	float: left;
}
div#corpo div.blocohome .campos.ddd {
	width: 30px;
	float: left;
}
div#corpo div.blocohome .campos.telefone {
	width: 160px;
	float: left;
	margin-left:3px;
}
div#corpo div.blocohome .campos.msg {
	width: 200px;
	height: 80px;
}

div#corpo div.blocohome a.enviar, input.enviar {
	font: bold 10px/10px Verdana, Arial, Helvetica, sans-serif;
	color: #DB870F;
	width: 60px;
	height: 20px;
	float: right;
	border: 1px solid #DB870F;
	line-height:20px;
	background-color: #fff;
	margin:5px 33px 20px 0;
	padding:0;
	text-align:center;
	text-decoration:none;
}

/* fim do CSS contato */


div#rodape {
	width: 100%;
	height: 40px;
	display: block;
	clear: both;
	background: url(img/rodape_bg.gif) bottom repeat-x;
}
div#rodape #centro {
	width: 776px;
	height: 40px;
	display: block;
	margin: 0 auto;
	clear: both;
	background: url(img/centrorodape_bg.gif) center bottom no-repeat;
}
div#rodape #centro address {
	width: 390px;
	display: block;
	float: left;
	padding: 10px 0 0 60px;
	font: lighter normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}
div#rodape #centro #selos{
	width: 178px;
	height: 15px;
	display: block;
	float: right;
	padding: 10px 60px 0 0;
}

div#rodape #centro #selos a {
	height: 15px;
	display: block;
	float: left;
	text-indent: -9999px;
	background-repeat: no-repeat;
	overflow:hidden;
}

div#rodape #centro #selos a.w3c {
	width: 80px;
	background:url(img/selo_w3c.gif) no-repeat 0 0 ;
}

div#rodape #centro #selos a.si {
	width: 91px;
	margin-right:7px;
	background:url(img/selo_si.gif) no-repeat 0 0 ;
}