/* CSS Document */

body {
    font: 100% Verdana;
    color: #000000;
    background-color: #5B001C;
    text-align: center;
    margin: 0px;
    padding: 0px;
}
#container {
    width: 1003px;
    background: #FFFFFF;
    text-align: left;
    margin: 0 auto;
    background:url(../img/layout/fundoGeral.png) repeat-y;
}
#topo {
    height:175px;
    background-color: #5B001C;
}
#menu {
    width: 200px;
    float: left;
    margin: 0px 10px;
}
#menu #tituloMenu {
    padding-top:5px;
    background-color:#ffffff;
}
#menu ul {
    margin: 0;
    padding: 15px 0 0 0;
    list-style: url(../img/layout/marcador.png);
    line-height: 150%;
    font-size:11px;
    text-decoration: none;
}
#menu ul li {
    margin-left:30px;
}

#menu ul ol {
    margin-left:-20px;
}
#menu ul li a {
    display: block;
    padding: 2px 2px 2px 0.5em;
    text-decoration: none;
    color: #003081;
}
#menu ul li a:hover {
    background:url(../img/layout/menuFundoEfeito.png) repeat-y;
    color: #0463FF;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#menu  li { float: left; height: 1%; }
* html ul#menu  li a { height: 1%; }
/* End */

#menu #acessoRapido {
    margin-top:10px;
    margin-left:-20px;
    text-align:center;
    position:relative;
}
#menu #acessoRapido #alternativas {
    color:#003082;
    font-size:12px;
    font-weight:bold;
    text-align:left;
    margin-left:45px;
}
#menu #acessoRapido .txt {
    background-color:#0D5FB2;
    border:1px solid #FFFFFF;
    width:120px;
    color:#ffffff;
}
#menu #acessoRapido #botoesForm {
    position:absolute;
    right:34px;
    bottom:-10px;
}
#conteudo {
    margin: 10px 0 0 212px;
    padding-left:30px;
    background:url(../img/layout/conteudoFundo.png) repeat-y;
}
#conteudo #espiral {
    width:33px;
    height:880px;
    background:url(../img/layout/espiral.png) repeat-y;
    float:left;
    margin-left:-48px;
}
#conteudo #pagina {
    margin: 25px 70px 30px 10px;
    color:#666666;
    font-size:12px;
    text-align:justify;
    line-height: 150%;
}
#conteudo #pagina a {
    color:#666666;
}
#abas {
    float:right;
    width:36px;
    background-color:#5B001C;
    padding-top:10px;
    height:100%;
}
.clearfloat {
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#rodapeEndereco {
    padding: 5px;
    font-size: 80%;
    color: #736B5E;
    background-color:#5B001C;
    position:relative;
}
#rodapeEndereco #info {
    width:100%;
    height:30px;
    background:url(../img/layout/rodape.png) no-repeat center;
    margin-top:0px;
    margin-bottom:10px;
}
#rodapeEndereco #estudantesEsq {
    width:173px;
    height:277px;
    background:url(../img/layout/rodapeEstudante1.png) no-repeat center;
    position:absolute;
    top:-85px;
    left:-20px;
}
#rodapeEndereco #estudantesDir {
    width:268px;
    height:180px;
    background:url(../img/layout/rodapeEstudante2.png) no-repeat center;
    position:absolute;
    top:-40px;
    right:0px;
}
#rodapeLinks {
    width:100%;
    height:262px;
    background:url(../img/layout/rodapeFundo.png) repeat-x;
}
#rodapeLinks #links {
    width:800px;
    margin-left:50%;
    position:absolute;
    left:50%;
    margin-left:-500px;
    text-align:left;
}
#rodapeLinks #links a {
    display: block;
    color:#FFFFFF;
    text-decoration:none;
    font-weight:bold;
}
#rodapeLinks #links a:hover {
    text-decoration:underline;
}
/* Fix IE. Hide from IE Mac \*/
* html #rodapeLinks { float: left; height: 1%; }
* html #rodapeLinks a { height: 1%; }
/* End */
#rodapeLinks #links #educacao ul, #rodapeLinks #links #itecne ul, #rodapeLinks #links #servicos ul {
    margin: 0;
    padding: 15px 0 0 0;
    list-style: none;
    line-height: 200%;
    font-size:11px;
    text-decoration: none;
}
#rodapeLinks #links #educacao {
    width:160px;
    height:262px;
    float:left;
    margin-left:220px;
    padding-top:20px;
}
#rodapeLinks #links #itecne {
    width:160px;
    height:262px;
    float:left;
    margin-left:50px;
    padding-top:20px;
}
#rodapeLinks #links #servicos {
    width:160px;
    height:262px;
    float:left;
    margin-left:50px;
    padding-top:20px;
}

/* FONTS */
.cinzaClaro12 {
    color:#666666;
    font-size:12px;
    text-decoration:none;
}
.cinzaClaro11 {
    color:#666666;
    font-size:11px;
    text-decoration:none;
}
.azul11 {
    color:#0F3C89;
    font-size:11px;
    text-decoration:none;
}
.azul11B {
    color:#0F3C89;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
}


/* CONTEÚDO INDEX */

#bannerRotativo{
    margin-bottom:5px;
}

.blocoTitulo {
    width:321px;
    height:36px;
}
.blocoTexto {
    width:319px;
    background-color:#FFFFFF;
    border-left:1px solid #D7E5F2;
    border-right:1px solid #D7E5F2;
    border-bottom:1px solid #D7E5F2;
}
.textoConteudo {
    padding:15px;
}
#blocoNoticias {
    float: left;
}
#blocoNoticias #titulo {
    background:url(../img/layout/tituloNoticias.png) no-repeat top;
}
#blocoNoticias #texto {
    height:417px;
}
#blocoNoticias #texto #dataPublicacaoDestaque {
    width:153px;
    height:17px;
    background:url(../img/layout/dataPublicacaoFundo.png) no-repeat top left;
    color:#666666;
    font-size:9px;
    float:left;
    padding-left:6px;
    padding-top:2px;
}
#blocoNoticias #texto #dataPublicacao {
    width:153px;
    height:17px;
    background:url(../img/layout/dataPublicacaoFundo.png) no-repeat top left;
    color:#666666;
    font-size:9px;
    padding-left:6px;
    padding-top:2px;
}
#blocoNoticias #texto .fotoNoticia {
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}
#blocoNoticias #texto .leiaMais {
    margin-top:5px;
    margin-bottom:10px;
}
#blocoNoticias #texto #vejaMais {
    float:right;
    margin-bottom:0px;
    padding-bottom:0px;
}

#blocoCalendario {
    float: left;
    margin-left:40px;
}
#blocoCalendario #titulo {
    background:url(../img/layout/tituloCalendario.png) no-repeat top;
}
#blocoCalendario #texto {
    height:245px;
}
#blocoCalendario #texto .item {
    margin-bottom:10px;
}
#blocoCalendario #texto #vejaMais {
    float:right;
    margin-bottom:0px;
    padding-bottom:0px;
}
#blocoTour {
    float: left;
    margin-left:40px;
    margin-top:20px;
}
#blocoTour #titulo {
    background:url(../img/layout/tituloTour.png) no-repeat top;
}
#blocoTour #texto {
    height:115px;
}
#blocoTour #texto #conteudoTour {
    padding:3px;
    padding-top:10px;
}
#blocoTour #texto #conteudoTour #frase {
    margin-top:5px;
}

#blocoGaleria {
    float: left;
    margin-top:20px;
}
#blocoGaleria #titulo {
    background:url(../img/layout/tituloGaleria.png) no-repeat top;
}
#blocoGaleria #texto {
    height:170px;
}
#blocoGaleria #texto .galeria {
    float:left;
    padding:10px;
    padding-left: 16px;
    color:#666666;
    font-size:11px;
    text-align:center;
    width:115px;
}
#blocoGaleria #texto #vejaMais {
   clear: both;
   text-align: center;
}

#blocoAgenda {
    float: left;
    margin-left:30px;
    margin-top:10px;
    width:370px;
    position:relative;
}

#blocoAgenda #agenda {
    position:absolute;
    z-index:100;
    left:-50px;
}

/* FORMULÁRIOS  */

#frm label{
    float: left;
    width: 150px;
    font-weight: bold;
}
#frm input, textarea, select {
    width: 180px;
    margin-bottom: 5px;
}
#frm textarea{
    width: 250px;
    height: 150px;
}
#frm .boxes{
    width: 1em;
    margin-bottom: 5px;
}
#frm .menor {
    width: 50px;
}
#frm #submitbutton{
    margin-left: 120px;
    margin-top: 5px;
    width: 90px;
}
#frm .obrigatorio {
    color:red;
}

/* CONTEÚDO NOTICIA.PHP */

#pagina .fotoNoticia {
    float:left;
    margin-right:20px;
    margin-bottom:20px;
}
#pagina #fotosMini {
    margin-top:10px;
    margin-left:10px;
}
#pagina #fotosMini img {
    margin:10px;
    border:1px solid #666666;
}

/* CONTEÚDO PÁG. INSTITUCIONAIS */

#pagina p {
    text-indent: 20pt;
}
#pagina #lateral {
    float: right;
    margin-left:20px;
    margin-bottom:10px;
}

#pagina #imgSolicite {
    margin-left:200px;
}

/* CONTEÚDO ATIVIDADES_EXTRA.PHP */

#pagina .parceiro {
    margin-top:20px;
    margin-left:20px;
    text-align: center;
    float:left;
    width: 300px;
}
#pagina .parceiro img {
    margin:10px;
    border:1px solid #666666;
}