/*IMPORT FONT*/
@font-face {
	font-family: 'Source Sans Pro Bold';
	src: url("fonts/SourceSansPro-Bold.ttf");
}

@font-face {
	font-family: 'Source Sans Pro';
	src: url("fonts/SourceSansPro-Regular.ttf");
}

@font-face {
	font-family: 'Source Sans Pro Light';
	src: url("fonts/SourceSansPro-Light.ttf");
}

:root {
	--corprincipal-hue: 200;
    --corprincipal-sat: 100%;
    --corprincipal-lig: 22%;
    --corprincipalcliente: hsl(var(--corprincipal-hue), var(--corprincipal-sat), var(--corprincipal-lig));
    --corbackgroundclaro: hsla(var(--corprincipal-hue), var(--corprincipal-sat), var(--corprincipal-lig), 0.6);
    --corbackgroundmaisclaro: hsla(var(--corprincipal-hue), var(--corprincipal-sat), 80%, 0.4);
    --corbackgroundforte: hsla(calc(var(--corprincipal-hue) + -5), 84%, 65%, 1);
    --corbackgroundescuro: hsla(var(--corprincipal-hue), 96%, 40%, 1);
    --corbackgroundactive: hsla(var(--corprincipal-hue), 60%, 40%, 1); 
    
    --corbackgroundcinzaclaro: rgb(204, 204, 204); /*background neutro - cinzento*/
    --corbackgroundcinzamaisclaro: rgb(227, 227, 227); /*background neutro - cinzento mais claro*/ /*mynetButton[disabled]*/
    --corbackgroundcinzaescuro: #4F5668; /*rgb(79, 86, 104)*/ /*[TROUT]*/ /*background neutro - cinzento escuro*/
    --corcontrasteclara: white; /*texto (titulo2, mynetButton) - contraste com */
    --corInputReadOnly: rgb( 110, 110, 110); /*rgb(79, 79, 79);*/ /*mynetInputReadOnly*/
    --InputReadOnly-background: rgb(235, 235, 235); /*mynetInputReadOnly background*/
    --borderradiuscliente: 3px; /*border-radius*/
   
    /*.mynetTitulo2*/
    --mynettitulo2-background: #333333;
    --mynettitulo2-color: var(--corcontrasteclara);
    /**/
    
    /*mynetTitulo*/
    --mynettitulo-background: var(--corprincipalcliente);
    --mynettitulo-color:var(--corcontrasteclara);
    /**/

    /*.mynetLink*/
    --mynetlink-color-visited: var(--corprincipalcliente);
    --mynetlink-color-master: #2168A6;
    --mynetlink-color-active: var(--corprincipalcliente);
    --mynetlink-color-hover: var(--corbackgroundforte);
    /**/
    /*.mynetButton - \theme\mynet.css */
    --mynetbutton-background: var(--corprincipalcliente);
    --mynetbutton-color: var(--corcontrasteclara);
    --mynetbutton-hover-background: var(--corbackgroundescuro);
    --mynetbutton-hover-color: var(--corcontrasteclara);
    --mynetbutton-radius: var(--borderradiuscliente);
    --mynetbutton-disabled: var(--corbackgroundcinzamaisclaro, #cccccc);
    /**/
    /*Menu Lateral  - \core\recursos\Componentes\MenuMyNetLateral\MenuMyNetLateral.css */
    --menulateral-border-all: 1px solid #ffffff;
    --menulateral-background-all: white;
    --menulateral-color-all: black;
    --menulateral-border-inner: var(--menulateral-border-all);
    --menulateral-background: var(--corprincipalcliente);/*--menulateral-background: #72a9ce;*/
    --menulateral-color: white;
     --menulateral-hover: var(--corbackgroundescuro);/*--menulateral-hover: #110e54;*/
    --menulateral-hover-color: var(--corcontrasteclara);
    --menulateral-active: var(--corbackgroundactive);/*--menulateral-active: #110e54;*/
    --menulateral-active-color: var(--menulateral-color);
    --menulateral-active-final: #110e54;
    --menulateral-active-final-color: var(--menulateral-active-color);
    /**/
    /*Menu Autenticação*/
    
    --menuautsimples-color-visited: #397ab5;
    --menuautsimples-color-master: var(--corprincipalcliente) /* #397ab5 */;
    --menuautsimples-color-hover: var(--corbackgroundescuro) /* #758496 */; /*var(--mynetlink-color-hover);
    --menuautsimples-color-active: var(--mynetlink-color-active);
    /**/
	/* Menu Filhos */
	    --menufilhos-odd-background-color: #e3e4e6;
	    --menufilhos-even-background-color:#d2d2d2;
	 /**/
    /* ---------------------------------------------------------------------------------
       | Menu Autenticação - drop \core\recursos\Componentes\MenuAutenticacaoSuperiorLess\MenuAutenticacaoSuperiorLess.css
       --------------------------------------------------------------------------------- */
    
    /*--menuautsup-nome-color: var(--menulateral-color, #55A9F2);
    --menuautsup-nif-color: var(--menulateral-active-color, #999);
    --menuautsup-background: var(--menulateral-background, white);
    --menuautsup-color: #397ab5;
    --menuautsup-hover: var(--menulateral-hover, #91c5f2);
    --menuautsup-hover-color: var(--menulateral-hover-color, black);/*
    /* ---------------------------------------------------------------------------------
       | Menu Mobile - \core\recursos\Componentes\MenuMyNetMobileLess\MenuMyNetMobileLess.css
       --------------------------------------------------------------------------------- */
    /*
    --menumobile-background: white;
    --menumobile-color: black;
    --menumobile-active: transparent;
    --menumobile-active-color: var(--corprincipalcliente, black);
    --menumobile-nome-color: var(--menumobile-active-color, #55A9F2);
    --menumobile-nif-color: var(--menumobile-color, #999);
    */
    /* ---------------------------------------------------------------------------------
       | AreaPesquisa - \core\recursos\Componentes\AreaPesquisa\AreaPesquisa.css
       --------------------------------------------------------------------------------- */
    /*
    --areapesquisa-color: var(--corprincipalcliente, #55A9F2);
    --areapesquisa-radius: var(--borderradiuscliente, 0px);
    --areapesquisa-hover-color: var(--corbackgroundforte, #64b7ff);
    */
    /* ---------------------------------------------------------------------------------
       | filtrosPesquisa - \core\recursos\Componentes\FiltrosPesquisa\filtrosPesquisa.css
       --------------------------------------------------------------------------------- */
    /*
    --filtrospesquisa-background: var(--corbackgroundmaisclaro, rgb(33, 104, 166));
    --filtrospesquisa-btnfiltro-background: var(--corbackgroundclaro, rgb(167, 178, 200));
    --filtrospesquisa-btnfiltro-color: white;
*/
    --tipoletraregular:'Source Sans Pro', sans-serif;
    --tipoletracor:#898989;
    --tamanholetraregular:15px;
    --tamanholetratitulos:20px;
}

html, body{
    overflow-x: hidden;
}

body{
	font-family: var(--tipoletraregular);
    color: var(--tipoletracor);
}

BODY{
	font-family: var(--tipoletraregular);
}
BODY {
    MARGIN: 0px;
    FONT-FAMILY: var(--tipoletraregular) !important;
}

form{
	font-family: var(--tipoletraregular);
}

h1,h3,h4{
	font-family: var(--tipoletraregular);
}

table{
	font-family: var(--tipoletraregular);
}

td,tr,th{
	font-family: var(--tipoletraregular);
	font-size: var(--tamanholetraregular);
}

input{
	font-family: var(--tipoletraregular);
}

a{
	font-family: var(--tipoletraregular);
    font-size: var(--tamanholetraregular);
}


P{
	font-family: var(--tipoletraregular);
    font-size: var(--tamanholetraregular);
}

ul.large-items a {
    font-size: var(--tamanholetraregular);
    text-transform: none !important;
}

.info_servicos_n1 {
    font-size: var(--tamanholetraregular);
    color: var(--tipoletracor);
}
.info_servicos_titulo {
    font-size: 18px;
}
.info_servicos_n2 {
    font-size: var(--tamanholetraregular);
    color: var(--tipoletracor);
}




#modalIFrameExterior {
    border: none;
}

table, td, tr {
    font-size: var(--tamanholetraregular);
}

form{
    font-size: var(--tamanholetraregular);
}

#header #logo {
    margin-left: 45px;
    margin-top: 10px;
}

#header #logo img{
    width: 100%;
}

#mynetBread{
    margin-top: 10px;
}

.mynetBread2{
/*    margin-bottom: 25px;*/
    text-align: left;
    font-size: var(--tamanholetraregular);
/*    margin-top: 15px;*/
    white-space: initial;
    text-transform: none;
}

    .mynetBread2 > a, .mynetBread2 a:visited {
        text-decoration: none;
        font-weight: bold;
        color: #002E5B;
    }

    .mynetBread2 .activeMenu {
        color: #758496;
    }

    .mynetBread2 > a:hover {
        text-decoration: underline;
    }

    .mynetBread2 > span {
        font-weight: bold;
    }

[class^="wndTop"],[class^="wndCel"]{
    background: none;

}

.tabskinext .wndTop2{
    width: 100%;
}

[class^="mynetwndInfo"], [class^="mynetwndConh"], [class^="mynetwndData"] {
    font-size: var(--tamanholetratitulos);
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    white-space: initial;
    text-transform: none;
    color: #000000;
    color: var(--corbackgroundescuro, #000000);
    display: block;
}


.mynetTitulo2 {
    background-color: #e3e4e6;
    background-color: #fff;
    color: #333;
    padding: 7px;
    margin-bottom: 15px;
    margin-top: 15px;
    font-weight: bold;
    border-radius: unset;
    border-bottom: 1px solid rgba(192, 192, 192, .3);
    font-weight: lighter;
    font-size: 28px;
}

.mynetTxt2{
    margin-bottom: 10px;
    margin-top: 10px;

}

.labelVisual {
    /*font-weight: bold;*/
    font-size: var(--tamanholetraregular);
    vertical-align: middle;
    padding-right: 0px;
    padding-left: 5px;
}

.mynetInput{
    border-radius: 4px;
    border-radius: var(--mynetbutton-radius, 4px);
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 4px;
    font-size: var(--tamanholetraregular);
    background-color: rgb(250, 250, 250);
}

.mynetInputReadOnly {
    color: #4f4f4f;
    color: var(--corInputReadOnly, #4f4f4f);
    background-color: rgb(235, 235, 235);
	background-color: var(--InputReadOnly-background, rgb(235, 235, 235));
	border-color: rgb(235, 235, 235);
	border-color: var(--InputReadOnly-background, rgb(235, 235, 235));
}

textarea{
    height:auto !important;
}

.botoesespaco{
    padding: 0;
}

.mynetButton {
  font-size: var(--tamanholetraregular);
    border-radius: 4px;
    border-radius: var(--mynetbutton-radius, 4px);
    background-color: #55A9F2;
    background-color: var(--mynetbutton-background, #55A9F2);
    color: white;
    color: var(--mynetbutton-color, white);
}

    .mynetButton:hover {
        background-color: #64b7ff;
        background-color: var(--mynetbutton-hover-background, #64b7ff);
        color: white;
        color: var(--mynetbutton-hover-color, white);
    }

    .mynetButton[disabled] {
        background-color: #cccccc;
        background-color: var(--mynetbutton-disabled, #cccccc);
        color: white;
        color: var(--mynetbutton-color, white);
        cursor: default;
    }

#wrapperbotoes {
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: right;
}

#wrapperbotoes > div{
    padding-left: 0;
}

/* botão back to top */
.back-to-top {
    border-radius: 4px;
    border-radius: var(--borderradiuscliente, 4px);
}
    .back-to-top:hover {
        background: #00ADE4;
        background: var(--mynetbutton-background, #00ADE4);
        color: white;
        color: var(--mynetbutton-color, white);
    }

.menuFilhos{
    display: grid !important;
    padding: 20px;
}

.menuFilhos:nth-child(odd) {
    background-color: #EEEEEE;
}

.menuFilhos:nth-child(even) {
    background-color: #EEEEEE;
}

.listaPesquisa td{
    padding: 10px;
}

.listaPesquisa:nth-child(odd) {
    background-color: #EEEEEE;
}

.listaPesquisa:nth-child(even) {
    background-color: #EEEEEE;
}

.lista a.mynetLink,
.lista a.mynetLink:link,
.lista a.mynetLink:hover,
.lista a.mynetLink:active,
.lista a.mynetLink:visited {
    color: #2168a6;
    color: var(--mynetlink-color-master, #2168a6);
    font-weight: bold;
    font-size: var(--tamanholetraregular);
}

.mynetLink1 {
    color: #2168A6;
    color: var(--mynetlink-color-master, #2168A6);
}
.mynetLinkOver1 {
    color: #2168A6;
    color: var(--mynetlink-color-hover, #2168A6);
}

table.mynetListagem {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

.mynetLinhaTopo{
    border-right: 0px;
    border-bottom: 1px solid #ffffff;
    background-color: #d2d2d2;
}

/*txt tamanho de texto*/
.mynetTxt5 {
    font-size: var(--tamanholetraregular);
}

.authTitulo{
    font-size: var(--tamanholetraregular);

}

.authDescricao{
    font-size: var(--tamanholetraregular);

}

/*Autenticacao*/
#btnRecuperarPwd{
    margin-top: 20px;
    text-decoration: none;
    color: #ffffff;
    padding:5px;
}


/*border serviços disponiveis*/
.mynetTabInfo_linha td{
    border:0;
}
.mynetTabInfo_linha {
    border-color: unset;
    border-bottom-width: unset;
    border-bottom-style: none;
}
.menuFilhos.mynetTabInfo_linha {
    margin-bottom: 10px;
}

.menuFilhos .desc {
    font-size: var(--tamanholetraregular);
    font-family: var(--tipoletraregular);
    color: #758496;
}

/*dropdowns*/
div .prestoPlacer{
    margin-bottom: 10px;
    height: 20px;
}

#add_file_anexos_sga{
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;

}
.row.about-container {
    min-height: 715px;
}


#myframeB{
	width: 1px;
	min-width: 100%;
	width: 100%;
	border: 0px solid black;
	overflow: hidden;
}

/******************************MEDIA QUERIES**********************************************************************************/
@media only screen and (max-width: 500px){
}

@media only screen and (max-width: 600px) {
}

@media only screen and (max-width: 760px) {
}

@media only screen and (max-width: 880px) {
}

@media only screen and (max-width: 920px) {
}

@media only screen and (max-width: 991px) {
    #main{
        padding-top: 100px;
    }
    #ColunaCentral{
        padding-left: 0;
    }

    .tabskinext{
        padding:0px;
    }

    .tabformint{
        padding: 0px;
    }

}

@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 1199px) {
    .caixaapoio {
        width: 100% !important;
        margin-top: 10px;
        margin-left: 0% !important;
    }
}

@media only screen and (min-width: 1200px) {
}

@media only screen and (max-width: 1200px){
    #header #logo img {
        max-height: unset;
    }
}

.msk_tit_col1_div_Data100, .msk_tit_col1_div_Info100, .msk_tit_col1_div_Impo100, .msk_tit_col1_div_Conh100,
.msk_tit_col2_Data100, .msk_tit_col2_Info100, .msk_tit_col2_Impo100, .msk_tit_col2_Conh100{	
	text-align: left;
	color: #62a8b6;
	font-weight: bold;
	font-size: var(--tamanholetratitulos);
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
	white-space: initial;
	text-transform: none;
	color: #62a8b6;
	display: block;
}

.msk_tit_linha_outer_Data100, .msk_tit_linha_outer_Info100, .msk_tit_linha_outer_Impo100, .msk_tit_linha_outer_Conh100{
	background-color: unset;         /**Cor fundo titulo*/
	border: unset;                   /**Contorno cor*/
	border-width: unset;             /**Contorno linha*/
}

.msk_corpo_Data100, .msk_corpo_Info100, .msk_corpo_Impo100, .msk_corpo_Conh100{
     border: unset;             /**Contorno cor*/
     border-width: unset;       /**Contorno linha*/
     background-color: #FFFFFF; /**Cor fundo do formulário*/
}

.msk_tit_col1_div_Data5, .msk_tit_col1_div_Info5, .msk_tit_col1_div_Impo5, .msk_tit_col1_div_Conh5, .msk_tit_col2_Data5, .msk_tit_col2_Info5, .msk_tit_col2_Impo5, .msk_tit_col2_Conh5 {
    font-size: var(--tamanholetratitulos);
}



/*  CSS Cliente */
#header {
    background: #ffffff;
    height: 96px;
}

#header #logo img {
    max-width: unset;
}

#main {
    padding-top:100px;
}
#pesquisaContainer {
    top: 96px;
}

#ColunaLateral {
    top: 51px;
}

#logoMobile {
    background-image: url(imagens/logomobile.png);
    width: 100%;
    background-size: 80%;
    height: 90px;
    background-repeat: no-repeat;
    background-position: center;
}

/*  ------ carrousel ------*/
.carousel {
    position: absolute;
}
.carousel-inner {
    height: 420px;
}
/* */
.imagesheader{
    height: 420px;
    margin-top: 74px;
    justify-content: center;
    display: flex;
    }

    #ColunaCentral {

        padding-left: 0px;
    }

/* cli page home */
    /* Texto */

.jumbotron{
    background-color: #ffffff;
    font-size: 20px;
    color: #898989 !important;
    text-align: justify !important;
    font-weight: 400 !important;
    margin-left: 35px;
}
.jumbotron p {
    color: #898989 !important;
    font-weight: normal;
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
}

.jumbotron h1 {
    font-size: 22px;
    font-weight: bold;
    color: #333333;
}
H2 {
    margin-top: 4px;
    margin-bottom: 2px;
    font-size: 15px;
    text-align: center;
    color: #333333;
    font-weight: normal;
    margin-bottom: 35px;
}

#footer H2 {
    margin-top: 10px;
    margin-bottom: 2px;
    font-size: 19px;
    text-align: left;
    color: #FFF;
    font-weight: normal;
    margin-bottom: 25px;
}
.background{
    background-color: rgba(219, 219, 219, .13);
}
/*  caixas apoio*/
.caixaapoio {
    border: 1px solid #112B48;
    border-radius: 35px;
    height: 160px;
}
.caixaapoiotitulo {
    padding-top: 15px;
}
.caixaapoioimg {
padding:10px;
width: 50px;
}
.caixaapoiotitulo{
    font-size: var(--tamanholetratitulos);
    color: #112B48;
    font-weight: bold;
    margin-left: 15px;
}
.list-item a{
    font-size: var(--tamanholetraregular);
}

/*
img.imgthumbnail{
    width: 100%;
}
.caption h1{
    background: rgba(219, 219, 219, .13);
    margin-bottom: 0px;
    margin-top: 0px;
    line-height: normal;
    margin-top: 10px;
    color: #333333;
    font-weight: 600;
    text-align: left;
}
.infotext{
    margin-top: 0px;
    background: rgba(219, 219, 219, .13);
    color: #898989;
    text-align: left;
    min-height: 90px;
    padding: 0 12px 15px 0px;
}
.infotextDLRH{
    margin-top: 0px;
    background: rgba(219, 219, 219, .13);
    color: #898989;
    text-align: left;
    padding: 0 12px 15px 0px;
}
.infoSaberMais.thumbnail {
    border: none;
}
*/


/*  FOOTER  */
footer{
	background-color:#303030;
}

#footer {
    background: #303030;
    min-height: 168px;
    padding-top: 20px;
    color: #fff;
    font-size: 18px;
    font-family: 'Source Sans Pro Light';
    width: 1255px;
    margin: 0 auto;
}
#footer .copyright {
    color: #ffffff;
}
#footerbottom{
    background: #303030;
    min-height: 200px;
    padding: 53px 0;
    color: #fff;
    font-size: 18px;
    font-family: 'Source Sans Pro Light';
}
.mod_footer_social img{
   /* width: 300px;*/
}
#footerbottom .copyright {
    text-align: center;
}

ul.redesSociais {
    padding: 0;
    margin-top: 0;
}

ul.redesSociais li {
    float: left;
    margin-right: 18px;
    height: 40px;
    width: 40px;
    list-style: none;
    margin-top: 0;
    margin-bottom: 20px;
}

ul.redesSociais li a {
    font-size: 23px;
    color: #303030;
    line-height: 40px;
    width: 100%;
    height: 100%;
    text-align: center;
    display: list-item;
    padding: 0;
    background-color: #ffffff;
    transition: all .2s linear;
    BORDER-RADIUS: 21px;
}
.divredessociais {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    border-top: 1px solid;
}



/* SKINS */
.msk_tit_col1_div_Data7, .msk_tit_col1_div_Info7, .msk_tit_col1_div_Impo7, .msk_tit_col1_div_Conh7 {
    color: #758496;
    font-size: 20px;
    padding-bottom: 12px;
}
.msk_tit_linha_outer_Info7, .msk_tit_linha_outer_Impo7, .msk_tit_linha_outer_Conh7, .msk_tit_linha_outer_Data7 {
    background-color: transparent;
    border: none;
    border-radius: none;
    border-width: none;
    -moz-border-radius:none;
    box-shadow:none;
}
.msk_corpo_Data7, .msk_corpo_Info7, .msk_corpo_Impo7, .msk_corpo_Conh7 {
    background-color: transparent;
    border: none;
    border-radius: none;
    border-width:none;
    box-shadow: none;
}

.mynetBread2 > span {
    font-weight: normal;
}
/*--*/
.container.footertop {
    overflow: hidden;
}

.footertopright {
    float: right;
}

.telefone a:hover{
	opacity:0.4;
}

.email a:hover{
	opacity:0.4;
}


.footertopleft {
    float: left;
}

.footertopleft h1 {
    color: #ffffff;
}

.container.footertop2 {
    width: 100%;
	background: #333;
    color: #5F6772;
    border-top: 1px solid #DCDCDC;
    width: 1255px;
    margin: 0 auto;
    float: none;
}

#footerbottom .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.morada h1{
    color: #fff;
    font-size: 19px;
    text-align: left;
    margin: unset;
}

.morada p{
    color: #fff;
    font-size: 16px;
    font-weight: lighter;
    margin: unset;
	font-family: 'Source Sans Pro Light';
}

.morada p a{
    color: #fff;
    font-size: 16px;
	font-family: 'Source Sans Pro Light';
}

.credits a{
    color: #fff;
    margin: 0 9px;
}







a {
    font-size: 19px;
    font-family: 'Source Sans Pro';
    transition: 0.3s all ease;
    font-weight: lighter;
    line-height: 21px;
}


.col-md-4.financiado {
    text-align:start;
}

.col-md-4.mod_infra {
    text-align: center;
	padding-right: 0;
}

.col-md-4.footerright {
    text-align: end;
}

img.segredo {
    width: 68px;
}

span {
    text-transform: none;
    font-size: 14px;
    font-weight: lighter;
    clear: both;
    color: #9C9C9C;
    cursor: default;
}
.iframebody {
    padding-top: 45px !important;
}
.footertop2 .row.mod_footer_social {
    flex-wrap: nowrap;
    align-items: flex-start;
}

.caixaapoio > .row:first-child {
    flex-wrap: nowrap;
}

/* Responsividade do footer (alinhada com o site principal - ver doc/analise-responsividade-footer-sol-turismoalgarve.md)
   Este bloco tem de vir depois das regras base do footer (#footer, .footertopleft/.footertopright, .morada,
   .container.footertop2, .footertop2 .row.mod_footer_social, .credits a) para as vencer na cascata - CSS não dá
   prioridade a @media só por estar condicionado, a ordem no ficheiro é que decide quando a especificidade é igual. */
@media only screen and (max-width: 1255px) {
    #footer {
        width: 95%;
    }
    .container.footertop2 {
        width: 95%;
    }
}

@media only screen and (max-width: 999px) {
    .footertop2 .row.mod_footer_social {
        flex-wrap: wrap;
    }
    .footertop2 .row.mod_footer_social .col-md-4 {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 999px) {
    #footer {
        min-height: 0;
        padding-bottom: 20px;
    }
    .footertopleft,
    .footertopright {
        float: none;
        width: 100%;
        text-align: center;
    }
    #footer .footertopleft h2,
    #footer .footertopright h2 {
        text-align: center;
    }
    .morada {
        margin: 0 auto;
    }
}

@media only screen and (max-width: 767px) {
    #footer {
        min-height: 0;
        padding-bottom: 20px;
    }
    .footertopleft,
    .footertopright {
        float: none;
        width: 100%;
        text-align: center;
    }
    #footer .footertopleft h2,
    #footer .footertopright h2 {
        text-align: center;
    }
    .morada {
        margin: 0 auto;
    }
}

@media only screen and (max-width: 480px) {
    #footerbottom {
        padding: 20px 0;
    }
    .footertop2 .row.mod_footer_social .col-md-4.footerright,
    .footertop2 .row.mod_footer_social .col-md-4.mod_infra .credits {
        text-align: center;
    }
    .credits a {
        display: inline-block;
        margin: 4px 0;
    }
}

.buttonfileinput span{
    color: #fff;
}

.footerright a img{
	vertical-align: top;
}

#footerbottom a{
	font-family: 'Source Sans Pro Light';
}

#footerbottom a:hover {
    color: #0097EE;
}

.facebook_footer svg:hover path {
    fill: #3b5998;
}