/* CSS Document */

/*


	Copyright 2008 pkage design

	mail@pkage.com
      

*/

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// BODY */


#fade_l{
	background: url("../MEDIA/fade-l.gif");
	background-repeat: no-repeat;
	position:fixed;
	left:50%; 
	margin-left:-498px; 
	width:15px; 
	height:600px;
	z-index:1
}


#fade_r{
	background: url("../MEDIA/fade-r.gif");
	background-repeat: no-repeat;
	position:fixed;
	left:50%; 
	margin-left:482px; 
	width:15px; 
	height:600px;
	z-index:1
}

	
#border{
	min-height: 100%;
	border-bottom: 3px solid #FFFFFF;
	border-top: 3px solid #FFFFFF;
	border-left: 5px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;
	width: 955px;
	margin-top: 0pt;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url("../MEDIA/img/1.gif");
	background-repeat: repeat;
	background-attachment: scroll;
	background-x-position: 0%;
	background-y-position: 0%;
	z-index:2
}


a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 3px;
	text-decoration: none;
}


a:hover {
	text-decoration: underline;

}




/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// TOP */

.topo{
	float: left;
	width: 955px;
	margin: auto;
	text-align: left;
	color: #000000;
	height: 96px;
	background-color: #000000;
}


.login{
	float: right;
	margin-top: 6px;
	width: 215px;
	height: 80px;
	border-left: 1px solid #666666;
}


.mail{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4fb8fa;
	letter-spacing:-1px;
	float: left;
	margin-top: 12px;
	margin-left: 14px;
	overflow: hidden;
	width:130px;
	z-index:3;
}


.perfil{
	display: block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3683af;
	letter-spacing:-1px;
	float: left;
	margin-top: 10px;
	margin-left: 14px;
	overflow: hidden;
	width:200px;
	z-index:3;
}


.logout{
	float: left;
	margin-top: 8px;
	margin-left: 12px;
	width:130px;
	z-index:3;
}


.zonmulti{
	margin-top: 5px;
	margin-right: 8px;
	float: right;
	z-index:1;
}


.buttons{
	padding-left: 1px;
	padding-bottom: 29px;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// CAMINHO */

.caminho{
	float: left;
	padding-left: 213px;
	padding-top: 16px;
	width: 600px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}


.cami_font{
	font-weight: bold;

}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// SUB-MENU */

.sub-menu{
	width: 203px;
	height: 400px;
	padding-right: 0px;
	margin-top: 16px;
	float: left;

}

.ul_menu{
	padding:0px;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}


.li_menu1,.li_menu2,.li_menu3{
	display: block;
	width: 100%;
	padding-left: 3px;
	padding-bottom: 4px;
	letter-spacing: -1px;
}

.li_menu2{
	color: #000000;
}


.li_menu3{
	text-indent: 20px;
	font-weight: 100;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// CONTEÚDO */

.container{
	background-image: url("../MEDIA/contiu_top.gif");
	background-repeat: repeat-x;
	float: left;
	width: 730px;
	border-left: 1px solid #EAEEF5;
	border-top: 1px solid #EAEEF5;
	margin-top: 18px;
}




.pos_bar_dir{
	float: left;
	background-image: url("../MEDIA/fd_box_midle.gif");
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 18px;
	width: 6px;
	height: 372px;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// FOOTER */

.footer_menu{
	float: left;
	margin-left: 10px;
	margin-top: 18px;
	color: #a8b4c6;
	width: 700px;
}


.melhorar {
	float: right;
	width: 130px;
	margin-right: 18px;
	padding-top: 18px;

}

.line{
	width: 930px;
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	border-bottom: 1px solid #f1f1f3;
	
}




/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// TOP */

.titulomail{
	width: 720px;
	height: 40px;
	padding-top: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	letter-spacing: -1px;
}

.criar{
	float: left;
	padding-left: 26px;
}

.pedido{
	float: left;
	padding-left: 26px;
	padding-top:12px;
	letter-spacing: 0px;
	
}

.produto{
	float: left;
	font-weight: bold;
}

.linha_erro{
	width: 690px;
	height: 16px;
	margin-left: 26px;
	border: 1px solid #ec3537;

}

.texto_erro{
	padding-top: 1px;
	padding-left: 4px;
	width: 400px;
	height: 15px;
	float: left;
	color:#ec3537;
}

.vermelho{
	float: right;
	width: 180px;
	padding-left: 14px;
	height: 14px;
	color:#FFFFFF;
	font-weight: bold;
	background-color: #ec3537;
	border: 1px solid #FFFFFF;
}

.formul{	
	float: left;
	width: 523px;
	margin-top: 12px;
	border-right: 1px solid #4fb8fa;
}

.erros{
	float: left;
	width: 170px;
	margin-top: 12px;
}

.div_erro{
	width: 150px;
	height: 20px;
	padding-left: 10px;
	font-weight: bold;
}

/* MAIL */
.conteudo{
	float: right;
	width: 700px;
	border-top: 1px solid #EAEEF5;
	margin-top: 18px;
	margin-right: 18px;
}

.line2{
	float: right;
	width: 702px;
	height: 2px;
	margin-right: 15px;
	margin-top: 10px;
	border-bottom: 1px solid #d0d2d7;

}

.campo{
	float: left;
	width: 300px;
	height: 30px;
	margin-right: 15px;
	margin-top: 10px;
	color: #000000;
}

.div_button{
	float: right;
	width: 140px;
	height: 20px;
	margin-top: 10px;
}

.notas,.notas2{
	float: right;
	width: 700px;
	background-color: #f5f5f5;
	border: 1px solid #d0d2d7;
	padding-top: 2px;
	padding-left: 6px;

}

.notas{
	height: 18px;
	margin-top: 16px;
	color: #000000;
	font-weight: bold;
}

.notas1{
	float: left;
	width: 100px;
}

.notas2{
	margin-top: 1px;
}

.mais{
	float: right;
	width: 6px;
	padding-right: 8px;
}

/* PEDIDO */
.div_left{	
	float: left;
	width: 242px;
	margin-top: 12px;
	border-right: 1px solid #4fb8fa;
}

.div_right{	
	float: left;
	width: 484px;
	height: 380px;
	margin-top: 12px;
}

.pedido_topico1,.pedido_topico2,.pedido_topico3{	
	float: right;
	width: 215px;
	height: 30px;
	padding-top: 18px;
	padding-left: 25px;
	color: #000000;
	font-weight: bold;
}

.pedido_topico1{
	border-bottom: 1px solid #e3e4e7;
}

.pedido_topico2{
	background-color: #f5f5f5;
	border: 1px solid #e3e4e7;
	width: 214px;
}

.pedido1,.pedido3,.pedido4,.pedido5{	
	float: left;
	width: 460px;
	height: 30px;
	padding-top: 18px;
	padding-left: 25px;
}

.pedido1{
	border-bottom: 1px solid #e3e4e7;
}

.pedido2{
	float: left;
	background-color: #f5f5f5;
	border: 1px solid #e3e4e7;
	padding-top: 10px;
	padding-left: 25px;
	height: 38px;
	width: 459px;
}

.pedido4{
	width: 254px;
}

.pedido5{
	height: 100px;
}

.pedido_icon{
	float:left;
	width: 24px;
	height: 26px;
	padding-top: 18px;
	padding-left: 8px;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// LISTAGEM */

.tabela{
	margin-top: 10px;
	padding-left: 10px;
	width: 710px;
}

.tabela_topico{
	width: 710px;
	height: 30px;
	border-bottom: 1px solid #666666;
	background-color: #666666;
	color:#FFFFFF;
	font-size: 11px;
	font-weight: bold;
}

.tabela_01{
	width: 710px;
	height: 30px;
	background-color: #f5f5f5;
	border-bottom: 1px solid #FFFFFF;
	color: #333333;
}

.tabela_02{
	width: 710px;
	height: 30px;
	background-color: #fafafa;
	border-bottom: 1px solid #FFFFFF;
	color: #333333;
}

.tabela_data{
	float: left;
	width: 75px;
	height: 20px;
	padding-top: 10px;
	padding-left: 16px;
	border-right: 1px solid #4fb8fa;
}

.tabela_pedido{
	float: left;
	width: 408px;
	height: 20px;
	padding-top: 10px;
	padding-left: 10px;
	border-right: 1px solid #4fb8fa;
}

.tabela_estado{
	float: left;
	width: 68px;
	height: 20px;
	padding-top: 10px;
	padding-left: 10px;
	border-right: 1px solid #4fb8fa;
}

.tabela_obs{
	float: left;
	width: 110px;
	height: 20px;
	padding-top: 10px;
	padding-left: 10px;
	font-weight: bold;
	text-decoration: underline;
}

.tabela_obs a{
	color: #333333;
	text-decoration: none;
}

.tabela_line{
	border-bottom: 1px solid #666666;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// LISTAGEM CLIENTE */
.suges{
	width: 726px;
	height: 46px;
	margin-top: 1px;
	margin-bottom: 12px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #e3e4e7;
	background-color: #f5f5f5;
}

.suges_topico{
	float: left;
	width: 236px;
	height: 30px;
	font-weight: bold;
	font-size: 11px;
	color: #000000;
	padding-left: 24px;
	padding-top: 16px;
}

.suges_texto{
	float: left;
	width: 400px;
	height: 36px;
	padding-top: 10px;
	color: #999999;
}

.div_cliente{
	width: 718px;
	margin-top: 10px;
}

.topico_cliente{
	float: left;
	width: 692px;
	height: 36px;
	padding-left: 26px;
	margin-bottom: 10px;
}

.icon_user{
	float: left;
	width: 32px;
	height: 28px;
	padding-left: 6px;
	padding-top: 5px;
	border-right: 1px solid #e5f0f6;
	border-bottom: 1px solid #4fb8fa;
	background-color: #f5f5f5;
}

.topico_user{
	float: left;
	width: 646px;
	height: 23px;
	padding-left: 6px;
	padding-top: 10px;
	border-bottom: 1px solid #4fb8fa;
	color: #1846af;
	font-weight: bold;
	font-size: 12px;
	background-color: #f5f5f5;
}

.user_info{
	padding-left: 26px;
	float:left;
	width: 600px;
	height: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.line_4{
	float: right;
	width: 692px;
	height: 6px;
	border-top: 4px solid #4fb8fa;
	margin-bottom: 10px;
}

.userinfo{
	width: 200px;
	height: 16px;
	padding-top: 6px;
	font-size: 11px;
	font-weight: 100;
	color: #666666;
}

.userinfo2{
	width: 600px;
	height: 16px;
	padding-top: 6px;
	font-size: 11px;
	font-weight: 100;
	color: #666666;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// MAIL */
.texto_mail{
	padding-left: 26px;
	padding-top:18px;
	float:left;
	width: 600px;
	height: 44px;
	font-size: 12px;
	color: #000000;
}

.mail_mais{
	float: left;
	width: 23px;
	height: 20px;
	padding-left: 15px;
	padding-top: 13px;
	border-right: 1px solid #e5f0f6;
	border-bottom: 1px solid #4fb8fa;
	background-color: #f5f5f5;
}

.topico_mail{
	float: left;
	width: 692px;
	height: 36px;
	padding-left: 26px;
}

.opera{
	float: left;
	width: 687px;
	height: 26px;
	background-color: #f5f5f5;
	padding-left: 4px;
	padding-top: 10px;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
}

.line_2{
	float: left;
	width: 691px;
	height: 6px;
	border-top: 2px solid #4fb8fa;
	margin-bottom: 10px;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// FORMS */
.div_form{
	float: left;
	width: 210px;
	height: 36px;
	color: #000000;
	font-size: 11px;
	font-weight:bold;
	padding-left: 26px;
}

.div_form3{
	float: left;
	width: 450px;
	height: 36px;
	color: #000000;
	font-size: 11px;
	font-weight:bold;
	padding-left: 26px;
}

.form01,.form04,.form05,.form06,.form07{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #4fb8fa;
	background-image: url("../MEDIA/back_form.gif");	
	width: 210px;					
	height:	20px;
	padding: 5px 0px 0px 5px;
}

.form02,.form03{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #4fb8fa;
	width: 216px;					
	height:	20px;
}

.form03{
	width: 256px;					
}

.form04{	
	width: 250px;					
}

.form05{	
	width: 450px;				
}

.form06{
	background-image: url("../MEDIA/back_form2.gif");	
	width: 450px;
	height:	98px;			
}

.form07{
	border: 1px solid #ec3537;
}

.form_info{
	padding-left: 26px;
	padding-top: 4px;
	padding-bottom: 8px;
	float:left;
	width: 446px;
	height: 12px;
}

.form_icon{
	float:left;
	width: 24px;
	height: 26px;
	padding-top: 10px;
	padding-left: 10px;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// Button - left align*/
a.bt {
	font-size: 11px;
	font-weight: bold;	
    color: #F2F4F5;
    text-decoration: none;
    display: block;
    float: right;
    height: 22px;
    padding: 0px 15px 0px 0px;
	background: transparent url("../MEDIA/bg_button_a.gif") no-repeat scroll top right;
	cursor: hand;
}

a.bt span {
    background: transparent url("../MEDIA/bg_button_span.gif") no-repeat;
    display: block;
    line-height: 14px;
    padding: 4px 0 4px 15px;
}

/* onRollOver */
a.bt:hover {    
    color: #FFFFFF;
	text-decoration: underline;
    outline: none;
	background-position: bottom right; 
}
a.bt:hover span {
    background-position: bottom left;
    /* padding: 6px 0 4px 18px; */
}

/* onMouseDown */
a.bt:active {
    background-position: bottom right;
    color: #FFFFFF ;	
	text-decoration: none;
    outline: none;
}
a.bt:active span {
    background-position: bottom left;	
     /*padding: 6px 0 4px 18px; */
}




/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// CONTEÚDO */

.div_topico{
	float: left;
	width: 363px;
	height: 130px;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #e3e4e7;
	background-color: #fafafa;
}

.div_topico2{
	float: left;
	width: 363px;
	height: 131px;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background-image: url("../MEDIA/line_topico.gif");
	color:#1846af;
}

.icon,.icon_azul{
	margin-top: 10px;
	padding-left: 34px;
	float:left;
	width: 65px;
	height: 70px;
	border-right: 1px solid #e9f3fa;
}

.icon{
	border-right: 1px solid #e9f3fa;
}

.texto{
	float: right;
	width: 263px;
	height: 95px;
	font-size: 10px;
	font-weight: bold;
}

.titulo{
	float: right;
	margin-top: 10px;
	width: 230px;
	height: 20px;
	padding-right: 20px;
}

.descri{
	float: right;
	width: 230px;
	font-weight: 100;
	padding-right: 20px;
}

.alterar,.al_azul{
	float: right;
	width: 230px;
	height: 24px;
	padding-top: 10px;
	padding-left: 16px;
	padding-right: 17px;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}

.alterar{
	background-image: url("../MEDIA/line_alterar.gif");
}

.alterar_none{
	float: right;
	width: 230px;
	height: 34px;
}

.alterar_user{
	float: right;
	width: 200px;
	height: 24px;
	padding-top: 10px;
	padding-left: 16px;
	padding-right: 17px;
	background-image: url("../MEDIA/line_azul_topico.gif");
}

.alterar_mail{
	float: right;
	width: 156px;
	height: 24px;
	padding-top: 10px;
	padding-left: 16px;
	background-image: url("../MEDIA/line_azul_topico.gif");
	border-right: 1px solid #FFFFFF;
}

/* MUDAR SETA */
.mudar{
	float:left;
	width:auto;
	background-image: url("../MEDIA/seta_preta.gif");
	background-repeat: no-repeat;
	background-position: right;
}

.mudar a{
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	letter-spacing: 0px;

}

.mudar a:hover{
	color: #1846af;
	background-image: url("../MEDIA/seta_azul.gif");
	background-repeat: no-repeat;
	background-position: right;
	text-decoration: none;
}

/* AZUL */
.div_azul,.div_azu2,.div_azu3{
	float: left;
	width: 363px;
	height: 130px;
	background-image: url("../MEDIA/line_azul_topico.gif");
	color: #1846af;
}

.div_azul{
	border: 1px solid #4fb8fa;
}

.div_azu2{
	border-bottom: 1px solid #4fb8fa;
	border-top: 1px solid #4fb8fa;
	border-left: 1px solid #4fb8fa;
}

.div_azu3{
	border-bottom: 1px solid #4fb8fa;
	border-top: 1px solid #4fb8fa;
	border-right: 1px solid #4fb8fa;
	border-left: 1px solid #ffffff;
}

.icon_azul{
	border-right: 1px solid #d9edfa;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ALTERAR SERVIÇO */
.mudar_serv{
	width: 129px;
	background-image: url("../MEDIA/seta_preta.gif");
	background-repeat: no-repeat;
	background-position: right;

}

.mudar_serv a{
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	letter-spacing: 0px;

}

.mudar_serv a:hover{
	color: #1846af;
	background-image: url("../MEDIA/seta_azul.gif");
	background-repeat: no-repeat;
	background-position: right;
	text-decoration: none;
}


.mudar_serv2{
	width: 151px;
	background-image: url("../MEDIA/seta_preta.gif");
	background-repeat: no-repeat;
	background-position: right;

}

.mudar_serv2 a{
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	letter-spacing: 0px;

}

.mudar_serv2 a:hover{
	color: #1846af;
	background-image: url("../MEDIA/seta_azul.gif");
	background-repeat: no-repeat;
	background-position: right;
	text-decoration: none;
}

/* VER */
.ver{
	float: right;
	width: 44px;
	background-image: url("../MEDIA/seta_preta.gif");
	background-repeat: no-repeat;
	background-position: right;
}

.ver a{
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	letter-spacing: 0px;

}

.ver a:hover{
	color: #1846af;
	background-image: url("../MEDIA/seta_azul.gif");
	background-repeat: no-repeat;
	background-position: right;
	text-decoration: none;
}


.al_azul{
	background-color: #e9f3fa;
}

.al_azul a{
	font-size: 10px;
	font-weight: bold;
	color: #1846af;
	letter-spacing: 0px;
	background-image: url("../MEDIA/seta_azul.gif");
	background-repeat: no-repeat;
	background-position: right;
}

.al_azul a:hover{
	text-decoration: none;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// SUB-SUB-MENU */

.div_topico_sub{
	float: left;
	width: 353px;
	height: 120px;
	padding-top: 10px;
	padding-left: 10px;
}

/* MENSAGEM */
.div_mensagem{
	float: left;
	width: 730px;
	height: 380px;
	padding-top: 6px;
}

.mensagem_icon{
	float: left;
	width: 66px;
	height: 60px;
	border-right: 1px solid #e6f1f7;
	padding-top: 10px;
	padding-left: 24px;
}

.mensagem_texto{
	float: left;
	width: 400px;
	height: 60px;
	padding-top: 10px;
	padding-left: 24px;
}

.mensagem_font{
	height: 20px;
	font-weight: bold;
}

.mensagem_button{
	float: left;
	width: 200px;
	height: 46px;
	padding-top: 24px;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// LOADING */
.loading{
	float: left;
	width: 332px;
	height: 74px;
	border: 1px solid #4fb8fa;
	padding-top: 4px;
	background-image: url("../MEDIA/line_loading.gif");
}

.loading_icon{
	float: left;
	width: 67px;
	height: 60px;
	border-right: 1px solid #e6f1f7;
	padding-top: 10px;
	padding-left: 20px;
}

.loading_texto{
	float: left;
	width: 168px;
	height: 50px;
	font-size: 12px;
	padding-top: 20px;
	padding-left: 16px;
}


.fundo_loading{
	position:absolute;
	height: 50%;
	width: 50%;
	z-index: 10;
	padding-top: 20%;
	padding-left: 40%;
}

.fundo_trasparente{
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 10;
	-moz-opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	background:#000000;
}

#content_3g{position:relative; width:726px; font-size:11px;}
#select_3g{position:relative; width:706px; height:69px; background-image:url('/Shared/img/cobertura_3g_box.gif'); background-repeat:no-repeat; background-position:top left; padding:5px 10px 5px 10px;}
#select_3g_title{color:#ffffff; font-weight:bold;}
#select_3g select{width:338px; height:18px; font-size:11px; color:#666666;}

#select_3g_resultado{width:726px; text-align:left;}
#select_3g_resultado_title{position:absolute; width:706px; height:15px; background-image:url('Shared/img/cobertura_3g_resultado.gif'); background-repeat:no-repeat; background-position:top left; padding:5px 10px 5px 10px; color:#ffffff; font-weight:bold;}