@charset "UTF-8"; /***** Components Reseting into *****/ body {font-size:62.5%; line-height:1.25; background:#003366; font-family:Trebuchet MS, Verdana, Arial, helvetica; } /* font-family:Trebuchet MS - Style 2 com fonte Trebuchet MS e bold nos Links do Header e texto do Rodape */ body.educacao {background: url(../img/fundo_educacao.gif) top repeat-x #7BB6DE;} #container #wrap #leftCol #boxSolutions #tabsSolutions ol, #container #wrap #leftCol #contentSolutions ol {list-style:none;} * a {text-decoration:none;} legend {display:none;} /***** Common Styles *****/ #container #wrap #header2 ul li, #container #wrap #header2 ul li a:link, #container #wrap #header2 ul li a:visited, #container #wrap #header2 h1, #container #wrap #header2 h1 a:link, #container #wrap #header2 h1 a:visited, #container #wrap #headerEduc ul li, #container #wrap #headerEduc ul li a:link, #container #wrap #headerEduc ul li a:visited, #container #centerContent #centerInt3 h2, #container #centerContent .centerInt h2, #container #centerContent #centerInt3 p, #container #wrap #centerContent #leftCol #menu a:link, #container #wrap #centerContent #leftCol #menuSubItem a:link, #container #wrap #centerContent #leftCol #menu a:visited, #container #wrap #centerContent #leftCol #menuSubItem a:visited, #container #centerContent #center .notices, #container #centerContent #center .notices h3 a:link, #container #centerContent #center .notices h3 a:visited, #container #centerContent #center .notices p a:link, #container #centerContent #center .notices p a:visited, #container #centerContent #center .notices p.oldNotices a:link, #container #centerContent #center .notices p.oldNotices a:visited, #container #centerContent #centerInt3 li.titleList a:link, #container #centerContent #centerInt3 li.titleList a:visited, #container #centerContent #centerInt3 label, #container #centerContent #centerInt3 li p a:link, #container #centerContent #centerInt3 li p a:visited, #container #centerContent #centerInt3 ul li a:link, #container #centerContent #centerInt3 ul li a:visited, #container #centerContent #centerInt3 p a:link, #container #centerContent #centerInt3 p a:visited, #container #centerContent #centerInt3 div.pagination ul.paginationList li a:link, #container #centerContent #centerInt3 div.pagination ul.paginationList li.pageSelected a:link, #container #centerContent #centerInt3 div.pagination ul.paginationList li a:visited, #container #centerContent #centerInt3 div.pagination ul.paginationList li.pageSelected a:visited, #footer #footer2 ul li, #container #wrap .menuEducHome ul li a:link, #container #centerContent #centerInt3 h3, #container #centerContent #centerInt3 ul.internalLists li a:link, #container #centerContent #centerInt3 ul.internalLists li a:visited, #container #centerContent #centerInt3 ul.internalLists li em, #container .informe #centerInt1 #centerInt2 p.titleInforme, #container .informe #centerInt1 #centerInt2 p, #container .informe #centerInt1 #centerInt2 p a:link, #container .informe #centerInt1 #centerInt2 p a:visited, #container #centerContent .centerInt li.titleList a:link, #container #centerContent .centerInt li.titleList a:visited, #container #wrap #centerContent .centerInt ul li a:link, #container #wrap #centerContent .centerInt ul li a:visited, #container #centerContent .centerInt p.infoResult, #container #centerContent .centerInt p, #container #wrap #centerContent .centerInt .centerInt2 div.flipContent ul li h3, #container #wrap #centerContent .centerInt .centerInt2 div.flipContent div.flipPanel table tr td.titlesTableInt a:link, #container #wrap #centerContent .centerInt .centerInt2 div.flipContent div.flipPanel table tr td.titlesTableInt a:visited, .lista {color:#1a4570;} #container #wrap .menuEducHome ul li a:visited, #container #centerContent #center .notices div.searchHorizExtended ul li a:link, #container #centerContent #center .notices div.searchHorizExtended ul li a:visited, #container #wrap #centerContent .centerInt .centerInt2 div.flipContent ul li span , #container #wrap #centerContent .centerInt .centerInt2 div.flipContent div.flipPanel table tr th h4, #container #wrap #centerContent .centerInt .centerInt2 div.flipContent div.flipPanel table tr td.subTitlesTableInt, #container #wrap #centerContent .centerInt .centerInt2 div.flipContent div.flipPanel h4, #container #wrap #centerContent .centerInt .centerInt2 div.flipContent div.flipResult h3.titleFlipTextFlow { color:#3399CC;} #container #centerContent #centerInt3 ul li a:hover, #container #centerContent #centerInt3 p a:hover, #container #wrap #centerContent .centerInt .centerInt2 div.flipContent div.flipPanel table tr td.titlesTableInt a:hover {text-decoration:underline;} /***** container *****/ #container #wrap {background: #fff url(../../img/concessionarias/bgWrap.gif) right top no-repeat; _background: #fff url(../../img/concessionarias/bgWrapIE.gif) right top no-repeat;} #container .wrapEduc { background: url(../img/bgEduc.gif) center 11.6em no-repeat !important;} #container .wrapEducHome {background: url(../img/bgHomeEduc.gif) center top no-repeat !important;} /***** rightCol *****/ #container #wrap #rightCol #rightCol2 #banners { width:13.5em; height:auto; position:absolute; bottom:0; left:0; overflow:hidden; } #container #wrap #rightCol #rightCol2 #banners a.banner {display:block; margin:0 0 1em 0; } /***** header *****/ #container #wrap #header { background:url(../../img/concessionarias/rightTopHeader.gif) right top no-repeat;} #container #wrap #header2 /* #container #wrap #headerEduc*/ { zoom:1; background:url(../../img/concessionarias/leftTopHeader.gif) left top no-repeat; text-align:right; position:relative; /* padding:0.6em; */} /* font-weight:bold; - Style 2 com fonte Trebuchet MS e bold nos Links do Header e texto do Rodape */ #container .wrapEduc .headerHomeEduc { background:none !important;} #container .wrapEduc .headerHomeEduc h1 { display:none;} #container .wrapEduc .headerHomeEduc ul li a:link, #container .wrapEduc .headerHomeEduc ul li a:visited { color:#fff !important;} #container #wrap #header2 .fonte1, #container #wrap #headerEduc li a.fonte1 {font-size:1.1em;} #container #wrap #header2 .fonte2, #container #wrap #headerEduc li a.fonte2 {font-size:1.2em;} #container #wrap #header2 .fonte3, #container #wrap #headerEduc li a.fonte3 {font-size:1.3em;} #container #wrap #header #header2 ul, #container #wrap #headerEduc ul {font-weight:bold; height:2.4em;} #container #wrap #header #header2 ul {padding:0.6em 0.6em 0 0.6em;} #container #wrap #header #header2 ul li, #container #wrap #header #header2 ul li a:link, #container #wrap #header #header2 ul li a:visited, #container #wrap #footer #footer2 ul li {display:inline; width:99.9%;} #container #wrap #footer #footer2 ul li {color:#fff;} #container #wrap #footer #footer2 ul li span.sacFooter { font-size:1.8em; font-weight:bold; padding:0 0 0 4.4em;} #container #wrap #footer #footer2 ul li span.destEmpresaFooter, #container #wrap #footer #footer2 ul li span.destAguasFooter { position:absolute; right:0; top:0; padding:0.4em 1em 0 0;} #container #wrap #footer #footer2 ul li span.destAguasFooter { font-size:1.6em; font-weight:bold; padding:0.8em 0.6em 0 0;} #container #wrap #header #header2 h1, #container #wrap #centerContent h1 { text-align:left; font-size:3.0em; padding:0 8px; display:block !important; position:absolute; _position:static !important; *position:static !important; /**/position:static !important;} #container #wrap #header #header2 h1 { background:white !important; } #container #wrap #centerContent h1 { text-align:left; *left:0;} #container #wrap #header #header2 ul li, #footer #footer2 ul li { border-right:solid 1px #1a4570; padding:0 0.4em;} #footer #footer2 ul li { border-right:solid 1px #fff;} #container #wrap #header #header2 ul li.noBar, #container #wrap #headerEduc ul li.noBar, #footer #footer2 ul li.noBar { border-right:none; padding:0;} #container #wrap #header #header2 ul li.barSpace, #container #wrap #headerEduc ul li.noBar, #footer #footer2 ul li.noBar { padding-left:0.4em;} /* #container .wrapEduc .headerHomeEduc ul li{ border-right:solid 1px #fff !important;} #container .wrapEduc .headerHomeEduc ul li.noBar{ border-right:none !important;} */ /* #container #wrap #headerEduc { background:url(../img/headerEducacional.gif) center top no-repeat; position:relative;} #container #wrap #headerEduc h1 a.logoHomeEduc { width:248px; height:116px; position:absolute; left:0; top:0;} #container #wrap #headerEduc ul { width:36%; float:right; line-height:18px;} #container #wrap #headerEduc ul li { width:auto; float:left; margin:0.6em 0 0 0;} #container #wrap #headerEduc ul li.searchLi { width:130px;} #container #wrap #headerEduc ul li.loopImg {margin:-0.2em 0.4em 0 0; } */ /***** Center Content *****/ /***** leftCol *****/ /***** search *****/ #centerContent #leftCol #search form fieldset input, #container #wrap #headerEduc #search form fieldset input { float:left; border-top:solid 1px #f5f6f8; border-right:none; border-bottom: solid 2px #728ba9; border-left:solid 1px #f5f6f8; margin:0.8em 0 0 0; padding:0; width:85%; height:15.4px; *height:16px; color:#244a79; font: bold-weight:bold; font-size:1.1em; text-align:center;} #container #wrap #centerContent #leftCol #menu ul li.searchLiConcess div#search form fieldset input {width:78%;} #centerContent #leftCol #search form fieldset img, #container #wrap #headerEduc #search form fieldset img { float:left; margin:0.8em 0 0 -1px;} #container #wrap #headerEduc #search form fieldset input {margin:0; width:80%} #container #wrap #headerEduc #search form fieldset img {margin:0; } /***** menu *****/ #container #wrap #centerContent #leftCol #menu, #container #wrap #centerContent #leftCol #menuSubItem { text-align:left;} #container #wrap #centerContent #leftCol #menu ul li, #container #wrap #centerContent #leftCol #menuSubItem ul li { width:100%; display:inline-block; /*height:36px; RETIRADO PARA TESTE COM SCROLL */ width:auto% !important; border-bottom:solid 0.2em #a3ccde; /* padding:0.4em 0 0.2em 0; */} #container #wrap #centerContent #leftCol #menu ul li.noUnderline, #container #wrap #centerContent #leftCol #menuSubItem ul li.noUnderline { border-bottom:none;} #container #wrap #centerContent #leftCol #menu ul li img, #container #wrap #centerContent #leftCol #menuSubItem ul li img { margin:0 0 0 0.8em; float:left;} #container #wrap #centerContent #leftCol #menu ul li.searchLiConcess div#search form fieldset label img { margin:0.8em 0 0 0;} #container #wrap #centerContent #leftCol #menu ul li a, #container #wrap #centerContent #leftCol #menuSubItem ul li a, #container #centerContent #centerInt3 ul.paginationList li, #container #centerContent .centerInt ul.paginationList li { line-height:36px; } #container #wrap #centerContent #leftCol #menu a:link, #container #wrap #centerContent #leftCol #menuSubItem a:link, #container #wrap #centerContent #leftCol #menu a:visited, #container #wrap #centerContent #leftCol #menuSubItem a:visited { font-weight:bold; font-size:1.2em;} /***** Featured *****/ /* div.tabs, .notices div.tabs { margin:0 0 0 0.1em; *margin:0; width:607px; height:3.5em; position:absolute; left:0; top:0; overflow:hidden;} .notices div.tabs {position:relative; background: url(../img/slideHome/menu.gif) center top no-repeat; text-align:left;} div.tabs ul { float:left;} div.tabs ul li { display:block; float:left; width:8em; height:3.6em; padding:0 0.4em 0 0; cursor:pointer !important;} div.tabs ul li a { display:block; height:3.6em; zoom:1;} div.tabs ul li a span { display:none;} */ /**** Internal ****/ #container #wrap #centerContent #leftCol #menuSubItem ul li { padding: 0 0 0 1.6em;} #container #wrap #centerContent #leftCol #menuSubItem ul li.iconMenuSubItem { margin-left:-1.4em;} #container #centerContent div.leftColMenuEduc { background: url(../img/bgMenuEduc.gif) right top no-repeat;} #container #wrap #centerContent #leftCol div.menuEduc ul { margin:0.6em 0 2em 4.6em !important; /*margin:0.6em 2.8em !important;*/ } #container #wrap #centerContent div.leftColMenuEduc div.menuEduc ul li { font-size:1.4em; /* new */} #container #wrap #centerContent #leftCol div.menuEduc ul li.titleMenuEduc {font-size:2em;} #container #wrap #centerContent #leftCol div.menuEduc ul li.titleMenuEduc, #container #wrap #centerContent #leftCol div.menuEduc ul li.listEndMenuEduc {border-bottom:none !important;} #container #wrap #centerContent #leftCol div.menuEduc ul li a:link, #container #wrap #centerContent #leftCol div.menuEduc ul li a:visited {color:#3399cc !important;} #container #wrap #centerContent #leftCol div.menuEduc ul li.btMenuPrincipal{padding:0 !important; border-bottom:none !important;} #container #wrap #centerContent #leftCol div.menuEduc ul li {padding:0 !important; width:96% !important;} #container #wrap #centerContent #leftCol div.menuEduc ul li.btMenuPrincipal img {margin:0 0 0 -0.4em !important; overflow:visible !important;} #container #wrap #centerContent .centerInt .centerInt2 { margin-top:5.4em; _margin-top:0; /* _padding-top:5.4em; */ overflow:hidden;} #container #wrap #centerContent .centerInt .centerInt2 h2{ _padding-top:5.4em;} #container #wrap #centerContent .centerInt .intGroup {margin:0;} #container #wrap #centerContent .centerInt .intGroup h2 { float:none;} #container #wrap #centerContent .centerInt .intGroup table tr td img { padding:1em; *padding:1em 0.2em 1em 1em;} #container #wrap #centerContent .centerInt .centerInt2 h2 { font-size:2em; font-weight:bold; /* text-transform:uppercase; */ padding-bottom:0; text-align:right;} #container #wrap #centerContent .centerInt {text-align:left; /* position:relative; */} #container #wrap #centerContent div.centerGroup { padding-top:0.4em; /* width:90%; *width:auto; */ overflow:hidden; *overflow:visible;} .lista { clear:left; list-style-type: disc; padding:1em 2em; list-style-position: inside;} .lista li { font-size:12px; padding:0 2em;} .centerInt2 ul { clear:left; list-style-type: disc; padding:1em 2em; list-style-position: inside; color:#1a4570;} .centerInt2 li { font-size:12px; padding:0 2em; color:#1a4570;} /* Account */ #container #wrap #centerContent div.centerGroupAccount { padding-top:0.4em; width:100%; *width:auto; overflow:hidden; *overflow:visible;} #container #wrap #centerContent div.centerGroup h2 {margin:1em 1em 1em 0.8em;} #container #wrap #centerContent .centerInt ul.first, #container #wrap #centerContent .centerInt2 ul.first{ padding-top:8em;} #container #wrap #centerContent .centerInt p.firstP { padding-top:1em;} #container #wrap #centerContent .centerInt .intGroup p.firstP { padding-top:0;} #container #wrap #centerContent .centerInt ul li a:hover { text-decoration:underline;} #container #wrap #centerContent .centerInt .centerInt2 div.img { clear:right; display:block !important; float:right !important; padding:1em 2em 1em 1em; } #container #wrap #centerContent .centerInt2 { /*position:relative;*/} /* Flip Contents */ #container #wrap #centerContent .centerInt .centerInt2 div.flipContent ul li h3, #container #wrap #centerContent .centerInt .centerInt2 div.flipContent div.flipPanel table tr td.titlesTableInt, #container #wrap #centerContent .centerInt .centerInt2 div.flipContent ul li span , #container #wrap #centerContent .centerInt .centerInt2 div.flipContent div.flipPanel table tr th h4, #container #wrap #centerContent .centerInt .centerInt2 div.flipContent div.flipPanel table tr td.subTitlesTableInt, #container #wrap #centerContent .centerInt .centerInt2 div.flipContent div.flipPanel h4, #container #wrap #centerContent .centerInt .centerInt2 div.flipContent div.flipPanel .titlesTableInt { font-weight:bold;} #container #wrap #centerContent .centerInt .centerInt2 div.flipContent div.flipPanel table tr td.subTitlesTableInt { text-align:right;} #container #wrap #centerContent .centerInt .centerInt2 div.flipContent div.flipPanel { min-height:290px; height:auto !important; height:290px; margin:0 0 0 1em; padding:1em; float:right; background:#E3F0F6; width:46%;} #container #wrap #centerContent .centerInt .centerInt2 div.flipContent div.flipPanel table { } #container #wrap #centerContent .centerInt .centerInt2 div.flipContent div.flipPanel table tr { } #container #wrap #centerContent .centerInt .centerInt2 div.flipContent div.flipPanel table tr td { padding:0.2em;} #container #wrap #centerContent .centerInt .centerInt2 div.flipContent div.flipPanel h4 { padding:0 0 1em 0;} #container #wrap #centerContent .centerInt .centerInt2 div.flipContent div.flipPanel table tr th h4, #container #wrap #centerContent .centerInt .centerInt2 div.flipContent div.flipPanel h4 { font-size:1.3em;} #container #wrap #centerContent .centerInt .centerInt2 div.flipContent div.flipResult { width:auto;} #container #wrap #centerContent .centerInt .centerInt2 div.flipContent div.flipResult ul {list-style-type:none;} #container #wrap #centerContent .centerInt .centerInt2 div.flipContent div.flipResult ul li h3 { margin:0; padding:1em 0 0 0;} #container #wrap #centerContent .centerInt .centerInt2 div.flipContent div.flipResult h3.titleFlipTextFlow { font-size:1.4em; padding:0.6em 0 0 1.4em;} #container #wrap #centerContent .centerInt .centerInt2 div.flipContent div.flipResult ul li span { clear:left;} #container #wrap #centerContent .centerInt .centerInt2 div.flipContent div.flipPanel ul {padding:0;} #container #wrap #centerContent .centerInt .centerInt2 div.flipContent div.flipPanel ul li {padding:0px;} /**** Account Details****/ #container #wrap #centerContent .centerInt .centerInt2 div.imgConta { position:relative; width:590px; height:1514px; padding:1em; background: url(../../img/concessionarias/conta2.gif) center top no-repeat; } #container #wrap #centerContent .centerInt .centerInt2 div.imgContaAgulhasNegras { position:relative; width:590px; height:1514px; padding:1em; background: url(../../img/concessionarias/contaAgulhasNegras.gif) center top no-repeat; } #container #wrap #centerContent .centerInt .centerInt2 div.imgContaJuturnaiba { position:relative; width:590px; height:1514px; padding:1em; background: url(../../img/concessionarias/contaJuturnaiba.gif) center top no-repeat; } #container #wrap #centerContent .centerInt .centerInt2 div.imgContaNovaFriburgo { position:relative; width:590px; height:1514px; padding:1em; background: url(../../img/concessionarias/contaNovaFriburgo.gif) center top no-repeat; } #container #wrap #centerContent .centerInt .centerInt2 div.imgContaAguasdoImperador { position:relative; width:590px; height:1514px; padding:1em; background: url(../../img/concessionarias/contaAguasdoImperador.gif) center top no-repeat; } #container #wrap #centerContent .centerInt .centerInt2 div.imgContaAguasdoParaiba { position:relative; width:590px; height:1514px; padding:1em; background: url(../../img/concessionarias/contaAguasdoParaiba.gif) center top no-repeat; } #container #wrap #centerContent .centerInt .centerInt2 div.imgContaSanej { position:relative; width:590px; height:1514px; padding:1em; background: url(../../img/concessionarias/contaSanej.gif) center top no-repeat; } #container #wrap #centerContent .centerInt .centerInt2 div.imgContaAguasdeAracoiaba { position:relative; width:590px; height:1514px; padding:1em; background: url(../../img/concessionarias/contaAguasdeAracoiaba.gif) center top no-repeat; } #container #wrap #center .centerInt2 div.imgConta div.itensList, #container #wrap #center .centerInt2 div.imgContaAgulhasNegras div.itensList, #container #wrap #center .centerInt2 div.imgContaJuturnaiba div.itensList, #container #wrap #center .centerInt2 div.imgContaNovaFriburgo div.itensList, #container #wrap #center .centerInt2 div.imgContaAguasdoImperador div.itensList, #container #wrap #center .centerInt2 div.imgContaAguasdoParaiba div.itensList, #container #wrap #center .centerInt2 div.imgContaSanej div.itensList, #container #wrap #center .centerInt2 div.imgContaAguasdeAracoiaba div.itensList { position:absolute; width:100%; left:0; margin-left:0; top:0; margin-top:106px; } /* Text-Replacement */ /* #container #wrap #center .centerInt2 div.imgConta div.itensList ul li { float:left; height:40px;} #container #wrap #center .centerInt2 div.imgConta div.itensList ul li a { position:absolute; display:block; width:158px; height:0; padding-top:40px; overflow:hidden; border:solid 1px red} */ #container #wrap #center .centerInt2 div.imgConta div.itensList ul, #container #wrap #center .centerInt2 div.imgContaAgulhasNegras div.itensList ul, #container #wrap #center .centerInt2 div.imgContaJuturnaiba div.itensList ul, #container #wrap #center .centerInt2 div.imgContaNovaFriburgo div.itensList ul, #container #wrap #center .centerInt2 div.imgContaAguasdoImperador div.itensList ul, #container #wrap #center .centerInt2 div.imgContaAguasdoParaiba div.itensList ul, #container #wrap #center .centerInt2 div.imgContaSanej div.itensList ul, #container #wrap #center .centerInt2 div.imgContaAguasdeAracoiaba div.itensList ul {padding: 0;} #container #wrap #center .centerInt2 div.imgConta div.itensList ul li, #container #wrap #center .centerInt2 div.imgContaAgulhasNegras div.itensList ul li, #container #wrap #center .centerInt2 div.imgContaJuturnaiba div.itensList ul li, #container #wrap #center .centerInt2 div.imgContaNovaFriburgo div.itensList ul li, #container #wrap #center .centerInt2 div.imgContaAguasdoImperador div.itensList ul li, #container #wrap #center .centerInt2 div.imgContaAguasdoParaiba div.itensList ul li, #container #wrap #center .centerInt2 div.imgContaSanej div.itensList ul li, #container #wrap #center .centerInt2 div.imgContaAguasdeAracoiaba div.itensList ul li { float:left; height:40px; list-style-type: none; padding: 0;} #container #wrap #center .centerInt2 div.imgConta div.itensList ul li a, #container #wrap #center .centerInt2 div.imgContaAgulhasNegras div.itensList ul li a, #container #wrap #center .centerInt2 div.imgContaJuturnaiba div.itensList ul li a, #container #wrap #center .centerInt2 div.imgContaNovaFriburgo div.itensList ul li a, #container #wrap #center .centerInt2 div.imgContaAguasdoImperador div.itensList ul li a, #container #wrap #center .centerInt2 div.imgContaAguasdoParaiba div.itensList ul li a, #container #wrap #center .centerInt2 div.imgContaSanej div.itensList ul li a, #container #wrap #center .centerInt2 div.imgContaAguasdeAracoiaba div.itensList ul li a { text-decoration:none; position:absolute; display:block; width:158px; height:40px;} #container #wrap #center .centerInt2 div.imgConta div.itensList ul li a.two, #container #wrap #center .centerInt2 div.imgContaAgulhasNegras div.itensList ul li a.two, #container #wrap #center .centerInt2 div.imgContaJuturnaiba div.itensList ul li a.two, #container #wrap #center .centerInt2 div.imgContaNovaFriburgo div.itensList ul li a.two, #container #wrap #center .centerInt2 div.imgContaAguasdoImperador div.itensList ul li a.two, #container #wrap #center .centerInt2 div.imgContaAguasdoParaiba div.itensList ul li a.two, #container #wrap #center .centerInt2 div.imgContaSanej div.itensList ul li a.two, #container #wrap #center .centerInt2 div.imgContaAguasdeAracoiaba div.itensList ul li a.two { position:absolute; width:104px; margin:0 0 0 164px;} #container #wrap #center .centerInt2 div.imgConta div.itensList ul li a.three, #container #wrap #center .centerInt2 div.imgContaAgulhasNegras div.itensList ul li a.three, #container #wrap #center .centerInt2 div.imgContaJuturnaiba div.itensList ul li a.three, #container #wrap #center .centerInt2 div.imgContaNovaFriburgo div.itensList ul li a.three, #container #wrap #center .centerInt2 div.imgContaAguasdoImperador div.itensList ul li a.three, #container #wrap #center .centerInt2 div.imgContaAguasdoParaiba div.itensList ul li a.three, #container #wrap #center .centerInt2 div.imgContaSanej div.itensList ul li a.three, #container #wrap #center .centerInt2 div.imgContaAguasdeAracoiaba div.itensList ul li a.three { position:absolute; width:126px; margin:0 0 0 400px;} #container #wrap #center .centerInt2 div.imgConta div.itensList ul li a.four, #container #wrap #center .centerInt2 div.imgContaAgulhasNegras div.itensList ul li a.four, #container #wrap #center .centerInt2 div.imgContaJuturnaiba div.itensList ul li a.four, #container #wrap #center .centerInt2 div.imgContaNovaFriburgo div.itensList ul li a.four, #container #wrap #center .centerInt2 div.imgContaAguasdoImperador div.itensList ul li a.four, #container #wrap #center .centerInt2 div.imgContaAguasdoParaiba div.itensList ul li a.four, #container #wrap #center .centerInt2 div.imgContaSanej div.itensList ul li a.four, #container #wrap #center .centerInt2 div.imgContaAguasdeAracoiaba div.itensList ul li a.four { position:absolute; width:570px; margin:82px 0 0 0;} #container #wrap #center .centerInt2 div.imgConta div.itensList ul li a.five, #container #wrap #center .centerInt2 div.imgContaAgulhasNegras div.itensList ul li a.five, #container #wrap #center .centerInt2 div.imgContaJuturnaiba div.itensList ul li a.five, #container #wrap #center .centerInt2 div.imgContaNovaFriburgo div.itensList ul li a.five, #container #wrap #center .centerInt2 div.imgContaAguasdoImperador div.itensList ul li a.five, #container #wrap #center .centerInt2 div.imgContaAguasdoParaiba div.itensList ul li a.five, #container #wrap #center .centerInt2 div.imgContaSanej div.itensList ul li a.five, #container #wrap #center .centerInt2 div.imgContaAguasdeAracoiaba div.itensList ul li a.five { position:absolute; width:160px; margin:124px 0 0 406px;} #container #wrap #center .centerInt2 div.imgConta div.itensList ul li a.six, #container #wrap #center .centerInt2 div.imgContaAgulhasNegras div.itensList ul li a.six, #container #wrap #center .centerInt2 div.imgContaJuturnaiba div.itensList ul li a.six, #container #wrap #center .centerInt2 div.imgContaNovaFriburgo div.itensList ul li a.six, #container #wrap #center .centerInt2 div.imgContaAguasdoImperador div.itensList ul li a.six, #container #wrap #center .centerInt2 div.imgContaAguasdoParaiba div.itensList ul li a.six, #container #wrap #center .centerInt2 div.imgContaSanej div.itensList ul li a.six, #container #wrap #center .centerInt2 div.imgContaAguasdeAracoiaba div.itensList ul li a.six { position:absolute; width:186px; margin:168px 0 0 132px;} #container #wrap #center .centerInt2 div.imgConta div.itensList ul li a.seven, #container #wrap #center .centerInt2 div.imgContaAgulhasNegras div.itensList ul li a.seven, #container #wrap #center .centerInt2 div.imgContaJuturnaiba div.itensList ul li a.seven, #container #wrap #center .centerInt2 div.imgContaNovaFriburgo div.itensList ul li a.seven, #container #wrap #center .centerInt2 div.imgContaAguasdoImperador div.itensList ul li a.seven, #container #wrap #center .centerInt2 div.imgContaAguasdoParaiba div.itensList ul li a.seven, #container #wrap #center .centerInt2 div.imgContaSanej div.itensList ul li a.seven, #container #wrap #center .centerInt2 div.imgContaAguasdeAracoiaba div.itensList ul li a.seven { position:absolute; width:58px; margin:280px 0 0 156px;} #container #wrap #center .centerInt2 div.imgConta div.itensList ul li a.eight, #container #wrap #center .centerInt2 div.imgContaAgulhasNegras div.itensList ul li a.eight, #container #wrap #center .centerInt2 div.imgContaJuturnaiba div.itensList ul li a.eight, #container #wrap #center .centerInt2 div.imgContaNovaFriburgo div.itensList ul li a.eight, #container #wrap #center .centerInt2 div.imgContaAguasdoImperador div.itensList ul li a.eight, #container #wrap #center .centerInt2 div.imgContaAguasdoParaiba div.itensList ul li a.eight, #container #wrap #center .centerInt2 div.imgContaSanej div.itensList ul li a.eight, #container #wrap #center .centerInt2 div.imgContaAguasdeAracoiaba div.itensList ul li a.eight { position:absolute; width:146px; margin:280px 0 0 218px;} #container #wrap #center .centerInt2 div.imgConta div.itensList ul li a.nine, #container #wrap #center .centerInt2 div.imgContaAgulhasNegras div.itensList ul li a.nine, #container #wrap #center .centerInt2 div.imgContaJuturnaiba div.itensList ul li a.nine, #container #wrap #center .centerInt2 div.imgContaNovaFriburgo div.itensList ul li a.nine, #container #wrap #center .centerInt2 div.imgContaAguasdoImperador div.itensList ul li a.nine, #container #wrap #center .centerInt2 div.imgContaAguasdoParaiba div.itensList ul li a.nine, #container #wrap #center .centerInt2 div.imgContaSanej div.itensList ul li a.nine, #container #wrap #center .centerInt2 div.imgContaAguasdeAracoiaba div.itensList ul li a.nine { position:absolute; width:82px; margin:280px 0 0 372px;} #container #wrap #center .centerInt2 div.imgConta div.itensList ul li a.ten, #container #wrap #center .centerInt2 div.imgContaAgulhasNegras div.itensList ul li a.ten, #container #wrap #center .centerInt2 div.imgContaJuturnaiba div.itensList ul li a.ten, #container #wrap #center .centerInt2 div.imgContaNovaFriburgo div.itensList ul li a.ten, #container #wrap #center .centerInt2 div.imgContaAguasdoImperador div.itensList ul li a.ten, #container #wrap #center .centerInt2 div.imgContaAguasdoParaiba div.itensList ul li a.ten, #container #wrap #center .centerInt2 div.imgContaSanej div.itensList ul li a.ten, #container #wrap #center .centerInt2 div.imgContaAguasdeAracoiaba div.itensList ul li a.ten { position:absolute; width:182px; margin:644px 0 0 366px;} /**** Hovers ****/ /* h1{ color: #F60; margin: 1em 0 0; letter-spacing: -2px; } */ /*p {margin: 0 0 1.7em; }*/ /*---------- bubble tooltip -----------*/ a.tt{ position:relative; z-index:50; color:#3CA3FF; font-weight:bold; text-decoration:none; } a.tt span{ display: none; } /*background:; ie hack, something must be changed in a for ie to execute it*/ a.tt:hover{ z-index:25; color: #aaaaff; background:; } a.tt:hover span.tooltip{ display:block; position:absolute; top:0px; left:0; padding: 15px 0 0 0; width:200px; color: #993300; text-align: center; filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; } a.tt:hover div#overlay { display:block; background-color:black; width:100%; height:100%; } a.tt:hover span.top{ display: block; padding: 30px 8px 0; background: url(../../img/concessionarias/bubble1.gif) no-repeat top; } a.tt:hover span.middle{ /* different middle bg for stretch */ display: block; padding: 0 8px; background: url(../../img/concessionarias/bubble1_filler.gif) repeat bottom; color:#000; } a.tt:hover span.bottom{ display: block; padding:3px 8px 10px; color: #548912; background: url(../../img/concessionarias/bubble1.gif) no-repeat bottom; } /* s#container #wrap #center .centerInt2 div.imgConta div.itensList ul li a.six { position:absolute; width:186px; margin:0 0 0 130px; border:solid 1px red;} #container #wrap #center .centerInt2 div.imgConta div.itensList ul li a.seven { position:absolute; width:52px; margin:72px 0 0 156px; border:solid 1px red;} */ /**** Notices ****/ #container #centerContent #center .notices { text-align:left; zoom:1; } #container #centerContent #center .notices p.leiaMais { float:right; padding:0 0 1em 1em; } #container #centerContent #center .notices p.leiaMais a:link, #container #centerContent #center .notices p.leiaMais a:visited { font-weight:bold; color:#fff; font-size:1.6em;} #container #centerContent #center #bottomFeatured ul { zoom:1; display:block; padding:12px 0 0 0;} #container #centerContent #center #bottomFeatured ul li { display:inline; padding:0 10px;} #container #centerContent .centerInt ul { font-size:1.2em; padding: 0 1em 1em 2em;} /* #container #centerContent .centerInt ul li p, - View line 518 */#container #centerContent .centerInt p { font-size:1.2em; margin:0; padding:0 1em 1em 1.6em;} /* No hacks result - #container #centerContent .centerInt ul li p a:link * p, #container #centerContent .centerInt ul li p a:link >p { font-size:1.1em !important; padding:1em 3em 1em 0 !important;} */ /* HIDDEN RETIRADO PARA QUE O TEXTO ACOMPANHE AS IMAGENS INSERIDAS*/ /*#container #centerContent .centerInt p { overflow:hidden;}*/ /* #container #centerContent #center .notices p.backHome a:hover {text-decoration:underline;} */ .centerInt {background:#e3f0f6 url(../img/bgIntLeftTop.gif) left top no-repeat;} #container #centerContent #centerInt1 {background: url(../img/bgIntRightTop.gif) right top no-repeat;} #container #centerContent #centerInt2 {background: url(../img/bgIntRightBottom.gif) right bottom no-repeat; display:block; width:100%; } #container #centerContent #centerInt3 {background: url(../img/bgIntLeftBottom.gif) left bottom no-repeat; text-align:left; /* padding:2em 0 2em 2em;*/ padding:0 0 2em 2em; width:97%; _width:590px; overflow:hidden;} #container #centerContent #centerInt3 h2, #container #wrap #centerContent .centerEduc h2 { font-size:2em;} /* padding:1em; */ #container #wrap #centerContent .centerEduc h2 {padding: 0 0 0 0.4em;} #container #centerContent #center .notices h2, #container #wrap #centerContent .centerEduc h2, #container #centerContent #center .notices p {text-align:left;} #container #centerContent #center .notices div.boxNotices1 a.leiaMais, #container #centerContent #center .notices div.boxNotices2 a.leiaMais, #container #centerContent #center .notices div.boxNotices3 a.leiaMais { float:right; margin:0; /* margin:-5.4em 0; BUG FIX ON IE8 E CHROME */ padding:1.2em 0 0 0; /* position:absolute; right:1em; bottom:3.2em; */ } /*#container #centerContent #center .notices div.boxNotices2 a.leiaMais, #container #centerContent #center .notices div.boxNotices3 a.leiaMais { padding:0 0 1em 0; }*/ #container #centerContent #center .notices div.boxNotices2 a.leiaMais, #container #centerContent #center .notices div.boxNotices3 a.leiaMais { margin:0;} #container #centerContent #center .notices div.boxNotices1 a.leiaMais img { /* padding:0 1em; */ padding:1em 0 !important;} /* Cont: margin:-5.4em 0; line 254 - BUG FIX ON IE8 E CHROME */ /* #container #centerContent #center .notices p.oldNotices { font-weight:bold; background:#E3F0F6; padding-top:60px; } */ #container #centerContent #center .notices p.oldNotices a { text-decoration:underline;} #container #centerContent #center .notices h2 { padding:0 0 1em 0; font-size:2.2em; font-weight:bold; color:#fff;} #container #centerContent #center .notices h3 { /* text-transform:uppercase; */ padding:1.8em 0 0 0; font-size:1.6em;} #container #centerContent #centerInt3 p.infoResult, #container #centerContent #center .notices div.searchHorizExtended p.infoResult, #container #centerContent .centerInt p.infoResult, #container #centerContent .centerInt p.infoResult { font-size:1.2em; position:absolute; top:0; margin-top:2.2em; right:0; margin-right:2.2em;} #container #centerContent .centerInt p.infoResult { margin:6em 0.6em 0 0;} #container #centerContent .centerInt h2 {float:right; display:block; font-size:2em; margin:1em;} #container #centerContent #center .notices p, #container #centerContent #centerInt3 li.titleList, #container #centerContent #centerInt3 ul, #container #centerContent #center .txtInternoEduc div.searchHorizExtended ul { text-align:left; font-size:1.2em !important; padding: 1em 0;} #container #centerContent #centerInt3 h3 { display:block; font:bold 1.6em Trebuchet MS, Verdana, Arial, helvetica; margin:0 0 0.6em 0 !important;} #container #centerContent #centerInt3 ul.internalLists {padding:0 1em 1em 0;} #container #centerContent #centerInt3 p {padding:0 3em 1em 0; font-size:1.2em; display:block;} #container #centerContent #centerInt3 ul li p {font-size:1.1em !important;} #container #centerContent .centerInt li.titleList {font-weight:bold; /* padding:0 1em 0 2em; */} /* #container #centerContent #centerInt3 ul li p {font-size:1.2em;} */ /* #container #centerContent #centerInt3 ul.internalLists li p {font-size:none !important; padding:0.4em 1em 0.8em 0em;} #container #centerContent #centerInt3 ul.internalLists li em {display:block; zoom:1; padding-bottom:1em;} #container #centerContent #centerInt3 li.titleList, #container #centerContent #center .txtInternoEduc div.searchHorizExtended ul li.titleList {padding:0 1em 0 0; font-weight:bold;} #container #wrap #centerContent .noticesEducHome { background:none !important;} #container #wrap #centerContent .centerEduc h2, #container #centerContent #center .txtInternoEduc, #container #wrap #centerContent .noticesEducHome { background:none; width:99.9%; color:#3399CC; position:relative !important;} #container #centerContent #center .txtInternoEduc {overflow:auto; width:99%;} */ /*#container #centerContent #center .txtInternoEduc {width:94%; } */ #container #wrap #centerContent .noticesEducHome { height:377px; overflow:hidden; text-align:center;} #container #wrap #centerContent .noticesEducHome .box1 { text-align:left; height:185px; margin:104px 0 0 244px; /*margin:10.4em 0 0 24.4em;*/ overflow:hidden;} #container #wrap #centerContent .noticesEducHome .box3 { padding:0 0 8px 0; /* padding:0 0 0.8em 0; */ height:34px;} #container #wrap #centerContent .noticesEducHome img { float:left;} #container #wrap #centerContent .centerEducHome .noticesEducHome .box1 h2 {/*margin:0 0 0 178px;*/ /*margin:0;*/ padding:0 0 0 6px;} #container #wrap #centerContent .noticesEducHome .box1 p { padding:0; margin:0 0 0 170px; /* margin:0 0 0 15em; */} #container #wrap #centerContent .centerEducHome h2, #container #wrap #centerContent .txtInternoEduc .searchHorizExtended h2 {text-transform:none;} #container #wrap #centerContent .centerEduc .txtInternoEduc .boxNotices1 p span.txtDestEduc {font-size:1.4em;} #container #centerContent #center .notices div.boxNotices1 img { clear:both; float:left; padding:3em 1em 1em 0;} #container #centerContent #center .notices div.boxNotices1 table tr td img { padding-top:0;} #container #centerContent #center .notices div.boxNotices1 a.leiaMais img { padding-right:0;} #container #centerContent #centerInt3 label, #container #centerContent #centerInt3 input, #container #centerContent #centerInt3 textarea { display:block; /* width:200px; */ /*width:15em;*/ float:left; margin-bottom:10px;} #container #centerContent #centerInt3 textarea { overflow:-moz-scrollbars-vertical; width:200px; display:block; /*width:15.2em;*/} #container #centerContent #centerInt3 label { font-size:1.1em; line-height:2.4em; width:66px; /*width:6em; */ } #container #centerContent #centerInt3 br { clear:left;} #container #centerContent #centerInt3 input.button { float:none; width:auto; /*margin:0 0 0 5em;*/ margin:0 0 0 66px; border:solid 1px #1A4570; background:#fff; color:#1A4570; font-weight:bold;} /***** pagination *****/ #container #centerContent #centerInt3 div.pagination, #container #centerContent div.centerInt div.pagination, #container #wrap .menuEducHome { text-align:center; width:auto;} #container #centerContent #centerInt3 ul.paginationList, #container #centerContent div.centerInt div.pagination ul.paginationList {width:20%; margin:0 auto;} #container #centerContent #centerInt3 ul.paginationList li.back, #container #centerContent div.centerInt div.pagination ul.paginationList li.back {display:inline} #container #centerContent #centerInt3 ul.paginationList li.forward, #container #centerContent div.centerInt div.pagination ul.paginationList li.forrward {display:inline} #container #centerContent #centerInt3 ul.paginationList li, #container #centerContent div.centerInt div.pagination ul.paginationList li, #container #wrap .menuEducHome { display:inline; text-align:center; font-size:1.2em; font-weight:bold;} #container #centerContent #centerInt3 ul.paginationList li img, #container #centerContent div.centerInt div.pagination ul.paginationList li img {margin:0;} #container #centerContent #centerInt3 ul.paginationList li.pageSelected, #container #centerContent div.centerInt div.pagination ul.paginationList li.pageSelected { font-weight:normal;} /***** news *****/ #container #wrap #centerContent #center #news { background:url(../img/leftTopNews.gif) left top no-repeat;} #container #wrap #centerContent #center .newsLess { background:url(../img/leftTopNews2.gif) left top no-repeat !important;} #container #wrap #centerContent #center #news2 { background:url(../img/rightTopNews.gif) right top no-repeat;} #container #wrap #centerContent #center #news3 { background:url(../img/rightBottomNews.gif) right bottom no-repeat;} #container #wrap #centerContent #center #news4 { background:url(../img/leftBottomNews.gif) left bottom no-repeat;} #container #wrap #centerContent #center #news4 p {font:bold 1.2em Verdana, Arial, Helvetica; color:white; line-height:1.6em;} #container #wrap #centerContent #center #news4 p a:link, #container #wrap #centerContent #center #news4 p a:visited {color:white; display:inline-block; width:100%;} /***** Footer *****/ #container #wrap #footer { background:url(../../img/concessionarias/leftBottomFooter.gif) left bottom no-repeat;} #container #wrap #footer #footerRightCol { background:url(../../img/concessionarias/rightBottomRightCol.gif) right bottom no-repeat;} #container #wrap #footer2 { background:url(../../img/concessionarias/rightBottomFooter.gif) right bottom no-repeat; float:left; width:800px; height:3.4em; zoom:1; text-align:left; position:static; z-index:1;} /* width:79.9em; */ #container #wrap #footer2 ul { padding:0.8em 0 0 1.6em; position:relative; } #container #wrap #footer2 ul li a:link, #container #wrap #footer2 ul li a:visited { color:white;} #container #wrap .footerEduc {background:none !important;} #container #wrap .footerEduc .paginationEduc ul {width:20%; margin:0 auto;} #container #wrap .footerEduc .paginationEduc ul li , #container #wrap .footerEduc .paginationEduc ul li a.backPageArrow, #container #wrap .footerEduc .paginationEduc ul li a.forwardPageArrow { float:left; line-height:3.4em; width:auto !important; height:3.4em !important; margin:0.4em 0.2em 0 0.2em; overflow:hidden; } #container #wrap .footerEduc .paginationEduc ul li a.backPageArrow { background:url(../img/backPageArrow.gif) center top no-repeat; width:5.4em !important; height:3.4em !important; display:block !important; zoom:1 !important;} #container #wrap .footerEduc .paginationEduc ul li a.forwardPageArrow { background:url(../img/nextPageArrow.gif) center top no-repeat; width:5.4em !important; height:3.4em !important; display:block !important; zoom:1 !important;} #container #wrap div.menuEducHome { border:solid 1px transparent; _border:none; height:72px; } #container div.wrapEducHome div#centerContent div.centerEducHome div.noticesEducHome div.menuEducHome ul { height:34px; /*height:3.4em;*/} #container div.wrapEducHome div#centerContent div.centerEducHome div.noticesEducHome div.menuEducHome ul li { display:inline !important; zoom:1; background:url(../img/PlicMenuEducHome.gif) left center no-repeat; *background:url(../img/PlicMenuEducHome.gif) 0 12% no-repeat; width:auto; padding:1.6em 1em 1.6em 1.6em; /* display:inline-block !important; width:auto !important; height:3.4em !important; */ } #container div.wrapEducHome div#centerContent div.centerEducHome div.noticesEducHome div.menuEducHome ul li a { /*width:auto !important; height:3.4em !important; */ /*margin:2.5em 0.9em 0 1.6em;*/} #container #wrap div.menuEducHome ul li.noPlic { background:none !important;} /***** informe *****/ #container div.informe { text-align:left; position:absolute; right:0; top:0; width:150px; background:#C6DAE3 url(../../img/concessionarias/bgInformeTop.gif) left top repeat-x;} #container div.informe a.informeClose { display:block; font-weight:bold; margin-top:2em;} #container div.informe a.informeClose:link, #container div.informe a.informeClose:visited { color:#3262A2;} #container .informe #centerInt1 { overflow:hidden; width:150px; background: url(../../img/concessionarias/bgInformeBottom.gif) left bottom repeat-x;} #container .informe #centerInt1 #centerInt2 img { float:left; } #container .informe #centerInt1 #centerInt2 p.titleInforme { font-size:1.8em; font-weight:bold; padding:0.2em 0 0 1.8em;} #container .informe #centerInt1 #centerInt2 p { font-size:1.4em; } #container .informe #centerInt1 #centerInt2 a.leiaMais { float:right; padding:1em 0 1em 1em; } #container .informe #centerInt2 { margin:1em;} /* Nossa história */ .nhcontent h3{ margin: 0 0 16px 16px; font-size:1.2em; font-weight:bold; color:#1A4570; } /* Fixes */ /* Table Alignments HTML Fixes - inserted IMG through to Publique Admin */ /* #container #wrap #centerContent table.insertImage tr td img { width:auto; margin:0 1.6em 1.6em 1.6em;} */ /* Concessionárias title list of matters Equal to Institucional */ #container #centerContent .centerInt ul li p { font-size:1.1em; padding:1em 3em 1em 1em;} /* Change of line 379 */ #container #centerContent .centerInt ul li p a:hover { text-decoration:none;} /* White close button Institucional and Concessionárias */ div.popup a.closeButton { color:white !important;} /* Inserted IMG Align through to Publique Admin */ div.left { float:left; padding:0 1.6em;} div.center { clear:both; float:none; margin:0 auto; padding:0; text-align:center; width:100%;} div.right { float:right; padding:0 1em;} /* a:link pop align */ .popup { font-size:1.1em !important; padding:0 1.8em;}