@charset "utf-8";
/*Site: Tmar Transport de Veículos
 Arquitetura: Tiago Pessoa
 Lay-Out: Anderson Soares
 Montagem: Tiago Pessoa
 Programação Back-End: Arivan Bastos
 
 IND�?CE DESSE CSS
 
 +TAGS
 	-FORM
 +GERAL
 +HEADER
 +CONTENT
 	-LEFT-SIDEBAR
 	-ORÇAMENTO
 	-NEWS
 	-RIGHT-SIDEBAR
 	-MAIN
 	-CONTATO
 +FOOTER
 	-DESELVOLVEDOR
 +CLYCLE SLIDESHOW 
 */
 
/*### TAGS####*/
html {    background: url(imgs/bg-site.png) left 140px;	}

body {    font-size: 0.8em; font-family: Calibri, Verdana, Arial, Geneva, sans-serif; color: #888e9f; line-height: 1.2;}

ul, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, img, label {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
	outline:0;
}

a {
    text-decoration: none;
    color: #65bce7;
}

a:hover {
    color: #35366F;
}

/* ### FORM  ### */
input, textarea {
    background: url(imgs/bg-input-field.gif) #fffdfd repeat-x left top;
    height: 16px;
    padding-left: 2px;
    border: 0;
    font-size: 13px;
}

input[type = text]:focus, input.sffocus, textarea:focus, textarea.sffocus {
    background: url(imgs/bg-input-field-focus.gif) #edf4f9 repeat-x left top;
}

/*### GERAL ##### */
.clear {
    clear: both;
}

.hide {
    display: none;
}
#banner{ position:fixed; top:150px; left:0; z-index:1000;} 
/*#$### HEADER ###### */
#header-wrapper {
    background: url(imgs/bg-header.png) repeat-x top center;
}

#header {
    width: 960px;
    margin: 0 auto;
    position: relative;
    height: 140px;
}

a#logo-topo {
    position: absolute;
    top: 11px;
	left:32px;
}

#img-header-holder {
    float: right;
    position: relative;
	margin-right:7px;
}
#header-slider img{	display:none; }
#header-img-border {
    width: 14px;
    height: 105px;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    background: url(imgs/header-img-border.png) no-repeat left;
}

/* MENU */
#menu {
    clear: both;
    margin-left: 290px;
    padding-top: 10px;
}

#menu ul li {
    float: left;
    display: inline;
    margin-right: 15px;
}

#menu ul li a {
    display: block;
    height: 9px;
	color: #898c9d;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: -3px;
}

#menu ul li a:hover {
	color: #2e69a5;
}	

#menu ul li .selected {
	color: #2e69a5;
}

/*### CONTENT ### */
#content {
    width: 960px;
    background: url(imgs/bg-content.png);
    margin: 0 auto;
}

/*#### LEFT-SIDEBAR ####*/
#left-sidebar {
    /*padding-top:300px;*/
    padding-bottom: 20px;
    float: left;
    width: 285px;
    position: relative;
}

/*ORÇAMENTO*/
#orcamento {
    width: 234px;
    position: absolute;
    top: -32px;
    left: 32px;
    background: url(imgs/bg-orcamento.jpg) left repeat-y;
	font-size:13px;
}

#orcamento h3 {
    text-indent: -1000em;
    background: url(imgs/orcamento.jpg) no-repeat;
    height: 32px;
}

#orcamento h4 {
    padding: 0 20px;
    margin: 10px 0 6px;
    color: #a2c8e2;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 1;
}

#orcamento-calculo {
    min-height: 275px;
    height: auto !important;
    height: 275px;
}

#orcamento form, #orcamento-resultado {
    margin: 0 20px;
    color: #fff;
}

#orcamento p {
    margin-bottom: 5px;
}

#orcamento label {
    margin-right: 5px;
    text-transform: uppercase;   
}

#orcamento input#nome {
    width: 149px;
}

#orcamento input#email {
    width: 150px;
}

#orcamento input#ddd {
    width: 30px;
    margin-right: 5px;
    text-align: center;
}

#orcamento input#telefone {
    width: 90px;
}

#orcamento form#transporte input.text, #orcamento form#transporte select {
    width: 100%;
	z-index: 10;
	font-size:13px;
}

#orcamento form#transporte h4{
	padding: 0px 0px 0px 0px;
}

#orcamento a#calcular {
    background: url(imgs/orcamento-button.jpg) no-repeat left top;
    width: 63px;
    height: 20px;
    margin-left: 130px;
    display: block;
    margin-top: 10px;
}

#orcamento a#calcular:active {
    background-position: left 2px;
}

#orcamento a#enviar {
    background: url(imgs/bt-orcamento-enviar.jpg) no-repeat left top;
    width: 63px;
    height: 20px;
    float: right;
    margin-top: 5px;
}

#orcamento a#enviar:active {
    background-position: left 2px;
}

#orcamento a#voltar {
    background: url(imgs/bt-orcamento-voltar.jpg) no-repeat left top;
    width: 63px;
    height: 20px;
    float: right;
    margin-top: 5px;
}

#orcamento a#voltar:active {
    background-position: left 2px;
}

#orcamento #orcamento-footer-border {
    background: url(imgs/orcamento-bottom-corners.jpg) left bottom no-repeat;
    display: block;
    height: 11px;
}

#orcamento-resultado {
    display: none;
    padding-top: 10px;
}

#orcamento-resultado span.preco {
    color: #FC0;
    font-weight: bold;
}

#orcamento-resultado span.destaque, #orcamento-erro span.destaque {
    color: #FC0;
}

#orcamento-resultado p.destaque_valor {
    color: #FC0;
	text-align: center;
	font-size: 15px;
	margin-top: 15px;
	margin-bottom: 8px;
}

#orcamento-resultado p.orcamento_complementar {
    color: #FFFFFF;
	text-align: center;
	font-size: 11px;
	margin-top: 4px;
	margin-bottom: 4px;
}

#orcamento-erro, #orcamento-loading {
    color: #fff;
    width: 182px;
    position: absolute;
    top: 90px;
    left: 56px;
    display: none;
    z-index: 90;
}

#orcamento-erro p, #orcamento-loading p {
    margin: 0 10px;
}

#orcamento-erro div, #orcamento-loading div {
    background: url(imgs/bg-orcamento-erro.png) repeat-y transparent;
    padding: 5px 0;
}

#orcamento-erro a {
    font-weight: bold;
    font-size: 14px;
    margin-left: 120px;
}

#orcamento-erro span#erro-top, #orcamento-loading span#load-top {
    background: url(imgs/bg-orcamento-erro-top-corner.png) left top no-repeat;
    display: block;
    height: 9px;
    /*margin-bottom: -6px;*/
}

#orcamento-erro span#erro-bottom, #orcamento-loading span#load-bottom {
    background: url(imgs/bg-orcamento-erro-bottom-corner.png) left bottom no-repeat;
    display: block;
    height: 7px;
    clear: both;
    /*_margin-top: -8px;*/
}

/*NEWS*/
#noticias {
    background: url(imgs/bg-noticias.jpg) repeat-y;
    width: 200px;
    margin-left: 50px;
    color: #42789a;
}

#noticias h3 {
    background: url(imgs/noticias-title.jpg) no-repeat;
    text-indent: -1000em;
    margin-bottom: 15px;
    height: 33px;
}

#noticias p {
    padding: 0 30px;
    margin-bottom: 10px;
}

#noticias span.date {
    color: #45ade1;
    text-transform: uppercase;
    font-weight: bolder;
}

#noticias span#bottom-corner {
    background: url(imgs/noticias-bottom-corners.jpg) no-repeat bottom;
    height: 5px;
    display: block;
}

/*Scrolling Noticias*/
#noticias-wrap {
    position: relative;
    height: 270px;
    overflow: hidden;
}

.new-scroll {
    position: absolute;
	overflow: hidden;
    top: 280px;
    left: 0px;
    height: 270px;
}

#noticias #nav a {
    color: #42789a;
    cursor: pointer;
}

#noticias #nav a:hover {
    color: #1C2364;
}

#noticias #nav a#next-news {
    float: right;
    margin-right: 10px;
}

#noticias #nav a#prev-news {
    float: left;
    margin-left: 10px;
}

/*#### RIGHT-SIDEBAR ####*/
#right-sidebar {
    float: right;
    width: 200px;
    margin-top: 15px;
}

.right-box {
    margin: 5px 0 15px;
    background: url(imgs/right-box-bg.png) repeat-y;
    width: 193px;
}

.right-box span.top-corner {
    background: url(imgs/right-box-top-corner.png) no-repeat left top;
    height: 6px;
    display: block;
    margin-bottom: 5px;
}

.right-box span.bottom-corner {
    background: url(imgs/right-box-bottom-corner.png) no-repeat left bottom;
    height: 6px;
    display: block;
    margin-top: 5px;
}

.right-box p {
    margin: 5px 15px;
}

h3#seguranca-title {
    background: url(imgs/seguranca-title.png) no-repeat left;
    width: 193px;
    height: 39px;
    text-indent: -1000em;
}

h3#atuacao-title {
    background: url(imgs/atuacao-title.png) no-repeat left;
    width: 193px;
    height: 39px;
    text-indent: -1000em;
}

.right-box a#apolice {
    display: block;
    background: url(imgs/pdf-icon.jpg) no-repeat right center;
    line-height: 34px;
    padding-right: 36px;
    text-align: right;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    color: #900;
}

.right-box a#apolice:hover {
    color: #C2590C;
}

.right-box img, .right-box #mapa{
	display:block;
	margin:10px auto;
}

#right-sidebar h3#clientes {
    text-transform: uppercase;
    padding-bottom: 4px;
    background: url(imgs/bg-clientes-title.gif) left bottom repeat-x;
    color: #47afe2;
    /*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);*/
    font-size: 1.25em;
    width: 193px;
}

#clientes-logos {
    margin-top: 10px;
    margin-bottom: 10px;
}

#clientes-logos img {
    margin-right: 5px;
    vertical-align: middle;
}

/*#### MAIN ###*/
#main {
    width: 433px;
    padding: 12px;
    float: left;
}

.main-content {
    background: url(imgs/welcome-bg.png) repeat-y;
    margin-bottom: 15px;
}

.main-content span#top-border {
    background: url(imgs/main-content-top-corner.png) no-repeat;
    display: block;
    height: 6px;
    margin-bottom: 8px;
}

.main-content span#bottom-border {
    background: url(imgs/main-content-bottom-corner.png) no-repeat left bottom;
    display: block;
    height: 5px;
    margin-top: 10px;
}

.main-content h2 {
    margin-left: 27px;
    margin-bottom: 10px;
    padding-left: 12px;
    background: url(imgs/bg-page-title.png) no-repeat left bottom;
    height: 26px;
    line-height: 26px;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.2em;
}

.main-content h3 {
    color: #40abe1;
    font-size: 1.2em;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 10px;
}

.main-content h4 {
    color: #40abe1;
    font-size: 1.2em;
    text-transform: uppercase;
    margin-left: 40px;
    margin-bottom: 3px;
}

.main-content h4.pergunta {
    font-size: 1.1em;
    text-transform: none;
    cursor: pointer;
    background: url(imgs/arrow-close.gif) left 4px no-repeat;
    padding-left: 13px;
}

.main-content h4.corrente {
    color: #327ea4;
    background: url(imgs/arrow-open.gif) left 4px no-repeat;
}

.main-content p {
    margin: 0 40px 10px;;
}

.main-content p.resposta {
    background: url(imgs/bullet.gif) no-repeat 5px 5px;
    text-indent: 15px;
}

.main-content ul {
    margin: 0 40px 10px;
}

.main-content li {
    background: url(imgs/bullet.gif) no-repeat left 5px;
    text-indent: 10px;
}

.main-content a.mais {
    display: block;
    text-align: right;
    font-weight: bold;
    font-size: 1.1em;
}

.main-content span.topico {
    color: #45ade1;
    text-transform: uppercase;
    font-weight: bolder;
}

#servicos-box {
    margin: 20px 0 50px;
}

ul#links-apolices {
    margin-top: -5px;
}

ul#links-apolices a {
    font-weight: bold;
}

ul#links-apolices a:hover {
    color: #C2590C;
}

/*Player*/
#player {
    width: 432px;
    height: 325px;
}

/*CONTATO*/
#contato-holder {
    position: relative;
}

fieldset#contato {
    margin: 0 55px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#contato label {
    display: block;
}

#contato p {
    margin: 0 0 10px;
}

#contato input.contato-form, #contato textarea {
    width: 100%;
}

#contato input.ddd {
    width: 25px;
    margin-right: 5px;
    text-align: center;
}

#contato input.telefone {
    width: 105px;
}

#contato textarea {
    height: 155px;
    overflow: hidden;
}

#contato p#tel1 {
    float: left;
}

#contato p#tel2 {
    float: right;
}

#contato p#enviar {
    text-align: right;
}

#contato a#submit {
    background: url(imgs/contato-enviar.png) no-repeat left top;
    display: block;
    width: 51px;
    height: 23px;
    float: right;
}

#contato a#submit:active {
    background: url(imgs/contato-enviar.png) no-repeat left 2px;
}

p#adress {
    text-align: center;
    font-size: 11px;
}

div#contato-mensagem {
    position: absolute;
    top: 140px;
    left: 25px;
    width: 384px;
    z-index: 10;
}

div#contato-mensagem span#top-border-msg {
    background: url(imgs/bg-contato-mensagem-top-border.png) no-repeat top;
    height: 8px;
    display: block;
}

div#contato-mensagem span#bottom-border-msg {
    background: url(imgs/bg-contato-mensagem-bottom-border.png) no-repeat bottom;
    height: 8px;
    display: block;
}

div#contato-mensagem div#contato-mensagem-wraper {
    background: url(imgs/bg-contato-mensagem.jpg) repeat-y;
    padding: 30px 0 20px;
}

div#contato-mensagem div#contato-mensagem-conteudo {
}

span.obrigatorio {
    color: #900;
}

/*DEPOIMENTOS*/
#depoimentos {
    background: url(imgs/bg-depoimentos.gif) repeat-x left top;
    padding: 0 7px;
    margin-top: 15px;
    padding-top: 5px;
}

#depoimentos h3 {
    color: #40abe1;
    text-transform: uppercase;
    /*text-shadow: 0 1px 0 #fff;*/
    margin-bottom: 5px;
}

#depoimentos img {
    float: left;
    border: 2px solid #88b6c9;
}

#depoimentos p {
    margin-left: 70px;
}

#depoimentos p span.autor {
    display: block;
    text-align: right;
    font-style: italic;
}

/* #### FOOTER ##### */
#footer {
    background: url(imgs/bg-footer.png) repeat-x;
    height: 74px;
    text-align: center;
    padding-top: 10px;
    color: #666;
    position: relative;
    /*text-shadow: 0 1px 0 #fff;*/
}

#footer h3 {
    font-size: 1.1em;
}

#selos	{
	position:absolute;
	top:8px;
	left:15px;	
}

/*#selos	{
	margin-top:10px;
	float:right;
	width:250px;
}*/


/* Desenvolvedor */
#virtualize {
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: right;
    font-size: 0.85em;
}

#virtualize span {
    display: block;
}

#virtualize a {
    color: #666;
}

/* #### CLYCLE SLIDESHOW #### */
.pics {
    width: 250px;
    height: 200px;
    padding: 0;
    margin: 15px auto 20px;
}

.pics img {
    padding: 4px;
    background: url(imgs/bg-images-empresa.gif);
    width: 250px;
    height: 200px;
    top: 0;
    left: 0
}

/* css/tooltip.css */
div#busca_cidade2 {
    position: relative;
    z-index: 81;
}

div#busca_cidade {
    position: relative;
    z-index: 80;
}

div#resultado_destino, div#resultado_origem {    
    width: 190px;
    overflow: auto;
    border: 1px solid #666;
    background-color: #FFFFFF;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 5px;
    visibility: hidden;
    position: absolute;
    top: 35px;
    z-index: 1000;
}

/* VISTORIA ONLINE*/
#vistoria_online{
	color:#fff;
	padding:10px 0px 0px;
	height:auto; 
	width:193px;
	background:url(imgs/consulta-bg.png) repeat-y;
	position:relative;
	top:-15px;
}

#vistoria_online form {
	margin: 0 18px 10px;
	padding-bottom:18px;	
}
#vistoria_online a {
	outline:none;
	display:block;
	width:72px;
	height:18px;
	background:url(imgs/consultarBt.png) no-repeat bottom;
	float: right;	
	margin-top:5px;
}
#vistoria_online h3 {
	font-size:15px;
	text-align:left;
	color:#A2C8E2;
}

#vistoria_online input[type=text] {
	width:115px;
}

#vistoria_online p{
	margin-top:5px;
}
#vistoria_online_base{
	background:url(imgs/consulta-bottom-corners.png) no-repeat left bottom;
	display:block;
	width:193px;
	height:11px;	
}

.hidden 
{
	display: none;
}