﻿
@font-face {
    font-family: 'LatoWebBlack';
    src: url('/Content/font/Lato-Black.eot'); /* IE9 Compat Modes */
    src: url('/Content/font/Lato-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/font/Lato-Black.woff2') format('woff2'), /* Modern Browsers */
    url('/Content/font/Lato-Black.woff') format('woff'), /* Modern Browsers */
    url('/Content/font/Lato-Black.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-BlackItalic */ @font-face {
    font-family: 'LatoWebBlack';
    src: url('/Content/font/Lato-BlackItalic.eot'); /* IE9 Compat Modes */
    src: url('/Content/font/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/font/Lato-BlackItalic.woff2') format('woff2'), /* Modern Browsers */
    url('/Content/font/Lato-BlackItalic.woff') format('woff'), /* Modern Browsers */
    url('/Content/font/Lato-BlackItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Bold */ @font-face {
    font-family: 'LatoWebBold';
    src: url('/Content/font/Lato-Bold.eot'); /* IE9 Compat Modes */
    src: url('/Content/font/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/font/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */
    url('/Content/font/Lato-Bold.woff') format('woff'), /* Modern Browsers */
    url('/Content/font/Lato-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-BoldItalic */ @font-face {
    font-family: 'LatoWebBold';
    src: url('/Content/font/Lato-BoldItalic.eot'); /* IE9 Compat Modes */
    src: url('/Content/font/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/font/Lato-BoldItalic.woff2') format('woff2'), /* Modern Browsers */
    url('/Content/font/Lato-BoldItalic.woff') format('woff'), /* Modern Browsers */
    url('/Content/font/Lato-BoldItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Hairline */ @font-face {
    font-family: 'LatoWebHairline';
    src: url('/Content/font/Lato-Hairline.eot'); /* IE9 Compat Modes */
    src: url('/Content/font/Lato-Hairline.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/font/Lato-Hairline.woff2') format('woff2'), /* Modern Browsers */
    url('/Content/font/Lato-Hairline.woff') format('woff'), /* Modern Browsers */
    url('/Content/font/Lato-Hairline.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-HairlineItalic */ @font-face {
    font-family: 'LatoWebHairline';
    src: url('/Content/font/Lato-HairlineItalic.eot'); /* IE9 Compat Modes */
    src: url('/Content/font/Lato-HairlineItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/font/Lato-HairlineItalic.woff2') format('woff2'), /* Modern Browsers */
    url('/Content/font/Lato-HairlineItalic.woff') format('woff'), /* Modern Browsers */
    url('/Content/font/Lato-HairlineItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Heavy */ @font-face {
    font-family: 'LatoWebHeavy';
    src: url('/Content/font/Lato-Heavy.eot'); /* IE9 Compat Modes */
    src: url('/Content/font/Lato-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/font/Lato-Heavy.woff2') format('woff2'), /* Modern Browsers */
    url('/Content/font/Lato-Heavy.woff') format('woff'), /* Modern Browsers */
    url('/Content/font/Lato-Heavy.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-HeavyItalic */ @font-face {
    font-family: 'LatoWebHeavy';
    src: url('/Content/font/Lato-HeavyItalic.eot'); /* IE9 Compat Modes */
    src: url('/Content/font/Lato-HeavyItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/font/Lato-HeavyItalic.woff2') format('woff2'), /* Modern Browsers */
    url('/Content/font/Lato-HeavyItalic.woff') format('woff'), /* Modern Browsers */
    url('/Content/font/Lato-HeavyItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Italic */ @font-face {
    font-family: 'LatoWeb';
    src: url('/Content/font/Lato-Italic.eot'); /* IE9 Compat Modes */
    src: url('/Content/font/Lato-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/font/Lato-Italic.woff2') format('woff2'), /* Modern Browsers */
    url('/Content/font/Lato-Italic.woff') format('woff'), /* Modern Browsers */
    url('/Content/font/Lato-Italic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Light */ @font-face {
    font-family: 'LatoWebLight';
    src: url('/Content/font/Lato-Light.eot'); /* IE9 Compat Modes */
    src: url('/Content/font/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/font/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
    url('/Content/font/Lato-Light.woff') format('woff'), /* Modern Browsers */
    url('/Content/font/Lato-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-LightItalic */ @font-face {
    font-family: 'LatoWebLight';
    src: url('/Content/font/Lato-LightItalic.eot'); /* IE9 Compat Modes */
    src: url('/Content/font/Lato-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/font/Lato-LightItalic.woff2') format('woff2'), /* Modern Browsers */
    url('/Content/font/Lato-LightItalic.woff') format('woff'), /* Modern Browsers */
    url('/Content/font/Lato-LightItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Medium */ @font-face {
    font-family: 'LatoWebMedium';
    src: url('/Content/font/Lato-Medium.eot'); /* IE9 Compat Modes */
    src: url('/Content/font/Lato-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/font/Lato-Medium.woff2') format('woff2'), /* Modern Browsers */
    url('/Content/font/Lato-Medium.woff') format('woff'), /* Modern Browsers */
    url('/Content/font/Lato-Medium.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-MediumItalic */ @font-face {
    font-family: 'LatoWebMedium';
    src: url('/Content/font/Lato-MediumItalic.eot'); /* IE9 Compat Modes */
    src: url('/Content/font/Lato-MediumItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/font/Lato-MediumItalic.woff2') format('woff2'), /* Modern Browsers */
    url('/Content/font/Lato-MediumItalic.woff') format('woff'), /* Modern Browsers */
    url('/Content/font/Lato-MediumItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Regular */ @font-face {
    font-family: 'LatoWeb';
    src: url('/Content/font/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('/Content/font/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/font/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
    url('/Content/font/Lato-Regular.woff') format('woff'), /* Modern Browsers */
    url('/Content/font/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Semibold */ @font-face {
    font-family: 'LatoWebSemibold';
    src: url('/Content/font/Lato-Semibold.eot'); /* IE9 Compat Modes */
    src: url('/Content/font/Lato-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/font/Lato-Semibold.woff2') format('woff2'), /* Modern Browsers */
    url('/Content/font/Lato-Semibold.woff') format('woff'), /* Modern Browsers */
    url('/Content/font/Lato-Semibold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-SemiboldItalic */ @font-face {
    font-family: 'LatoWebSemibold';
    src: url('/Content/font/Lato-SemiboldItalic.eot'); /* IE9 Compat Modes */
    src: url('/Content/font/Lato-SemiboldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/font/Lato-SemiboldItalic.woff2') format('woff2'), /* Modern Browsers */
    url('/Content/font/Lato-SemiboldItalic.woff') format('woff'), /* Modern Browsers */
    url('/Content/font/Lato-SemiboldItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Thin */ @font-face {
    font-family: 'LatoWebThin';
    src: url('/Content/font/Lato-Thin.eot'); /* IE9 Compat Modes */
    src: url('/Content/font/Lato-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/font/Lato-Thin.woff2') format('woff2'), /* Modern Browsers */
    url('/Content/font/Lato-Thin.woff') format('woff'), /* Modern Browsers */
    url('/Content/font/Lato-Thin.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-ThinItalic */ @font-face {
    font-family: 'LatoWebThin';
    src: url('/Content/font/Lato-ThinItalic.eot'); /* IE9 Compat Modes */
    src: url('/Content/font/Lato-ThinItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/font/Lato-ThinItalic.woff2') format('woff2'), /* Modern Browsers */
    url('/Content/font/Lato-ThinItalic.woff') format('woff'), /* Modern Browsers */
    url('/Content/font/Lato-ThinItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}


html {
    background-color: white;
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: LatoWeb;
    font-size: 100%;
    color: #272727;
}

body {
    background-color: white;
    font-family: LatoWeb;
    font-size: 16px;
    margin: 0;
    padding: 0;
    color: #000000;
    height: 100%;
}

a {
    color: #000000;
    text-decoration: none;
}

    a:hover {
        color: #85bc21;
        text-decoration: none;
    }

    a:active {
        text-decoration: none;
        color: #85bc21;
    }

/* Cookies */
#iconnewsletter {
    cursor: pointer;
}

.ovHidden {
    overflow: hidden;
}

.tbcookies {
    position: fixed;
    width: 100%;
    color: white;
    text-align: center;
    height: 100px;
    display: none;
    z-index: 999999;
    max-width: 1900px;
    background-color: #272727 !important;
    bottom: 0px;
}

    .tbcookies img {
        margin-left: 20px;
    }

#cookiesFechar {
    margin-top: 5px;
    cursor: pointer;
}

.blCookies {
    position: relative;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 100%;
    display: inline-block;
    font-size: 12px;
}

.TitleCookies {
    width: 35%;
    float: left;
    text-align: center;
    font-size: 2.5em;
    font-weight: bold;
    margin-top: 5px
}

.descriptionCookies {
    width: 35%;
    float: left;
    font-size: 1.3em;
    color: white;
    margin-top: 12px;
}

    .descriptionCookies a {
        color: white;
        text-decoration: none;
        border-bottom: 2px solid white;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        outline: 0;
    }

.closeAllCookies {
    width: 10%;
    float: right;
    text-align: right;
    margin-right: 20px;
    margin-top: 12px;
}

.closeCookiesBT {
    width: 100px;
    background-color: #e9e9e9;
    padding: 8px;
    text-align: center;
    border-radius: 3px;
    color: #231f20;
    font-size: 1.2em;
    float: left;
    cursor: pointer;
    margin-top: -8px !important;
}

.closex {
    font-size: 1.4em;
    cursor: pointer;
}


.cleanFloat {
    margin: 0px;
    height: 0px;
    width: 0px;
    height: 0px;
    float: none;
}

.farmalink {
    position: relative;
}

    .farmalink::before {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        width: 0;
        height: 2px;
        background-color: #85bc21;
        transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    }

.iframeCartao {
    width: 100%;
    height: 400px;
    border: none;
}


/*header*/

.fullsize {
    width: 100%;
    position: absolute;
}

.headerBlue {
    background-color: #f5f9fd !important;
    text-align: center;
    height: 50px;
}

.headerInside {
    text-align: center;
    margin-left: 10%;
    margin-right: 10%;
}

.spanimg {
    float: left;
    padding: 0px;
    margin: 0px;
}

    .spanimg img {
        vertical-align: top;
        float: left;
        border: 0px;
        padding: 0px;
        margin: 5px;
        width: 40px;
        height: 40px;
    }

.spanimgtxt {
    float: left;
    vertical-align: middle;
    padding-top: 15px;
}

.spanimgright {
    float: right;
    padding: 0px;
    margin: 0px;
    
}

    .spanimgright img {
        vertical-align: top;
        float: left;
        border: 0px;
        padding: 0px;
        margin: 5px;
        width: 40px;
        height: 40px;
    }
.spanimgtxtRight {
    float: right;
    vertical-align: middle;
    padding-top: 15px;
    margin-right:50px;
  }
.verticalbar {
    padding-top: 0px;
    margin-left: 3%;
    margin-top: 10px;
    float: left;
    border-left-color: black;
    border-left-width: 1px;
    border-left-style: solid;
    height: 30px;
}

#searchbar {
    border: 0px;
    height: 20px;
    margin-top: 3px;
    margin-left: 3px;
}

    #searchbar:focus {
        outline: none !important;
        border-color: white;
        box-shadow: 0 0 0px white;
    }
.loginBar {
    position: absolute;
    top: 47px;
    left: -10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #f5f9fd;
    border-top: none;
    padding: 10px;
    background-color: #f5f9fd;
    text-wrap: avoid;
    display: none;
    min-width: 250px;
    width: 250px;
    z-index:1000;
}
.loginBar input
    {
        margin:5px;
    }

    .loginBar input[type=button] {
        background-color: #85bc21;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 0px;
        cursor: pointer;
        color: #ffffff;
        font-size: 14px;
        padding:5px;
        width:100px;
    }
    .inputTXT {
    float: right;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #85bc21;
    height: 30px;
    background-color: white;
    margin-top: 10px;
}

    .inputTXT img {
        vertical-align: top;
        display: inline;
        border: 0px;
        padding: 0px;
        margin: 0px;
        width: 30px;
        height: 30px;
    }

.topo {
    text-align: center;
}

.topoCentro {
    text-align: center;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}


.manipuladosbt {
    background-color: #000000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0px;
    cursor: pointer;
    color: #ffffff;
    font-size: 24px;
    padding: 15px;
    width: 160px;
    display:inline-block;
    text-align:center;
}

.logo {
    margin-top: 20px;
    display: inline-block;
    width: 40%;
    max-width: 40%;
}

    .logo img {
        width: 100%;
    }

.menu {
    display: inline-block;
    padding-top: 80px;
    font-family: LatoWeb;
    width: 59%;
    max-width: 59%;
}

    .menu span {
        font-size: 18px;
        margin: 10px;
        margin-top: 50px;
        white-space: nowrap;
    }

.activeMenu {
    color: #85bc21;
}

.menuMobile {
    display: none;
    padding-top: 80px;
    font-family: LatoWeb;
    width: 19%;
    max-width: 19%;
}



/*
    Fundo
*/
.fundo {
    background-color: #122738;
    margin-top: 20px;
    text-align: center;
    color: #ffffff;
}

.centerFundo {
    width: 80%;
    display: inline-block;
    text-align: center;
    color: #ffffff;
}

.tblFundo {
    margin-top: 10px;
    width: 100%;
    border: 0px;
    text-align: left;
    color: #ffffff;
}

    .tblFundo a {
        color: #ffffff;
    }

        .tblFundo a:hover {
            color: #85bc21;
        }

.tblFundoCell1 {
    color: white;
}

    .tblFundoCell1 img {
        margin: 20px;
        margin-left: 0px;
    }

.inputTXTFundo {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #85bc21;
    height: 30px;
    background-color: #122738;
    margin-top: 10px;
    width: 180px;
}

    .inputTXTFundo img {
        margin: 0;
        vertical-align: top;
        border: 0px;
        padding: 0px;
        margin-top: 10px;
        margin-right: 5px;
        width: 8px;
        height: 13px;
        float: right;
    }

.videoTop {
    /*width: 1900px;
    height: 700px;*/
    width: 100%;
    left: 0;
    /*display: none;*/
    margin-top: 0;
}

.esquerda {
    text-align: left !important;
}
.direita {
    text-align: right !important;
}
.cimo {
    vertical-align: top !important;
}
.baixo {
    vertical-align: bottom !important;
}
.paddsides {
    padding-left: 20px;
    padding-right: 20px;
}
.bold {
    font-weight:bold;
}
.detalhetrans{
    display:none;
}
.styleVideo {
    width: 100%;
}

#searchbarFundo {
    border: 0px;
    height: 20px;
    margin-top: 3px;
    margin-left: 3px;
    width: 160px;
    background-color: #122738;
    color: #ffffff;
}

    #searchbarFundo:focus {
        outline: none !important;
        border-color: white;
        box-shadow: 0 0 0px white;
    }


.fundofundo {
    background-color: #070d1a;
    text-align: center;
}

.centerFundoFundo {
    padding: 5px;
    width: 30%;
    display: inline-block;
    text-align: left;
    color: #ffffff;
    font-size: 12px;
}

    .centerFundoFundo a {
        color: #ffffff;
    }

.tblFundoCell1 {
    width: 40%;
    vertical-align: top;
}

.tblFundoCell2 {
    width: 30%;
    padding-top: 20px;
    vertical-align: top;
}

.tblFundoCell3 {
    width: 30%;
    padding-top: 20px;
    vertical-align: top;
}

    .tblFundoCell3 img {
        vertical-align: middle;
    }
/*home*/
.contentBody {
    margin-top: 250px;
}

.bigImage {
    position: relative;
    width: 100%;
}

    .bigImage img {
        width: 100%;
    }

.BigImageAbsolute {
    position: absolute;
    width: 100%;
}

    .BigImageAbsolute .sp1 {
        float: none;
        color: #85bc21;
        font-size: 42px;
        margin-top: 10%;
        margin-left: 120px;
        font-family: LatoWebBold;
    }

    .BigImageAbsolute .sp2 {
        margin-top: 50px;
        margin-left: 120px;
        width: 400px;
        color: #000000;
        font-size: 56px;
        font-family: LatoWebBold;
    }

    .BigImageAbsolute .sp3 {
        margin-top: 70px;
        margin-left: 120px;
        width: auto;
    }

    .BigImageAbsolute img {
        width: auto;
    }

.whatsapp {
    margin-top: 50px;
    margin-bottom: 50px;
    width: 100%;
    text-align: center;
}

.atedimentoimg {
    margin: 1px;
    width: 48%;
    max-width: 500px;
}

.nowrap {
    display: inline-block;
    margin: 1px;
    width: 48%;
    max-width: 500px;
}

.cellphoneimg {
    width: 68.7%;
    max-width: 340px
}

.whatimg {
    width: 31.3%;
    max-width: 160px
}


.cartao {
    position: relative;
    width: 100%;
}

    .cartao img {
        width: 100%;
    }

.cartaoAbsolute {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
}

    .cartaoAbsolute img {
        text-align: center;
        position: absolute;
        width: auto;
        bottom: 40px;
        margin-left: -250px;
    }


.servicos {
    width: 100%;
    background-color: #f5f9fd;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

.servicosIn {
    max-width: 1300px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.servicosTitle1 {
    width: 100%;
    font-size: 26px;
}

    .servicosTitle1 span {
        color: #85bc21;
    }

.servicosTitle {
    width: 100%;
    font-size: 26px;
    text-align: center;
}

.servicosTile {
    position: relative;
    max-width: 400px;
    width: 30%;
    min-width: 300px;
    margin: 5px;
    background-color: #ffffff;
    height: 300px;
    border-bottom: 1px solid #85bc21;
    display: inline-block;
    color: #000000;
}

    .servicosTile a {
        color: #000000;
    }

.simage {
    height: 150px;
    vertical-align: bottom;
}

    .simage img {
        margin-top: 30px;
    }

.servicosTileTitle {
    text-align: center;
    height: 18px;
    max-height: 18px;
    vertical-align: top;
    font-size: 17px;
}

    .servicosTileTitle a {
        color: #000000;
    }

        .servicosTileTitle a:hover {
            color: #000000;
        }

.servicosTileVerMais {
    position: absolute;
    width: 100%;
    bottom: 20px;
    text-align: center;
    font-size: 14px;
    color: #85bc21;
}

    .servicosTileVerMais a {
        color: #85bc21;
        text-align: center;
    }

.farmacias {
    width: 100%;
    background-color: #f5f9fd;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

.farmaciasIn {
    max-width: 1600px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.farmaciasTitle {
    width: 100%;
    font-size: 26px;
    text-align: center;
    color: #85bc21;
    margin-bottom: 50px;
}

.farmaciasTile {
    position: relative;
    display: inline-block;
}

    .farmaciasTile a {
        color: #000000;
    }

.farmaciasTileTitle img {
    margin-left: 5px;
    margin-right: 5px;
}

.parceiros {
    background-color: #FFFFFF;
    padding-top: 50px;
    margin-bottom: 40px;
}

.parceirosTitle {
    width: 100%;
    font-size: 26px;
    text-align: center;
}

.parceirosIN {
    margin-top: 50px;
}

/*Paginas Internas*/
.fullBlue {
    width: 100%;
    background-color: #f5f9fd;
}

.fullImage {
    width: 100%;
}

    .fullImage img {
        width: 100%;
    }

.innerContent {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 50px;
}

.sTitle {
    font-size: 26px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.sContent {
    text-align: left;
    margin: 20px;
}

.formArea {
    background-color: #ffffff;
    box-shadow: 0px 0px 5px 3px rgba(50, 50, 50, 0.5)
}

.formtitle {
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
    font-size: 36px;
}

.padd10{
    padding:10px;
}

.wi48{
    width:48%;
}

.formArea .ApTitle {
    font-size: 26px;
}

.tblForm {
    width: 100%;
}

    .tblForm td {
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .tblForm input[type=button] {
        width: 200px;
        height: 60px;
        background-color: #85bc21;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 0px;
        cursor: pointer;
        color: #ffffff;
        font-size: 22px;
    }

    .tblForm input[type=submit] {
        width: 200px;
        height: 60px;
        background-color: #85bc21;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 0px;
        cursor: pointer;
        color: #ffffff;
        font-size: 22px;
    }

    .tblForm input[type=text] {
        width: 95%;
        background-color: #f5f9fd;
        border: 0px;
        height: 25px;
        padding: 10px;
    }
    .tblForm input[type=password] {
        width: 95%;
        background-color: #f5f9fd;
        border: 0px;
        height: 25px;
        padding: 10px;
    }

    .tblForm textarea {
        width: 95%;
        background-color: #f5f9fd;
        border: 0px;
        height: 25px;
        padding: 10px;
    }

    .tblForm input[type=file] {
        width: 95%;
        background-color: #f5f9fd;
        border: 0px;
        height: 25px;
        padding: 10px;
    }

    .tblForm select {
        width: 97%;
        background-color: #f5f9fd;
        border: 0px;
        height: 45px;
        margin: 0px;
    }

.error {
    border: 1px solid red !important;
}

#agendafarmacia1 {
    width: 97%;
    background-color: #f5f9fd;
    border: 0px;
    height: 45px;
    margin: 0px;
}

.aleft {
    text-align: left !important;
    padding-left: 10px;
}

.aleft1 {
    text-align: left !important;
    padding-left: 20px;
}

.formcellfile {
    color: #666666;
    font-size: 14px;
}

.per50 {
    width: 50%;
}

.tblForm input:focus {
    outline: none !important;
    border-color: white;
    box-shadow: 0 0 0px white;
}
.verde {
    color:#85bc21;
}
.mao{
    cursor:pointer;
}
.fsize12 {
    font-size:12px;
}
.fsize16 {
    font-size: 16px;
}
.fsize20 {
    font-size: 20px;
}
.BTVerde {
    width: 200px;
    height: 60px;
    background-color: #85bc21;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0px;
    cursor: pointer;
    color: #ffffff;
    font-size: 22px;
}

.leftalign {
    text-align: left;
    margin: 10px;
    float: left;
}

.farmaciasTile1 {
    margin: 30px;
    display: inline-block;
}

.whitebg {
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: white;
    text-align: center;
}

    .whitebg a {
        text-decoration: none;
        color: black;
    }

.tblInfo {
    width: 1150px;
    margin: 0px;
}

    .tblInfo td {
        width: 50%;
        margin: 0px;
        padding: 20px;
    }

        .tblInfo td a {
            text-decoration: none;
            color: black;
        }

.cellinfosaude {
    font-size: 16px;
}

    .cellinfosaude a {
        text-decoration: none;
        color: black;
    }

.imgPromos {
    margin: 30px;
    width: 90%;
    max-width: 1150px;
}

.imap {
    max-width: 900px;
    width: 100%;
}

.tblTimes {
    width: 100%;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    background-color: #f5f9fd;
    cursor: pointer;
}

    .tblTimes tr {
    }

    .tblTimes td {
        padding: 0;
        margin: 0;
        text-align: left;
        border-bottom: 1px solid gray;
    }

.dtpicker {
    width: 30%;
}

.tblshed {
    width: 80%;
}

#horas {
    max-height: 240px;
    height: 240px;
    overflow-y: auto;
    width: 100%;
}

#alertErro {
    text-align: center;
    color: #ff0000;
}

#alertOK {
    text-align: center;
}

.vagas {
    color: #85bc21;
    font-size: 30px;
    font-family: LatoWebBold;
    width: 70%;
    text-align: left;
    margin-top: 30px;
}

.vagascontent {
    color: #000000;
    font-size: 24px;
    font-family: LatoWeb;
    text-align: left;
    margin-top: 10px;
}

.formRecrutamento {
    width: 70%;
    padding: 50px;
    background-color: #ffffff;
}

.recrutFarma table {
    width: 80%;
}

.formRinputcheck {
    border: 1px solid #85bc21;
}

.tForm {
    padding: 50px;
    font-size: 30px;
    font-family: LatoWebBold;
}

.menuMobileOpen {
    display: none;
    position: absolute;
}

.encomenda {
    background-color: #f5f9fd;
    text-align: center;
    vertical-align: top;
    position: relative;
}

    .encomenda table {
        text-align: center;
        width: 90%;
        max-width: 1400px;
        margin: 0 auto;
        border-spacing: 20px;
    }

.encomendaladoesquerdo {
    width: 45%;
    margin: 10px;
    background-color: #ffffff;
    position: relative;
    height: 100%;
    vertical-align: top;
}

    .encomendaladoesquerdo .tForm {
        margin: 10px;
        padding: 10px;
        font-size: 20px;
    }

.encomendaladodireito {
    position: relative;
    width: 45%;
    margin: 10px;
    background-color: #ffffff;
    max-width: 655px;
    vertical-align: top;
    height: 100%;
}

    .encomendaladodireito img {
        width: 100%;
    }

.greenbar {
    width: 90%;
    margin: 10px;
    margin-bottom: 0px;
    padding: 20px;
    background-color: #85bc21;
    color: #ffffff;
    font-size: 20px;
    text-align: left;
}

.maiss {
    float: right;
    margin-right: 30px;
    font-size: 30px;
    font-weight: bold;
    cursor: pointer;
}

.grayI {
    background-color: rgba(0,0,0,0.0);
    position: absolute;
    top: 4%;
    left: 4%;
    width: 92%;
    height: 92%;
    padding: 0px;
    text-align: center;
    display: none;
    font-size: 25px;
    color: #ffffff;
}

    .grayI div {
        margin: 40px;
    }
.grey {
    background-color: rgba(50, 50, 50, 0.5) !important; 
}
.ContentGreen {
    display: none;
    float: none;
    background-color: #f5f9fd;
    width: 100%;
    margin: 10px;
    margin-top: 0px;
    text-align: left;
    padding: 10px;
}

    .ContentGreen .tblForm {
        margin: 0px;
    }

        .ContentGreen .tblForm td {
            border: 3px solid white;
        }

.recuperar {
    font-size: 13px;
    display:block;
    width:100%;
    
}


@media(max-width: 1666px) {
    .BigImageAbsolute .sp1 {
        font-size: 28px;
        max-width: 23%;
    }

    .BigImageAbsolute .sp2 {
        font-size: 28px;
        max-width: 23%;
    }

    .BigImageAbsolute .sp3 {
        font-size: 20px;
    }
}

@media(max-width: 1666px) {
    .BigImageAbsolute .sp1 {
        font-size: 24px;
        max-width: 20%;
    }

    .tblInfo {
        width: 90%;
    }

        .tblInfo td img {
            width: 100%;
        }

    .BigImageAbsolute .sp2 {
        font-size: 24px;
        max-width: 20%;
        margin-top: 30px;
    }

    .BigImageAbsolute .sp3 {
        margin-top: 30px;
    }

        .BigImageAbsolute .sp3 img {
            font-size: 20px;
            max-width: 20%;
        }
}
@media(max-width: 1380px) {
    .spanimgtxtRight {
        margin-right: 20px;
        font-size:16px;
        display:none;
    }
 
}
@media(max-width: 1181px) {
    .spanimgtxt {
        float: left;
        vertical-align: middle;
        padding-top: 15px;
        display: none;
    }
}

@media(max-width: 1024px) {
    .BigImageAbsolute .sp1 {
        margin-left: 80px;
    }

    .BigImageAbsolute .sp2 {
        margin-top: 15px;
        margin-left: 80px;
    }

    .BigImageAbsolute .sp3 {
        margin-left: 80px;
        margin-top: 20px;
    }



    .headerInside {
        text-align: center;
        margin-left: 2%;
        margin-right: 2%;
    }

    .encomenda table td {
        display: block;
    }

    .per50 {
        width: auto;
    }

    .encomendaladoesquerdo {
        width: 90%;
        margin: 5%;
        background-color: #ffffff;
        position: relative;
        height: 100%;
        font-size: 10px;
    }

    .encomendaladodireito {
        position: relative;
        width: 90%;
        margin: 5%;
        background-color: #ffffff;
        max-width: 655px;
        vertical-align: top;
        height: 100%;
    }

    .greenbar {
        width: 90%;
        margin: 10px;
        margin-bottom: 0px;
        padding: 10px;
        background-color: #85bc21;
        color: #ffffff;
        font-size: 15px;
        text-align: left;
    }

    .grayI {
        font-size: 15px;
        margin: 5px;
    }

        .grayI div {
            margin: 5px;
        }

    .maiss {
        margin: 5px;
        margin-top: 0px;
        font-size: 20px;
    }

    .fullsize {
        position: fixed;
        z-index: 100;
        background-color: white;
        height: 170px;
    }

    .contentBody {
        height: 0px;
        margin-top: 180px;
    }

    .menuMobile {
        display: inline-block;
        float: right;
        text-align: right;
        margin-right: 5%;
        padding-top: 50px;
        cursor: pointer;
    }


    .menuMobileOpen {
        display: none;
        position: fixed;
        top: 170px;
        right: 0px;
        background-color: #85bc21;
        color: #ffffff;
        z-index: 1000;
        padding: 30px;
        padding-bottom: 50px;
    }

        .menuMobileOpen span {
            display: block;
            color: #ffffff;
            margin: 10px;
            font-size: 20px;
        }

            .menuMobileOpen span a {
                color: #ffffff;
            }

            .menuMobileOpen span a {
                color: #ffffff;
            }

    .menu {
        display: none;
    }

    .spanimgtxt {
        display: none;
    }

    .verticalbar {
        display: none;
    }

    .spanimg {
        width: 15%;
        text-align: center;
    }

        .spanimg img {
            text-align: center;
            float: none;
        }

    .topo {
        text-align: left !important;
    }

    .topoCentro {
        text-align: left;
    }

    .logo {
        margin-left: 5%;
        width: 70%;
        max-width: 400px;
        text-align: left;
    }

    .contentBody {
        margin-top: 170px;
    }

    .atedimentoimg {
        min-width: 70%;
    }

    .nowrap {
        min-width: 70%;
    }

    .BigImageAbsolute {
        display: none;
    }

    .tblFundoCell2 {
        display: none;
    }

    .tblFundoCell1 {
        display: block;
        width: 100% !important;
    }

    .tblFundoCell3 {
        display: block;
    }

    .tblFundo {
        margin: 0 auto;
        width: 300px;
        text-align: center;
    }

        .tblFundo td {
            width: 100%;
            margin: 0 auto;
            text-align: center !important;
        }

    .inputTXTFundo {
        margin: 0 auto;
        margin-top: 30px;
    }

    #logofundo {
        display: none;
    }

    .cartaoAbsolute img {
        text-align: center;
        position: absolute;
        width: 70%;
        bottom: 40px;
        margin-left: -35%;
    }

    .sContent img {
        width: 100%;
        height: auto;
    }

    .imgFarmaS {
        width: 70%;
    }

    .tblForm td {
        display: block;
    }

    .dtpicker td {
        display: table-cell;
    }

    .imgPromos {
        margin: 0px;
        margin-top: 10px;
    }

    .recrutFarma td {
        display: block;
    }

    .cellinfosaude {
        padding: 0;
    }

    .tblInfo {
        width: 90%;
    }

        .tblInfo td {
            display: block;
            width: 100%;
            padding: 0px;
        }

            .tblInfo td img {
                width: 100%;
            }
}


@media(max-width: 500px) {
.spanimg
{
    width: 12%;
    text-align: center;
}

.atedimentoimg {
    min-width: 90%;
}

.nowrap {
    min-width: 90%;
}

}

.tblForm input[type=submit] {
    width: 200px;
    height: 60px;
    background-color: #85bc21;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0px;
    cursor: pointer;
    color: #ffffff;
    font-size: 17px;
}
@media(max-width: 400px) {
    #searchbar {
        width:90px;
    }
    .loginBar{
        width:170px;
        min-width:170px;
    }
}

    @media (hover: hover) and (pointer: fine) {
        .farmalink:hover::before {
            left: 0;
            right: auto;
            width: 100%;
        }
    }
