/* CSS Document */

*{
list-style:none;
margin:0;
padding:0;
text-decoration:none;
}

body{
background:url("../images/bg-geral.jpg") repeat-x top #8e979c;
}

/*CONTAINER GERAL*/
#content{
background:url("../images/bg-content.jpg") repeat-y;
margin:0 auto;
width:981px;
}

fieldset{
border:0;
}

/*CONTAINER BUSCA*/
div#busca{
background:#d0d5dc;
float:right;
height:35px;
margin-right:35px;
padding:10PX 0 0 15px;
width:220px;
}

input.buscar{
background:url("../images/bg-campo.jpg") repeat-x;
border:0;
font:11px "Arial", Helvetica, sans-serif;
color:#5e5e5e;
height:12px;
padding:3px 2px;
width:173px;
}

.login{
background:url("../images/bg-campo.jpg") repeat-x;
border:0;
font:11px "Arial", Helvetica, sans-serif;
color:#5e5e5e;
height:12px;
margin-bottom:3px;
padding:3px 2px;
width:148px;
}

.select{
background:#f2f2f2 url("../images/bg-campo.jpg") repeat-x;
border:0;
float:left;
font:11px "Arial", Helvetica, sans-serif;
color:#5e5e5e;
height:20px;
margin:0 5px 3px 0;
padding:3px 2px;
width:123px;
}

.senha{
background:url("../images/bg-campo.jpg") repeat-x;
border:0;
float:left;
font:11px "Arial", Helvetica, sans-serif;
color:#5e5e5e;
height:12px;
margin-right:5px;
padding:3px 2px;
width:119px;
}

.ok{
background:url("../images/botao-ok.jpg") no-repeat;
border:0;
cursor:pointer;
height:19px;
width:24px;
}

/*MENU*/
#menu{
background:url("../images/bg-menu.jpg") repeat-x;
clear:both;
height:35px;
padding-left:30px;
}

#menu ul {
list-style-type:none;
margin:0px;
padding:0px;
text-align:right;
}

#menu ul li {
display:inline;
padding:0px;
margin:0px;
}

#menu ul li span{
display:none;
}

#menu ul li#home a{
background:url("../images/btn_home.jpg") no-repeat;
display:block;
float:left;
width:63px;
height:35px;
}

#menu ul li#home a:hover{
display:block;
width:63px;
height:35px;
background:url("../images/btn_home_2.jpg") no-repeat;
float:left;
}

#menu ul li#institucional a{
background:url("../images/btn_institucional.jpg") no-repeat;
display:block;
float:left;
width:112px;
height:35px;
}

#menu ul li#institucional a:hover{
display:block;
width:112px;
height:35px;
background:url("../images/btn_institucional_2.jpg") no-repeat;
float:left;
}

#menu ul li#governanca a{
background:url("../images/btn_governanca.jpg") no-repeat;
display:block;
float:left;
width:152px;
height:35px;
}

#menu ul li#governanca a:hover{
display:block;
width:152px;
height:35px;
background:url("../images/btn_governanca_2.jpg") no-repeat;
float:left;
}

#menu ul li#datacenter a{
background:url("../images/btn_datacenter.jpg") no-repeat;
display:block;
float:left;
width:111px;
height:35px;
}

#menu ul li#datacenter a:hover{
display:block;
width:111px;
height:35px;
background:url("../images/btn_datacenter_2.jpg") no-repeat;
float:left;
}

#menu ul li#seguranca a{
background:url("../images/btn_seguranca.jpg") no-repeat;
display:block;
float:left;
width:108px;
height:35px;
}

#menu ul li#seguranca a:hover{
display:block;
width:108px;
height:35px;
background:url("../images/btn_seguranca_2.jpg") no-repeat;
float:left;
}

#menu ul li#internet a{
background:url("../images/btn_internet.jpg") no-repeat;
display:block;
float:left;
width:84px;
height:35px;
}

#menu ul li#internet a:hover{
display:block;
width:84px;
height:35px;
background:url("../images/btn_internet_2.jpg") no-repeat;
float:left;
}

#menu ul li#comunicacao a{
background:url("../images/btn_comunicacao.jpg") no-repeat;
display:block;
float:left;
width:177px;
height:35px;
}

#menu ul li#comunicacao a:hover{
display:block;
width:177px;
height:35px;
background:url("../images/btn_comunicacao_2.jpg") no-repeat;
float:left;
}

#menu ul li#atendimento a{
background:url("../images/btn_atendimento.jpg") no-repeat;
display:block;
float:left;
width:102px;
height:35px;
}

#menu ul li#atendimento a:hover{
display:block;
width:102px;
height:35px;
background:url("../images/btn_atendimento_2.jpg") no-repeat;
float:left;
}

/*BANNER*/
#banner{
height:316px;
width:981px;
z-index:1;
}

/*MARCA*/
#logo{
background:#d0d5dc;
border-bottom:5px solid #6b88ae;
height:114px;
margin-left:711px;
position:absolute;
width:235px;
z-index:100;
}

#logo h1{
background:url("../images/logo-ite.jpg") no-repeat;
margin:12px 0 0 13px;
}

#logo h1 a span{
display:none;
}

#logo h1 a{
display:block;
height:89px;
width:209px;
}

/*CONTAINER DO CONTEÚDO*/
#container{
width:981px;
}

/*COLUNA ESQUERDA INDEX*/
#coluna_esquerda{
color:#fff;
float:left;
font:11px "Arial", Helvetica, sans-serif;
margin:0 0 0 35px;
}

#coluna_esquerda h3{
height:10px;
margin-bottom:5px;
text-transform:uppercase;
}

/*TITULOS DA PAGINA INICIAL*/
#coluna_esquerda h3.webmail{
background:url("../images/titulo_webmail.png") no-repeat;
}

#coluna_esquerda h3.painel{
background:url("../images/titulo_painel.png") no-repeat;
}

#coluna_esquerda h3.suporte{
background:url("../images/titulo_suporte.png") no-repeat;
}

#coluna_esquerda h3.enquete{
background:url("../images/titulo_enquete.png") no-repeat;
}

#coluna_esquerda h3 span{
display:none;
}

/*TITULOS DA PAGINA INTERNA*/


#esquerda_interna h3 span{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}


/*WEBMAIL*/
#webmail{
background:url("../images/bg_webmail2.png") no-repeat;
height:66px;
padding:10px;
width:154px;
}

/*PAINEL*/
#painel{
background:url("../images/bg_webmail.png") no-repeat;
height:56px;
margin-top:10px;
padding:10px;
width:154px;
}

/*SUPORTE*/
#suporte{
background:url("../images/bg_suporte.png") no-repeat;
height:36px;
margin-top:10px;
padding:10px;
width:154px;
}

/*ENQUETE*/
#enquete{
background:url("../images/bg_enquete.png") no-repeat;
height:200px;
margin-top:10px;
padding:10px;
width:154px;
}

#enquete p{
line-height:130%;
padding:5px 0;
}

#enquete label{
display:block;
padding-bottom:2px;
}

#enquete .votar{
background:url("../images/btn_votar.png") no-repeat;
border:0;
cursor:pointer;
height:19px;
margin:10px;
text-indent:-9999px;
width:42px;
}

#enquete .resultado{
background:url("../images/btn_resultado.png") no-repeat;
border:0;
cursor:pointer;
height:19px;
margin-top:10px;
text-indent:-9999px;
width:61px;
}

/*COLUNA DIREITA*/
#coluna_direita{
color:#5e5e5e;
float:right;
font:11px "Arial", Helvetica, sans-serif;
margin:0 35px 15px 0;
}


#coluna_direita a{
color:#5e5e5e;
}

#coluna_direita a:hover{
color:#6B88AE;
}


/*DESTAQUES*/
.destaques{
background:#fff;
border-top:5px solid #6b88ae;
float:left;
height:230px;
line-height:140%;
margin:0 0 15px 10px;
width:235px;
}

.destaques h3{
margin:10px;
text-transform:uppercase;
}

.destaques p{
padding:10px;
}


/*TITULOS DA PAGINA INICIAL*/
#coluna_direita h3{
height:19px;
}

#coluna_direita h3.seguranca{
background:url("../images/titulo_seguranca.png") no-repeat;
}

#coluna_direita h3.internet{
background:url("../images/titulo_internet.png") no-repeat;
}

#coluna_direita h3.datacenter{
background:url("../images/titulo_datacenter.png") no-repeat;
}

#coluna_direita h3.noticias{
background:url("../images/titulo_noticias.png") no-repeat;
}

#coluna_direita h3.destaque{
background:url("../images/titulo_destaque.png") no-repeat;
}

#coluna_direita h3 span{
display:none;
}

/*NOTICIAS*/
#noticias{
background:#fff;
border-top:5px solid #6b88ae;
float:left;
height:180px;
margin-left:10px;
padding:10px;
width:460px;
}

#noticias ul li{
margin-bottom:10px;
}

#noticias img{
float:left;
margin-right:10px;
}

#noticias p{
margin-bottom:10px;
}

#noticias span.bold{
color:#000;
font-weight:bold;
}

#noticias p.ultima{
margin-bottom:0;
}

#noticias a.mais_noticias{
float:right;
text-decoration:underline;
}

#noticias a.mais_noticias:hover{
text-decoration:none;
}

/*titulo do box notícias*/
#titulo{
float:left;
margin-bottom:10px;
width:100px;
}

/*mais noticias do box notícias*/
#maisnoticias{
float:right;
height:10px;
padding-top:5px;
width:100px;
}

/*propaganda - destaques*/
#propagandas{
background:#fff;
border-top:5px solid #6b88ae;
float:left;
height:180px;
margin-left:10px;
padding:10px;
width:215px;
}

/*RODAPE*/
#rodape{
border-top:1px solid #7793b9;
clear:both;
height:50px;
padding-bottom:10px;
text-align:center;
}

#rodape ul, #rodape p{
color:#5e5e5e;
font:bold 11px "Arial", Helvetica, sans-serif;
padding:10px 35px 0 35px;
}

#rodape ul li{
display:inline;
padding:0 3px;
}

#rodape ul li a{
color:#5e5e5e;
}

#rodape ul li a:hover{
color:#6B88AE;
}

#rodape ul li a.rss{
background:url("../images/rss.png") no-repeat center right;
padding-right:13px;
}

/**************************************************************************************************************************************
PÁGINAS INTERNAS **********************************************************************************************************************
**************************************************************************************************************************************/

/*COLUNA DAS PAGINAS INTERNAS*/
div#esquerda_interna{
color:#fff;
float:left;
font:11px "Arial", Helvetica, sans-serif;
margin:0 0 0px 35px;
width:171px;
}



/*MENU VERTICAL*/

.arrowlistmenu{
background:url("../images/submenu_corpo.jpg") repeat-y center top;
height:100%;
width:173px; /*width of urbangreymenu*/
}

.arrowlistmenu h3{ /*CSS class for menu headers in general (expanding or not!)*/
background:url("../images/line.png") no-repeat 15px 0px; /*last 2 values are the x and y coordinates of bullet image*/
color:#fff;
cursor:pointer;
font:12px "Arial", Verdana, Helvetica, sans-serif;
height:19px;
margin-bottom:0; /*bottom spacing between header and rest of content*/
padding:16px 0 7px 20px; /*31px is left indentation of header text*/
text-transform:uppercase;
}

.arrowlistmenu h3 a{
color:#fff;
}


.arrowlistmenu h3#dois{ /*CSS class for menu headers in general (expanding or not!)*/
background:url("../images/line.png") no-repeat 15px 0px; /*last 2 values are the x and y coordinates of bullet image*/
color:#fff;
cursor:pointer;
font:12px "Arial", Verdana, Helvetica, sans-serif;
height:29px;
margin-bottom:0; /*bottom spacing between header and rest of content*/
padding:16px 0 7px 20px; /*31px is left indentation of header text*/
text-transform:uppercase;
}

.arrowlistmenu h3#dois a{
color:#fff;
}



.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
background:url("../images/line.png") no-repeat 15px 0px; /*last 2 values are the x and y coordinates of bullet image*/
color:#fff;
cursor:pointer;
font:12px "Arial", Verdana, Helvetica, sans-serif;
height:19px;
margin-bottom:0; /*bottom spacing between header and rest of content*/
padding:16px 0 7px 20px; /*31px is left indentation of header text*/
text-transform:uppercase;
}

.arrowlistmenu .menuheader a{
color:#fff;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
color:#fff;
display:block;
text-decoration:none;
}

.arrowlistmenu ul{
margin-bottom:10px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom:5px; /*bottom spacing between urbangreymenu items*/
}

.arrowlistmenu ul li a{
color:#fff;
display:block;
font:normal 12px Arial;
line-height:10px;
margin-left:15px;
padding:2px 0 2px 15px;
text-decoration:none;
}

.arrowlistmenu ul li a:visited{
color:#f2f2f2;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color:#fff;
text-decoration:underline;
}

/*BOX SUPORTE DAS PAGINAS INTERNAS*/
div#suporte_interna{
background:url("../images/bg_suporteinternet.png") no-repeat top left;
height:65px;
margin-top:10px;
padding:10px;
width:153px;
}

div#suporte_interna h3{
background:url("../images/title_suporteinternet.png") no-repeat;
height:24px;
margin-bottom:5px;
text-indent:-9999px;
text-transform:uppercase;
width:68px;
}

div#suporte_interna2{
background:url("../images/bg_suporte.png") no-repeat;
height:65px;
margin-top:10px;
padding:10px;
width:153px;
}

div#suporte_interna2 h3{
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}




#suporte_interna .acessar{
background:url("../images/btn_acessar.png") no-repeat;
border:0;
cursor:pointer;
height:18px;
margin-top:15px;
width:77px;
}

#suporte_interna span{
display:none;
}


/*TERMO DE ADESÃO*/

div#container_adesao{
width:479px;
float:left;
}

/*PLANOS*/
div#container_planos{
width:490px;
float:left;
}

div.planos{
background:#fff;
border-top:5px solid #6b88ae;
float:left;
height:145px;
line-height:140%;
margin:0 0 15px 10px;
width:235px;
}

div.planos h4{
font-size:16px;
font-weight:bold;
margin:10px;
text-transform:uppercase;
}

div.planos ul.list li{
list-style:disc;
margin-left:25px;
}

div.planos p{
color:#fff;
font-size:20px;
margin:10px 7px 0 0;
padding:15px 15px 15px 10px;
}

p.basico{
background:#97b0d4;
}

p.medio{
background:#5981bb;
}

p.super{
background:#2f62aa;
}

/*MAPA DO SITE*/
div#container_mapa{
width:490px;
float:left;
}

#tit_mapa{
margin-left:10px;
width:480px;
}

div.mapa{
background:#fff;
float:left;
padding-bottom:10PX;
line-height:140%;
margin:0 0 0px 10px;
width:480px;
}

div.mapa h4{
color:#fff;
font-size:14px;
font-weight:bold;
display:block;
background:#97b0d4;
height:20px;
margin:10px;
padding-top:5px;
padding-left:5px;
text-transform:uppercase;
}

div.mapa ul.list li{
list-style:disc;
margin-left:35px;
}

div.mapa ul.list_sub{
list-style:disc;
margin-left:25px;
}

div.mapa p{
color:#fff;
font-size:20px;
margin:10px 7px 0 0;
padding:15px 15px 15px 10px;
}


/*ACESSOS NAS PAGINAS INTERNAS*/
#container_acessos{
float:right;
width:250px;
}

div#webmail_painel{
background:#fff;
border-top:5px solid #6b88ae;
float:left;
margin:0 0 10px 10px;
width:235px;
}

fieldset#webmail_interna{
background:#fff;
border-bottom:1px solid #ddd;
margin:15px;
padding-bottom:15px;
}

fieldset#painel_interna{
margin:15px;
}

legend{
color:#737373;
font-size:16px;
font-weight:bold;
text-transform:uppercase;
margin-bottom:10px;
}

input#login_interna{
border:1px solid #666;
color:#666;
padding:2px;
margin-bottom:5px;
width:100%;
}

input#login_interna_a{
border:1px solid #666;
color:#666;
padding:2px;
margin-bottom:5px;
width:100%;
}

input#login_interna_b{
border:1px solid #666;
color:#666;
padding:2px;
margin-bottom:5px;
width:100%;
}

input#senha_interna{
border:1px solid #666;
color:#666;
float:left;
padding:2px;
margin-bottom:5px;
width:165px;
}

input#senha_interna_a{
border:1px solid #666;
color:#666;
float:left;
padding:2px;
margin-bottom:5px;
width:165px;
}

input#senha_interna_b{
border:1px solid #666;
color:#666;
float:left;
padding:2px;
margin-bottom:5px;
width:165px;
}

button.ok_interna{
background:url("../images/botao-ok.jpg") no-repeat;
border:0;
cursor:pointer;
height:19px;
margin:2px 5px 0;
text-indent:-9999px;
width:24px;
}

/*BOX DE DESTAQUE DAS PAGINAS INTERNAS*/
#propagandas_internas{
background:#fff;
border-top:5px solid #6b88ae;
float:left;
height:210px;
margin-left:10px;
margin-bottom:10px;
padding:10px;
width:215px;
}

div#propagandas_internas img{
margin-top:15px;
}

/*CONTEÚDO INTERNA*/
div#container_conteudo{
width:480px;
float:left;
}

div.conteudo{
background:#fff;
border-top:5px solid #6b88ae;
float:left;
min-height:460px;
line-height:140%;
margin:0;
padding-bottom:15px;
width:480px;
}

div.conteudo h4{
font-size:16px;
font-weight:bold;
margin:10px;
text-transform:uppercase;
}

div.conteudo ul.list li{
list-style:disc;
margin-left:25px;
}

div.conteudo p{
color:#666;
font-size:11px;
margin:5px 7px 0 0;
padding:10px 10px 0px 18px;
text-align:justify;
}

div.conteudo h3{
color:#666;
font-size:12px;
font-weight:bold;
margin:5px 7px 0 0;
padding:15px 0px 0px 18px;
}

div.conteudo li{
color:#666;
font-size:11px;
margin:0px 7px 0 0;
padding:10px 10px 0px 18px;
}


/*BOX INTERNA DIREITA*/
#container_int_dir{
float:right;
width:250px;
}

div#interna_dir{
background:#fff;
border-top:5px solid #6b88ae;
float:left;
margin:0 0 10px 10px;
width:235px;
height:225px;
padding-top:5px
}

#interna_dir p{
color:#666;
font-size:11px;
margin:5px 7px 0 0;
padding:5px 15px 15px 10px;
}

/*CONTATO*/
#formcontact{
float:right;
padding-right:0px;
margin-top:25px;
width:458px;
}

#formcontact form fieldset{
border:0;
float:left;
}

#formcontact label{
color:#696969;
display:table;
font-size:11px;
margin-top:6px;
text-align:right;
text-align:left;
}


#formcontact input.text{
background:url("../images/bg_campo_form.png") repeat-x;
border:0;
color:#696969;
font:16px "Arial", Helvetica, sans-serif;
height:22px;
margin:2px 0 8px 0;
padding-top:1px;
padding-left:1px;
width:435px;
}

#formcontact input.radio{
margin-top:0px;
text-align:left;
line-height:100%;
color:#696969;
float:left;
display:inline;

}

#formcontact form fieldset textarea{
background:url("../images/bg_textareacontact.png") repeat-x;
border:0;
color:#696969;
float:left;
font:16px "Trebuchet Ms", Arial, Helvetica, sans-serif;
height:190px;
margin:0 0 20px 0;
padding:0px 0px 0px 1px;
width:435px;
}

#formcontact input.send{
background:url("../images/btn_enviar_form.png") no-repeat;
border:0;
cursor:pointer;
float:right;
height:26px;
overflow:hidden;
text-indent:-5000px;
width:81px;
margin-right:25px;
}

#formcontact input.send:hover{
background:url("../images/btn_enviar_form2.png") no-repeat;
}

/*FORM ADESÃO*/

#formadesao{
float:right;
padding-right:0px;
margin-top:25px;
width:458px;
}

#formadesao form fieldset{
border:0;
float:left;
}

#formadesao label{
color:#696969;
display:table;
font-size:11px;
margin-top:6px;
text-align:right;
text-align:left;
}

#formadesao input.text{
background:url("../images/bg_campo_form.png") repeat-x;
border:0;
color:#696969;
font:16px "Arial", Helvetica, sans-serif;
height:22px;
margin:2px 0 8px 0;
padding-top:1px;
padding-left:1px;
width:435px;
}

#formadesao input.radio{
margin-top:0px;
margin-right:4px;
text-align:left;
line-height:100%;
color:#696969;
float:left;
display:inline;

}

#formadesao form fieldset textarea{
background:url("../images/bg_textareacontact.png") repeat-x;
border:0;
color:#696969;
float:left;
font:16px "Trebuchet Ms", Arial, Helvetica, sans-serif;
height:190px;
margin:0 0 20px 0;
padding:0px 0px 0px 1px;
width:435px;
}

#formadesao input.send{
background:url("../images/btn_enviar_form.png") no-repeat;
border:0;
cursor:pointer;
float:right;
height:26px;
overflow:hidden;
text-indent:-5000px;
width:81px;
margin-right:25px;
}

#formadesao input.send:hover{
background:url("../images/btn_enviar_form2.png") no-repeat;
}

#formadesao textarea.contrato{
background:url("../images/bg_textareacontact.png") repeat-x;
border:0;
color:#696969;
float:left;
font:16px "Trebuchet Ms", Arial, Helvetica, sans-serif;
height:190px;
margin:0 0 20px 0;
padding:0px 0px 0px 1px;
width:435px;
}

/*FORM CONTRATAR*/
#formcontratar{
float:right;
padding-right:0px;
margin-top:25px;
width:458px;
}

#formcontratar form fieldset{
border:0;
float:left;
}

#formcontratar label{
color:#696969;
display:table;
font-size:11px;
margin-top:6px;
text-align:right;
text-align:left;
}

#formcontratar input.text{
background:url("../images/bg_campo_form.png") repeat-x;
border:0;
color:#696969;
font:16px "Arial", Helvetica, sans-serif;
height:22px;
margin:2px 0 8px 0;
padding-top:1px;
padding-left:1px;
width:435px;
}

#formcontratar input.radio{
margin-top:0px;
margin-right:4px;
text-align:left;
line-height:100%;
color:#696969;
float:left;
display:inline;

}

#formcontratar form fieldset textarea{
background:url("../images/bg_textareacontact.png") repeat-x;
border:0;
color:#696969;
float:left;
font:16px "Trebuchet Ms", Arial, Helvetica, sans-serif;
height:190px;
margin:0 0 20px 0;
padding:0px 0px 0px 1px;
width:435px;
}

#formcontratar input.send{
background:url("../images/btn_enviar_form.png") no-repeat;
border:0;
cursor:pointer;
float:right;
height:26px;
overflow:hidden;
text-indent:-5000px;
width:81px;
margin-right:25px;
}

#formcontratar input.send:hover{
background:url("../images/btn_enviar_form2.png") no-repeat;
}

.checkbox{
float:left;
}

div#listagem ul li { float: left; width: 123px; margin: 0 0 6px 0;}
div#footerBar { height: 1px; width: 435px; clear: both; border-top: 1px solid #e0e0e0; margin: 10px 0 0; padding-top:5px;}

#form_seguranca{
float:left;
width:145px;
border-right: 1px solid #e0e0e0;

}

#form_seguranca h3{
color:#696969;
display:table;
font-size:11px;
font-weight:bold;
margin-top:6px;
text-align:right;
text-align:left;
}

#form_data_center{
float:left;
width:145px;
border-right: 1px solid #e0e0e0;
height:268px;

}

#form_data_center h3{
color:#696969;
display:table;
font-size:11px;
font-weight:bold;
margin-top:6px;
text-align:right;
text-align:left;
}

#form_internet{
float:left;
width:145px;

}
#form_internet h3{
color:#696969;
display:table;
font-size:11px;
font-weight:bold;
margin-top:6px;
text-align:right;
text-align:left;
}








#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background: #000;

  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0px;


  display:none;
  z-index:9999;
  padding:2px;
}



.close{display:block; text-align:right; }