@import url("/LisbonTheme/Theme.LisbonTheme.css?1706");

@import url('https://fonts.googleapis.com/css?family=DM+Sans&display=swap');

/*
    How to generate a theme for your company: 
    
        1 - Go to https://silkui.outsystems.com/ThemeCustomizer/GenerateLisbon.aspx
        2 - Copy the generated CSS
        3 - Replace the CSS for Primary Color Customization below with the Generated CSS

*/


/*------------------------------------*\
             Font Definition
\*------------------------------------*/

 /* html, body, a, select, form, fieldset, table, tr, td, img, input, button, select, textarea, optgroup, option {
    font-family: 'Open-Sans', sans-serif;
} */

html,
body,
a,
select,
fieldset,
input,
button,
select,
textarea,
optgroup,
option {
    font-family: 'DM Sans', sans-serif;
}

/***************************************/
/***** PRIMARY COLOR CUSTOMIZATION *****/
/***************************************/
a,
a:link,
a:visited,
.Footer a,
.Footer a:link,
.Footer a:visited {
    color: #272726; /*primary-color*/
}

.desktop a:hover,
.desktop a:link:hover,
.desktop a:visited:hover {
    color: #272726; /*primary-color*/
}


a.ListNavigation_PageNumber:link,
span.ListNavigation_CurrentPageNumber,
span.ListNavigation_Ellipsis {
    color: #272726; /*primary-color*/
}

a.ListNavigation_PageNumber:link:hover,
span.ListNavigation_CurrentPageNumber:hover,
span.ListNavigation_Ellipsis:hover {
    color: #272726; /*primary-color*/
}

a.ListNavigation_Previous:link,
a.ListNavigation_Next:link,
span.ListNavigation_DisabledNext, 
span.ListNavigation_DisabledPrevious {
    color: #272726; /*primary-color*/
}

a.ListNavigation_Previous:link:hover,
a.ListNavigation_Next:link:hover,
span.ListNavigation_DisabledNext:hover, 
span.ListNavigation_DisabledPrevious:hover {
    color: #272726; /*primary-color*/
}

.Tabs__tab.active {
    border-top-color: #689AD8;
    color: #689AD8; 
}

.Button,
a.Button {
    color: #689AD8; /*primary-color*/
}

.Button.ButtonDefault,
.Button.Is_Default {
    background-color: #689AD8; /*primary-color*/
    border-color: #689AD8; /*primary-color*/
}

.desktop .Button.ButtonDefault:hover, 
.desktop .Button.Is_Default:hover {
    background-color: #272726; /*primary-color*/
    border-color: #272726; /*primary-color*/
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
    
}


.Button:hover:active,
a.Button:hover:active {
    color: #272726; /*primary-color*/
}

.Button.ButtonDefault:hover,
.Button.Is_Default:hover {
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
    
}

.Button.ButtonDefault:hover:active,
.Button.Is_Default:hover:active {
    background-color: #272726; /*primary-color*/
    border-color: #272726; /*primary-color*/
    color: #fff;
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8);
    
}

.desktop a.ActionAdd:hover:active,
.desktop a.ActionEdit:hover:active,
.desktop a.ActionDelete:hover:active,
.desktop a.ActionChange:hover:active {
    background-color: #272726; /*primary-color*/
    border-color: #272726; /*primary-color*/
    color: #fff;
}

a,
a:link,
a:visited,
.EditableTable tr.RowControlGroup a  {
    color: #272726; /*primary-color*/
}

div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-titlebar,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar {
    background: #272726; /*primary-color*/
}


.tablet a.Header_ButtonMenu, 
.phone a.Header_ButtonMenu {
    color: #272726;
}

.Page.active .Header_ButtonMenu {
    color: #272726;
}


.SectionIndex.vertical a.active, 
.SectionIndex.vertical a:hover {
    color: #272726; /*primary-color*/
    border-left-color: #272726; /*primary-color*/
}

.SectionIndex a, 
.SectionIndex a:link, 
.SectionIndex a:visited,
.SectionIndex a.active, 
.SectionIndex a:hover,
.desktop .SectionIndex a:hover{
    color: #272726; /*primary-color*/
    border-bottom-color: #272726; /*primary-color*/
    text-decoration: none;
}


.Button.Link {
    color: #272726; /*primary-color*/
}

.desktop .Button.Link:hover {
    border-color: #272726; /*primary-color*/
    color: #272726; /*primary-color*/
}

.desktop .Button:hover, 
.desktop a.Button:hover {
    color: #272726; /*primary-color*/
}

.ButtonGroup_button.active, 
.desktop .ButtonGroup_button.active:hover {
    background-color: #689AD8; /*primary-color*/
}

.ButtonGroup_button.Button:hover,
.ButtonGroup_button.Button:hover .fa{
    color: #FFF;
}


.Calendar-day-selected, 
.Calendar-day-selected:hover {
    background: #272726; /*primary-color*/
}

.Calendar-navDisabled > div, 
.topBar-navDisabled .Calendar-navBtn > div,
.Calendar-time-down, 
.Calendar-time-up, 
.Calendar-time-am {
    color: #272726; /*primary-color*/
}

.pika-prev:after,
.pika-next:after {
    color: #272726; /*primary-color*/ 
}

.Calendar-navBtn > div {
    color: #272726; /*primary-color*/ 
}

.pika-title {
    border-bottom: 2px solid #272726; /*primary-color*/
}

.is-selected .pika-button {
   background-color: #272726; /*primary-color*/
}

.has-event .pika-button:after {
   background-color: #272726; /*primary-color*/ 
}


.DropdownMenu .PH > a,
.DropdownMenu .PH > a:hover {
    color: #272726; /*primary-color*/
}

.SliderRange .ui-slider-range, .noUi-origin.noUi-connect {
    background-color: #272726; /*primary-color*/
}

.EditableTable tr.RowControlGroup a:hover {
    color:  #272726; /*primary-color*/
}

.desktop .Button.ButtonDefault:hover,
.Button.Button.Is_Default:hover {
    background-color: #272726; /*primary-color*/
    border-color: #272726; /*primary-color*/
}

.owl-theme .owl-controls .owl-page span{
     opacity: 1;
     background-color: #272726;
     height: 5px;
     width: 5px;
}

.owl-theme .owl-controls .owl-page.active span, 
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: #689AD8;
}

td.RowWithAddAction a:hover {
    color: #272726; /*primary-color*/
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8);
    
}

.InfoTooltip .tooltipstered,
.ListItem  .tooltipstered{
    color: #272726; /*primary-color*/
}

div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-title,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-title{
    color: #FFF;
    top:0;
}

div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close {
    opacity: 1;
    top: 15px;
    background-image: url(/WebPatterns/img/PopupCloseWhite.png?23307&1701);
}

div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-titlebar,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar{
    padding-top:0;
}


div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-title,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-title{
    color: #FFF;
    top:10px;
}

div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close {
    opacity: 1;
    top: 15px;
    background-image: url(/WebPatterns/img/PopupCloseWhite.png?23307&1701);
}

div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close-no-title {
    background: url(/WebPatterns/img/PopupCloseWhite.png?23307&1701) no-repeat;
}

.Feedback_AjaxWait {
    color: #272726;
}

.Feedback_AjaxWait .Loader {
    -webkit-animation: loader 1.3s infinite linear;
            animation: loader 1.3s infinite linear;
    border-radius: 50%;
    font-size: 4px;
    height: 1em;
    margin-bottom: 20px;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
            transform: translateZ(0);
    width: 1em;
    background: transparent;
}

@-webkit-keyframes loader {
    0%,
    100% {
        box-shadow: 0 -3em 0 .2em #222, 2em -2em 0 0 #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 0 #222;
    }
    12.5% {
        box-shadow: 0 -3em 0 0 #222, 2em -2em 0 .2em #222, 3em 0 0 0 #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    25% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 0 #222, 3em 0 0 .2em #222, 2em 2em 0 0 #222, 0 3em 0 -.5em #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    37.5% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 0 #222, 2em 2em 0 .2em #222, 0 3em 0 0 #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    50% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 0 #222, 0 3em 0 .2em #222, -2em 2em 0 0 #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    62.5% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 0 #222, -2em 2em 0 .2em #222, -3em 0 0 0 #222, -2em -2em 0 -.5em #222;
    }
    75% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 0 #222, -3em 0 0 .2em #222, -2em -2em 0 0 #222;
    }
    87.5% {
        box-shadow: 0 -3em 0 0 #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 0 #222, -3em 0 0 0 #222, -2em -2em 0 .2em #222;
    }
}
@keyframes loader {
    0%,
    100% {
        box-shadow: 0 -3em 0 .2em #222, 2em -2em 0 0 #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 0 #222;
    }
    12.5% {
        box-shadow: 0 -3em 0 0 #222, 2em -2em 0 .2em #222, 3em 0 0 0 #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    25% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 0 #222, 3em 0 0 .2em #222, 2em 2em 0 0 #222, 0 3em 0 -.5em #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    37.5% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 0 #222, 2em 2em 0 .2em #222, 0 3em 0 0 #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    50% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 0 #222, 0 3em 0 .2em #222, -2em 2em 0 0 #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    62.5% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 0 #222, -2em 2em 0 .2em #222, -3em 0 0 0 #222, -2em -2em 0 -.5em #222;
    }
    75% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 0 #222, -3em 0 0 .2em #222, -2em -2em 0 0 #222;
    }
    87.5% {
        box-shadow: 0 -3em 0 0 #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 0 #222, -3em 0 0 0 #222, -2em -2em 0 .2em #222;
    }
}






/******************************************************************\
\************************** CUSTOM  *******************************/


.Padding10{
    padding: 10px;   
}

.Header_background{
    background-color:#FFF;
    color:#272726;
}

.Header{
    border:none;
    height: 70px;
    box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.1);
    z-index: 200;
}



.Application_Menu {
    background: #FFF; 
    color:#272726;
}

.Application_Title a,
.Application_Title a:link,
.Application_Title a:visited,
.Application_Title a:hover {
    color: #272726;
}


.Header_Menu a,
.Header_Menu a:link,
.Header_Menu a:visited {
    color: #272726;
}

.Menu_TopMenuActive {
    background-color: transparent;
    border:none;
    box-shadow: none;
    margin-top:4px;
    color: #689AD8;
}

.Menu_DropDownButton.open .Menu_TopMenu a {
    color: #272726;
}

/* active menus */
.Menu_TopMenuActive a,
.Menu_TopMenuActive a:link,
.Menu_TopMenuActive a:visited,
a.Menu_SubMenuItemActive:link,
a.Menu_SubMenuItemActive:visited {
    color: #689AD8 !important;
}

/* link/button menu */
.Menu_TopMenu a:link,
.Menu_TopMenu a:visited,
.Menu_TopMenu a {
    color: #272726;
    text-transform:uppercase;
}

.Menu_TopMenu a:link:hover,
.Menu_TopMenu a:visited:hover,
.Menu_TopMenu a:hover {
    color: #689AD8;
    border:none;
}



/* Menu tablet and phone */
.phone .Application_Menu .Others_Menu .Login_Info{
    width: 100%;
    display: block;
    position: relative;
    line-height: 50px;
}
.phone .Application_Menu .Others_Menu .Login_Info a{
    display: inline-block;
}
.phone .Application_Menu .Others_Menu .Login_Info .Logout_Icon a{
    display: inline-block;
}

.tablet .Application_Menu, 
.phone .Application_Menu {
    background: #f0eeeb;
}

.phone .Others_Menu,
.tablet .Application_Menu .Menu_TopMenu,
.phone .Application_Menu .Menu_TopMenu {
    border-top: none;
    background-color: #f0eeeb;
}

.phone .Others_Menu a,
.tablet .Application_Menu .Menu_TopMenu a,
.phone .Application_Menu .Menu_TopMenu a {
    color: #272726 ;
}

.phone .Others_Menu a:hover,
.tablet .Application_Menu .Menu_TopMenu a:hover,
.phone .Application_Menu .Menu_TopMenu a:hover {
    color: #689AD8 ;
}

.tablet .Application_Menu,
.phone .Application_Menu {
    top: 69px;
    background: transparent;
    width: 350px;
    max-width: 100%;
}


/* Menu tablet and phone */
.tablet .Application_Menu,
.phone .Application_Menu {
    background: #f0eeeb;
    bottom: 0;
    display: block;
    width: 250px;
    height: auto;
    left: 0;
    overflow: auto;
    position: fixed;
    top:70px;
}


.tablet .Application_Menu .Menu_DropDownButton, 
.phone .Application_Menu .Menu_DropDownButton {
    display: block;
    position: relative;
}

.Header_Search {
    display: inline-block;
    margin-right: 20px;
    min-width: 100px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}
.Header_Search img{
    height: 15px;
    margin-left: 10px;   
}
.phone .Application_Menu .Others_Menu .Header_Search {
    margin-left: 0px;
    margin-right: 0;
    width: 100%;
    text-align: center;
}

.desktop a.Header_ButtonMenu {
    color: #272726;
}







/*********Button********/
.Button{
    border-radius: 0px;
    font-weight: 700;
    box-shadow: none;
}

.ButtonGroup_button.Button{
    border-bottom-width:1px !important;
    border-radius: 0px;
}

a{
    text-decoration: none !important;
}

.padding20{
    padding: 20px;   
}

.padding20_5{
    padding: 20px 5%;   
}
.padding0px_5{
    padding: 0px 5%;   
}
.padding5{
    padding: 5px;   
}

.BorderBottom{
 border-bottom: 2px solid #689AD8;
}

/*Link AS Button*/
a .contlink{
    color:#fff;   
}
.contlink{
    padding: 5px;
    width: 270px;
    max-width: 90%;
    background-color: #689AD8;
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
}
.contlink:hover {
    background-color: #272726;
}

a .contlinksmall{
    color:#fff;   
}
.contlinksmall{
    padding: 5px;
    width: 100px;
    max-width: 90%;
    background-color: #689AD8;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    margin-left: 10px;
}

.contlinksmall:hover {
    background-color: #272726;
}

/********* CardLocal ********/
.CardItem{
    display: inline-block;
    margin-bottom: 10px;
    padding-left: 10px;
    vertical-align: top;   
}

.CardItem.split3{
   width: calc( 100% / 3 ); 
}

.CardItem.split2{
    width: calc( 100% / 2 ); 
}


.phone .CardItem{
    padding-left:0px;   
}

.desktop.small .CardItem.split3,
.tablet .CardItem.split3{
     width: calc( 100% / 2 );   
}

.desktop.small .CardItem.split2,
.tablet .CardItem.split2,
.phone .CardItem.split3,
.phone .CardItem.split2{
    width:100%;
}




.CardLocal {   
    width: 100%;
    background-color: #f0eeeb;
    border: 1px solid #dadbde;
    box-shadow: 0 1px 3px rgba(211, 211, 211, .5);
    position:relative;
    padding: 10px 20px;
}


.CardLocalPV {   
    width: 100%;
    background-color: #f0eeeb;
    border: 1px solid #dadbde;
    box-shadow: 0 1px 3px rgba(211, 211, 211, .5);
    padding: 10px 20px;
    position: relative;
}

.CardLocalImage{
    width: 25%;  
    margin-top: 5px;
}

.CardLocalImage img{
    max-width: 100%;
}


.POIImagecard img {
    max-height: 250px;
    max-width: 100%;
}


.CardLocalsum{
    margin-left: 2%;
    width: 70%;
    min-height: 70px;
}

.CardLocalPV .seemorecontainer,
.CardLocal .seemorecontainer{
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.tablet .CardLocalPV .CardLocalImage,
.phone .CardLocalPV .CardLocalImage{
    width: 100%;
    max-height: 90px;
    overflow: hidden;
}

.tablet .CardLocalPV .CardLocalImage img,
.phone .CardLocalPV .CardLocalImage img{
    transform: translateY(-30%);
}

.tablet .CardLocalPV .CardLocalsum,
.phone .CardLocalPV .CardLocalsum{
    width: 100%;
    background-color: #f0eeeb;
    min-height: auto;
}

.tablet .CardLocal,
.phone .CardLocal,
.phone .CardLocalPV { 
    height: auto !important;
}

.phone  .CardLocal .CardLocalImage img{ 
    max-height:150px;
    padding:0px;
    width:100%; 
}
.phone .CardLocal  .CardLocalImage,
.phone .CardLocal  .CardLocalsum {
        width: 100%;
        height: auto;
}
.CardLocal .owl-wrapper,
.CardLocal .owl-item,
.CardLocalPV .owl-wrapper,
.CardLocalPV .owl-item{
    width:100% !important;
}
.DetailInfo{
    width:250px;
    max-width: 100%;
    background: #FFF;
    display: block;
}

.DetailInfo .CardLocalPV,
.DetailInfo .CardLocal{
    border: none;
    box-shadow: none;
    padding: 0px;
}
@media only screen and (max-width: 300px) {
    .DetailInfo{
        width: 100%;
    }  
}

.SectionContentText{
    margin-top: 10px; 
}

/********** LAST **************/
body {
    background-color: #fff;
}

.Header .Application_Title img {
    max-height: 90%;
    min-height: 38px;
}


.cblue{
    color: #689AD8 !important;   
}

.bgblue{
    background: #689AD8;   
}

.cgraphite{
    color: #272726;   
}

.bggraphite{
    background: #272726;   
}

.ccinza{
    color: #f0eeeb; 
}

.bgcinza{
    background: #f0eeeb; 
}

.Header_Menu{
    float: right;
    padding-right: 340px;
    line-height: 69px;
}

.tablet .Header_Menu,
.phone .Header_Menu{
    line-height: 50px;
}

.Header_Title{
  padding-left: 2.5%;
}

.Others_Menu {
    margin-right: 5%;   
}

.Menu_TopMenuActive {
    height: 60px;
    line-height: 60px;
}

.tablet .Menu_TopMenuActive,
.phone .Menu_TopMenuActive{
    height: 50px;
    line-height: 50px;
}
.applogo{
    padding: 3px;
}
.applogo img {
    height: 90px;
    box-shadow: 0px 5px 2px -1px rgba(0, 0, 0, 0.1);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #fff;   
}
a.ListNavigation_PageNumber:link,
span.ListNavigation_CurrentPageNumber,
span.ListNavigation_Ellipsis,
a.ListNavigation_Previous:link,
a.ListNavigation_Next:link {
     border: none;
    color: #689AD8 !important;
}
.owl-theme .owl-controls {
    position:relative;
}

.owl-prev.fa.fa-fw.fa-angle-left{
   left: -25px;
   top: -20px;
   color: #689AD8;
}
.owl-next.fa.fa-fw.fa-angle-right{
   right: -25px;
   top: -20px;
   color: #689AD8;
}

.owl-pagination + .owl-buttons > .owl-prev.fa.fa-fw.fa-angle-left{
   left: -5px;
   top: 20px;
}

.owl-pagination + .owl-buttons > .owl-next.fa.fa-fw.fa-angle-right{
   right: -5px;
   top: 20px;
}

.CmFuncionaStory {
 text-align: center;   
}

.CmFuncionaStory img{
    width: 180px;
    max-width: 100%;   
}



/********** LAST  F **************/
.Menu_TopMenus {
  font-weight: 700;
  font-size: 18px;
}

.GalleryItem .contlinksmall{
color: #E9E9E9;
  font-size: 14px;
  margin-right: -15px;
  font-weight: 600;
}

.CardLocalEntidade .contlinksmall,
.CardLocalPV .contlinksmall{
    color: #000;
  font-size: 14px;
  margin-right: -15px;
  font-weight: 600;
}


.contlinksmall {
  background-color: transparent;
  font-size: 14px;
  margin-right: 20px;
  font-weight: 600;
}

a .contlinksmall {
  color: #000 ;
}

.contlinksmall:hover{
  background-color: transparent;
}

a .contlinksmall:hover {
  color: #689AD8;

}

.Title_Section {
    margin-top: 25px;
}

.detalhecontacto{
    margin-left: 15px;   
}

.detalhecontacto:first-child{
    margin-left: 0px;   
}

@media only screen and (max-width: 500px) {
    .detalhecontacto{
        margin-left: 0px; 
        margin-top: 5px;
        width: 100%;
    }
}

.contraste{
    font-size: 16px;
    font-weight: bold;   
}

.paddright{
    padding-right: 5%;   
}

/***** Footer *******/
.Footer{
    min-height: 100px;
    background-color: black;
    color: #FFF;
    
}

.wbFooter{
  background-image: url(/RedeMuseus/img/RedeMuseusEvora_footer.png?2140);
  background-size: cover; 
  color: #FFF;
}

.wbFooter a{
    color: #fff !important;   
}
.Menu_BottomMenus .Menu_TopMenuActive {
    height: auto;
    line-height: 33px;
}
.Footer img{
    max-width: 100%;
    max-height: 60px;
}
.wbFooter > div:first-child{
    padding-top: 10px;
}
.Footer .Menu_TopMenu a{
    padding: 0px;
    font-size: 14px;
}
.Footer .Menu_TopMenu,
.Footer .Menu_TopMenuActive {
    line-height: 22px; 
    margin-top:  0px; 
}
.MenuPOI .Menu_TopMenu a{
    text-transform: none;  
    padding: 0px !important;
    text-align: left;
}
.MenuPOI .Column {
    margin-bottom: 0px !important;
}
.Footer .Menu_TopMenuActive a{
    text-decoration: underline !important;
}
.CookiesContainer{
    padding: 10px;
    background: #fff;
    color: #333;
    line-height: 20px;
    position: fixed;
    bottom: 0;
    overflow: hidden;
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1); 
    font-size: 11px; 
}
.copyrightdiv{
    font-size: 11px; 
    vertical-align: bottom;
}

/****************** Map Card ***************/
.MapCardImage{
    width: 100%;
    max-height: 100px;
    overflow: hidden;   
}

.MapCardImage img{
    transform: translateY(-30%);
    max-width: 100%;
    max-height: 100%;
}

.gm-style-iw-d > div > div {
    max-width:250px !important;
}

.phone .gm-style-iw-d > div > div {
    max-width:100% !important;
}


/*******************/
.SectionContentInstitucional{
    padding: 30px 10%;   
}

/**********Evento***********/
.CardEvent{
    width: 100%;
    max-width: 300px;
    border: 1px solid #dadbde;
    box-shadow: 0 1px 3px rgba(211, 211, 211, .5);
    background: #f0eeeb;
}
.CardEventImage{
    width: 100%;
    height: 160px;
    vertical-align: top;
    text-align: center;
}
.CardEventImage img{
    width: 100%;
    max-height: 100%;
}
.CardEventTitle,
.CardEventContent{
    padding: 10px;   
}
.CardEventTitle{
    min-height: 70px;
}
.CardEventoDate{
    color: #689AD8; 
    padding: 3px 0px;
}
.CardDateToday{
    margin-top:10px;
}
.CardDate{
  line-height: 18px;
  padding-top: 10px;
  font-size: 16px;
}
.CardEventTitle {
  padding: 10px 15px 0px 15px;
}
.CardEventContent {
    padding: 0px 15px 5px 15px;
    min-height: 100px;
}