/* fixing firefox bug */ div:after, ol:after, form:after, ul:after, dl:after {content:"."; display:block;clear:both;visibility:hidden;height:0;overflow:hidden;} --> *{margin: 0; padding: 0;} body{background: #FFFFFF; color: #666666; } h1, h2, h3, h4, h5{color:#57B433; font-weight: bold;} /* links*/ a{text-decoration: none;} /* >> Formatação do topo <<*/ #topo-fora-espande{width: 100%; height:170px; background: url(../images/bg-topo.jpg) repeat-x left top;} #header{margin: 0 auto; height: 127px; width: 960px; border: 0; } #logo{width: 384px; height: 105px; float: left; margin: 10px 0 0 0;} /*Aqui começa o total de faturamento no topo */ #box-faturamento{float: right; width: 225px; height: 60px; margin: 30px 0 0 0;} #box-faturamento h4 a{padding: 15px 25px; background: #57B433; display: block; font-family: Arial, Helvetica, sans-serif; border: 1px solid #eee; font-size: 15px; color: #FFFFFF; transition: 1.0s; -webkit-transition: 1.0s; -o-transition: 1.0s; -ms-transition: 1.0s; -moz-transition: 1.0s; -moz-border-radius: 5px ; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #box-faturamento h4 a:hover{padding: 15px 25px; background: url(../images/bg-btn-saiba-mais.jpg) repeat-x left top; display: block; font-family: Arial, Helvetica, sans-serif; border: 1px solid #57B433; font-size: 15px; color:#57B433; transition: 1.0s; -webkit-transition: 1.0s; -o-transition: 1.0s; -ms-transition: 1.0s; -moz-transition: 1.0s; -moz-border-radius: 5px ; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: 0 2px 13px #999; -webkit-box-shadow: 0 2px 13px #999; -moz-box-shadow: 0 2px 13px #999; -o-box-shadow: 0 2px 13px #999; -ms-box-shadow: 0 2px 13px #999;} #box-faturamento p{margin: 8px 0 0 3px;} #box-faturamento p a{text-decoration: none; color: #4D9ED8; font-size: 12px; font-family: Arial, Helvetica, sans-serif;} /* formulario de de login e senha pra entrar no tiss*/ span.validation-login{display: block; color: #990000 !important; padding: 0 0 0 4px !important; font-weight: bold; float: left; width: 10px; height: 15px; visibility: visible;} .blocoValidation-login {height: 20px; } #box-login { width:450px; height: 70px; float: right; margin: 25px 0 0 0; } #box-login label{display: block; float: left; margin: 0 5px 0 0;} #box-login label span{display: block; color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0 0 2px 0; float: left;} #box-login label input{ color: #57B433; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #E6F7DF; padding: 4px; border: 1px solid #CCCCCC;} #box-login .email-login input{ width: 200px;} #box-login .email-login{ width: 226px;} #box-login .senha-login{ width: 126px;} #box-login .senha-login input{ width: 100px;} #box-login .btn-login{color: #57B433; width: 50px; cursor: pointer; height: 25px; line-height: 25px; background: url(../images/bg-btn-saiba-mais.jpg) repeat-x left top; border: 1px solid #CCCCCC; margin: 0px 0 0 0;} #box-login legend{color: #57B433; font-weight: bold; margin: 0 0 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px;} #box-login ul{list-style: none;} #box-login ul li a{color:#999; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; float: left; margin: 7px 20px 0 0; display: inline;} #box-login ul li a:hover{color:#57B433; text-decoration: underline; font-size: 11px; font-family: Arial, Helvetica, sans-serif; float: left; margin: 7px 20px 0 0; display: inline;} #nav{margin: 0 auto; height: 43px; width: 960px; } ul{list-style: none; z-index: 99999;} ul#menu {width: 960px; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bolder;} ul#menu li {float: left; position: relative;} ul#menu li img {margin: 0 7px 0 0;} ul#menu li a{display: block;float: left; height: 43px; padding: 0 15px; background: url(../images/marcador-menu.gif) no-repeat left; text-decoration: none; color: #FFFFFF; line-height: 43px;} ul#menu li ul{display: none; position: absolute; top: 43px; left:0; width: 250px; background: #57B432; padding: 5px;} ul#menu li a:hover{color: #fff; background: #50A82F !important; transition: 1.0s; -webkit-transition: 1.0s; -o-transition: 1.0s; -ms-transition: 1.0s; -moz-transition: 1.0s; box-shadow: 0 2px 13px #777; -webkit-box-shadow: 0 2px 13px #777; -moz-box-shadow: 0 2px 13px #777; -o-box-shadow: 0 2px 13px #777; -ms-box-shadow: 0 2px 13px #777;} ul#menu li ul li a:hover{ color: #4DB029; width: 220px; background: #FFFFFF !important; transition: none !important;} ul#menu li ul li a{ color: #fff; width: 220px; background: #57B432 !important; transition: none !important;} ul#menu li:hover ul{display: block; } /* #nav ul{margin:0; list-style: none; } #nav ul li{font-family: Arial, Helvetica, sans-serif; position: relative !important; color: #eee; display: inline; } #nav ul li a{font-family: Arial, Helvetica, sans-serif; color: #eee; line-height: 43px; display: block; float: left; padding: 0 15px; font-weight: bold; font-size: 14px; transition: 1.0s; -webkit-transition: 1.0s; -o-transition: 1.0s; -ms-transition: 1.0s; -moz-transition: 1.0s; background: url(../images/marcador-menu.gif) no-repeat right ;} #nav ul li a:hover{font-family: Arial, Helvetica, sans-serif; color: #4DB029; line-height: 43px; display: block; float: left; padding: 0 15px; font-weight: bold; font-size: 14px; background: #FFF url(../images/marcador-menu.gif) no-repeat right ; transition: 1.0s; -webkit-transition: 1.0s; -o-transition: 1.0s; -ms-transition: 1.0s; -moz-transition: 1.0s; box-shadow: 0 2px 13px #777; -webkit-box-shadow: 0 2px 13px #777; -moz-box-shadow: 0 2px 13px #777; -o-box-shadow: 0 2px 13px #777; -ms-box-shadow: 0 2px 13px #777; } .marcador ul li a{background: url(../images/marcador-menu.gif) no-repeat left !important;} .marcador ul li a:hover{background: #FFF url(../images/marcador-menu.gif) no-repeat left !important;} /* AQUI SUB MENU*/ /* Aqui começa a conteudo*/ #conteudo-fora-espande{width: 100%; height: auto; background: #fff; padding: 15px 0 0 0;} #conteudo-central{width: 960px; margin: 0 auto; background: #fff;} /*Aqui começa slide*/ #slideshow{ width: 960px; height: 350px; overflow: hidden; margin: 0 0 20px 0;} #slides{ margin: -95px 0 0 0;} #slides ul{ list-style-type: none; margin: 0; padding: 0;} .btn-prev { float: left; top: 215px; z-index: 100; position: relative;} .btn-next{ float: right; top: 215px; z-index: 100; position: relative;} #btn-prev{ float: left;} #btn-next{ float: right;} .banner-destaque{ width: 960px; height: 350px;} /* Aqui termina slide*/ #Box-tiss-prestadora-servico{float: left; width: 470px; background: #fff; } #box-destaque-tiss-prestadora-servico{ background: url(../images/tiss-prestadora-servico.jpg) no-repeat top left ; width: 470px; height: 150px; display:block; transition: 1.0s; -webkit-transition: 1.0s; -o-transition: 1.0s; -ms-transition: 1.0s; -moz-transition: 1.0s; -moz-border-radius: 5px ; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #box-destaque-tiss-prestadora-servico:hover{width: 470px; height: 180px; display:block; transition: 1.0s; -webkit-transition: 1.0s; -o-transition: 1.0s; -ms-transition: 1.0s; -moz-transition: 1.0s; box-shadow: 0 2px 13px #777; -webkit-box-shadow: 0 2px 13px #777; -moz-box-shadow: 0 2px 13px #777; -o-box-shadow: 0 2px 13px #777; -ms-box-shadow: 0 2px 13px #777;} #box-descricao-tiss-prestadora-servico{width: 470px; height: 180px; margin: 25px 0 0 0; background: url(../images/bg-descricao-presta.jpg) repeat-x left top; -moz-border-radius: 5px ; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #CCC;} #box-descricao-tiss-prestadora-servico ul{margin: 15px 0 0 50px; list-style-image: url(../images/icone-prest.gif);} #box-descricao-tiss-prestadora-servico ul li{font-family: Arial, Helvetica, sans-serif; font-size: 20px; line-height: 30px; margin: 0;} #botao-gratis-prestadora-servico{width: 215px; height: 53px; line-height: 53px; background: #fff; -moz-border-radius: 5px ; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; float: right; margin: 15px 0 0 0;} #botao-gratis-prestadora-servico h4 a{font-family: Arial, Helvetica, sans-serif; border: 1px solid #CCC; font-size: 20px; width: 215px; height: 53px; line-height: 53px; display:block; background: url(../images/bg-btn-saiba-mais.jpg) repeat-x left top; text-align: center; float: left; color: #57B433; transition: 1.0s; -webkit-transition: 1.0s; -o-transition: 1.0s; -ms-transition: 1.0s; -moz-transition: 1.0s; -moz-border-radius: 5px ; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #botao-gratis-prestadora-servico h4 a:hover{font-family: Arial, Helvetica, sans-serif; font-size: 20px; width: 215px; height: 53px; line-height: 53px; display:block; background: #57B433; text-align: center; color: #fff; transition: 1.0s; -webkit-transition: 1.0s; -o-transition: 1.0s; -ms-transition: 1.0s; -moz-transition: 1.0s; box-shadow: 0 2px 13px #999; -webkit-box-shadow: 0 2px 13px #999; -moz-box-shadow: 0 2px 13px #999; -o-box-shadow: 0 2px 13px #999; -ms-box-shadow: 0 2px 13px #999; -moz-border-radius: 5px ; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} /* botão saiba mais*/ #botao-saiba-mais-prestadora-servico{width: 168px; height: 51px; line-height: 51px; background: url(../images/bg-btn-saiba-mais.jpg) repeat-x left top; -moz-border-radius: 5px ; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; float: left; margin: 15px 0 0 0;} #botao-saiba-mais-prestadora-servico h4 a{ border: 1px solid #CCC; font-family: Arial, Helvetica, sans-serif; background: url(../images/bg-btn-saiba-mais.jpg) repeat-x left top; font-size: 20px; width: auto; height: 51px; line-height: 51px; display:block; padding: 0 0 0 30px; color: #57B433; transition: 1.0s; -webkit-transition: 1.0s; -o-transition: 1.0s; -ms-transition: 1.0s; -moz-transition: 1.0s; -moz-border-radius: 5px ; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #botao-saiba-mais-prestadora-servico h4 a:hover{border: 1px solid #CCC; font-family: Arial, Helvetica, sans-serif; background: #57B433; font-size: 20px; width: auto; height: 51px; line-height: 51px; display:block; padding: 0 0 0 30px; color: #fff; margin: 0; transition: 1.0s; -webkit-transition: 1.0s; -o-transition: 1.0s; -ms-transition: 1.0s; -moz-transition: 1.0s; box-shadow: 0 2px 13px #999; -webkit-box-shadow: 0 2px 13px #999; -moz-box-shadow: 0 2px 13px #999; -o-box-shadow: 0 2px 13px #999; -ms-box-shadow: 0 2px 13px #999; -moz-border-radius: 5px ; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #box-tiss-operadora-saude{float: right; width: 470px; height: auto; background: #fff; } #box-destaque-tiss-operadora-saude{ background: url(../images/tiss-operadora-saude.jpg) no-repeat top left ; width: 470px; height: 150px; display:block; transition: 1.0s; -webkit-transition: 1.0s; -o-transition: 1.0s; -ms-transition: 1.0s; -moz-transition: 1.0s; -moz-border-radius: 5px ; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #box-destaque-tiss-operadora-saude:hover{width: 470px; height: 180px; display:block; transition: 1.0s; -webkit-transition: 1.0s; -o-transition: 1.0s; -ms-transition: 1.0s; -moz-transition: 1.0s; box-shadow: 0 2px 13px #777; -webkit-box-shadow: 0 2px 13px #777; -moz-box-shadow: 0 2px 13px #777; -o-box-shadow: 0 2px 13px #777; -ms-box-shadow: 0 2px 13px #777;} #box-descricao-tiss-operadora-saude{width: 470px; height: 180px; margin: 25px 0 0 0; background: url(../images/bg-descricao-presta.jpg) repeat-x left top; -moz-border-radius: 5px ; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #CCC;} #box-descricao-tiss-operadora-saude ul{margin: 15px 0 0 50px; list-style-image: url(../images/icone-opera.gif);} #box-descricao-tiss-operadora-saude ul li{font-family: Arial, Helvetica, sans-serif; font-size: 20px; line-height: 30px; margin: 0;} /* botão saiba mais*/ #botao-saiba-mais-operadora-saude{width: 168px; height: 51px; line-height: 51px; margin: 15px 0 0 0; background: url(../images/bg-btn-saiba-mais.jpg) repeat-x left top; -moz-border-radius: 5px ; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; } #botao-saiba-mais-operadora-saude h4 a{ border: 1px solid #CCC; font-family: Arial, Helvetica, sans-serif; background: url(../images/bg-btn-saiba-mais.jpg) repeat-x left top; font-size: 20px; width: auto; height: 51px; line-height: 51px; display:block; padding: 0 0 0 30px; color: #57B433; transition: 1.0s; -webkit-transition: 1.0s; -o-transition: 1.0s; -ms-transition: 1.0s; -moz-transition: 1.0s; -moz-border-radius: 5px ; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #botao-saiba-mais-operadora-saude h4 a:hover{border: 1px solid #CCC; font-family: Arial, Helvetica, sans-serif; background: #57B433; font-size: 20px; width: auto; height: 51px; line-height: 51px; display:block; padding: 0 0 0 30px; color: #fff; margin: 0; transition: 1.0s; -webkit-transition: 1.0s; -o-transition: 1.0s; -ms-transition: 1.0s; -moz-transition: 1.0s; box-shadow: 0 2px 13px #999; -webkit-box-shadow: 0 2px 13px #999; -moz-box-shadow: 0 2px 13px #999; -o-box-shadow: 0 2px 13px #999; -ms-box-shadow: 0 2px 13px #999; -moz-border-radius: 5px ; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} /* Aqui vai box noticia e facebook*/ #box-noticia-facebook{float: left; height: auto; width: 960px; margin: 15px 0 15px 0; background: #FFF; border-top: 3px solid #CCC; padding: 20px 0 0 0;} #noticia{float: left; width: 960px; height: auto; background: #fff; } #noticia-individual {float: left; margin: 0 ; width: 470px;} #noticia-individual img , #noticia-dois img{float: left; border: 2px solid #ccc; padding: 2px; margin: 0 10px 5px 0; background: #fff; -moz-border-radius: 5px ; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #noticia-individual img:hover , #noticia-dois img:hover{float: left; border: 2px solid #57B433; padding: 2px; margin: 0 10px 5px 0; background: #fff; -moz-border-radius: 5px ; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #noticia-individual p, #noticia-dois p{font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #999; line-height: 18px; margin: 0 0 20px 0;} #noticia-individual h1, #noticia-dois h1{font-size: 18px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px solid #57B433;} #noticia-individual h2, #noticia-dois h2{font-size: 14px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px solid #57B433;} #noticia-individual a, #noticia-dois a{font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #57B433; text-decoration: none;} #noticia-individual a:hover, #noticia-dois a:hover{font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #57B433; text-decoration: underline; } #noticia-dois{float: right; margin: 0; width: 470px;} #clear{clear: both;} /*guia de faturamento*/ #faturamento{width: 960px; height: auto; margin: 0 0 20px 0; padding: 20px 0; float: left; border: 1px solid #eee; -moz-border-radius: 5px ; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #valor-faturamento, #guia-faturamento, #usuario-online-faturamento, #usuario-cadastrado-faturamento, #usuario-online-faturamento{width: 200px; height:auto; float: left; margin: 0 20px;} #valor-faturamento h2, #guia-faturamento h2, #usuario-online-faturamento h2, #usuario-cadastrado-faturamento h2, #usuario-online-faturamento h2{font-family: Arial, Helvetica, sans-serif; font-size: 20px;} #valor-faturamento p , #guia-faturamento p, #usuario-online-faturamento p, #usuario-cadastrado-faturamento p, #usuario-online-faturamento p{font-family: Arial, Helvetica, sans-serif; font-size: 13px;} #valor-faturamento h2{color: #D64035} #guia-faturamento h2{color: #F47F1F} #usuario-online-faturamento h2{color: #80D560} #usuario-cadastrado-faturamento h2{color: #73B9FF} /* Aqui comença o rodaper (footer)*/ #rodape-fora-espande{width: 100%; height: 250px; background: url(../images/bg-footer.jpg) repeat-x left top; padding: 20px 0 0 0;} #footer{margin: 0 auto; height: 250px; width: 960px;} /* box-footer-endereco*/ #box-footer-endereco{width: 200px; height: 250px; margin: 0 20px 0 0; background: url(../images/bg-footer-end-central-midia.jpg) no-repeat right top; float: left;} #box-footer-endereco h3{font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 15px 0 5px 0;} #box-footer-endereco address{font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0 0 3px 0;} #box-footer-central{width: 200px; height: 250px; background: url(../images/bg-footer-end-central-midia.jpg) no-repeat right top; float: left;} #box-footer-central h3{font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 15px 0 5px 0;} #box-footer-central ul{margin: 0 0 0 19px; } #box-footer-central ul li{padding: 3px 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; list-style-image: url(../images/seta-footer.gif);} #mapa-site{width: 200px; height: 250px; margin: 0 0 0 0; background: url(../images/bg-footer-end-central-midia.jpg) no-repeat right top; float: left;} #mapa-site h3{font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 15px 0 5px 15px;} #mapa-site ul{margin: 0 0 0 30px;} #mapa-site ul li{padding: 2px 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; list-style-image: url(../images/seta-footer.gif);} #mapa-site ul li a{color: #666; padding: 2px 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; list-style-image: url(../images/seta-footer.gif);} #mapa-site ul li a:hover{color: #57B433; padding: 2px 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; list-style-image: url(../images/seta-footer-hover.gif);} #box-footer-midia{width: 330px; height: 250px; float: right;} #box-midia{width: 330px; height: 80px; padding: 0 0 30px 0; border-bottom: 1px solid #CCCCCC;} #box-midia h3{font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 15px 0 5px 0;} #box-midia ul{list-style: none; margin: 20px 0 0 0 ;} #box-midia ul li{width: 40px; height: 40px; float: left; margin: 0 10px 0 0 ;} #box-midia ul li.facebook a{width: 40px; height: 40px;background: url(../images/midia.png) no-repeat left top; display: block;} #box-midia ul li.facebook a:hover{width: 40px; height: 40px;background: url(../images/midia.png) no-repeat left top; display: block; background-position: 0 -40px;} #box-midia ul li.twitter a{width: 40px; height: 40px;background: url(../images/midia.png) no-repeat left top; display: block; background-position: -56px 0;} #box-midia ul li.twitter a:hover{width: 40px; height: 40px;background: url(../images/midia.png) no-repeat left top; display: block; background-position: -56px -40px;} #box-midia ul li.google-plus a{width: 40px; height: 40px;background: url(../images/midia.png) no-repeat left top; display: block; background-position: -112px 0;} #box-midia ul li.google-plus a:hover{width: 40px; height: 40px;background: url(../images/midia.png) no-repeat left top; display: block; background-position: -112px -40px;} #box-midia ul li.youtube a{width: 40px; height: 40px;background: url(../images/midia.png) no-repeat left top; display: block; background-position: -167px 0;} #box-midia ul li.youtube a:hover{width: 40px; height: 40px;background: url(../images/midia.png) no-repeat left top; display: block; background-position: -167px -40px;} #box-midia ul li.email a{width: 40px; height: 40px;background: url(../images/midia.png) no-repeat left top; display: block; background-position: -223px 0;} #box-midia ul li.email a:hover{width: 40px; height: 40px;background: url(../images/midia.png) no-repeat left top; display: block; background-position: -223px -40px;} /* diretio*/ #direito{width: 330px; margin: 15px 0 0 0;} #direito p{ margin: 0 0 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px;} #direito a{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color:#57B433;} #direito a:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color:#57B433;} /* pagina contato*/ #contato, #cadastro{width: 960px; margin: 10px 0 30px 0; float: left; } #contato fieldset{background: #fff; padding: 20px; border: 1px solid #CCC; font-size: 18px; margin: 0 0 0 0; } #contato .quadro{background: #fff; padding: 20px; border: 1px solid #CCC; font-size: 18px; margin: 0 0 0 0; } #contato legend{ font-size: 18px; margin: 0 0 0 20px; color: #57B433; font-family: Arial, Helvetica, sans-serif} #contato .legenda{float: left; font-size: 18px; margin: 0 0 0 0px; color: #57B433; font-family: Arial, Helvetica, sans-serif} #contato span{padding: 0 3px; display: block; margin: 0 0 3px 0; color: #999; font-size: 15px; font-family: Arial, Helvetica, sans-serif;} #contato .nome_usuario, #contato .email, #contato .mensagem, #contato .btn {width: auto; display: block; float: left; margin: 0 15px 15px 0; clear:both;} #contato .sobre_nome, #contato .telefone, #contato .estado, #contato .cidade, #contato .uf, #contato .assunto, #contato .reset, #contato .DDD-contato{width: auto; display: block; float: left; margin: 0 15px 15px 0;} #contato .nome_usuario input, #contato .sobre_nome input,#contato .email input, #contato .telefone input, #contato .estado select, #contato .cidade input, #contato .uf select, #contato .assunto input, #contato .mensagem textarea, #contato .DDD-contato input { padding: 4px 5px; font-family: Arial, Helvetica, sans-serif; color:#57B433; font-size: 15px; border: 1px solid #CCC;} /* input tamanho dos input pela class*/ #contato .nome_usuario input{width: 300px;} #contato .sobre_nome input{width: 250px} #contato .email input{width: 300px;} #contato .telefone input{width: 190px;} #contato .cidade input{width: 200px;} #contato .assunto input{width:225px;} #contato .mensagem textarea{width: 880px; height: 200px;} #contato .DDD-contato input{width: 45px;} #contato .estado select{width: 60px;} /* formatação botao*/ #contato .btn , #contato .reset, #contato .btn input, #contato .reset input, #terceira_div_form .envia_cadas input, #terceira_div_form .cancela_cadas input{ border: 1px solid #CCC; font-family: Arial, Helvetica, sans-serif; background: url(../images/bg-btn-saiba-mais.jpg) repeat-x left top; font-size: 14px; width: auto; display:block; padding: 10px 30px; color: #57B433; transition: 1.0s; -webkit-transition: 1.0s; -o-transition: 1.0s; -ms-transition: 1.0s; -moz-transition: 1.0s; -moz-border-radius: 5px ; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #contato .btn :hover, #contato .reset :hover, #contato .btn input:hover, #contato .reset input:hover, #terceira_div_form .envia_cadas input:hover, #terceira_div_form .cancela_cadas input:hover{cursor: pointer; border: 1px solid #CCC; font-family: Arial, Helvetica, sans-serif; background: url(../images/bg-btn-saiba-mais.jpg) repeat-x left top; font-size: 14px; width: auto; display:block; padding: 10px 30px; color: #57B433; transition: 1.0s; -webkit-transition: 1.0s; -o-transition: 1.0s; -ms-transition: 1.0s; -moz-transition: 1.0s; -moz-border-radius: 5px ; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: 0 2px 13px #999; -webkit-box-shadow: 0 2px 13px #999; -moz-box-shadow: 0 2px 13px #999; -o-box-shadow: 0 2px 13px #999; -ms-box-shadow: 0 2px 13px #999;} /* Aqui começa a formatação da sidebar*/ #sidebar{margin: 41px 0 30px 0; width: 320px; height: 541px; background: #fff; float: right;} /* #### Aqui vai formatação cadastro ###-->*/ span.validation{display: block; color: #990000 !important; padding: 0 0 0 4px !important; font-weight: bold; float: left; width: 10px; height: 15px; visibility: visible;} .blocoValidation {height: 20px; } .blocoValidation span{float: left;} #cadastro{width: 960px; margin: 10px 0 30px 0; float: left; background: #fff;padding: 10px; } div.primeiro_div_form{width: 930px; margin: 0; float: left; background: #FFFFFF;} div.segunda_div_form{width: 930px; margin: 0; float: left; background: #fff;} div.terceira_div_form{width: 930px; margin: 0; float: left; background: #FFFFFF;} #cadastro fieldset{width: 930px; background: #fff; padding: 15px ; border: 1px solid #CCC; font-size: 18px; margin: 0 0 0 0; } #cadastro .quadro {width: 930px; background: #fff; padding: 15px ; border: 1px solid #CCC; font-size: 18px; margin: 0 0 0 0; } #cadastro legend{ font-size: 18px; margin: 0 0 0 20px; color: #57B433; font-family: Arial, Helvetica, sans-serif} #cadastro .legenda{ font-size: 18px; margin: -0 0 0 0; color: #57B433; font-family: Arial, Helvetica, sans-serif} #cadastro span{padding: 0 3px; display: block; margin: 0 0 3px 0; color: #999; font-size: 13px; font-family: Arial, Helvetica, sans-serif;} #cadastro .txtNome, #cadastro .txtCPFCNPJ, #cadastro .txtResponsavel, #cadastro .txtEndereco, #cadastro .numero, #cadastro .txtComplemento, #cadastro .logradouro, #cadastro .txtBairro, #cadastro .tipopesso, #cadastro .txtCidade, #cadastro .dplUF, #cadastro .txtCep, #cadastro .txtNumeroCNES, #cadastro .txtCodIBGECidade, #cadastro .txtDDDTelefone, #cadastro .txtTelefone, #cadastro .txtDDDCelular, #cadastro .txtCelular, #cadastro .txtEmail, #cadastro .txtSenha, #cadastro .txtConfirmacaoSenha, #cadastro .tipoassinatura, #cadastro .operadora-celular{width: auto; display: block; float: left; padding: 0 15px 15px 0;} #cadastro .txtContatoResponsavel{padding: 0 0 15px 0 !important; width: auto; display: block; float: left;} #cadastro .txtNome input, #cadastro .txtCPFCNPJ input, #cadastro .txtResponsavel input, #cadastro .txtContatoResponsavel input, #cadastro .logradouro select, #cadastro .txtEndereco input, #cadastro .numero input, #cadastro .txtComplemento input, #cadastro .txtBairro input, #cadastro .tipopesso select, #cadastro .txtCidade input, #cadastro .dplUF select, #cadastro .txtCep input, #cadastro .txtNumeroCNES input, #cadastro .txtCodIBGECidade input, #cadastro .txtDDDTelefone input, #cadastro .txtTelefone input, #cadastro .txtDDDCelular input, #cadastro .txtCelular input, #cadastro .txtEmail input, #cadastro .txtSenha input, #cadastro .txtConfirmacaoSenha input, #cadastro .tipoassinatura select, #cadastro .operadora-celular select{ display: block; padding: 4px 5px; font-family: Arial, Helvetica, sans-serif; color:#57B433; font-size: 15px; border: 1px solid #CCC;} /* Tamanho do input da pá cadastro*/ #cadastro .txtNome input{width: 450px;} #cadastro .txtCPFCNPJ input{width: 205px;} #cadastro .txtResponsavel input{width: 590px;} #cadastro .txtContatoResponsavel input{width: 283px; } #cadastro .logradouro select{width: 150px; } #cadastro .txtEndereco input{width: 400px;} #cadastro .numero input{width: 80px;} #cadastro .txtComplemento input{width: 202px;} #cadastro .txtBairro input{width: 300px;} #cadastro .tipopesso select{width: 200px;} #cadastro .txtCidade input{width: 300px;} #cadastro .dplUF select{width: 80px;} #cadastro .txtCep input{width: 150px;} #cadastro .txtNumeroCNES input{width: 210px;} #cadastro .txtCodIBGECidade input{width: 146px;} #cadastro .txtDDDTelefone input{width: 45px;} #cadastro .txtTelefone input{width: 95px;} #cadastro .txtDDDCelular input{width: 45px;} #cadastro .txtCelular input{width: 95px;} #cadastro .txtEmail input{width: 233px;} #cadastro .txtSenha input{width: 130px;} #cadastro .txtConfirmacaoSenha input{width: 130px;} #cadastro .tipoassinatura select{width: 330px;} #cadastro .operadora-celular select{width: 112px;} /*botão cadastro*/ #botao-cadastro{margin: 20px 0 25px 0;} #botao-cadastro .envia_cadas input, #botao-cadastro input{float: left; margin: 0 30px 0 0; border: 1px solid #CCC; font-family: Arial, Helvetica, sans-serif; background: url(../images/bg-btn-saiba-mais.jpg) repeat-x left top; font-size: 14px; width: auto; display:block; padding: 10px 30px; color: #57B433; transition: 1.0s; -webkit-transition: 1.0s; -o-transition: 1.0s; -ms-transition: 1.0s; -moz-transition: 1.0s; -moz-border-radius: 5px ; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #botao-cadastro.envia_cadas input:hover, #botao-cadastro input:hover{cursor: pointer; border: 1px solid #CCC; font-family: Arial, Helvetica, sans-serif; background: url(../images/bg-btn-saiba-mais.jpg) repeat-x left top; font-size: 14px; width: auto; display:block; padding: 10px 30px; color: #57B433; transition: 1.0s; -webkit-transition: 1.0s; -o-transition: 1.0s; -ms-transition: 1.0s; -moz-transition: 1.0s; -moz-border-radius: 5px ; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: 0 2px 13px #999; -webkit-box-shadow: 0 2px 13px #999; -moz-box-shadow: 0 2px 13px #999; -o-box-shadow: 0 2px 13px #999; -ms-box-shadow: 0 2px 13px #999;} /* *política cadastro */ .politica_cadastro a{color:#73B9FF; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } /* Aqui vai a pagina noticia*/ .principais-funcionalidade {float: left; width: 940px; border: 1px solid #EEEEEE; padding: 10px 5px 20px 10px; margin: 0 0 20px 0;} .principais-funcionalidade p, #noticia-post p{color: #999; line-height: 20px; margin: 0 0 20px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} #noticia-post h2, .principais-funcionalidade h2{font-size: 14px; margin: 0 0 10px 0; font-family: Arial, Helvetica, sans-serif;} .principais-funcionalidade img{float: right;} /* sidebar noticia*/ #noticia-post{float: left; width: 610px; padding: 10px 5px 20px 10px; margin: 0; } .noticia-conteudo{width: 940px; min-height: 600px; padding: 10px; margin: 0 0 20px 0; border: 1px solid #CCCCCC;} .sidebar-noticia{float: right; width: 300px; } .sidebar-noticia span.titulo img{float: left; margin: 2px 10px 0 0;} .sidebar-noticia span.titulo{width: 300px; display: block; border-bottom: 1px solid #EEEEEE; padding: 0 0 5px 0; margin: 0 0 10px 0; } .sidebar-noticia span.titulo h1 {font-size: 20px; margin: 0; font-family: Arial, Helvetica, sans-serif;} .date-sideba-texto-noticia{width: 290px; padding: 5px; border: 1px solid #EEEEEE; margin: 0 0 20px 0;} .date-sidebar{background: url(../images/bg-date.png) repeat-x left top; float: left; width: 50px; border: 1px solid #EEEEEE; padding: 3px 0;} .sidebar-texto-noticia{float: right; width: 225px; } .sidebar-texto-noticia h2{font-size: 14px; margin: 0 0 10px 0; font-family: Arial, Helvetica, sans-serif;} .sidebar-texto-noticia h2 a{text-decoration: none; font-size: 14px; margin: 0 0 10px 0; font-family: Arial, Helvetica, sans-serif; color:#666666;} .sidebar-texto-noticia h2 a:hover{text-decoration: underline; font-size: 14px; margin: 0 0 10px 0; font-family: Arial, Helvetica, sans-serif;} .sidebar-texto-noticia p {font-size: 12px; margin: 0 0 10px 0; font-family: Arial, Helvetica, sans-serif;} .date-sidebar span.date-span p{font-size: 14px; text-align: center; color: #006699; margin:0; font-family: Arial, Helvetica, sans-serif;} .date-sidebar span.date-span h1{font-size: 16px; text-align: center; color: #666; margin: 0; font-family: Arial, Helvetica, sans-serif;} /* *Continuação do processo de site tiss * */ /* pagina download */ .downloads{float: left; width: 620px; } .downloads h1{font-size: 16px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px solid #57B433;} .downloads h3{font-size: 14px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; margin: 0 0 10px 0; padding: 5px; background: #EEEEEE; color: #999999;} .downloads p{font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; margin: 0 0 10px 0; color:#666666;} .downloads-links{width: 100%; } .downloads-links h2 a{font-size: 14px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; margin: 0 0 15px 0; color: #006699; } .downloads-links table tr { padding: 2px 10px; color: #666; font-size: 13px; font-family: Arial, Helvetica, sans-serif; } .downloads-links table td {padding: 3px 5px;} .downloads-links table{ border: 1px solid #006699;} .linha-um{background: #FFFFFF; font-size: 13px; border-top: 1px solid #006699; } .linha-dois{background: #F9F9F9; font-size: 13px; border-top: 1px solid #006699; } .linha-dois a, .linha-um a{text-decoration: none; color: #4DB029;} .table-TD-Titulo{background: #006699; font-size: 16px; color: #F9F9F9; font-size: 16px;} /* duvidas*/ #accordion{margin: 0 0 20px 0} .como-usar-tiss{width: 950px;} .como-usar-tiss h1 {font-size: 18px; font-family: Arial, Helvetica, sans-serif; margin: 10px 0 20px 0; color:#4DB029; padding: 5px; border-bottom: 1px solid #4DB029; width: 100%;} #accordion p {font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; margin: 0 0 10px 0; color:#666666;} #accordion p a{font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; margin: 0 0 10px 0; color:#4DB029;} #accordion h3 {font-size: 15px; font-family: Arial, Helvetica, sans-serif; color:#006699; background: #eee;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #50A82F !important; background: #57B432 !important; font-weight: normal; color: #FFFFFF !important; } /* empresa*/ .empresa{width: 620px; min-height: 600px; float: left; margin: 0 0 20px 0;} .empresa{width: 620px; min-height: 600px; height: auto !important;} .empresa{width: 620px; min-height: 600px; height: auto !important; height: 600px;} .empresa h1{font-size: 16px; font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid #57B433; line-height: 18px; color: #4DB029; margin: 0 0 10px 0 ; padding: 0 0 5px 0;} .empresa p{font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; color: #666; margin: 0 0 10px 0 ;} /* politica */ .politica, .politica p, .como-funciona p{font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 15px; color: #666; margin: 0 0 23px 0 ;} .politica p strong{font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 15px; color: #666; margin: 0 0 23px 0 ;} .politica p a{font-size: 12px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; line-height: 15px; color: #4DB029; margin: 0 0 23px 0 ;} .politica h2 {font-size: 16px; font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid #57B433; line-height: 18px; color: #4DB029; margin: 0 0 10px 0 ; padding: 0 0 5px 0;} /* pafina principais funcionalidade*/ .labsolution-apresentacao{width: 960px; padding: 20px 0 0 0; } .sidebar-labsolution{float: left; width: 210px; height: 500px; } .sidebar-labsolution ul li {width: 240px; width: 180px; } .sidebar-labsolution ul li a{border-bottom: 1px solid #fff; width: 180px; padding: 11px 15px; background: #F6F7F8; display: block; font-family: Arial, Helvetica, sans-serif; color: #4DB029; font-size: 12px; text-decoration: none;} .sidebar-labsolution ul li a:hover{width: 180px; padding: 11px 15px; display: block; font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 12px; background: #EEEEEE;} .sidebar-labsolution ul li a.ativo {width: 210px; padding: 11px 15px; background: url(../images/bg-hover-sidebar-ativo.png) no-repeat left top; display: block; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px;} .labsolution-conteudo{width: 720px; float: right;} .lab-texto {float: left; width: 420px; } .lab-texto h1, .empresa-apresentacao h1, .inter-texto h1{font-size: 17px; font-family: Arial, Helvetica, sans-serif; color: #4DB029; font-weight: bolder; margin: 0 0 7px 0;} .lab-texto h3, .empresa-apresentacao h3, .inter-texto h3{font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #999; font-weight: bolder; margin: 0 0 15px 0;} .lab-texto p, .empresa-apresentacao p, .inter-texto p{font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #666666; line-height: 18px; margin: 0 0 15px 0;} .lab-img {float: right; width: 230px; height: 200px;} .labsolution-feature{float: left; width: 690px; margin: 0 0 20px 0;} /* recuperar senha*/ .recuperar-senha-conteudo{width: 940px; min-height: 600px; padding: 10px; margin: 0 0 20px 0; border: 1px solid #CCCCCC;} .recuperar-senha{ width: 600px; margin: 0 0 30px 0; float: left;} .recuperar-senha h1{font-size: 20px; font-family: Arial, Helvetica, sans-serif; color: #4DB029; font-weight: bolder; margin: 0 0 7px 0;} .recuperar-senha h2{font-size: 15px; font-family: Arial, Helvetica, sans-serif; color: #666; font-weight: bolder; margin: 0 0 7px 0;} .recuperar-senha p {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #666666; line-height: 18px; margin: 0 0 15px 0;} .recuperarSenhaMail, .recuperarSenhaImagem, .recuperarSenhaDigiteimagem{float: left; margin: 20px 0 10px 0; display: block;} .recuperarSenhaDigiteimagem{font-family: Arial, Helvetica, sans-serif; color:#666; font-size: 15px} .recuperarSenhaMail span, .recuperarSenhaBtnProse span, .recuperarSenhaImagem span, .recuperarSenhaDigiteimagem span{float: left; font-family: Arial, Helvetica, sans-serif; color:#666; font-size: 15px; margin: 0 15px 3px 0; display: block;} .recuperarSenhaMail{width: 500px;} .recuperarSenhaMail input{width: 550px; padding: 4px 5px; font-family: Arial, Helvetica, sans-serif; color:#57B433; font-size: 15px; border: 1px solid #CCC;} .recuperarSenhaImagem{width: 285px; margin: 23px 15px 0 0; background: #F9F9F9; height: 40px; font-family: Arial, Helvetica, sans-serif; color:#666; font-size: 15px; } .recuperarSenhaDigiteimagem{width: 300px;} .recuperarSenhaDigiteimagem input{width: 250px; padding: 4px 5px; font-family: Arial, Helvetica, sans-serif; color:#57B433; font-size: 15px; border: 1px solid #CCC;} .recuperarSenhaBtnProse input{height: 30px; line-height: 30px; padding: 0 15px; background: #EEEEEE; border: 1px solid #CCCCCC; font-family: Arial, Helvetica, sans-serif; color:#666; font-size: 15px;} .recuperarSenhaBtnProse{float: left; margin: 30px 0 10px 0; display: block; font-family: Arial, Helvetica, sans-serif; color:#57B433; font-size: 15px; margin: 0 0 3px 0;} /* Faça seu site**/ .faca-seu-site{width: 940px; min-height: 600px; padding: 10px; margin: 0 0 20px 0; border: 1px solid #CCCCCC;} .faca-site-apresentacao{width: 940px; } .faca-site-apresentacao h1{font-size: 16px; font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid #57B433; line-height: 18px; color: #4DB029; margin: 0 0 10px 0 ; padding: 0 0 5px 0;} .faca-site-apresentacao h3{font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #999; font-weight: bolder; margin: 0 0 10px 0;} .faca-site-apresentacao p{font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #666666; line-height: 18px; margin: 0 0 15px 0;} .faca-site-apresentacao p a{font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #4DB029; line-height: 18px; margin: 0 0 15px 0;} .imagem-site{width: 300px; margin: 0 18px 0 0; float: left;} .imagem-site img, .imagem-site-right img{padding: 2px; border: 1px solid #CCCCCC; width: 300px; height: 268px;} .imagem-site-right{width: 300px; float: right;} .portifolio-faca-site{width: 940px; margin: 20px 0 20px 0; } .tecnologia-utilizadas{margin: 20px 0 0 0; width: 300px;} .tecnologia-utilizadas h1{font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #4DB029; font-weight: bolder; margin: 0 0 7px 0;} .tecnologia-utilizadas h3{font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #999; font-weight: bolder; margin: 0 0 7px 0;} .tecnologia-utilizadas h3 a{text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #4DB029; font-weight: bolder; margin: 0 0 7px 0;} .tecnologia-utilizadas h3 a:hover{text-decoration: underline; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #589E29; font-weight: bolder; margin: 0 0 7px 0;} .tecnologia-utilizadas p{font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #666666; line-height: 18px; margin: 0 0 15px 0;} /* Pagina saiba como funciona mais operadora saude*/ .saiba-mais-operadora-tiss{width: 960px;} .saiba-mais-operadora-tiss h2{font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #4DB029; font-weight: bolder; margin: 0 0 5px 0;} .saiba-mais-operadora-tiss p{font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #666666; line-height: 18px; margin: 0 0 15px 0;} /* * Sobre o tiss */ .sobre-tiss{width: 620px; min-height: 600px; float: left; } .sobre-tiss{width: 620px; min-height: 600px; height: auto !important;} .sobre-tiss{width: 620px; min-height: 600px; height: auto !important;} .sobre-tiss p {font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 15px; color: #666; margin: 0 0 23px 0 ;} .sobre-tiss p strong{font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 15px; color: #666; margin: 0 0 23px 0 ;} .sobre-tiss p a{font-size: 12px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; line-height: 15px; color: #4DB029; margin: 0 0 23px 0 ;} .sobre-tiss h2{font-size: 16px; font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid #57B433; line-height: 18px; color: #4DB029; margin: 0 0 10px 0 ; padding: 0 0 5px 0;} /* COMO FUNCIONA*/ .como-funciona{width: 620px; min-height: 600px; float: left;} .como-funciona{width: 620px; min-height: 600px; height: auto !important;} .como-funciona{width: 620px; min-height: 600px; height: auto } .como-funciona p{font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 15px; color: #888; margin: 0 0 23px 0 ;} .como-funciona h1{font-size: 16px; font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid #57B433; line-height: 18px; color: #4DB029; margin: 0 0 10px 0 ; padding: 0 0 5px 0;} .como-funciona h2{font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; color: #999; margin: 0 0 5px 0 ;} /* TISS Operadora*/ .tiss-operadora-funcionalidade{margin: 0 auto; } .tiss-eperadora{width: 940px; min-height: 600px; padding: 10px; margin: 0 0 20px 0; border: 1px solid #CCCCCC;} .tiss-operadora-conteudo{width: 940px; float: right;} .tiss-operadora-conteudo h2{font-size: 16px; font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid #57B433; line-height: 18px; color: #4DB029; margin: 0 0 20px 0 ; padding: 0 0 5px 0;} .tiss-operadora-texto {float: left; width: 690px; } .tiss-operadora-texto h1, .empresa-apresentacao h1, .inter-texto h1{font-size: 17px; font-family: Arial, Helvetica, sans-serif; color: #4DB029; font-weight: bolder; margin: 0 0 7px 0;} .tiss-operadora-texto h3, .empresa-apresentacao h3, .inter-texto h3{font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #999; font-weight: bolder; margin: 0 0 15px 0;} .tiss-operadora-texto p, .empresa-apresentacao p, .inter-texto p{font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #666666; line-height: 18px; margin: 0 0 15px 0;} .tiss-operadora-texto a{font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #4DB029; line-height: 18px; margin: 0 0 15px 0;} .tiss-operadora-img {float: right; width: 234px; height: 163px; background: #EEEEEE;} .tiss-operadora-img img{padding: 2px; border: 1px solid #CCCCCC;} .tiss-operadora-feature{float: left; width: 940px; margin: 0 0 20px 0; } /* * * Aqui nova sidebar * */ .conteudo-geral-border{padding: 10px; width: 940px; border: 1px solid #CCCCCC; margin: 0 0 15px 0;} .novaSidebar{width: 300px; height: auto; float: right;} .bannerSidebar{float: left; width: 294px; height: 344px; border: 1px solid #CCC; padding: 2px; margin: 0 0 25px 0;} .sidebar-pesquisa{background: #F5F5F5; border: 1px solid #CCCCCC; padding:10px; width: 280px; float: left; } .sidebar-pesquisa label{display: block; float: left; width: 270px; margin: 12px 0 0 0;} .sidebar-pesquisa span{color: #555; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} .sidebar-pesquisa input{color: #555; border:0;} .sidebar-pesquisa label.votar input{color: #FFFFFF; background: #0D4F6F; border: 0; padding: 5px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; cursor: pointer;} .sidebar-pesquisa-titulo{width: 270px; margin: 0 0 5px 0; padding: 0 0 10px 0; border-bottom: 1px dashed #CCCCCC;} .sidebar-pesquisa-titulo h1{color: #444; font-family: Arial, Helvetica, sans-serif; font-size: 19px;} .sidebar-pesquisa strong{color: #0D4F6F; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 10px 0 0 0;} textarea.pesquisaTextArea{width: 280px;} /* ===== SEO block: TISS / Guias TISS ===== */ /* ===== SEO block: make it look like Noticia (TISS / ANS TISS) ===== */ .seo-tiss{ float: left; width: 960px; margin: 15px 0 15px 0; background: #FFF; border-top: 3px solid #CCC; /* same as #box-noticia-facebook */ padding: 20px 0 0 0; } /* Title like the green section titles in Noticia */ .seo-tiss h1{ font-size: 18px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px solid #57B433; color: #57B433; } /* Subtitles similar to Noticia h2 */ .seo-tiss h2{ font-size: 14px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; margin: 12px 0 8px 0; padding: 0 0 5px 0; border-bottom: 1px solid #57B433; color: #57B433; } /* Paragraph style same vibe as Noticia text */ .seo-tiss p{ font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #999; line-height: 18px; margin: 0 0 12px 0; } /* Optional: keep bold subtle (not too dark) */ .seo-tiss strong{ color: #666; } /* ===== CTA Button - Validador TISS ===== */ .cta-validador{ display: inline-block; margin: 15px 0 5px 0; padding: 14px 28px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; color: #ffffff !important; background: linear-gradient(to bottom, #2f6ec2, #2860aa); border: 1px solid #1f4f8d; border-radius: 6px; transition: all 0.3s ease; box-shadow: 0 3px 8px rgba(0,0,0,0.15); } /* Hover effect */ .cta-validador:hover{ background: linear-gradient(to bottom, #2860aa, #1f4f8d); box-shadow: 0 5px 14px rgba(0,0,0,0.25); transform: translateY(-2px); color: #ffffff !important; } /* Click effect */ .cta-validador:active{ transform: translateY(0); box-shadow: 0 2px 6px rgba(0,0,0,0.2); } /* ===== FAQ Accordion (CSS-only) - matches Noticia style ===== */ .faq-home{ float: left; width: 960px; margin: 15px 0 15px 0; background: #FFF; border-top: 3px solid #CCC; padding: 20px 0 0 0; } /* Title like Noticia titles */ .faq-home h2{ font-size: 18px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; margin: 0 0 12px 0; padding: 0 0 8px 0; border-bottom: 1px solid #57B433; color: #57B433; } /* Each FAQ item */ .faq-home details{ margin: 0; padding: 10px 0; border-bottom: 1px dashed #CCCCCC; } /* Remove default triangle and keep spacing consistent */ .faq-home summary{ list-style: none; cursor: pointer; font-size: 14px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; color: #666; font-weight: bold; padding: 0 0 0 22px; /* space for our custom icon */ position: relative; outline: none; } /* Hide default marker in Chrome/Safari */ .faq-home summary::-webkit-details-marker{ display: none; } /* Custom + / - icon using your green */ .faq-home summary:before{ content: "+"; position: absolute; left: 0; top: 0; width: 16px; height: 16px; line-height: 16px; text-align: center; color: #57B433; font-weight: bold; font-size: 16px; } /* When open, show minus */ .faq-home details[open] summary:before{ content: "–"; } /* Answer text = Noticia paragraphs */ .faq-home details p{ margin: 8px 0 0 22px; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #999; line-height: 18px; } /* Make the CTA button sit nicely inside answers */ .faq-home .cta-validador{ margin: 10px 0 0 0; } /* Hover focus (subtle, matching site) */ .faq-home summary:hover{ color: #57B433; } .faq-home summary:focus{ outline: none; } /* Links inside FAQ (non-button) */ .faq-home a{ font-family: Arial, Helvetica, sans-serif; } .faq-home details{ padding: 8px 0; } .faq-home details p{ margin-top: 6px; }