/* 
    Created on : 24-Sep-2015, 11:46:32 PM
    Author     : bilal
*/

@charset "utf-8";

a,a:visited,a:hover, a:focus,a:visited:hover{
    text-decoration: none;
}

body{
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #4D5051;
}

body.admin-bar{
    /*margin-top: -32px;*/
}

.error-404{
    margin: 10px;
}

.text-right{
    text-align: right;
}

.text-left{
    text-align: left;
}

.noshow{
    display: none; 
}

.row{
    /*max-width: 1200px;*/
    clear: both;
    width: 100%;
    margin: 0 auto;
}


.hidden{
    display: none;
}

.entry-title{
    
    font-size: 20px;
}

#main.uab-page{
    margin-top: 50px;
    padding-top: 30px;
}

#main.uab-blog{
    margin-top: 85px;
    padding-top: 30px;
}

#main.uab-page .entry-content .entry-title{
    margin-top: 0;
}

#main.uab-page #uab-page-jumbotron{
    margin-top: -85px;
}


.delay1{
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.delay2{
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.delay3{
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.delay-long{
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;    
}

.parallax{
    position: relative;
}
/*-- 1. Header --*/

.uab-branding{
    float: left
}
.uab-header-menu{
    float: right;
}

#uab-logo{
/*//EV    line-height: 85px;*/
}

#uab-logo img{
    position: absolute;
    top: 25px;
/*    max-height: 75px; manter o logo com a dimensão original*/
    padding: 10px 0;
}

#uab-header.frontpage.sticky .header-inner #uab-logo{
    line-height: 50px;
}

#uab-header.frontpage.sticky .header-inner #uab-logo img{
    position: absolute;
    top: 25px;
    max-height: 60px;
    padding: 10px 0;
    z-index: 9999;
}

/*EV: BarraUP é a barra permanete no topo do site */

#upBar{
    direction: ltr;
    color: #ccc;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
    line-height: 32px;
    height: 30px;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    min-width: 600px;
    z-index: 99999;
    background: #000000;
    text-align: right;
}

#siteLang a, #siteLang a:link {
    padding: 0.2em;
    color: #FFF;
    text-align: right;
}

#siteLang a:hover {
    background-color:#FFF;
    color:#000000;
    padding:0.2em;
}

/*EV Fim*/

#uab-header-sticky-wrapper{
    position: absolute;
    width: 100%;
    margin: 0 auto;
    z-index: 9999;
}

#uab-header.frontpage.sticky .header-inner{
    /*height: 75px;*/
    background: #1b1b1b;
    opacity: 0.8;
}

#uab-header.sticky .header-inner .site-title{
    font-size: 28px;
    line-height: 50px;
    margin: 0;
}

#uab-header.sticky .site-description{
    display: none;
}



#uab-header.frontpage{
    /*position: fixed;*/
    width: 100%;
    top: 0;
    left: 0;
    
}

/*EV: A instrução seguinte é comentada para retirar a barra semi-opaca, nas 3 primeiras imagens (slide) da homepage, que ficava por baixo do logotipo UAb*/
/*#uab-header .header-inner{
    background: #1b1b1b;
    height: 100px;
    opacity: 0.5;
}*/

#uab-header.frontpage .header-inner{
/*//EV    background: rgba(27,27,27,0.3); 
//EV    background: transparent;
//EV    background: opac;*
    background: #1b1b1b;
    height: 75px;
/*EV    height: 100px;*/
}


#masthead.site-header{
    z-index: 1;
    position: relative;
    
}

.site-title{
    margin: 0;
    font-size: 45px;
}

.site-description{
    margin: 0;
    font-size: 14px;
    line-height: 14px;
    padding-top: 0;
}

.site-title a,
.site-description{
    color: #fff;
}

.site-branding{
    padding: 0px 10px;
}

#uab-search,
#uab-contact,
#uab-video{
    background: #111111;
    background: rgba( 50, 50, 50, 0.7 );
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    margin: 0 auto;
    text-align: center;
    padding-top: 150px;
    
}

#uab-search .search-field{
    padding: 12px 15px;
    border-bottom: 1px solid #f0f0f0;
    font-family: "Arial";    
    font-size: 22px;
}

#uab-search .search-form{
    display: inline-block;
}

#uab-search .fa.fa-close,
#uab-contact .fa.fa-close{
    color: #fff;
    cursor: pointer;
    font-weight: 100;
    font-size: 32px;
    position: absolute;
    top: 20px;
    right: 20px;
    
}

#uab-search input[type="search"]
{
    border: 1px solid #fff;
    outline: none;
    background: transparent;
    color: #fff;
    color: rgba( 255,255,255,0.7);
}

.main-navigation .uab-cart,
.uab-mobile-cart .uab-cart{
    padding: 5px 10px;
    border-radius: 10px;
    background: #e1e1e1;
    color: #fff !important;
    position: relative;
    top: -5px;
}
.uab-mobile-cart .uab-cart{
    position: initial;
}

/*-- 2. Navigation --*/

#uab-add-menu{
    text-align: center;
    padding: 30px 0;
}

.sticky #uab-add-menu{
    text-align: center;
    padding: 15px 0;
}

#uab-add-menu a{
    color: #fff;
    font-family: "sans-serif";    
}

.uab-mobile-cart{
    display: none;
    height: 50px;
    line-height: 50px;
    text-align: center;
}

#uab-header .slicknav_menu{
    float: right;
    background: #1B1B1B;
    display: none;
}

/* SubMenu */

ul.uab-nav ul {
    box-shadow: none;
    text-align: left;
    float: left;
    position: relative;
    top: -5px;
    left: -999em;
    z-index: 99999;
    background: transparent;
    padding: 44px 5px 10px 5px;
    
}

.sticky ul.uab-nav ul{
    padding: 9px 0 15px 10px;
    top: 21px;
        
}

ul.uab-nav ul ul {
    float: none;
    left: 0 !important;
    position: relative;
    padding: 0 0 0 15px;;
    margin-top: 5px;
}

ul.uab-nav ul ul li{
    padding: 40px;
    background: transparent;
}

/* SubMenu cada opção */
ul.uab-nav ul li{
    background: rgb(0, 0, 0, .5);
    /*padding: 5px 15px 5px 15px;*/
    width: 100%;
    
}
ul.uab-nav ul li:hover ul{
    left: 0;
}

ul.uab-nav ul li a:hover{
    border-bottom: none !important;
}

ul.uab-nav ul li:last-child{
    /*padding-bottom: 20px;*/
}

ul.uab-nav ul li a{
    font-size: 12px;
}

ul.uab-nav{
    padding: 0px 0px;
    float: left;
}

ul.uab-nav a {
    font-size: 12px;
    color: #f9f9f9;
    color: rgba(255, 255, 255, 0.8);
}

ul.uab-nav > li.menu-item{
    margin-right: 12px;
    font-family: sans-serif;
}

ul.uab-nav > li.menu-item a {
    margin-right: 0;
    font-weight: 600px;
    font-size: 12px;
    padding-bottom: 1px;
    font-variant: small-caps;
    letter-spacing: 2px;
    transition: 0.2s all ease-in-out;
    -moz-transition: 0.2s all ease-in-out;
    -webkit-transition: 0.2s all ease-in-out;
}

ul.uab-nav > li.menu-item.current-menu-item a,
ul.uab-nav > li.menu-item.current-menu-parent a,
ul.uab-nav > li.menu-item a:hover{
    
    border-bottom: 2px solid #e1e1e1;

}

ul.uab-nav > li.menu-item.current-menu-parent ul a{
    border-bottom: none !important;
}

ul.uab-nav > li.menu-item.current-menu-item ul li a{
    border-bottom: none;
}


ul.uab-nav > li.menu-item.menu-item-has-children > a:after{
    font-family: sans-serif;
/*    content: "\f078";*/
    margin-left: 8px;
    margin-right: 10px;
    font-weight: 100;
    font-size: 14px;
}


/*-- 3. Homepage --*/
#uab-jumbotron{
    overflow: hidden;
    height: 100%;
}


#uab-jumbotron .hero{
/*    position: absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: cover;
}

.dinamic-title {
    position: relative;
    /*top: 643px;*/
    color: #fff;
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: -ms-center;
    text-align: center;
    margin-top: 3%;
    /*text-transform: uppercase;*/
    font-family: arial black;
    /*background-color: rgba(0, 0, 0, 0.1);*/
    /*border:1px solid #fff;*/
}

.box-title-overlay {
    z-index: 99;
    margin-top: -20%;
    padding: 10px;
    width: 60%;
    /* height: 100%; */
    /* margin-left: 15%; */
    vertical-align: middle;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 1px solid #fff !important;
}

.text-title-overlay {
    background-color:transparent!important; 
    /*font-family: Times New Roman; */
    font-family: arial black;
    color:#fff;
    text-transform: uppercase; 
    font-size: 26px;
}

.dinamic-title a, .dinamic-title a:link, .dinamic-title a:visited, .dinamic-title a:hover, .dinamic-title a:focus{
    /*font-size: 47.62px;*/
    font-size: 45px;
    letter-spacing:2px;
    padding: 10px;
    color: #fff;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.3);
    border:1px solid #fff;
}
/*.dinamic-title a:hover a:focus{
        color: #fff;
        border:2px solid #fff;
}*/

h2.header-text{
    font-size: 47.62px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.1);
    position: relative;
    top: 650px;
    text-align: -webkit-center;
}

#uab-jumbotron .slider-bottom .scroll-down {
    position: absolute; 
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 30px;
    font-weight: 100px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 100%;
    background: transparent;
    animation-delay: 0.5s;
    transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
    cursor: pointer;
    display: inline-block;
    text-align: center;
}
/*//EV ======================================*/
.slider-bottom .scroll-down {
    position: relative; 
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 30px;
    font-weight: 100px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 100%;
    background: transparent;
    animation-delay: 0.5s;
    transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
    cursor: pointer;
    display: inline-block;
    text-align: center;
}

#uab-featured{
    width: 100%;
    min-height: 320px;
    background: #e1e1e1;
    color: #000;
    
    text-align: center;
    overflow: hidden;
    z-index: 0;
    position: relative;
}


#uab-video{
    
    width: 100%;
    position: relative;
    
}

#uab-featured .featured-box{
    padding: 50px 30px;
    min-height: 320px;
    cursor: pointer;
}

#uab-featured .featured-box2{
    background: rgba(50,50,50, 0.1);
}

#uab-featured .uab-icon{
    color: #333;
    font-size: 38px;
    margin: 5px 0 25px 0;
    position: relative;
    
}
.uab-iconI{
    /*color: #333;*/
    font-size: 38px;
    margin: 5px 0 25px 0;
    position: relative;
    
}

/*EV:*/
#oferta-pedagogica{
    color:#fff;
    background-color: #192741;
    padding: 85px 0 140px 0;
}

.ofertaP-title {
    /*position: relative;*/
    color: #fff;
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: -ms-center;
    text-align: center;
    margin-top: 2%;
    margin-bottom: 6%;
}

.ofertaP-title span{
    text-align: center;
    font-size: 50px;
    font-family: trajan;
    letter-spacing: 2px;
    padding: 10px;
    border: 1px solid #fff;
    text-transform: uppercase;
}

#oferta-pedagogica a img {
    max-width: 100%;
    height: auto;
    padding:10px;
}


/*EV: - Fim*/

/* ----- CSS para o titulo que aparece nos botões callouts ----- */
#uab-featured .uab-title{
    margin: 0 0 20px 0;
    font-size: 18px;
    color:#aaa;
    
}

#uab-featured .uab-desc{
    margin: 0 0 20px 0;
    font-size: 16px;
    position: relative;
    color:#aaa;
}



.homepage-page-content .entry-title{
    display: none;
}

.overlay-widget{
    color: #fff;
    display: none;
}

.overlay-widget.showoverlay{
    color: #fff;
    display: block;
}


#uab-overlay-trigger{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 50px 50px;
    border-color: transparent transparent #007bff transparent;
    position: fixed;
    right: 0;
    bottom: 0;
    opacity: 0.9;
    cursor: pointer;
    z-index: 1;
}

#uab-overlay-trigger:hover{
    opacity: 1;
}


#uab-overlay-trigger.open{
    width: 100%;
    min-height: 155px;
    background-color: rgba( 0,0,0,0.7);
    border: none;
    z-index: 0;
}

#uab-overlay-trigger span.fa{
    position: absolute;
    right: 6px;
    top: 28px;
    color: rgb(255, 255, 255);
    font-size: 18px;
    
}

/*-- 4. Buttons -----------------------------------*/


 .uab-button,
button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"]{
    padding: 10px;
    color: #fff;
    background: #C8C8C8;
    background: rgba( 200, 200, 200, 0.9 );
    /*margin-right: 10px !important;*/
    display: inline-block;
    cursor: pointer;
    transition: 0.2s all ease-in-out;
}

/*-- 4.1 Button central-*/
.uab-button.large{
    position: relative; 
    padding: 15px 25px;
    font-size: 20px;
    background: rgba( 0, 0, 0, 0.8);
    color: #fff;
    /*top: 700px;*/
    /*left: 365px;*/
}

.uab-button:hover{
    background: rgba( 0, 0, 0, 0.4);
    color: #fff;

}

.uab-button.default{
    background: rgba( 0, 0, 0, 0.8);
    color: #fff;
    left: 0;
    top: 170px;
/*    position:fixed; */

}

.uab-button.default:hover{
    background: rgba( 0, 0, 0, 0.4);
    color: #fff;
    left: 0;
    top: 170px;
/*    position:fixed; */

}

/*-- 5. Footer --*/
.uab-footer{
    background-repeat-x: no-repeat;
    background-repeat-y: repeat;
    background-size: cover;
    color: #fff;
    color: rgba(255,255,255,0.9);
    overflow: hidden;
    /*padding: 40px 0 0 0;*/
}

.uab-footer > div{
    overflow: hidden;
    background: rgba(0,0,0, 0.85);  
    padding: 55px 0 30px 0px;
}

.uab-footer ul li{
    /*border-bottom: 2px solid #000;*/
    padding-bottom: 20px !important;
}

.institutional-uab-address {
    overflow: hidden;
    background: #1B1B1B;
    color: #e1e1e1;
    padding: 20px 0 0 1px;
    margin: 0;
    text-align: -webkit-center;
    position: relative;
    min-height: 10px;
}

.site-info{
    padding: 15px;
    font-size: 16px;
    overflow: hidden;
    background: #1B1B1B;
    color: #e1e1e1;
    /*padding: 20px;*/
    /*text-align: center;
    position: relative;*/
    /*min-height: 100px;*/
}

.site-info a, 
.site-info a:link,
.site-info a:visited{
    color: rgba(255,255,255,0.9);
}

/*.uab-footer-nav{
    margin-top: 10px;
    padding-left: 0px;
}*/

.uab-footer-nav{
    /*font-size: 10px;*/
    font-size: 12px;
    margin-top: 10px;
    padding-left: 0px;
    text-align: left;
}

.uab-footer-nav .hide-search {
    visibility: hidden;
}


.uab-footer-nav li{
    display: inline-block;
    margin-right: 15px;
}

.uab-footer-nav li a{
    font-size: 12px;
    border-bottom: 1px rgba(255,255,255,0.9);
}

.uab-footer-nav li:after{
    /*content: ' / ';*/
    color: #fff;
}

.uab-footer-nav li:last-child:after{
    content: '';
}

.authica-social{
    margin: 10px 0 10px 0;
    float: left;
    letter-spacing: 6px;
}


#authica-social a{
    text-align: left !important;
    display: inline-block;
    margin-right: 12px;
    font-size: 18px;
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    /*margin: 20px 0 20px 0;*/
    text-align: left;
    padding:0px 20px 0px 20px;
}

.uab-logo-cofinanciado {
    padding:20px 0px 30px 0px;
    font-size: 8px;
    color:#fff!important;
    vertical-align:super;
}

/* ------- Botão de scroll para o top da página -------*/
.scroll-top{
/*    padding: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 100;
    background: rgba(0,0,0, 0.8);
    position: fixed;
    bottom: 50px;
    right: 20px;
    transition: 0.2s all ease-in-out;
    -moz-transition: 0.2s all ease-in-out;
    -webkit-transition: 0.2s all ease-in-out;
    cursor: pointer;
    border-radius: 2px;*/
    background-color: #000;
    -webkit-border-radius: 5%;
    -moz-border-radius: 5%;
    border-radius: 5%;
    box-sizing: content-box;
    bottom: 20px;
    color: #fff;
    cursor: pointer;
    font-size: 32px;
    font-weight: normal;
    height: 32px;
    opacity: 0.5;
    padding: 5px;
    position: fixed;
    right: 20px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 32px;
    z-index: 9999;

}

.uab-address {
    font-size: 12px;
    margin: 10px 50px 10px 0;
    text-align: right;
}

.uab-copyright {
    font-size: 12px;
    margin: 10px 0px 10px 0;
    text-align: right;
    right: 45px;
}

.lock-login {
    /*display: block;*/
    margin: 0px 30px 0px 0px;
    text-align: right;
    /*float: right;*/
}

.scroll-top:hover{
/* EV    background: #e1e1e1;*/
    background: rgba(0, 0, 0, 0.4);
}


.uab-copyright a,
.uab-copyright a:link, 
.uab-copyright a:visited, 
.uab-copyright a:hover, 
.uab-copyright a:focus, 
.uab-copyright a:visited:hover {
    font-size: 12px !important;
}

#colophon .footer-bottom .uab-copyright a {color: #ffffff;}
#colophon .footer-bottom .uab-copyright a:visited {color: #959595;}
#colophon .footer-bottom .uab-copyright a:hover {color: #415b76;}

.uab-login {
    margin: 0px 30px 0px 0px;
    text-align: -webkit-center;
    text-align: center;
    text-align: -moz-center;
}

#footer-menu li ul{
    display: none;
}

.site-info a.rel{
    display: block !important;
}

/*-- 6. Sidebar --*/

#uab-sidebar{
    margin-top: 30px;
    overflow: hidden;
}

#uab-sidebar .widget-title{
    font-size: 44px;
    font-weight: 600;
    margin: 0 0 15px 0;
}

#uab-sidebar ul li{
    margin-bottom: 10px;
}

#uab-sidebar aside{
    margin-bottom: 20px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
}

/*-- 7. Page --*/
#uab-page-jumbotron{
    width: 100%;
    background-size: cover;
    height: 400px;
    overflow: hidden;
}

#uab-page-jumbotron .entry-title{
    margin-top: 150px;
    text-align: center;
    color: #fff;
    font-size: 46px;
}

/*-- 8. Blog --*/

#main.uab-blog .wp-post-image,
.homepage-page-content .post .wp-post-image{
    width: 100%;
}

.homepage-page-content .post .entry-title{
    display: block;
}

#main.uab-blog .entry-title{
    margin: 8px 0;
}

#main.uab-blog .entry-meta .meta-detail{
    text-align: left;
}

#main.uab-blog .entry-meta .meta-detail > span{
    margin-right: 12px;
}

.uab-blog-post{
    width: 46%;
    margin-right: 1%;
    margin-bottom: 20px;
    box-shadow: 1px 1px 3px #BFBFBF;
    -moz-box-shadow: 1px 1px 3px #BFBFBF;
    -webkit-box-shadow: 1px 1px 3px #BFBFBF;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.uab-blog-post .post-panel-content{
    padding: 0 15px 15px 15px;
}

.uab-blog-page{
    margin-top: 40px;
}

.continue-reading{
    margin-top: 15px;
}

/*------------- Pagination --------------*/
.uab-pagination{
    text-align: center;
    margin-top: 15px;
}
.uab-pagination span,
.uab-pagination a{
    margin-right: 4px;
}

.post-navigation .nav-next,
.post-navigation .nav-previous{
    display: none;
}
/* ------- calendar widget --------------*/
.widget_calendar {float: left;}
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }


/*----------------- uab Recent Articles --------------*/
#uab_recent_posts > div {
    margin-bottom: 30px;

}
#uab_recent_posts img{
    width: 100%;
}
#uab_recent_posts img:hover{

}
#uab_recent_posts .uab-single-post{
    overflow: hidden;

}
#uab_recent_posts .uab-single-post > div a{

}
#uab_recent_posts .uab-single-post > div{
    position: relative;


    overflow: hidden;
}
#uab_recent_posts .title{
    font-weight: 700;
}
#uab_recent_posts .uab-single-post > div:hover img{
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);   
}
#uab_recent_posts .uab-single-post > div img{
        transition: 0.3s all ease-in-out;
        -moz-transition: 0.3s all ease-in-out;
        -webkit-transition: 0.3s all ease-in-out;
}
#uab_recent_posts .uab-single-post > div img:hover{

}
#uab_recent_posts .overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 10%; 
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
    text-align: center;
    color: #fff;
    font-weight: 600px;
}
#uab_recent_posts .overlay:hover{
    background: rgba(0,0,0,0);
}
#uab_recent_posts .overlay .fa-external-link{
    opacity: 0;

    text-align: center;
    font-size: 26px;
    transition: 0.2s all linear;
    -moz-transition: 0.2s all linear;
    -webkit-transition: 0.2s all linear;
}
#uab_recent_posts .overlay:hover .fa-external-link{
    opacity: 1.0;
    transform: scale( 1.5 );
    -webkit-transform: scale( 1.5 );
    -moz-transform: scale( 1.5 );
}

/*#uab-homepage-widget > div{
    overflow: hidden;
    padding: 55px 0 40px 0px;
    color: rgba(255,255,255, 1);
    width: 100%;
    min-height: 950px;
}*/

/*#uab-estatistica {
    overflow: hidden;
    display: block;
    margin: auto;
    color: rgba(255,255,255, 1);
    background: transparent;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 950px;
}*/

#uab-estatistica > div {
    overflow: hidden;
    display: block;
    min-height: 980px;
    color: #fff;
}

#uab-factos-numeros > div {
    overflow: hidden;
    display: block;
    /*min-height: 980px;*/
    color: #fff;
}


/*h2.estatistica-title {
    position:absolute; 
    top: 50px;
    text-align:center;
    color: #fff;
    font-variant: small-caps;
}*/

/*.button-estat {
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 42px;
    margin: 4px 2px;
    cursor: none;*/
/*    -webkit-transition-duration: 0.4s; -> Safari 
    transition-duration: 0.4s;*/
/*}*/

/*.box-estat-vazia {
    width: 5%;
    min-height: 5%;
    cursor: none;
}*/

/*.box-estat{
    width: 250px;
    height: 100px;
    border: 1px solid white;
    margin: 0.4%;
    border-radius: 1px;
    display: inline-block;
    padding: 2px;
    vertical-align: middle;
    background-color: transparent;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    position: relative;
    top: 300px;
}*/

.box-estat {
    color:#fff;
    width: 22%;
    min-height: 100%;
    border: 1px solid white;
    margin: 1% 1% 1% 2%;
    border-radius: 1px;
    display: inline-block;
    padding: 1%;
    vertical-align: middle;
    background-color: transparent;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    position: relative;
    /* left: 370px; */
    /*top: 300px;*/
}

.box-vazia {
    margin: 7.5% 0 8.5% 0;
    display: inline-block;
    /*padding: 10%;*/
    background-color: transparent;
    /* left: 370px; */
    /*top: 300px;*/
}

.plus_valor_estat{
    color:white;
    font-size: 40px;
    padding:1%;
    text-align: center;
    margin: 1%;
    /*font-weight: bold;*/
    font-family: serif;
}

.plus_desc_estat {
    color: white;
    font-size: small;
    text-align: center;
    font-variant: small-caps;
    margin: 1%;
    padding:1%;
    font-family: serif;

}

h2.widget-title {
    /*position: relative;
    top: 20px;
    text-align: center;*/
    color: #fff;
    font-variant: small-caps;
    font-family: trajan;
    font-size: 250%;
    text-align: center;
    margin: 4% 0 4% 0;
}


/* EV ================== */
#uab-citacao {
    overflow: hidden;
    color: rgba(255,255,255, 1);
    background-color: #494949;
    width: 100%;
    height: 100%;
    /*padding: 1%;*/
    padding: 1% 1% 4% 1%;
}

/*h2.citacao-title {
    text-align:center;
    color: #fff;
    font-variant: small-caps;
    top: 10px;
}*/

/*#uab-citacao2 {
    background-image: url("../../../../uploads/2016/11/fundo_cerebro.jpg");
    background-size: contain;
    overflow: hidden;
    display: block;
    color: rgba(255,255,255, 1);
    background-color: #192741;
    position: relative;
    background-repeat: no-repeat;
    background-position:center; 
    min-height:100%;
}*/

#uab-citacao2 > .row {
    min-height: 1000px;
}

.fundo-azul-centrado{
    color:#fff;
    background-color: #192741;
    /*background-color: #111518;*/
    display: block;
    margin: auto;
}

.citacao2 {
    overflow: visible;
    display: block;
    color: rgba(255,255,255, 1);
    width: 100%;
    min-height: 100%;
    position: relative;
    top: 800px;
    /*left:25%;*/
    font-variant: small-caps;
    font-family: Raleway, sans-serif;
    vertical-align: middle;
    text-align: center;
    /*max-width: 50%;*/
}

.textCitacaoAutor {
    overflow: visible;
    position: relative;
    text-align: right;
    width: 150%;
    left: 200px;
}

/*#uab-testemunhos {
    background-image: url("/https/portal.uab.pt/wp-content/uploads/2016/11/fundo_testemunhos.jpg");
    overflow: hidden;
    display: block;
    background-repeat: no-repeat;
    background-position:center; 
    min-height:950px;
    background-size: cover;
}*/

/*#uab-testemunhos {
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: block;
    height: auto;
    max-width: 100%;
    margin: auto;
}
*/

/*#uab-testemunhos > div{ *//* todos os div que estiverem dentro do uab-testemunhos passam a ter este estilo */
/*    position: relative;
    top: 100px;

}*/

#frontpage-callouts {
    overflow: hidden;
    min-height: 400px;
    font-size: xx-small;
}
#frontpage-callouts > .row {
    text-align: center;
    border-top: 1px solid #DDD;
    /*border-bottom: 1px solid #DDD;*/
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 20px;

    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}
#frontpage-callouts > .row:before{
    display: none;
}

#frontpage-callouts > .row > .callout-item {
    min-width: 170px;
}

/*EV O CSS seguinte é feito especificamente para definir a apresentação dos widget/box/icons - Neste caso concreto quando temos definido apresentar 1 botão*/
#frontpage-callouts > .row > .col-xs-12 {
    overflow: hidden;
    top:20px;
    min-height: 200px;
    position: relative;
    padding: 15px;
    text-align: -webkit-center;
    text-align: -moz-center;
}
/*EV O CSS seguinte é feito especificamente para definir a apresentação dos widget/box/icons - Neste caso concreto quando temos definido apresentar 2 botões*/
#frontpage-callouts > .row > .col-xs-6 {
    overflow: hidden;
    top:20px;
    min-height: 200px;
    position: relative;
    padding: 15px;
    text-align: -webkit-center;
    text-align: -moz-center;
}

/*EV O CSS seguinte é feito especificamente para definir a apresentação dos widget/box/icons - Neste caso concreto quando temos definido apresentar 3 botões*/
#frontpage-callouts > .row > .col-xs-4 {
    overflow: hidden;
    top:20px;
    min-height: 200px;
    position: relative;
    padding: 15px;
    text-align: -webkit-center;
    text-align: -moz-center;
}
/*EV O CSS seguinte é feito especificamente para definir a apresentação dos widget/box/icons - Neste caso concreto quando temos definido apresentar 4 botões*/
#frontpage-callouts > .row > .col-xs-3 {
    overflow: hidden;
    top:20px;
    min-height: 200px;
    position: relative;
    padding: 15px;
    text-align: -webkit-center;
    text-align: -moz-center;
    
}
/*EV O CSS seguinte é feito especificamente para definir a apresentação dos botões - Neste caso concreto pertende-se alinhas à direita todo  conteudo desta div*/
#frontpage-button {
    display: block;
    margin:auto;
    vertical-align: middle;
    text-align: center;
}
/*EV O CSS seguinte é feito especificamente para definir a apresentação dos botões - Neste caso concreto pertende-se alinhas à direita todo  conteudo desta div*/
#frontpage-button > .row {
    overflow: hidden;
    display: flex;
    top:10px;
    padding: 10px;
    max-height: 100px;
    border-top: 1px solid #DDD;
    margin:auto;
    vertical-align: middle;
    text-align: center;
}
/*EV O CSS seguinte é feito especificamente para definir a apresentação dos botões - Neste caso concreto quando temos definido apresentar 1 botão*/
/*#frontpage-button > .row > .col-xs-1 {
 ... foi colocado bo bootstrap.css ...
}*/

/* EV FIM ================== */



/*EV==================*/
.center {
  margin:auto;
  vertical-align: middle;
  text-align: center;
}
.right {
  margin:auto;
  vertical-align: middle;
  text-align: right;
}
/*EV==================*/


.heightElement{
	min-height: 500px;
}

/*EV====================
//.fundOpac {
//    overflow: hidden;
//    background: rgba(10,10,10, 0.5);
}
EV====================*/

.textwidget{
    position: relative;
    top: 0px;
    font-size: 12px;
    text-align: right;
    color:#fff;
}


/* EV =================================================================================================================== */

@media( max-width: 300px ) {
    /*h2.header-text {
        position: inherit;
        top: 300px;
        font-size: 20px;
        font-variant: small-caps;
        color: #1b1b1b;
    }*/
    
    .dinamic-title {
        /*top: 300px;*/
        /*color: #1b1b1b;*/
    }

    
    .uab-button.large {
        position: inherit;
        top: 700px;
        padding: 5px 10px;
        font-size: 10px;
    }

}

@media( min-width: 300px ) and ( max-width: 414px ) {

    #uab-header .slicknav_menu{
        display: block;
    }
    
    #uab-header .header-inner,
    #uab-header.frontpage .header-inner{
        background: #1b1b1b;
        /*height: 75px;*/

    }

    #uab-header.frontpage .header-inner #uab-logo{
        
        line-height: 100px;

        
    }
    
    #uab-header.frontpage .header-inner #uab-logo img{
        
        max-height: 50px;
        
    }
    
    #uab-header .header-inner .site-title{
        font-size: 28px;
        line-height: 50px;
        margin: 0;
    }
    .uab-button.large {
        position: inherit;
        /*EVtop:30px*/
        top: -15px;
        padding: 5px 10px;
        font-size: 10px;
    }

    .col-xs-4 {
        top: 250px;
    }
    
    img{
        max-width: 100%;
        height: auto;
    }
/* EV FIM: uab-overlay-widget*/


/*EV - Citação 1*/
    #uab-citacao {
        width: 100%;
        height: 100px;
    }

    h2.citacao-title {
        font-size: 12px;
        top: 10px;
    }

/*EV FIM - Citação 1*/
/*EV - Citação 2*/
    #uab-citacao2{
        vertical-align: middle;
    }
    
    #uab-citacao2 > .row {
        min-height: 500px;
    }

    .citacao2 {
        position: relative;
        top: 350px;
        font-size: 8px;
    }
/*EV FIM - Citação 2*/

    .uab-button.large {
        padding: 5px 10px;
        font-size: 15px;
    }

}


/* EV SÓ LANDSCAPE */
@media( min-height: 300px ) and ( max-height: 404px ) and (min-width: 500px) and (max-width: 750px) {

     #uab-header .slicknav_menu{
        display: block;
    }
    
    #uab-header .header-inner,
    #uab-header.frontpage .header-inner{
        background: #1b1b1b;
        /*height: 75px;*/

    }

    #uab-header.frontpage .header-inner #uab-logo{
        
        line-height: 100px;

        
    }
    
    #uab-header.frontpage .header-inner #uab-logo img{
        
        max-height: 50px;
        
    }
    
    #uab-header .header-inner .site-title{
        font-size: 28px;
        line-height: 50px;
        margin: 0;
    }
    
    #uab-header .header-inner,
    #uab-header.frontpage .header-inner{
        background: #1b1b1b;
        /*height: 75px;*/
    }

/* EV: Contactos/Overlay*/
    #uab-overlay-trigger {
        left: 0;
        bottom: 5px;
        width: 0;
        height: 0;
        border-width: 0px 50px 50px 0px;
    }

    #uab-overlay-trigger span.fa {
        left: 3px;
        top: 20px;
    }

    #uab-overlay-trigger.open {
        width: 75%;
        min-height: 30%;
    }

    aside.overlay-widget-title {
        top: 5px;
        font-size: 10px;
    }
/* EV FIM: Contactos/Overlay*/

/* EV:; uab-overlay-widget*/
    #uab-homepage-widget > div {
        /*padding: 0px 0 40px 0px;*/
        padding: 0px 0px 0px 0px;
        width: 100%;
        /*max-height: 404px;*/
    }
    h2.widget-title {
        bottom: 10px;
        font-size: 12px;
    }
    .textwidget{
        top: 10px;
        font-size: 10px;
        text-align: right;
    }

    .col-xs-4 {
        top: 200px;
    }
    
    img{
        max-width: 100%;
        height: auto;
    }

    /*.responsive{
        max-width: 33.9999%;
        height: auto;
        font-size: xx-small;
        font-weight: bold;
    }*/

/*EV - Citação 2*/
    #uab-citacao2{
        vertical-align: middle;
    }
    
    #uab-citacao2 > .row {
        min-height: 404px;
    }

    .citacao2 {
        position: relative;
        top: 320px;
        font-size: 8px;
    }
/*EV FIM - Citação 2*/

}
@media( min-height: 337px ) and ( max-height: 630px ) and (orientation: portrait){

    #uab-header .slicknav_menu{
        display: block;
    }
    
    #uab-header .header-inner,
    #uab-header.frontpage .header-inner{
        background: #1b1b1b;
        /*height: 75px;*/

    }

    #uab-header.frontpage .header-inner #uab-logo{
        
        line-height: 100px;

        
    }
    
    #uab-header.frontpage .header-inner #uab-logo img{
        
        max-height: 50px;
        
    }
    
    #uab-header .header-inner .site-title{
        font-size: 28px;
        line-height: 50px;
        margin: 0;
    }
    
   
/*EV - Citação 2*/
    #uab-citacao2{
        vertical-align: middle;
    }
    
    #uab-citacao2 > .row {
        min-height: 630px;
    }

    .citacao2 {
        position: relative;
        top: 400px;
        font-size: 8px;
    }
/*EV FIM - Citação 2*/

    .uab-button.large {
        padding: 5px 10px;
        font-size: 10px;
    }

}

@media( min-height: 405px ) and ( max-height: 600px ) and (orientation: landscape){

    #uab-header .slicknav_menu{
        display: block;
    }
    
    #uab-header .header-inner,
    #uab-header.frontpage .header-inner{
        background: #1b1b1b;
        /*height: 75px;*/

    }

    #uab-header.frontpage .header-inner #uab-logo{
        
        line-height: 100px;

        
    }
    
    #uab-header.frontpage .header-inner #uab-logo img{
        
        max-height: 50px;
        
    }
    
    #uab-header .header-inner .site-title{
        font-size: 28px;
        line-height: 50px;
        margin: 0;
    }

    .uab-button.large {
        padding: 5px 10px;
        font-size: 15px;
    }

    
    #uab-overlay-trigger {
        left: 0;
        bottom: 5px;
        width: 0;
        height: 0;
        border-width: 0px 50px 50px 0px;
    }

    #uab-overlay-trigger span.fa {
        left: 3px;
        top: 20px;
    }

    #uab-overlay-trigger.open {
        width: 75%;
        min-height: 20%;
    }

    aside.overlay-widget-title {
        top: 5px;
        font-size: 10px;
    }

/*EV - Citação 2*/
    #uab-citacao2{
        vertical-align: middle;
    }
    
    #uab-citacao2 > .row {
        min-height: 600px;
    }

    .citacao2 {
        position: relative;
        top: 500px;
        font-size: 8px;
    }
/*EV FIM - Citação 2*/

}


@media( min-width: 401px ) and ( max-width: 600px ) and (orientation: portrait) {

    #uab-header .slicknav_menu{
        display: block;
    }
    
    #uab-header .header-inner,
    #uab-header.frontpage .header-inner{
        background: #1b1b1b;
        /*height: 75px;*/

    }

    #uab-header.frontpage .header-inner #uab-logo{
        
        line-height: 100px;

    }
    
    #uab-header.frontpage .header-inner #uab-logo img{
        
        max-height: 50px;
        
    }
    
    #uab-header .header-inner .site-title{
        font-size: 28px;
        line-height: 50px;
        margin: 0;
    }
    

    /*.dinamic-title {
        top: 150px;
    }*/

    .uab-button.large {
        padding: 5px 10px;
        font-size: 10px;
    }
    /*EV - Citação 2*/
    #uab-citacao2{
        vertical-align: middle;
    }
    
    #uab-citacao2 > .row {
/*        min-height: 600px;*/
    }

    .citacao2 {
        position: relative;
        top: 370px;
        font-size: 8px;
    }
/*EV FIM - Citação 2*/
}

@media (min-width: 401px) and (max-width: 600px) and (min-height:601px) and (max-height: 1800px) and (orientation: portrait){

     #uab-header .slicknav_menu{
        display: block;
    }
    
    #uab-header .header-inner,
    #uab-header.frontpage .header-inner{
        background: #1b1b1b;
        /*height: 75px;*/

    }

    #uab-header.frontpage .header-inner #uab-logo{
        
        line-height: 100px;

        
    }
    
    #uab-header.frontpage .header-inner #uab-logo img{
        
        max-height: 50px;
        
    }
    
    #uab-header .header-inner .site-title{
        font-size: 28px;
        line-height: 50px;
        margin: 0;
    }
    

    #uab-citacao2 > .row {
        /*min-height: 600px;*/
    }

    .citacao2 {
        position: relative;
        top: 700px;
        font-size: 10px;
    }
}

@media( min-width : 1060px ) and ( max-width: 1800px ) and (orientation: portrait) {

     #uab-header .slicknav_menu{
        display: block;
    }
    
    #uab-header .header-inner,
    #uab-header.frontpage .header-inner{
        background: #1b1b1b;
        /*height: 75px;*/

    }

    #uab-header.frontpage .header-inner #uab-logo{
        
        line-height: 100px;

        
    }
    
    #uab-header.frontpage .header-inner #uab-logo img{
        
        max-height: 50px;
        
    }
    
    #uab-header .header-inner .site-title{
        font-size: 28px;
        line-height: 50px;
        margin: 0;
    }

     .dinamic-title {
        /*position: inherit;*/
    }

    .uab-button.large {
        padding: 15px 25px;
        font-size: 20px;
        padding: 5px 10px;
    }


    /*EV - Citação 2*/
    #uab-citacao2{
        vertical-align: middle;
    }
    
    #uab-citacao2 > .row {
/*        min-height: 1060px;*/
    }

    .citacao2 {
        position: relative;
        top: 350px;
        font-size: 8px;
    }
}

@media( min-width : 1061px ) and ( max-width: 1900px ) and (min-height : 601px ) and (max-height : 1800px ) and (orientation: landscape) {
}

@media( min-width : 601px ) and ( max-width: 1060px ) and (min-height : 601px ) and (max-height : 1800px ) and (orientation: landscape) {
    
     .dinamic-title {
        position:relative;
        /*top: 120px;*/
    }

    .uab-button.large {
        position:relative;
        /*EVtop: 200px;*/
        padding: 15px 25px;
        font-size: 20px;
        padding: 5px 10px;
    }
}

@media( min-width : 601px ) and ( max-width: 1060px ) and (min-height : 630px ) and (max-height : 800px ) and (orientation: portrait) {
    .dinamic-title {
        /*top: 250px;*/
    } 

    .uab-button.large {
        padding: 15px 25px;
        font-size: 20px;
        padding: 5px 10px;
    }
}


@media( max-width: 1060px ) and (orientation: portrait){
    
    #uab-header .slicknav_menu{
        display: block;
    }
    
    #uab-header .header-inner,
    #uab-header.frontpage .header-inner{
        background: #1b1b1b;
        /*height: 75px;*/
    }

    #uab-header.frontpage .header-inner #uab-logo{
        line-height: 100px;
    }
    
    #uab-header.frontpage .header-inner #uab-logo img{
        
        max-height: 50px;
        
    }
    
    #uab-header .header-inner .site-title{
        font-size: 28px;
        line-height: 50px;
        margin: 0;
    }
    
    .site-description{
        display: none;
    }
    
    #mobile-nav{
        display: block;
    }
    
    #site-navigation{
        display: none;
    }
    
    .site-branding{
        float: left;
    }
    
    .uab-mobile-cart{
        display: inline-block;
        float: right;
    }
    
    div.uab-blog-content article h2.entry-title {
        font-size: 20px;
    }
    
    #uab-logo img {
        max-height: 100px;
    }

    #uab-logo {
        line-height: 50px;
    }

    .uab-button.large {
        position: relative; 
        font-size: 15px;
        /*EVtop: 370px;*/
        left: 0px;
        padding: 5px 10px;
    }

    /*.dinamic-title a, .dinamic-title a:link, .dinamic-title a:visited, .dinamic-title a:hover, .dinamic-title a:focus {
        font-size: xx-large;
    }*/
        
}

@media( max-width: 1900px ){
    .uab-copyright {
        right: 0px;
    }
}

@media( min-width: 1060px ) and ( max-width: 1900px ) and ( max-height: 790px ){
    .uab-button.large {
        /*EVtop: 100px;*/
        left: 0px;
    }

    /*.box-title-overlay{
        width: 61%;
    }*/

    .dinamic-title {
        position: relative;
        /*top: 60px;*/
    }
    
}

@media( min-height: 601px ) and ( max-height: 736px ) {
/* EV:; uab-overlay-widget*/
    #uab-header .header-inner,
    #uab-header.frontpage .header-inner{
        background: #1b1b1b;
        /*height: 75px;*/

    }

    #uab-header.frontpage .header-inner #uab-logo{
        line-height: 100px;
    }
    
    #uab-header.frontpage .header-inner #uab-logo img{
        max-height: 50px;
    }
    
    #uab-header .header-inner .site-title{
        font-size: 28px;
        line-height: 50px;
        margin: 0;
    }
    #uab-homepage-widget > div {
        width: 100%;
        /*height: 736px;*/
        height:auto;
    }

    h2.widget-title {
        font-size: 12px;
    }
    .textwidget{
        top: 10px;
        font-size: 10px;
        text-align: right;
    }

    .col-xs-4 {
        top: 350px;
    }
    
    img{
        max-width: 100%;
        height: auto;
    }
/* EV FIM: uab-overlay-widget*/
    .uab-button.large {
        position: relative; 
        font-size: 15px;
        padding: 5px 10px;
    }
}

@media (max-width:1440px) { 
    /* hi-res laptops and desktops */ 
    .dinamic-title a, .dinamic-title a:link{
        font-size: 40px;
        letter-spacing:2px;        
    }

    .box-title-overlay{
        width: 61%;
    }

    .text-title-overlay{
        font-size: 18px;
    }

    .ofertaP-title span {
        font-size: 50px;
    }

}

@media (max-width:1281px) { 
    /* hi-res laptops and desktops */ 
    .dinamic-title a, .dinamic-title a:link{
        font-size: 35px;
        letter-spacing:2px;
    }

    .box-title-overlay{
        width: 61%;
    }
    
    .text-title-overlay{
        font-size: 17px;
    }


    .ofertaP-title span {
        font-size: 50px;
    }

}

@media (max-width:1025px) {
 /* big landscape tablets, laptops, and desktops */
    .dinamic-title a, .dinamic-title a:link{
        font-size: 16px;
        letter-spacing:2px;
    }

    .box-title-overlay{
        width: 65%;
    }

    .text-title-overlay{
        font-size: 16px;
    }

    .ofertaP-title span {
        font-size: 44px;
    }

 }

@media (max-width:961px)  {
     /* tablet, landscape iPad, lo-res laptops ands desktops */

     .dinamic-title a, .dinamic-title a:link{
        font-size: 20px;
        letter-spacing:0px;
    }

    .box-title-overlay{
        width: 70%;
    }

    .text-title-overlay{
        font-size: 15px;
    }

    
    .ofertaP-title span {
        font-size: 38px;
    }

}

@media (max-width: 768px) {
    .dinamic-title a, .dinamic-title a:link{
        font-size: 14px;
        letter-spacing:0px;
    }

    .box-title-overlay{
        width: 80%;
        margin-top: -15%;
    }

    .text-title-overlay{
        font-size: 14px;
    }

    .ofertaP-title span {
        font-size: 30px;
    }

    .uab-footer-nav{
        font-size: 10px;
        text-align: center;
    }

    .uab-address {
        font-size: 10px;
        text-align: center;
    }

    .authica-social{
        text-align: center;
    }

    .uab-copyright{
        font-size: 10px;
        text-align: center;
    }

    #icon-social-media a:link a:focus {
        color: #c73600;
        font-size: 30px;
        background-color: transparent;
    }
}

@media (max-width:641px)  {
 /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
    .dinamic-title a, .dinamic-title a:link{
        font-size: 16px;
        letter-spacing:0px;
    }

    .box-title-overlay{
        width: 85%;
    }

    .text-title-overlay{
        font-size: 13px;
    }


    .ofertaP-title span {
        font-size: 26px;
    }

 }
 
@media (max-width: 568px) {
    .dinamic-title a, .dinamic-title a:link{
        font-size: 14px;
        letter-spacing:0px;
    }

    .box-title-overlay{
        width: 90%;
        margin-top: -13%;
    }

    .text-title-overlay{
        font-size: 12px;
    }


    .ofertaP-title span {
        font-size: 20px;
    }

}

@media (max-width:481px)  {
/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
    .dinamic-title a, .dinamic-title a:link{
        font-size: 12px;
        letter-spacing:0px;
    }

    .box-title-overlay{
        width: 95%;
    }

    .text-title-overlay{
        font-size: 12px;
    }

    .ofertaP-title span {
        font-size: 16px;
    }

}



@media (max-width:320px)  { 
/* smartphones, iPhone, portrait 480x300 phones */ 
    .dinamic-title a, .dinamic-title a:link{
        font-size: 12px;
        letter-spacing:0px;
    }

    .text-title-overlay{
        font-size: 12px;
    }


    .ofertaP-title span {
        font-size: 12px;
    }

}
/*EV===================*/



h2.overlay-widget-title{
    position: absolute;
    top: 10px;
    left:50px;
    text-align: left;
    color: #fff;
    font-variant: small-caps;
}




/*EV===================*/
/* Videos Promocional */
/* the overlayed element */
#voverlay {
    
    /* dimensions after the growing animation finishes  */
    width:640px;
    height:480px;
    
    /* initially overlay is hidden */
    display:none;
    
    /* some padding to layout nested elements nicely  */
    padding:40px;

    /* fix for bootstrap / normalize / etc... */
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* default close button positioned on upper right corner */
#voverlay .close {
    background-image:url(close.png);
    background-position: 0 0;
    position:absolute;
    right:-3px;
    top:6px;
    cursor:pointer;
    height:44px;
    width:44px;
    opacity:0.8; 
}

#voverlay .close:hover {
    opacity:1; 
}

#voverlay .vcontainer{
    left:0;
    top:0;
    width:100%;
    height:100%;    
    background:url(loading.gif) no-repeat 50% 50%;

    border: 5px solid #FFFFFF;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4); 
    -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);  
}

#voverlay .vcontainer > div{
    height:100%;
}

.videogallery {
    width:100%;
    zoom:1;
}
.videogallery span{ display:block; }
.videogallery a{
    display:inline-block;
    zoom:1;
    position:relative;
    vertical-align:top;
    margin:5px; 
    padding:6px;    
    width:620px;
    border:solid 1px #b8b8b8;
    background-color:#f4f5f5;
    font-family:Trebuchet,Tahoma,Arial,sans-serif;
    font-size:11px;
    font-weight:normal;
    text-decoration:none;
    text-align:center;
    opacity:0.87;
}
.videogallery .videolb{display:none}
.videogallery a img{
    display:block;
    border:none;
    margin:0px;
}
.videogallery a:hover{
    opacity:1;
}
/* Videos Promocional - FIM */
/*EV===================EV*/


.lock-login {
	margin: 0px 0 45px 0px;
    text-align: right;
}
@media screen and (min-width: 1900px) {
	.lock-login {
		margin: 0px 47px 45px 0px;
		text-align: right;
	}
}