html, body{height:100%}
body{background:#fff url(../imagens/bg.jpg) repeat-x; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#666}
/*****inicio geral*****/
#geral{ position:relative; min-height:100%}
/*****fim geral*****/

/*****inicio topo*****/
#topo{ background:url(../imagens/bg-topo.png) repeat-x; width:100%; float:left; position:relative; z-index:10;}

/*****inicio logo*****/
#logo{ background:url(../imagens/bg-logo.png) no-repeat; width:261px; height:76px;}
#logo h1 a{ background: url(../imagens/logotipo-pinheiro-transporte-e-turismo.jpg) no-repeat; height:53px; display:block; overflow:hidden; text-indent:-9999px; margin:7px 0 0 15px }
/*****fim logo*****/

/*****inicio menu*****/
#menu{float:right;  margin:0; width:607px; height:50px}
#menu ul li{ display:inline; margin-left:0; }
#menu ul li a{ background:url(../imagens/menu.jpg) no-repeat; height:68px; display:block; overflow:hidden; text-indent:-999px; float:left}
#menu ul li#home a{ width:65px}
#menu ul li#home a:hover{ background-position: 0 -70px}
#menu ul li#home a.ativo{ background-position: 0 -70px}
#menu ul li#empresa a{ width:88px; background-position: -65px 0}
#menu ul li#empresa a:hover{ background-position: -65px -70px}
#menu ul li#empresa a.ativo{ background-position: -65px -70px}
#menu ul li#servicos a{ width:88px; background-position: -153px 0}
#menu ul li#servicos a:hover{ background-position: -153px -70px}
#menu ul li#servicos a.ativo{ background-position: -153px -70px}
#menu ul li#frota a{ width:69px; background-position: -241px 0}
#menu ul li#frota a:hover{ background-position: -241px -70px}
#menu ul li#frota a.ativo{ background-position: -241px -70px}
#menu ul li#agendamento a{ width:118px; background-position: -310px 0}
#menu ul li#agendamento a:hover{ background-position: -310px -70px}
#menu ul li#agendamento a.ativo{ background-position: -310px -70px}
#menu ul li#clientes a{ width:85px; background-position: -428px 0}
#menu ul li#clientes a:hover{ background-position: -428px -70px}
#menu ul li#clientes a.ativo{ background-position: -428px -70px}
#menu ul li#contato a{ width:83px; background-position: -513px 0}
#menu ul li#contato a:hover{ background-position: -513px -70px}
#menu ul li#contato a.ativo{ background-position: -513px -70px}
/*****fim menu*****/

/*****fim topo*****/

/*****inicio banner*****/
#banner{ width:100%; height:320px; position:relative; top:-206px; margin:0}
/*****fim banner*****/


/****************INICIO INTERNAS****************/

/*****inicio conteudo home*****/
#conteudo{float:left; margin-top:10px; margin-bottom:120px}
/*****inicio coluna*****/
#conteudo .coluna{ border-left:1px solid #CCC; width:299px; height:340px; }
#conteudo img{ border:1px solid #CCC; }
#conteudo .coluna p{ margin-left:10px;text-align:justify}
#conteudo .coluna a{ background:url(../imagens/btn-saiba-mais.png) no-repeat; width:81px; height:25px; display:block; overflow:hidden; text-indent:-999px;}
#conteudo .coluna a:hover{ background-position:left bottom}

#conteudo .coluna h2, #conteudo h2.titulo, #conteudo h3#escolha{ display:block; overflow:hidden; text-indent:-999px; margin:10px; height:26px}
#conteudo #coluna-1 h2, #conteudo h2#emp{ background:url(../imagens/empresa.png) no-repeat;}
#conteudo #coluna-2 h2, #conteudo h2#ser{ background:url(../imagens/servicos.png) no-repeat;}
#conteudo #coluna-3 h2, #conteudo h2#age{ background:url(../imagens/agendamento.png) no-repeat;}
#conteudo h2#fro{ background:url(../imagens/frota.png) no-repeat;}
#conteudo h2#cli{ background:url(../imagens/clientes.png) no-repeat;}
#conteudo h2#cont{ background:url(../imagens/contato.png) no-repeat;}
#conteudo h3#escolha{ background:url(../imagens/escolha-servicos.png) no-repeat; margin:0}

/*****fim coluna*****/

/*****fim conteudo home*****/


/*****inicio interna empresa*****/
#conteudo ul li{ list-style-image:url(../imagens/list.png); margin-left:15px}
#conteudo h2.titulo{ border-bottom:1px solid #CCC; padding-bottom:5px; margin:10px 0}
#conteudo h3{font-size:16px; color:#FB701D; margin:-7px 0 0 0}
#conteudo h4{ color:#039; margin-bottom:0}
/*****fim interna empresa*****/

/*****inicio interna servicos*****/
#conteudo #col-1-servicos img#placa{ border:none}
#conteudo #col-2-servicos ul{ margin-top:20px}
#conteudo #col-2-servicos ul li{ list-style:none; border-bottom:1px solid #ccc; margin-left:0;} 
#conteudo #col-2-servicos ul li:last-child{ border-bottom:none}
#conteudo #col-2-servicos ul li a{ text-decoration:none; display:block; height:20px; padding:7px; font-size:16px; color:#039; font-weight:bold}
#conteudo #col-2-servicos ul li a:hover{ border-left: 5px solid #036; color:#F60}
#conteudo #col-2-servicos ul li a.ativo2{ border-left: 5px solid #036; color:#F60}
#conteudo #col-1-veiculos ul li{ list-style:none; margin:0}
#roteiros h2{ font-size:27px; color:#003366}
/*****fim interna servicos*****/

#conteudo img#i-frota, #conteudo #col-1-clientes img{ border:none; }
#conteudo #col-1-frota h4{ margin-top:10px}

#conteudo #col-1-frota ul li{ display:inline; margin:0 100px 0 0}
#conteudo #col-1-frota ul li:last-child{ margin-right:0}
.col-1 h5, .col-2 h5{ margin-bottom:0; color:#036}
.col-1 p, .col-2 p{ margin-bottom:10px;text-align:justify}
#conteudo form label{display:block; margin-bottom:18px;}
#conteudo form input{ height:14px}
#conteudo form input:focus, form textarea:focus{ background:#F4F4F4; color:#F60; border:1px solid #ccc}
#conteudo form textarea, #conteudo form input, #conteudo form select{ width:350px; border:1px solid #ccc; padding:8px; float:right; overflow:auto; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif}
#conteudo form select{width:368px}
#conteudo p span{ font-style:italic; color:#F60}
#conteudo form label input#btn{ width:70px; height:25px; background:#F60; margin:5px 0 0 250px; border:none; color:#fff; cursor:pointer; font-size:14px; padding-top:3px; overflow:hidden}
#conteudo form label input.cliente{ display:inline; float:left; width:30px }
#conteudo form label#obs{ margin-top:94px}

#conteudo #col-2-mapa{ background:#999; height:350px}
#conteudo form label#usuario input{ margin-top:-20px}

#conteudo #col-2-agende{ background:url(../imagens/agende.jpg) no-repeat; height:350px}
/****************FIM INTERNAS****************/

/*****inicio rodape*****/

#rodape{ border-top:1px solid #F60; background:url(../imagens/assinatura.png) no-repeat right 15px; position:absolute; bottom:0}
#rodape address{float:left; padding-top:30px; font-style:normal; display:inline; }
#rodape address span#citacao{ font:18px "Times New Roman", Times, serif; font-style:italic; color:#036 }
#rodape address#ass{ float:right; padding:30px 70px 0 0; text-align:right}
#clear{ clear:both}

/*****fim rodape*****/