body { font-family:Verdana, Geneva, sans-serif; font-size: 12px; background: url(../../img/design/main_bg.png) 0 0 repeat-x #FDFDFE; margin: 0; padding: 0; text-align: center; color: #000000; line-height: 120%; } div { overflow: hidden; _height: 100%; } input, select, textarea { font-family:Verdana, Geneva, sans-serif; font-size: 11px; color: #000000; line-height: 120%; } fieldset { margin: 0; padding: 0; border: none; } form { margin: 0; padding: 0; } h1, h2, h3, h4, h5 { margin: 0; padding: 0; font-weight: normal; } p { padding: 0; margin: 0; } a { text-decoration: none; } a:hover { text-decoration: underline; } a img { border: none; } ul, li { list-style: none; margin: 0; padding: 0; } .left { float: left; } .right { float: right; } .form { width:98%; margin-bottom:10px; } .form_select { margin-bottom:10px; } .paginacao { margin-top:30px; text-align:center } .titleArea { border: solid 1px #D3D3D3; border-bottom-color: #919191; border-right-color: #919191; padding: 1px 3px 2px 3px; background-color: #FFFFFF; } .titleArea h1, .titleArea h2 { float: left; width: 390px; } .titleArea .titlePanel { float: right; border: solid 1px #CCC; background-color: #F4F4F4; padding: 3px 2px; margin: 5px 0 0 0; } .titleArea .titlePanel a { display: block; background-position: 0 3px; background-repeat: no-repeat; padding: 0 6px 0 13px; color: #666666; font-size: 9px; float: left; overflow: hidden; } .titleArea .titlePanel a.p1 { background-image: url(../../img/design/title_panel_email.png); } .titleArea .titlePanel a.p2 { background-image: url(../../img/design/title_panel_print.png); } .titleArea .titlePanel a.p3 { background-image: url(../../img/design/title_panel_lupa.png); padding-right: 0 !important; } h1, h2, h4 { font-family: Lucida Sans Unicode; color: #CC0000; font-size: 12px; display: block; overflow: hidden; background: url(../../img/design/bullet_quadrado.png) 0 3px no-repeat; padding: 0 0 0 15px; line-height: 120%; font-weight: bold; font-style: italic; } h4 { font-style: inherit; } h1 big, h2 big { display: block; font-size: 18px; margin: 5px 0 10px 0; line-height: 120%; width: 390px; color:#333 } #container { width: 1004px; margin: 0 auto; text-align: left; background-color: #FFFFFF; } #header { } #header #header-1 { display: block; height: 29px; background: url(../../img/design/topo_1_bg.png) 0 0 no-repeat; } #header #header-1 ul { float: right; height: 21px; background: #FFFFFF; margin: 8px 0 0 0; padding: 0 0 0 3px; } #header #header-1 ul li { float: left; display: inline; height: 21px; } #header #header-1 ul li a { float:left; display: block; height: 21px; width: auto; line-height: 21px; color: #666666; font-weight: bold; font-style: italic; padding: 0 16px 0 18px; background: url(../../img/design/bullet_estrela.png) left 3px no-repeat; } #header #header-1 ul li a:hover { text-decoration: underline; } #header #header-2 { display: block; height: auto; width: 1004px; } #header #header-3 { display: block; height: 31px; background: url(../../img/design/topo_3_bg.png) 0 0 no-repeat; } #header #header-3 ul { margin: 5px 0 0 15px;; } #header #header-3 ul li { float: left; display: inline; height: 25px; } #header #header-3 ul li.portal a { display: block; height: 25px; width: 52px; line-height: 25px; background: url(../../img/design/topo_3_seta2.png) 0 0 no-repeat; padding: 0 0 0 20px; font-family: Lucida Sans Unicode; color: #FFFFFF; font-size: 14px; margin: 0 10px 0 0; font-style: italic; font-weight: bold; } #header #header-3 ul li.home a { display: block; height: 25px; width: 52px; line-height: 25px; background: url(../../img/design/topo_3_seta.png) 0 0 no-repeat; padding: 0 0 0 20px; font-family: Lucida Sans Unicode; color: #FFFFFF; font-size: 14px; margin: 0 10px 0 0; font-style: italic; font-weight: bold; } #header #header-3 ul li.fale-conosco a { display: block; height: 25px; width: 110px; line-height: 25px; background: url(../../img/design/topo_3_balao.png) 0 0 no-repeat; padding: 0 0 0 26px; font-family: Lucida Sans Unicode; color: #FFFFFF; font-size: 14px; margin: 0 30px 0 0; font-style: italic; font-weight: bold; } #header #header-3 ul li.atalho { padding: 3px 17px 0 0; } #header #header-3 ul li.atalho select { height: 16px; } #header #header-3 ul li.busca { padding: 3px 17px 0 0; } #header #header-3 ul li.busca input { height: 15px; padding: 1px 0 0 0; border: 0; float: left; margin: 0 5px 0 0; width: 140px; } #header #header-3 ul li.busca input.submit { padding: 0; cursor: pointer; width: 60px; } #header #header-3 ul li a:hover { text-decoration: none; color: #A1A140; } #mainContent { padding: 0 0 80px 0; border-left: solid 1px #CCC; border-right: solid 1px #CCC; margin: 0; background: url(../../img/design/menu_bg.png) 145px 0 repeat-y; } #mainContent #leftContent { float: left; width: 147px; padding: 0 0 30px 0; overflow: visible; } #mainContent #leftContent .menu { margin: 15px 0 40px 0; width: 100%; } #mainContent #leftContent .menu li { display: block; } #mainContent #leftContent .menu li h3 { display: block; background: url(../../img/design/left_menu_header.png) 0 0 no-repeat; height: 17px; font-family: Lucida Sans Unicode; font-size: 14px; color: #FFFFFF; line-height: 17px; padding: 0 13px; margin: 0 0 6px 0; } #mainContent #leftContent .menu li a { display: block; margin: 0 8px; border-bottom: solid 1px #d3e9e9; padding: 2px 5px 6px 5px; color: #666666; } #mainContent #leftContent .menu li a:hover { text-decoration: none; color:#C00; } #mainContent #leftContent .menu li.dir { } #mainContent #leftContent .menu li.dir a { background-image: url(../../img/design/bullet_menu_seta.png); background-position: right 3px; background-repeat: no-repeat; } #mainContent #leftContent .menu li.dir ul { } #mainContent #leftContent .menu li.dir ul li { } #mainContent #leftContent .menu li.dir ul li a { background: #FFFFFF; margin-left: 0; } #mainContent #leftContent .menu li.dir ul li a:hover { color:#C00; } #mainContent #leftContent .banner { text-align: center; margin: 6px 0; clear: both; } #mainContent #rightContent { float: right; width: 189px; } #mainContent #rightContent #login { height:250px; background: url(../../img/design/pluga.png) 0 0 no-repeat; background-color:#00335A; padding: 6px 0 20px 16px; margin: 0 0 18px 0; } #mainContent #rightContent #login fieldset { width: 120px; height: 100px; padding: 125px 0 0 15px; } #mainContent #rightContent #login fieldset label { display: block; font-size: 11px; color: #333333; line-height: 13px; } #mainContent #rightContent #login fieldset .text { font-size: 11px; width: 130px; margin:1px; border: solid 1px #999999; height: 18px; } #mainContent #rightContent #login fieldset .submit { font-size: 10px; width: 50px; padding: 1px; border: solid 1px #999999; height: 16px; margin: 1px 0 0 0; cursor: pointer; } #mainContent #rightContent #login .esqueceu { font-size: 10px; display: block; color: #FFFFFF; margin: 3px 0 0 0; font-weight: bold; } #mainContent #rightContent .banner { text-align: center; margin: 10px 0 0 0; } #mainContent #rightContent #calendario { } #mainContent #rightContent #calendario .titleArea { margin: 5px 3px 5px 0; } #mainContent #rightContent #calendario #dialog { display: none; z-index: 570; } #mainContent #centerContent { float: left; width: 630px; margin: 0 0 0 16px; padding: 14px 0 0 0; font:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height: 120%; } #mainContent #centerContent .bannerPg { padding: 0 0 15px 0; } #mainContent #centerContent .box630 { padding: 0 0 15px 0; background: url(../../img/design/box_630_bg.png) left bottom no-repeat #EAEAEA; } #mainContent #centerContent .formulario { width:600px; margin: 0 auto 0 auto; } #mainContent #centerContent .formulario p { float:left; display:block; width:100%; margin: 0 0 10px 0; font-weight:bold} #mainContent #centerContent .formulario .linhaf { width:600px; float:left; margin: 0 0 5px 0; } #mainContent #centerContent .formulario .linhaf label { float:left; width:200px; margin: 0 5px 0 0;} #mainContent #centerContent .formulario .linhaf input { float:left; width:auto; } #mainContent #centerContent .formulario .linhaf textarea { float:left; width:98%; } #mainContent #centerContent #escolas { padding: 0 0 15px 0; } #mainContent #centerContent #escolas .titleArea { } #mainContent #centerContent #escolas .titleArea h2 { float: left; } #mainContent #centerContent #escolas .titleArea h2.tit { width: 550px; } #mainContent #centerContent #escolas .titleArea h2.tit-1 { width: 285px; } #mainContent #centerContent #escolas .titleArea h2.tit-2 { width: 140px; } #mainContent #centerContent #escolas .titleArea h2.tit-3 { width: 135px; } #mainContent #centerContent #escolas .titleArea a { background: url(../../img/design/bullet_seta_up.png) 0 0 no-repeat; width: 17px; height: 13px; text-indent: -9999px; overflow: hidden; display: block; float: right; margin: 2px 0 0 0; } #mainContent #centerContent #escolas .escolas-lista { background: url(../../img/design/box_630_bg.png) left bottom no-repeat #EAEAEA; } #mainContent #centerContent #escolas .escolas-lista ul { float: left; display: block; width: 140px; padding: 7px 0 20px 7px; } #mainContent #centerContent #escolas .escolas-lista ul.col1 { float: left; display: block; width: 135px; padding: 7px 0 20px 7px; } #mainContent #centerContent #escolas .escolas-lista ul.col2 { float: left; display: block; width: 150px; padding: 7px 0 20px 7px; } #mainContent #centerContent #escolas .escolas-lista ul.col3 { float: left; display: block; width: 150px; padding: 7px 0 20px 7px; } #mainContent #centerContent #escolas .escolas-lista ul.col4 { float: left; display: block; width: 160px; padding: 7px 0 20px 7px; } #mainContent #centerContent #escolas .escolas-lista ul li { color: #333366; } #mainContent #centerContent #escolas .escolas-lista ul li a { color: #333366; font-size:9px } #mainContent #centerContent #escolas .escolas-lista ul li a:hover{ color: #C00; } #mainContent #centerContent #noticias { padding: 0 0 10px 0; margin: 0 0 15px 0; background: url(../../img/design/box_630_bg.png) left bottom no-repeat #EAEAEA; } #mainContent #centerContent #noticias .principais { padding: 0 0 2px 0; } #mainContent #centerContent #noticias .principais .noticia { float: left; width: 205px; padding: 8px 0 15px 5px; } #mainContent #centerContent #noticias .principais .noticia .data { color: #666666; font-weight: bold; display: block; } #mainContent #centerContent #noticias .principais .noticia .aimg { border: solid 1px #CCCCCC; width:195px; height:146px; overflow:hidden } #mainContent #centerContent #noticias .principais .noticia img { } #mainContent #centerContent #noticias .principais .noticia .texto { margin: 5px 0 0 0; border-left: solid 1px #CCC; padding: 0 0 0 5px; height: 100px; width: 190px; } #mainContent #centerContent #noticias .principais .noticia .titulo { color: #000000; font-size: 12px; font-weight: bold; padding: 0 0 4px 0; } #mainContent #centerContent #noticias .principais .noticia .chamada { font-style: italic; } #mainContent #centerContent #noticias .principais .noticia .chamada a { color: #666666; } #mainContent #centerContent #noticias .mais { padding: 0 0 0 7px; } #mainContent #centerContent #noticias .mais a { line-height: 25px; color: #000000; font-weight: bold; padding: 0 20px 0 0; background: url(../../img/design/bullet_mais.png) right 0 no-repeat; } #mainContent #centerContent #noticias .mais a span { color: #666666; } #mainContent #centerContent #noticias .mais .vermais { clear: both; font-weight: bold; color: #CC0000; background: url(../../img/design/bullet_mais.png) right 0 no-repeat; padding: 0 20px 0 0; } #mainContent #centerContent #muitomais { padding: 0 0 10px 0; background: url(../../img/design/box_630_bg.png) left bottom no-repeat #EAEAEA; } #mainContent #centerContent #muitomais .conteudo { padding: 14px 7px 6px 7px; } #mainContent #centerContent #muitomais .conteudo h4 { margin: 0 0 13px 0; } #mainContent #centerContent #muitomais .conteudo .left { width: 320px; } #mainContent #centerContent #muitomais .conteudo .youtube { margin: 0 0 5px 0; } #mainContent #centerContent #muitomais .conteudo .left .mais { clear: both; font-weight: bold; color: #CC0000; background: url(../../img/design/bullet_mais.png) right 0 no-repeat; padding: 0 20px 0 0; } #mainContent #centerContent #muitomais .conteudo .right { width: 290px; } #mainContent #centerContent #muitomais .conteudo .right .albuns { border-left: solid 1px #CCCCCC; padding: 10px; } #mainContent #centerContent #muitomais .conteudo .right .albuns .album { padding: 0 0 6px 0; } #mainContent #centerContent #muitomais .conteudo .right .albuns .album .thumb { border: solid 1px #CCC; padding: 4px; background-color: #FFFFFF; width: 86px; display: block; float: left; } #mainContent #centerContent #muitomais .conteudo .right .albuns .album .thumb:hover { background-color: #CCC; } #mainContent #centerContent #muitomais .conteudo .right .albuns .album .thumb img { width: 86px; height: 65px; } #mainContent #centerContent #muitomais .conteudo .right .albuns .album .vname { float: left; width: 160px; padding: 2px 0 0 2px; } #mainContent #centerContent #muitomais .conteudo .right .albuns .album .vname a { color: #000000; font-weight: bold; } #mainContent #centerContent #muitomais .conteudo .right .albuns .mais { clear: both; font-weight: bold; color: #CC0000; background: url(../../img/design/bullet_mais.png) right 0 no-repeat; padding: 0 20px 0 0; } #mainContent #centerContent #albuns { } #mainContent #centerContent #albuns-lista { padding: 24px 18px; } #mainContent #centerContent #albuns-lista .album { margin-bottom: 18px; } #mainContent #centerContent #albuns-lista .album .left { width: 160px; } /*#mainContent #centerContent #albuns-lista .album .left img { width: 227px; height: 170px; }*/ #mainContent #centerContent #albuns-lista .album .right { width: 430px; } #mainContent #centerContent #albuns-lista .album .right p { line-height: 150%; } #mainContent #centerContent #albuns-lista .album .right .data { font-size: 10px; color: #666666; } #mainContent #centerContent #albuns-lista .album .right .desc { margin: 0 0 5px 0; } #mainContent #centerContent #albuns-lista .album .right .desc strong { font-size: 12px; } #mainContent #centerContent #albuns-lista .album .right .ver { color: #666666; font-weight: bold; display: block; background: url(../../img/design/bullet_mais.png) 0 3px no-repeat; height: 13px; padding: 0 0 0 18px; height: 15px; } #mainContent #centerContent #albuns-lista .paginacao { padding: 20px 0 0 0; } #mainContent #centerContent #albuns-lista .paginacao p { text-align: center; } #mainContent #centerContent #albuns-lista .paginacao p a { color: #666666; font-weight: bold; font-size: 12px; padding: 0 5px; } #mainContent #centerContent #albuns-lista .paginacao p a.active { color: #990000; } #mainContent #centerContent #albuns-ver { text-align: center; } #mainContent #centerContent #albuns-ver .scroller { width: 502px; border: solid 1px #CCC; margin: 20px auto 0 auto; } #mainContent #centerContent #albuns-ver .scroller .btn { width: 20px; height: 112px; display: block; overflow: hidden;; float: left; margin: 2px 0 0 0; text-indent: -9999px; } #mainContent #centerContent #albuns-ver .scroller .btnmore { background: url(../../img/design/scroller_right.png) center no-repeat #FFFFFF; } #mainContent #centerContent #albuns-ver .scroller .btnless { background: url(../../img/design/scroller_left.png) center no-repeat #FFFFFF; } #mainContent #centerContent #albuns-ver .scroller .scrollable { width: 462px; height: 116px; float: left; position: relative; } #mainContent #centerContent #albuns-ver .scroller .scrollable .items { *left: 0; width: 20000em; height: 116px; position: absolute; } #mainContent #centerContent #albuns-ver .scroller .scrollable a { display: block; overflow: hidden; width: 150px; height: 112px; border: solid 2px #EAEAEA; float: left; } #mainContent #centerContent #albuns-ver .scroller .scrollable a:hover { border-color: #FF0000; } #mainContent #centerContent #albuns-ver .scroller .scrollable a.active { border-color: #FF0000; } #mainContent #centerContent #albuns-ver .scroller .scrollable a img { width: 150px; height: 112px; } #mainContent #centerContent #albuns-ver #imagem-grande { padding: 20px 0; text-align: center; } #mainContent #centerContent #albuns-ver #imagem-grande img { max-width: 550px; } #mainContent #centerContent #albuns-ver #imagem-desc { padding: 10px 0 40px 0; text-align: left; width: 502px; margin: 0 auto; line-height: 150%; } #mainContent #centerContent #albuns-ver #imagem-desc .data { font-size: 10px; color: #666666; } #mainContent #centerContent #albuns-ver #imagem-desc .desc { margin: 0 0 5px 0; } #mainContent #centerContent #videos-lista { padding: 24px 18px; } #mainContent #centerContent #videos-lista .video { padding: 0 0 15px 0; } #mainContent #centerContent #videos-lista .video .left { width: 130px; } #mainContent #centerContent #videos-lista .video .left img { width: 120px; height: 90px; } #mainContent #centerContent #videos-lista .video .right { width: 460px; } #mainContent #centerContent #videos-lista .video .right p { line-height: 150%; } #mainContent #centerContent #videos-lista .video .right .data { font-size: 10px; color: #666666; } #mainContent #centerContent #videos-lista .video .right .desc { margin: 0 0 5px 0; } #mainContent #centerContent #videos-lista .video .right .desc strong { font-size: 12px; } #mainContent #centerContent #videos-lista .paginacao { padding: 20px 0 0 0; } #mainContent #centerContent #videos-lista .paginacao p { text-align: center; } #mainContent #centerContent #videos-lista .paginacao p a { color: #666666; font-weight: bold; font-size: 12px; padding: 0 5px; } #mainContent #centerContent #videos-lista .paginacao p a.active { color: #990000; } #mainContent #centerContent #video-grande { padding: 24px 18px; } #mainContent #centerContent #video-grande .video-area { text-align: center; } #mainContent #centerContent #video-grande #video-desc { padding: 18px 0 40px 0; text-align: left; width: 502px; margin: 0 auto; line-height: 150%; } #mainContent #centerContent #video-grande #video-desc .data { font-size: 10px; color: #666666; } #mainContent #centerContent #video-grande #video-desc .desc { margin: 0 0 5px 0; } #mainContent #centerContent #video-grande #videos-anexados { padding: 4px 0 40px 0; text-align: left; width: 502px; margin: 0 auto; } #mainContent #centerContent #video-grande #videos-anexados li { float: left; } #mainContent #centerContent #video-grande #videos-anexados li a { display: block; overflow: hidden; width: 100px; height: 75px; margin: 0 20px 18px 0; border: solid 2px #666666; } #mainContent #centerContent #video-grande #videos-anexados li a:hover { border-color: #990000; } #mainContent #centerContent #video-grande #videos-anexados li a img { width: 100px; height: 75px; } #mainContent #centerContent #interna { } #mainContent #centerContent #interna .conteudo { padding: 12px 10px; } #mainContent #centerContent #interna .conteudo p { margin: 0 0 12px 0; color: #333333; line-height: 120%; } #mainContent #centerContent #interna .conteudo .video { padding: 4px 0 16px 0; } #mainContent #centerContent #interna .conteudo .video .left { width: 315px; } #mainContent #centerContent #interna .conteudo .video .right { width: 290px; } #mainContent #centerContent #mais-noticias { margin: 20px 0 0 0; } #mainContent #centerContent #mais-noticias .noticia { margin: 10px; } #mainContent #centerContent #mais-noticias .noticia .data { font-size: 10px; color: #666666; } #mainContent #centerContent #mais-noticias .noticia .desc { margin: 0 0 5px 0; } #mainContent #centerContent #mais-noticias .noticia .desc a { color: #000000; } #mainContent #centerContent #mais-noticias .noticia .desc strong { font-size: 12px; } #footer { background: #CA0000; height: 100px; margin: 0; text-align: center; } #footerContent { background: url(../../img/design/footer_bg.jpg) 0 0 no-repeat; text-align: left; margin: 0 auto; width: 1004px; height: 100px; } #footerContent p { margin: 30px 0 0 0; color: #FFFFFF; font-size: 11px; text-align: center; } #footerContent p a { text-decoration: underline; color: #FFFFFF; }