@charset "utf-8";
/* CSS Document */

body {
	background-color:#D57A27!important;
	background-image:url(../imagens/bg.png);
	background-repeat:repeat-x;
	background-position:0px 11px;
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#Inicial{background-image:url(../imagens/bg2.png);}

a {
	outline:none;
}
#Topo {
	width:100%;
	height:11px;
	background-repeat:repeat-x;
	background-position:top left;
}
.verde #Topo {
	background-image:url(../imagens/top_verde.jpg);
}
#Principal{
	width:871px;
	height:auto;
	padding:0px;
	margin:0px auto;
	position:relative;
}

/* ---------------------------------------------- */
/*                      MENU                      */
/* ---------------------------------------------- */

#Menu{
	width:100%;
	height:71px;
}
#MenuEsq,
#MenuDir{
	background-image:url(../imagens/menu_esq.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:15px;
	height:71px;
	padding:0px;
	margin:0px;
	float:left;
}
#MenuDir{
	background-image:url(../imagens/menu_dir.png);
	width:16px;
	float:right;
}
#Menu a{
	width:140px;
	height:71px;
	float:left;
	background-repeat:no-repeat;
	background-position:top left;
	text-indent:-9999px;
	padding:0px;
	margin:0px;
}
#menuEmpresa{		background-image:url(../imagens/menu_empresa.png)}
#menuServicos{		background-image:url(../imagens/menu_servicos.png)}
#menuClientes{		background-image:url(../imagens/menu_clientes.png)}
#menuPortfolio{		background-image:url(../imagens/menu_portfolio.png)}
#menuNoticias{		background-image:url(../imagens/menu_noticias.png)}
#menuContatos{		background-image:url(../imagens/menu_contatos.png)}

#menuEmpresa:hover,
#menuServicos:hover,
#menuClientes:hover,
#menuPortfolio:hover,
#menuNoticias:hover,
#menuContatos:hover{	background-position:bottom left;}


/* ---------------------------------------------- */
/*                 PÁGINA INICIAL                 */
/* ---------------------------------------------- */

#Destaque{
	width:100%;
	height:251px;
}
#ContInicial{
	width:830px;
	height:210px;
	padding:0px;
	margin:0px auto;
	position:relative;	
	background-image:url(../imagens/bg_noticias.png);
	background-repeat:no-repeat;
	background-position:top left;
}
#ContInicial #Noticias{
	width:430px;
	height:210px;
	float:left;
	list-style-image:url(../imagens/marc_branco.gif);
	position:relative;
}
#ContInicial #Noticias #Data{
	color:#FFCC00;
	font-size:11px;
	text-align:right;
	position:absolute;
	right:20px;
	top:30px;
}
#ContInicial #Noticias h1{
	width:151px;
	height:34px;
	background-image:url(../imagens/titulos/tit_noticias_inicial.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	font-size:1px;
	margin:0px 0px 15px 19px;
	padding-top:30px;
	text-indent:-9999px;
}
#ContInicial #Noticias li{
	margin:5px auto;
}
#ContInicial #Noticias a{
	color:#FFCC00;
	text-decoration:none;
	padding:3px;
}
#ContInicial #Noticias a:hover{
	background-color:#FFCC00;
	color:#996600;
}
#ContInicial #TwitterBird{
	position:absolute;
	left:-44px;
	bottom:-20px;
}
#ContInicial #TwitterBalao{
	position:absolute;
	left:10px;
	bottom:18px;
}
#ContInicial #Chamadas{
	width:390px;
	height:210px;
	float:right;
	position:relative;
}
#Chamada01{
	position:absolute;
	left:20px;
	top:30px;
}
#Chamada02{
	position:absolute;
	left:20px;
	top:115px;
}
#Chamada03{
	position:absolute;
	left:200px;
	top:30px;
}
#Chamada04{
	position:absolute;
	left:200px;
	top:115px;
}

/* ---------------------------------------------- */
/*                    INTERNAS                    */
/* ---------------------------------------------- */

#ColEsq{
	width:190px;
	height:554px;
	left:0px;
	top:71px;
	margin:0px 0px 0px 0px;
	position:absolute;
}
#ContTop{
	width:100%;
	height:52px;
	background-image:url(../imagens/bg_conteudo_top.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding:13px 0px 0px 14px;
}
#Conteudo{
	width:491px;
	min-height:524px;
	background-image:url(../imagens/bg_conteudo.png);
	background-repeat:repeat-y;
	background-position:top left;
	left:190px;
	top:0px;
	position:relative;
	margin:0px 9px 61px 0px;
	padding-bottom:35px;
	list-style-image:url(../imagens/marc_roxo.gif);
}
#Conteudo p{
	margin:5px 30px 21px 30px ;
	color:#808080;
	line-height:18px;
}
#Conteudo h2{
	color:#993366;
	margin:0px 30px;
	font-weight:bold;
	font-size:15px;
}
#Conteudo h3{
	color:#993366;
	margin:20px 30px -10px 30px;
	font-weight:bold;
	font-size:13px;
}

#Conteudo ul {
	margin-bottom:30px;
}
#Conteudo li{
	margin:0px 7px 5px 7px ;
	color:#808080;
	width:400px;
}
#Conteudo a{
	color:#669900;
	text-decoration:none;
}

#Conteudo a:hover{
	background-color:#99CC00;
	color:#FFFFFF;
	padding:3px;
}
#Conteudo .caixa {
	width:430px;
	padding:0px;
	margin:0px 30px 30px 30px;
	background-image:url(../imagens/bg_caixa.png);
	background-repeat:repeat-y;
	background-position:top left;
	list-style-image:url(../imagens/marc_roxo2.gif);
}
#Conteudo .caixa h2{
	width:410px;
	height:16px;
	background-image:url(../imagens/tit_caixa.png);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0px;
	padding:8px 10px;
	color:#FFFFFF!important;
}
#Conteudo .caixa  ul {
	margin-bottom:0px;
}
#Conteudo .caixa li{
	margin:0px 0px 5px 0px ;
	color:#808080;
	width:360px;
}
#Conteudo .caixa a{
	color:#5C8900;
	text-decoration:none;
}

#Conteudo .caixa a:hover{
	background-color:#5C8900;
	color:#FFFFFF;
	padding:3px;
}
#Conteudo .caixa .caixatopo{
	background-image:url(../imagens/topo_caixa.png);
	background-repeat:no-repeat;
	background-position:topo left;
	width:430px;
	height:10px;
	margin-bottom:-8px;
}
#Conteudo .caixa .caixafim{
	background-image:url(../imagens/rodape_caixa.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:430px;
	height:10px;
}
#ContRodape{
	width:100%;
	height:66px;
	background-image:url(../imagens/bg_conteudo_rodape.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	bottom:-1px;
	position:absolute;
}
#ContRodape a{
	float:right;
	margin:29px 20px 0px 0px;
	padding:0px;
}
#ContTop a:hover,
#ContRodape a:hover {
	background-color:transparent;
	padding:0px;
}
#ColDir{
	width:181px;
	position:absolute;
	right:0px;
	top:71px;
}
#ColDir #Chamadas{
	width:181px;
	height:auto;
	background-image:url(../imagens/bg_colDir.png);
	background-repeat:repeat-y;
	background-position:top left;
	position:relative;
	padding:10px 0px 6px 0px;
	text-align:center;	
}
#ColDir #Chamadas a{
	width:160px;
	height:70px;
	position:relative;
}
#ColDir #Chamadas img{
	margin-bottom:5px;
}
#ChamadasTop{
	width:181px;
	height:10px;
	background-image:url(../imagens/bg_colDir_top.png);
	background-repeat:no-repeat;
	background-position:top left;	
	position:absolute;
	top:0px;
	left:0px
}
#ChamadasRodape{
	width:181px;
	height:11px;
	background-image:url(../imagens/bg_colDir_rodape.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	position:absolute;
	bottom:0px;
	left:0px
}
#ColDir #Noticias{
	margin-top:9px;
	width:181px;
	height:400px;
	float:right;
	list-style-image:url(../imagens/marc_branco.gif);
	position:relative;	
	background-image:url(../imagens/bg_noticias_int.png);
	background-repeat:no-repeat;
	background-position:top left;
}
#ColDir #Noticias h1{
	width:135px;
	height:33px;
	background-image:url(../imagens/titulos/tit_noticias_interna.gif);
	background-repeat:no-repeat;
	background-position:top left;
	font-size:1px;
	margin:21px 26px 14px 18px;
	text-indent:-9999px;
}
#ColDir #Noticias li{
	margin:5px 0px ;
	width:130px;
}
#ColDir #Noticias a{
	color:#FFCC00;
	text-decoration:none;
	padding:3px 0px;
}
#ColDir #Noticias a:hover{
	background-color:#FFCC00;
	color:#996600;	
}
#TwitterInt{
	width:158px;
	height:159px;
	position:absolute;
	bottom:-82px;
	right:0px;
}
#TwitterInt #TwitterBird{
	position:absolute;
	right:0px;
	bottom:0px;
}
#TwitterInt #TwitterBalao{
	position:absolute;
	top:0px;
}


/* ---------------------------------------------- */
/*              TÍTULOS DO CONTEÚDO               */
/* ---------------------------------------------- */

#Conteudo h1{
	width:249px;
	height:25px;
	background-repeat:no-repeat;
	background-position:top left;
	font-size:1px;
	margin:0px 26px 5px 30px;
	text-indent:-9999px;
}
#Empresa #Conteudo h1{		background-image:url(../imagens/titulos/tit_secao_caramelo.png)}
#Meninas #Conteudo h1{		background-image:url(../imagens/titulos/tit_secao_meninasCaramelo.png)}
#Servicos #Conteudo h1{		background-image:url(../imagens/titulos/tit_secao_nossaMistura.png)}
#Portfolio #Conteudo h1{	background-image:url(../imagens/titulos/tit_secao_deguste.png)}
#Clientes #Conteudo h1{		background-image:url(../imagens/titulos/tit_secao_grudados.png)}
#Contatos #Conteudo h1{		background-image:url(../imagens/titulos/tit_secao_faleConosco.png)}
#Noticias #Conteudo h1{		background-image:url(../imagens/titulos/tit_secao_saindoForno.png)}
#Imprensa #Conteudo h1{		background-image:url(../imagens/titulos/tit_secao_salaImprensa.png)}

/* ---------------------------------------------- */
/*              IMAGENS NO CONTEÚDO               */
/* ---------------------------------------------- */

#Clientes #Conteudo p img{	
	float:left;
	margin: 5px 10px 0px 0px;
}
#Meninas #Conteudo p img{	
	margin-top: -17px;
}

#Noticias #Conteudo p img{	
	float:left;
	margin: 5px 10px 0px 0px;
}
#Noticias #Conteudo p img.direita{	
	float:right;
	margin: 5px 0px 0px 10px;
}
#Conteudo p.miniatura{
	margin-top:-10px;
}
#Conteudo p.miniatura a{
	margin:-10px 10px 10px 0px;
	clear:both;
}
#Conteudo p.miniatura a:hover{
	background-color:transparent;
	padding:0px;
	border:0px;
}
/* ---------------------------------------------- */
/*                     RODAPÉ                     */
/* ---------------------------------------------- */

#Rodape{
	background-color:#D57A27;
	background-image:url(../imagens/bg_rod.png);
	background-repeat:repeat-x;
	background-position:left top;
	padding:0px;
	margin:0px;
	width:100%;
	height:100px;
	text-align:center;
}