a{text-decoration:none; color: #000}

img {border: 0px;}

#container {width:1020px; margin:0 auto; }

#header { height: 68px; background: #fc0; background:url("../../resources/images/header.jpg") repeat; text-align: left}

#left {float: left; width: 188px; height: 469px; background-color: ffffff;}

#esquerda {width: 137px; float: left;}

#container #left #menu {float: left; width: 178px; height: 222px; background-color: #ffffff; padding-left: 5px; padding-right: 5px;}

/* box busca */
#container #left #busca {float: left; width: 183px; height: 125px; background-color: #c50000; background:url("../../resources/images/fundo_busca.jpg") no-repeat left; padding-top:0px; padding-left:5px}
#container #left #busca .title {float: left; margin-top: 3px; margin-left: 3px; padding:5px 5px 0 0px;}
#container #left #busca .content {float:left; width:183px; padding:5px 5px 0 3px;}
#container #left #busca .button {float: right; padding-top: 10px; padding-left: 0px; padding-right:18px;}
#container #left #busca .content #formbusca input{height:21px; width:145px; padding-top:8px; border: 0px;}

/* menu drop down */
ul#primary-nav,
ul#primary-nav ul {
	margin: 0;
	padding: 0;
	padding-right: 3px;
	width: 175px; /* largura dos itens do menu */
	border-bottom: 0px solid #ccc;
	/*background: #fff; /* IE6 bug */
	font-size: 100%;
	
	}

ul#primary-nav li {
	position: relative;
	list-style: none;
	background: transparent url("../../resources/images/seta_menu.png") right center no-repeat;
	* background:url();
	text-align: left;
}

ul#primary-nav li a {	
	display: block;
	text-decoration: none;
	color: #777;
	padding: 10px 8px 8px 5px;
	border: 0px solid #ccc;
	border-bottom: 0;
}

/* fix pro IE. esconde do IE mac \*/
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }
/* fim */

ul#primary-nav ul {
	position: absolute;
	display: none;
	left: 175px; /* este valor deve ser 1px menor do que a largura do menu */
	top: 0;
	background: #ddd;
	text-align: center;
}

ul#primary-nav li ul li a { /* style do sub menu */
	padding: 9px 10px 10px 5px; 
	_padding-bottom: 13px; 
	border-top: 1px solid #eee; 
	border-bottom: 2px solid #fff; 
	border-left: 1px solid #fff;
	margin-top: -1px;
} 

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display: none; } /* esconde os sub menus no início */


ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block; } /* a mágica */

ul#primary-nav li.menuparent { background: transparent url("../../resources/images/seta_menu.png") right center no-repeat; * background:url();} /* efeito no li que tem expansão */

ul#primary-nav li.menuparent:hover,
ul#primary-nav li.over { background-color: #f2f2f2;} /* efeito no li principal que expande quando hover*/

ul#primary-nav li a:hover { color: #E2144A; }

/* box representantes*/
#container #left #representantes {float: left; width: 183px; height: 114px; background-color: #ffffff; padding-top: 10px; padding-left: 5px;}
#container #left #representantes .title {float: left; padding:5px 5px 0 0px;}
#container #left #representantes .content {float: left; padding:5px 5px 0 3px; text-align:left; line-height:14px;}
#container #left #representantes .button {float: left; padding-top: 10px; padding-left: 0px;}

.campoBusca {color:#666666; float:left;}

#contentsHome {margin-left: 189px; height: 490px; background:url("../../resources/images/fundo_contents_home.jpg") no-repeat top left; background-position: 136px -1px; *background-position: 0px 0px; /* Apenas IE7 e IE6 */}

#contentsInternas {margin-left: 189px; height: 490px; background:url("../../resources/images/fundo_contents_internas.jpg") no-repeat top left; background-position: 136px 0px; *background-position: 0px 0px; /* Apenas IE7 e IE6 */}

#footer {
	width: 100%;
	padding-top: 0px;
	height: 30px;
	line-height: 30px;
	margin-top: -5px; 
	*margin-top: -4px;
	background:url("../../resources/images/fundo_footer_fundo.gif") no-repeat top;
	background-position: -1% 5%;
}

#footer .endereco {height: 25px; width: 550px; position: relative; left: 50%; *left: 80px; margin-left: -378px; background-color: navy; background:url("../../resources/images/fundo_footer.gif") no-repeat top;}

.input_left, .input_right{float:left;}