﻿@import url("/LisbonTheme/Theme.LisbonTheme.css?1553");



/* Header ALTERA LISBON THEME******************************/

.Header {
    border-bottom: 0px solid red;
    height: 85px;
    line-height: 1.4;
    top: 10px;
    }
.Header_background {
    /*Qd faz scroll e escurece*/
    background-color: rgb(45,50,60);
    }
    
.tablet .Header,
.phone .Header{
    background-color: rgba(0,0,0,0.2);
    height: 50px;
    line-height: 50px;
    top: 0;
    }
.tablet .Header_background,
.phone .Header_background{
    /*Qd faz scroll e escurece*/
    background-color: rgb(45,50,60);
}    

.agendatopday{
background-color: rgba(244, 41, 241,0.2);
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}



.Mensagem {
    color: rgba(152, 52, 239,0.7);
    overflow-x: auto;
    white-space: nowrap;
    font-size: 50px;
    font-weight: bold;
    
}
.Mensagemtlm {
    color: rgba(152, 52, 239,0.7);
    overflow-x: auto;
    white-space: nowrap;
    font-size: 30px;
    font-weight: bold;
    
}



/* TOPSITE*/

.topsquare {
    border-radius: 10px;
    min-height: 100px;
    border: 0px solid rgba(0,0,0,0.2);
    background-color: rgba(255,255,255,0.6);
    padding: 2px;
    width: 10%;
}
.topsquaretlm {
    border-radius: 10px;
    min-height: 100px;
    border: 0px solid rgba(0,0,0,0.2);
    background-color: rgba(255,255,255,0.6);
    padding: 2px;
    width: 5%;
}

.topsquaresmall {
    border-radius: 10px;
    min-height: 50px;
    border: 0px solid rgba(0,0,0,0.2);
    background-color: rgba(255,255,255,0.6);
    padding: 2px;
}

.sq_title{
background-color: rgba(152, 52, 239,0.5);
color: white;
}

.sq_hide{
background-color: rgba(0,0,0,0);
}

.sq_marcacao {
background-color: rgba(244, 41, 241,0.8);
color: white;
}

.sq_facebook {
background-color: rgba(91,133,170,0.8);
color: white;
}

.sq_mail {
background-color: rgba(167,217,219,0.8);
color: white;
}

.sq_tel2 {
background-color: rgba(116,173,131,0.8);
color: white;
}
.sq_tel1 {
background-color: rgba(15,115,42,0.8);
color: white;
}

.sq_marcacao:hover,
.sq_facebook:hover, 
.sq_mail:hover,
.sq_tel2:hover,
.sq_tel1:hover{
color: lightgray;
}


/* Gallery ***************************/

.Gallery .GalleryWrapper {
    margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
    
}

.Gallery .GalleryItem {
    display: inline-block;
    margin: 0px;
    padding: 3px;
    vertical-align: top;

}


.desktop .animated, .desktop .animatedFirst {
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;

  visibility: hidden;
}


.desktop .animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}



@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
            transform: translate3d(0, 20%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
            transform: translate3d(0, 20%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.desktop .fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  visibility: visible !important;    
}

@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  visibility: visible !important;    
}

.delay-05 {
  -webkit-animation-delay: 0.5s; 
          animation-delay: 0.5s;
}

.delay-02 {
  -webkit-animation-delay: 0.2s; 
          animation-delay: 0.2s;
}


@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
            transform: translate3d(-20%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
            transform: translate3d(-20%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
  visibility: visible !important;    
}

/*FIM TOPSITE*/

.Header_Menu a:hover,
.Header_Menu a:link:hover,
.Header_Menu a:visited:hover {
    /*color: #a7d9db;*/
    color: white;
}

/* Menu ***************************************/

/* item menu */
.Menu_TopMenu {
    position: relative;
}

.Menu_TopMenus {
    width: 100%;
}

/* hover menu */
.Menu_TopMenu a:hover {
    border-bottom: 5px solid #a7d9db;
}


/* link/button menu */
.Menu_TopMenu a:link,
.Menu_TopMenu a:visited,
.Menu_TopMenu a {
    color: #fff;
    /*background-color: rgba(0,0,0,0.2);*/
    display: inline-block;
    padding: 0px 20px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    
}

.tablet .Menu_TopMenu a,
.phone .Menu_TopMenu a {
    text-align: left;
}

/* pointer */
.Menu_TopMenu .Menu_DropDownArrow {
    border-top-color: #fff;
    opacity: .5;
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
}

.Menu_DropDownButton.open .Menu_TopMenu .Menu_DropDownArrow {
    border-top-color: #dab702;
    opacity: 1;
    -webkit-transform: rotate(180deg) translateY(2px);
        -ms-transform: rotate(180deg) translateY(2px);
            transform: rotate(180deg) translateY(2px);
}

/* active menu */
.Menu_TopMenuActive {
    background-color: rgba(0, 0, 0, .3);
    border-top: 0px solid darkgray;
    border-bottom: 5px solid #a7d9db;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .5);
    height: 49px;
    line-height: 44px;
    font-weight: bold;
}

.Menu_DropDownButton.open .Menu_TopMenu a {
    color: #fff;
}

/* active menus */
.Menu_TopMenuActive a:link,
.Menu_TopMenuActive a:visited,
a.Menu_SubMenuItemActive:link,
a.Menu_SubMenuItemActive:visited {
    color: #fff;
}

/* submenu item */
.Menu_DropDownPanel {
    background-color: #454952;
    border: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
}

/* reset any inherit styles (e.g.: ChicagoMobile -> Chicago) */
div.Menu_DropDownPanel a,
div.Menu_DropDownPanel a:link,
div.Menu_DropDownPanel a:visited {
    color: #717578;
    height: auto;
}

div.Menu_DropDownPanel a:hover,
div.Menu_DropDownPanel a:link:hover,
div.Menu_DropDownPanel a:visited:hover {
    color: #a7d9db;
}

/* submenu */
.Menu_DropDownPanel a.Menu_SubMenuItem,
.Menu_DropDownPanel a.Menu_SubMenuItem:link,
.Menu_DropDownPanel a.Menu_SubMenuItem:visited {
    color: rgba(255, 255, 255, .75);
    display: block;
    padding: 3px 20px;
}

/* hover submenu item */
.Menu_DropDownPanel a.Menu_SubMenuItem:hover,
.Menu_DropDownPanel a.Menu_SubMenuItem.Menu_SubMenuItemActive {
    background-color: #444;
    color: #a7d9db;
}


/* Menu tablet and phone */
.tablet .Application_Menu,
.phone .Application_Menu {
    background: #2d323c;
    bottom: 0;
    display: block;
    height: auto;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 49px;
    /* Enable hardware acceleration */
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    /* Animate the menu when opening and closing */
    -webkit-transition: all 300ms ease-out;
            transition: all 300ms ease-out;
    width: 250px;
    /* reduce animation flickering */
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000;
            perspective: 1000;
}

.phone .Application_Menu {
    overflow-x: hidden;
    width: 100%;
}

.tablet .Application_Menu .Menu_TopMenu,
.phone .Application_Menu .Menu_TopMenu {
    border-top-width: 1px;
    margin: 0;
    padding: 0 0;
    width: 100%;
}

.tablet .Application_Menu .Menu_DropDownButton.open .Menu_TopMenu,
.phone .Application_Menu .Menu_DropDownButton.open .Menu_TopMenu {
    box-shadow: 0 3px 1px rgba(0,0,0,.3);
}

.tablet.active .Application_Menu,
.phone.active .Application_Menu {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}

.tablet.active .Menu_Container,
.phone.active .Menu_Container {
    margin-bottom: 44px; 
    right: 0;
    width: 100%;
}

.tablet .Application_Menu .Menu_DropDownButton,
.phone .Application_Menu .Menu_DropDownButton {
    display: block;
    position: relative;
}

.tablet .Application_Menu a,
.phone .Application_Menu a,
.tablet .Application_Menu a:link,
.phone .Application_Menu a:link,
.phone .Application_menu a:visited,
.phone .Application_menu a:visited {
    border: 0;
    box-sizing: border-box;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    -webkit-transform: translateX(-300px) scale(.5);
        -ms-transform: translateX(-300px) scale(.5);
            transform: translateX(-300px) scale(.5);
    -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
    width: 100%;
}

.tablet.active .Application_Menu a,
.phone.active .Application_Menu a,
.tablet.active .Application_Menu a:link,
.phone.active .Application_Menu a:link,
.tablet.active .Application_Menu a:visited,
.phone.active .Application_Menu a:visited {
    -webkit-transform: translateX(0) scale(1);
        -ms-transform: translateX(0) scale(1);
            transform: translateX(0) scale(1);
}


.tablet .Application_Menu .Menu_DropDownPanel,
.phone .Application_Menu .Menu_DropDownPanel {
    background-color: rgba(0, 0, 0, .3);
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    position: static;
}

.phone .Application_Menu .Menu_DropDownArrow,
.tablet .Application_Menu .Menu_DropDownArrow {
    position: absolute;
    right: 14px;
    top: 21px;
}

.Logout_Icon {
    border-radius: 50%;
    text-align: center;
    width: 22px;
}

.Header_Search {
    display: inline-block;
    margin-right: 20px;
    min-width: 100px;
}
