/* CSS Document */



* {

	margin:0;

	padding:0;

	list-style-type: none;

}



/* :::::::::::::::: TOPO :::::::::::::::: */



#topo{

	width: 100%;

	height: 115px;

	float: left;

	display: block;

	overflow: hidden;	

	background-color: #FFFFFF;

	background-image: url(img/bg_topo.gif);

	background-repeat: repeat-x;

	background-position: left top;

}



.limite{

	width: 770px;

	float: left;

	display: block;

}





#topo .logo{

	width: 178px;

	height: 115px;

	float: left;

	display: block;

	text-indent: -9999px;	

	background-color: #FFFFFF;

	background-image: url(img/bg_logo.gif);

	background-repeat: no-repeat;

	background-position: left top;	

}



#topo #menu {

	width: 592px;

	height: 115px;

	float: left;

	display: block;	

	background-color: #FFFFFF;

	background-image: url(img/bg_menu_topo.gif);

	background-repeat: no-repeat;

	background-position: left top;

	overflow: hidden;

}



#topo #menu ul li{

	text-indent: -9999;

}



#barrasup {

	width: 100%;

	height: 21px;

	float: left;

	display: block;	

	background-color: #FFFFFF;

	background-image: url(img/barra_sup.gif);

	background-repeat: repeat-x;

	background-position: left top;

}



/* :::::::::::::::: CENTRAL :::::::::::::::: */

#central {

	width: 100%;

	float: left;

	display: table;	

	background-color: #FFFFFF;

	background-image: url(img/bg_central.gif);

	background-repeat: repeat-y;

	background-position: left top;

} 



#central .esquerda{

	width: 178px;

	float: left;

	display: table;

}



#central .esquerda h3{

	width: 177px;

	height: 57px;

	float: left;

	display: block;

	text-indent: -9999px;

	background-image: url(img/produtos.gif);

	background-repeat: no-repeat;

	background-position: left top;

}



#central .esquerda a{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	line-height: 25px;

	font-weight: lighter;

	color: #006699;

	text-decoration: none;	

}



#central .esquerda a:hover {

	color: #999999;

}



#central .esquerda ul{

	float: right;

	width: 155px;

	display: block;

	margin-top:10px;

	padding-right:10px;

}



#central .esquerda li{

	width: 155px;

	height: 25px;

	display: block;

	text-align: right;

	border-bottom: 1px dashed #CCCCCC;

}



/* CSS para o SUB-MENU */



#central .esquerda ul li #submenu1{

	width: 152px;

	display: table;

	position: absolute;

	left: 165px;

	top: 210px;

	margin: 0;

	padding: 0;

	background-color:#DDDDDD;

	border: solid 1px #BBBBBB;

	display: none;

}

#central .esquerda ul li #submenu1 ul {

	float: none;

	width: 152px;

	display: table;

	margin-top:0px;

	padding-right:0px;

}

#central .esquerda ul li #submenu1 li {

	width: 152px;

	height: 17px;

	display: block;

	text-align: center;

	border-bottom: 0;

}

#central .esquerda ul li #submenu1 a{

	width: 150px;

	height: 15px;

	display: block;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	line-height: 15px;

	font-weight: lighter;

	color: #006699;

	text-decoration: none;	

}

#central .esquerda ul li #submenu1 a:hover{

	color: #999999;

}



#central .esquerda ul li #submenu2{

	width: 152px;

	display: table;

	position: absolute;

	left: 165px;

	top: 365px;

	margin: 0;

	padding: 0;

	background-color:#DDDDDD;

	border: solid 1px #BBBBBB;

	display: none;

}

#central .esquerda ul li #submenu2 ul {

	float: none;

	width: 152px;

	display: table;

	margin-top:0px;

	padding-right:0px;

}

#central .esquerda ul li #submenu2 li {

	width: 152px;

	height: 17px;

	display: block;

	text-align: center;

	border-bottom: 0;

}

#central .esquerda ul li #submenu2 a{

	width: 150px;

	height: 15px;

	display: block;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	line-height: 15px;

	font-weight: lighter;

	color: #006699;

	text-decoration: none;	

}

#central .esquerda ul li #submenu2 a:hover{

	color: #999999;

}

/**********************************/



#central .conteudo{

	width: 592px;

	display: table;

	float: left;

	padding-bottom: 20px;

}



#central .conteudo p{

	width: 100%;

	float: left;

	clear: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 15px;

	font-weight: lighter;

	color: #333333;

	text-align: left;

	margin-bottom: 15px;

}



#central .conteudo p.legenda{

	width: 100%;

	float: left;

	clear: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	line-height: 13px;

	font-weight: lighter;

	color: #333333;

	text-align: left;

	margin-bottom: 20px;

	font-style: italic;

}



#central .conteudo img{

	float: left;

	display: block;

	margin-top: 10px;

	margin-right: 5px;

	border: 0;

}



#central .conteudo #filme{

	width: 568px;

	height: 100px;

	display: block;

	float: left;

	padding-left: 10px;

	padding-top: 0px;

	padding-bottom: 0px;

}



#central .conteudo .titulo{

	width: 568px;

	height: 64px;

	display: block;

	float: left;

	padding-left: 10px;

	background-image: url(img/bg_titulo.gif);

	background-repeat: no-repeat;

	background-position: right bottom;

}



#central .conteudo .titulo h2{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 27px;

	font-weight: lighter;

	color: #FFFFFF;

	text-align: left;

	float: left;

	padding-top: 25px;

	padding-left: 10px;

}



#central .conteudo .titulo h3{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 17px;

	font-weight: lighter;

	color: #FF9900;

	text-align: right;

	float: right;

	padding-right: 10px;

	width:300px;

	margin-top:35px;	

}



#central .conteudo .titulo h4.home{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 17px;

	font-weight: lighter;

	color: #FF9900;

	text-align: right;

	float: right;

	padding-right: 10px;

	width:300px;

	

}

#central .conteudo .left{

	width: 240px;

	display: table;

	float: left;

	clear: left;

	padding-left: 23px;

	margin-top: 20px;

}



#central .conteudo .left h3{

	font-family: Verdana, Arial, Helvetica, sans-serif;	

	font-size: 18px;

	color:#006699;

}



#central .conteudo .right{

	width: 280px;

	display: table;

	float: left;

	padding-left: 30px;

	margin-top: 20px;

}



#central .conteudo .righthome{

	width: 280px;

	display: table;

	float: left;

	padding-left: 30px;

	margin-top: 58px;

}



#central .conteudo .prod{

	width: 560px;

	clear: left; 

	display: table;

	float: left;

	padding-left: 23px;

	margin-top: 20px;

}



#central .conteudo .prod img{

	float: left;

	clear:none;

	width: 170px;

	height: 113px;

	display: block;

	margin-right: 10px;

	margin-top: 10px;

	border: 1px solid #999999;	

}

#central .conteudo .prod img.mapa{

	float: left;

	clear:none;

	width: 537px;

	height: 357px;

	display: block;

	margin-right: 0px;

	margin-top: 10px;

	border: 1px solid #999999;	

}

#central .conteudo .prod img.serv{

	float: left;

	clear:none;

	width: 270px;

	height: 180px;

	display: block;

	margin-right: 6px;

	margin-top: 7px;

	border: 0;

}





/* :::::::::::::::: RODAPE :::::::::::::::: */

#rodape {

	width: 100%;

	height: 53px;

	float: left;

	display: block;	

	background-color: #FFFFFF;

	background-image: url(img/bg_rodape.gif);

	background-repeat: repeat-x;

	background-position: left top;	

} 



#rodape .esquerda{

	width: 178px;

	height: 53px;

	float: left;

	display: block;	

	background-color: #FFFFFF;

	background-image: url(img/bg_rodape_esq.gif);

	background-repeat: no-repeat;

	background-position: left top;	

}





#rodape .esquerda address{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	font-style: normal;

	line-height: 12px;

	font-weight: lighter;

	color: #006699;

	text-decoration: none;

	text-align: right;

	padding-right: 10px;

	float: right;

	position: relative;

	top: -50px;

	

}



#rodape .central{

	width: 592px;

	height: 53px;

	float: left;

	display: table;	

	background-color: #FFFFFF;

	background-image: url(img/bg_rodape_central.gif);

	background-repeat: no-repeat;

	background-position: left top;

}



#rodape .central ul {

	margin-top: 10px;

	float: left;

	clear: left;

}



#rodape .central li{

	float: left;

	text-align: left;

}



#rodape .central p{

	float: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	font-weight: lighter;

	color: #AAAAAA;

	text-decoration: none;

	padding-left: 10px;

	margin-top: 10px;

}



#rodape .central .menu a{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	font-weight: lighter;

	color: #FFFFFF;

	text-decoration: none;

	border-left: solid 1px #FFFFFF;

	padding-right: 5px;

	padding-left: 5px;

}



#rodape .central .menu a.home {

	border: none;

	padding-left: 10px;

}



#rodape .central .menu a:hover{

	color: #CCCCCC;

}



#rodape .selos{

	float: right;

	margin-top: 5px;

	width: 200px

}



#rodape .central .selos a {

	float: left;

	height: 20px;

	display: block;

	text-indent: -9999px;

	overflow: hidden;

}



#rodape .central a.w3c {

	width: 80px;

	background-image:url(img/selo_w3c.gif);

	background-repeat: no-repeat;

	background-position: right bottom;

	

}



#rodape .central a.si {

	width: 91px;

	background-image:url(img/selo_si.gif);

	background-repeat: no-repeat;

	background-position: right bottom;

	margin-right: 10px;

}



/** FORMULARIO **/



#central .conteudo .right .form{

	width: 265px;

	float: left;

}



#central .conteudo .right .form p{

	width: 100%;

	float: left;

	clear: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	line-height: 15px;

	font-weight: lighter;

	font-variant: normal;

	color: #000000;

	text-decoration: none;

	text-align: left;

	margin-top: 7px;

	margin-bottom: 0px;

}



.text {

	width: 265px;

	float: left;

	background-color: #EEEEEE;

	border: 1px solid #888888;

}



.ddd {

	width: 25px;

	float: left;

	background-color: #EEEEEE;

	border: 1px solid #888888;

}



.fone {

	width: 100px;

	float: left;

	background-color: #EEEEEE;

	border: 1px solid #888888;

	margin-left: 5px;

}



.textarea {

	width: 265px;

	height: 100px;

	float: left;

	background-color: #EEEEEE;

	border: 1px solid #888888;

}



.botao {

	float: left;

	background-color: #CCCCCC;

	border-top: 1px solid #999999;

	border-left: 1px solid #999999;

	border-right: 1px solid #000000;

	border-bottom: 1px solid #000000;

	font: Arial, Helvetica, sans-serif 10px lighter #003366;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: lighter;

	color: #003366;

	padding: 1px 7px;

	margin-right: 20px;

	margin-top: 20px;

}



/* :::::::::::::::: POPUP :::::::::::::::: */

#pop{

	height: 267px;

	width:400px;

	display:block;

	margin:0;

	padding:0;

}

#pop table{

	background:#EFEFEF;

}

#pop p{

	float:right;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #999999;

	text-align: center;

	padding: 0px 10px;

}

#pop a {

	display:block;

	width:60px;

	height:15px;

	float:left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	line-height: 25px;

	font-weight: bold;

	color: #999999;

	text-decoration: none;

}



#pop a:hover {

	color: #006699;

}



#spacer {

	width: 100%;

	height: 200px;

	display: block;

}

#banner{
	position:relative;
	width:572px;
	height:auto;
	clear:left;
	padding-left:20px;
}