/* 
    Document   : 3ip-orbita
    Created on : 22/07/2009, 23:33:09
    Author     : 3ip.com.br
    Description:
        Internet Explorer 6.0 / Safari 3.1 / Firefox 3 Beta 5
        @charset "utf-8";

   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body {

	background-image: url(img/body_fundo.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
    overflow-x: hidden;
}

* {
	margin: 0;
	padding: 0;
}

* html {
  margin: 0;
}

#geral {

    width: 759px;
	margin: 0 auto;
    height: 100%;
    background-image: url(img/geral_fundo.jpg);
    background-repeat: repeat-x;
    background-position: 50% 174px;
    border-right: 7px solid #F8C200;
    border-left: 7px solid #F8C200;
    border-bottom: 7px solid #F8C200;
}

.faixaLeft {

    background-color: #F8C200;
    width: 6px;
    height: 100%;
    float:left;
    min-height:400px;
}

.faixaRight {

    background-color: #F8C200;
    width: 6px;
    height: 100%;
    float: right;
    min-height:400px;
}

#topo {

    height: 178px;
    width: 760px;
    float:left;
}

#topo h1 {

    background-image: url(img/topo.jpg);
    background-repeat: no-repeat;
    text-indent: -99999px;
    display: block;
    height:112px;
    width:759px;
}

.topo-barra {

    background-image:url(img/topo_barra.gif);
    background-repeat:no-repeat;
    height:39px;
    margin:0;
    padding:0;
    width:759px;
}

.topo-menu {

    background-image:url(img/topo_menu_fundo.jpg);
    background-repeat:no-repeat;
    height:23px;
    margin:0;
    padding:0;
    position:absolute;
    text-align:right;
    width:759px;
}

.topo-menu ul {

    float: right;
    text-decoration: none;
    list-style: none;
}

.topo-menu-vertical {

    height:247px;
    margin-left:24px;
    margin-top:-104px;
    position:absolute;
    width:163px;
    z-index:10;
}

.topo-menu-vertical-imgTopo {

    background-image: url(img/menu_sub_topo.gif);
    background-repeat: no-repeat;
    height: 27px;
    width: 176px;
    display: block;
}

.topo-menu-vertical-imgRodape {

    background-image: url(img/menu_sub_rodape.gif);
    background-repeat: no-repeat;
    height: 13px;
    width: 176px;
    display: block;
}

.topo-menu-vertical-imgLogo {

    background-image: url(img/menu_sub_logo.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 70px;
    width: 176px;
    display: block;
}

.topo-menu-vertical-imgFaixa {

    background-image: url(img/menu_sub_barra_laranja.jpg);
    background-repeat: repeat-y;
    height: 7px;
    width:176px;
    display:block;
}

.topo-menu-vertical ul {

background-image:url(img/menu_fundo_vertical.jpg);
background-repeat:repeat-y;
list-style-type:none;
margin:0;
padding:9px 0 0 0;
width:176px;
}

.topo-menu-vertical ul li {

background-image:url(img/menu_icone_seta.jpg);
background-repeat:no-repeat;
list-style-type:none;
margin:2px 12px;
padding-left:14px;
text-decoration:none;
}

.topo-menu-vertical ul li .margem {

    margin: 0px;
    padding: 0px;
    display:block;
    max-height:10px;
}

.topo-menu-vertical ul li a:hover {
/*
	margin: 0px;
	padding: 2px 0 2px 0px;
	list-style-type:none;
    text-decoration: none;
    background-color: white; */
    text-decoration:underline;
}

.topo-menu-vertical ul li a {

    text-decoration: none;
    color: black;
    text-transform: uppercase;
    font-size: 11px;
}

ul#3ip-banner li {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
    background-image: url(img/ajax.gif);
    background-repeat:no-repeat;
    background-position: center center;
}

ul#3ip-banner {

    list-style-type:none;
}

ul#3ip-banner {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}

.topo-menu ul li {

    background-image:url(img/menu_fundo.jpg);
    background-repeat:repeat-x;
    display:block;
    float:left;
    height:19px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin-right:10px;
    margin-top: 1px;
    padding-top:4px;
    text-align:center;
    text-decoration:none;
    width:81px;
}

.topo-menu ul li:hover {

    background-image:url(img/menu_fundo_hover.jpg);
    background-repeat:repeat-x;
    display:block;
    float:left;
    height:19px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin-right:10px;
    margin-top: 1px;
    padding-top:4px;
    text-align:center;
    text-decoration:none;
    width:81px;
}

.topo-menu ul li a {

    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: black;
    text-decoration: none;
    display: block;
}

#banner {

    height: 15px;
    width: 759px;
    float:left;
}

#meio {

    width: 759px;
    height: 100%;
    float: left;
}

#colEsquerda {

    padding: 0px 4px 4px 4px;
    width: 230px;
    margin-right: 10px;
    margin-left: 8px;
    float: right;
}

#colEsquerdaServicos {

    padding: 0px 4px 4px 4px;
    width: 150px;
    margin-right: 15px;
    margin-left: 8px;
    float: right;
}

.barra-bolinha {

    background-image: url(img/barra_bolinha.gif);
    background-repeat: repeat-x;
    width: 100%;
    height: 16px;
    padding-top: 2px;
    padding-bottom: 2px;
    float: left;
}

.btCliqueaqui {
    
    margin: 15px 20px 5px 5px;
    display: block;
    text-align: right;
}

.ico-como-desenvolver {

    float:left;
    margin-bottom:19px;
    margin-left:19px;
    margin-right:19px;
    margin-top:25px;
}

.box_166 {

    height: 131px;
    width: 166px;
    padding: 7px;
    color: black;
}

.box_166 h2 {

    text-indent: -999999px;
    margin:0px;
    padding:0px;
}

.box_166_contato {
background-image:url(img/box_contato_esquerdo.gif);
background-repeat:no-repeat;
color:black;
font-size:12px;
height:131px;
line-height:18px;
margin-top:92px;
padding:15px 7px 7px;
width:153px;
}

.box_225x131 {

    height: 131px;
    width: 221px;
    padding: 7px;
    background-image: url(img/box_225x131.png);
    background-repeat: no-repeat;
    color: black;
}

.box_225x131 h2 {

    color: black;
    font-family: arial, verdana, sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}

.box_225x131_2 {

    height: 131px;
    width: 221px;
    padding: 7px;
    background-image: url(img/box_225x131_2.png);
    background-repeat: no-repeat;
    color: black;
}

.box_225x131_2 h2 {

    color: black;
    font-family: arial, verdana, sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}

.box_225x131_2 p {
    margin-bottom:10px;
    margin-left:10px;
    margin-right:10px;
    margin-top:22px;
    line-height: 20px;
}

.box_225x131_3 {

    height: 127px;
    width: 221px;
    padding: 7px;
    background-image: url(img/box_225x131_3.png);
    background-repeat: no-repeat;
    color: black;
}

.box_225x131_3 p {
    margin-bottom:10px;
    margin-left:10px;
    margin-right:10px;
    margin-top:22px;
    line-height: 20px;
}

.box_225x131_3 h2 {

    color: black;
    font-family: arial, verdana, sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}

#colEsquerda ul {

    text-decoration: none;
    list-style: none;
}

#colEsquerda ul li {

    float: left;
    margin-right: 10px;
    text-decoration: none;
    list-style: none;
    height: 21px;
    width: 147px;
    text-align: left;
    padding-top: 5px;
    padding-left: 15px;
    display: block;
}

#colEsquerda ul li:hover {

    float: left;
    margin-right: 10px;
    list-style: circle;
    background-image: url(images/_menu-esq-menu-hover.jpg);
    height: 21px;
    width: 147px;
    text-align: left;
    padding-top: 5px;
    padding-left: 15px;
    display: block;
}

#colEsquerda ul li a, h3 a {

    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #6F246F;
    text-decoration: none;
    display: block;
}

#colConteudo {

    float: left;
    width: 430px;
   /* border: 1px solid black; */

}

#colConteudo h2 {

    font-family: arial, verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #6F246F;
    text-decoration: none;
    display: block;
    margin-bottom: 20px;
    margin-top: 10px;
}

#colConteudo h2 a {

    font-family: arial, verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #6F246F;
    text-decoration: underline;

}

.boxProdutoListagem {

    width: 126px;
    height: 160px;
    float: left;
    display: block;
   /* border: 1px solid black; */
    margin-right: 15px;
}

#colConteudo p {

    display: block;
   /* border: 1px solid black; */
    margin-right: 15px;
}

.produto-lista {

    text-decoration: none;
    list-style: none;
}

#colConteudoExtenso {

    display: block;
    float: right;
    height: 545px;
    margin-bottom: 10px;
    width: 465px;
    background-image: url(img/box_486x415.png);
    background-repeat: no-repeat;
    padding: 5px 10px 0px 10px;
    margin-right:14px;
    *margin-right:5px;
   /* border: 1px solid black; */
}

#colConteudoExtenso h2 {

    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    color: #6F246F;
    text-decoration: none;
    display: block;
    margin-bottom: 15px;
    margin-top: 10px;
}

#colConteudoExtenso h2 a {

    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    color: #6F246F;
    text-decoration: underline;

}

#colConteudoExtenso .sejabemvindo {

    font-family: arial, verdana, sans-serif;
    font-size: 24px;
    font-weight: normal;
    color: black;
    text-decoration: none;
    margin-top: 0px;
}

#colConteudoExtenso h1 {

    font-family: arial, verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #6F246F;
    text-decoration: none;
    display: block;
    margin-bottom: 15px;
    margin-top: 10px;
}

.but_adicionar {

    margin-top: 20px;
}

.but_voltar {

    text-align: center;
}

.recomendarH2 {


}

#fotos {

    margin-bottom: 25px;
}

#colDireta {

    float: left;
    width: 100px;
}

#rodape {

    display: block;
    width: auto;
    height: 50px;
    text-align: center;
    clear:both;
    margin-top: 20px;
    text-indent: 706px;
}

#rodape hr {

    height: 1px;
    border-width: 0;
    color: gray;
    background-color: gray;
    margin-bottom: 10px;
}

.rodape-name-site {

    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    color: #6F246F;
}

.rodape-desenvolvedor, a {

    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    color: gray;
}


#colConteudoExtensoTodoMaximo {

    display: block;
    float: right;
    height: auto;
    margin-bottom: 40px;
    width: auto;
}

#colConteudoExtensoTodoMaximo h2 {

    font-family: arial, verdana, sans-serif;
    font-size: 26px;
    color: black;
    text-decoration: none;
    display: block;
    margin-bottom: 30px;
    margin-top: 10px;
    margin-left: 215px;
    margin-right: 20px;
}

#colConteudoExtensoTodoMaximo p {

    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    color: black;
    text-decoration: none;
    display: block;
    margin-bottom: 5px;
    margin-top: 10px;
    margin-left: 30px;
    margin-right: 20px;
}



#colConteudoExtensoTodo {

    display: block;
    float: right;
    height: auto;
    margin-bottom: 10px;
    padding:0 10px 10px;
    width:535px;
}



#colConteudoExtensoTodo h2 {

    font-family: arial, verdana, sans-serif;
    font-size: 26px;
    color: black;
    text-decoration: none;
    display: block;
    margin-bottom: 5px;
    margin-top: 10px;
}

#colConteudoExtensoTodo h2 a {

    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    color: #6F246F;
    text-decoration: underline;

}

#colConteudoExtensoTodo h1 {

    font-family: arial, verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #6F246F;
    text-decoration: none;
    display: block;
    margin-bottom: 15px;
    margin-top: 10px;
}

#colConteudoExtensoTodo .box-subproduto {

    padding: 15px 0px 10px 0px;
    width: 100%;
    display: block;
    clear: both;
}

#colConteudoExtensoTodoMaximo .box-subproduto {

    padding: 15px 0px 10px 0px;
    width: 754px;
    display: block;
    clear: both;
}

#colConteudoExtensoTodoMaximo .box-subproduto h3 {
clear:both;
display:block;
font-size:18px;
margin-bottom:10px;
margin-left:30px;
margin-right:0;
margin-top:0;
padding-bottom:0;
padding-left:0;
padding-right:10px;
padding-top:0;
text-align:left;
width:auto;
}

.icone-busdoor {
    
    background-image: url(img/icone-busdoor.png);
    background-repeat: no-repeat;
    height: 22px;
    width: 22px;
}

.icone-comunicacao-visual {

    background-image: url(img/icone-comunicacao-visual-frotas.png);
    background-repeat: no-repeat;
    height: 22px;
    width: 22px;
}

.icone-icone-vidro-motorista {

    background-image: url(img/icone-vidro-motorista.png);
    background-repeat: no-repeat;
    height: 22px;
    width: 22px;
}

#colConteudoExtensoTodo .box-subproduto h3 {

    padding: 10px 0px 10px 0px;
    font-size: 22px;
}


.midias  {

    text-decoration: none;
    list-style: none;
    height:90px;
    margin-left:205px;
}

.midias  li {

    
    margin-right: 10px;
    text-decoration: none;
    list-style: none;
    height: 21px;
    width: 147px;
    text-align: left;
    padding-top: 5px;
    padding-left: 15px;
    display: block;
}

#barraVermelha {

    border:0 none;
    background-image: url(img/barra_vermelha.gif);
    height: 8px;
    width: 697px;
    clear: both;
    margin:0 auto;
}


#boxContato {

    display: block;
    background-image: url(img/home_fundo_contato.jpg);
    background-repeat: no-repeat;
    height: 81px;
    width: 215px;
    text-align: right;
    margin-right:-10px;
    margin-top:30px;
    float: right;
}

#boxContato h2 {

color:black;
font-size:17px;
font-weight:bold;
margin-bottom:7px;
margin-left:33px;
margin-top:2px;
text-align:left;
}

#boxContato h3 {

    font-size: 12px;
    font-weight: normal;
    margin-right:20px;
}

#boxContato ul, li {

    text-decoration: none;
    list-style: none;
    margin-right:10px;
}

ul.listaPortfolio {

    text-decoration: none;
    list-style: none;
    margin-right:10px;
}

ul.listaPortfolio li {

background-image:url(img/box_portfolio.png);
background-repeat:no-repeat;
display:block;
float:left;
height:87px;
margin:18px 27px;
padding:10px;
width:112px;
text-align:center;
vertical-align:middle;

*margin:18px 21px;
}

.cliqueAquiLinhas {

    color:red;
    text-decoration: underline;
}

#frmLinhas {

background-image:url(img/box_busca_linhas.gif);
background-repeat:no-repeat;
height:137px;
margin-left:51px;
padding:15px;
width:630px;
}

#frmLinhas fieldset {
border:0 none;
float:left;
font-size:14px;
width:50%;
}

#frmLinhas fieldset.direita {
/*border-left:1px solid #000000;*/
padding-left:35px;
width:40%;
}


#frmLinhas legend {
    font-size:18px;
    padding-bottom: 10px;
}

#colConteudoExtensoTodoMaximo .box-subproduto #divAjaxLinhasBusca h3 {
font-size:18px;
margin-bottom:0;
margin-left:0;
margin-right:0;
padding-bottom:10px;
padding-top:22px;
}

#colConteudoExtensoTodoMaximo .box-subproduto #divAjaxLogradourosBusca h3 {
font-size:18px;
margin-bottom:0;
margin-left:0;
margin-right:0;
padding-bottom:10px;
padding-top:22px;
}

#frmLinhas select {
    width:200px;
}

.principaisPracas, .principaisPracas2 {
/* background-image:url(img/box_busca_linhas_rodape.gif);
background-repeat:no-repeat; 
height:137px;*/
margin-left:75px;
margin-top:15px;
padding:15px;
width:600px;
display:none;
height:auto;
}

#colConteudoExtensoTodoMaximo .principaisPracas h2{

    font-size: 15px;
    color: red;
    margin:0 0 10px 0;
    padding:0;
}




#frmcontato {
clear:both;
display:block;
width:400px;
}

#frmcontato legend {
font-size:15px;
font-weight:normal;
margin-bottom:20px;
margin-left:0;
margin-right:0;
margin-top:0;
}

#frmcontato fieldset {
    border:0;
}


#frmcontato input{
border:1px solid #C9C9C9;
height:18px;
margin-bottom:20px;
width:233px;
padding:4px;
}

#frmcontato strong {
clear:both;
float:left;
margin-bottom:4px;
width:400px;
font-weight:normal;
}

#frmcontato textarea {
border:1px solid #C9C9C9;
height:80px;
margin-bottom:20px;
width:400px;
padding:4px;
}

#frmcontato br {
    line-height:0;
}

#frmcontato input.btEnviar {
background-image:url(img/bt_enviar.gif);
background-repeat:no-repeat;
border:0;
height:21px;
line-height:0;
text-indent:-99999px;
width:65px;
}

#frmcontato input.btReset {
background-image:url(img/bt_limpar.gif);
background-repeat:no-repeat;
border:0;
height:21px;
line-height:0;
text-indent:-99999px;
width:65px;
}

#colConteudoExtensoTodo #alert {
    color:red;
    margin-bottom:10px;
}


#colConteudoExtensoTodoMaximo h3.imageBitmap {
color:#43099F;
font-size:15px;
font-style:italic;
margin-bottom:10px;
margin-left:0;
margin-right:0;
margin-top:10px;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
}

#colConteudoExtensoTodoMaximo h4.medida {

    margin:0;
    padding:0;
    font-size:14px;
    font-weight:bold;
    text-align:left;
}

#colConteudoExtensoTodoMaximo h5 {

margin:0;
padding:0;
font-weight:normal;
font-size:12px;
}


ul.listaPortfolio li img.listavivo {
margin-left:2%;
margin-top:12%;
}

ul.listaPortfolio li img.listavivo2 {
    margin-top:20%
}