/* * Framework * Copyright (C) 2011 CLMZ Internet **/ /*HTML-BODY*/ html, body {height:auto !important; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); font:normal 12px/16px Tahoma, Geneva, sans-serif; background: url(../images/png/bg-back.png) #fff;} /*body {background: fixed center top url(../images/fundos/fundonatal.jpg) no-repeat;}*/ img, picture, video, embed {max-width: 100%; max-height: 100%;} @-moz-document url-prefix() { img { max-width: 100%; max-height: 100%; } } .imgtop {width: 100%; height: auto; float: left; margin-bottom: 10px; position: relative;} /*CONTAINER*/ #container {width: 960px; margin: 0 auto; display: table; background-color: #fff;} /*HEADER*/ #header {width: 960px; min-height: 240px; background: url(../images/png/bg-header.png) no-repeat top;} #header #navsup {width: 140px; height: 15px; float: right; margin: 1px 9px 0 0;} #header #navsup li {float: left; margin-left: 3px; color: #fff;} #header #navsup li a {float: left; font-family: Arial; font-size: 10px; color: #fff;} #header #navsup li a:hover {color: #C096CB; cursor: pointer;} /**/ #header #logo {width: 149px; height: 126px; float: left; background: url(../images/png/logo-ops.png) no-repeat; margin: 9px 0 0 29px;} #header #banner1 {width: 728px; height: 90px; float: right; margin: 4px 24px 0 0; border: 1px solid #000; overflow: hidden;} #header .data {float: right; font-family: Arial; font-size: 11px; color: #fff; margin: 18px 22px 0 0;} /**/ #header #barra-top {width: 942px; height: 38px; float: left; background: url(../images/png/barra-top.png) no-repeat; margin: 3px 0 0 9px;} #header #barra-top #lg-home {width: 264px; height: 30px; float: left; margin: 4px 0 0 4px; padding: 0; } #header #barra-top #lg-home input[type='text'] {width: 100px; height: 30px; line-height: 30px; float: left; margin: 0 6px 0 0; padding-left: 7px; font-family: Arial; font-size: 11px; color: #fff; border: none; background: none; background: url(../images/png/input-login.png) no-repeat;} #header #barra-top #lg-home input[type='password'] {width: 100px; height: 30px; line-height: 30px; float: left; margin: 0 6px 0 0; padding-left: 7px; font-family: Arial; font-size: 10px; color: #fff; border: none; background: none; background: url(../images/png/input-login.png) no-repeat;} #header #barra-top #lg-home input[type='button'] {width: 34px; height: 30px; float: left; border: none; background: none; background: url(../images/png/bt-login.png) no-repeat; font-family: Arial; font-size: 10px; color: #fff;} #header #barra-top #lg-home input[type='button']:hover {color: #BF96CB;} #header #barra-top #favoritos {width: 100px; height: 23px; float: left; margin: 4px 0 0 15px; background: url(../images/png/btn-favoritos.png) no-repeat left 0; padding: 7px 0 0 42px; font-family: Arial; font-size: 10px; color: #fff; } #header #barra-top #favoritos:hover {color: #BF96CB; cursor: pointer; background-position: 0 -30px;} #header #regiao {width: 164px ; height: 30px; float: left; margin: 4px 0 0 20px;} #header #regiao input[type='text'] {width: 126px; height: 30px; line-height: 30px; margin-left: 0; float: right; background: url(../images/png/cmb-regiao.png) no-repeat; border: none; cursor: default; color: #fff; padding-left: 7px; font-family: Arial; font-size: 11px;} #header #regiao input[type='button'] {width: 30px; height: 30px; float: right; background: url(../images/png/cmb-regiao.png) no-repeat -133px; border: none;} #header #regiao #regioes {width: 131px; float: left; background: #2C0338; border: 2px solid #592267; margin: 2px 0 0 1px; padding-bottom: 5px; position: relative; z-index: 10; } #header #regiao #regioes li{width: 131px; float: left; margin-top: 5px;} #header #regiao #regioes li a {width: 125px; float: left; font-family: Arial; font-size: 11px; color: #fff; padding: 0 0 0 7px; } #header #regiao #regioes li a:hover {background-color: #7F478D;} #header #box-email {width: 259px; height: 30px; float: left; margin: 4px 0 0 16px;} #header #box-email label {width: 97px; height: 20px; float: left; padding: 5px; background: url(../images/png/input-login.png) no-repeat; margin: 0 0 0 3px;} #header #box-email label input[type='text'] {width: 97px; height: 20px; line-height: 20px; float: left; border: none; background: none; font-family: Arial; font-size: 11px; color: #fff;} #header #box-email label input[type='password'] {width: 97px; height: 20px; line-height: 20px; float: left; border: none; background: none; font-family: Arial; font-size: 11px; color: #fff;} #header #box-email input[type='submit'] {width: 34px; height: 30px; float: left; line-height: 30px; margin: 0 0 0 5px; border: none; background: none; background: url(../images/png/bt-login.png) no-repeat; font-family: Arial; font-size: 12px; font-weight: bold; color: #fff;} #header #box-email input[type='submit']:hover {color: #F3AD00;} #header #buscas {width: 308px; height: 30px; float: right; margin: 4px 5px 0 0px; background: url(../images/png/bg-busca.png) no-repeat left 0;} #header #buscas input[type='text'] {width: 220px; height: 30px; line-height: 30px; float: right; margin: 0 0 0 9px; border: none; background: url(../images/png/bg-busca.png) repeat-x 0 -30px; font-family: Arial; font-size: 11px; color: #fff;} #header #buscas input[type='submit'] { width: 79px; height: 30px; float: right; border: none; background: url(../images/png/btn-buscar.png) no-repeat ;} #header #buscas input[type='submit']:hover {background-position: 0 -30px;} /**/ #header #navigation-menu {width: 947px; height: 46px; float: left; background: url(../images/jpg/bg-menu.jpg) repeat-x top; margin-top: 10px; padding-left: 13px;} #header #navigation-menu li {float: left; height: 43px; color: #7E3694; font-size: 16px; font-family: Arial; line-height: 41px; margin: 3px 0px 0 0px ;} #header #navigation-menu li#mrg {margin: 0 8px 0 2px;} #header #navigation-menu li .m {float: left; height: 43px; background: url(../images/png/menu.png) no-repeat;} #header #navigation-menu li a#m00 {width: 65px; background-position: -826px 0;} #header #navigation-menu li a#m00:hover {background-position: -826px -44px;} #header #navigation-menu li a#m01 {width: 72px;} #header #navigation-menu li a#m01:hover {background-position: 0 -44px;} #header #navigation-menu li a#m02 {width: 72px; background-position: -74px 0;} #header #navigation-menu li a#m02:hover {background-position: -74px -44px;} #header #navigation-menu .sub:hover #sublista {display: inline;} #header #navigation-menu li a#m03 {width: 58px; background-position: -148px 0;} #header #navigation-menu li a#m03:hover {background-position: -148px -44px;} #header #navigation-menu li a#m04 {width: 105px; background-position: -208px 0;} #header #navigation-menu li a#m04:hover {background-position: -208px -44px;} #header #navigation-menu li a#m05 {width: 58px; background-position: -315px 0;} #header #navigation-menu li a#m05:hover {background-position: -315px -44px;} #header #navigation-menu li a#m06 {width: 72px; background-position: -375px 0;} #header #navigation-menu li a#m06:hover {background-position: -375px -44px;} #header #navigation-menu li a#m07 {width: 72px; background-position: -449px 0;} #header #navigation-menu li a#m07:hover {background-position: -449px -44px;} #header #navigation-menu li a#m08 {width: 72px; background-position: -523px 0;} #header #navigation-menu li a#m08:hover {background-position: -523px -44px;} #header #navigation-menu li a#m09 {width: 65px; background-position: -597px 0;} #header #navigation-menu li a#m09:hover {background-position: -597px -44px;} #header #navigation-menu li a#m10 {width: 79px; background-position: -664px 0;} #header #navigation-menu li a#m10:hover {background-position: -664px -44px;} #header #navigation-menu li a#m11 {width: 79px; background-position: -745px 0;} #header #navigation-menu li a#m11:hover {background-position: -745px -44px;} #header #navigation-menu li #sublista {width: 150px; min-height: 165px; float: left; position: absolute; display: none; z-index: 9; border: 2px solid #BA55D3; background-color: #fff; margin: 40px 0 0 -72px;} #header #navigation-menu li #sublista dd {width: 150px; height: 28px; float: left; line-height: 28px; margin-top: 4px;} #header #navigation-menu li #sublista dd a {width: 133px; height: 28px; float: left; line-height: 28px; color: #5C5C5C; font-size: 12px; font-family: Arial; font-weight: bold; padding: 0 0 0 17px; background: url(../images/png/setas.png) no-repeat left; background-position: -360px 0;} #header #navigation-menu li #sublista dd a:hover {background: url(../images/png/setas.png) no-repeat left #3B054A; color: #fff; background-position: -360px -28px;} /**/ #header #banner5 {width: 941px; height: 70px; float: left; margin: 6px 0 6px 9px; overflow: hidden; background-color: #ECECED;} /*FIM HEADER*/ /*WRAPPER*/ #wrapper {width: 960px; min-height: 800px; } /*LATERAL-ESQUERDA*/ #wrapper #lateral-esquerda {width: 66px; min-height: 800px; float: left; margin-top: 9px;} #wrapper #lateral-esquerda #icntop {width: 46px; height: 13px; float: left; background: url(../images/png/barra-lateral.png) no-repeat left 0; margin-left: 10px;} #wrapper #lateral-esquerda #icons {width: 46px; min-height: 757px; float: left; background: url(../images/png/barra-lateral.png) repeat-y; background-position: -47px 0; margin-left: 10px;} #wrapper #lateral-esquerda #icons #sharebar {position: absolute; width: 42px; float: left; z-index: 99; display: block; margin-left: 38px;} #wrapper #lateral-esquerda #icons #sharebar li {width: 38px; height: 33px; float: left; margin: 0 0 5px 4px;} #wrapper #lateral-esquerda #icons #sharebar li a {width: 38px; height: 33px; float: left; background: url(../images/png/icones-barra-lateral.png) no-repeat;} #wrapper #lateral-esquerda #icons #sharebar li a#ic01:hover {background-position: 0 -33px;} #wrapper #lateral-esquerda #icons #sharebar li a#ic02 {background-position: -38px 0;} #wrapper #lateral-esquerda #icons #sharebar li a#ic02:hover {background-position: -38px -33px;} #wrapper #lateral-esquerda #icons #sharebar li a#ic03 {background-position: -76px 0;} #wrapper #lateral-esquerda #icons #sharebar li a#ic03:hover {background-position: -76px -33px;} #wrapper #lateral-esquerda #icons #sharebar li a#ic04 {background-position: -114px 0;} #wrapper #lateral-esquerda #icons #sharebar li a#ic04:hover {background-position: -114px -33px;} #wrapper #lateral-esquerda #icons #sharebar li a#ic05 {background-position: -152px 0;} #wrapper #lateral-esquerda #icons #sharebar li a#ic05:hover {background-position: -152px -33px;} #wrapper #lateral-esquerda #icons #sharebar li a#ic06 {background-position: -190px 0;} #wrapper #lateral-esquerda #icons #sharebar li a#ic06:hover {background-position: -190px -33px;} #wrapper #lateral-esquerda #icons #sharebar li a#ic07 {background-position: -228px 0;} #wrapper #lateral-esquerda #icons #sharebar li a#ic07:hover {background-position: -228px -33px;} #wrapper #lateral-esquerda #icons #sharebar li a#ic08 {background-position: -266px 0;} #wrapper #lateral-esquerda #icons #sharebar li a#ic08:hover {background-position: -266px -33px;} #wrapper #lateral-esquerda #icnbottom {width: 46px; height: 13px; float: left; background: url(../images/png/barra-lateral.png) no-repeat; background-position: -94px 0; margin-left: 10px;} /*CONTENT*/ #content {width: 884px; height: auto; float: left; margin-top: 9px;} /*FIM CONTENT*/ /*FIM WRAPPER*/ /*FOOTER*/ #footer {width: 960px; height: 146px; margin-top: 14px; background: url(../images/png/bg-footer.png) repeat-x #51235E; overflow: hidden;} #footer #nav-menu-footer {width: 946px; height: 21px; float: left; margin-top: 13px; padding-left: 19px;} #footer #nav-menu-footer li {height: 21px; float: left; margin: 0 9px 0 9px; color: #7E3694; line-height: 21px;} #footer #nav-menu-footer li a {height: 21px; float: left; font-family: Arial; font-size: 12px; color: #fff; font-weight: bold;} #footer #nav-menu-footer li a:hover {color: #7E3694;} #footer #divisoria {width: 960px; float: left; height: 6px; background: url(../images/png/divisoria-footer.png) no-repeat center; margin-top: 7px;} #footer #menu-footer {width: 435px; float: left; height: 96px; margin-top: 18px;} #footer #menu-footer li {width: 128px; height: 18px; line-height: 18px; float: left; margin: 0 0 6px 17px;} #footer #menu-footer li a {line-height: 18px; float: left; font-family: Arial; font-size: 11px; color: #AA93B0;} #footer #menu-footer li a:hover {color: #fff; cursor: pointer;} #footer #footeright {width: 272px; float: right; margin: 18px 20px 0 0;} #footer #footeright #redes-sociais-footer {width: 135px; height: 96px; float: left; margin: 0 0 0 47px;} #footer #footeright #redes-sociais-footer .texto {width: 100%; height: 18px; float: left; font-family: Arial; font-size: 11px; color: #AA93B0; text-align: center;} #footer #footeright #redes-sociais-footer a#face1 {width: 70px; height: 46px; float: left; margin: 0px 0 0 28px; background: url(../images/png/face1.png) no-repeat;} #footer #footeright #redes-sociais-footer a#face1:hover {background-position: 0 -46px;} #footer #footeright #redes-sociais-footer a#face2 {width: 106px; height: 59px; float: left; margin: -11px 0 0 10px; background: url(../images/png/face2.png) no-repeat;} #footer #footeright #redes-sociais-footer a#face2:hover {background-position: 0 -59px;} #footer #footeright #copy {width: 100%; line-height: 16px; float: right; text-align: right; font-family: Arial; font-size: 11px; color: #A28CA8; margin: -3px 0 0 0px;} /*FIM FOOTER*/ /*REGIAO*/ #body {position: fixed; z-index: 9999999999; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/png/body.png) !important; background-image: none; filter: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/body.png',sizingMethod='scale');background-repeat: repeat;} *html #body {position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');} #body div {position: relative; top: 50%; margin-top: -100px; z-index: 99999999999; width: 100%; height: 200px; color: #FFF; background-color: #681E79;} #body div img {position: absolute; top: 50%; left: 10%; margin: -63px 0 0 0;} #body div form { position: absolute; z-index: 10; top: 50%; right: 10%; width: 300px; height: 50px; margin: -25px 0 0 0;} #body div form label {display: block; height: 50px; font: bold 20px/26px Arial, Helvetica, sans-serif; text-transform: uppercase;} #body div form label select {display: block; width: 300px; height: 24px; padding: 3px; font: normal 11px/14px Arial, Helvetica, sans-serif; background-color: #FFF; border: 1px solid #FFF;} #body div form label option {padding: 3px;} /*FIM REGIAO*/ /*FIM CONTAINER*/ /*FIM HTML-BODY*/