body {border:0 !important; background:url(/imagens/bg-body.gif) repeat; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0 !important; padding:0 !important; text-align:left; color:#6e6e6e; }

label {
	/* Mozilla */
	-moz-user-select: none;
	/* Safari */
	-khtml-user-select: none;
	/* Opera */
	-o-user-select:none;
	behavior: url(ieUserSelectFix.htc);
}
#loading{
  background-color: #000000;
  display:none;
  position:absolute;
  top:0;
  left:0;
  width: 100%;
  height: 125%;
  margin:0;
  padding:0;
  opacity:.8;
  filter:alpha(opacity=80);
  z-index: 1000;
}
#loadingtext {
  background-color: #000000;
  text-align:center;
  display:block;
  position:absolute;
  width:100%;
  top:50%;
  font-size: 50px;
  font-family: sans-serif;
  color: #FFFFFF;
}

/*------------------------------*/
	/*** CLASSES / TAGS  ***/
/*------------------------------*/
.some {display:none !important;}
.cresce {clear:both !important;}
a img {border:none;}
a {color:#003d60;}
a:focus {outline:0;}


/*-----------------------*/
	/*** ESTRUTURA  ***/
/*-----------------------*/
div#est {margin:0 auto; padding:0; width:960px;}

div#cnt {background:url(/imagens/bg-cnt.gif) repeat-y;}


/*--------------------*/
	/*** TOPO LOGIN  ***/
/*--------------------*/
#top_painel, #top_web { display:none; }

#top_painel a, #top_web a { font-size:10px; color: #6e6e6e; }

#top_painel, #top_web { 
	background:url(../imagens/bg-login.gif) left bottom repeat-x;
	width:100%;
	min-width:960px;
	height:100px;
	font-size:11px;
	line-height:11px;
	color: #3c3c3c;
}

input, select {color:#043c61; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}

input.radio, input.checkbox { height:12px; }
input.text {
	background-color:#f9f9f9;
	border:1px solid #dfdfdf;
	padding:1px;
}

input.btn_ok {
	width:35px; height:22px;
	border:none;
	margin-left:18px;
	background:url(../imagens/btn-ok.png) no-repeat;
	cursor:pointer;
}

/*** Painel de Controle ***/
#top_painel div.est { width:900px; margin:auto; padding: 15px 30px 0; }
#top_painel form, #top_painel fieldset, #top_web form, #top_web fieldset { margin:0; padding:0; border:none; }

#top_painel div {
	text-align: right;
	margin-bottom:8px;
}

#top_painel label { margin-left:30px; } 
#top_painel input.text {
	width:180px;
	background-color:#f9f9f9;
	border:1px solid #dfdfdf;
	margin:0 0 0 5px;
	padding:1px;
}
#top_painel p { margin:0; text-align:left; padding-left:386px; margin-bottom:10px; color:#003d60; }

/*** Picture Webmail ***/
#top_web div.est { width:660px; margin:auto; padding: 8px 0 0 300px; } 

#top_web form div { float:left; }
#top_web form div.col0; { width:435px; }
#top_web form div.col1, #top_web form div.col2 { padding-top:10px; }
#top_web form div.col1 { width:240px; margin-right:25px; }
#top_web form div.col2 { width:150px; margin-right:20px; }
#top_web form div.col3 { width:172px; }

#top_web form h4 { color:#003d60; margin:0; padding-left:9px; font-size:11px; }
#top_web form p { margin:0; padding:1px; }
#top_web form div.col1 p { text-align:right; }
#top_web form p.esqueci { text-align:right; margin-top:5px; }

#top_web input.text { width:180px;  }
#top_web .btn_ok { float:left; margin-top:55px;  }

/*--------------------*/
	/*** TOPO  ***/
/*--------------------*/
div#top {background:url(/imagens/bg-top.jpg) left repeat-x; margin:0; padding:0; width:100%; min-width:960px; height:134px;}

	div#top div {margin:0 auto; width:960px;}
	
	div#top h1 {margin:0; padding:0;}
		div#top h1 a {}


/*--------------------*/
    /*** MENU ***/
/*--------------------*/
ul#mnp {list-style:none; margin:0; padding:0; width:960px;}
	ul#mnp li {float:left; margin:0; padding:0;}
		ul#mnp li a {height:38px; display:block; text-indent:-100000px;}
		ul#mnp li a:hover, ul#mnp li.active a {background-position:0 -38px;}
		
			#sistema_picturemail #mnp_sis_picmail a,
			#servicos #mnp_ser a,
			#produtos #mnp_ctr a,
			#painel #mnp_pcn a,
			#webmail #mnp_picwebmail a,
			#downloads #mnp_dow a,
			#contato #mnp_ctt a {background-position:0 -38px; cursor:auto;}

			#mnp_sis_picmail a {background:url(/imagens/mnp-sis-picmail.gif) no-repeat; width:174px;}
			#mnp_ser a {background:url(/imagens/mnp-ser.gif) no-repeat; width:113px;}
			#mnp_ctr a {background:url(/imagens/mnp-prod.gif) no-repeat; width:119px;}
			#mnp_pcn a {background:url(/imagens/mnp-pcn.gif) no-repeat; width:180px;}
			#mnp_picwebmail a {background:url(/imagens/mnp-picwebmail.gif) no-repeat; width:162px;}
			#mnp_dow a {background:url(/imagens/mnp-sup.gif) no-repeat; width:109px;}
			#mnp_ctt a {background:url(/imagens/mnp-ctt.gif) no-repeat; width:103px;}


/*-------------------------*/
	 /*** VITRINE ***/
/*-------------------------*/
.vtn {height:154px; padding:0; margin:0; width:960px; float:left;}


/*------------------------------------*/
    /*** CONTEÚDO PÁGINAS INTERNAS ***/
/*----------------------------------*/
/* Coluna da esquerda */
#col1 {float:left; margin:0; padding:0; width:222px;}

/* Menu */
#mns {float:left; margin:0 0 0 6px; padding:0; width:217px; background:#f7f7f7;}
	#mns ul {width:217px; list-style:none; margin:22px 0 0 0; padding:0;}
		#mns li a {width:195px; height:20px; margin:1px 0 0 0; padding:7px 0 0 22px; color:#ffffff; font-size:10px; font-weight:bold; text-decoration:none; background: url(/imagens/sub-srv.gif) no-repeat; display:block; text-transform:uppercase;}
		#mns li a:hover {background-position: 0 -27px;}

.dtq a{background:url(/imagens/sub-srv.gif) 0 -27px !important; cursor:auto;}

/* Coluna da direita */
#col2 { float:left; margin:0 0 16px 1px; padding:0 0 0 20px; width:688px; background-color:#FFFFFF;}
	#col2 h2 { clear:both; padding:0 0 6px 30px; margin:32px 0 22px 0; background:url(/imagens/ico-seta.gif) 0 4px no-repeat; font-family:Verdana; font-size:14px; color:#003d60; border-bottom:1px solid #44718a; width:662px; line-height:1em;}
	#col2 p { clear:both; font-size:11px; line-height:1.3em; color:#6e6e6e; margin:10px 20px 0 30px; padding:0;}			

#migalha { margin:0 !important; padding:10px 0 0 0 !important; font-size:10px !important; color:#003d60 !important; display:block !important;}
	#migalha a {color:#003d60; text-decoration:none;}
	#migalha a:hover {color:#003d60; text-decoration:underline;}
	#migalha span {text-decoration:underline;}
			

/*----------------------*/
	/*** RODAPÉ  ***/
/*----------------------*/
div#rod {background:url(/imagens/bg-rod.png) 0 0 no-repeat; height:55px; margin:0; padding:0; width:960px; }
	div#rod .cop {color:#FFFFFF; font-size:10px; line-height:10px; float:left; height:11px; margin:34px 0 0 0; padding:0 0 0 8px; }
		div#rod .cop a {color:#FFFFFF; text-decoration:underline;}
		div#rod .cop a:hover {color:#FFFFFF; text-decoration:none;}
	
	div#rod #log_pw {color:#FFFFFF; font-size:10px; float:left; height:11px; margin:33px 0 0 430px; padding:0; }		
		div#rod #log_pw a {background:url(/imagens/logo-peq.png) 84px no-repeat; color:#FFFFFF; font-size:10px; text-decoration:none; width:104px; display:block;}
		div#rod #log_pw a:hover {color:#FFFFFF; text-decoration:underline;}


/*----------------------*/	
      /* Paginação*/
/*----------------------*/		
#pagenav{clear:both; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; margin:40px 0 0 0; padding:10px 0 0 0; width:731px; border-top:1px solid #334f61;}	
	#pagenav ul{background:#0f1114; font-size:11px; height:29px; list-style:none; margin:0; padding:10px 7px 0 0; text-align:center; width:726px;}
	#pagenav ul li{float:right;}
	#pagenav ul li a{text-decoration:none; display:block;}

	/* Classes da paginação */
	.pagenav_title{color:#ffffff; padding:3px 0; margin:0 5px 0 0;}
	.pagenav_current{background:#ff6600; border:1px solid #ff6600; color:#ffffff; font-weight:bold; padding:2px 0; margin:0 3px 0 0; width:27px;}

		.pagenav_pages a{background:#ffffff; border:1px solid #ff6600; color:#ff6600; padding:2px 0; margin:0 3px 0 0; width:27px;}	
			.pagenav_pages a:hover{background:#ff6600; border:1px solid #ff6600; color:#FFFFFF; font-weight:bold;}

			.pagenav_first a,
			.pagenav_last a
			{background:#ffffff; border:1px solid #ff6600; color:#ff6600; padding:2px 0; width:60px;}	

		.pagenav_first a:hover,
		.pagenav_last a:hover
		{background:#ff6600; border:1px solid #ff6600; color:#ffffff; font-weight:bold; }

	.pagenav_next a,
	.pagenav_prev a
	{width:16px; color:#ffffff; padding:2px 0;}	

		.pagenav_next a:hover,
		.pagenav_prev a:hover
		{color:#ffffff;}