/*
	WEBROOM - Soluções Interativas 
	Av. Vasconcelos Costa, 606 - Sala 1 - B. Martins - Uberlândia/MG - Fone: +55 (34) 3217-1253
	Site: www.webroom.com.br - E-mail: webroom@webroom.com.br
	Projeto: ABC TAXI AEREO HOTSITE
	Data: Fevereiro de 2007
	Autor: Lourenço Rizzotto e Henrique Costa Pereira
*/

/*..........ESTRUTURA.........*/
/****************************************************************/
html { overflow: -moz-scrollbars-vertical; }
*  { margin:0; padding:0; list-style:none; border:none; text-decoration:none; border:0px solid #000; }
body  { background:#1d54a6 url("../imagens/bg_degrade.jpg") top center fixed no-repeat; margin:0 auto; text-align:center; padding-top:7px; font:0.7em Arial, Helvetica, sans-serif ; }
.wrap  { margin:0 auto; width:770px; text-align:left; display:table; }
.header { background:url("../imagens/bg_header.gif") no-repeat; height:90px; margin-top:6px; }
.content { margin:6px auto 0 auto; background-color:#fff; padding:25px; border:3px solid #324e76; }
#pg_home .content { padding:0; }
.barra_ABC  { background:url("../imagens/fatia_barra.gif") no-repeat; height:60px; }

.voltar { background:url("../imagens/voltar.gif") no-repeat; }
.voltar a { width:54px; height:37px; display:block; background:url("../imagens/voltar.gif") no-repeat; overflow:hidden; font-size:1px; text-indent:-250px; float:right; margin-top:-50px;  }
.voltar a:hover { background-color:#FFF !important; }


/*..........HEADER..........*/
/****************************************************************/
.header { }
.header h1 a  {  width:275px; height:39px; text-indent:-250px; font-size:1px; overflow:hidden; margin:12px 0 0 20px; position:absolute; }
.header .execultivos {  width:169px; height:132px; background:url("../imagens/bg_header_execultivos.png"); position:absolute; top:31px; margin-left:590px; }
.header .aviao {  width:148px; height:71px; background:url(../imagens/bg_header_aviao.png); position:absolute; top:53px; margin-left:455px; z-index:5; }

/*..........mainNav - Menu Principal..........*/
.header .mainNav { margin-top:62px; position:absolute; }
.header .mainNav li { display:inline; }
.header .mainNav li a { float:left; padding:7px 8px; color:#ccd3e7; }
.header .mainNav li a:hover { color:#fff; background:#1f3470; }
.header .mainNav .home a:hover { color:#fff; background:#1f3470 url(../imagens/bg_header_home.gif) left no-repeat; }

/*..........Barra ABC..........*/
.barra_ABC img  {  border-right:3px solid #1387e1; float:left; margin:8px 0 0 10px; padding:0 15px 0 0; }
.barra_ABC p a {  width:114px; height:29px; margin:18px 0 0 20px; text-indent:-500em; display:block; background:url(../imagens/voltar_Site_Principal.gif) no-repeat; float:left; overflow:hidden; }


/*..........HOME..........*/
/****************************************************************/
.destaque { width:493px; height:180px; margin:7px 0 0 8px; float:left; }
.destaque2 { width:245px; height:180px; float:right; margin:7px 8px 0 0; }


.extraDiv {  display:table; width:100%; clear:both; }

.cotacoes {  margin:20px 0 0 15px; float:left; width:476px; height:111px; }
.bolsas {  position:absolute; margin:-93px 0 0 240px; border-left:2px solid #f2f2f2; padding-left:10px; }
.vender_aeronave {  float:right; margin:10px 8px 5px 0; }


/*..........COMMONS..........*/
/****************************************************************/
.display  {  display:none; }
.content h1  {  display:block; font-family:Trebuchet, "Trebuchet MS", Arial; clear:both; color:#1D54A6; font-size:30px; margin:0px 0 5px 0; }
.content h2  {  font-size:18px; margin:5px 0 15px 0; color:#FEA50F; }
.content h3  {  font-size:16px; }
.content hr {  margin:0 auto; border:1px solid #f0f0f0; }


.content .warning  {  color:#F90; }
.content .error  {  color:#900; }
.content .sucess  {  color:#060; }
.content .sucess a { color:#FC0; }

.content ul { display:table; clear:both; margin:10px 0; }
.content ul li { background:url("../imagens/quadrinho.gif") left 5px no-repeat; padding-left:15px; margin:5px 0; }



.tabela { margin:18px 0; }
.tabela thead th { background-color:#324E76; color:#FFF; padding:3px; }
.tabela tbody td { background-color:#F0F0F1; padding:3px; }

.messagererror { color:#FFF; background-color:#BC0001; border-bottom:3px solid #F10001; display:block; text-align:center; padding:8px 2px; }
.sucess { color:#FFF !important; background-color:#1D54A6; border-bottom:3px solid #0F3A7B; display:block; text-align:center; padding:8px 2px; }






.content .bt { background-color:#1D54A6; color:#FFF; border-bottom:2px solid #123365; border-right:2px solid #123365; border-top:2px solid #2372E8; border-left:2px solid #2372E8; font-size:11px; padding:0px 4px; cursor:pointer; }
.content .bt:hover { background-color:#FDB309; color:#8C6611; border-bottom:2px solid #B5810B; border-right:2px solid #B5810B; border-top:2px solid #FDD809; border-left:2px solid #FDD809; font-size:11px; padding:0px 4px; }


* .txtfield  {  background-color:#FFF; padding:2px; font-size:11px; border:2px solid #1D54A6;  }
* .txtfield:hover  {  border:2px solid #FD9E00; background:none #FFF; color:#C0C0C0; padding:2px; }
* .txtfield:focus  {  border:2px solid #F54E00; background:none #FFF; color:#8D2E07; padding:2px; }
* .txtarea  {  width:548px; }

.content p  {  margin:15px 0; font-size:12px; }

.content a  {  color:#025396; text-decoration:underline; }
.content a:hover  {  text-decoration:none; background-color:#025396; color:#FFF; }



/*..........RODAPÉ..........*/
/****************************************************************/
.rodape { background:url("../imagens/aviao_rodape.gif") left 5px no-repeat; margin:0 auto; width:770px; height:70px; }
.webroom  {  width:770px; height:13px; margin:0 auto 0 auto; margin-top:-1px; }
.webroom a  {  background:url(../imagens/bg_webroom.gif); width:55px; height:13px; text-indent:-500em; display:block; overflow:hidden; float:right; margin:7px 10px 10px 0; }
.copyright { color:#FFF; }
* HTML .copyright { margin-top:-20px; }

/*......PÁGINAS INTERNAS..........*/
/****************************************************************/

/*......COMO VENDER..........*/
.painel_vender { width:573px; margin:20px 0 0 25px; text-align:left;   }
.painel_vender * td { vertical-align:top; }
.painel_vender ol.etapas { width:100%; height:33px; background:url(../imagens/bgNav_Vender.gif) no-repeat left center; text-align:left; }
.painel_vender ol.etapas li { float:left; }
.painel_vender ol.etapas li a { display:block; height:32px; margin-right:8px; text-indent:-50em; overflow:hidden; }
.painel_vender ol.etapas li a:hover { filter:alpha(opacity=00);	-moz-opacity: 0.0;	opacity: 0.0; background-color:#000; }
.painel_vender ol.etapas li.desativo { background-color:#fff;	filter:alpha(opacity=60);	-moz-opacity: 0.6;	opacity: 0.6; }
.painel_vender ol.etapas li.desativo:hover { background-color:#fff;	filter:alpha(opacity=20);	-moz-opacity: 0.2;	opacity: 0.2; }
.painel_vender ol.etapas li#passo1.ativo { background-color:transparent; }

.painel_vender ol li#passo1 a { width:162px; }
.painel_vender ol li#passo2 a { width:113px; }
.painel_vender ol li#passo3 a { width:162px; margin-right:3px; }
.painel_vender ol li#passo4 a { width:117px; margin:0; }

.painel_vender .formsEtapas { width:647px; padding:3px; padding-top:16px; background:#1a62b1 url(../imagens/bg_FormsEtapas.gif) -1px 0 no-repeat ; }
.painel_vender .formsEtapasBottom { width:655px; height:24px; background:url(../imagens/bg_FormsEtapasBottom.gif) -1px 0 no-repeat; }
.painel_vender .formsEtapas h2 { font:bold 150% Arial, Helvetica, sans-serif; color:#fff; padding:5px 0 0 10px; }
.painel_vender .formsEtapas label { padding-left:10px; color:#fff; }
.painel_vender .formsEtapas .txtfield { border:2px solid #5f91c9;  padding:3px 3px; font-size:95%; font-family:Arial, Helvetica, sans-serif; }

/*...........TABELAS..............*/
/**************************************************/
#formCadastroAeronave h3 { padding:10px; color:#e9f0f7; }
#formCadastroAeronave table { margin:0 0 10px 5px; }
#formCadastroAeronave table td { padding:0 10px; }

.tabelaazul { }
.tabelaazul td { color:#FFF; }
.tabelaazul .label { text-align:right; }
.tabelaazul .thead { color:#FC0; text-align:center; }


.tabela1 { }
.tabela1 td { background-color:#ebebeb; padding:2px 5px; border-bottom:2px solid #cdcdcd; }
.tabela1 .tit1 { background-color:#002489; color:#FFF; border-bottom:2px solid #071b53; }


.vendas_lista { display:table; clear:both; width:100%; }
.vendas_lista li { border:0px solid #000; height:22px; width:300px; margin:4px 20px 4px 4px !important; float:left; }




/*..........FORMS..........*/
/****************************************************************/

.contato { border:0; font-size:12px; line-height:normal; display:block; clear:both; }
.contato input, .contato textarea { border:2px solid #1D54A6; background-color:#FBFBFB; padding:2px; color:#5D5D5D; font:12px Arial, Helvetica, sans-serif; }
.contato input:hover, .contato textarea:hover { border:2px solid #002489; }
.contato input:focus, .contato textarea:focus { border:2px solid #FCB907; color:#E6240A; background-color:#fff; }
.contato #enviar { border:0; }
.contato legend { color:#000; font-size:1.0em; padding:4px 0; margin:5px 0 0px -7px; }
.contato span { color:#900; font-weight:bold; font-size:0.9em; margin-bottom:-15px; font-style:oblique; }
.contato label { display:block;  font-size:0.9em; color:#000; padding:0 0 0 2px; }
.contato .float { float:left; margin:0 10px 0 0; }
.contato .display { text-indent:-260px; display:block; overflow:hidden; }
.contato > .display { text-indent:-100px; }
.lateral { width:130px; }


.content label {display:block;padding: 5px 0}
.content label br {clear:left}


.content .formularios { width:560px; position:relative; }
.content .formularios .set1 { float:left; width:48%; margin:8px 0; height:45px; }
.content .formularios .set2 { float:left; width:48%; margin:8px 0; height:45px; }

.content .formularios .checks { margin:10px 0; display:table; width:100%; clear:both; border:1px solid #000; }
.content .formularios .checks label { float:left !important; display:inline; }



.blocos { }
.blocos td { }
.blocos td a { display:block; color:#FFF; background-color:#1d55a5; padding:20px; font-weight:bold; text-decoration:none; font-size:15px; text-align:center; }
.blocos td a:hover { background-color:#133566; }




div#qTip  {  padding: 3px; border: 1px solid #000; border-right-width: 2px; border-bottom-width: 2px; display: none; background:#000; color: #FFF; text-align: left; position: absolute; z-index: 1000; }



/*......Galeria de Fotos..........*/
.strech { border:5px solid #000; display:block; clear:both; }
.galeria_fotos {  text-align:center; border:5px solid #000; clear:both; }
.galeria_fotos li {  float:left; margin:10px; padding:3px; background:#f0f0f0; border:1px solid #d7d7d7; display:block; width:108px; height:87px; }

.content .listagem_galeria { width:100% !important; border:0px solid #000; }
.content .listagem_galeria td { padding:0 !important; margin:8px !important; width:125px !important; height:114px !important; border:0px solid #000 !important; background:none !important; text-align:center; list-style-type:none !important; }
.content .listagem_galeria td a { text-decoration:none; text-align:center; margin:0px !important; }
.content .listagem_galeria td a:hover { text-decoration:none; background:none; color:#900; }
.content .listagem_galeria td img { padding:4px; margin:0px !important; border:1px solid #CCC; background-color:#FFF; }

.content .listagem_galeria { width:100% !important; border:0px solid #000; }
.content .listagem_galeria li { padding:0 !important; margin:8px !important; width:125px !important; height:114px !important; border:0px solid #000 !important; background:none !important; text-align:center; list-style-type:none !important; }
.content .listagem_galeria li a { text-decoration:none; text-align:center; margin:0px !important; }
.content .listagem_galeria li a:hover { text-decoration:none; background:none; color:#900; }
.content .listagem_galeria li img { padding:4px; margin:0px !important; border:1px solid #CCC; background-color:#FFF; }

.color_ref { color:#FFC600 !important; font-weight:bold; padding-bottom:18PX !important; }
.color_ref2 { color:#000 !important; font-weight:bold; text-align:center; }