@charset "utf-8";
/*SKYTRACK - FORMATAÇÃO DAS PÁGINAS*/
/* CSS EXTERNOS */
/*@import url("960.css");*/
/*@import url("reset.css");*/
@import url("demo.css");
/*@import url("themes/base/jquery.ui.all.css");*/
body {
	background:#FFFFFF url(../imagens/background.jpg) repeat-x; 
	color:#454545; 
	font:11px Tahoma, Arial, Helvetica, sans-serif; 
	line-height:16px;
	}
/*PADRÃO DOS LINKS DE TEXTO*/
#box .ctd{ display:inline-table; margin:5px 10px;}

img{ border:0px;}
/*--------------------------*/
a {
	color: #808080;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;	
	}
.corred{ color:#CC3300}	
	/*LISTAS DESORDENADAS LARANJA E AZUL*/
	ul#list-laranja, ul#list-azul{
	width:440px;
	padding:8px 10px 5px 0;
	margin:0 0 0 25px;
	text-align:left;
	}
	
	#popup{
	clear:both;
	position: absolute; /*Define a posição absoluta da pop-up*/
	top: 20%; /*Distancia da margem superior da página */
	left: 400px; /*Distancia da margem esquerda da página */
	width: 320px; /*Largura da pop-up*/
	height: 150px; /*Altura da pop-up*/
	padding: 10px 15px; /*Margem interna da pop-up*/
	z-index:100;
	background-image:url(./images/painel.png);
	color: #000066; /*Cor do texto da pop-up*/
	display:none;
	}
	
	#loads{ margin:0px;color:#FFF; visibility:hidden; }
	#titulo{
	font:14px Verdana, tahoma, sans-serif; color:#FFF; font-weight:bold; float:left}
	.destaque img{ cursor:pointer; float:right;  }
	#conteudo{ clear:both; padding-top:10px;font:10px Verdana, tahoma, sans-serif; color:#000000;font-weight:bold; height:70px;}
	#status{
	border:1px dotted gray;
	width:100%;
	height:10px;
	display:none;
	}
	
ul#list-laranja{
	list-style:url(../imagens/list_decoration_laranja.gif);
	}
ul#list-azul{
	list-style:url(../imagens/list_decoration_azul.gif);
	}
	ul#list-laranja li, ul#list-azul li{
		padding:0 0 10px 0;
	}
/*CAIXAS VÁRIOS TAMANHOS*/
div.box-150{
	width:150px;
	float:left;
	margin:10px 5px;
	padding:0 5px 0 10px;
	text-align:left;
	}
	.box-150 span{
		color:#106fa1;
		font-weight:bold;
	}
	.box-150 p{
		margin:10px 0 20px 0;	
	}
	.line-dotted-150{
		margin:20px 0 0 0;
		width: 10px;
		background: url(../imagens/separador_barra_pontilhada.gif) repeat-y;
		height: 150px;
		float:left;
	}
/*CAIXA GERAL*/
#general{
	width:960px;
	margin-top:-5px;

	}
/*ESTRUTIRA DO TOPO*/
#general #top{
	background:#0072B9 url(../imagens/rastreador.png) 20px top no-repeat;
	width:960px;
	height:90px;
	}
	
#general #top .indentmenu{
	height:45px;
	float:right;
	width:790px;
		}
/*     menu     */		
.indentmenu{
font: bold 12px Arial;
width:800px;; /*leave this value as is in most cases*/
overflow: hidden;
}

.indentmenu ul{
clear:both;
float:right;
margin:0px;
padding: 5px 6px 0px 6px;
border:1px solid #564c66; /*dark purple border*/
border-width:0px 0;
background:#000 url(../imagens/menu.gif) center bottom repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float:left;
color: white; /*text color*/
padding: 6px 8px 0px 8px;
margin-left:1px;
height:15px;
text-decoration: none;
border-right: 1px dotted #fff; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
padding-bottom:0px;
color: white;
}

.indentmenu ul li a:hover {
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 0px; /*shift text down 1px for selected and active item*/
background: black url(../imagens/menu.gif) center -65px repeat-x;
}

.indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 0px; /*shift text down 1px for selected and active item*/
background: black url(../imagens/menu.gif) center -105px;
}

/*ESTRUTURA DO CONTEÚDO CENTRAL*/
#general #center{
	position:relative;
	width:960px;
	height:880px;
	background:#fff url(../imagens/back_end.png) no-repeat;
	/*border:1px solid red;*/

	}
	#center #left{
		float:left; 
		margin:50px 0px 0px 0px;
		width:720px;
		border:0px solid red; 
		}
		#center #left #banner{
			position:relative;
			margin:-50px 10px 50px 10px;
			clear:both;
			}
		#center #left #title{
			width:710px; 
			text-align:left; 
			padding:10px 20px 0;
			}


		#center #left #page .align-left{
			text-align:left;
			margin:10px 0px;
			}
		#center #left #page .align-center{
			text-align:center;
			margin:10px 0 20px;
			}
		#center #left #page .align-right{
			text-align:right;
			margin:10px 0 20px;
			}
		#center #left #page .text1{
			width:460px; 
			float:left; 
			text-align:left; 
			padding:0 0 0 20px; 
			margin:10px 0 20px 0;
			}
		#center #left #page .text1 img{
			margin:7px 0 0 0;
			}
		#center #left #page .text2{
			width:200px; 
			float:right; 
			margin:0 20px 0 0;
			}
		#center #left #page .text3{
			width:200px; 
			float:right; 
			margin:120px 20px 0 0;
			}	
		#center #left #box-laranja{
			width:667px;
			margin:30px 0;
			clear:both;
			}
		#center #left #box-laranja div.top{
			background:url(../imagens/box_laranja_top.gif) no-repeat;
			height:35px;
			width:667px;
			}
		    #box-laranja div.top span{
				display:none;
			}
		#center #left #box-laranja div.text{
			background:#fff url(../imagens/box_laranja_text.gif) no-repeat;
			width:667px;
			height:46px;
			}
			#box-laranja div.text p{
				padding:5px 10px 10px 20px;
				text-align:left;
			}
		#center #left #box-laranja div.list{
			background:url(../imagens/box_laranja_list.gif) repeat-y;
			width:667px;
			}
			#box-laranja div.list p{
				text-align:left;
				margin:20px 5px 0 25px;
				color:#ff7e00;
				font:14px Tahoma, Arial, Helvetica, sans-serif;
				font-weight:bold;
			}
			#box-laranja div.list ul{
				width:610px;
				padding:20px 10px 0 0;
				text-align:left;
			}
			#box-laranja div.list ul li{
				list-style:url(../imagens/box-laranja_list_decoration.gif);
				padding:0 0 10px 0;
				margin:0 5px 0 25px;
			}
		#center #left #box-laranja div.footer{
			background:url(../imagens/box_laranja_footer.gif) no-repeat;
			width:667px;
			height:5px;
			}
		#center #left  #box-vermelho-small{
			width:190px;
			margin:30px 0;
			clear:both;
			}
		#center #left  #box-vermelho-small div.top{
			background:url(../imagens/box_vermelho_right_top.gif);
			width:190px;
			height:69px;
			}
			#center #left  #box-vermelho-small div.text{
			background:#fff url(../imagens/box_vermelho_right_text.gif) repeat-y;
			width:190px;
			clear:both;
			}
			#center #left  #box-vermelho-small div.list {
			background:#fff url(../imagens/box_vermelho_right_text.gif) repeat-y;
			width:190px;
			height:90px;
			position:relative;
			}
			#box-vermelho-small div.list ul{
				list-style:none;
				padding:7px 0;
				}
			#box-vermelho-small div.list ul li{
				color:#e33030;
				font:10px Tahoma, Arial, Helvetica, sans-serif;
				font-weight:bold;
				text-align:left;
				margin:0 2px 0;
				}
			#box-vermelho-small div.list span{
				color:#454545; 
				font:10px Tahoma, Arial, Helvetica, sans-serif;
				line-height:16px;
				margin:0 2px 0;
				}
			#box-vermelho-small div.list div.list-left, #box-vermelho-small div.list div.list-right{
				width:80px;
				height:80px;
				margin:0 0 5px 10px;
				}
			#box-vermelho-small div.list div.list-left, #box-vermelho-small div.list div.list-right{
				float:left;	
				}
			#box-vermelho-small div.text p, #box-vermelho-small div.text img{
				padding:0 12px 5px;
				text-align:left;
				}
		#center #left  #box-vermelho-small div.footer{
			background:url(../imagens/box_vermelho_right_footer.gif) no-repeat;
			width:190px;
			height:23px;
			clear:both;
			}
			#box-vermelho-small div.footer p{
				vertical-align:bottom;
				text-align:right;
				font-weight:bold;
				font-size:9px;
				padding:10px 0 0 0;
				clear:both;
				}
		#center #left #box-verde-small{
			width:190px;
			margin:30px 0 60px;
			clear:both;
			}
		#center #left #box-verde-small div.top{
			background:#fff url(../imagens/box_verde_right_top.gif) no-repeat;
			width:190px;
			height:49px;
			}
		#center #left #box-verde-small div.text{
			background:#fff url(../imagens/box_verde_right_text.gif) repeat-y;
			width:190px;
			}
			#box-verde-small div.text p{
				color:#007939;
				}
			#box-verde-small div.text p, #box-verde-small div.text img{
				padding:0 12px 5px;
				text-align:left;
				}
		#center #left #box-verde-small div.footer{
			background:url(../imagens/box_verde_right_footer.gif) no-repeat;
			width:190px;
			height:7px;
			}
		#center #left #boxes{
			width:730px;
			clear:both;
			}
		#center #left #boxes img{
			margin:10px 0;	
			}
		#center #left #boxes p{
			text-align:left;
			}
		#center #left #boxes span{
			margin:0 5px;
			}
		#center #left #boxes ul{
			text-align:left; 
			margin:5px 0;
			}
		#center #left #boxes ul li{
			margin:0 5px;
			}
		#center #left #boxes .line-dotted{
			margin:20px 0 0 0;
			width: 10px;
			background: url(../imagens/separador_barra_pontilhada.gif) repeat-y;
			height: 290px;
			float:left;
			}	
		#center #left #boxes div.box-home{
			width:200px;
			margin:0px 10px 0 20px; 
			float:left;
			margin-top: -30px;
			}
		
		div.box_bannerbaixo {
			width: auto;
			height: auto;
			float: left;
			margin-left: 20px;
			margin-bottom: 20px;
		}
		
		#center #left #boxes div.box-small{
			width:202px; 
			margin:10px 20px; 
			float:left;
			}
		#center #left #boxes div.box-large{
			width:241px; 
			margin:0px 2px; 
			float:left;
			}
	#center #right{
		float:right; 
		margin:140px 0px 0px 0px;
		border:0px solid #fff;
		}
		#right .form{
			padding:0px 18px 0px 5px;
			width:190px;	
			}
		#right .form p{
			text-align:left;
			}
		#right .form .dados,#right .form div.btn_enviar{
			text-align:left;
			margin:10px 0;

			}
		#right .form .dados span{
			margin: 0 5px 5px;	
			}
		#right .form .dados label{
			font-weight: bold;
			color: #0072b9;
			margin-top:10px;
			display: block;
			}
		#right .form .dados label.error { 
			float: none; 
			color: red; 
			margin: 0 .5em 0 0; 
			vertical-align: top; 
			font: 9px Arial, Helvetica, sans-serif;
			}
		#right .form .dados p { 
			clear: both; 
			}
		#right .form .dados textarea{
			width:180px;
			border:none;
			color:#005ca7;
			height:50px;
			margin:5px 0;
			padding:3px;
			font: 10px Tahoma, Arial, sans-serif;
			color: #333;
			background-color: #e0e0e0;
			}
			
	
		#right .form .dados input{
			width:180px;
			border:none;
			color:#005ca7;
			height:13px;
			padding:3px;
			font: 10px Tahoma, Arial, sans-serif;
			color: #333;
			background-color: #e0e0e0;
			}
	
		#right .form .dados select{	
			width:180px;
			border:none;
			color:#005ca7;
			height:23px;
			padding:2px;
			font: 10px Tahoma, Arial, sans-serif;
			color: #333;
			background-color: #e0e0e0;
			}	
		#right .form .dados input#horario_inicial, #right .form .dados input#horario_final{
			text-align:center;
		}
		#right .form div.btn_enviar input{
			background:url(../imagens/formulario_enviar.gif) no-repeat;
			width:99px;
			height:20px;
			border:none;
			cursor:pointer;
		}
		#right .form .dados input.small{
			width:55px;
			}
		/*formulario_enviar.gif*/
		/*#right .form .dados p { clear: both; }
		#right .form .dados submit { margin-top: 0.5em; }
		#right .form .dados em { font-weight: bold; padding-right: 1em; vertical-align: top; }*/
		
		
		/* BARRA DE DIVISÃO DE CONTEÚDO*/
#general .bar{
	width:960px; 
	height:16px; 
	background:url(../imagens/conteudo_barra_final.gif) repeat-x; 
	clear:both;
	}
/* ESTRUTURA DO RODAPÉ*/
#general #footer{
	background:url(../imagens/background_rodape_alterado.jpg) no-repeat; 
	width:960px; 
	height:308px;
	}
	#footer .box{
		width:240px;
		float:left;
		}
	#footer .box p {
		text-align:left;
		}
	#footer .box img{
		margin:0 3px 0 0;
		}
	#footer .box a {
		color:#0072b9;
		text-align:left;
		text-decoration:underline;
		font-weight:bold;
		}
	#footer .box ul{
		text-align:left;
		margin: 0 0 10px 0;
		}
	#footer .box ul li{
		margin: 0 0 3px 0;
		}
	#footer .box .detalhe_1 {
		width:200px;
		margin:50px 20px 20px;
		}
	#footer .box .detalhe_2, #footer .box .detalhe_3, #footer .box .detalhe_4 {
		width:200px;
		margin:70px 20px 20px;
		}
/*Estrutura de Tabela*/
	table tr.blue_row td{
	background: #d5edfc;
	}
	table td {
	padding: 0 10px 5px 10px;
	}
	table tr.header_row td{
	border-bottom-color: #000000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	}
	h2 {
	color:#000000;
	font-size:1.4em;
	}
/*Estrutura da PG SkyProtection*/
	div.text04{
	padding: 30px 10px 10px 45px;
	text-align:left;
	width: 310px;
	float:left;
	position:relative;
	}
	div.text05{
	padding: 30px 45px 10px 10px;
	text-align:left;
	width: 310px;
	float:right;
	position:relative;
	}
	div.elemento{
	position:relative;
	height:110px;
	}
	div.textbox{
	padding-left:10px;
	width:202px;
	position: absolute;
	top:6px;
	left: 104px;
	}

/*Estrutura dos Atalhos*/
	div.atalhos {
	position:absolute;
	margin-top:-120px;
	}

h3{
	color:#106fa1;
	font-weight:bold;}
	
div.info{
	position: absolute;
	text-transform: uppercase;
	bottom: 12px;
	left: 550px;
	font-size: 12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}
span#z{
	margin-left:10px;
}
div.text9{
	width:200px; 
	float:right; 
	margin: -50px 20px 0 0;
	text-align:left;
	}
#box-laranja div.top2{
	background:url(../imagens/title_box_pq_skytrack.png) no-repeat;
	height:38px;
	width:667px;
	}
#box-laranja div.top2 span{
	display:none;
	}
#box-verde-small div.top3{
	background:#fff url(../imagens/box_verde_pq_skytrack.png) no-repeat;
	width:190px;
	height:56px;
	}
div.econ{
	margin-top: -15px;
	margin-left: -10px;
}
/*Estrutura da PG Porque SkyProtection*/
	div.textesq{
	padding: 20px 20px 10px 20px;
	text-align:left;
	width: 305px;
	float:left;
	}
	div.textdir{
	padding: 20px 41px 10px 20px;
	text-align:left;
	width: 305px;
	float:right;
	}
	ul.pqlist_verde{
	width:305px;
	list-style:url(../imagens/tick-verde.gif);
	padding-left: 25px;
	}
	ul.pqlist_laranja{
	width:305px;
	list-style:url(../imagens/tick-laranja.gif);
	padding-left: 25px;
	}
	ul.pqlist_verde li, ul.pqlist_laranja li{
	padding-bottom: 5px;
	}
	div.top4{
	background: url(../imagens/top4.png);
	width: 667px;
	height: 35px;
	}
/*Asterístico*/
a.ast {
	margin-left: 3px;
	text-decoration:none;
	font-size: 9px;
	font-style:italic;
	color:#999999;
}
a.ast:hover {
	color:#666666;
	}
	
h5 {
	color: #FF0000;
	font-weight:bold;
	}
h3.verde{
	color: #39a76c;
	}
h3.cinza {
	color: #333333;
	}
h3.lar {
	color: #ff7e00;
	}
/*Lista azul 2*/
ul.list-azul{
	width:305px;
	padding:8px 10px 5px 0;
	margin:0 0 0 25px;
	text-align:left;
	list-style:url(../imagens/list_decoration_azul.gif);
	}
ul.list-azul li{
	padding:0 0 10px 0;
	}
p.spacer {
	padding:0 0 10px 0;
	}
.textx{
	width:690px; 
	float:left; 
	text-align:left; 
	padding:0 0 0 20px; 
	margin:10px 0 20px 0;
	}
/*Estrutura Box Azul*/
.box-azul{
	width:352px;
	margin:30px 0;
	clear:both;
	}
.box-azul div.top{
	background:url(../imagens/box_azul_top.png) no-repeat;
	height:35px;
	width:352px;
	}
.box-azul div.top span{
	display:none;
	}
.box-azul div.text{
	background:#fff url(../imagens/box_azul_text.png) no-repeat;
	width:332px;
	height:46px;
	}
.box-azul div.text p{
	padding:5px 10px 10px 20px;
	text-align:left;
	}
.box-azul div.list{
	background:url(../imagens/box_azul_list.png) repeat-y;
	width:332px;
	}
.box-azul div.list p{
	text-align:left;
	margin:20px 5px 0 25px;
	color: #0066FF;
	font:14px Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
.box-azul div.list ul{
	width:312px;
	padding:20px 10px 0 0;
	margin: 0 0 0 10px;
	text-align:left;
	}
.box-azul div.list ul li{
	list-style:url(../imagens/tick2.gif);
	padding:0 0 7px 0;
	margin:0 5px 0 30px;
	}
.box-azul div.footer{
	background:url(../imagens/box_azul_footer.png) no-repeat;
	width:332px;
	height:5px;
	}
/*Abas J-query*/
#tabs{
	margin:0 0 20px 0;
}
#tabs ul li a{
	color:#39a76c;
	font:12px Tahoma, Arial, Helvetica, sans-serif;
	text-align:left; 
}
#tabs ul li a:hover, #tabs ul li a:active {
	color:#39a76c;
}
#tabs ul li a{
	font-weight:bold;
}
#tabs p{
	color:#454545;
	font-size:15px;
	text-align:left; 
}

/*FORMATACAO PARA FORMULARIO REPRESENTANTE */
#form_representante .form{
	text-align:left;
   padding:0 10px;
   width:280px; 
   }
#form_representante .form p{
   text-align:left;
   }
#form_representante .form .dados, #form_representante .form div.btn_enviar{
   text-align:left;
   margin:10px 0;
   }
#form_representante .form .dados span{
   margin: 0 5px 5px; 
   }
#form_representante .form .dados label{
   font-weight: bold;
	color: #39a76c;
   margin-top:5px;
   display: block;
   }
#form_representante .form .dados label.error { 
   float: none; 
   color: red; 
   margin: 0 .5em 0 0; 
   vertical-align: top; 
   font: 9px Arial, Helvetica, sans-serif;
   }
#form_representante .form .dados p {
   clear: both; 
   }
#form_representante .form .dados textarea{
   width:180px;
   border:none;
   color:#005ca7;
   height:50px;
   margin:5px 0;
   padding:3px;
   font: 10px Tahoma, Arial, sans-serif;
   color: #333;
   background-color: #e0e0e0;
   }
#form_representante .form .dados input{
   width:180px;
   border:none;
   color:#005ca7;
   height:13px;
   padding:3px;
   font: 10px Tahoma, Arial, sans-serif;
   color: #333;
   background-color: #e0e0e0;
   }
#form_representante .form .dados input#horario_inicial, #form_representante .form .dados input#horario_final{
   text-align:center;
  }
#form_representante .form div.btn_enviar input{
   background:url(../imagens/formulario_enviar_verde.gif) no-repeat;
   width:99px;
   height:20px;
   border:none;
  }
#form_representante .form .dados input.small{
   width:55px;
   }
.linha {
	float:left; 
	width:1px; 
	height:1px; 
	margin:0 5px 0;
	}
#rep_form {
	margin-top:-40px;
	text-align:left;
	float:right; 
	width:240px;
	}
.quero {
	text-align:left;
	float:left;
	width:380px;
	}
p.do_form{
	margin: 0 5px;
}
div.form h3{
	text-align:left;
	font-size:13px;
	margin: 5px 0 0; 
	}
#loader_form{
display:none;
}