/**** [ mobilidadenet@theme - Digitalis_original - ] ****/
/*@font-face {
    font-family: balkenobalkeno;
    src: url('../webfonts/balkeno-webfont.eot');
    src: url('../webfonts/balkeno-webfont.eot?#iefix') format('embedded-opentype'),
    url('../webfonts/balkeno-webfont.woff') format('woff'),
    url('../webfonts/balkeno-webfont.ttf') format('truetype'),
    url('../webfonts/balkeno-webfont.svg#balkenobalkeno') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
@font-face {
    font-family: "proxima_nova_rgregular";
    src: url("../webfonts/proximanova-regular-webfont.eot");
    src: url("../webfonts/proximanova-regular-webfont.eot?#iefix") format("embedded-opentype"),
    url("../webfonts/proximanova-regular-webfont.woff") format("woff"),
    url("../webfonts/proximanova-regular-webfont.ttf") format("truetype"),
    url("../webfonts/proximanova-regular-webfont.svg#proxima_nova_rgregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "proxima_novalight";
    src: url("../webfonts/proximanova-light-webfont.eot");
    src: url("../webfonts/proximanova-light-webfont.eot?#iefix") format("embedded-opentype"),
    url("../webfonts/proximanova-light-webfont.woff") format("woff"),
    url("../webfonts/proximanova-light-webfont.ttf") format("truetype"),
    url("../webfonts/proximanova-light-webfont.svg#proxima_novalight") format("svg");
    font-weight: normal;
    font-style: normal;
}

body, .x-body {
    color: #2f2f2f;
    font-family: proxima_nova_rgregular;
    margin: 0;
    height: 100%;
    background: url("../img/backg_body.jpg") repeat-x scroll center top #ffffff;
}

a, #contentonecolumn a {
    color: #2f2f2f;
    border-bottom-color: #2f2f2f;
}

a:hover, #contentonecolumn a:hover {
    color: #2f2f2f;
    border-bottom-color: #2f2f2f;
}

.backgcolor01 {
    background-color: #d2dbe5;
}

.backgcolor02 {
    background-color: #f2f2f2;
}

.colortext {
    color: #76aa00 !important;
}

.colortext1 {
    color: #384f6f !important;
}

.colortext2 {
    color: #2b87aa !important;
}

.colortext3 {
    color: #6187af !important;
}

.colortext4 {
    color: #eb701a !important;
}

.colortext5 {
    color: #666 !important;
}

.width15 {
    width: 15% !important;
}

.marginleft98 {
    margin-left: 98px;
}

div#difheaderInnerStage {
    margin-bottom: 0;
}

#top {
    /*font-family: balkenobalkeno;*/
    font-size: 110%;
    color: #fff;
    background-color: #92a9c8;
}

#top a {
    color: #fff;
    border-color: #fff;
}

#top a:hover {
    color: #384f6f;
    border-color: #384f6f;
}

.datehour, .logout {
    background-image: none;
}

.language, .language .active, .chosemode .active {
    color: #999 !important;
}

.division {
    display: none;
}

/*****LOGINREGISTRATION/LOGOUT*****/
.toplogout {
    border: none !important;
    background-color: #384f6f;
}

.toplogout a {
    background-color: #384f6f;
    border: 1px solid #384f6f !important;
    color: #fff !important;
    display: inline;
    padding: 5px 14px;
    text-decoration: none;
    font-weight: normal;
}

.toplogout a:hover {
    background-color: #6187af;
    border: 1px solid #6187af !important;
    color: #fff !important;
}

.login-heading {
    color: #6187af;
    font-family: proxima_novalight !important;
    font-size: 250%;
}

.login-input[type="text"], .login-input[type="email"], .login-input[type="password"], form#login input[type="text"], form#login input[type="password"], form#registration input[type="text"], form#registration input[type="password"], form#registrationlogin input[type="text"], form#registrationlogin input[type="password"] {
    color: #333333 !important;
    font-size: 1.1em !important;
    height: 46px !important;
    margin: 0 0 6px !important;
}

.login-input[type="text"]:focus, .login-input[type="email"]:focus, .login-input[type="password"]:focus {
    border-color: #6187af;
}

.input-button {
    background-color: #d2dbe5;
}

.login-input[type="button"]:hover, .login-input[type="submit"]:hover, .input-button:hover {
    background-color: #6187af;
}

.login-vertical-line {
    border-left: 1px solid #d9e0cd;
}

.login-otherbutton {
    background-color: #cdcdcd;
}

/*****fimLOGINREGISTRATION/LOGOUT*****/
#top div.headerclose {
    line-height: 12px;
    background-color: #6187af;
}

#top div.headerclose .close {
    background: url("../img/closeheader.png") no-repeat scroll right center;
}

#top div.headerclose .open {
    background: url("../img/openheader.png") no-repeat scroll right center;
}

#pageheader {
    height: 130px;
    background: transparent;
    border-bottom-color: transparent;
    border-top: none;
    clear: both;
    display: block;
}

#logo {
    float: left;
    display: inline;
    width: 374px;
    height: 112px;
    margin-top: 10px;
    margin-left: 40px;
    background: url(../img/logotipo.png) no-repeat;
}

#logoright {
    display: none;
}

/* NOVO */
#navigation {
    font-family: proxima_nova_rgregular !important;
    font-size: 150%;
    font-weight: normal !important;
    border-top: 10px solid #111;
    border-right: none;
    border-bottom: none;
    border-left: none;
    background-image: none !important;
    background-color: #fff !important;
    /*margin-right: 30px;
    margin-left: 30px;*/
}

#pagenavigation {
    background-color: #fff;
}

#pagenavigation ul li {
    border-right: none;
    background-color: #384f6f;
    margin-left: 10px !important;
}

#pagenavigation ul li a {
    color: #fff;
    padding: 11px 20px;
    font-weight: normal !important;
    background-image: none;
    background-color: #384f6f;
}

#pagenavigation ul li a:hover, #pagenavigation ul li a:active {
    color: #2f2f2f;
    background-image: none !important;
    background-color: #6187af;
}

#pagenavigation .active {
    color: #2f2f2f;
    padding: 11px 20px;
    font-weight: normal !important;
    background-image: none;
    background-color: #92a9c8 !important;
}

#perfilnavegation {
    text-align: right;
}

#perfilnavegation ul li {
    border-left: none;
    background-color: #92a9c8 !important;
}

#perfilnavegation ul li a {
    color: #2f2f2f;
    background-color: #92a9c8 !important;
    background-image: none;
    margin: 0 !important;
    padding: 11px 20px;
    border: none;
    text-decoration: none;
    font-weight: normal !important;
}

#perfilnavegation ul li a:hover, #perfilnavegation ul li a:active {
    color: #fff;
    background-color: #384f6f !important;
    background-image: none !important;
}

li.homepage a {
    color: #2f2f2f !important;
    background-color: #92a9c8 !important;
    background-image: none !important;
    padding-left: 16px !important;
    padding-bottom: 11px !important;
}

/* just for chrome*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .homepage a, .homepage a {
        padding-bottom: 12px !important;
    }
}

.homepage a:hover {
    color: #fff;
    background-color: #92a9c8 !important;
    background-image: none !important;
}

li.nolink a {
    color: #92a9c8 !important;
    padding-left: 0px !important;
    padding-right: 11px !important;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .nolink a, .nolink a {
        padding-right: 10px !important;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .nolink a:hover, .nolink a:hover {
        padding-right: 10px !important;
    }
}

.nolink a:hover {
    color: #92a9c8 !important;
    padding-left: 0px !important;
    padding-right: 11px !important;
}

#left {
    font-family: "proxima_nova_rgregular";
    border-top: none;
    margin-left: 21px;
    width: 60px !important;
    background-color: transparent;
}

/* just for chrome*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #left, #left {
        width: 81px;
    }
}

/* just for IE*/
.ie10 #left {
    width: 81px !important;
}

#left a {
    border: none;
}

#left ul {
    margin-top: 19px;
    margin-left: 3px;
    margin-right: 3px !important;
}

#left li {
    padding-top: 20px;
}

#right {
    display: block;
    float: right;
    width: 250px;
    border: none;
    padding-top: 30px;
    margin-bottom: 20px;
    background-color: #fff;
}

#right h2 {
    height: 35px;
    line-height: 35px;
    color: #262624;
    font-size: 140%;
    font-family: proxima_nova_rgregular !important;
}

.openleftarea {
    background-color: transparent !important;
    background-image: url("../img/icon_right.png") !important;
}

.openrightarea {
    background-color: transparent !important;
    background-image: url("../img/icon_left.png") !important;
}

.closeleftarea {
    background-color: transparent !important;
    background-image: url("../img/icon_left.png");
}

.closerightarea {
    background-color: transparent !important;
    background-image: url("../img/icon_right.png");
    border-bottom: none;
}

.openrightarea a, .closerightarea a, .openleftarea a, .closeleftarea a {
    color: #2f2f2f;
    font-size: 110% !important;
    font-weight: bold !important;
}

.openrightarea a:hover, .closerightarea a:hover, .openleftarea a:hover, .closeleftarea a:hover {
    color: #92a9c8;
}

/* MOBILIDADEnet */
/*myM - STUDENTS*/
/*EXTTAB*/
.tabcontent {
    margin: 10px;
}

.tabcontent h3 {
    padding-top: 10px !important;
}

.tabcontent dt {
    float: left;
    width: 165px;
    line-height: 20px;
}

.tabcontent dd {
    font-size: 120%;
    line-height: 20px;
}

/*PERFILBOX*/
.perfilbox {
    padding: 10px;
    background-color: #f4af82 !important;
}

.displaytable {
    display: table !important;
}

/*CONTACTBOX*/
.contactbox {
    height: 60px;
    padding: 10px 0 10px 10px;
    margin-bottom: 10px;
    background: url(../img/contactbox.png) left center no-repeat;
}

.contactbox span {
    line-height: 60px;
}

.contactbox img {
    padding-left: 5px;
    padding-left: 0px \9;
    vertical-align: middle;
}

.contactbox a:hover {
    color: #fff !important;
}

/* just for IE*/
.ie10 .contactbox img {
    padding-left: 0px;
}

/* just for chrome*/
/*@media screen and (-webkit-min-device-pixel-ratio:0) { .contactbox, .contactbox{letter-spacing: -1px; } }*/
/*ALERTS&MESSAGES*/
.homealerts {
    width: 49%;
    height: 170px;
    display: inline-block;
    vertical-align: top;
}

.homealerts fieldset {
    border: 1px dotted #000;
    padding: 5px !important;
    height: 170px;
}

.homealerts legend {
    vertical-align: middle;
    color: #212121;
    font: 130% proxima_nova_rgregular;
    text-transform: uppercase;
    border-bottom: none !important;
    background-color: #fff;
}

.homealerts fieldset legend img {
    vertical-align: middle;
}

.homealerts ul {
    margin-left: 10px;
}

.homealerts p {
    display: inline-block;
}

.homemessages {
    width: 48%;
    height: 170px;
    display: inline-block;
    padding-left: 10px;
    vertical-align: top;
}

.homemessages fieldset {
    border: 1px dotted #000;
    padding: 5px !important;
    height: 170px;
}

.homemessages legend {
    vertical-align: middle;
    color: #212121;
    font: 130% balkenobalkeno;
    border-bottom: none !important;
    background-color: #fff;
}

.homemessages fieldset legend img {
    vertical-align: middle;
    margin-right: 5px;
}

.homemessages ul {
    margin-left: 10px;
}

.homemessages p {
    text-align: center;
    font-size: 130%;
}

.alertmessagelink {
    display: block;
    text-align: right !important;
    margin-right: 10px;
}

/*fimALERTS&MESSAGES*/
.state {
    border-top: 2px dotted #000;
    border-bottom: 2px dotted #000;
    margin-bottom: 0px !important;
    vertical-align: top !important;
    width: auto;
}

.infocomfoto .state {
    border-top: 1px dotted #000;
    border-bottom: 1px dotted #000;
    margin-bottom: 0px !important;
    margin-left: 95px;
    vertical-align: top !important;
    width: auto;
}

.infosemfoto .state {
    border-top: 1px dotted #000;
    border-bottom: 1px dotted #000;
    margin-bottom: 5px !important;
    vertical-align: top !important;
}

.infocomfoto .stateinfo {
    background-color: #efefef;
    margin-bottom: 0px !important;
    margin-left: 95px;
    vertical-align: top !important;
    width: auto;
}

.stateinfo {
    margin-bottom: 0px !important;
    line-height: 30px;
    width: auto;
    background-color: #efefef;
}

div.stateinfo .statebox {
    border-top: none !important;
    border-bottom: none !important;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: transparent !important;
    width: auto !important;
}

div.state .tablelayoutform td label {
    color: #fff;
}

div.state .x-form-trigger-input-cell .x-form-text {
    border: none !important;
}

.infocomfoto .stateimg {
    display: inline;
    clear: both;
    float: left;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: white;
}

div.state input, div.state input[type="text"], div.state input[type="file"], div.state select, div.state .x-border-box .x-form-text, div.state .x-form-field {
    color: #384f6f !important;
    font-size: 170% !important;
    height: 33px !important;
    width: 130px !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

div.state .x-form-trigger {
    background-image: url("../img/trigger.png");
    background-position: 0 0;
    border-bottom: none !important;
    height: 31px;
    width: 34px;
}

.statebox {
    display: inline-block;
    width: auto;
    color: #fff;
    font-size: 120%;
    text-align: center;
    padding: 4px 10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-color: #000 !important;
}

.stateforapproval {
    display: inline-block;
    margin-left: 0px;
    font-size: 150%;
    padding: 0;
    vertical-align: middle;
}

.wrapcontent {
    width: 100%;
    border: none;
}

.youhere {
    /*background-image: url(../img/icon_here.png) !important;
    background-repeat: no-repeat;
    background-position: 3px 10px;*/
}

p.privatehome {
    font-family: proxima_novalight !important;
    font-size: 200% !important;
    margin-top: 10px;;
    margin-bottom: 0 !important;
    color: #eb701c !important;
}

.wrapcontent h5 {
    font-family: proxima_novalight !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-left: 40px !important;
    color: #212121 !important;
}

.edit {
    background: url("../img/formedit.png") no-repeat 10px !important;
}

.height10 {
    height: 10px !important;
}

.height20 {
    height: 20px !important;
}

.height50 {
    height: 50px !important;
}

.font300 {
    font-size: 300% !important;
}

.process {
    float: right;
    width: 355px;
}

.blackbackg {
    color: #fff !important;
    background-color: #000 !important;
}

.processlink {
    width: 184px;
    float: right;
    line-height: 30px;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 120%;
    border-right: 1px solid #fff;
    background-color: #d2dbe5;
}

.processlink a {
    color: #eb701c !important;
    border: none;
}

.processlink a:hover {
    color: #212121 !important;
}

.processaction {
    border-top: 2px dotted #000;
    border-bottom: 2px dotted #000;
}

.processstate {
    float: right;
    width: auto;
    min-width: 200px;
    line-height: 30px;
    color: #212121;
    text-indent: 10px;
    font-size: 110%;
    border-right: 1px solid #fff;
    background-color: #f2f2f2;
    padding-left: 10px;
    padding-right: 10px;
}

.processstate img {
    vertical-align: middle;
}

/*LEARNINGAGREEMENT*/
.gridtwotitles {
    background-color: #dde4ec;
    text-align: center;
}

.gridtwotitles h5 {
    width: 45%;
    color: #2f2f2f;
    display: inline-block;
    text-align: center;
    font-family: proxima_nova_rgregular !important;
    font-size: 160% !important;
    line-height: 18px !important;
}

.lineheight30 {
    line-height: 30px !important;
}

/*fimLEARNINGAGREEMENT*/
/*fimmyM - STUDENTS*/
/*myM - SERVICES*/
/*PERFILBOX*/
.backgperfilbox {
    font-size: 125%;
    background-color: #92a9c8 !important;
}

/*CONTACTBOX*/
.backgcontactbox {
    background: url(../img/contactboxservices.png) left center no-repeat !important;
}

/*HOMESTATISTICS*/
.homestats fieldset {
    padding: 5px !important;
    border: 1px solid #6187af;
}

.homestats fieldset legend {
    color: #2f2f2f;
    width: 180px;
    font-size: 140%;
    font-weight: normal;
    text-indent: 10px;
    line-height: 35px;
    height: 50px;
    vertical-align: middle;
    border-bottom: none !important;
    background: url(../img/backg_homestats.png) left center no-repeat;
}

.homestats dl {
    width: 100%;
    overflow: hidden;
}

.homestats dt {
    float: left;
    width: 75%;
    font-size: 120%;
}

.homestats dd {
    float: left;
    font-size: 130%;
}

.bordertop {
    border-top: 1px dotted #6187af !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;
    background: none !important;
}

.legend {
    width: auto !important;
    background-image: none !important;
    background-color: #fff !important;
}

/*fimHOMESTATISTICS*/
/*fimmyM - SERVICES*/
/*endmyM*/
/*INBOX*/
.inbox ul {
    margin: 20px 10px;
}

.inbox ul li {
    padding-bottom: 10px;
    padding-left: 25px;
}

.inbox ul li a {
    border: none;
}

.inbox ul li a:hover {
    color: #6187af !important;
}

.inboxmessages {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url(../img/icon_messages.png);
}

.inboxunread {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url(../img/icon_unread.png);
}

.inboxsent {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url(../img/icon_forward.png);
}

.inboxdeleted {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url(../img/icon_deleted.png);
}

/*fimINBOX*/
/***HEADER | alertsEWP***/
.box.h2menuewpalertsbackg h2 {
    padding-left: 45px !important;
    background-color: #a12024 !important;
    background-position: 5% 50% !important;
    background-repeat: no-repeat !important;
    background-image: url(../img/icon_ewpheaderalerts.png) !important;
}

/**/

.h2menumobilidadebackg h2 {
    background-color: #384f6f !important;
}

.h2menuoutbackg h2 {
    background-color: #74a01c !important;
}

.h2menuinbackg h2 {
    background-color: #2b88aa !important;
}

.h2menumybackg h2 {
    background-color: #eb701c !important;
}

.h2menuout {
    color: #b4e980 !important;
    font-size: 150% !important;
}

.h2menuin {
    color: #81c5df !important;
    font-size: 150% !important;
}

#right h3 {
    height: 25px;
    line-height: 35px;
    color: #262624 !important;
    font-size: 120%;
    font-family: proxima_nova_rgregular;
    font-weight: normal;
}

#right h4 {
    height: 35px;
    line-height: 45px;
    padding-top: 10px;
    color: #262624 !important;
    font-size: 130%;
    font-family: proxima_nova_rgregular;
    font-weight: normal;
}

/* endMOBILIDADEnet */
#right a {
    color: #343432;
    font-weight: normal !important;
    font-size: 110%;
    border: none;
}

#right ul li a {
    color: #343432;
}

.box {
    border: none;
    padding-bottom: 4px;
    background-color: #d2dbe5;
}

.box h2 {
    color: #fff !important;
    height: 25px;
    line-height: 25px;
    border-bottom: none !important;
    padding-top: 0 !important;
    background-color: #384f6f;
    background-image: none !important;
}

.box p, .box label, .mainmenu p {
    color: #2f2f2f;
}

.box a {
    color: #343432 !important;
    border-bottom-color: #666 !important;
}

.box a:hover {
    color: #666 !important;
}

.box ul, .box dl {
    list-style: none;
    margin: 10px;
}

.box ul li {
    overflow: auto;
    display: block;
    padding: 0px;
    border: none;
    background-image: none;
}

#content {
    padding-top: 0;
    border: none !important;
    background-color: #fff;
}

#contentonecolumn, #contenttwocolumns {
    /*margin-left: 90px;*/
    border-top: none;
    padding-top: 30px;
    background-color: #fff;
}

#contentonecolumn {
    margin-top: 0;
    margin-right: 30px;
    border-left: 10px solid #fff !important;
    border-right: 10px solid #fff;
}

#contenttwocolumns {
    padding-left: 20px;
    padding-right: 20px;
}

#contentonecolumn h2, #contenttwocolumns h2 {
    color: #2d4868;
    height: 40px;
    line-height: 40px;
    font-family: proxima_nova_rgregular;
    font-size: 350% !important;
    border-bottom: none !important;
    background: none;
    padding-left: 0;
    margin-bottom: 20px !important;
}

#contentonecolumn h3, #contenttwocolumns h3 {
    color: #2f2f2f;
    font-family: proxima_nova_rgregular;
    font-size: 220%;
    font-weight: normal !important;
    border-bottom: none !important;
    margin-bottom: 10px;
    padding-top: 50px;
    padding-left: 0px;
}

#contentonecolumn h4, #contenttwocolumns h4 {
    color: #6187af;
    font: 150% proxima_nova_rgregular;
    border-bottom: none !important;
    margin-bottom: 25px !important;
    padding-top: 10px !important;
    padding-left: 0px;
}

#contentonecolumn h5, #contenttwocolumns h5 {
    color: #212121;
    font: 130% proxima_nova_rgregular;
    border-bottom: none !important;
    margin-bottom: 10px !important;
    padding-top: 10px !important;
    padding-left: 0px;
}

/* MOBILIDADEnet */
.outhomebutton {
    margin-left: auto;
    margin-right: auto;
    display: inline;
    float: left;
}

.outhomebutton a {
    border: none;
}

.outhomebutton a:hover {
    opacity: 0.8;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.inhomebutton {
    margin-left: auto;
    margin-right: auto;
    display: inline;
}

.inhomebutton a {
    border: none;
}

.inhomebutton a:hover {
    opacity: 0.8;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.boxonesize {
}

.boxone {
    border-right: 5px solid #fff;
    min-height: 240px;
}

.boxone h3 {
    line-height: 42px !important;
    color: #fff !important;
    font-family: proxima_nova_rgregular;
    font-size: 150% !important;
    font-weight: normal !important;
    padding-top: 0 !important;
    padding-left: 40px !important;
    margin-bottom: 0px !important;
    background-color: #6187af;
    background-image: url(../img/h3calendariohome.png) !important;
    background-repeat: no-repeat;
    background-position: 10px 5px;
}

.calendariodia {
    padding: 2px 4px;
    color: #fff;
    background-color: #2f2f2f;
}

.boxtwo {
    vertical-align: top;
    display: inline-block;
}

.boxtwo li {
    margin-bottom: 5px;
}

.boxtwo h3 {
    line-height: 42px !important;
    color: #fff !important;
    font-family: proxima_nova_rgregular;
    font-size: 150% !important;
    font-weight: normal !important;
    padding-top: 0 !important;
    padding-left: 45px !important;
    background-color: #2d4868;
    background-image: url(../img/h3linkshome.png) !important;
    background-repeat: no-repeat;
    background-position: 10px 5px;
}

.boxthree {
    background-color: #b9c6d7;
    display: inline-block;
}

.boxthree h3 {
    line-height: 42px !important;
    color: #fff !important;
    font-family: proxima_nova_rgregular;
    font-size: 150% !important;
    font-weight: normal !important;
    padding-top: 0 !important;
    padding-left: 35px !important;
    background-color: #92a9c8;
    background-image: url(../img/h3infoshome.png) !important;
    background-repeat: no-repeat;
    background-position: 10px 5px;
}

.boxthree p {
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 25px;
    padding-top: 4px;
    font-size: 90%;
    background-image: url(../img/icon-rss.png) !important;
    background-repeat: no-repeat;
    background-position: 8px 6px;
}

.boxthree p:hover {
    background-color: #6187af;
    color: white;
}

.searchboxout {
    width: 100%;
    font: 130% proxima_nova_rgregular;
    text-indent: 100px;
    margin-top: 50px !important;
    padding: 25px 0px 25px 0;
    background-image: url(../img/out_searchbackg.png) !important;
    background-repeat: no-repeat;
    background-position: left;
}

.searchboxin {
    width: 100%;
    font: 130% proxima_nova_rgregular;
    text-indent: 100px;
    margin-top: 50px !important;
    padding: 25px 0px 25px 0;
    background-image: url(../img/in_searchbackg.png) !important;
    background-repeat: no-repeat;
    background-position: left;
}

.searchform {
    margin-left: 50px;
}

.searchform input, .searchform input[type="text"], .searchform select, .searchform .x-border-box .searchform .x-form-text, .searchform .x-form-field {
    font: 90% proxima_nova_rgregular;
    color: #999;
    display: block;
}

.searchform input[type="submit"], .searchform input[type="reset"], .searchform input[type="button"] {
    font: 120% proxima_nova_rgregular !important;
    color: #fff !important;
    padding: 5px 10px;
}

.borderTopDotted {
    border-top: 2px dotted #000;
    border-right: none;
    border-left: none;
    border-bottom: none;
    margin-top: 40px;
}

.outborderTopDotted {
    border-top: 2px dotted #76aa00;
    border-right: none;
    border-left: none;
    border-bottom: none;
    margin-top: 40px;
}

.inborderTopDotted {
    border-top: 2px dotted #2b87aa;
    border-right: none;
    border-left: none;
    border-bottom: none;
    margin-top: 20px;
}

.anexos {
    background-image: url(../img/icon_anexos.png) !important;
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 18px;
}

.outbackg {
    background-color: #76aa00 !important;
}

.outbackgbuttons input[type="submit"] {
    background-color: #76aa00 !important;
}

.inbackg {
    background-color: #2b88aa !important;
}

.backgmenuout {
    background-color: #b5e981 !important;
}

.backgmenuin {
    background-color: #82c6df !important;
}

ul.paragraphbullets {
    margin-top: 20px !important;
    margin-left: 30px !important;
    list-style-type: none;
}

ul.paragraphbullets li {
    background-image: url(../img/bullet.png) !important;
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 14px;
}

/*CSS tooltip - NOVO*/
a.tooltip {
    outline: none;
}

a.tooltip strong {
    line-height: 30px;
}

a.tooltip:hover {
    text-decoration: none;
}

a.tooltip span {
    z-index: 10;
    display: none;
    padding: 14px 20px;
    margin-top: -30px;
    margin-left: 28px;
    width: 240px;
    line-height: 16px;
}

a.tooltip:hover span {
    display: inline;
    position: absolute;
    color: #111;
    border: 1px solid #dca;
    background: #fffaf0;
}

.callout {
    z-index: 20;
    position: absolute;
    top: 30px;
    border: 0;
    left: -12px;
}

/*CSS3 extras*/
a.tooltip span {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 5px 5px 8px #ccc;
    -webkit-box-shadow: 5px 5px 8px #ccc;
    box-shadow: 5px 5px 8px #ccc;
}

/*endCSS tooltip - NOVO*/
.lineheight {
    line-height: 50px;
}

.ulinline ul {
    display: inline-block;
    margin-right: 30px;
    vertical-align: top;
}

.dddtinline dt {
    width: 160px;
    clear: left;
    float: left;
}

.dddtinline dd {
    width: 70%;
    vertical-align: top;
    float: left;
    margin-bottom: 20px;
}

.width44 {
    width: 44% !important;
}

.fontfamily {
    font-family: proxima_nova_rgregular !important;
}

/* endMOBILIDADEnet */
#infodetails {
    border: 1px dashed #002e47 !important;
    background-color: #b0b0b0;
    height: 1%;
    margin-top: 23px;
    font-size: 120%;
    font-family: proxima_nova_rgregular !important;
}

#infodetailsicon p {
    color: #002e47 !important;
    margin-right: 10px;
}

#infodetails .separation {
    display: none;
}

#infodetailsicon, #infodetailsinfo {
    display: inline;
    line-height: 33px;
    line-height: 31px \9;
}

#infodetailsicon {
    float: left;
}

/* just for chrome*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #infodetailsicon, #infodetailsinfo {
        line-height: 31px;
    }
}

#infodetailsinfo li {
    margin-right: 15px;
}

#infodetailsinfo .mainlabel {
    color: #002e47 !important;
    font-size: 130% !important;
    font-weight: normal;
}

.x-border-box .x-form-trigger {
    height: 23px;
}

/*****FOOTER*****/
div.bottomclose {
    border-top: 2px solid #333;
    background-color: #353c40;
}

div.bottomclose a {
    color: white;
}

div#footer .actions a {
    color: #2f2f2f !important;
}

div.bottom {
    color: #fff;
    background-color: #2f2f2f;
}

#subfooter {
    color: #fff;
    background-color: #92a9c8;
}

#subfooter a {
    color: #fff !important;
    border-bottom: none;
}

#subfooter a:hover {
    border-bottom: none !important;
    color: #2f2f2f !important;
}

div.subfootermenu h2 {
    font-family: proxima_nova_rgregular;
    color: #2f2f2f;
}

div.subfootermenu ul {
    border-right: 1px solid #97b9ba;
}

#technical {
    padding-right: 135px !important;
}

/*****endFOOTER*****/
.actions {
    margin-bottom: 1px;
    font-size: 100%;
}

.actions a {
    color: #002e47;
}

.actions ul li input {
    color: #002e47 !important;
    padding-left: 0;
}

.actions .search {
    background-image: url("../img/icon_search_s.png");
}

.actions .email {
    background-image: url("../img/icon_send_s.png");
}

.actions .save {
    background-image: url("../img/icon_save_s.png");
}

.actions .print {
    background-image: url("../img/icon_print_s.png");
}

.actions .help {
    background-image: url("../img/icon_help_s.png");
}

.actions .previous {
    background-image: url("../img/icon_previous_s.png");
}

.actions .next {
    background-image: url("../img/icon_next_s.png");
}

.actions .cancel {
    background-image: url("../img/icon_cancel_s.png");
}

.actions .submit {
    background-image: url("../img/icon_submit_s.png");
}

.actions .delete {
    background-image: url("../img/icon_delete_s.png");
}

.actions .edit {
    background-image: url("../img/icon_edit_s.png");
}

.actions .editdata {
    background-image: url("../img/icon_editdata_s.png");
}

.actions .add {
    background-image: url("../img/icon_add_s.png");
}

.actions .info {
    background-image: url("../img/icon_info_s.png");
}

.actions .clear {
    background-image: url("../img/icon_clear_s.png");
}

.actions .yes {
    background-image: url("../img/icon_yes_s.png");
}

.actions .no {
    background-image: url("../img/icon_no_s.png");
}

.actions .back {
    background-image: url("../img/icon_back_s.png");
}

.actions .start {
    background-image: url("../img/icon_start_s.png");
}

.actions .exit {
    background-image: url("../img/icon_exit_s.png");
}

.actions .expand {
    background-image: url("../img/icon_expand_s.png");
}

.actions .customize {
    background-image: url("../img/icon_customize_s.png");
}

.actions .close {
    background-image: url("../img/icon_close_s.png");
}

.actions .loaditem {
    background-image: url("../img/icon_loaditem_s.png");
}

.actions .additem {
    background-image: url("../img/icon_additem_s.png");
}

.actions .copy {
    background-image: url("../img/icon_copy_s.png");
}

.actions .publish {
    background-image: url("../img/icon_publish_s.png");
}

.actions .preview {
    background-image: url("../img/icon_preview_s.png");
}

.actions .normallink, .simplelink {
    background-image: url("../img/arrow.png");
}

.actions .top {
    padding-top: 5px;
    padding-left: 50px;
    border: none !important;
    background-image: url("../img/icon_top.png");
}

.actionsbuttons {
    text-align: left;
    height: 45px !important;
    margin-top: 15px;
    margin-bottom: 10px;
    color: #fff !important;
}

.actionsbuttons ul {
    margin: 5px 0 0 10px;
}

.actionsbuttons ul li {
    font-size: 120%;
    list-style: none;
    display: inline;
    padding: 10px;
    background-color: #2d4868 !important;
    background-image: none !important;
    border: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    color: #fff !important;
}

.actionsbuttons li input {
    padding: 0 !important;
    font-size: 120% !important;
    font-weight: normal !important;
    color: #fff !important;
}

.actionsbuttons li input, .actionsbuttons li input .submit {
    color: #fff !important;
    background: none !important;
}

.actionsbuttons a {
    font-size: 120%;
    color: #fff !important;
    padding: 5px !important;
    text-decoration: none;
    font-weight: normal;
    border: none;
    background: none !important;
}

.actionsbuttons .submit {
    background-image: url("../img/light/icon_submit.png");
}

/***EWP***/
.actionsbuttons li.active {
    color: #38415b !important;
    padding-left: 40px !important;
    border: 1px solid #38415b !important;
    background-color: #fff !important;
    background-repeat: no-repeat !important;
    background-position: 5% 50% !important;
    background-image: url("../img/icon_ewpbutton.png") !important;
}

.actionsbuttons li.active:hover {
    background-color: #fff !important;
}

.actionsbuttons li.active a, .actionsbuttons li.active input[type=submit] {
    color: #38415b !important;
}

.actionsbuttons li.active a:hover, .actionsbuttons li.active input[type=submit]:hover {
    color: #a12024 !important;
    background-color: #fff !important;
}

.icon_ewptablebutton {
    background-image: url("../img/icon_ewpmenulateral.png") !important;
}

.ewptablebutton {
    background-color: #fff !important;
    border: 1px solid #38415b !important;
}

.ewptablebutton button span {
    color: #38415b !important;
}

.ewptablebutton button span:hover {
    color: #a12024 !important;
}

.icon_ewp {
    background-color: transparent !important;
    background-image: url(../img/icon_ewp.png) !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0% 50%;
    padding-left: 35px !important;
}

.icon_title_ewp {
    background-color: transparent !important;
    background-image: url(../img/icon_ewp.png) !important;
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 0% 50%;
    padding-left: 25px !important;
}

/**/

.actionsbuttons a:hover {
    color: #fff !important;
    background-color: #6187af !important;
}

.borderTopWhite {
    border-top: 2px solid #d5d5d5 !important;
}

.searchbox {
    background-color: #dde4ec;
}

.warningpages {
    margin: 10px 0 0 0;
}

.warningpages h4 {
    color: #6187af !important;
}

.pagination {
    color: #333;
    border-color: #666;
    background-color: #d5d5d5;
}

/*****EXT*****/
/*****POPUPIMPERSONATE*****/
#myMobilityStudentHomePanel .x-panel-body-default {
    border-color: #fff !important;
}

#myMobilityStudentHomePanel .statebox {
    width: 150px;
}

/*****fimPOPUPIMPERSONATE*****/
.x-tab-strip a {
    border-bottom: none !important;
}

.x-tree-node a, .x-dd-drag-ghost a {
    border-bottom: none !important;
}

.x-panel-header-default {
    background-color: #dde4ec !important;
    background-image: none !important;
    border-color: none !important;
    border-style: none !important;
    border-width: 0 !important;
    box-shadow: none !important;
}

.x-panel-header-text-default {
    color: #2f2f2f;
    font-family: proxima_nova_rgregular;
    font-size: 180%;
    font-weight: normal;
    line-height: 23px;
}

div.box .x-panel-body {
    font-size: 110%;
}

div.box .x-panel-header-text-default {
    font-size: 150%;
}

div.box .x-datepicker {
    width: 208px !important;
}

.x-grid-cell a {
    color: #6187af !important;
    border: none;
}

.x-grid-cell a:hover {
    color: #212121 !important;
}

/* just for chrome*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    div.box .x-panel-header-text-default, div.box .x-panel-header-text-default {
        font-size: 145%;
    }
}

div.box .x-panel-header-default {
    background-color: #92a9c8 !important;
}

/*****fimEXT*****/
ul.submenunavbar li {
    padding-left: 0 !important;
    margin-left: 0px;
    padding-left: 30px !important;
}

/* MOBILIDADEnet */

/* endMOBILIDADEnet */
form {
    font-family: "proxima_nova_rgregular";
    font-size: 100%;
    clear: both;
}

label {
    color: #666;
    font-family: proxima_nova_rgregular;
    font-size: 130%;
    font-weight: normal;
}

fieldset {
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    margin: 0 !important;
}

input, select, textarea {
    border-color: #b5b8c8;
}

input, input[type="text"], input[type="password"], input[type="file"], select, .x-border-box .x-form-text {
    height: 23px;
    margin-bottom: 5px;
    /* REVER:ELZA:22/11/2021: START */
    /*padding: 0 10px 0 10px;*/
    /* REVER:ELZA:22/11/2021: END */
    font-size: 110%;
    font-family: proxima_nova_rgregular;
    color: #666;
}

.x-form-field:not(.x-form-radio, x-form-checkbox) {
    height: 23px;
    margin-bottom: 5px;
    padding: 0 10px 0 10px;
    font-size: 110%;
    font-family: proxima_nova_rgregular;
    color: #666;
}

input[type="submit"] {
    height: 30px;
    text-align: center;
    color: #fff !important;
    background-color: #2d4868;
    font-size: 120%;
    font-family: proxima_nova_rgregular;
}

input[type="file"] {
    border: 1px solid #b5b8c8 !important;
    border-radius: 5px 5px 5px 5px !important;
    padding: 1px 3px !important;
}

.tablelayoutform td label {
    color: #666;
    font-family: proxima_nova_rgregular;
    font-size: 130%;
    font-weight: normal;
}

/****HOMEADMIN*****/
#mainservices a, #allservices a {
    background-image: none;
}

.mainmenu {
    padding: 20px 0 20px 20px;
    min-height: 200px !important;
    min-width: 25%;
}

.mainmenu ul {
    background: none;
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
}

#allservices {
    border-top: none;
    width: 90%;
}

#allservices h4 {
    font-size: 120% !important;
}

/****fimHOMEADMIN*****/
/*****************************************TILThomepageLinks*************************************/
.tilt {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.tiltleft:hover {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

.tiltright:hover {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
}

/*LP-public navigation menu effects */
#navigationMenu li {
    height: 50px;
}

#navigationMenu span {
    /* Container properties */
    width: 0;
    top: 7px;
    left: 60px;
    height: 40px;
    padding: 0;
    position: absolute;
    overflow: hidden;
    /* Text properties */
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.6px;
    white-space: nowrap;
    line-height: 39px;
    /* CSS3 Transition: */ -webkit-transition: 0.25s;
    /* Future proofing (these do not work yet): */
    -moz-transition: 0.25s;
    transition: 0.25s;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

#navigationMenu a {
    display: block;
    position: relative;
}

/* General hover styles */
#navigationMenu a:hover span {
    width: auto;
    padding: 0 30px;
    overflow: visible;
    z-index: 10000;
}

#navigationMenu a:hover {
    text-decoration: none;
    width: 940px;
}

#navigationMenu .home span {
    background-color: #384f6f;
    color: white !important;
}

#navigationMenu .out span {
    background-color: #76aa00;
    color: white !important;
}

#navigationMenu .in span {
    background-color: #1e8bb4;
    color: white !important;
}

#navigationMenu .mymobility span {
    background-color: #eb701a;
    color: white !important;
}

/* Open state */
.photoMobility {
    max-height: 70px;
    width: auto;
    -webkit-box-shadow: 1px 1px 1px gray;
    box-shadow: 1px 1px 1px gray;
}

#pagenavigation ul li.homepage a, #pagenavigation ul li.homepage a:HOVER {
    color: #92a9c8 !important;
    cursor: default;
}

#navigationMenu li img {
    width: 60px;
    padding-left: 3px;
}

/*****************************************menuPublico*************************************/
#sidebar-menu {
    background: #92a9c8;
    width: 60px;
}

.registrationIncoming {
    width: 336px;
    height: 109px;
    background-image: url("../img/in_registobutton.png");
}

.registrationIncoming span {
    font-family: proxima_nova_rgregular;
    line-height: 30px !important;
}

.registrationIncoming p {
    color: #fff;
    padding-top: 20px;
    padding-right: 30px;
}

.registrationOutgoing {
    width: 336px;
    height: 109px;
    background-image: url("../img/out_registobutton.png");
}

.registrationOutgoing span {
    font-family: proxima_nova_rgregular;
    line-height: 30px !important;
}

.registrationOutgoing p {
    color: #fff;
    padding-top: 20px;
    padding-right: 30px;
}

/*protocols - instituionMap */
.institutionMapAccount {
    color: #2b87aa !important;
}

.institutionMapPartner {
    color: #76aa00 !important;
}

/*protocols - popupDetails */
.popupDetails h2 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: medium none !important;
    color: #2d4868;
    font-family: proxima_nova_rgregular;
    font-size: 220% !important;
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px !important;
    padding-left: 0;
}

.popupDetails h3 {
    border-bottom: medium none !important;
    color: #2f2f2f;
    font-family: proxima_nova_rgregular;
    font-size: 200%;
    font-weight: normal !important;
    margin-bottom: 0px;
    padding-left: 0;
    padding-top: 0px;
}

.popupDetails h4 {
    border-bottom: medium none !important;
    color: #6187af;
    font-family: proxima_nova_rgregular;
    padding-left: 0;
    padding-top: 0px !important;
}

.popupDetails p {
    font-size: 120%;
}

/******ERROR BOX*****/
h3.panelboxheader {
    padding-top: 0px !important;
    border-color: #ccc !important;
    padding-left: 10px !important;
    font-size: 120% !important;
    line-height: 25px !important;
}

.panel {
    border-color: #ccc;
}

/*****************************************leftNavbar*************************************/
/* main menu styles */
ul.nav {
    list-style: none;
    height: 230px;
    margin: 0 !important;
    padding: 0;
}

ul.nav p.text {
    color: #fff;
    font-size: 200%;
    position: relative;
    margin-top: 170px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    white-space: nowrap;
    z-index: 2000 !important;
    width: 50px;
}

ul.nav > li {
    float: left;
    height: 230px;
    width: 47px;
    position: relative;
    overflow: hidden;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    border-right: 1px solid #fff;
    -moz-box-shadow: 2px 2px 3px 3px #666;
    -webkit-box-shadow: 2px 2px 3px 3px #666;
    box-shadow: 2px 2px 3px 3px #666;
    z-index: 1000 !important;
}

* html ul.nav > li {
    width: auto;
}

ul.sub {
    list-style: none;
    height: 230px;
    width: 940px;
    background: #d2dbe5 url(../img/menumobilidade.png) no-repeat left;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0 !important;
    padding: 0;
    z-index: 1000 !important;
}

ul.sub li {
    float: left;
    border-left: 1px solid #fff;
}

ul.sub li:first-child {
    margin-left: 45px;
}

ul.sub li {
    display: block;
    width: 140px;
    height: 230px;
    float: left;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    color: #000;
}

ul.sub li b {
    color: #212121 !important;
    font-weight: 700;
    display: block;
    padding: 15px 10px 5px;
}

ul.sub li p {
    color: #92a9c8;
    font-size: 12px;
    display: block;
    margin: 0;
    padding: 0 10px;
}

ul.sub li p a {
    color: #145077 !important;
}

ul.sub li p a:hover {
    font-size: 13px;
    color: #000 !important;
}

ul.sub li a i {
    display: block;
    width: 64px;
    height: 64px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    opacity: 0.1;
    filter: alpha(opacity=10);
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
}

ul.nav > li:hover {
    width: 940px;
}

/**********studentPrivateHomepage//SOURCE:http://tympanus.net/codrops/2012/02/21/accordion-with-css3/************/
.ac-container {
    margin: 10px auto 30px auto;
    text-align: left;
}

.ac-container-main-border {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.ac-container p {
    font-family: proxima_novalight !important;
    font-size: 200% !important;
    margin-top: 10px;
    margin-bottom: 0 !important;
    color: #eb701c !important;
    padding: 10px;
    padding-left: 40px;
}

.ac-container label {
    margin-top: 4px;
    position: relative;
    z-index: 20;
    display: block;
    cursor: pointer;
    color: #777;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
    line-height: 30px;
}

.ac-container label:HOVER {
    color: #eb701c !important;
    background-color: #f2f2f2 !important;
}

.ac-container input + label {
    background: #f2f2f2 url(../img/icon_plus.png) 10px center no-repeat;
    background-size: 24px;
    -webkit-transition: color .2s ease-out, background 0.2s ease-in;
    -moz-transition: color .2s ease-out, background 0.2s ease-in;
    -o-transition: color .2s ease-out, background 0.2s ease-in;
    -ms-transition: color .2s ease-out, background 0.2s ease-in;
    transition: color .2s ease-out, background 0.2s ease-in;
}

.ac-container input:checked + label {
    background: #f2f2f2 url(../img/icon_minus.png) 10px center no-repeat;
    background-size: 24px;
    /*background-color: #f2f2f2 !important;*/
    -webkit-transition: color .2s ease-out, background 0.2s ease-in;
    -moz-transition: color .2s ease-out, background 0.2s ease-in;
    -o-transition: color .2s ease-out, background 0.2s ease-in;
    -ms-transition: color .2s ease-out, background 0.2s ease-in;
    transition: color .2s ease-out, background 0.2s ease-in;
    border-bottom: 1px dotted #ccc !important;
}

.ac-container-sub-menu input + label {
    background-size: 20px !important;
    background-color: #fff !important;
}

.ac-container-sub-menu input:checked + label {
    background-size: 20px !important;
    background-color: #fff !important;
}

.ac-container-sub-items {
    padding-left: 45px;
    font-size: 120%;
}

.ac-container input {
    display: none;
}

.ac-container article {
    background: rgba(255, 255, 255, 0.5);
    overflow: hidden;
    height: auto;
    max-height: 0px;
    position: relative;
    z-index: 10;
}

.ac-container article p {
    font-style: italic;
    color: #777;
    line-height: 23px;
    font-size: 14px;
    padding: 20px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
}

.ac-container input:checked ~ article {
    -webkit-transition: max-height 0.3s ease-in-out, box-shadow 0.5s linear;
    -moz-transition: max-height 0.3s ease-in-out, box-shadow 0.5s linear;
    -o-transition: max-height 0.3s ease-in-out, box-shadow 0.5s linear;
    -ms-transition: max-height 0.3s ease-in-out, box-shadow 0.5s linear;
    transition: max-height 0.3s ease-in-out, box-shadow 0.5s linear;
}

.ac-container input:checked ~ article.ac-auto {
    max-height: 1000px;
}

.createApplicationButton a {
    background-color: #eb711a;
    border: medium none;
    border-radius: 4px;
    color: #ffffff !important;
    font-size: 110%;
    height: 30px;
    line-height: 30px;
    padding: 5px 37px;
    text-decoration: none;
}

.createApplicationButton:hover a {
    color: black !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.createApplicationButton {
    text-align: center;
    width: 100%;
}

.authentication-tab-input input[type=button] {
    width: 0px !important;
    height: 36px !important;
}

.authentication-tab-input label {
    background-color: #d2dbe5;
    color: #6187af !important;
    font-size: 1.3em !important;
    margin: 30px 0 6px !important;
    border: none;
    width: 80px;
    padding: 30px 10px 30px 10px;
    line-height: 36px;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
}

.authentication-tab-input .x-form-cb-checked label {
    background-color: #6187af !important;
    color: #fff !important;
    transition: color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
    border-left: 3px solid black;
}

.authentication-tab-input .x-form-cb-checked label:hover {
    transition: color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
    color: #fff !important;
}

.authentication-tab-input label:hover {
    transition: color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
    border-left: 3px solid black;
    color: black !important;
}

.homemapout_pt {
    float: left;
    display: inline;
    width: 219px;
    height: 248px;
    background: url(../img/homemap_out.png) no-repeat;
}

.homemapout {
    float: left;
    display: inline;
    width: 219px;
    height: 248px;
    background: url(../img/homemap_out_en.png) no-repeat;
}

.homemapin_pt {
    float: right;
    display: inline;
    width: 219px;
    height: 248px;
    background: url(../img/homemap_in.png) no-repeat;
}

.homemapin {
    float: right;
    display: inline;
    width: 219px;
    height: 248px;
    background: url(../img/homemap_in_en.png) no-repeat;
}

.homemap {
    float: right;
    display: inline;
    width: 386px;
    height: 248px;
    background: url(../img/homemap.png) no-repeat;
}

.out_homebutton_pt {
    background: url(../img/out_homebutton.png) no-repeat;
    width: 395px;
    height: 190px;
    display: inherit;
}

.out_homebutton {
    background: url(../img/out_homebutton_en01.png) no-repeat;
    width: 395px;
    height: 190px;
    display: inherit;
}

.in_homebutton_pt {
    background: url(../img/in_homebutton.png) no-repeat;
    width: 395px;
    height: 190px;
    display: inline-block;
}

.in_homebutton {
    background: url(../img/in_homebutton_en01.png) no-repeat;
    width: 395px;
    height: 190px;
    display: inline-block;
}

/** [ HELP ] **/
.actions .help {
    background: url(../img/help.png) left no-repeat;
    padding-left: 32px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.fieldsetborder {
    padding-top: 0px !important;
    margin-bottom: 30px !important;
}

.downloadtemplate {
    background: url(../img/icon_download.png) left no-repeat;
    padding-left: 22px;
    padding-top: 6px;
    padding-bottom: 6px;
}

/** [ INFO ] **/
#pageinfo {
    margin: 10px !important;
}

#pageinfo h3 {
    padding-top: 0px !important;
    margin-top: 10px;
}

.inforigem {
    width: 45%;
    vertical-align: top;
    display: inline-block;
    margin-right: 50px;
}

.inforigem dt, .infodestino dt {
    font-size: 130%;
    font-weight: bold;
    width: auto;
}

.inforigem dd, .infodestino dd {
    font-size: 130%;
}

.infodestino {
    width: 45%;
    vertical-align: top;
    display: inline-block;
}

.infocomfoto .stateimg {
    border: 1px solid #cccccc;
    display: inline-block;
    padding: 10px;
}

.infocomfoto #pageinfo {
    margin-left: 100px !important;
}

.fieldsetmob fieldset {
    padding: 0 15px 15px 15px !important
}

.outleftimg {
    background: url("../img/out_left.png") no-repeat;
    background-size: 60px 56px;
    background-position: right;
    height: 60px;
    width: 63px;
}

.outleftimg_on {
    background: url("../img/out_left_on.png") no-repeat;
    background-size: 60px 56px;
    background-position: right;
    height: 60px;
    width: 63px;
}

.inleftimg {
    background: url("../img/in_left.png") no-repeat;
    background-size: 60px 56px;
    background-position: right;
    height: 60px;
    width: 63px;
}

.inleftimg_on {
    background: url("../img/in_left_on.png") no-repeat;
    background-size: 60px 56px;
    background-position: right;
    height: 60px;
    width: 63px;
}

.myleftimg {
    background: url("../img/my_left.png") no-repeat;
    background-size: 60px 56px;
    background-position: right;
    height: 60px;
    width: 63px;
}

.myleftimg_on {
    background: url("../img/my_left_on.png") no-repeat;
    background-size: 60px 56px;
    background-position: right;
    height: 60px;
    width: 63px;
}

.mygesleftimg {
    background: url("../img/myges_left.png") no-repeat;
    background-size: 60px 56px;
    background-position: right;
    height: 60px;
    width: 63px;
}

.mygesleftimg_on {
    background: url("../img/myges_left_on.png") no-repeat;
    background-size: 60px 56px;
    background-position: right;
    height: 60px;
    width: 63px;
}

.publicmenu ul li {
    background: rgba(0, 0, 0, 0) url("../img/arrow.png") no-repeat scroll 1px 4px !important;
    padding-bottom: 10px;
    padding-left: 17px;
}

.publicoutinmenu .padding {
    padding-bottom: 0px !important;
    padding-left: 5px !important;
}

.publicoutinmenu ul li {
    background: rgba(0, 0, 0, 0) url("../img/arrow.png") no-repeat scroll 1px 4px;
    padding-bottom: 10px !important;
    padding-left: 17px !important;
}

.privatemenu ul li {
    background: rgba(0, 0, 0, 0) url("../img/arrow.png") no-repeat scroll 1px 4px;
    padding-left: 17px !important;
}

.box.h2menuewpalertsbackg.privatemenu ul li {
    background: rgba(0, 0, 0, 0) url("../img/icon_ewpmenulateral.png") no-repeat scroll 0% 50%;
    padding-left: 20px !important;
}


div#criterios h4 {
    margin-bottom: 0 !important;
}

/* Get em size for colums: 184/16 */
.responsivelist {
    -moz-column-width: 11.5em; /* Firefox */
    -webkit-column-width: 11.5em; /* webkit, Safari, Chrome */
    column-width: 11.5em;
}

/*remove standard list and bullet formatting from ul*/
.responsivelist ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/* correct webkit/chrome uneven margin on the first column*/
.responsivelist ul li:first-child {
    margin-top: 0px;
}

.centertwobuttons ul li.menuBOXbutton1 {
    background-color: #74a01c !important;
}

.centertwobuttons ul li.menuBOXbutton2 {
    background-color: #2b88aa !important;
}

.centertwobuttons ul li.menuBOXbutton1:hover {
    background-color: #999 !important;
}

.centertwobuttons ul li.menuBOXbutton2:hover {
    background-color: #999 !important;
}

@media (max-width: 950px) {
    #mobilityWorlMap {
        display: none;
    }
}

.withdrawapproved {
    background: url("../img/icon_mywithdrawwaiting.png") no-repeat scroll right center;
    background-image: url("../img/icon_mywithdrawapproved.png");
    background-repeat: no-repeat;
    padding-left: 30px; /* width of the image plus a little extra padding */
    display: block;
}

.withdrawwaiting {
    background: url("../img/icon_mywithdrawwaiting.png") no-repeat scroll right center;
}

.inputWidthTime {
    /* devido ao input{padding: 0 10px 0 10px;} */
    width: 110px !important;
}

.monospace {
    font-family: monospace;
}