﻿/* Inicio Geral */
.pq_unitelco_integra h2, .bottom_conteudo ul li .tit_aprenda_fatos, .bottom_conteudo ul li ul .li_lnk_comprar a, .utilidades ul li a, .login_top h4, .login_top a, .ul_comentario li a, .rodape span a {
    display:block;
    overflow:hidden;
    text-indent:-9999px;
}
/* Fim Geral*/

/* Inicio Recursos Paginas */
.utilidades {
    background:#ededed;
    width:707px;
    height:40px;
    float:left;
    position:relative;
    z-index:20;
    margin:-20px 0 0 0;
}

.utilidades ul {
    position:absolute;
    bottom:3px;
    right:0;
}

.utilidades ul li {
    float:left;
    position:relative;
    height:18px;
    margin:0 15px 0 0;
}

.utilidades ul li a {
    height:18px;
}

.recursos_voltar {
    background:url(/layout/img/menu_controle_new.gif) no-repeat right;
    width:42px;
    cursor:pointer;
}

.recursos_email {
    background:url(/layout/img/menu_controle_new.gif) no-repeat -92px;
    width:56px;
}

.recursos_imprimir {
    background:url(/layout/img/menu_controle_new.gif) no-repeat -157px;
    width:69px;
}

.recursos_fonte {
    background:url(/layout/img/menu_controle_new.gif) no-repeat left;
    width:90px;
}

.recursos_fonte ul {
    position:absolute;
    bottom:auto;
    right:auto;
    top:13px;
    left:10px;
    width:70px;
    padding:0;
    margin:0;
    background:#ededed;
    border:2px solid #fff;
}

.recursos_fonte ul li {
    position:relative;
    width:100%;
    height:auto;
    float:left;
    margin:0 0 0px 0;
    padding:0 0 0 0;
    display:block;
    font-size:11px;
}

.recursos_fonte ul li strong {
    font-size:13px;
    display:block;
    text-align:center;
    color:#000;
}

.recursos_fonte ul li label {
    font-size:12px;
    float:left;
    cursor:pointer;
}

.recursos_fonte ul li input {
    display:block;
    float:left;
    margin:3px 3px 0 5px;
   *margin:0 3px 0 0;
}
/* Fim Recursos Paginas */

/* Inicio Bottom Conteudo*/
.bottom_conteudo {
    position:relative;
    float:left;
    width:707px;
    height:189px;
    background:url(/layout/img/bg_bot_institucional.gif) no-repeat;
}

.bottom_conteudo ul {
    position:relative;
    float:left;
    width:100%;
}

.bottom_conteudo ul li {
    position:relative;
    float:left;
    width:33.2%;
   _width:32.7%;
    height:125px;
}

.bottom_conteudo ul li .tit_aprenda_fatos {
    background:url(/layout/img/tit_aprenda_fatos.gif) no-repeat;
    height:17px;
    width:164px;
    margin:15px 0 0 20px;
}

.bottom_conteudo ul li div {
    padding:15px 0 0 20px;
    position:relative;
    width:94%;
    height:109px;
    color:#424242;
}

.bottom_conteudo ul li div h5{
    font-size:13px;
    margin:0 50px 5px 0;
    font-family:'Trebuchet MS';
    line-height:15px;
}

.bottom_conteudo ul li div img {
    margin:-22px 2px 0px 0px;
    float:right;
    display:block;
    position:relative;
}

.bottom_conteudo ul li div a {
    color:#424242;
    text-decoration:underline;
    display:block;
    margin:5px 0 0 0;
}

.bottom_conteudo .li_servidor_afiado {
    padding:27px 0 0 0;
}

.bottom_conteudo .li_servidor_afiado div img {
    margin:-17px 10px 0px 0px;
   _margin:-17px 7px 0px 0px;
}

.bottom_conteudo ul li .tit_conecte_unitelco {
    background:url(/layout/img/tit_conectese_unitelco.gif) no-repeat;
    height:19px;
    width:193px;
    margin:15px 0 0 15px;
}

.bottom_conteudo ul li ul {
    position:relative;
    float:left;
    width:95%;
    margin:20px 0 0 0;
    padding:0 0 0 10px;
    color:#424242;
}

.bottom_conteudo ul li ul li{
    position:relative;
    float:left;
    width:47.3%;
    height:20px;
}

.bottom_conteudo ul li ul li strong {
    color:#424242;
}

.bottom_conteudo ul li ul .li_lnk_comprar {
    background:url(/layout/img/btn_como_comprar.gif) no-repeat;
    width:105px;
    height:20px;
}

.bottom_conteudo ul li ul .li_lnk_comprar a {
    width:100%;
    height:100%;
}

.bottom_conteudo ul li ul .li_margin {
    margin:0 12px 0 0;
   _margin:0 11px 0 0;
}
/* Fim Bottom Conteudo*/

/* Inicio PQ Unitelco Menu & Mapa*/
.pq_unitelco_integra {
    background:url(/layout/img/bg_tit_pq_unitelco_interna.gif) no-repeat;
    width:197px;
    height:74px;
    float:left;
    position:relative;
    margin:50px 0 0 8px;
}

.pq_unitelco_integra h2 {
    background:url(/layout/img/tit_porque_unitelco.gif) no-repeat;
    width:187px;
    height:41px;
    margin:15px 0px 14px 10px;
}

.pq_unitelco_integra .pq_unitelco_menu_img {
    background:url(/layout/img/seta_pq_unitelco_bot.gif) no-repeat;
    width:197px;
    height:10px;
    display:block;
    cursor:pointer;
    font-size:1px;
    border-top:1px solid #2e3f5b;
}

.pq_unitelco_menu{
	display: none;
}

.pq_unitelco_integra ul {
    position:absolute;
    padding:0 0 0 0;
    margin:14px 0 0 0;
   *margin:0px 0 0 0;
}

.pq_unitelco ul{
    margin:0 0 0 15px;
}

.pq_unitelco .Menu, .pq_unitelco_area{
	z-index: 110;
}

.pq_unitelco_integra ul li {
    position:relative;
    float:left;
}

.pq_unitelco_integra ul li ul {
    width:197px;
    position:relative;
    border-bottom:1px solid #2e3f5b;
    background:#2e3f5b;
    margin:0 0 0 0;
    padding:10px 0 0 0;
}

.pq_unitelco_integra ul li ul li {
    background:url(/layout/img/marcador_seta.gif) no-repeat 0px 5px;
    padding:0 0 4px 10px;
    margin:4px 0 0 10px;
    width:84%;
    color:#8fa5cc;
    border-bottom:1px solid #3e5172;
    float:none;
}

.pq_unitelco_integra ul li ul li a {
    color:#8fa5cc;
}

.pq_unitelco_integra ul li ul li p {
	font-family: Verdana;
	font-size: 9px;
	color: #687c9f;
}

.pq_unitelco_integra .mapa {
    width:257px;
    height:267px;
    display:block;
    position:absolute;
    top:-121px;
    right:-190px;
}

.display_block {
    display:block;
}

.display_none {
    display:none!important;
}
/* Fim PQ Unitelco Menu & Mapa*/

/* Inicio Mascote */
.mascote {
    position:absolute;
    width:275px;
    z-index:50;
    margin:0;
    padding:0;
    top:30%;
    left:38%;
    display:block; /*temporario */
}

.mascote_center {
    background:#ccc url(/layout/img/bg_login_mid.png) repeat-x;
    position:relative;
    width:100%;
    float:left;
}
.mascote_center ul {
    position:relative;
    float:left;
    display:block;
}
.mascote_center ul li {
	background:url(/layout/img/seta_solucao.png) no-repeat 5px 11px;
	position:relative;
    float:left;
    display:block;
    width:255px;
    padding:5px 0 5px 20px;
    border-bottom:1px solid #cbcbcb;
}
.mascote_center ul li * {
	position:relative;
    float:left;
    display:block;
}

.mascote_center label {
    width:49px;
    padding:1px 0 0;
}

.mascote_center span {
    margin:0 4px 0 3px;
}

.mascote_center ul li #lblErro{
    float:left;
}

.li_erro {
    background-image:none !important;
}


.mascote_center .li_inputs input{
    width:14px;
    margin-right:15px;
}

.mascote_center input {
    height:16px;
    font-size:12px;
    margin:0px;
    padding:0px !important;
}

.mascote_top {
    background:url(/layout/img/bg_login_top.gif) no-repeat;
    width:265px;
    height:24px;
    padding:2px 7px 0 3px;
    cursor:move;
}

.mascote_top h4 {
    background:url(/layout/img/tit_mascote.gif) no-repeat;
    width:70px;
    height:22px;
    float:left;
    text-indent:-99999px;
    overflow:hidden;
}

.mascote_top a {
    background:url(/layout/img/btn_fechar.gif) no-repeat;
    width:15px;
    height:14px;
    float:right;
    margin:3px 0 0 0;
    text-indent:-99999px;
    overflow:hidden;
}

.mascote_bot {
    background:url(/layout/img/bg_login_bot.gif) no-repeat;
    height:6px;
    width:275px;
}

.btnEnviarMascote {
    background:url(/layout/img/btn_enviar2.gif) no-repeat;   
    width:45px;
    height:15px;
    float:right;
}

/* Fim Mascote */

/* Inicio Noticia */
.noticia {    
    position:fixed;    
    top:100px;
    left:200px;
    z-index:200;
}

.noticia_cont{	
    margin:0;
    padding:0;
    position:relative;
    width:525px;
    z-index:55;
}

.noticia_center {
    background:#ccc url(/layout/img/bg_login_mid.png) repeat-x;
    position:relative;
    width:100%;
    float:left;
}
.noticia_center ul {
    position:relative;
    float:left;
    display:block;
}
.noticia_center ul li {
	background:url(/layout/img/seta_solucao.png) no-repeat 5px 11px;
	position:relative;
    float:left;
    display:block;
    width:300px;
    padding:5px 0 5px 20px;
    /*border-bottom:1px solid #cbcbcb;*/
}

.noticia_center ul li * {
	position:relative;
    float:left;
}

.noticia_center label {
    width:60px;
    padding:1px 0 0;
}

.noticia_center span {
    margin:0 4px 0 3px;
}

.noticia_center ul li #lblErro{
    float:left;
}

.li_erro {
    background-image:none !important;
}


.noticia_center .li_inputs input{
    width:14px;
    margin-right:15px;
}

.noticia_center input {
    height:16px;
    font-size:12px;
    margin:0px;
    padding:0px !important;
    width:187px;
}

.noticia_top {
    background:url(/layout/img/bg_noticia_top.gif) no-repeat;
    width:515px;
    height:24px;
    padding:2px 7px 0 3px;
    cursor:move;
}

.noticia_top h4 {
    background:url(/layout/img/tit_noticia.gif) no-repeat;
    width:70px;
    height:22px;
    float:left;
    text-indent:-99999px;
    overflow:hidden;
}

.noticia_top a {
    background:url(/layout/img/btn_fechar.gif) no-repeat;
    width:15px;
    height:14px;
    float:right;
    margin:3px 0 0 0;
    text-indent:-99999px;
    overflow:hidden;
}

.noticia_bot {
    background:url(/layout/img/bg_login_bot.gif) no-repeat;
    height:6px;
    width:275px;
}

.btnEnviarNoticia {
    background:url(/layout/img/btn_enviar2.gif) no-repeat;   
    width:45px;
    height:15px;
    float:right;
    text-indent:-99999px;
    overflow:hidden;
}

/* Fim Noticia */

/* -- Table Styles ------------------------------- */
td {
	font: 10pt Helvetica, Arial, sans-serif;
	vertical-align: top;
}

.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}

/* Inicio Login */
.login {
    position:absolute;
    width:275px;
    z-index:50;
    margin:200px 0 0 350px;
    display:block; /*temporario */
}

.login_top {
    background:url(/layout/img/bg_login_top.gif) no-repeat;
    width:265px;
    height:24px;
    padding:2px 7px 0 3px;
    cursor:move;
}

.login_top h4 {
    background:url(/layout/img/tit_login.gif) no-repeat;
    width:70px;
    height:22px;
    float:left;
}

.login_top a {
    background:url(/layout/img/btn_fechar.gif) no-repeat;
    width:15px;
    height:14px;
    float:right;
    margin:3px 0 0 0;
}

.login_center {
    background:#ccc url(/layout/img/bg_login_mid.png) repeat-x;
    position:relative;
    width:100%;
    padding:0 0 15px 0;
}

.login_center strong{
	display: block;
	padding:10px 0 5px 10px;
}

.login_center p {
    padding:15px 0 15px 10px;
}

.login_center ul {
    position:relative;
    width:100%;
}

.login_center ul li {
    position:relative;
    background:url(/layout/img/seta_solucao.png) no-repeat 10px 7px;
    width:91%;
    padding:2px 0 2px 25px;
    border-bottom:1px solid #cbcbcb;
}

.login_center ul li a {    
    color:#5f636f;
    font-weight:bold;
    font-family:'Trebuchet MS';
}

.login_center span 
{
	width: 50px;
	float: left;
}

.login_center input 
{
	width: 150px;	
}

.btnLogin {
    background:url(/layout/img/btn_enviar2.gif) no-repeat;   
    width:45px;
    height:15px;
    float:right;
    margin-right:53px;
}

#lblErro{
	color:#FF2222;
	width: 100px;
	float: none;
}

.login_bot {
    background:url(/layout/img/bg_login_bot.gif) no-repeat;
    height:6px;
    width:275px;
}

.float_cortina {
	position: absolute;
	background-color: #000;
	-moz-opacity: 0.80;
	filter:Alpha(opacity=80);
	opacity:.80;
	z-index: 50;
	width: 1600px;
	height: 1600px;
	top: 0;
	left: 0;
}
/* Fim Login */

/* Inicio Enviar Pagina */
.enviar_pagina_body {
    background:#2c4263 url(/layout/img/bg.jpg) no-repeat right 0px;
    font-size:11px;
    font-family:"Tahoma";
    color:#2a2a2a;
}

.enviar_pagina {
    width:99%;
    position:relative;
}

.enviar_pagina h3 {
    width:100%;
    font-size:18px;
    font-family:'Trebuchet MS';
    margin:0 0 10px 0;
    padding:0 0 0 0;
    color:#8a8a8a;
}

.enviar_pagina fieldset {
    border:none;
    position:relative;
    margin:0 0 0 0;
   *margin:0 0 10px 0;
}

.enviar_pagina fieldset ul {
    width:100%;
    position:relative;
    float:left;
    margin:0;
    padding:0;
    list-style:none;
}

.enviar_pagina fieldset ul li {
    width:100%;
    position:relative;
    float:left;
    margin:0 0 10px 0;
    padding:0;
}

.enviar_pagina fieldset ul li input, .enviar_pagina fieldset ul li textarea {
    position:relative;
    float:right;
    margin:0 0 0 0;
    padding:0;
    width:80%;
   _width:78%;
    border:1px solid #c4c4c4;
}

.enviar_pagina fieldset ul li textarea {
    width:70%!important;
    height:80px;
}

.enviar_pagina fieldset ul li label {
    position:relative;
    float:right;
    margin:0 10px 0 0;
}

.enviar_pagina fieldset ul li strong {
    border:2px solid #FFF;
    width:30px;
    height:40px;
    position:relative;
    float:left;
    font-size:25px;
    font-family:Arial Black;
    text-align:center;
    color:#c4c4c4;
}

.enviar_pagina fieldset ul li ul {
    width:89%;
    position:relative;
    float:right;
    margin:0 0 0 0;
    padding:0 0 0 0;
}

.enviar_pagina fieldset ul li ul li {
    position:relative;
    float:left;
    margin:2px 0 2px 0;
    padding:0 0 0 0;
}

.enviar_pagina fieldset ul li ul li input {
    position:relative;
    float:right;
    margin:0 0 0 0;
    padding:0;
    width:80%;
   _width:85%;
}

.enviar_pagina fieldset ul li ul li label {
    position:relative;
    float:right;
    margin:0 10px 0 0;
}

.btnEnviarPagina {
    background:url(/layout/img/btn_enviar2.gif) no-repeat;   
    width:45px;
    height:15px;
    float:right;
}

.btnLimparCampo {
    background:url(/layout/img/btn_limpar.gif) no-repeat;
    width:52px;
    margin:0 10px;
}

.btn_cancelar {
    background:url(/layout/img/btn_cancelar.gif) no-repeat;
    width:56px;
    height:16px;
}
/* Fim Enviar Pagina */

/* Inicio Rodape*/
.rodape {
    width:80%;
    height:19px;
    padding:5px 0 0 20%;
    display:block;
    margin:0 auto;
    background:url(/layout/img/bg_rodape.png) repeat-x;
    color:#919191;
    border-top:1px solid #17273e;
}

.rodape address {
    float:left;
    font-style:normal;
    margin:0px 0 0 0px;
   _margin:0px 0 0 0px;
}

.rodape span {
    background:url(/layout/img/pwrd_focusnetworks.gif) no-repeat;
    width:167px;
    height:17px;
    float:left;
    margin:-1px 0 0 70px;
}

.rodape span a {
    height:100%;
}
/* Fim Rodape */