/* classes */

.limpar {
    clear:both;
}

img {
    border: 0;
}

/***************************
elementos básicos da página
***************************/

html{
	background: #fff url(../img/layout/back_body.jpg) center top repeat-x;
	height:100%;
}

body{
   font: normal 13px Arial,Helvetica,sans-serif;
	color:#333;
	text-align:center;
	height: 100%;
	margin: 0;
	padding: 0;
}

#site{
	background: #fff url(../img/layout/back_site.jpg) center top no-repeat;
	width:780px;
	margin: 0px auto;
	position: relative;
	text-align: left;
}

/***************************
   Topo
***************************/

#site #topo {
	float: left;
	height: 110px;
	width:780px;
}

#site #topo h1 {
	margin: 0;
	padding: 0;
}

#site #topo h1 a {
	display: block;
    width: 145px;
	height:95px;
	position: absolute;
	top: 15px;
	left: 10px;
	text-indent: -9999px;
	text-decoration: none;
}

/***************************
   Menu principal
***************************/

#site #topo #menu {
   width: 569px;
   float: left;
   padding: 90px 0 0 211px;
}

#site #topo #menu ul {
   padding: 0;
   margin: 0;
   list-style-type: none;
   display: block;
   width: 570px;
}

#site #topo #menu li {
   list-style: none;
   float: left;
   position: relative;
   font-weight: bold;
   padding: 0;
   display: block;
   border-left: 1px solid #FFF;
   border-top: 1px solid #FFF;
   border-bottom: 1px solid #FFF;
}

#site #topo #menu ul li a {
	display: block;
	float: left;
	padding: 2px 0;
	position: relative;
	color: #fff;
	text-decoration: none;
	letter-spacing: 0px;
	font-weight: bold;
	z-index: 9099999 !important;
    background: #003b6f;
	width: 80px;
	text-align: center;
}

#site #topo  #menu li a:hover {
   background: orange;
}

#site #topo #menu ul li a {
	outline: none !important;
	-moz-outline-style: none;
}

#site #topo #menu ul li.over,
#site #topo #menu ul li:hover {
	 z-index: 9099999 !important;
}
#site #topo #menu ul li:hover a,
#site #topo #menu ul li.over a,
#site #topo #menu ul li a:hover {
	 background-position: 0px -40px  !important;
    z-index: 9099999 !important;
}

#site #topo #menu ul li.selected {
	 z-index: 9099999 !important;
}

* html #site #topo #menu ul li a:hover,
* html #site #topo #menu ul li.over a {
	cursor: hand;
}

#site #topo #menu ul ul {
	display: none;
}

#site #topo #menu ul li.over ul,
#site #topo #menu ul li:hover ul {
	display: block;
	position: absolute;
	left: 0px;
	top: 101%;
	width: 200px;
	height: auto;
	margin: 0;
	padding: 0 5px 10px 0;
	z-index: 2000;
	background: url(../images/tn.png) no-repeat right bottom;
	border-right: none;
	border-bottom: none;
}
* html #site #topo #menu ul li ul,
* html #site #topo #menu ul li:hover ul {
	background: none !important;
}

#site #topo #menu ul li ul li {
	width: 200px;
	background: #ededed;
	padding: 0;
	margin: 0;
	height: auto;
	border-left: none;
}

#site #topo #menu ul li ul li strong,
#site #topo #menu ul li ul li a {
	background: none !important;
	padding: 3px 10px 3px 10px;
	width: 179px !important;
	border-right: none;
	font-variant: normal;
	font-size: 12px;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #CDCDCD;
	border-right: 1px solid #CDCDCD;
	border-top: 1px solid #FFFFFF;
	text-indent: 0px;
	height: auto !important;
	line-height: 100% !important;
	margin: 0;
	color: #666;
	font-weight: normal;
	filter:none !important;
	text-align: left;
}

#site #topo #menu ul li ul li:hover {
	border-left: none;
}
#site #topo #menu ul li ul li a:hover {
	border-top: 1px solid #9E9E9E;
	border-left: 1px solid #FFFFFF;
	padding: 4px 9px 2px 11px;
	background: #ddd !important;
	color: #333;
}

#site #topo #menu ul li ul li:hover > a {
	border-top: 1px solid #9E9E9E;
	border-left: 1px solid #FFFFFF;
	padding: 4px 9px 2px 11px !important;
}
#site #topo #menu ul li ul li ul,
#site #topo #menu ul li:hover ul li ul,
#site #topo #menu ul li.over ul li ul {
	display: none;
}
#site #topo #menu ul li ul li:hover ul,
#site #topo #menu ul li:hover ul li:hover ul,
#site #topo #menu ul li.over li.over ul {
	position: absolute;
	display: block !important;
	left: 100%;
	top: 0px;
	z-index: 300;
	border-right: none;
	width: 205px !important;
}
#site #topo #menu ul li ul li.r:hover ul {
	left: -100%;
}
#site #topo #menu ul li:hover ul li:hover ul li,
#site #topo #menu ul li.over ul li.over ul li {
	width: 200px !important;
}
#site #topo #menu ul li:hover ul li:hover ul li a {
	letter-spacing: normal;
	width: 179px !important;
}

/***************************
   Esquerda
***************************/
#site #esquerda {
	float: left;
	width: 210px;
	margin-top: 90px;
}

/* menu lateral e menu do aluno */

#site #esquerda #bottom-menu-lat {
   width: 180px;
   height: 7px;
	float: left;
   background-repeat: no-repeat;
   margin: 0 0 15px 10px;
	padding: 0;
	background-image: url(../img/layout/back_bottom_menuy.gif);
}

#site #esquerda #menu-lat {
   float : left;
   width : 180px;
   background-image: url(../img/layout/back_menuy.gif);
   background-repeat: repeat-y;
   overflow : hidden;
   margin-left: 10px;
}

#site #esquerda #menu-lat ul {
   width: 180px;
	background-image: url(../img/layout/back_top_menuy.gif);
	background-repeat: no-repeat;
   margin: 0;
   padding: 7px 0 0 7px;
	float: left;
}

#site #esquerda #menu-lat li {
    list-style-type: none;
    float: left;
    display: block;
	 width: 166px;
	 margin: 0;
    }

#site #esquerda #menu-lat a {
   text-decoration: none;
   display: block;
   width: 166px;
   height: 31px;
   text-indent: -9999px;
}

#site #esquerda #menu-lat a#menu-revista {
   background-image: url(../img/layout/menu_revista.gif);
}

#site #esquerda #menu-lat a#menu-jornal {
   background-image: url(../img/layout/menu_jornal.gif);
}

#site #esquerda #menu-lat a#menu-cidadania {
   background-image: url(../img/layout/menu_cidadania.gif);
}

#site #esquerda #menu-lat a#menu-pe {
   background-image: url(../img/layout/menu_pe.gif);
}

#site #esquerda #menu-lat a#menu-cextras {
   background-image: url(../img/layout/menu_cextras.gif);
}

#site #esquerda #menu-lat a#menu-admin {
   background-image: url(../img/layout/menu_admin.gif);
}

#site #esquerda #menu-lat a#menu-ciencias {
   background-image: url(../img/layout/menu_ciencias.gif);
}

#site #esquerda #menu-lat a#menu-pos {
   background-image: url(../img/layout/menu_pos.gif);
}

#site #esquerda #menu-lat a#menu-mba {
   background-image: url(../img/layout/menu_mba.gif);
}

#site #esquerda #menu-lat a#menu-manual {
   background-image: url(../img/layout/menu_manual.gif);
}

#site #esquerda #menu-lat a#menu-regulamento {
   background-image: url(../img/layout/menu_regulamento.gif);
}
#site #esquerda #menu-lat a:hover {
   background-position: left bottom;
}

/* menu-aluno */
#site #esquerda #bottom-menu-aluno {
   width: 180px;
   height: 7px;
   float: left;
   background-repeat: no-repeat;
   margin-left: 10px;
	background-image: url(../img/layout/back_bottom_menuo.gif);
}

#site #esquerda #menu-aluno {
   float : left;
   width : 180px;
   background-image: url(../img/layout/back_menuo.gif);
   background-repeat: repeat-y;
   overflow : hidden;
   margin-left: 10px;
}

 #site #esquerda #menu-aluno ul {
	width: 180px;
	background-image: url(../img/layout/back_top_menuo.gif);
	background-repeat: no-repeat;
   margin: 0;
   padding: 7px 0 0 7px;
	float: left;
}
 #site #esquerda #menu-aluno li {
   list-style-type: none;
   float: left;
   display: block;
	width: 166px;
   margin: 0;
}

 #site #esquerda #menu-aluno a {
   text-decoration: none;
   display: block;
   width: 166px;
   height: 31px;
   text-indent: -9999px;
}

#site #esquerda #menu-aluno a#menu-emcontato {
   background-image: url(../img/layout/menu_emcontato.gif);
}

#site #esquerda #menu-aluno a#menu-boletim {
   background-image: url(../img/layout/menu_boletim.gif);
}

#site #esquerda #menu-aluno a#menu-manual-aluno {
   background-image: url(../img/layout/menu_manual_aluno.gif);
}

#site #esquerda #menu-aluno a#menu-horario-aulas {
   background-image: url(../img/layout/menu_horario_aulas.gif);
}

#site #esquerda #menu-aluno a#menu-estagio {
   background-image: url(../img/layout/menu_estagio.gif);
}

#site #esquerda #menu-aluno a#menu-calendario {
   background-image: url(../img/layout/menu_calendario.gif);
}

#site #esquerda #menu-aluno a#menu-grade {
   background-image: url(../img/layout/grade.gif);
}
#site #esquerda #menu-aluno a#menu-biblio {
   background-image: url(../img/layout/menu_biblio.gif);
}

#site #esquerda #menu-aluno a#menu-horario-provas {
   background-image: url(../img/layout/menu_horario_provas.gif);
}

#site #esquerda #menu-aluno a#menu-contatos-alunos {
   background-image: url(../img/layout/menu_contatos_alunos.gif);
}

#site #esquerda #menu-aluno a#menu-tcc {
   background-image: url(../img/layout/menu_tcc.gif);
}

#site #esquerda #menu-aluno a#menu-trocar {
   background-image: url(../img/layout/menu_trocar.gif);
}

#site #esquerda #menu-aluno a#menu-sair {
   background-image: url(../img/layout/menu_sair.gif);
}
#site #esquerda #menu-aluno a#menu-dwld {
    background-image: url(../img/layout/menu_download.gif);
}

 #site #esquerda #menu-aluno a:hover {
   background-position: left bottom;
}

/***************************
   Direita
***************************/
#site #direita {
	float: left;
	width: 550px;
}

#site #direita #banner {
	margin: 0;
	margin-bottom: 10px;
    float: left;

}

#site #direita .chamadas {
   margin:0 0 20px 0;
   width: 550px;
   background : transparent url(../img/layout/bg_h.gif) 5px 100% repeat-x;
   float: left;
}
#site #direita .chamadas2 {
   margin:10px 0 10px 0px;
   padding: 5px 10px;
   width: 540px;
   background : #71869B url(../img/layout/bg_h.gif) 5px 100% repeat-x;
   float: left;
   	font-family: Georgia, Times, "Times New Roman", serif;
   	border: solid 1px #fff;
}

#site #direita .chamadas img {
    padding : 6px;
    margin: 0 10px 5px 0;
    border : 2px solid #b6daf1;
    vertical-align : bottom;
    float : left;
}
#site #direita .chamadas a:hover img {
    border: 2px solid #4682B4;
    text-indent: 0;
}

#site #direita p {
   margin: 0;
   margin-bottom: 10px;
   text-align: justify;
   line-height: 1.4em;
}

#site #direita .chamadas p {
   line-height: 1.2em;
}

#site #direita .chamadas p a {
   color: #333;
   text-decoration: none;
}

#site #direita p a, #site #direita a  {
   color: #024a92;
   text-decoration: underline;
}

#site #direita p a:hover, #site #direita a:hover  {
   color : #0468cb;
   text-decoration: none;
}

#site #direita .chamadas p a.destaque {
   color: #fff;
   text-decoration: none;
}

#site #direita img,#site #direita a img {
   padding : 6px;
   margin: 0 10px 5px 0;
   background-color : #f0f0f0;
   border : 2px solid #e1e1e1;
   vertical-align : bottom;
   float : left;
}

#site #direita img.noborder,#site #direita a img.noborder {
    border: 0;
    padding: 0;
    background: none;
}

#site #direita #conteudo ul {
   margin: 0;
   padding: 0;
}

#site #direita #conteudo li {
   margin-bottom: 15px;
   list-style-type: none;
   background : transparent url(../img/flecha01.gif) no-repeat;
   padding-left: 7px;
}

#site #direita #conteudo {
   float: left;
   width: 550px;
   margin-top: 25px;
}

#site #direita #conteudo .docente {
   font-weight: bold;
   color : #FF6600;
}
#site #direita #conteudo .nomedocente {
   background : #FFF;
   width: 556px;
   border: 2px solid #F6CC8D;
   padding:2px;
   float: left;
}

#site #direita #conteudo .nomedocente p {
   padding: 0;
   margin: 0 0 0 10px;
}

#site #direita #conteudo .divqualificacao {
   display:none;
   background-color:#FFF;
   border-top: 1px solid #F6CC8D;
   padding:5px;
   margin:2px 0 0 0;
   float: left;
   width: 546px;
}

#site #direita #conteudo .divqualificacao p {
   margin-bottom: 8px;
}

/* link - manual do aluno */

#site #direita #conteudo .manualrodape {
   width : 560px;
   background-color: #069;
   text-align: center;
   color: #fff;
   padding: 2px 5px;
   margin: 5px 0;
}

/* link - boletimOnline */
#site #direita #conteudo table {
   width: 550px;
   margin: 0;
   padding: 0;
}

#site #direita #conteudo caption {
   font-size: 12px;
   font-weight: bold;
   color: #A65757;
   text-align: left;
   background: #FFF;
   width: 567px;
   padding: 3px;
   margin:0 2px;
}

#site #direita #conteudo th {
   color: #4D5F92;
   background: #DDE9FF;
   padding: 3px;
}
#site #direita #conteudo td {
   background: #ffffcc;
   padding: 3px;
   vertical-align: top;
}
#site #direita #conteudo .disc {
   background-color: #fbdea3;
}
#site #direita #conteudo .colorred {
   background-color: #F96;
   color: #FFF;
}

/* navegação da página - interna */

#site #direita #conteudo #naveg-texto {
   width : 540px;
   text-align: right;
   clear : both;
   background-color: #FC6;
   padding: 5px;
   margin-bottom: 10px;
}
#site #direita #conteudo #naveg-texto a {
   color : #069;
   text-decoration : none;
}
#site #direita #conteudo #naveg-texto a:hover {
   color : #ff3;
   text-decoration : none;
}

/* login */
#site #direita #conteudo #login {
            margin : auto;
            width : 185px;
            background-color : #fff;
            color : #325076;
            padding-bottom : 15px;
      }
#site #direita #conteudo #login .botao {
            border : 1px solid #fff;
            font-weight : bold;
            background : #0f77ad;
            width : auto;
            color : #fff;
            margin : 5px 0 10px 10px;
      }
#site #direita #conteudo #login form {
            text-align : left;
      }
#site #direita #conteudo #login form label {
            float : left;
            width : auto;
            padding-right : 10px;
            padding-left : 10px;
            clear : both;
            display : block;
            text-align : right;
            margin : 10px 0 0;
      }
#site #direita #conteudo #login form input {
            border : 1px solid #666;
            color : #000;
            background-color : #fff;
            width : 160px;
            padding-top:5px;
            margin-top : 2px;
            margin-left : 10px;
      }
#site #direita #conteudo #login a {
            background : transparent url(../img/seta.gif) no-repeat 5px 50%;
            color : #cc6600;
            border-bottom : 1px solid #f90;
            text-decoration : none;
            padding-left : 20px;
      }
#site #direita #conteudo #login a:hover {
            background : transparent url(../img/setablue.gif) no-repeat 5px 50%;
            color : #069;
            border-bottom : 1px solid #069;
      }
#site #direita #conteudo #login h3 {
            color : #fff;
            background : #f90 url(../img/cadeado.gif) no-repeat 5px 50%;
            padding : 3px 5px 3px 22px;
            width : 158px;
      }
/* logado */
     #logado {
            float : left;
            display : inline;
            width : 185px;
            background-color : #fff;
            color : #325076;
            padding-bottom : 5px;
            border-top : 3px solid #fff;
            overflow : hidden;
            margin-bottom : 8px;
      }
      #logado h3#alunotit {
            color : #fff;
            background : #F60 url(../img/cadeado.gif) 5px 50% no-repeat;
            padding : 3px 5px 3px 22px;
            margin-left: 1px;
            float: left;
            width: 153px;
      }
      #logado li {
            margin-top: 1px;
            list-style-type: none;
            width: 181px;
            float: left;
            margin-left:1px;
      }
      #logado li a:hover{
            color: #069;
      }
      #logado li#nav-req{
            background-color: #FEBB56;
      }
      #logado li#nav-boletim{
            background-color: #FEBB56;
      }
      #logado li#nav-manual{
            background-color: #FECE56;
      }
      #logado li#nav-boleto{
            background-color: #FECE56;
      }
      #logado li#nav-horario{
            background-color: #FEDE56;
      }
      #logado li#nav-estagio{
            background-color: #FEDE56;
      }
      #logado li#nav-calendario{
            background-color: #FEEF56;
      }
      #logado li#nav-biblio{
            background-color: #FEEF56;
      }
      #logado li#nav-provas{
            background-color: #FEEF56;
      }
      #logado li#nav-contatos{
            background-color: #FEFA56;
      }
      #logado li#nav-tcc{
            background-color: #FEFA56;
      }
      #logado li#nav-sair{
            background-color: #FEFA56;
      }
      #logado a {
            text-decoration: none;
            display: block;
            padding: 6px 0 5px 5px;
            color: #930;
            width: 170px;
      }
      #logado a:hover {
            background: transparent url(../img/setablue_menu.gif) no-repeat 100% 50%;
      }
      
/* noticias */
      #noticias {
            float : left;
            display : inline;
            width : 185px;
            background-color : #fff;
            color : #325076;
            padding-bottom : 15px;
            border-top : 3px solid #fff;
            overflow : hidden;
            margin-bottom : 8px;
      }
      #noticias h3 {
            color : #fff;
            background : #069 url(../img/icone_noticias.gif) 5px 50% no-repeat;
            padding : 3px 5px 3px 22px;
            margin-left: 1px;
            float: left;
            width: 155px;
      }
      #noticias p {
            margin : 5px 3px 6px 5px;
            background : #fff url(../img/bg_h.gif) repeat-x 5px 100%;
      }
      #noticias p a {
            background : transparent url(../img/flecha01.gif) 0 6px no-repeat;
            padding-left: 7px;
            text-decoration : none;
            color : #325076;
            display : block;
      }
      #noticias p a:hover {
            background-color : #eee;
            display : block;
      }
      
/* link contatos */
#site #direita #conteudo form fieldset
            {
            background : transparent url(../img/back_contatos.gif) 240px 45px no-repeat;
            margin: 0;
            width: 90%;
            border: solid #318ED9 1px;
            padding: 3%;
            }

#site #direita #conteudo form legend
            {
            padding: 6px;
            margin: 10px;
            border: solid #318ED9 2px;
            font-weight: bold;
            background-color: #F90;
            color:#FFF;
            }

#site #direita #conteudo form label
            {
            display: block;
            margin: 10px 0 0 0;
            }

#site #direita #conteudo form input,#site #direita #conteudo form select
            {
            background-color: #FFF;
            border: 1px solid #318ED9;
            }

#site #direita #conteudo form textarea
            {
            float: left;
            width: 400px;
            height: 100px;
            border: 1px solid #318ED9;
            }
            
#site #direita #conteudo form #enviar,#site #direita #conteudo form #limpar
            {
            border: solid  #318ED9 2px;
            background: #F90;
            width: auto;
            color:  #FFF;
            margin-top: 5px;
            display: inline;
            }

#site #direita #conteudo form #enviar {
            float:left;
            margin-left: 43px;
            }

#site #direita #conteudo form #limpar {
            float:left;
            margin-left: 10px;
            }

#site #direita #conteudo .endereco {
            margin-left: 14px;
            margin-top: 15px;
      }


#site #direita #conteudo .endereco p {
           margin: 0;
           padding: 0;
           font-size: 11px;
      }



/***************************
   Estilos de texto
***************************/

#site #direita h2 {
	font-size: 22px;
	font-family: Georgia, Times, "Times New Roman", serif;
	color: #FFF;
	margin: 35px 0 0 0px;
}

#site #direita h3 {
	font-size: 17px;
	font-weight: normal;
	font-family: Georgia, Times, "Times New Roman", serif;
	margin: 0 10px 5px 0;
	padding: 0;
    color: #cc6600;
    letter-spacing: 0.1em;
}

#site #direita h4 {
	font-size: 14px;
	margin: 15px 10px 3px 0;
	padding: 0;
}

#site #direita .chamadas h3 {
	margin: 0 10px 3px 0;
    background : none;
    height: 100%;
	font-size: 14px;
	text-indent: 0px;
}

#site #direita h3 a {
    color: #0157ad;
    text-decoration: none;
}

#site #direita h3 a:hover {
    0color : #71a9e2;
    text-decoration: underline;
}


/***************************
   Rodapé
***************************/

#rodape {
	background: #fff url(../img/layout/quadrado.gif) center bottom repeat-x;
	height: 110px;
	font-size: 10px;
	color: #666;
}

#rodape ul {
	width: 780px;
	height: 110px;
	background: #fff url(../img/layout/back_bottom_site.jpg) center top no-repeat;
	margin: 0px auto;
	padding: 0;
}

#rodape li {
	list-style-type: none;
    margin: 10px 0 6px 0;
}
.radioStyled {
   width: 15px;
   margin: 10px 0 0 10px;
}