/* folha de estilo - SuperFlying - PepeDesign setembro/2006 */
/* CORES:
#006699 - azul
#339900 - verde
#CCCCCC - cinza
#CC0000 - vermelho
*/
 * {
	margin: 0px;
	padding: 0px;
	text-decoration:none;
 	}
body{
	margin:0;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	}
#tudo {
	width:780px;
	background: url(img/bgTudo.jpg) repeat-y 0 0;
	margin:0 auto;
	padding: 0px;
	border: 1px solid #ccc;
	text-align:left;
	}
/*******************************************************
// FORMATAÇÕES GERAIS 
*******************************************************/
.clear {
	clear: both;
	}
input {
	margin: 0px;
	font:10px Verdana,Helvetica,sans-serif;
	color: #666;
	background: #fff; 
	border:1px solid #ccc; 
	padding: 2px;
	}
select {
	margin: 0px;
	font:10px Verdana,Helvetica,sans-serif;
	color: #666;
	background: #fff; 
	border:1px solid #ccc; 
	padding: 2px;
	}
checkbox {
	border:none;
	background: transparent; 
	}
.radio {
	border:none;
	background: transparent; 
	}
textarea {
	margin: 0px;
	font:10px Verdana,Helvetica,sans-serif;
	color: #666;
	background: #fff; 
	border:1px solid #ccc; 
	padding: 2px;
	}
input:focus, select:focus, textarea:focus {
	margin: 0px;
	background-color:#006699;
	color:#fff; 
	}
input.verde:focus, select.verde:focus, textarea.verde:focus {
	margin: 0px;
	background-color:#339900;
	color:#fff; 
	}
input.vermelho:focus, select.vermelho:focus, textarea.vermelho:focus {
	margin: 0px;
	background-color:#CC0000;
	color:#fff; 
	}
label {
	margin: 0px;
	font:10px Verdana,Helvetica,sans-serif;
	color: #666;
	padding: 2px 0px;
	background: transparent;
	}
.submitAzul{
	font: 10px Verdana,Helvetica,sans-serif;
	color: #fff;
	background:#006699 url(img/bgSubAzul.jpg) repeat-X;
	border: 1px solid #006699; 
	padding: 1px 5px;
	}
.submitVerde{
	font: 10px Verdana,Helvetica,sans-serif;
	color: #fff;
	background: #339900 url(img/bgSubVerde.jpg)repeat-X;
	border: 1px solid #339900; 
	padding: 1px 5px;
	}
.submitVermelho{
	font: 10px Verdana,Helvetica,sans-serif;
	color: #fff;
	background:#CC0000 url(img/bgSubVermelho.jpg) repeat-X;
	border: 1px solid #CC0000; 
	padding: 1px 5px;
	}
p {
	font: 10px Verdana,Helvetica,sans-serif;
	font-weight: normal;
	color: #666;
	padding: 2px 0px
	}
p.titulos {
	font: 15px Trebuchet MS,Verdana,Helvetica,sans-serif;
	font-weight: bold;
	color: #006699;
	}
p.cadastro {
	font: 15px Trebuchet MS,Verdana,Helvetica,sans-serif;
	font-weight: bold;
	color: #CC0000;
	}

p.destaque {
	font: 12px Trebuchet MS,Verdana,Helvetica,sans-serif;
	font-weight: bold;
	color: #006699;
	}
#colConteudo p a{
	font: 10px Verdana,Helvetica,sans-serif;
	font-weight: normal;
	color: #339900;
	text-decoration: none;
	background: transparent;
	}
#colConteudo p a:visited {
	font: 10px Verdana,Helvetica,sans-serif;
	font-weight: normal;
	color: #339900;
	text-decoration: none;
	background: transparent;
	}
#colConteudo p a:hover {
	text-decoration: underline;
	background: transparent;
	}
img {
	border: none;
	display: table-cell;
	vertical-align: middle;
	background: transparent;
	}
.colLeft {
	width: 190px;
	height: auto;
	padding: 0px;
	margin: 0px;
	float: left;
}
.colRight {
	width: 190px;
	height: auto;
	padding: 0px;
	margin: 0px;
	float:right;
}
/*******************************************************
// OPEN 
*******************************************************/
#open {
	width:780px;
	margin: 0px;
	padding:0px;
	background: #fff;
	border-bottom: 1px solid #ccc;
	}
#menuAxiliar {
	width:auto;
	height: 15px;
	background:transparent url(img/bgMenuAux.jpg) repeat-x;
	padding: 2px 2px 2px 10px;
	border-bottom: 1px solid #ccc;
	text-align: left;
	}
#menuAxiliar p a, #menuAxiliar p a:visited {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
	background:transparent ;
	}
#menuAxiliar p a:hover {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #ccc;
	text-decoration: underline;
	background:transparent ;
	}
#logo {
	width:180px;
	margin: 0px;
	padding: 0px;
	height: 120px;
	background: #fff url(img/logo.gif) center center no-repeat;
	float: left;
	}
#imagemOpen {
	width:600px;
	height: 120px;
	margin: 0px;
	padding: 0px;
	text-align: right;
	float: right;
	}
/*******************************************************
// MEIO
*******************************************************/
#colMenu {
	width: 180px;
	float: left;
	}
#colConteudo {
	width: 390px;
	padding: 10px;
	margin-left: 10px;
	background: transparent;
	text-align: justify;
	float: left;
	}
#colAux {
	width: 170px;
	padding: 10px 0px;
	margin-right: 05px; 
	background: transparent;
	float: right;
	}
/* coluna Menu */
ul#menu {
	padding: 10px;
	margin: 0px;
	background: transparent;
	}
ul#menu li {
	list-style: none;
	padding:5px 5px;
	background: transparent;
	margin-bottom:2px;
	font: 13px Trebuchet MS, verdana, arial, helvetiva, sans-serif;
	border-bottom: 01px #ccc solid;
	}
ul#menu li a, ul#menu li a:visited {
	font: 13px Trebuchet MS, verdana, arial, helvetiva, sans-serif;
	font-weight: bold;
	display:block;
	color: #006699;
	text-decoration: none;
	}
ul#menu li a:hover {
	font-weight: bold;
	color: #339900;
	text-decoration: underline;
	}
/*  #inicio é o id do body da pag inicial, e #liInicio é o id do li do menu que vai ficar ativo qd a pessoa estiver nessa página, e assim vai, 
todo body de uma página diferente deverá ter um id */	
#empresa #liEmpresa a,#solucoes #liSolucoes a,#clientes #liClientes a,#tabela #liTabela a,#orc #liOrc a, #contato #liContato a, #trabalhe #liTrabalhe a {
	color:#fff;
	background: #999;
	text-decoration: none;
	text-indent: 05px;
	}
/* coluna conteudo */
.larguraMaxima {
	width: auto;
	margin: 0px;
	padding: 0px;
	}
#planosDestaque {
	width: auto;
	margin: 0px;
	padding: 0px;
	}
#titPlanosDestaque {
	width: auto;
	margin: 0px;
	padding: 2px 0px 2px 10px;
	font: 12px Trebuchet MS, verdana, arial, helvetiva, sans-serif;
	font-weight: bold;
	color: #666666;
	background: #ccc;	
	}
#planoA {
	width: 186px;
	height: 81px;
	margin: 0px;
	padding: 5px 0px;
	float: left;
	}
#planoB {
	width: 186px;
	height: 81px;
	margin: 0px;
	padding: 5px 0px;
	float: right;
	}
/* coluna auxiliar */
.boxAux {
	margin: 0px;
	padding: 0px;
	}
.imgBoxAux{
	margin: 0px;
	padding: 0px;
	}
.inputBoxAuxAzul {
	width: 170px;
	background: url(img/bgImgRastreamento.jpg) repeat-x;
	text-align: left;
	}
.inputBoxAuxVerde {
	width: 170px;
	background: url(img/bgImgSuaConta.jpg) repeat-x;
	text-align: left;
	}
.inputBoxAuxVermelho {
	width: 170px;
	background: url(img/bgImgCadastreSe.jpg) repeat-x;
	text-align: left;
	}
.inputBoxAux p {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	padding: 05px 10px;
	margin: 0px;
	text-align: left;
	}
.formBoxAux {
	margin-right: 08px;
	text-align: right;
	}
/* formularios */
#seguraForm {
	width: 390px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background: transparent;
	}
#form {
	width: 370px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background: transparent;
	}
/* clientes */
.logoClienteEsq {
	width: 180px;
	text-align: center;
	float: left;
	}
.logoClienteEsq img{
	background:#CCCCCC;
	border:1px #006699 solid;
	padding:2px;
	}
.logoClienteDir {
	width: 180px;
	text-align: center;
	float: left;
	}
.logoClienteDir img{
	background:#CCCCCC;
	border:1px #006699 solid;
	padding:2px;
	}
/* rastreamento */
#rastreamento {
	width:370px;
	height:auto;
	padding:60px 0px 0px 08px;
	margin:0px;
	background:transparent url(img/bgRastreamento.jpg) left top no-repeat;
}
table.rastrSituacao {
	width:98%;
	padding:2px;
	margin:0px;
	background:transparent;
	border:1px solid #cccccc;
}
td.colResp {
    width: auto;
    height: 20px;
    padding: 2px;
	margin-right: 03px;
    font:normal 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    background:#D9E8F0;
	text-align:right;
    vertical-align: middle;
}
td.colSitu {
    width: auto;
    height: 20px;
    padding: 2px;
    font:normal 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    background:#F3F3F3;
    vertical-align: middle;
}
.erro {
	width: 98%;
	height:auto;
	background: #C1E0FF;
	border:1px  #006699 solid;
	padding:10px 5px;
	margin:0px;
	font:bold 13px "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #006699;
	text-align:left;
}
/*******************************************************
// CLOSE 
*******************************************************/
#rodape {
	width: 100%;
	height: 60px;
	margin: 0px;
	padding-top: 5px;
	background: #f3f3f3;
	border-top: 05px #ccc solid;
	text-align: center;
	clear: both; 
	}
#rodape p {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	background: #f3f3f3;
	}
#rodape ul.rod {
	width: auto;
	height:auto;
	margin: 0px;
	padding: 0px;
	}
#rodape ul.rod li{
	height: 20px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	background: #f3f3f3;
	padding: 0px;
	list-style: none;
	display: inline;
	}
#rodape ul.rod li a, #rodape ul.rod li a:visited{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	background: #f3f3f3;
	text-decoration: none;
	}
#rodape ul.rod li a:hover{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #339900;
	background: #f3f3f3;
	text-decoration: underline;
	}
#rodape ul.rod li img{
	border: none;
	background: #f3f3f3;
	padding: 0px;
	list-style: none;
	display: inline;
	}