@charset "utf-8";
body {background:#b40406 url(../img/fundo.jpg) repeat-x center top;margin: 0px;padding: 0px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;}
h1, h2 {margin:0px;padding:0px;}

a, a:visited{color:#333333;}
a:hover{color:#000000;}


#site {padding: 0px;width: 770px;margin: 0px auto 0px auto;}
#topo {background:url(../img/fundo-topo.jpg) no-repeat right top;margin: 0px;padding: 0px;height: 73px;width: 770px;float: left;}
#topo #unip a, #topo #unip a:visited, #topo #unip a:hover {background:url(../img/logo-unip.jpg) no-repeat left top;width:177px;height:73px;font-size: 1px;color: #F4F4F4;margin: 0px;padding: 0px;float: left;display: block;}
#topo #iap a, #topo #iap a:visited, #topo #iap a:hover {background:url(../img/logo-iap.jpg) no-repeat right top;float: left;font-size: 1px;color: #F4F4F4;display: block;height: 36px;width: 593px;}


/*
  Menu Principal
*/

#menu {width: 590px; float: left; margin: 0; padding:0;}
#menu ul {z-index: 1; margin: 12px 0 0 0; padding: 0; float: left;}
#menu ul#listaMenu li a.menuPai span {font-weight: bold; font-size: 0.9em}
#menu ul li {float:left; padding: 0 0 0 9px; margin: 0 5px; display: block;background: url(../img/seta.jpg) no-repeat left 3px; list-style-type: none;}
#menu ul li#menu_instituto {width:54px; }
#menu ul li#menu_exalunos {width:66px}
#menu ul li#menu_servicos {width:53px;}
#menu ul li#menu_comunicacao {width:70px;}
#menu ul li#menu_pesquisa {width:56px;}
#menu ul li a.menuPai.shover +ul {display:block;}
#menu ul li a, #menu ul li a:visited, #menu ul li a:hover {color: #FFF;text-decoration: none;}
#menu ul li ul{display:none;position:relative;float:left;overflow:hidden;padding-top: 10px;}
#menu ul li ul.shover{display:block;position:relative !important;position:absolute;margin-top:-1px !important;margin-top:13px;}
#menu ul li ul li {margin:0px; width: 150px; list-style-type: none; background: none;}
#menu ul li ul li a, #menu ul li ul li a:visited{display:block;font-size: 11px;background: #B40406; padding: 5px 3px 5px 15px;}
#menu ul li ul li a:hover{background-color: #9C0303;}
#menu_instituto ul.boxMenu{ margin-left:0px !important;  margin-left:-105px;}
#menu_exalunos ul.boxMenu{ margin-left:0px !important; margin-left:-120px;}
#menu_servicos ul.boxMenu{ margin-left:0px !important;  margin-left:-65px;}
#menu_pesquisa ul.boxMenu{ margin-left:0px !important;  margin-left:-65px;}
#menu_comunicacao ul.boxMenu { margin-left:0px !important;  margin-left:-65px;}

/*
  Fim do menu Principal
*/

#conteudo {width: 750px;float: left;margin: 7px 0px 0px 0px;background: #FFF url(../img/fundo-conteudo.jpg) no-repeat left top;padding: 10px 10px 0px 10px;}
#conteudo h2 {font-size: 18px;margin-bottom: 15px;color: #B20406;border-top-width: 2px;border-right-width: 2px;border-bottom-width: 2px;border-left-width: 2px;border-bottom-style: solid;border-top-color: #9D0709;border-right-color: #9D0709;border-bottom-color: #9D0709;border-left-color: #9D0709;text-transform: uppercase;padding-bottom: 3px;}
#caminho {font-size: 10px;float: right;color: #333333;}
#caminho a, #caminho a:visited {color: #333333;text-decoration: underline;}
#caminho a:hover{color: #000000;}

#ferramentas{float: right;width: 150px;text-align: right;margin: 0px;padding: 0px;}
#ferramentas li {list-style-type: none;margin: 0px;padding: 0px;float: left;font-size: 8pt;}
#ferramentas a, #ferramentas a:visited {color: #333333;text-decoration: none;}
#ferramentas a:hover {color: #000000;text-decoration: underline;}

form .extended {width: 100%;}
form span { font-style: italic; font-size: 8pt; color:#999;}
form h3 {color: #C00;}
form label {width: 200px; float: left; font-weight: bold;}

/*TABELAS*/
table{border:#CCCCCC 1px solid;}
th {background-color:#666; color:#CCCCCC; padding:5px; text-align:left;}
.linhaa td, .linhab td{text-align:left; padding:5px;}
.linhaa{background:#FFF;}
.linhab{background:#EEE;}


/* NOTICIAS */
#noticias {float:left; margin:0; padding:0;}
#noticias li{margin: 0 0 10px 0; list-style:inside;}

/*AGENDA*/
#agenda{float:left; margin:0; padding:0;}
dl{margin:0 0 20px; width:540px; float:right;}
dt{background:#EEEEEE; margin:0 0 10px; padding:5px; border-bottom: 3px solid #999999;}
dd{margin:0; color:#333333;}
#calendario{width:200px; margin:0 10px 10px 0; display:block; float:left;}
table {width: 100%; margin:-3px 0 0 0;}
table tr td { padding: 3px 0px; text-align: center;}
table.mes {color: #FFFFFF; font-weight: bold; text-align: center; background-color: #333333;}
table.mes tr td {padding: 2px; text-transform: uppercase; font-weight: bold;}
table.mes a {color: #FFFFFF; text-decoration:none;}
tr.diasdasemana {background: #666666; color: #FFFFFF; font-weight: bold;}
tr.diasdasemana td {padding: 5px;}
td.evento {background: #b20406;}
td.evento a { color: #FFFFFF; text-decoration:none;}
td.dia {background-color:#CCCCCC; text-decoration:none;}
td.semdia {background-color: #EAEAEA;}
td.atual {background-color: #666666; font-weight: bold; color: #FFFFFF;}
td.dia {background-color: #CCCCCC;}
td a {color: #000000; text-decoration:none;}

/* CARREIRA E SUCESSO */
.boxsucesso {display:block; float:left;}
.boxsucesso a, .boxsucesso a:visited{width:353px; float:left; padding:5px; margin-bottom:20px; border:#D5D5D5 solid 1px; color:#333333; text-decoration:none;}
.boxsucesso a:hover{color:#000000; background:#F3F3F3;}
.boxsucesso a h3, .boxsucesso a:visited h3{margin:0 0 10px 0; padding:0; font-size:18px; color:#000000;}
.boxsucesso a p, .boxsucesso a:visited p {margin:0; padding:0; height:82px;}
.boxsucesso p {margin:0 0 10px 0; padding:0;}
.boxsucesso img {float:left; margin:0 5px 0 0;}
.boxsucessol {margin-right:20px;}
.boxsucesso a span, .boxsucesso a:visited span{float:right; background:#E9E9E9; padding:2px;}
.boxsucesso a:hover span{color:#fff; text-decoration:none; background:#333333;}

#rodape {background:url(../img/fundo-conteudo2.jpg) no-repeat center top;width: 770px;color: #FFFFFF;height: 15px;overflow: hidden;text-align: right;margin:0px 0px 5px 0px;padding: 15px 0px 0px 0px;float: left;}
 
#rodape p {float: right;margin: 0px;padding: 0px;display: inline;font-size: 8pt;}


#passo1, #passo2, #passo3 {
	display:none;
}
#passoAtual{
	padding:20px;
	font-weight: bold;
	font-size:14px;
}
.fecharForm{
	padding: 5px;
	position:relative;
	left:0px;
	background-color:#FFFFFF;
	color:#000000;
	text-decoration:none;
	float:left;
	margin-bottom:5px;
	border:1px solid #cccccc;
}
#msgUsuario{
	display:none;
	font-style:normal;
	font-size:11px;
	color:#FFFFFF;
	padding:3px;
	background-color:#b40406;	
}
.saudacao{
	font-size: 12px;
	font-style:normal;
	color:#000000;
}
input, select, textarea{
	margin-bottom: 5px;
}


#ui-datepicker-div
{
    background-color:#ebebeb;
    padding: 4px;
}
#ui-datepicker-div .ui-datepicker-header
{
    background-color:#D3D3D3;
    border: 1px solid #444444;
    padding: 4px;
}
#ui-datepicker-div a
{
    text-decoration: none;
    color:#444444;
}
#ui-datepicker-div .ui-datepicker-title
{
    text-align:center;
}/*
#ui-datepicker-div .ui-datepicker-prev
{
    float:left;
    text-align:left;
    cursor:pointer;
    width:55px;
    margin-bottom:3px;
    }
#ui-datepicker-div .ui-datepicker-next
{
    float:right;
    text-align:right;
    cursor:pointer;
    margin-bottom:3px;
    width:55px;
    }*/
#ui-datepicker-div .ui-datepicker-calendar
{
    border-bottom:1px solid #444444;
    border-left:1px solid #444444;
    border-right:1px solid #444444;
    background-color:#ffffff;
    }
#ui-datepicker-div .ui-datepicker-prev-hover,#ui-datepicker-div .ui-datepicker-next-hover
{
    background-color:#444444;
    color:#ffffff;
    }
    
    
/*
Estilo para o plugin JQM do Jquery.
para mais detalhes
http://dev.iceburg.net/jquery/jqModal/
*/
     
      .jqmOverlay { background-color: #000; }
      
      /* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
      * iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
      	width: expression(this.parentNode.offsetWidth+'px');
      	height: expression(this.parentNode.offsetHeight+'px');
      }
      
    
      div.jqmAlert { /* contains + positions the alert window */
      	display: none;
       	position: fixed;
      	top: 30%;
      	width: 400px;
      	left:50%;
      	margin-left:-200px;
      }
      
        /* Fixed posistioning emulation for IE6
           Star selector used to hide definition from browsers other than IE6
           For valid CSS, use a conditional include instead */
      * html .jqmAlert {
           position: absolute;
           top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
      }
      
      div.jqmAlertWindow {
      	height:auto;
      	width: auto;
      	margin: auto;
      	width:400px;
      	padding:2px 5px 5px 5px;
      }
      
      .jqmAlertTitle{
      	margin:5px 2px;
      	height:20px;
      	
      }
      .jqmAlertTitle h1{
      	margin:2px 2px;
      	padding-left:5px;
      	padding:0;
      	font-size:14px;
      	text-transform:capitalize;
      	letter-spacing:-1px;
      	float:left;
      	height:20px;
      }
      
      div.jqmAlert .jqmClose em{display:none;}
      div.jqmAlert .jqmClose {
      	width:20px;
      	height:20px;
      	display:block;
      	float:right;
      	clear:right;
      	background:transparent url(../img/ico_fechar_branco.gif) 5px 5px no-repeat;

      }
      
      
      div.jqmAlertContent{
      	border-top:px;
      	font-weight: bold;
      	font:14px;
      	margin:5px;
      	letter-spacing:0px;
      }
      div.jqmAlertWindow .jqmIco{
        width:36px;
        height:36px;
        float:left;
        margin-right:10px;
      }
       /*°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°
        clearing a float without additional markup
         http://www.positioniseverything.net/easyclearing.html */
      
      .clearfix:after {
          content: "."; 
          display: block; 
          height: 0; 
          clear: both; 
          visibility: hidden;
      }
      
      .clearfix {display: inline-block;}
      
      /* Hides from IE-mac \*/
      * html .clearfix {height: 1%;}
      .clearfix {display: block;}
      /* End hide from IE-mac */
      
      div.jqmAlertWindow input[type="submit"] { padding: 4px 10px; margin: 10px;  border: 0px solid; }
      /*
        temas para o alerta
        Tema Default
      */
      
          div.jqmAlertWindow {background:#EFF2F7;}
          div.jqmAlertWindow .jqmAlertTitle{background:#365F95;color:#fff;}
          div.jqmAlertWindow .jqmAlertTitle h1{color:#fff;}
          div.jqmAlertWindow div.jqmAlertContent{color:#000;}
          div.jqmAlertWindow input[type="submit"]{background: #365F95; color: #fff;}
          div.jqmAlertWindow .jqmIco{background: #fff url(../img/ico_info.gif) no-repeat 50% 50%;}
          
      /*
      Tema Informacao
      */
      
          div.jqmInfo {background:#EFF2F7;}
          div.jqmInfo .jqmAlertTitle{background:#365F95;color:#fff;}
          div.jqmInfo .jqmAlertTitle h1{color:#fff;}
          div.jqmInfo div.jqmAlertContent{color:#000;}
          div.jqmInfo input[type="submit"]{background: #365F95; color: #fff;}
          div.jqmInfo .jqmIco{background: #fff url(../img/ico_info.gif) no-repeat 50% 50%;}
          /*
        Tema de mensagem de erro
            */
          
          div.jqmErro {background:#FBEBEB;}
          div.jqmErro .jqmAlertTitle{background:#cc0000;color:#fff;}
          div.jqmErro .jqmAlertTitle h1{color:#fff;}
          div.jqmErro div.jqmAlertContent{color:#cc0000;}
          div.jqmErro input[type="submit"]{background: #cc0000; color: #fff;}
          div.jqmErro .jqmIco{background: #fff url(../img/ico_delete.gif) no-repeat 50% 50%;}
          
      /*
        Tema de mensagem de Não Autorizada
            */
      
          div.jqmNaoAutorizado {background:#FBEBEB;}
          div.jqmNaoAutorizado .jqmAlertTitle{background:#cc0000;color:#fff;}
          div.jqmNaoAutorizado .jqmAlertTitle h1{color:#fff;}
          div.jqmNaoAutorizado div.jqmAlertContent{color:#cc0000;}
          div.jqmNaoAutorizado input[type="submit"]{background: #cc0000; color: #fff;}
          div.jqmNaoAutorizado .jqmIco{background: #fff url(../img/ico_nao_autorizado.gif) no-repeat 50% 50%;}
          
      /*
       Tema de mensagem de Sucesso
            */
      
          div.jqmSucesso {background:#EBF7EF;}
          div.jqmSucesso .jqmAlertTitle{background:#009933;color:#fff;}
          div.jqmSucesso .jqmAlertTitle h1{color:#fff;}
          div.jqmSucesso div.jqmAlertContent{color:#009933;}
          div.jqmSucesso input[type="submit"]{background: #009933; color: #fff;}
          div.jqmSucesso .jqmIco{background: #fff url(../img/ico_sucesso.gif) no-repeat 50% 50%;}
          
      /*
        Tema de mensagem de Alerta
            */
      


          
      /*
        Tema de mensagem de Instrucoes
            */
      
          div.jqmInstrucao {background-color:#FFFBEB;}
          div.jqmInstrucao .jqmAlertTitle{background:#000000;color:#fff;}
          div.jqmInstrucao .jqmAlertTitle h1{color:#fff;}
          div.jqmInstrucao div.jqmAlertContent{color:#000;}
          div.jqmInstrucao input[type="submit"]{background: #000000; color: #fff;}
          div.jqmInstrucao .jqmIco{background: #fff url(../img/ico_ferramenta.gif) no-repeat 50% 50%;}
          
      /*
        fim dos temas para o alert
      */
     

      
      div.jqmConfirm input[type="submit"] { padding: 4px 10px; margin: 10px; background: #FFD52B; color: #00; border: 0px solid #AAA; }
      
      /* jqModal confirm CSS courtesy of;
      	 Alexandre Plennevaux <alexandre@pixeline.be>,
      	 Brice Burgess <bhb@iceburg.net> */
      
      div.jqmConfirm { /* contains + positions the alert window */
      	display: none;
       	position: fixed;
        top: 30%;
        left: 50%;
       	width: 400px;
      	left:50%;
      	margin-left:-200px;
      }
                
      /* Fixed posistioning emulation for IE6
           Star selector used to hide definition from browsers other than IE6
           For valid CSS, use a conditional include instead */
      * html div.jqmConfirm {
           position: absolute;
           top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
      }
      
      div.jqmConfirmWindow {
      	height:auto;
      	width: auto;
      	margin: auto;
      	max-width:400px;
      	padding:2px 5px 5px 5px;
      	background:#FFF7D5;
      	border:1px dotted #FFD52B;
      }
      
      .jqmConfirmTitle{
      	margin:5px 2px;
      	height:20px;
      	color:#fff;
      	background:#FFD52B;
      }
      
      .jqmConfirmTitle h1{
      	margin:2px 2px;
      	padding-left:5px;
      	padding:0;
      	font-size:14px;
      	text-transform:capitalize;
      	letter-spacing:-1px;
      	color:#000;
      	float:left;
      	height:20px;
      }
      
      div.jqmConfirm .jqmClose em{display:none;}
      div.jqmConfirm .jqmClose {
      	width:20px;
      	height:20px;
      	display:block;
      	float:right;
      	clear:right;
      	background:transparent url(../img/ico_fechar_branco.gif) 5px 5px no-repeat;
      }
      
      
      div.jqmConfirmContent{
      	border-top:px;
      	color:#D2A800;
      	font-weight: bold;
      	font:14px;
      	margin:5px;
      	letter-spacing:0px;
      }
      div.jqmBtn{
        text-align:right;
      }
      div.jqmConfirm .jqmIco{
        width:36px;
        height:36px;
        float:left;
        background: #fff url(../img/ico_alerta.gif) no-repeat 50% 50%;
        margin-right:10px;
      }
      
      /*°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°
        clearing a float without additional markup
         http://www.positioniseverything.net/easyclearing.html */
      
      .clearfix:after {
          content: "."; 
          display: block; 
          height: 0; 
          clear: both; 
          visibility: hidden;
      }
      
      .clearfix {display: inline-block;}
      
    .jqmWindow {
        display: none;

        position: fixed;
        top: 5%;
        left: 50%;

        margin-left: -300px;
        width: 600px;

        background-color: #EEE;
        color: #333;
        border: 1px solid black;
        padding: 12px;
    }

      
      /* Hides from IE-mac \*/
      * html .clearfix {height: 1%;}
      .clearfix {display: block;}
      /* End hide from IE-mac */


/*
Fim do Estilo para o plugin JQM do Jquery.
para mais detalhes
http://dev.iceburg.net/jquery/jqModal/
*/


option.normal
{
	}
	
	/*
Treeview
*/
.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(../img/treeview/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 0px 0pt 0px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(../img/treeview/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea  
{
	background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../img/treeview/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(../img/treeview/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(../img/treeview/treeview-red.gif); } 

.treeview-black li { background-image: url(../img/treeview/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(../img/treeview/treeview-black.gif); }  

.treeview-gray li { background-image: url(../img/treeview/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(../img/treeview/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(../img/treeview/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(../img/treeview/treeview-famfamfam.gif); } 


.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(../img/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(../img/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(../img/file.gif) 0 0 no-repeat; }

div#passoAtual {margin: 0 0 10px -1px; padding: 0; color: #090;}


/* Galeria */

div#conteudo ul#gallery li {display: inline; list-style-type: none; margin: 5px;}

/*Busca*/
div#cse {margin: 7px 0px 0px 25px; float: left; width: 165px;}
div#cse img, div#cse table tr td.gsc-branding-img, div#cse table tr td.gsc-branding-text, div#cse table tr td.gsc-clear-button {display: none;}
#busca {width: 171px;float: right;margin: 9px 0 0 0;padding: 0px;}
#busca #q {background:#850303;float: left;height: 16px;width: 130px;border: 1px solid #FFFFFF;display: block;margin: 0;color: #FFFFFF;}
#busca #sa {height: 20px;background: #d3cd39 url(../img/ok.jpg) no-repeat center top;border: 1px solid #FFFFFF;margin: 0 0 0 5px;font-size: 1px;float: left;text-align: center;color: #D3CC3D;}