/* ============================== Project Name: Description: Slicer: Designer: ===============================*/ //============================ Colors @bg: #fff; @links: #990000; //============================ Libraries @import "libs/css3"; @import "libs/noGrid"; @import "libs/grid"; //============================ Code .hichmedia { position: absolute!important; z-index: 100!important; width: 888px; height: 411px; .fechar { position: absolute; top: -8px; right: -8px; } } h1, h2, h3, h4, h5, h6 { padding: 10px 0; } h2 { border-bottom: 1px solid #ddd; padding-bottom: 20px; font-size: 32px; font-style: italic; font-weight: bold; color: #2b9ec6; letter-spacing: -1px; margin-bottom: 30px; font-family: 'Nobile', sans-serif; a { color: #2b9ec6; .animate; &:hover { color: #b35fc1; } } } h3 { color: #b460c2; font-size: 22px; margin-bottom: 10px; font-family: 'Nobile', sans-serif; letter-spacing: -1px; } h5 { color: #666; font-size: 16px; margin: 15px 0 10px 0; font-family: 'Nobile', sans-serif; letter-spacing: -1px; } h6 { color: #666; font-size: 16px; margin: 15px 0 15px 0; font-family: 'Nobile', sans-serif; font-style: italic; line-height: 28px!important; letter-spacing: -1px; } strong{ font-weight: bold!important; } p { color: #666; font-size: 13px; line-height: 18px!important; margin-bottom: 18px; } form { overflow: hidden; } .formContato { width: 450px; #support_submit { float: right; } } .notice, .alert { width: 100%; padding: 10px; color: #fff; background: red; text-align: center; cursor: pointer; /*position: absolute;*/ margin: 0!important; } .notice { background: green; } #easyTooltip { background-color: #249dc6; color: #fff; .corners; padding: 5px 8px; font-size: 12px; } header { background: #fff url(../imgs/bgHeader.png) repeat-x top center; height: 390px; section { .container; position: relative; /* overflow: hidden; */ h1 { float: left; margin-top: 30px; } nav { margin-top: 70px; float: right; a { margin-left: 5px; text-transform: uppercase; color: #1b7896; font-size: 13px; padding: 5px 15px; font-family: 'Nobile', sans-serif; letter-spacing: -0.8px; .animate; &:hover { background: #b460c2; color: #fff; .corners(80px); } } } #desTopo { position: absolute; /* z-index: 10; */ margin: 0 auto; width: 980px; height: 300px; overflow: hidden; margin: 127px 0 0 0!important; .itemDestaqueTopo { overflow: hidden; height: 263px; background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */ zoom: 1; img { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */ zoom: 1; } } } .boxServicos { margin-top: 195px; margin-right: 310px; float: right; border: none; position: relative; ul { position: absolute; z-index: 11; width: 280px; li { list-style-image: none; position: relative; height: 1px; margin-top: 0!important; width: 5px; float: left; margin-left: 45px; .toolTip { position: absolute; text-align: center; margin-top: -30px; margin-left: -10px; z-index: 15; display: none; padding: 3px 5px; min-width: 70px; height: 31px; color: #fff; padding: 6px 5px 0 5px; background: url(../imgs/toolTip.png) no-repeat center; } &:hover .toolTip { display: block; } } } a { color: green; float: left; height: 46px; width: 46px; text-indent: -9000px; display: block; cursor: pointer; background: url(../imgs/iconServicos.png) no-repeat; border: none; margin-left: 5px; .animate; } .homecare { background-position: 0 0; &:hover { background-position: 0 -46px; } } .nutricao { background-position: -47px 0; &:hover { background-position: -47px -46px; } } .medicamentos { background-position: -94px 0; &:hover { background-position: -94px -46px; } } .delivery { background-position: -141px 0; &:hover { background-position: -141px -46px; } } .consultorio { background-position: -188px 0; &:hover { background-position: -188px -46px; } } } .redesSociais { margin-top: -10px; clear: both; float: right; a { background: url(../imgs/redesSociais.png) no-repeat bottom left; height: 45px; width: 45px; margin-left: 5px; text-indent: -9000px; float: left; .animate; } .twitter { &:hover { background-position: top left; } } .facebook { background-position: -57px bottom; &:hover { background-position: -57px top; } } .flickr { background-position: -117px bottom; &:hover { background-position: -117px top; } } } } } #content { background: #fff url(../imgs/bgContainer.gif) repeat-x top left; margin-top: -230px; border-top: 1px solid #fff; section { .container; margin-top: 1px; padding-top: 60px; } p { font-size: 13px!important; line-height: 25px!important; } .paginacao { float: left; width: 100%; text-align: center; height: 40px; margin-bottom: 40px; a { height: 40px; display: block; width: 100px; padding: 20px 0 0 0; font-size: 14px; color: #666; .animate; &:hover { color: #b35fc1; } } .anterior { text-align: right; float: left; width: 48%; background: url(../imgs/pagVoltar.gif) no-repeat 405px 20px; } .proximo { text-align: left; float: right; width: 48%; background: url(../imgs/pagAvancar.gif) no-repeat 56px 20px; } } .titulo { color: #38b2d2; font-family: 'Nobile', sans-serif; font-size: 28px!important; letter-spacing: -1px; margin: 0px 0 10px 0; float: left; display: block; width: 100%; .animate; &:hover { color: #be65cc; } } .data { color: #be65cc; margin-top: 5px; } .site { a { color: #999; text-decoration: underline; padding-left: 20px; font-size: 11px; background: url(../imgs/iconSite.gif) no-repeat top left; &:hover { text-decoration: none; color: #666; } } } .vejaMais { background: url(../imgs/pagAvancar.gif) no-repeat top left; height: 30px; padding-left: 15px; float: left; font-size: 18px; color: #999; font-family: 'Nobile', sans-serif; letter-spacing: -1px; margin-top: 20px; display: block; width: 100%; &:hover { color: #be65cc; } } } .sombraDestaque { position: absolute; z-index: 20; bottom: 0; } #inicial { /* .container; */ width: 100%; overflow: hidden; background: #fff url(../imgs/bgContainer.gif) repeat-x top left; border-top: 1px solid #fff; section { .container; /* overflow: hidden; */ min-height: 600px; #destaques { background: url(../imgs/sombraDestaque.png) no-repeat bottom center; padding: 20px 0 0 0; height: 200px; overflow: hidden; width: 100%; .itemDestaque { float: left; } .conteudo { /* float: left; */ margin: 40px 0 0 420px; } .assunto { color: #be65cc; text-transform: uppercase; font-family: 'Nobile', sans-serif; font-size: 14px; font-style: italic; margin-bottom: 10px; display: block; } p a{ color: #666; text-decoration: none; } .titulo a { font-family: 'Nobile', sans-serif; font-size: 30px; color: #38b2d2; font-style: italic; font-weight: bold; letter-spacing: -2px; margin-bottom: 13px; margin-top: -5px; display: block; line-height: 28px; .animate; &:hover { color: #99cc00; } } #voltarFoto { float: left; margin: 90px 0 0 -930px; position: relative; } #avancarFoto { float: left; margin: 90px 0 0 -665px; position: relative; } .mascara { width: 350px; height: 185px; position: absolute; overflow: hidden; margin: 10px 0 0 -950px; z-index: 0; img { margin-top: -50px; } } #galeria { width: 100%; height: 192px; float: left; z-index: 0; } .imgDestaque { margin: 10px 0 0 60px!important; float: left; overflow: hidden; height: 185px; width: 340px; } } .dicasArtigos { overflow: hidden; margin: 60px 0 20px 0; a { font-size: 16px; color: #666; font-weight: bold; .animate; &:hover { color: #99cc00; } } .artigo { float: left; .box(465px, 0 20px 0 0); } #leiaMais { color: #2b9ec6; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; float: right; font-size: 12px; font-weight: normal; } } .ambulancia { .box(465px, 0 20px 0 0); float: left; } .areaRestrita { .box(485px, 0 10px 0 0); float: left; } .depoimentos { background: #ecedee url(../imgs/aspasBranca.gif) no-repeat top left; padding: 20px 10px 25px 80px; height: auto!important; width: 890px!important; margin: 40px 0 80px 0; float: left; a { color: #2b9ec6; .animate; &:hover { color: #b35fc1; } } h3 { margin-bottom: 20px; } b { font-weight: bold; color: #666; } } .btEnvieDepoimento { float: right; margin-top: -70px; .animate; &:hover { margin-top: -75px; } } .contentChamadas { /* float: left; */ margin: 0px 0 0 170px; h3 { float: none!important; } } .flickr { .box(210px, 0 0 0px 0); float: left; li { float: left; list-style-image: none!important; } a { float: left; margin: 5px; .animate; &:hover { .opacity(0.9); } } h3 { margin-bottom: 10px; } .maisFotos { color: #666; img { float: left; margin-right: 5px; } } .banner{ margin: 0; } } .eventos { float: left; .box(280px, 0 100px 0 120px); .evento { margin-top: 10px; float: left; a { font-size: 16px; font-weight: bold; color: #666; } .periodo { width: 270px; } .mes { background: url(../imgs/bgMes.gif) no-repeat top left; height: 40px; width: 32px; float: left; padding-top: 13px; text-align: center; font-weight: bold; text-transform: uppercase; color: #99cc00; font-size: 10px; margin-right: 10px; } } } .facebook { float: left; .box(250px, 0 0 20px 0); } h3 { font-family: 'Nobile', sans-serif; font-size: 28px; padding-top: 8px; float: left; width: 100%; margin-bottom: 5px; color: #666; letter-spacing: -2px; } .subtitulo { /* float: left; */ font-size: 18px; font-family: 'Nobile', sans-serif; color: #999; width: 100%; margin-bottom: 20px; } .green { color: #99cc00; } .violet { color: #b460c2; } .cinza { color: #666; } .submitInicial { border: none; background: none; margin: 18px 0 0 0; } } } ul { margin: 20px 0; li { list-style-image: url(../imgs/marcador.gif); list-style-position: inside; font-size: 13px; color: #666; font-family: 'Nobile', sans-serif; font-style: italic; margin: 5px 0; } } .listahoriz{ float: left; margin: 20px 40px 0 0; } .foto { background: url(../imgs/sombraFoto.gif) no-repeat bottom center; padding-bottom:20px; vertical-align: top; float: left; margin: 10px 30px 20px 0; } .fotomaior { /*background: url(../imgs/shadow.png) no-repeat bottom center;*/ padding-bottom:20px; vertical-align: top; float: left; margin: 10px 30px 20px 0; } .fotoPequena { background: url(../imgs/sombraFotoPequena.gif) no-repeat bottom center; padding-bottom: 14px; vertical-align: top; float: left; margin: 0 20px 20px 0; } .boxServicos { margin-top: 10px; clear: both; float: right; border: 1px solid red; a { border: 1px solid red; float: left!important; } } .SecaoRedes { width: 980px; /* overflow: hidden; */ } .depoimentos { height: 300px; .btEnvieDepoimento { float: left; height: 300px; margin-right: 20px; } form { float: left; margin-bottom: 40px; small { float: left; margin: 5px 0 0 5px; color: #666; position: absolute; } } .depoimento { float: left; margin-bottom: 30px; span { float: left; .box(820px, 0 0 0 20px); } .avatarPadrao { background: url(../imgs/avatarPadrao.gif) no-repeat top left; width: 122px; height: 87px; float: left; } p { color: #666; font-size: 12px; line-height: 18px; } .assinatura { font-size: 14px; margin-bottom: 0; font-weight: bold; letter-spacing: -1px; background: url(../imgs/aspasFinal.gif) no-repeat top right; } .data { color: #be65cc; } } } .eventos { .calendario { margin: 0 0 30px 30px; float: left; a { width: 48px; height: 48px; float: left; margin-right: 30px; text-indent: -9000px; background: url(../imgs/calendario.gif) no-repeat bottom left; } .ativo { } .janeiro { background-position: 0 -52px; &:hover { background-position: 0 0; } } .fevereiro { background-position: -70px -52px; &:hover { background-position: -70px 0; } } .marco { background-position: -140px -52px; &:hover { background-position: -140px 0; } } .abril { background-position: -210px -52px; &:hover { background-position: -210px 0; } } .maio { background-position: -280px -52px; &:hover { background-position: -280px 0; } } .junho { background-position: -350px -52px; &:hover { background-position: -350px 0; } } .julho { background-position: -420px -52px; &:hover { background-position: -420px 0; } } .agosto { background-position: -490px -52px; &:hover { background-position: -490px 0; } } .setembro { background-position: -560px -52px; &:hover { background-position: -560px 0; } } .outubro { background-position: -630px -52px; &:hover { background-position: -630px 0; } } .novembro { background-position: -700px -52px; &:hover { background-position: -700px 0; } } .dezembro { background-position: -770px -52px; &:hover { background-position: -770px 0; } } } .evento { margin-top: 30px; } } .noticias { .titulo { margin-top: -8px !important; letter-spacing: -1px; } .data { font-style: italic; font-size: 13px; } .noticia { margin-bottom: 20px; } } .servicos { overflow: hidden; min-height: 500px; .iconServicos { margin-bottom: 30px; float: left; width: 100%; border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-top: -15px; a { float: left; height: 35px; width: 150px; text-indent: -9000px; background: url(../imgs/servicos.gif) no-repeat; .animate; } p { line-height: 23px!important; } .homecare { background-position: 0 0; &:hover { background-position: 0 -35px } } .nutricao { background-position: -140px 2px; &:hover { background-position: -140px -33px } } .doencas { background-position: -270px 2px; &:hover { background-position: -270px -33px } } .medicamentos { background-position: -422px 0; &:hover { background-position: -422px -35px } } .delivery { background-position: -584px 2px; &:hover { background-position: -584px -33px } } .consultorio { background-position: -735px 2px; &:hover { background-position: -735px -33px } } } .fotoRight { float: right; margin: 0 0 20px 30px; } } .maisFotos { width: 570px; a { b { color: #000; font-size: 14px; font-weight: bold; float: left; margin-bottom: 10px; width: 100%; height: 30px; } } .data { margin: 0; } #galeria { width: 480px; height: 350px; margin: 0 0 33px 0; float: left; overflow: hidden; img { float: left; margin-left: 20px; } } #voltarFoto { width: 30px; height: 30px; float: left; background: url(../imgs/voltarFotos.gif) no-repeat top left; text-indent: -9000px; margin-top: 170px; } #avancarFoto { width: 30px; height: 30px; float: right; overflow: hidden; background: url(../imgs/avancarFotos.gif) no-repeat top right; text-indent: -9000px; margin-top: 170px; } } .iconFlickr { float: left; clear: both; vertical-align: middle; height: 30px; img { float: left; } a { float: left; margin-top: 6px; padding-left: 5px; color: #666; .animate; &:hover { color: #be65cc; } } } form { p { margin: 0 15px 5px 0; float: left; } label { color: #38b2d2; clear: both; display: block; padding: 0 0 3px 8px; } input { background: url(../imgs/bgInput.gif) repeat-x top left; border: 2px solid #ddd; height: 26px; .corners(80px); margin-bottom: 10px; font-size: 12px; padding: 0 10px; color: #999; } textarea { background: #fff url(../imgs/bgInput.gif) repeat-x bottom left; border: 2px solid #ddd; .corners(15px); width: 400px; padding: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; float: left; color: #999; } .submit { float: left; background-image: none; border: none; margin-top: 10px; height: auto; width: auto; clear: both; } .inputFile { width: 185px; height:30px; position: relative; overflow: hidden; background: url(../imgs/bgInputFile.gif) no-repeat left top; clear: both; float: left; margin-top: -5px; span { display: block; position: absolute; margin: 15px 0; float: left; } label { margin-bottom: 10px; float: left; } input { position: absolute; right: 0; z-index: 2; font-size: 100px; opacity: 0; filter: alpha(opacity=0); margin-bottom: 10px; } } } footer { background: #fff url(../imgs/bgFooter.png) repeat-x top center; height: 280px; clear: both; /* margin-top: 40px; */ display: block; section { .container; height: 249px; /* margin-top: 50px; */ padding-top: 30px; overflow: hidden; border-top: 1px solid #8fd1ec; .balaoTwitter { width: 475px; float: left; .top { background: url(../imgs/topBalao.png) no-repeat top left; height: 20px; display: block; } .middle { background: #fff url(../imgs/bgBalao.gif) repeat top left; display: block; p { padding: 5px 30px 10px 30px; font-size: 14px; font-style: italic; color: #333333; letter-spacing: -0.8px; line-height: 18px; font-family: 'Nobile', sans-serif; color: #000; } p a { text-decoration: underline; color: #347DB0; } } .bottom { background: url(../imgs/bottomBalao.png) no-repeat 1px top; height: 28px; margin-top: -18px; display: block; } .siganos { color: #3f93cc; font-size: 12px; .animate; &:hover { color: #000; } img { margin-bottom: -10px; } } } #filiais { float: right; width: 300px; height: 174px; .filial { margin-bottom: 20px; .titulo { font-size: 16px; font-weight: bold; color: #3f93cc; font-style: italic; letter-spacing: -1px; font-family: 'Nobile', sans-serif; } .fone { font-size: 24px; margin-bottom: 5px; } .endereco { font-style: italic; } } } .assinatura { clear: both; background: #fff; float: left; width: 100%; margin-top: 28px; *margin-bottom: -28px; height: 45px; .opacity; p { color: #244182; font-size: 11px; } .copyright { padding: 15px 0px 0 18px; float: left; } .dz3 { padding: 15px 18px 0 0; float: right; } } } } .boxdestacacont{ background-color:#EDEDED; float:left; padding:15px; margin:15px 15px 10px 0px; width:270px; height:200px; } .apple_pagination { background: #f0f9fe; border: 1px solid #8fd1ec; text-align: center; margin: 0 0 -1px 0; padding: 1em; cursor: default; color: #1b7896; } .apple_pagination a, .apple_pagination span { padding: 0.2em 0.3em; } .apple_pagination .disabled { color: #aaaaaa; } .apple_pagination .current { font-style: normal; font-weight: bold; background-color: #ffffff; display: inline-block; width: 1.4em; height: 1.4em; line-height: 1.5; border: solid 1px #bf69cd; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; text-shadow: rgba(255, 255, 255, 0.8) 1px 1px 1px; } .apple_pagination a { text-decoration: none; color: #1b7896; } .apple_pagination a:hover, .apple_pagination a:focus { text-decoration: underline; }