/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
        #Site Styles
        #Page Styles
        #Media Queries
        #Font-Face 
*/
/* #Site Styles
================================================== */
html, body{ 
    margin:0; padding:0; 
}

body{

    background:#FFF;
    font: 14px/21px 'sourceSans', sans-serif;
    font-family: 'sourceSans';
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    margin:0; padding:0; 
    margin-bottom:-320px;
    color:#000;
}

h2, h4, ol, ul{font-family: 'sourceSans';}

.logo-container{ display:block; float:left; width:32%;}

/*.logotipo{ position:absolute; z-index:9999; top:-60px; height:260px; }*/

img {
    max-width: 100%;
    height: auto;
}

#main-container{
    width:100%;
    min-height:100%;
    display:table;}

#header{
    height:330px;
    position:relative;
    z-index:12;
    background:url(/web/img/header_euro_5.png) no-repeat center center;
    background-size: cover;
}

#pre-header{
    /*height: 200px;
    position: relative;
    z-index:12;*/
    width:100%;
    height:270px;
    clear:both;
    /*background:  #00435E ;*/
    background:url(/web/img/header_euro_5.png) no-repeat top left;
    background-size: 100%;

}
#mobile-search{
    display: none;
}

#menu-1{ 
    position:relative; z-index:14; 
    border-top-left-radius:15px; border-top-right-radius:15px; 
    background:url(/web/img/menu-bg.png) no-repeat; 
    margin-top:-60px; height:60px; }

#menu-1-ul{
    display:inline-block;
    margin:0;
    padding:0;
    margin-top:0px;
}

#menu-1-ul li{
    float:left;
    padding:15px;
    margin:0;
    padding:0;
    padding-left:15px;
    font-size:20px;
    color:#FFF;
    font-weight: lighter;
}

#menu-1-ul li a, #menu-1-ul li a:visited{
    display:inline-block;
    color:#FFFFFF;
    padding-right:10px;
    font-size:20px;
    ont-weight: lighter;
    text-decoration:none;
}

#menu-1-ul li a:hover{
    font-size:20px;
}

#menu-2{ 
    position:relative; z-index:20; 
    background:url(/web/img/menu2-bg.png) no-repeat top left; 
    margin-top:0; height: 60px; }

#menu-2-ul{
    display:inline-block;
    margin:0;
    padding:0;
    margin-top:20px;
}

#menu-2-ul li{
    float:left;
    margin:0;
    padding:0;
    padding-left:15px;
    font-size:22px;
    color:#000;
    font-weight: lighter;
}

#menu-2-ul li a, #menu-2-ul li a:visited{
    display:inline-block;
    color:#000;
    padding-right:15px;
    padding-left:10px;
    font-size:22px;
    font-weight: lighter;
    text-decoration:none;
}

#menu-2-ul li a:hover{
    font-size:22px;
}

.menu-icons{
    float:left;
    height:22px;
}

#menu-small-btn{ display:none }
#menu-small{ display:none}
#menu-small .navi li a, #menu-small .navi li a:visited{
    color:#FFF;
    text-decoration:none;
}

#menu-small .navi li a:hover{
    color:#CCC;
}

#conteudos-site{
    padding:0;
    margin:0;
    width:100%;
}

.embed-container { position: relative; padding-bottom: 56.25%;  height: 100%; overflow: hidden; width:130%; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.destaques{
    margin:0; padding:0;

}

.tema-destaque{
    position:relative;
    display:inline-block;
    background: #e63c3c;
    width:340px;
    padding:0; margin:0;
    z-index:22;
}

.tema-twitter{
    position:relative;
    display:inline-block;
    background: #e63c3c;
    width:260px;
    padding:0; margin:0;
    z-index:22;
}

.tema-destaque h2, .tema-twitter h2{
    color:#EEE;
    font-size:18px;
    padding:2px;
    padding-left:10px;
    margin:0;
}

.corpo-destaque{
    position:relative;
    display:inline-block;
    z-index:12;
    padding:10px;
    margin:0;
    width:98%;
    background: #eee;
    padding-top:20px;
    margin-top:-20px;
}

/* Formatação destques */

.corpo-texto{
    position:relative;
    display:inline-block;
    font-size:18px;
    z-index:12;
    padding:10px;
    margin:0;
    padding-top:20px;
    margin-top:-20px;
}

.newsletter-box{
    position:relative;
    display:inline-block;
    z-index:13;
    padding:20px;
    margin:15px;
    background: #c2c2c2;
    float:right;
    width: 30%;
}

.newsletter-box img{
    float:left;
    padding-right: 5px;
}

.newsletter-input input{
    width: 95%;
}

.newsletter-titulo{
    font-size: 32px;
    color: rgb(0, 0, 0);
    line-height: 0.6;
    z-index: 2;
}

.newsletter-texto {
    font-size: 18px;
    color: rgb(0, 0, 0);
    line-height: 1.444;
    z-index: 7;
}

.newsletter-sub{
    float: right;
}

.img-destaque{
    padding:10px;
    float: left;
}

.img-destaque img{
    padding:10px;
    float: left;
    width: 230px;

}

.img-texto{
    padding:10px;
    float: left;
}

.img-texto img{
    padding:10px;
    float: left;
    width:250px;
}

.lermais-destaque{
    float: right;
}

.titulo-destaque{
    padding-top:20px;
    font-size: 26px;
    color: rgb(0, 0, 0);
    line-height: 0.923;
    font-weight: bold;
}

.titulo-texto{
    padding-top:20px;
    font-size: 26px;
    color: rgb(0, 0, 0);
    line-height: 0.923;
    font-weight: bold;
}

.data-destaque{
    font-size: 18px;
    color: rgb(0, 0, 0);
    line-height: 1.45;
    float: right;
    font-weight: normal;
}

.data-texto{
    font-size: 18px;
    color: rgb(0, 0, 0);
    line-height: 1.333;
    text-align: left;
}

.resumo-destaque{
    font-size: 18px;
    color: rgb(0, 0, 0);
    line-height: 1.333;
}

.texto-texto{
    font-size: 18px;
    color: rgb(0, 0, 0);
    line-height: 1.333;
}

.share-destaque {
    font-size: 18px;
    color: rgb(105, 105, 105);
    font-weight: bold;
    float: left;
}

.share-destaque img {
    padding-right: 3px;
}

.pesquisa-form{
    display: inline-block; text-align:right; float:right; width: 420px; padding-top:15px; 
}

.pesquisa-pesquisa{
    float:left;
    padding-top:8px;
    font-size:20px;
    font-weight:normal;
    padding-right:10px;
}

.search-box{
    float:left; font-size:20px; width:300px; font-weight: lighter; 
}
/* Fim da Formatação Destaques*/

/* Formatação Deputados*/

#deputados-container{
    display: -webkit-box;  
    display: -webkit-flex;
    display: -ms-flexbox;

    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.deputados{
    padding: 15px;
    margin-top: 30px;
    width: 98%;
    -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.15);
}
.deputados_foto{
    width: 35%;
    float: left;
    text-align: center;
    position:relative;
    overflow:hidden;
}
.deputado_img{
    padding:10px;
    object-fit: cover;
    width:230px;
}
.deputados_texto{
    width: 65%;
    float: right;
    text-align: left;
    padding: 5px;
}
.deputados_texto h4{
    font-size: 26px;
    color: rgb(0, 0, 0);
    font-weight: bold;
    line-height: 1.231;
}
.deputados_texto h4 a{
    text-decoration: none;
}
.deputados_texto p{
    font-size: 16px;
    color: rgb(0, 0, 0);
    line-height: 1.444;
    text-align: justify;
    margin-bottom: 3px; 
}

@media (max-width: 768px) {
    .deputados {
        width: 98%; /* Thumbnails 2 across */
    }
    .deputados_texto h4{
        font-size: 22px;
    }
    .deputados_texto p{
        font-size: 14px;
    }
}
@media (max-width: 400px) {

    .deputado_img{
        width:130px;
    }
}

/* Fim da Formatação Deputados*/

.twitter-feed{
    margin:0;
    padding:0;
    float:right;
}

.twitter-feed-body{
    position:relative;
    display:inline-block;
    z-index:12;
    margin:0;
    padding:0;
    padding-top:20px;
    margin-top:-20px;
    border: 1px solid #000;
}

.twitter-feed-body ol{
    list-style:none;
    margin:0;
    padding:0;
}

.twitter-feed-body ol li{
    border-bottom: 1px solid #000;
    margin:0;
    padding:0;
    padding:10px;
}

.twitter-img{
    width:50px;
    height:50px;
    border-radius:25px;
    float: left;
}

#footer{
    height: 250px;
    border-top:#c2c2c2 solid 3px;
}

#footer .LigImportIMG{
   display: flex;
   justify-content: space-around;
}

#footer .LigImportIMG img{
    vertical-align: middle;
}

/*
#footer .LigImportIMG{
    width: 100%
}
#footer .LigImportIMG > div{
    display: inline-block;
    display: -moz-inline-box;
    *display: inline; 
    zoom: 1;
    width: 33%;
    text-align: center;
}

#footer .LigImportIMG div{
    display: table;
    margin: 0 auto;
}

#footer .LigImportIMG div img{
    vertical-align: middle;
}

#footer .LigImportIMG div :not(:last-child){
    padding-right: 150px;
}
*/

.footer-info{
    background: #9D9D9D;
    margin:0px;
    padding:0px;
    margin-top:-7px;
    border:0;
    height:200px;
}

.footer-address {
    padding:10px;
    font-size: 18px;
    color: rgb(255, 255, 255);
    line-height: 1.333;
    z-index: 12;
    width: 30%;
    float: left;
}

.footer-map {
    padding: 5px;
    width: 70%;
    float: right;
    overflow:hidden;
    position: relative;
    min-height: 190px;
}

.footer-map iframe {
    width: 100%;
    height: 190px;
}

.footer-info strong{
    color: rgb(255, 255, 255);
}

.infoeuropa-nav{
    overflow: scroll;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background: url(/web/img/menu-bg.png) no-repeat;
    background-image: -moz-linear-gradient( 90deg, rgb(230,25,33) 0%, rgb(188,8,15) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(230,25,33) 0%, rgb(188,8,15) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(230,25,33) 0%, rgb(188,8,15) 100%);
}

.infoeuropa-anos{
    list-style-type: none;
    margin: 0;
    padding: 0;

    font-size: 16px;
    font-weight: bold;
}

.infoeuropa-anos li {
    float: left;
}

.infoeuropa-anos li a {
    display: block;
    color: white;
    text-align: center;
    padding: 16px;
    text-decoration: none;
}

.infoeuropa-anos li a:hover {
    background-color: #FFF;
    color: rgb(188,8,15);
}

.infoeuropa-list{
    width: 100%;
    font-family: 'sourceSans';
    display: -webkit-box;  
    display: -webkit-flex;
    display: -ms-flexbox;

    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.infoeuropa-item{
    width: 33.3%;
    float:left;
    padding: 10px;
    line-height: 120%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    margin-top:20px;
}
.infoeuropa-item h3 a{
    text-decoration: none;
    font-size: 20px;
}
.infoeuropa-item ul{
    text-decoration: none;
    font-size: 16px;
    padding: 10px;
    text-align: justify;
}
.infoeuropa-item ul li{
    background: url('/web/img/infoeuropa-list.png') no-repeat left top; /* <-- change `left` & `top` too for extra control */
    padding: 3px 0px 3px 35px;
    /* reset styles (optional): */
    list-style: none;
    margin: 0;
    line-height: 130%;
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .infoeuropa-item {
        width: 50%; /* Thumbnails 2 across */
    }
    .footer-info{
        height:400px;
    }

    .footer-address {
        width: 100%;
    }

    .footer-map {
        width: 100%;
    }
}
@media (max-width: 500px) {
    .infoeuropa-item {
        width: 100%; /* Thumbnails 2 across */
    }
}

.resultados h3 a{
    text-decoration: none;
    font-size: 20px;
}
.resultados ul{
    text-decoration: none;
    font-size: 16px;
    padding: 10px;
    text-align: justify;
}
.resultados ul li{
    background: url('/web/img/infoeuropa-list.png') no-repeat left top; /* <-- change `left` & `top` too for extra control */
    padding: 3px 0px 3px 35px;
    /* reset styles (optional): */
    list-style: none;
    margin: 0;
    line-height: 130%;
    margin-bottom: 10px;
}


#menu-small-btn{ display:none; }
#menu-small{ display:none; }



/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
/*@media only screen and (max-width: 959px) {}*/

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {


    #header-menu{ clear:both; width:100%; margin:0 auto; padding:0; text-align:center; }

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

    #header-menu{ display:none; }

    #menu-small a:not(:first-child), .dropdown .dropbtn {
        display: none;
    }
    #menu-small a.icon {
        float: right;
        display: block;
    }


}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    #header-menu{ display:none; }


    #header{
        padding-top: 60px;
    }
    #mobile-search{
        position: absolute;
        z-index: 960;
        display: block;
    }
    /* reset webkit search input browser style */
    #mobile-search input {
        outline: none;
    }
    #mobile-search input[type=search] {
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
        font-family: inherit;
        font-size: 100%;
    }
    #mobile-search input::-webkit-search-decoration,
    #mobile-search input::-webkit-search-cancel-button {
        display: none; /* remove the search and cancel icon */
    }

    /* search input field */
    #mobile-search input[type=search] {
        background: url(/web/img/mobile_search.png) no-repeat center;
        border: 0px;
        padding: 10px;

        -webkit-border-radius: 10em;
        -moz-border-radius: 10em;
        border-radius: 10em;

        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
    }
    #mobile-search input[type=search]:focus {
        width: 230px;
        background-color: #fff;
        border-color: #6dcff6;

        -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
        -moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
        box-shadow: 0 0 5px rgba(109,207,246,.5);
    }

    /* placeholder */
    #mobile-search input:-moz-placeholder {
        color: #999;
    }
    #mobile-search input::-webkit-input-placeholder {
        color: #999;
    }
    #mobile-search input[type=search] {
        width: 40px;
        height: 40px;
        padding-left: 20px;
        color: transparent;
        cursor: pointer;
    }
    #mobile-search input[type=search]:hover {
        background-color: #fff;
    }
    #mobile-search input[type=search]:focus {
        width: 350px;
        padding-left: 32px;
        color: #000;
        background-color: #fff;
        cursor: auto;
    }
    #mobile-search input:-moz-placeholder {
        color: transparent;
    }
    #mobile-search input::-webkit-input-placeholder {
        color: transparent;
    }
    #menu-small{
        position: absolute;
        z-index: 900;
        display: block;
        height: 60px;
        background:url(/web/img/menu-bg.png) no-repeat center; 
    }
    #menu-small a:not(:first-child){
        display: none;
    }
    #menu-small a.icon {
        display: block;
        float: right;
        right: 0;
        top: 0;
        color: #FFF;
        font-size: 44px;
        padding: 20px;
        text-decoration: none;
    }
    #menu-small hr.nav-separator {
        display: none;
    } 
    #menu-small.responsive hr.nav-separator {
        display:block;
        border: 2px solid white;
        border-radius: 1px;
        width: 80%;
        float: right;
    }

    #menu-small.responsive {
        position: absolute;
        background: #9ec26f;
        height: 350px;
        z-index: 950;
        padding-top: 80px;
        padding-right: 10px;
        -moz-box-shadow: 0 40px 0px 40px rgba(139, 177, 90, 1);
        -webkit-box-shadow: 0 40px 0px 40px rgba(139, 177, 90, 1);
        box-shadow: 0 40px 0px 40px rgba(139, 177, 90, 1);
    }
    #menu-small.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
    }
    #menu-small.responsive a {
        float: none;
        display: block;
        font-size: 26px;
        color: rgb(255, 255, 255);
        font-weight: bold;
        line-height: 1.278;
        text-align: right;
        text-decoration: none;
    }
    .pesquisa-form{
        display: none;
    }

    .titulo-destaque{
        font-size: 20px;
    }

    .titulo-texto{
        font-size: 20px;
    }
    .titulo-destaque{
        font-size: 22px;
    }

    .titulo-texto{
        font-size: 22px;
    }
    .data-destaque{
        font-size: 16px;
    }

    .data-texto{
        font-size: 16px;
    }

    .resumo-destaque{
        font-size: 16px;
    }

    .texto-texto{
        font-size: 16px;
    }

    .share-destaque {
        font-size: 16px;
    }


}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    #header-menu{ display:none; }
    #header{
        padding-top: 60px;
    }
    #mobile-search{
        position: absolute;
        z-index: 960;
        display: block;
    }
    /* reset webkit search input browser style */
    #mobile-search input {
        outline: none;
    }
    #mobile-search input[type=search] {
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
        font-family: inherit;
        font-size: 100%;
    }
    #mobile-search input::-webkit-search-decoration,
    #mobile-search input::-webkit-search-cancel-button {
        display: none; /* remove the search and cancel icon */
    }

    /* search input field */
    #mobile-search input[type=search] {
        background: url(/web/img/mobile_search.png) no-repeat center;
        border: 0px;
        padding: 10px;

        -webkit-border-radius: 10em;
        -moz-border-radius: 10em;
        border-radius: 10em;

        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
    }
    #mobile-search input[type=search]:focus {
        width: 230px;
        background-color: #fff;
        border-color: #6dcff6;

        -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
        -moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
        box-shadow: 0 0 5px rgba(109,207,246,.5);
    }

    /* placeholder */
    #mobile-search input:-moz-placeholder {
        color: #999;
    }
    #mobile-search input::-webkit-input-placeholder {
        color: #999;
    }
    #mobile-search input[type=search] {
        width: 40px;
        height: 40px;
        padding-left: 20px;
        color: transparent;
        cursor: pointer;
    }
    #mobile-search input[type=search]:hover {
        background-color: #fff;
    }
    #mobile-search input[type=search]:focus {
        width: 250px;
        padding-left: 32px;
        color: #000;
        background-color: #fff;
        cursor: auto;
    }
    #mobile-search input:-moz-placeholder {
        color: transparent;
    }
    #mobile-search input::-webkit-input-placeholder {
        color: transparent;
    }
    #menu-small{
        position: absolute;
        z-index: 900;
        display: block;
        height: 60px;
        background:url(/web/img/menu-bg.png) no-repeat top; 
    }
    #menu-small a:not(:first-child){
        display: none;
    }
    #menu-small a.icon {
        display: block;
        float: right;
        right: 0;
        top: 0;
        color: #FFF;
        font-size: 44px;
        padding: 20px;
        text-decoration: none;
    }
    #menu-small hr.nav-separator {
        display: none;
    } 
    #menu-small.responsive hr.nav-separator {
        display:block;
        border: 2px solid white;
        border-radius: 1px;
        width: 80%;
        float: right;
    }

    #menu-small.responsive {
        position: absolute;
        background-color: rgb(244, 88, 88);
        height: 350px;
        z-index: 950;
        padding-top: 80px;
        padding-right: 10px;
        -moz-box-shadow: 0 40px 0px 40px rgba(217, 146, 146, 1);
        -webkit-box-shadow: 0 40px 0px 40px rgba(217, 146, 146, 1);
        box-shadow: 0 40px 0px 40px rgba(217, 146, 146, 1);
    }
    #menu-small.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
    }
    #menu-small.responsive a {
        float: none;
        display: block;
        font-size: 26px;
        color: rgb(255, 255, 255);
        font-weight: bold;
        line-height: 1.278;
        text-align: right;
        text-decoration: none;
    }
    .pesquisa-form{
        display: none;
    }

    .titulo-destaque{
        font-size: 22px;
    }

    .titulo-texto{
        font-size: 22px;
    }
    .data-destaque{
        font-size: 16px;
    }

    .data-texto{
        font-size: 16px;
    }

    .resumo-destaque{
        font-size: 16px;
    }

    .texto-texto{
        font-size: 16px;
    }

    .share-destaque {
        font-size: 16px;
    }

    .img-destaque img{
        padding:0px;
        float: left;
        width: 180px;
    }

    #menu-1{ display:none; }
    #menu-1-ul{ display:none; }

    #menu-1-ul{
        padding-top: 20px
    }

    #menu-1-ul li{
        font-size:16px;
    }

    #menu-1-ul li a, #menu-1-ul li a:visited{
        font-size:16px;
    }

    #menu-1-ul li a:hover{
        font-size:16px;
    }

    #menu-2{ 
    }

    #menu-2-ul{
    }

    #menu-2-ul li{
        padding-left:10px;
        font-size:16px;
    }

    #menu-2-ul li a, #menu-2-ul li a:visited{
        padding-right:10px;
        padding-left:8px;
        font-size:16px;
    }

    #menu-2-ul li a:hover{
        font-size:16px;
    }

    .menu-icons{
        float:left;
        height:17px;
    }

    .pesquisa-form{
        width: 98%;
        max-width: 420px;
        padding-top:15px; 
    }

    .pesquisa-pesquisa{
        font-size:16px;
    }

    .search-box{
        font-size:16px; max-width:300px;
    }

}


@font-face {
    font-family: 'sourceSans';
    src: url('/web/fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
        url('/web/fonts/sourcesanspro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'sourceSans';
    src: url('/web/fonts/sourcesanspro-bold-webfont.woff2') format('woff2'),
        url('/web/fonts/sourcesanspro-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}




@font-face {
    font-family: 'sourceSans';
    src: url('/web/fonts/sourcesanspro-light-webfont.woff2') format('woff2'),
        url('/web/fonts/sourcesanspro-light-webfont.woff') format('woff');
    font-weight: lighter ;
    font-style: normal;

}