/*
 * Lista de estilos do Site Conex Logística Integrada
 * @autor: Fabiano Chiaretto Fernandes
 * @empresa: Fórmula P
 * @ultimaAlteração: 10:21 02/09/2010
 * 
 */

*{
	border: 0 ;
	margin: 0 ;
	padding: 0 ;
}

p{
	margin: 1em 0 1em 0;
}

a:focus{
	-moz-outline-style: none;
	outline: none;
}

a:active{
	outline: none;
}

.clear{
	clear: both;
}

.left{
	float: left;
}

.right{
	float: right;
}

button{
	cursor: pointer;
	background: none;
}

input,textarea{
	font-weight: bold;
}

a{
	text-decoration: none;
}

h1,h2,h3,h4,h5{
	margin:0;
	padding:0;
}

/* Body */

body {
	background-image:url('img/bg_linhas.png');
	background-repeat:repeat;
	font-family: "Myriad Pro", "Trebuchet MS" , Helvetica, Arial;
	color: #555;
}


#fundo1{
	background-image:url('img/fundo_completo.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	margin: -20px auto 0 auto;
}

#fundo2{
	background-image:url('img/bg_topo2.png');
	background-repeat: no-repeat;
	background-position: top center;
	height: 130px;
	margin: 0 auto 0 auto;
}

#topo{
	background-repeat: no-repeat;
	background-position: top center;
	height: 130px;
	width:990px;
	margin: 0 auto 0 auto;
}

#boxLogo{
	background-image:url('img/bg_box_logo.png');
	background-repeat: no-repeat;
	height: 131px;
	width: 457px;
}

#logo{
	padding: 20px 0 0 40px;
}

.tituloPagina h1{
	color: #49976D;
	font-weight: 900;
	font-size: 11pt;
	margin: 50px auto 0 auto;
	width: 387px;
}

#boxLogin {
	background-image:url('img/bg_box_login.png');
	width:387px;
	height:215px;
	margin: 20px auto 0 auto;
	/*border:1px solid red;*/
}

#mensagemLogin{
	margin: 0 auto 0 auto;
	padding: 20px 0 0 0;
	width: 340px;
	/*outline: 1px solid red;*/
}

#mensagemLogin h2{	
	color: #999999;
	font-size: 12pt;
	font-weight: bold;
}

#mensagemLogin h3{	
	font-size: 8pt;
}

#formLogin{
	padding: 25px 0 0 0;
	margin: 0 auto 0 auto;
	width: 250px;
	display: block;
}

#formLogin #formTableLogin tr{
	height: 35px;
}

input.usuario{
	height: 31px;
	width: 146px;
	color: #49976D;
	padding: 0 10px 0 10px;
}
input.senha{
	height: 31px;
	width: 146px;
	color: #49976D;
	padding: 0 10px 0 10px;
}
button.acessar{
	height: 31px;
	width: 84px;
	color: #FFFFFF;
	cursor: pointer;
}

.label{
	height: 31px;
	line-height: 20pt;
	font-size: 10pt;
}

.inputLeft{
	background-image:url('img/bg_input_left.png');
	background-repeat: no-repeat;
	height: 31px;
	width: 11px;
	float: left;
}

.inputMidle{
	background-image:url('img/bg_input_midle.png');
	background-repeat: repeat-x;
	height: 31px;
	float: left;
}

.inputRight{
	background-image:url('img/bg_input_right.png');
	background-repeat: no-repeat;
	height: 31px;
	width: 13px;
	float: left;
}

label{
	display: block;
}

#dados{
	background-image:url('img/bg_box_dados.png');
	background-repeat: no-repeat;
	width: 680px;
	height: 295px;
	float: left;
	/*border: 1px solid red;*/
	margin: 0 5px 0 0;
}

#dados .container{
	/*border:1px solid red;*/
	margin: 30px 25px 10px 25px;
	position: absolute;
}

#dados .container #tabelaDados{
	margin: 25px 0 0 0;
	font-size: 10pt;
	font-weight: normal;
}

#dados .container #tabelaDados tr{
	height: 22px;
}

#dados .container #tabelaDados .dados{
	font-weight: bold;
}

#consulta{
	background-image:url('img/bg_box_consulta.png');
	background-repeat:no-repeat;
	width: 305px;
	height: 295px;
	float: right;
	/*border: 1px solid red;*/
	margin: 0 0 0 5px;
}

#consulta .container{
	/*border:1px solid red;*/
	margin: 30px 25px 10px 25px;
	position: absolute;
}

#consulta .container #formTableConsulta{
	margin: 10px 0 0 0;	
}

#consulta .container #formTableConsulta  tr{
	height: 35px;
}

#consulta .container .containerListaCidade{
	float: right;
}

#consulta .container .containerBotaoOk{
	float: right;
}

.valorLabel{
	margin:10px 5px 0 0;
	font-size: 10pt;
	font-weight: bold;
	float: left;
}

.valorRS{
	margin: 12px 15px 0 5px;
	font-size: 10pt;
	font-weight: bold;
	color: #49976D;
	float: left;
}

.valorConsulta{
	font-size: 26pt;
	font-weight: bold;
	color: #49976D;
    line-height: 30px;
}

#pesquisa{
	background-image: url('img/bg_box_pesquisa.png');
	background-repeat: no-repeat;
	height: 536px;
	/*width: 500px;*/
	padding:1px;
	margin: 10px 0 0 0;
	/*position: relative;*/
}

#pesquisa .container{
	/*border:1px solid red;*/
	margin: 30px 25px 10px 25px;
	/*
	position: absolute;
	top: 30px;
	left: 25px;
	right: 25px;
	*/
}

#pesquisa .container #formTablePesquisa{
	margin: 15px 0 0 0;
}


#pesquisa .container #formTablePesquisa tr{
	height: 35px;
}

.tituloInterno{
	background-image: url('img/seta_verde_direita.png');
	background-repeat: no-repeat;
	background-position: center right;
	color: #4A976D;
	font-size: 16pt;
	font-weight: bold;
	padding: 0 30px 0 0;
	display: inline;
}

#paginacao{
	height: 40px;
	position: absolute;
	border: 1px solid red;
	margin: 20px auto 20px auto;
}

/* ################### */
/* ###### Menu ####### */
/* ################### */

#menu #navigation{
	list-style: none;
	padding:8px 0 0 0;
}

#menu #navigation li{
	float: left;
	position: relative;
	font-family: "Myriad Pro", "Trebuchet MS" , Helvetica, Arial;
	margin: 0px 10px 0 10px;
	/*outline:1px solid red;*/
}

#menu #navigation li a{
	height: 27px;
	display: block;
	line-height: 23px;
	font-size: 13pt;
	color: #20814C;
	text-decoration: none;
}

#menu #navigation li #itemQuemSomos{
	background-image:url('img/bg_quemSomos.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 123px;
	padding: 0 0 0 12px;
}
#menu #navigation li #itemServicos{
	background-image:url('img/bg_servicos.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 92px;
	padding: 0 0 0 12px;
}
#menu #navigation li #itemParceiros{
	background-image:url('img/bg_parceiros.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 95px;
	padding: 0 0 0 12px;
}
#menu #navigation li #itemClientes{
	background-image:url('img/bg_clientes.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 87px;
	padding: 0 0 0 12px;
}
#menu #navigation li #itemAreaDeAtuacao{
	background-image:url('img/bg_areaDeAtuacao.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 144px;
	padding: 0 0 0 12px;
}
#menu #navigation li #itemNoticias{
	background-image:url('img/bg_noticias.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 87px;
	padding: 0 0 0 12px;
}
#menu #navigation li #itemAreaDoCliente{
	background-image:url('img/bg_areaDoCliente.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 139px;
	padding: 0 0 0 12px;
}
#menu #navigation li #itemContato{
	background-image:url('img/bg_noticias.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 87px;
	padding: 0 0 0 12px;
}

#menu #navigation li #subMenu{
	background-image:url('img/bg_subMenu.png');
	abackground-color: red;
	background-repeat: no-repeat;
	width: 200px;
	height: 95px;
	margin: 0px 0 0 -70px;
	position: absolute;
	z-index: 999;
	/*opacity: 0;*/
}

#menu #navigation li #subMenu ul{
	text-align: left;
	padding: 3px 0 0 0;	
}

#menu #navigation li #subMenu ul li{
	margin:0;
	padding:0;
	float:none;
	display: block;
	height: 27px;
}

#menu #navigation li #subMenu ul #item1{
	padding: 0 0 0 42px;	
}

#menu #navigation li #subMenu ul #item2{
	padding: 0 15px 0 35px;	
	height: 35px;
}

#menu #navigation li #subMenu ul #item3{
	padding: 0 0 0 22px;	
}

#menu #navigation li #subMenu ul #item4{
	padding: 0 0 0 12px;	
}

#menu #navigation li #subMenu ul #item2 a{
	line-height: 16px;

}


#menu #navigation li #subMenu a{
	background: none;
	font-size: 10pt;
	font-weight: bold;
}

#menu #navigation li #subMenu a:hover{
	color: #099541;
}

/* #################### */
/* ###### Corpo ####### */
/* #################### */

.corpo{
	width: 990px;
	margin: 0 auto 0 auto;
	/*overflow-x: hidden;*/
}

.corpo #menu{
	/*outline:1px solid red;*/
	width: 990px;
	height: 40px;
	position: absolute;
	z-index: 9999;
}

#containerTvFlash{
	height: 296px;
	margin: 0 0 0px 0;
	padding: 46px 0 5px 0;
	/*border:1px solid red;*/
}

#tvFlash{
	/*outline:1px solid red;*/
	width: 100%;
	height: 296px;
	z-index: 1;
	position: absolute;
	/*border:1px solid blue;*/
}

/* #################### */
/* ###### Geral ####### */
/* #################### */


.tituloBox {
	background-image: url('img/seta_verde_titulos.png');
	background-repeat: no-repeat;
	background-position: center right;
	color: #20814C;
	font-size: 12pt;
	font-weight: bold;
	padding: 0 20px 0 15px;
	display: inline;
	min-height: 20px;
}

.tituloTipo1 {
	background-image: url('img/seta_verde_titulos.png');
	background-repeat: no-repeat;
	background-position: center right;
	color: #20814C;
	font-size: 12pt;
	font-weight: bold;
	padding: 0 20px 0 15px;
	display: inline-block;
	min-height: 20px;
	margin:0px 0 10px 0;
}

.tituloTipo2 {
	background-image: url('img/seta_verde_titulos.png');
	background-repeat: no-repeat;
	background-position: center right;
	color: #20814C;
	font-size: 12pt;
	font-weight: bold;
	padding: 0 20px 0 0;
	display: inline-block;
	min-height: 20px;
	margin:0px 0 10px 0;
}

.tituloTipo3 {
	color: #20814C;
	font-size: 12pt;
	font-weight: bold;
	padding: 0;
	display: inline;
}


.saibaMais{
	background-image: url('img/seta_verde_titulos.png');
	background-repeat: no-repeat;
	background-position: center right;
	color: #20814C;
	font-weight: bold;
	padding: 0 20px 0 15px;
	display: inline;
	min-height: 20px;
}

.saibaMais:hover{
	text-decoration: underline;
}

.saibaMais2 {
	background-image: url('img/seta_amarela_titulos.png');
	background-repeat: no-repeat;
	background-position: center right;
	color: #FFCC00;
	font-size: 12pt;
	font-weight: bold;
	padding: 0 20px 0 0;
	display: inline-block;
	min-height: 20px;
	margin:0px 0 10px 0;
}

.saibaMais2:hover{
	text-decoration: underline;
}

.chamada {
	font-weight: normal;
	font-size: 18pt;
	font-style: italic;
	color: #1f814d;
	margin: 20px 0 20px 0;
}

.h10{
	padding: 1px;
	height: 10px;
}

.h20{
	padding: 1px;
	height: 20px;
}

.h30{
	padding: 1px;
	height: 30px;
}

.separador1 {
	height:1px;
	border-bottom:1px dashed #cccccc;
}

/* ################### */
/* ###### Home ####### */
/* ################### */

#home{
	/*min-height:1000px;*/
	width: 990px;
	/*outline:1px solid blue;*/
	margin: 0 auto 0 auto;
}

#home #colunaEsquerda{
	float: left;
	/*min-height: 500px;*/
	border-right:1px dashed #cccccc;
	padding-right: 20px;
	 width: 465px;
}

#home #colunaDireita{
	width:490px;
	float: right;
	/*min-height: 500px;*/
}

#boxNoticias{
	
}

#boxServicos{
	
}

#boxAreaDoCliente{
	
}

#boxClientes .conteudoBox{
	background-image:url('img/home_clientes.png');
	background-repeat: no-repeat;
	height: 122px;
	width: 467px;

}
#boxClientes #clientes_home{
	padding: 20px 0 0 10px;
}

.itemsHome{
	cursor:pointer;
}

.descricaoItemBox{
	background-image:url('img/bg_msg_itemsHome.png');
	color: #FFF;
	padding: 15px 15px 5px 15px;
	font-size: 12pt;
	width: 197px;
	position: absolute;
	margin: 12px 0 0 0;
	display: none;
}

.itemHome1{
	margin: 20px 0 0 0;
}

.itemHome2{
	margin: 30px 0 0 0;
}

.itemHome3{
	margin: 20px 0 0 0;
}

.itemHome4{
	margin: 17px 0 0 0;
}

/* ######################## */
/* ###### QuemSomos ####### */
/* ######################## */

#quemSomos{
	
}

#quemSomos #colunaEsquerda{
	
}

#quemSomos #colunaDireita{
	width: 500px;
}

/* ####################### */
/* ###### Servicos ####### */
/* ####################### */

#servicos_servicosCorporativos{
	
}

#servicos_servicosCorporativos #colunaEsquerda{
	width: 130px;
}

#servicos_servicosCorporativos #colunaEsquerda2{
	width: 450px;
	padding-left: 15px;
	border-left: 1px dashed #cccccc;
}

#servicos_servicosCorporativos #colunaDireita{
	
}

#servicos_publicacoes #colunaEsquerda{
	width: 130px;
}

#servicos_publicacoes #colunaEsquerda2{
	width: 450px;
	padding-left: 15px;
	border-left: 1px dashed #cccccc;
}

#servicos_publicacoes #colunaDireita{
	
}

#servicos_encomendas_urgentes #colunaEsquerda{
	width: 140px;
}

#servicos_encomendas_urgentes #colunaEsquerda2{
	width: 430px;
	padding-left: 15px;
	border-left: 1px dashed #cccccc;
}

#servicos_entregas #colunaEsquerda{
	width: 140px;
}

#servicos_entregas #colunaEsquerda2{
	width: 430px;
	padding-left: 15px;
	border-left: 1px dashed #cccccc;
}

#servicos_entregas_para_transportadoras #colunaEsquerda{
	width: 140px;
}

#servicos_entregas_para_transportadoras #colunaEsquerda2{
	width: 430px;
	padding-left: 15px;
	border-left: 1px dashed #cccccc;
}

/* ######################## */
/* ###### Parceiros ####### */
/* ######################## */

#parceiros #colunaEsquerda{
	
}

#parceiros #colunaDireita{
	width:430px;
}

/* ####################### */
/* ###### Clientes ####### */
/* ####################### */

#clientes{
	
}

#clientes .colunaEsquerda{
	width: 450px;
}

#clientes .colunaDireita{
	width: 450px;
}

#clientes #boxLogos{
	background-image:url('img/clientes_boxLogos.png');
	background-repeat:no-repeat;
	height:244px;
	padding:1px;
}

#clientes #logos{
	margin: 135px 10px 20px 10px;
	/*border:1px solid red;*/
	text-align: center;	
}

/* ############################## */
/* ###### Área de atuação ####### */
/* ############################## */

#areaDeAtuacao{
	
}

#areaDeAtuacao #colunaEsquerda{
	width: 385px;
}

#areaDeAtuacao #colunaDireita{
	padding: 0 0 0 0px;
	margin: 0 0 -4px 0;
}

#areaDeAtuacao #boxBuscaCidades{
	width: 980px;
}

#areaDeAtuacao #boxBuscaCidades #boxTopo{
	background-image:url('img/areaDeAtuacao_boxCidade_topo.png');
	background-repeat:no-repeat;
	height: 76px;
	overflow: hidden;
}

#areaDeAtuacao #boxBuscaCidades #boxCorpo{
	background-image:url('img/areaDeAtuacao_boxCidade_corpo.png');
	background-repeat:repeat-y;
	min-height: 50px
}

#areaDeAtuacao #boxBuscaCidades #boxCorpo table{
	margin: 0 0 0 30px;
}

#areaDeAtuacao #boxBuscaCidades #boxCorpo table td{
	height:25.9px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
    ##boxCorpo table td {  background-color: red;}
}

#areaDeAtuacao #boxBuscaCidades #boxRodape{
	background-image:url('img/areaDeAtuacao_boxCidade_rodape.png');
	background-repeat:no-repeat;
	height: 22px;
	overflow: hidden;
}

#campoBusca{
	/*border:1px solid red;*/
	color: #FFFFFF;	
	padding: 18px 0 10px 10px;
	margin: 0 0 0 20px;
}

#campoBuscaCidade{
	margin: 0 0 0 20px;
	padding: 2px 10px 10px 10px;
	background-image:url('img/areaDeAtuacao_boxCidade_fundoInput.png');
	background-repeat: no-repeat;
}

#cidadeBusca{
	width: 717px;
}

/* ####################### */
/* ###### Notícias ####### */
/* ####################### */

#noticias .blocoNoticia{
	padding: 20px 0 20px 0;
}

#noticias .blocoNoticia img{
	margin:0 20px 10px 0;
}

#noticias .dataNoticia{
	background-image:url('img/icone_seta_branca.png');
	background-repeat:no-repeat;
	background-position: 15px 8px;
	color: #FFFFFF;
	font-size: 11pt;
	height: 20px;
	margin: 10px 0 10px 0;
	padding: 4px 10px 3px 40px;
	background-color: #1F814D;
}

#noticias .rodapeNoticia{
	margin: 10px 0 0 0;
}

#noticias .rodapeNoticia a{
	color: #20814C;
	font-size: 11pt;
}

/* ############################## */
/* ###### Área do cliente ####### */
/* ############################## */

#areaDoCliente{
	
}

#areaDoCliente #colunaEsquerda{
	width: 450px;
}

#areaDoCliente #colunaDireita{
	width: 450px;
}


/* ############################## */
/* ###### Contato ############### */
/* ############################## */

#contato{
	
}

#contato .retornoForm{
	text-align: center;
}

#contato #colunaEsquerda{
	width: 450px;
}

#contato #colunaDireita{
	width: 450px;
}

#contato #colunaDireita #enderecoContato{
	background-image:url('img/icone_casa.png');
	background-repeat: no-repeat;
	background-position:0 0;
	/*border:1px solid red;*/
	width: 250px;
	margin: 40px 0 30px 0;
	padding: 0px 0 20px 40px;
}

#contato #colunaDireita #emailContato{
	background-image:url('img/icone_carta.png');
	background-repeat: no-repeat;
	background-position:0 0;
	/*border:1px solid red;*/
	width: 200px;
	margin: 0 0 30px 0;
	padding: 0px 0 20px 40px;
}

#contato #colunaDireita #telefoneContato{
	background-image:url('img/icone_celular.png');
	background-repeat: no-repeat;
	background-position:0 0;
	/*border:1px solid red;*/
	width: 190px;
	margin: 0 0 30px 0;
	padding: 0px 0 20px 40px;
	font-size: 14pt;
}

#contato input, #contato textarea{
	font-size: 12pt;
	border:1px solid #CCC;
	padding: 5px ;
	margin: 5px;
	color: #666;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px; 
	border-radius: 8px;
	behavior:url('border-radius.htc');
}


/* ##################### */
/* ###### Rodapé ####### */
/* ##################### */

#rodape{
	background-image:url('img/bg_rodape.png');
	background-repeat: repeat-x;
	height:246px;
	margin: 0 auto 0 auto;
	padding:1px;
}

#dadosRodape{
	/*outline:1px solid white;*/
	margin: 67px auto 0 auto;
	width: 990px;
	color: #FFFFFF;
	font-size: 11pt;
}

#dadosRodape #conexRodape{
	background-image:url('img/icone_van.png');
	background-repeat: no-repeat;
	background-position:0 0;
	/*border:1px solid red;*/
	width: 300px;
	height: 88px;
	padding: 50px 0 0 0;
}

#dadosRodape #emailRodape{
	background-image:url('img/icone_carta.png');
	background-repeat: no-repeat;
	background-position:0 0;
	/*border:1px solid red;*/
	width: 200px;
	height: 88px;
	padding: 50px 0 0 0;
}


#dadosRodape #enderecoRodape{
	background-image:url('img/icone_casa.png');
	background-repeat: no-repeat;
	background-position:0 0;
	/*border:1px solid red;*/
	width: 250px;
	height: 88px;
	padding: 32px 0 0 0;
}

#dadosRodape #telefoneRodape{
	background-image:url('img/icone_celular.png');
	background-repeat: no-repeat;
	background-position:0 0;
	/*border:1px solid red;*/
	width: 190px;
	height: 88px;
	padding: 48px 0 0 0;
	font-size: 14pt;
}

#rodape #assinatura{
	width: 140px;
	margin: 0 auto;
}