/*
 * Nome: londrisul.css
 * Desenvolvido por: Webee E-marketing
 * Data da Criação: 29-06-2010
 * Copyright (c) 2010 Webee E-marketing (http://www.webee.com.br)
 */

/********************** Tipografia, cores e fundos / Reset */
* { margin: 0; padding: 0; list-style-type: none; font-family: "Trebuchet MS", Arial; }
body { margin: 0; color: #666; }
h1 span { display: none; }
h2 { height: 31px;  margin: -10px 0 10px 0; padding: 0; }
h2 span { display: none; }
h3 { margin: 0 0 10px; font-weight: bold; font-size: 12px; color: #666; }
p { margin: 0 0 10px; font-size: 12px; line-height: 150%; color: #666; }
.foto-centralizada { text-align: center; }
.texto-peq { font-size:10px !important; }
button { margin: 0; padding: 2px 15px; font-size: 11px; color: #666; border: 1px solid #ccc; background: url(../img/layout/bg-button.jpg) repeat-x; cursor: pointer; }
fieldset { border: 0; display: inline; }
a img { border: 0; }
.img-esq { float: left; margin: 24px 24px 24px 0; }
.img-esq-express { float: left; margin: 24px 24px 44px 0; }
.img-dir { float: right; margin: 0 24px 24px 24px; }
address, acronym, abbr { border: 0; text-decoration: none; font-style: normal; }
object { outline: none; }

/* Elementos de formulário */
label { font-size: 11px; }
input, select, textarea { font-size: 11px; color: #666; border: 1px solid #CDCDCD; background: #EAEAEA; }

/* Links */
a { font-weight: bold; }
a:link { color: #FFB003; text-decoration: underline; }
a:visited { color: #FFB003; text-decoration: none; }
a:hover { color: #E39C03; text-decoration: none; }
a:active { color: #E39C03; text-decoration: none; }

/* Link Normal */
a.link-normal { font-weight: normal; color: #666; text-decoration: underline; }
a.link-normal:hover { font-weight: normal; color: #666; text-decoration: none; }

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

/* Cabeçalho */
#cabecalho { position: relative; width: 100%; height: 236px; /*background: url(../img/layout/bg-banner.jpg) no-repeat center top;*/ overflow: hidden; }
#cabecalho-conteudo { position: absolute; top: 203px; left: 50%; width: 1004px; height: 33px; margin-left: -502px; }
/* Logo */
#cabecalho #logo { display: none; }
/*#cabecalho #logo { position: absolute; left: 26px; top: -111px; width: 270px; height: 77px; z-index: 1000; background: url(../img/layout/logo-londrisul.png) no-repeat; }
#cabecalho #logo a { display: block; width: 270px; height: 77px; }*/
/* Menu */
#cabecalho #menu { 
	width: 813px; 
	height: 34px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 100;
	font-size: 11px;
	text-transform: uppercase;
	background: url(../img/layout/menu/bg-menu.jpg) repeat-x left bottom;
}
/* Menu */
#cabecalho #menu ul li { float: left; height: 34px; }
#cabecalho #menu ul li a { display: block; height: 34px; background-repeat: no-repeat; background-position: top; }
#cabecalho #menu ul li a:hover { display: block; height: 34px; background-repeat: no-repeat; background-position: bottom; }
#cabecalho #menu ul li a span { display: none; }

/* Menu Link */
#cabecalho #menu #btn-home { width: 41px; background-image: url(../img/layout/menu/btn-home.jpg); }
#cabecalho #menu #btn-empr { width: 63px; background-image: url(../img/layout/menu/btn-empr.jpg); }
#cabecalho #menu #btn-serv { width: 59px; background-image: url(../img/layout/menu/btn-serv.jpg); }
#cabecalho #menu #btn-cart { width: 117px; background-image: url(../img/layout/menu/btn-cart.jpg); }
#cabecalho #menu #btn-cole { width: 99px; background-image: url(../img/layout/menu/btn-cole.jpg); }
#cabecalho #menu #btn-vend { width: 103px; background-image: url(../img/layout/menu/btn-vend.jpg); }
#cabecalho #menu #btn-hora { width: 60px; background-image: url(../img/layout/menu/btn-hora.jpg); }
#cabecalho #menu #btn-cont { width: 60px; background-image: url(../img/layout/menu/btn-cont.jpg); }
#cabecalho #menu #btn-trab { width: 113px; background-image: url(../img/layout/menu/btn-trab.jpg); }
#cabecalho #menu #btn-viaj { width: 85px; background-image: url(../img/layout/menu/btn-viaj.jpg); }

/* Banner Animado */
/*#cabecalho #banner-animado { position: absolute; top: 0; left: 0; z-index: 99; width: 1004px; height: 236px; }
#cabecalho #banner-animado #obj-igreja 		{ position:absolute; left:109px; top:300px; width:136px; height:60px; }
#cabecalho #banner-animado #obj-predio-1 	{ position:absolute; left:271px; top:300px; width:22px; height:87px; }
#cabecalho #banner-animado #obj-predio-2 	{ position:absolute; left:299px; top:300px; width:22px; height:102px; }
#cabecalho #banner-animado #obj-predio-3 	{ position:absolute; left:333px; top:300px; width:31px; height:91px; }
#cabecalho #banner-animado #obj-predio-4 	{ position:absolute; left:380px; top:300px; width:41px; height:120px; }
#cabecalho #banner-animado #obj-predio-5 	{ position:absolute; left:431px; top:300px; width:23px; height:81px; }
#cabecalho #banner-animado #obj-onibus 		{ position:absolute; left:271px; top:000px; width:388px; height:155px; }*/

/* Corpo */
#corpo { width: 1004px; height: auto; margin: 0 auto; }

/* Conteúdo */
#conteudo { position: relative; float: left; width: 706px; margin: 15px 0 15px; min-height: 606px; padding: 0 9px 0 26px; border-right: 1px solid #ccc; }
#conteudo #banner-flash { padding-top: 40px; }

/* Coluna Direita */
#coluna-direita { float: right; width: 253px; padding-top: 16px; }
#coluna-direita #banner {}
#coluna-direita #banner h5 { margin: 0 0 33px; }
#coluna-direita #banner h5 a:hover img { opacity: 0.9; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; }

/* Rodapé */
#rodape { clear: both; width: 1002px; height: 30px; margin: 0 auto; padding: 0; border: 1px solid #ccc; background: #EAEAEA; }
#rodape p { float: left; width: 784px; padding: 8px 0 0 110px; font-size: 12px; color: #666; text-align: center; }
#rodape #logo-webee { display: block; float: left; width: 75px; height: 25px; margin: 3px 0 0; background: url(../img/layout/logo-webee.jpg) no-repeat left top; }
#rodape #logo-webee:hover { background: url(../img/layout/logo-webee.jpg) no-repeat right top; }
#rodape #logo-webee span { display: none !important; }

/********************** Titulos de todo o site */
.tit-nossa-frota 		{ background: url(../img/titulos/tit-nossa-frota.jpg) no-repeat; }
.tit-servicos 			{ background: url(../img/titulos/tit-servicos.jpg) no-repeat; }
.tit-psiu 				{ background: url(../img/titulos/tit-psiu.jpg) no-repeat; }
.tit-contato			{ background: url(../img/titulos/tit-contato.jpg) no-repeat; }
.tit-empresa 			{ background: url(../img/titulos/tit-empresa.jpg) no-repeat; }
.tit-trabalhe-conosco	{ background: url(../img/titulos/tit-trabalhe-conosco.jpg) no-repeat; }
.tit-cartao-transporte	{ background: url(../img/titulos/tit-cartao-transporte.jpg) no-repeat; }
.tit-venda-seminovos	{ background: url(../img/titulos/tit-venda-seminovos.jpg) no-repeat; }
.tit-colecionadores		{ background: url(../img/titulos/tit-colecionadores.jpg) no-repeat; }
.tit-horarios			{ background: url(../img/titulos/tit-horarios.jpg) no-repeat; }
.tit-procure-por		{ background: url(../img/titulos/tit-procure-por.jpg) no-repeat; }

/********************** Página -  */
/* Tabela 1 */
.tabela-listagem { float: left; width: 400px; border-bottom: 1px solid #9ED055; }
.tabela-listagem li { float: left; width: 400px; }
.tabela-listagem li div { float: left; width: 194px; padding: 2px 0 0 5px; }

/* Cabeçalho */
.tabela-listagem li.tabela-fundo { background: url(../img/layout/table-head.jpg) no-repeat }
.tabela-listagem .tit-tabela { height: 26px; padding: 3px 0 0 5px; font-size: 18px; font-weight: bold; text-align: left; color: #E3AF11;  }
.tabela-listagem .tit-head { height: 28px; padding: 5px 0 0 5px; font-weight: bold; }

/* Corpo */
.tabela-listagem li.cor-1, .tabela-listagem li.cor-2 { width: 398px; height: 25px; font-size: 12px; border-left: 1px solid #9ED055; border-right: 1px solid #9ED055; }
.tabela-listagem li.cor-1 { width: 398px; height: 25px; font-size: 12px; background: #FFF; }
.tabela-listagem li.cor-2 { width: 398px; height: 25px; font-size: 12px; background: #D2E9AD; }

/* Tooltip */
.info-det { display: none; }

/********************** Classe para Formulários */
.campo-box { float: left; width: 215px; padding: 0 0 15px; }

.botoes-box { position: relative; clear: left; width: 430px; }
.botoes-box button#btn-enviar { position: absolute; right: 85px; top: 10px; margin: 0 0 5px 5px; }
.botoes-box button#btn-limpar { position: absolute; right: 2px; top: 10px; margin: 0 0 5px 5px; }
.botoes-box p { margin: 0; padding: 0 0 0 180px; font-size: 10px; text-align: left; }
.botoes-box div { margin: 0; padding: 0 0 0 155px; font-size: 10px; text-align: left; }
/*.botoes-set a { display:block; float:left; margin:0 10px 0 0; }*/

.formulario-lista { float: left; width: 430px; }
.formulario-lista li { float: left; padding: 0; position: relative; }
.formulario-lista li.textarea { clear: both; width: 430px; padding: 0 0 8px; }
.formulario-lista li.wide { clear: both; width: 430px; padding: 0 0 8px; }
.formulario-lista li.wide input { width: 420px; }
.formulario-lista li label { display: none; }
.formulario-lista li label.campo-textarea span {
	display: block;
	width: 430px;
	height: 119px;
	padding: 0;
}
.formulario-lista li span input { 
	width: 200px;
	height: 20px;
	padding: 0 5px;
	margin-top: 1px;
}
.formulario-lista li span select {
	width: 210px;
	height: 22px;
}
.formulario-lista li span textarea {
	width: 420px;
	height: 110px;
	padding: 2px;
	overflow: auto;
}

/* Correção - BUG IE6 */
* html label.campo-select span { background: none; }

#box-localizacao { float: right; width: 220px; margin-right: 20px; padding: 6px 9px; font-size: 12px; background: #DDDDDB; }
#box-localizacao .mapa-localizacao { display: block; padding: 10px 0; }
#box-localizacao .fone-0800 { font-size: 14px; font-weight: bold; }

/********************** Página - Index */
.col-1 { float: left; width: 350px; }
.col-2 { float: right; width: 350px; }

/* Boxes */
.box { float: left; width: 350px; margin-bottom: 20px; }
.box h2 { width: 350px; height: 31px; margin: 0 !important; padding: 0 !important; }
.box h2 span { display: none; }
.box a { font-size: 12px; }

/* Lista de Serviços */
.lista-servicos-index { float: left; padding: 9px 0 0 0; }
.lista-servicos-index li { float: left; width: 350px; margin-bottom: 20px; }
.lista-servicos-index li img { float: left; display: block; }
.lista-servicos-index li p { float: right; width: 231px; }

/********************** Página - Serviços */
/* Lista de Serviços */
.lista-servicos { float: left; padding: 9px 0 0 0; }
.lista-servicos li { float: left; width: 709px; margin-bottom: 20px; margin-bottom: 20px; }
.lista-servicos li img { float: left; display: block; }
.lista-servicos li p { float: right; width: 591px; }

/********************** Página - Cartão Transporte */
.col-esq-menor { float: left; width: 254px; }
.col-dir-maior { float: right; width: 423px; margin-right: 20px; }
#mapa-loja-de-passes { width: 397px; height: 218px; padding: 15px 13px 15px 13px; font-size: 12px; background: #DDDDDB; }

/********************** Página - Venda Seminovos */
.descricao-venda-seminovos { font-size: 12px; font-weight: normal; color: #666; }

.lista-venda-seminovos {  float: left; width: 706px; margin: 0; }
.lista-venda-seminovos li {float: left; width: 162px; height: 200px; margin: 0 7px 24px 0; font-size: 12px; }
.lista-venda-seminovos li a { font-size: 12px; font-weight: normal; color: #666; text-decoration: none; }
.lista-venda-seminovos li a:hover { text-decoration: underline; }
.lista-venda-seminovos li span { display: block; margin: 3px 0 0; font-weight: bold; color: #E3AF11; }
.lista-venda-seminovos li a:hover span { text-decoration: underline; }

/* Detalhe */
.lista-venda-seminovos-ampliar { float: left; width: 706px; }
.lista-venda-seminovos-ampliar li { float: left; margin: 0 7px 24px 0; }

/*
.lista-venda-seminovos { float: left; }
.lista-venda-seminovos li { float: left; margin: 0 7px 24px 0; }
.lista-venda-seminovos li img { display: block; }
.lista-venda-seminovos li a { font-size: 12px; font-weight: normal; color: #666; text-decoration: none; }
.lista-venda-seminovos li a strong { font-weight: bold; }
.lista-venda-seminovos li a:hover { font-weight: normal; color: #666; text-decoration: underline; }*/

/********************** Página - Nossa Frota */
.lista-fotos-colecionadores { padding: 0 0 54px 0; }
.lista-fotos-colecionadores li { display: inline; margin: 0 7px 19px 0; }

/********************** Página - Horários */
.selecione-linha-dia-semana ul{ width: 706px; }
.selecione-linha-dia-semana ul li { float: left; width: 160px; padding-right: 15px; text-align: center; }
.selecione-linha-dia-semana ul li select { width: 160px; }
.selecione-linha-dia-semana ul li button { float: left; }
.selecione-linha-dia-semana ul li img { text-align: center; }
.selecione-linha-dia-semana input { width: 204px; height: 20px;	padding: 0 5px;	margin-top: 1px; margin-right: 15px; }

.voce-esta-vendo { width: 700px; margin-top: 24px; margin-bottom: 10px; padding: 6px 3px; font-size: 11px; font-weight: bold; text-align: left; background: #FFDD3E; }
table { width: 706px; margin-bottom: 24px; font-size: 11px; color: #666; border-collapse: separate; border-spacing: 0; border-bottom: 1px solid #ccc;  }
table caption { padding: 8px 7px; font-weight: bold; border: 1px solid #ccc; text-align: left; background: #EAEAEA; }
table caption span { display: block; float: right; }
table thead tr th { padding: 4px 7px; font-weight: normal; border-right: 1px solid #fff; text-align: center; background: #ccc; }

table tbody button { margin: 0; padding: 0; font-size: 11px; color: #666; border: none; background: none; cursor: pointer; }
table tbody button span { text-decoration: underline; }
table tbody button:hover  span { text-decoration: none; }

table tbody tr td { padding: 4px 7px; font-weight: normal; border-right: 1px solid #fff; text-align: center; }
table tbody .linha-par td { background: #fff; }
table tbody .linha-impar td { background: #ccc; }
.first { border-left: 1px solid #ccc; }
.last { border-right: 1px solid #ccc; }

#horarios h2 { margin: 0 0 7px; padding: 0; }
#horarios a { display: block; height: 38px; margin-bottom: 2px; }
#horarios a:hover img { opacity: 0.9; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; }

/* Botôes */
#botoes-horario { clear: both; }
#botoes-horario p { float: left; color: #FF0000; }
#botoes-horario button { float: right; margin-left: 10px; }

/* Coluna Nome da Linha */
.nome-linha { width: 420px; text-align: left; }
td.nome-linha { text-transform: uppercase; }

/* Conteúdo Itinerário */
.conteudo-itinerario { padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; font-size: 11px; line-height: 300%; }

/********************** Complementos */
/* Tag SEO */
.tags-seo { display: none; }

/* Mensagem de aviso */
.msg-sucesso { color: #3d6611; }
.msg-erro { color: #df280a; }
.msg-aviso { padding: 5px 10px; margin: 0; font-weight: normal; text-align: center; color: #e26703; }
.msg-sucesso, .msg-erro { padding: 5px 10px; margin: 0; font-weight: bold; text-align: center; }
.msg-maior_acentos { color: #df280a; }
.msg-validacao { display: none; font-size: 10px; color: #FF0000; font-weight: normal; }

/* Calendário */
.campo-select { float: left; width: 180px; }
.campo-select select { float: left; width: 180px; }

.campo-button { float: right; width: 18px; padding: 5px 5px 0 0; }
.campo-button img { cursor: pointer; float: left; }