/*CORES
	LARANJA = #de5e21
	MARROM CLARO = #643823
	MARROM ESCURO = #2b0e05
	CINZA CLARO = #f4f4f4
	VERDE = #bab03f
	TIJOLO = #af440c;
*/
/***********************************************************************
	ESPECFICO DAS INTERNAS
************************************************************************/
body#institucional h2.localizacao{
	margin:10px 0 20px 0;
}
h3.modelos{
	color:#2b0e05;
	border-bottom:1px solid #2b0e05;
	margin:20px 0;
}
p{
	margin-bottom:10px;
	line-height:16px;
}
.enfase{
	font-weight:bold;
	font-size:12px;
	color:#2b0e05;
	display:block;
}
a{
	color:#de5e21;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
dl.especificacoes{
	margin:20px 0;
}
dl.especificacoes dt{
	font-weight:bold;
	font-size:12px;
	color:#af440c;
}
dl.especificacoes dd{
	margin:4px 0;
}
.both {
	clear: both;
}
/***********************************************************************
	MENU PRINCIPAL HORIZONTAL - ESPECFICOS
************************************************************************/
body#institucional div#menu, body#orcamento #menu, body#trabalhe #menu, body#contato #menu {
	margin-bottom:20px;
}
body#institucional ul#navegacao li.institucional a{
	background:white;
	color:black;
	text-decoration:underline;
	border-top:1px solid #8f9094;
	border-left:none;
	border-right:1px solid #8f9094;
	border-bottom:1px solid white;
	position:relative;
	top:1px;
}
body#produtos ul#navegacao li.produtos a{
	background:white;
	color:black;
	text-decoration:underline;
	border-top:1px solid #8f9094;
	border-left:1px solid #8f9094;
	border-right:1px solid #8f9094;
	border-bottom:1px solid white;
	position:relative;
	top:1px;
}
body#processo ul#navegacao li.processo a{
	background:white;
	color:black;
	text-decoration:underline;
	border-top:1px solid #8f9094;
	border-left:1px solid #8f9094;
	border-right:1px solid #8f9094;
	border-bottom:1px solid white;
	position:relative;
	top:1px;
}
body#clientes ul#navegacao li.clientes a{
	background:white;
	color:black;
	text-decoration:underline;
	border-top:1px solid #8f9094;
	border-left:1px solid #8f9094;
	border-right:1px solid #8f9094;
	border-bottom:1px solid white;
	position:relative;
	top:1px;
}
body#orcamento ul#navegacao li.orcamento a{
	background:white;
	color:black;
	text-decoration:underline;
	border-top:1px solid #8f9094;
	border-left:1px solid #8f9094;
	border-right:1px solid #8f9094;
	border-bottom:1px solid white;
	position:relative;
	top:1px;
}
body#trabalhe ul#navegacao li.trabalhe a{
	background:white;
	color:black;
	text-decoration:underline;
	border-top:1px solid #8f9094;
	border-left:1px solid #8f9094;
	border-right:1px solid #8f9094;
	border-bottom:1px solid white;
	position:relative;
	top:1px;
}
body#contato ul#navegacao li.contato a{
	background:white;
	color:black;
	text-decoration:underline;
	border-top:1px solid #8f9094;
	border-left:1px solid #8f9094;
	border-right:none;
	border-bottom:1px solid white;
	position:relative;
	top:1px;
	padding:10px 20px 10px 20px;
}
/***********************************************************************
	MENU SUBNAVEGACAO HORIZONTAL
************************************************************************/
div#submenu{
	display:inline;
	padding:5px 0;
	margin-bottom:10px;
	float:left;
	clear:both;
	border-bottom:1px dashed #d8d8d8;
}
ul#subnavegacao{
	width:736px;
	display:inline;
	float:left;
	margin-bottom:10px
}
ul#subnavegacao li{
	float:left;
}
ul#subnavegacao li a{
	float:left;
	color:#2b0e05;
	margin:10px 10px 0;
	font-size:11px;
	text-decoration:none;
}
ul#subnavegacao li a:hover{
	color:black;
	text-decoration:underline;
}
/***********************************************************************
	MAPA DE LOCALIZAO E TABELA DE DISTNCIAS
************************************************************************/
#tabela-flash{
	width:400px;
	height:360px;
	float:left;
}
#mapa-flash{
	width:300px;
	height:322px;
	float:left;
	margin-right:30px;
}
/***********************************************************************
	GALERIA DE FOTO DOS PRODUTOS
************************************************************************/
#div-galeria, #div-downloads {
	margin-top: 20px;
}
#div-produto {
	width: 430px; 
	float: left;
}
#div-lightbox {
	width: 252px; 
	float: right;
}
img.destaque{
	float:right;
	border:1px solid #d8d8d8;
	/*margin-left:20px;*/
}
body#processo img.destaque{
	float:left;
	border:1px solid #d8d8d8;
	margin:5px 10px 10px 0;
	margin-left:0;
}
ul#galeria{
	width:736px;
	float:left;
	clear:both;
	margin-bottom:20px;
}
ul#galeria li{
	float:left;
	margin:0 20px 0 0;
	display:inline;
	position:relative;
}
ul#galeria li img{
	border:1px solid #8f9094;
	width:98px;
	height:98px;
}
ul#galeria li.off img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity:0.6;
}
ul#galeria li.on img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity:1.0;
}
ul#galeria span.borda{
	width:98px;
	height:20px;
	display:block;
	position:absolute;
	left:1px;
	bottom:3px;
}
li:hover span.borda {
	c\ursor:pointer;
	behavior:  url(../images/pngbehavior.htc);
	background: url(../images/bt_ampliar.png) no-repeat !important;
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='../images/bt_ampliar.png', sizingMethod='scale');
}
ol.modelos{
	width:350px;
	float:left;
	margin-right:18px;
	/*background:#f8f8f8;*/
}
ol.modelos li{
	margin:10px 0;
	font-weight:bold;
	font-size:12px;
	margin-left:10px;
}
/***********************************************************************
	TABS PROCESSO DE TORREFAO
************************************************************************/

/***********************************************************************
	FORM FALECONOSCO
************************************************************************/
ul#faleconosco{
	float:left;
	width:352px;
}
ul#faleconosco li{
	float:left;
	margin-bottom:10px;
	width: 100%;
}
ul#faleconosco li.uf {
	float:left; 
	margin-left:20px;
	width: 20%
}
ul#faleconosco label.input{
	display:block;
	font-weight:bold;
	font:11px Arial, Verdana, Helvetica, sans-serif;
	/*color:#438230;*/
}
ul#faleconosco input{
	width:345px;
	border:1px solid #2b0e05;
	padding:1px 0 2px 5px;
}
ul#faleconosco select{
	width:125px;
	border:1px solid #2b0e05;
	font:11px Arial, Verdana, Helvetica, sans-serif;
	color:#af440c;
}
ul#faleconosco select option {
	padding-left: 3px;
}
ul#faleconosco textarea{
	width:345px;
	border:1px solid #2b0e05;
	padding:5px 0 2px 5px;
	height:150px;
	font:11px Arial, Verdana, Helvetica, sans-serif;
	color:#af440c;
	margin-bottom:10px;
}
ul#faleconosco input.cidade{
	width:200px;
	float:left;
}
ul#faleconosco input.botao{
	border:none;
	padding:0;
	width:59px;
	height:28px;
}

ul#faleconosco select#mecanismo {
	width: auto;
}

ul#msn{
	float:left;
	width:352px;
}
ul#msn li{
	float:left;
	margin-bottom:10px;
}
ul#msn label{
	display:block;
	font-weight:bold;
	font:11px Arial, Verdana, Helvetica, sans-serif;
	/*color:#438230;*/
}
ul#msn input{
	width:345px;
	border:1px solid #2b0e05;
	padding:1px 0 2px 5px;
}
ul#msn input.botao{
	border:none;
	padding:0;
	width:59px;
	height:28px;
}
ul#msn input.radio{
	width:auto;	
	border: none;
	padding:0;
}

input.form-erro {
	background-color: #f4f4f4;
}
label.form-erro {
	display: inline;
	position: absolute;
	margin: 1px 0 0 5px;
}

label.form-ok {
	background: url(../../imagens/tick.png) center center no-repeat;
	width: 16px;
	height: 16px;
}
div#container-erros {
	clear: both;
	border: 1px solid #2b0e05;
	padding: 5px;
	display: none;
}
div#container-erros p {
	font-size: 15px;
}

div#div-loading, div#div-loading-msn{
	display: none;
}
div#div-loading span, div#div-loading-msn span{
	font-size: 13px;
}
div#form-success, div#form-success-msn {
	width: 341px;
	padding: 5px;
	text-align: center;
	border: 1px solid #958E95;
	background-color:#F0EDCA;
	display: none;
}


/***********************************************************************
	PAGINA��O
************************************************************************/

#paginacao{
	width:736px;
	float:left;
	clear:both;
	margin-top:15px;
}
span#proximo-passo{
	text-align:right;
	float:right;
}
span#anterior-passo{
	float:left;
	text-align:left;
}
span#proximo-passo, span#anterior-passo{
	display:block;
	width:25%;
}
table#itens-paginacao{
	width:50%;
	float:left;
}
#paginacao #itens-paginacao a{
	display:inline;
	margin:0 2px;
	padding:4px 5px;
	text-align:center;
}
#paginacao #itens-paginacao a:hover{
	padding:4px 5px;
	text-decoration:none;
	color:#FFFFFF;
	background:#FF6600;
}

/***********************************************************************
	CLIENTES
************************************************************************/
div#container-lista {
	width: 627px;
}
div#header-lista {
	height: 23px;
	background-color: #936933;
}
div.uf , div.uf a{
	color: #FFF;
	font-size: 10px;
	margin-top: 5px;
}
div.selected {
	font-size: 12px;
}
div#uf-left {
	float: left;	
	margin-left: 5px;
}
div#uf-right {
	float: right;	
	margin-right: 5px;
}
div#uf-center {	
	margin-top: 5px;
	float: left;
	width: 554px;
	text-align: center;
	font-weight: bold;
}
div#body-lista {
	border: 1px solid #936933;
	background-color: #f9f8f3;
	padding:3px;
}
#tbl-clientes thead tr td {
	font-weight: bold;
	background-color: #f0eedf;
	
}
#tbl-clientes tr td{	
	padding: 4px;
}
#tbl-clientes tfoot{	
	background-color: #f0eedf;
}
.active-page {
	padding: 4px;
	background-color: #f0eedf;
	font-weight: bold;
}
.odd {
	background-color: #FFF;
}
#cadastroMsnSkype {
	float:left; 
	margin-left:30px; 
	display:inline;
}
#div-title {
	clear: both;
	width: 100%;	
}
#div-title h1{
	height: 25px;
}
#div-title h1 span{
	float: left;
}

#img-loading {
	float: right;
	display: none;
}

ul#msn li {
	clear: both;
	width: 100%;
}
div#depoimentos ul li {
	padding: 4px;
	border-bottom: 1px dashed #D8D8D8;
}
div#depoimentos ul li p{
	font-size: 12px;
	font-style: italic;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}	
/*
ul#faleconosco input.ddd{
	width:20px;
}
ul#faleconosco li.telef {
	float:left; 	
}

ul#faleconosco input.telefone {
	width : 30px;
	color: red;
}
*/
ul#faleconosco li.li-ddd, ul#faleconosco li.li-telefone {
	float: left;
}
ul#faleconosco li.li-ddd {
	width: 25px;
}
ul#faleconosco li.li-ddd input{
	width: 18px;
}
ul#faleconosco li.li-telefone {
	width: 312px; 
	margin-left: 10px
}
ul#faleconosco li.li-telefone input{
	width: 165px;
}
/**************************************************************************
 * PLAYER VIDEO
***************************************************************************/
#video {
	width : 433px;
	height: 516px;
	background: url(../../../includes/web/images/bg_player_video.gif) repeat-x;
	padding: 13px 21px 21px 21px;
}
#video-bt-close {
	text-align: right;
}
#video-bt-close a{
	font-size: 10px;
	color: #000000;
	text-decoration:none;
}
#video-bt-close a:hover{
	text-decoration:underline;
}
#video h1 {
	border-bottom: 1px solid #505050;
	font: 24px Tahoma;
	height: 37px;
	background: url(../../../includes/web/images/icon_video.gif) no-repeat 379px 0;
}
#video h1 p{
	padding-top: 7px;
}

#youtube-player{
	border: 2px solid #505050;
}

#video-descricao {
	margin-top: 15px;
	overflow:auto;
	height: 80px;
	color: #1f1f1f;
}