/* CSS Document */ * {margin:0;padding:0;border:none;font:11px Verdana, Arial, Helvetica, sans-serif;text-align:left;color:#7B7B7B;} strong{font-weight:bold;} body {background-image:url(../img/bg/bkg_full.jpg); background-color:#CCCC99; background-repeat:repeat-x; text-align:center; padding-bottom:100px;} h1, h2, h3, h4, h5, h6 {} div#main {width:770px;background:#FFF url(../img/bg/sombra.jpg) right top repeat-y; margin:0 auto;height:auto; overflow:hidden;} /* Logo */ div#main h1 {display:none;} /* Menu Principal */ body#home #main #menu {background:url(../img/bg/menu.jpg) left top repeat-x; width:768px; height:64px; } body#interna #main #menu {background:url(../img/bg/menu_internas.jpg) left top repeat-x; width:768px; height:64px;} #main #menu ul {list-style:none;margin:0 0 0 40px; display:block; z-index:5; position:absolute;} #main #menu ul li {display:inline; float:left; height:22px;} #main #menu ul li#cursoOn a,#main #menu ul li#cursoOff a, #main #menu ul li#unidadesOff a, #main #menu ul li#unidadesOn a, #main #menu ul li#professoresOff a, #main #menu ul li#professoresOn a, #main #menu ul li#home a {position:relative; top:15px; text-decoration:none; text-indent:-5000px; display:block; height:23px;background: left top no-repeat; padding-bottom:15px !important;} #main #menu ul li#cursoOn a {width:154px;background-image:url(../img/menu/curso_on.gif);} #main #menu ul li#cursoOff a {width:154px;background-image:url(../img/menu/curso_off.gif);} #main #menu ul li#unidadesOff a {width:155px;background-image:url(../img/menu/unidades_off.gif);} #main #menu ul li#unidadesOn a {width:155px;background-image:url(../img/menu/unidades_on.gif);} #main #menu ul li#professoresOff a {width:156px;background-image:url(../img/menu/professores_off.gif);} #main #menu ul li#professoresOn a {width:156px;background-image:url(../img/menu/professores_on.gif);} #main #menu ul li#home a {width:70px;background-image:url(../img/menu/home.gif);} /* SubMenus */ #main #menu ul li ul#submenuCurso{ display:block; position:absolute; left:auto;z-index:6; width:486px;} #main #menu ul li ul#submenuCurso { list-style:none; margin-left:5px; padding-bottom:-24px; } #main #menu ul li ul#submenuCurso li{float:left !important; margin-top:-12px;} #main #menu ul li ul#submenuCurso li a{ background:none; color:#54697D; font-size:10px; text-indent:0px; display:inline; padding:0px 10px 0 10px;} #main #menu ul li ul#submenuCurso li a.bg{background:url(../img/bg/submenu.gif) right 3px no-repeat !important;} #main #menu ul li ul#submenuCurso li a:link, #main #menu ul li ul#submenuCurso li a:visited{text-decoration:none !important;} #main #menu ul li ul#submenuCurso li a:hover{ text-decoration:underline !important;} #main #menu ul li ul#submenuCurso li a#ativo{color:#999900;} #main #menu ul li ul#submenuUnidade{ display:block; position:absolute; left:auto;z-index:1; width:440px;} #main #menu ul li ul#submenuUnidade { list-style:none; margin-left:-142px; padding-bottom:-24px; } #main #menu ul li ul#submenuUnidade li{ display:inline !important; float:left !important; margin-top:-12px;} #main #menu ul li ul#submenuUnidade li a{ background:none; color:#54697D; font-weight:bold; font-size:10px; text-indent:0px; display:inline; padding:0px 10px 0 10px;} #main #menu ul li ul#submenuUnidade li a:link, #main #menu ul li ul#submenuCurso li a:visited{text-decoration:underline;} #main #menu ul li ul#submenuUnidade li a:hover{ text-decoration:underline;} #main #menu ul li ul#submenuUnidade li label{float:left; font-size:10px; width:110px; color:#54697D;} #main #menu ul li ul#submenuUnidade li select{float:left; width:200px; font-size:9px; position:relative; top:-2px; color:#54697D;} #main #menu ul li ul#submenuUnidade li.semLink{ margin:4px 0 0 0 } /* Conteudo */ div#main div#content {} div#main p#extraMarkup {background:url(../img/bg/rounded.jpg) center bottom no-repeat !important;height:25px;line-height:25px;} /* Destaque */ #main #content #destaqueHome {background:none left top no-repeat; width:188px; height:234px;position:relative; top:-49px; margin-bottom:-234px;} #main #content #destaqueHome span {display:none;} #main #content #destaqueInterna {background:none left top no-repeat; width:384px; height:167px;position:relative; top:20px; margin-bottom:-167px; display:block; z-index:5;} #main #content #destaqueInterna span {display:none;} /* Logo */ #main #content #logoHome a {display:block;text-indent:-5000px; background:url(../img/bg/logo.gif) left top no-repeat; width:203px; height:58px !important; text-decoration:none; float:left; position:relative;left:196px; top:60px;} #main #content #logoInterna{background:none left top no-repeat; width:303px; height:150px !important; float:left; position:relative;left:20px; top:60px; padding-bottom:-64px; z-index:10;} #main #content #logoInterna a{display:block;text-indent:-5000px;width:170px; height:58px !important; text-decoration:none; float:left; position:absolute;} /* Box Notícias */ #main #content #boxNoticias {background:url(../img/bg/box_noticias.jpg) left top no-repeat; width:768px; height:368px; position:relative; top:-30px;} #main #content h3#boxNoticias {text-indent:-5000px;} #main #content ul#listaNoticias {display:block; z-index:500; list-style:none;position:relative;left:541px; height:120px; margin-top:-140px; top:-145px;} #main #content ul#listaNoticias li {width:200px; padding-left:12px; margin-bottom:7px; background:url(../img/bullets/noticias.gif) no-repeat;} #main #content ul#listaNoticias li a:link, #main #content ul#listaNoticias li a:visited {color:#FFFFFF; text-decoration:none; font-size:10px;} #main #content ul#listaNoticias li a:hover {color:#FFFFFF; text-decoration:underline;font-size:10px;} #main #content small#maisNoticias a{ display:block; color:#006699; font-size:9px; font-style:italic; z-index:18; position:relative; float:right; margin-bottom:-25px; top:-170px; right:29px; } #main #content div#botoesBox{z-index:1; display:block;} #main #content #botoesBox a#fale{display:block;width:100px; height:12px;position:relative; top:-128px; left:630px;} #main #content #botoesBox a#links{display:block;width:100px; height:12px;position:relative; top:-140px; left:830px; } /* Conteúdo Principal */ body#home #main #content #conteudoPrincipal{ margin:-120px 0 0 0px;padding-right:0px;z-index:3;} body#interna #main #content #conteudoPrincipal{ margin:-240px 0 0 0;padding-right:0px;z-index:3;} #main #content #conteudoPrincipal p{ margin:0 25px 5px 25px; width:650px;position:relative; z-index:1000; text-align:justify} #main #content #conteudoPrincipal p.topo{width:650px;} #main #content #conteudoPrincipal p.topo img{vertical-align:text-bottom;} #main #content #conteudoPrincipal p.topo a{ z-index:1; position:relative;} #main #content #conteudoPrincipal h4{ color:#737380; font-size:12px; font-weight:bold; margin:0 0 15px 25px; display:block; position:relative; z-index:1; width:400px;} #main #content #conteudoPrincipal td h3{ color:#4B4B53; font-size:11px; font-weight:bold; margin:0 0 15px 0px; padding-top:0px; display:block; position:relative; z-index:1;} #main #content #conteudoPrincipal #submenuInterna{ border-bottom:1px solid #E5E5E5; background:#F1F0F1; width:468px; margin-bottom:20px; } #main #content #conteudoPrincipal #submenuInterna h3{ color:#4B4B53; font-size:13px; font-weight:bold; margin:0 0 8px 25px; padding-top:90px; display:block; position:relative; z-index:1;} #main #content #conteudoPrincipal #submenuInterna ul{ list-style:none; display:block; z-index:1; position:relative; margin:10px 0 6px 25px;} #main #content #conteudoPrincipal #submenuInterna ul li{ display:inline; padding-right:10px;} #main #content #conteudoPrincipal #submenuInterna ul li.bg{ background:url(../img/bg/submenu_interna.gif) no-repeat !important; padding-left:10px;} #main #content #conteudoPrincipal ul#ancoras{list-style:none; margin:-15px 0 15px 25px; display:block; z-index:2;position:relative;} #main #content #conteudoPrincipal ul#ancoras li{display:inline;padding-right:5px;} #main #content #conteudoPrincipal ul#ancoras li a{font-size:9px;} #main #content #conteudoPrincipal ul#ancoras li.bg{ background:url(../img/bg/ancoras.gif) no-repeat; padding-left:10px;} #main #content #conteudoPrincipal ol{list-style:decimal; margin:-10px 0 15px 0px; padding-left:47px;} #main #content #conteudoPrincipal ul#listaDeLinks{ position:relative; margin:0 0 0 25px; list-style:none; width:400px; } #main #content #conteudoPrincipal ul#listaDeLinks li{ margin-bottom:15px !important;} #main #content #conteudoPrincipal .margem{ margin-bottom:150px; } /* Tabela do Calendário */ #main #content #conteudoPrincipal #tabelaCalendario{ border-collapse:collapse !important; margin:25px 0 0 60px;} #main #content #conteudoPrincipal #tabelaCalendario tbody tr th{border:1px solid #737380;background-color:#E7EBEE; color:#737380; width:75px; height:20px; text-align:center; font-weight:bold;} #main #content #conteudoPrincipal #tabelaCalendario tbody tr td {vertical-align:top;} #main #content #conteudoPrincipal #tabelaCalendario tbody tr td { border-collapse:collapse !important;} #main #content #conteudoPrincipal #tabelaCalendario tbody tr td{ border:1px solid #B5B5BC; color:#737380; width:113px; height:50px; vertical-align:top; text-align:center; vertical-align:middle;} #main #content #conteudoPrincipal #tabelaCalendario tbody tr td.displayNone{ background:#F5F5F5; } #main #content #conteudoPrincipal ul#profTopo{display:block;z-index:1; width:490px; position:relative; margin:0 0 0 25px; list-style:none;} #main #content #conteudoPrincipal ul#profTopo li{margin:0 0 20px 0; width:245px; float:left;} html > body #main #content #conteudoPrincipal ul#profTopo{position:absolute;margin-top:20px;} #main #content #conteudoPrincipal ul#prof{display:block;z-index:1; width:735px; position:relative; margin:0 0 0 25px; list-style:none;} #main #content #conteudoPrincipal ul#prof li{margin:0 0 20px 0; width:245px; float:left;} html > body #main #content #conteudoPrincipal ul#prof{float:left; position:relative; top:-50px;} /* Matrícula */ #main #content #conteudoPrincipal h4#formularioMat{background:#E1E1E4; color:#4B4B53; width:695px; height:24px; padding:11px 0 0 23px; margin-bottom:2px;} #main #content #conteudoPrincipal fieldset#dadosPessoais{ display:block; width:683px; background:#EAEAEE; margin:0 0 2px 25px; padding:0 0 15px 35px;} #main #content #conteudoPrincipal fieldset#dadosPessoais h5{color:#4B4B53; font-size:10px; font-weight:bold; padding:10px 0 10px 23px;} #main #content #conteudoPrincipal fieldset#dadosProfissionais{ display:block; width:683px; background:#F0F0F2; margin:0 0 2px 25px; padding:0 0 15px 35px;} #main #content #conteudoPrincipal fieldset#dadosProfissionais h5{color:#4B4B53; font-size:10px; font-weight:bold; padding:10px 0 10px 23px;} #main #content #conteudoPrincipal fieldset#pagamento{ display:block; width:683px;background:#EAEAEE; margin:0 0 2px 25px; padding:0 0 15px 35px;} #main #content #conteudoPrincipal fieldset#pagamento h5{color:#4B4B53; font-size:10px; font-weight:bold; padding:10px 0 10px 50px;} #main #content #conteudoPrincipal fieldset input{ float:left; border:1px solid #A8A8A8; background:#F6F6F6; font-size:12px; width:530px;} #main #content #conteudoPrincipal fieldset label{margin-left:23px; width:70px; float:left; padding-top:2px;} #main #content #conteudoPrincipal fieldset select{position:relative; top:-2px; width:45px; float:left; margin-right:5px;} #main #content #conteudoPrincipal fieldset label.labelPeq{ width:42px;} #main #content #conteudoPrincipal fieldset label.labelMedio{ width:79px;} #main #content #conteudoPrincipal fieldset label.label30{width:30px;} #main #content #conteudoPrincipal fieldset label.labelPagamento{width:145px;} #main #content #conteudoPrincipal fieldset input.medio{ width:183px;} #main #content #conteudoPrincipal fieldset input.medioDireita{ width:99px;} #main #content #conteudoPrincipal fieldset input.pequeno{ width:77px;} #main #content #conteudoPrincipal fieldset input.afterSelect{ width:133px;} #main #content #conteudoPrincipal fieldset input.grande{ width:280px;} #main #content #conteudoPrincipal fieldset input.radio{ border:none; width:auto; background:none; position:relative; top:-3px; float:left; margin-right:5px;} #main #content #conteudoPrincipal fieldset#pagamento span{float:left; width:190px;} #main #content #conteudoPrincipal fieldset#pagamento input#observacoes{width:451px;} #main #content #conteudoPrincipal fieldset label.labelObservacoes{width:150px;} #main #content #conteudoPrincipal span#rodapeForm{height:11px; display:block;background:#E1E1E4; width:718px;margin:0 0 -8px 25px; text-align:right;} html > body #main #content #conteudoPrincipal span#rodapeForm{margin-bottom:0;} #main #content #conteudoPrincipal span#rodapeForm input{position:relative; top:-5px;margin-right:57px; } /* Fale Conosco */ #main #content #conteudoPrincipal fieldset#faleConosco{ margin-left:25px; width:410px;} #main #content #conteudoPrincipal fieldset#faleConosco label{padding:0; margin:0;} #main #content #conteudoPrincipal fieldset#faleConosco input{width:336px; font-size:12px; display:block; z-index:1; position:relative;} #main #content #conteudoPrincipal fieldset#faleConosco input.btEnviar{ margin-top:10px; float:right } #main #content #conteudoPrincipal fieldset#faleConosco textarea{display:block; z-index:1; position:relative;height:80px; font-size:12px; width:336px;border:1px solid #A8A8A8; background:#F6F6F6;overflow:auto; float:left;} .btEnviar{border:1px solid #fff !important; background:#C1C1C4 !important; height:21px; text-align:center; color:#4B4B53 !important;width:118px !important;} p.clearBoth{clear:both} .linhaUnica{padding-bottom:200px;} /* Lista de Notícias e Documentos para Downloads */ #main #content #conteudoPrincipal ul#listaContPrincipal{ margin-left:25px; display:block; list-style:none; position:relative; z-index:1; width:400px;} #main #content #conteudoPrincipal ul#listaContPrincipal li{background:url(../img/bullets/seta_cinza.gif) left top no-repeat; padding-left:17px; margin-bottom:10px;} #main #content #conteudoPrincipal .menor{width:400px !important;} /* Box Links para download */ #main #content #downloads{margin:20px 0 -15px 0; background:url(../img/bg/downloads.gif) left top repeat-x; height:100px; width:768px; padding-top:15px;} #main #content #downloads h3{background:url(../img/tit/downloads.gif) left top no-repeat; width:165px; height:12px; margin:0 0 0 25px;} #main #content #downloads ul{list-style:none; margin:10px 0 0 25px;} #main #content #downloads ul li{display:inline; width:170px;float:left; padding-left:12px;background:url(../img/bullets/noticias.gif) no-repeat;} #main #content #downloads ul li a:link, #main #content #downloads ul li a:visited{font-size:10px; color:#16385C; text-decoration:none;} #main #content #downloads ul li a:hover{text-decoration:underline;} #main #content #downloads small a{color:#16385C; font-size:9px;font-style:italic; float:right; margin:10px 25px 0 0;} /* RODAPÉ */ #rodape{text-align:center;} #rodape p{color:#FFFFFF; font-size:9px;text-align:center;} #rodape a{color:#fff; font-size:9px; text-decoration:underline;} /* CLASSES */ .indent {text-indent:-9999px;overflow:hidden;} /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/dd_valid_2.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ .menu {font-family: arial, sans-serif; width:604px; height:22px; position:relative; margin:0; font-size:11px; margin:14px 0 0 80px; background:#fff; position:relative; z-index:100; background-image:url(../img/menu/fundo.gif); background-repeat:no-repeat} .menu ul {padding:0; margin:0; list-style-type: none;} .menu ul li { text-align:center; width:110px;} .menu ul li a, .menu ul li a:visited {display:block; width:100px; text-decoration:none; padding:0 0 0 0; height:22px; line-height:22px; color:#999900; font-weight:bold} .menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;} .menu ul li ul {visibility:hidden; position:absolute; top:20px; left:0; } .menu ul li ul li{text-align:left; border-left:1px solid #eee; width:100px;} .menu ul li:hover a, .menu ul li a:hover {color: #996600; width:120px;} .menu ul li:hover ul, .menu ul li a:hover ul {visibility:visible; width:560px;background:#dbe4e8; color: #996600;} .menu ul li:hover ul.right_side li, .menu ul li a:hover ul.right_side li {float:right; border:0; border-left:1px solid #eee; } .menu ul li:hover ul.left_side li, .menu ul li a:hover ul.left_side li {border:0; border-left:1px solid #eee;} .menu ul li:hover ul li a.sub, .menu ul li a:hover ul li a.sub { color: #fff; width:120px;} .menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; left:0; top:30px; } .menu ul li:hover ul li a, .menu ul li a:hover ul li a {display:block; color:#006699; } .menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover { color:#fff; width:120px;} .menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul {visibility:visible; color:#000; } .menu ul li:hover ul.right li {float:right;} .menu ul li:hover ul li:hover ul li a, .menu ul li a:hover ul li a:hover ul li a { color:#000;} .menu ul li:hover ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover ul li a:hover { color:#fff; width:120px;}