/* Geral */

* {
	margin:0;
	padding:0;
	outline:none;
}

img {
	border:none;
}

ul {
	list-style:none;
}

a {
	text-decoration:none;
	color:#ddd;
}
a:hover {
	text-decoration:none;
	color:#FC5;
}

h1{
	margin: 0 0 5px;
	font-size:24px;
}

h2{
	font-size: 12px;
}

h3{
	font-size: 13px;
}

h3 > a{
	color: #ddd;
}
h3 > a:hover{
	color: #ddd;
	text-decoration: underline;
}

p{
	margin: 3px 0;
}

body {
	background:url(imagens/bg_madeira.jpg);
	font-family: arial, serif;
	font-size:12px;
	color:#FC6;
}
.limite {
	margin:-35px auto 0 auto;
	width:960px;
	/*height:100%;*/
	
	background:url(imagens/sombreado.png) repeat-y;
	padding-left:33px;padding-right:27px;padding-bottom:20px;
	/*Remember on rodape => margin-top:-20px;
	*/
}


.faixa_menu {
	background:url(imagens/bg_faixa_menu.png) repeat;
	width:100%;
	height:35px;
	margin-top:5px;
}

.menu {
	width:960px;
	position:relative;
}
.item_menu {
	font-size:12px;
	padding:9px;
        padding-left:3px;
	text-align:center;
	float:right;
}
.item_menu a {
	display:block;
	color:#FFF;
	text-decoration:none;
}
.item_menu a:hover {
	text-decoration:none;
	color:#C8DFA1;
}
.logo {
	margin-top:-25px;
	/*margin-left:50px;*/
	width:184px;
	height:180px;
}
.quebra {
	clear:both;
}
.conteudo {
	width:840px;
	height:550px;
}
.chamada_topo {
	width:410px;
	height:220px;
	float:left;
	margin-top:20px;
	margin-left: 170px;
	text-align:center;
}
.ilustra_topo {
	width:220px;
	height:170px;
	float:right;
}
.banner_central {
	width:840px;
	height:237px;
	border:#F90 solid 1px;
	text-align:center;
	margin:-2px 0 0 30px;
}

.sombra_banner_central {
	background:url(imagens/sombra_banner_central.png) no-repeat;
	width:840px;
	height:15px;
	margin:0 0 0 30px;
}

.detalhes_foto {
	width:90px;;
	height:114px;
	border:#F90 solid 1px;
	float:left;
	margin-right:7px;
        margin-top:10px;
}

.detalhes_texto {
	width:100px;
	height:114px;
	float:left;
	margin-right:10px;
        margin-top:10px;
	font-size:11px;
}

.rodape{
	background:url('imagens/rodape/fundo.png') repeat-x;
	height: 490px;
	width:100%;
	padding-top:5px;
	font-size: 11px;
	/*margin-top:30px;*/
	margin-top:-20px;
	/*************** SOMBRA ****************/
}
.conteudo_rodape {
	width:840px;
	margin:0 auto;
	color:#663;
	font-family:Verdana;
	font-size:10px;
}



/********************************
							GERAL
********************************/
/*		<div class="divisoria_b"></div>
*/
.divisoria_b{
	background: url(imagens/divisoria.png) no-repeat;
	width:92px;
	height:18px;
	margin:25px auto 25px;
}

.divisoria_entalhe{
	background: url(imagens/divisoria-entalhe.png) no-repeat;
	width:960px;
	height:48px;
	margin:20px auto 20px;
}

/********************************
							HOME
********************************/

#tudo{
	width:960px;
/*	height:100%;	*/
	margin:0 auto;
}

#g70{
	width: 69%;
	float: left;
}

#g30{
	width: 30%;
	float: right;
}

#g50, .g50{
	width: 50%;
}

.fright{
	float: right;
}
.fleft{
	float: left;
}

#banner_rotativo{
	height:	225px;
	width: 642px;
	margin: 0 8px 15px;
	border: 2px solid #c9c9c9;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#destaques > .destaque{
	float: left;
	width: 320px;
	height:121px;
	margin: 5px;
}

#destaques > .destaque > a {
	text-align: center;
}
#destaques > .destaque > a {
	display: block;
	height:121px;
}

#destaques > .destaque > a > img{
	float: left;
	margin: 2px;
}

#destaques > .destaque > a > p{
	padding: 5px 20px 10px 10px;
	text-align: left;
	color: #ddd;
}

#destaques > .destaque > a > p:hover{
	color: #ddd;
}

#destaques > .destaque > a > h3 {
	font-size: 16px;
	margin: 5px 0 10px 5px;
	font-style:italic;
}

#destaques > #maquinas > a{ 
	width: 210px;
	padding:5px 5px 5px 110px;
	height: 110px;
	background: url('imagens/home/maquinas_cafe.png') no-repeat;
}

#destaques > #cafe > a{
	width: 195px;
	padding:5px 5px 5px 125px;
	height: 110px;
	background: url('imagens/home/cafes.png') no-repeat; 
}

#destaques > #cafeteria > a{ 
	width: 190px;
	padding:5px 5px 5px 130px;
	height: 110px;
	background: url('imagens/home/cafeteria.png') no-repeat;
}

#destaques > #eventos > a{ 
	width: 180px;
	padding:5px 5px 5px 140px;
	height: 110px;
	background: url('imagens/home/eventos.png') no-repeat;
}

#destaques > #maquinas > a:hover,
#destaques > #cafe > a:hover,
#destaques > #cafeteria > a:hover,
#destaques > #eventos > a:hover{
	background-position: 0px -125px; 
}

#fotos {
	margin-top: 20px;
	padding: 20px 20px 10px 20px;
	background: url('imagens/home/bg_fotos.png') no-repeat;
	height: 157px;
}
#fotos > a > img {
	margin: 5px 7px;
}
#fotos h2, #videos h2{
	font-size: 15px;
	padding: 5px;
}
#videos {
	margin-top: 5px;
	padding: 20px;
	background: url('imagens/home/bg_fotos.png') no-repeat;
	height: 177px;
}
#videos > a > img {
	margin: 5px 5px;
	width: 140px;
	height: 90px;
}
/*Cursos*/
#cursos{
	height:	227px;
	margin-bottom: 17px;
	background: url('imagens/home/cursos.png') no-repeat;
	width:278px;
	font-size: 11px;
}

#cursos > h2{
	font-size: 175%;
	margin: 10px 0;
	padding:  10px 10px 0;
}

#cursos > h3{
	margin: 10px auto 5px;
	padding: 0 10px;
	width: 232px;
}

#cursos > p{
	text-align: justify;
	width: 232px;
	margin: 0 auto;
	padding: 1px 10px 10px;
}
/*Noticias*/
#noticias{
	height:	752px;
	width: 258px;
	padding: 10px;
	margin-bottom: 15px;
	background: url('imagens/home/noticias.png') no-repeat;
	font-weight: normal;
}

.titulo_noticias{
	margin-left: -20px;
	margin-top: 5px;
}

.titulo_cursos{
	margin-left: -10px;
	margin-top: 15px;
}

#noticias > .titulo{
	padding: 15px 0 15px;
}

#noticias > h3{
	margin: 15px auto 5px;
	width: 90%;
	color: #fff;
}

#noticias > h3 > a{
	color: #ddd;
}
#noticias > h3 > a:hover{
	color: #ddd;
}

#noticias > p{
	text-align: justify;
	width: 230px;
	margin: 0 auto 10px;
	font-size: 11px;
}

.divisoria{
	display:block;
	width: 228px;
	margin: 0 auto;
	padding-top: 7px;
}

/*Inferior*/
#inferior {
	width: 960px;
	height: 191px;
	margin-bottom: 25px;
	font-size: 14px;
	text-align: center;
}

#inferior h3{

}

.destaque_inferior{
	width: 286px;
	margin: 5px 17px;
}

#inferior > div > a{
	height: 81px;
	display: block;
	padding: 110px 10px 0;
}
#inferior > div > a> h3{
	text-indent: -9999px;
	margin-bottom:10px;
	font-size: 20px;
}
#inferior > div > a:hover > p{
	color: #ddd;
}

#inferior > #curiosidades > a{
	background: url('imagens/home/curiosidades.png') no-repeat;
}
#inferior > #receitas > a{
	background: url('imagens/home/receitas.png') no-repeat;
}
#inferior > #promocoes > a{
	background: url('imagens/home/promocoes.png') no-repeat;
}

#inferior > #curiosidades > a:hover,
#inferior > #receitas > a:hover,
#inferior > #promocoes > a:hover{
	/*background: url('imagens/home/promocoes_p.png') no-repeat;*/
	background-position: 0px -195px;
}

/*Rodape*/
#rodape{
	height:60px;
}
#conteudo-rodape{
	width:960px;
	height:465px;
	margin: 10px auto 0;
}

#copyright{
	float: none;
	width: 960px;
	
}

#endereco > #cafeeira{
	width: 160px;
	float: left;
	padding: 10px 3px;
}
#endereco > #cafeteira{
	float: left;
	width: 160px;
	padding: 10px 3px;
}

#endereco h2{
	font-size: 14px;
}
#nav{
	margin-top: 5px;
}
#nav > ul {
	float: left;
	margin-right: 25px;
	padding-left: 10px;
	background: url('imagens/rodape/linhas_menu_inferior.png') no-repeat;
	height: 118px;
}

.g60{
	width: 60%;
	float: left;
}
.g40{
	width: 35%;
	float: left;
}



/****************
INTERNAS
******************/
#intro_in{
background: url(imagens/acessorios/painel.png) no-repeat;
width: 940px;
height: 104px;
padding: 10px 10px;
text-align: center;
margin: 15px 0 15px;
}

#intro_in h1{
	font-family: 'BrushScriptStdMedium';
	font-weight:normal;
	font-size: 33px;
	background: url(imagens/fundo_titulo.png) no-repeat;
	height:55px;
	width:986px;
	margin-left: -25px;
	padding-top:5px;
	margin-bottom: -5px;
}

#intro{
	float:left;
	padding: 10px 0 0 220px;
}

#intro p{
	font-size: 12px;
}


.bt_zoom,
.bt_detalhes{
	width: 83px;
	height: 27px;
}

.item_listado{
	background: url(imagens/fundo_item.png) no-repeat;
	width: 630px;
	height: 85px;
	padding: 10px;
	float: right;
	margin-bottom: 10px;
}

/* EMPRESA */

#slideshow.empresa{
	border: 2px solid #c9c9c9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 400px;
	height: 300px;
	float:right
}

.historico_empresa {
	width:960px;
	padding: 0 15px 25px;
	float:left;
	text-align:justify;
	margin:0 30px 0 0;
	background: url(imagens/empresa/fundo-meio.png) repeat-y;
	
}
.empresa_funto_topo{ background: url(imagens/empresa/fundo-topo.png) no-repeat; height:20px; width:960px;}
.empresa_funto_base{ background: url(imagens/empresa/fundo-base.png) no-repeat;  height:20px; width:960px; clear:both;}

.historico_empresa  p{
	color: #ddd;
}

#etiqueta{
	width: 404px;
	float: right;
	margin-top: -50px;
	margin-right: -32px;
	position: relative;
	
}
#etiqueta img{
	float: right;
}

.imagem_galeria {
	width:315px;
	height:213px;
	float:left;
}

.thumbs_galeria {
	background:url(imagens/bg_thumbs.png);
	width:120px;
	height:77px;
	padding:4px;
	margin:5px;
	float:left;
}

.itens_paginacao {
	color:#C8DFA1;
	width:278px;
	padding:5px;
	text-align:center;
	margin:-30px 0 0 35px;
}

.bg_imagem_grande {
	width:475px;
	height:305px;
	background:#FFF;
	padding:5px;
	float:right;
	margin:5px 0 0 15px;
	z-index:2;
	position:relative;
}

.area_botoes {
	z-index:1;
	width:475px;
	height:28px;
	float:right;
}

.div_botao {
	width:70px;
	height:28px;
	float:right;
	margin-top:-5px;
}

.fundo_downloads {
	margin:-55px auto 0 auto;
	width:270px;
	padding:40px 0 10px 0;
	background:url(imagens/bg_faixa_menu.png) repeat;
}


/* contato */

.conteudo_esquerda_contato {
	width:380px;
	margin:0 0 0 10px;
	float:left;
}

.conteudo_direita_contato {
	float:left;
}

/*
input{
	background:#FFF;
	border:#C8DFA1 solid 1px;
	margin:0 0 0 5px;
}
*/

.textField {
	background:#FFF;
	border:#C8DFA1 solid 1px;
	height:50px;
	margin:3px 0 0 5px;
	overflow-x:none;
}
.txtForm{
	color:#C8DFA1;
	font-size:11px;
}

/* MAQUINAS */

.bg_categorias {
	margin:-15px 0 0 0;
	width:222px;
	background:url(imagens/bg_categorias.gif);
	position:relative;
}

.tabua_categorias {
	background:url(imagens/tabua_categorias.png) bottom center no-repeat;
	width:222px;
	height:81px;
}

.coluna_categorias {
	width:200px;	
}

.bg_categorias ul li {
	line-height:17px;
	margin:10px 0 0 50px;
	font-size:13px;
}

.bg_categorias ul a{
	list-style:none;
}

.bg_categorias ul li a{
	text-decoration:none;
}

.bg_categorias ul li a:hover{
	text-decoration:none;
}



.conteudo_direita_maquinas_t{
background: url(imagens/itens-fundo-t.png) no-repeat;
width:667px;
height: 15px;
float: right;
}
.conteudo_direita_maquinas_b {
background: url(imagens/itens-fundo-b.png) no-repeat;
width:667px;
height: 15px;
float: right;
clear:right;
margin-bottom: 30px;
}
.conteudo_direita_maquinas_c{
	background: url(imagens/itens-fundo.png) repeat-y;
}

.conteudo_direita_maquinas {
	width:667px;
	float:right;
	text-align:justify;
}

.miniatura_itens {
	float:left;
}

.miniatura_itens img{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: #ddd 2px solid;
	margin: 2px 10px 0 3px;
}

.txt_itens {
	width:450px;
	margin:5px 0 0 0;
	float:left;
	color: #ddd;
}

.txt_itens a{
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
	color:#FC6;
}

.txt_itens a:hover {
	color:#C8DFA1;
}

.posiciona_botoes_itens { /*ZOOM E DETALHES */
	margin:10px 0 0 0;
	float:left;

}

.conteudo_detalhes{
	float:left;
	margin-left: 15px;
}

.area_foto_pag_detalhes {
	width:215px;
	height:167px;
}
.foto_pag_detalhes img{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: #ddd 2px solid;
}
	
.foto_pag_detalhes {
	margin:5px;
	width:205px;
	height:157px;
}

.area_opcao_fotos_pag_detalhes{
	width:65px;
	height:50px;
	border:#F90 solid 1px;
	margin:0 0 0 7px;
	float:left;
}

.opcao_foto_pag_detalhes {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: #ddd 2px solid;
	width:61px;
	height:45px;
	float:left;
	margin: 10px;
}

.txt_detalhes{
	width:330px;
	margin:10px 0 0 20px;
	color:#ddd;
}
.div_hr{ /*SIMULA UMA HR*/
	border-top:#FFF dotted 2px;
	width:160px;
	margin:10px 0 10px 0;
}

.menu_espaco_barista {
	margin:-15px 0 0 0;
	width:216px;
	height:350px;
	float:left;
	position:relative;
}

.conteudo_direita {
	margin:10px 0 0 10px;
	/*width:610px;*/
}

.thumbs_galeria2 {
	background:url(imagens/bg_thumbs.png) no-repeat;
	width:134px;
	height:91px;
	padding:4px 4px 3px 4px;
	margin:5px 7px 5px 0;
	float:left;
}

.titulos {
	color:#FC6;
	font-size:14px;
	font-weight:bold;
}

.texto_curiosidades {
	width:580px;
	line-height:17px;
	margin:10px 0 10px 15px;
}

.lista_receitas {
	margin:15px 0 10px 20px;
}

.lista_receitas ul li {
	line-height:18px;
	text-decoration:none;
}
.bg_thumbs_receitas {
	background:url(imagens/bg_foto_receita.png) no-repeat;
	width:141px;
	height:87px;
	margin:10px 0 0 0;
	float:left;
}

.foto_receita {
	margin:7px 0 0 13px; ;
	width:120px;
	height:77px;
}

.tabua_cursos {
	background:url(imagens/tabua_cursos.png) bottom center no-repeat;
	width:222px;
	height:74px;
}
.tabua_oferecemos {
	background:url(imagens/tabua_oferecemos.png) bottom center no-repeat;
	width:222px;
	height:81px;
}

/*****
CONTATO
*******/

.conteudo_contato{
	background: url(imagens/fundo_contato.png) no-repeat;
	width: 426px;
	height: 547px;
	padding: 15px;
}

.box_endereco{
	height: 150px;
	margin-top:5px;
	margin-bottom: 5px;
	color: #ddd;
}

.conteudo_contato h2{
	font-size: 14px;
}

.horario{
	margin:-10px 0 0 5px;
	line-height:18px;
	clear:both;
	padding-top:10px;
}

#form_contato h2{
	text-align: center;
}

#form_contato form{
	font-size: 14px;
}


#form_contato input,
#form_contato textarea{
	padding: 5px;
	margin: 3px;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

h2.contato{
	font-size: 20px;
	font-style:italic
}


.conteudo_t{
	background: url(imagens/fundo_pg_topo.png) no-repeat;
	width:960px;
	height: 15px;
	float: right;
}
.conteudo_b{
	background: url(imagens/fundo_pg_base.png) no-repeat;
	width:960px;
	height: 15px;
	float: right;
	clear: both;
	margin-bottom: 30px;
}
.conteudo_c{
	background: url(imagens/fundo_pg_centro.png) repeat;
	width: 960px;
}


/*********/

.listagem{
	float:left;
	width:318px;
	height:577px;
	background:url(imagens/fundo_p.png) no-repeat;
}

.conteudo_listagem{
	width:518px;
	height:547px;
	padding:15px;
	margin-bottom:15px;
	background:url(imagens/fundo_g.png) no-repeat;
}


#form_representante{
	width:930px;
	padding: 0 15px 25px;
	float:left;
	text-align:justify;
	margin:0 30px 0 0;
	background: url(imagens/empresa/fundo-meio.png) repeat-y;
	
}

#form_representante label{
	float: none;
	clear: both;
	display: block;
}

#form_representante input,
#form_representante textarea{
	padding: 5px;
	margin: 3px 3px 10px 3px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


#mapa_contato{
	width:960px;
	height:339px;
	display:block;
	background:url('imagens/mapa.jpg');
	position:relative;
}


#mapa_contato > #marcador_cafeeira{
	background:url(imagens/mapa-cafeeira.png);
	width:164px;
	height:65px;
	display:block;
	position:absolute;
	top:175px;
	left:34px;
}

#mapa_contato > #marcador_cafeteria{
	background:url(imagens/mapa-cafeteria.png);
	width:164px;
	height:65px;
	display:block;
	position:absolute;
	top:108px;
	left:749px;
}

#mapa_contato > #marcador_cafeteria:hover,
#mapa_contato > #marcador_cafeeira:hover{
	background-position: 0px -68px;
}

.bt_box{
	margin-bottom: 10px;
	height: 140px;
	color: #ddd;
}

.bt_box a{
	color: #fc6;
}

.bt_box a:hover{
	font-style: normal;
}

#assinatura{
	text-indent: -99999px;
}

.intro_maquinas_t{ background:url(imagens/maquinas/painel_t.png) no-repeat;	width: 960px;height: 15px;}
.intro_maquinas_b{ background:url(imagens/maquinas/painel_b.png) no-repeat;	width: 960px;height: 17px;}

#intro_maquinas{
	background: url(imagens/maquinas/painel_c.png) repeat-y;
	width: 940px;
	min-height: 104px;
	padding: 10px 10px;
	text-align: center;
}

#intro_maquinas p{
	color: #ddd;
}

#titulo_maquinas h1,
#intro_maquinas h1{
	font-family: 'BrushScriptStdMedium';
	font-weight:normal;
	font-size: 33px;
	background: url(imagens/fundo_titulo.png) no-repeat;
	height:55px;
	width:986px;
	margin-left: -25px;
	padding-top:5px;
	margin-bottom: -5px;
}

#media_social{
	margin-top:15px;
	margin-left:100px
}

#media_social a{
	height:92px;
	width:100px;
	display:block;
	text-indent:-9999px;
	float:left;
}

#media_social a:hover{
	background-position: 0px -92px;
}

#media_social .facebook{	background:url(imagens/facebook.png) no-repeat;}
#media_social .youtube{	background:url(imagens/youtube.png) no-repeat;}
#media_social .twitter{	background:url(imagens/twitter.png) no-repeat;}

.solicitar-representante a{
	margin-left:15px;
	width:397px;
	height:45px;
	background:url(imagens/solicitar-representante.png) no-repeat;
	float:left;
	font-weight:bolder;
	font-size:15px;
	text-align:left;
	text-indent: -99999px;
	display: block;
}

.solicitar-representante a:hover{
	background-position: 0px -53px;
}