/*---------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------- 1) HTML tags ---------------------------------------------------------------------------------------------------------- */ html,body { width:100%; height:100%; margin:0 0 0 0; padding:0 0 0 0; } html { background-image:url(../images/fundo_grad.png); background-repeat:repeat; background-position:left top; } body { font: normal normal normal 9px/normal Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: left; } #background { width:100%; height:100%; position:fixed; top:0px; left:0px; background-image: url(../images/fundo.png); background-repeat:repeat; background-position:left top; } h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:0 0;} h5 { font-size: 11px; font-weight: bold } /* ---------------------------------------------------------------------------------------------------------- 2) HTML styles ---------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------- 3) Layout ---------------------------------------------------------------------------------------------------------- */ #main {width:836px; margin:0 auto; overflow:hidden;} #header {position:relative; height:290px;} #menu-box {z-index:301;position: absolute; top: 0px; left:36px; margin:0px; width: 167px; height: 250px; background-color: white;} #menu-box-img {z-index:301;position: absolute; top: 250px; left: 34px; margin:0px; width: 170px; height: 7px;background-image:url(../images/roundBox/roundBottom.png);background-position:bottom; background-repeat:no-repeat;} #menu-box-left-border {z-index:301;position: absolute; top: 0; left: 31px; margin:0px; width: 5px; height: 250px; background-image:url(../images/roundBox/left-box.png);background-position:top; background-repeat:repeat-y;} #menu-box-right-border {z-index:301;position: absolute; top: 0; left: 201px; margin:0px; width: 6px; height: 250px;background-image:url(../images/roundBox/right-box.png);background-position:top; background-repeat:repeat-y;} #logoPIE {position: absolute; top: 6px; left: 37px; margin:0px;} #linksDiv {width:115px;left:22px; height:135px; position:relative; top:89px; margin:0px;} #linksDiv .separador{width:100%;background-image:url(../images/roundBox/separador.jpg);background-repeat:no-repeat;background-position:middle center;height:1px;} #linksDiv .link{width:100%;font-family:Verdana;font-size:7pt;font-weight:bold;padding-left:11px;text-align:left;margin-top:5px;margin-bottom:5px;} #linksDiv .link a,#linksDiv .link a:visited{color:#363535;text-transform:uppercase;text-decoration:none;} #linksDiv .link a:hover{text-decoration:underline;} #login-box {position: absolute; top: 0px; right: 6px; width: 388px; height: 70px; font-weight: bold; text-align:left; background: white;padding-top:0px;} #login-box-left-border {position: absolute; top:0px; right: 394px; margin:0px; width: 5px; height: 70px; background-image:url(../images/loginBox/left-box.png);background-repeat:repeat-y;background-position:top;} #login-box-right-border {position: absolute; top:0px; right: 0px; margin:0px; width: 6px; height: 70px; background-image:url(../images/loginBox/right-box.png);background-repeat:repeat-y;background-position:top;} #login-box-bottom-border {position: absolute; top:70px; right: 3px; margin:0px; width: 395px; height: 5px; background-image:url(../images/loginBox/bottom-box.png);background-repeat:no-repeat;background-position:top;} .areaTitle{text-transform:uppercase;color:#BA252B;font-weight:bold;width:105px;} #loginTable{margin-top:13px;width:373px;margin-left:8px;} #loginTable .loginLabel{color:Black;width:55px;font-weight:normal;} #loginTable .loginField input{width:67px;height:16px;border:solid 1px #A0A0A1;font-size:8pt;} #loginInfo{margin-top:7px;width:373px;margin-left:10px;font-weight:normal;font-size:7pt;font-family:Tahoma;} #loginInfo a,#loginInfo a:visited{color:Black;text-decoration:none;} #loginInfo a:hover{text-decoration:underline;} #banner{position:absolute;left:0;z-index:300;top:88px;left:0px;background-image:url(../images/banner/banner.png);background-repeat:no-repeat;background-position:left;width:838px;height:184px;} #banner_en{position:absolute;left:0;z-index:300;top:88px;left:0px;background-image:url(../images/banner/banner_en.png);background-repeat:no-repeat;background-position:left;width:838px;height:184px;} #newsBox{position:relative;height:304px;width:433px;padding:0 0 0 0;} #newsBox #newsBox-top{position:absolute;left:0px;height:13px;width:100%;background-image:url(../images/newsBox/box-top.png);background-repeat:no-repeat;background-position:top;} #newsBox #newsBox-border-left{position:absolute;left:0;top:13px;width:5px;height:277px;background-image:url(../images/newsBox/box-left.png);background-repeat:repeat-y;background-position:top;} #newsBox #newsBox-middle{overflow:hidden;padding-left:18px;position:absolute;background-color:white;left:5px;top:13px;width:407px;height:277px;} #newsBox #newsBox-border-right{position:absolute;left:428px;top:13px;width:5px;height:277px;background-image:url(../images/newsBox/box-right.png);background-repeat:repeat-y;background-position:top;} #newsBox #newsBox-bottom{position:absolute;top:290px;height:14px;width:100%;background-image:url(../images/newsBox/box-bottom.png);background-repeat:no-repeat;background-position:top;} .separatorTitle{margin-top:3px;background-image:url(../images/newsBox/titulo-separador.png);background-repeat:no-repeat;background-position:left;height:4px;} #newsBox #newsTable{width:380px;margin-top:5px;} #newsBox .newsTitle{font-weight:bold;} #newsBox .newsTitle a,#newsBox .newsTitle a:visited{color:Black;text-decoration:none;} #newsBox .newsTitle a:hover{text-decoration:underline;} #newsBox .newsImage{height:70px;width:70px;background-position:center top;background-repeat:no-repeat;} #newsBox .newsResume{text-align:justify;padding-right:10px;} #newsBox .newsSeparator{height:5px;} #destBox{position:relative;height:304px;width:385px;margin-top:-304px;margin-left:450px;padding:0 0 0 0;} #destBox #destBox-top{position:absolute;left:0px;height:13px;width:100%;background-image:url(../images/destakBox/box-top.png);background-repeat:no-repeat;background-position:top;} #destBox #destBox-border-left{position:absolute;left:0;top:13px;width:5px;height:190px;background-image:url(../images/destakBox/box-left.png);background-repeat:repeat-y;background-position:top;} #destBox #destBox-middle{overflow:hidden;padding-left:18px;position:absolute;background-color:white;left:5px;top:13px;width:357px;height:190px;} #destBox #destBox-border-right{position:absolute;left:380px;top:13px;width:5px;height:190px;background-image:url(../images/destakBox/box-right.png);background-repeat:repeat-y;background-position:top;} #destBox #destBox-bottom{position:absolute;top:203px;height:16px;width:100%;background-image:url(../images/destakBox/box-bottom.png);background-repeat:no-repeat;background-position:top;} .separatorTitle{margin-top:3px;background-image:url(../images/destakBox/destak-separador.png);background-repeat:no-repeat;background-position:left;height:4px;} #destBox #destTable{width:335px;margin-top:5px;} #destBox .destTitle{font-weight:bold; } #destBox .destImage{height:60px;width:70px; border:0px;} #destBox .destResume{text-align:justify;padding-right:10px;} #parceirosBox{position:relative;height:85px;width:385px;margin-top:-85px;margin-left:447px;padding:0 0 0 0;} #parceirosBox #parceirosBox-top{position:absolute;left:0px;height:15px;width:385px;background-image:url(../images/parceirosBox/box-top.png);background-repeat:no-repeat;background-position:left top;} #parceirosBox #parceirosBox-border-left{position:absolute;left:2px;top:15px;width:5px;height:52px;background-image:url(../images/parceirosBox/box-left.png);background-repeat:repeat-y;background-position:left top;} #parceirosBox #parceirosBox-middle{overflow:hidden;padding-left:18px;position:absolute;background-color:white;left:5px;top:13px;width:359px;height:52px;} #parceirosBox #parceirosBox-border-right{position:absolute;left:382px;top:13px;width:5px;height:52px;background-image:url(../images/parceirosBox/box-right.png);background-repeat:repeat-y;background-position:top;} #parceirosBox #parceirosBox-bottom{position:absolute;left:1px;top:65px;height:18px;width:100%;background-image:url(../images/parceirosBox/box-bottom.png);background-repeat:no-repeat;background-position:top;} .separatorTitle{margin-top:3px;background-image:url(../images/parceirosBox/destak-separador.png);background-repeat:no-repeat;background-position:left;height:4px;} #parceirosBox #parceirosTable{width:350px;margin-top:18px;} #parceirosBox .parceirosTitle{font-weight:bold;} #parceirosBox .parceirosImage{height:60px;width:70px;} #parceirosBox .parceirosResume{text-align:justify;padding-right:10px;} #parceirosBox .parceirosSeparator{height:19px;} #parceirosImages{width:330px;text-align:left} #parceirosImages .parceiroImg{max-height:32px;max-width:48px;} #copyright{position:absolute;color:#272525;top:600px;left:310px;} #copyright a,#copyright a:visited{color:#272525;text-decoration:none;} #copyright a:hover{text-decoration:underline;} .scroll-pane { width: 97%; height: 100%; overflow: auto; float: left; }