@charset "UTF-8";
/*@import url("fonts.css");*/

/* RESET */

html, body, div, span, object, iframe,
h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1.2;
}

html, body {
    width: 100%;
    height: 100%;
}

body {
    font-family: 'Ubuntu Regular', 'Calibri', sans-serif;
    font-size: 13px;
    line-height: 1.5;
    background: #E7E7E7;
}

.carousel-caption .info {
    width: 50%;
    margin-top: -63%;
    margin-left: 80%;
}

.visible-4-cols {
    display: block;
}

.visible-2-cols {
    display: none;
}

.menu-container ul{
    list-style-type: none;
    padding-left: 0;
}
.content-container ul {
    padding-left: 50px;
}

.pointer {cursor: pointer;}
@media (max-width: 1200px) {
    .container {
        width: 100%;
    }
}
.header-container {
    color: #202D37;
}
.header-container a, .header-container a:hover, .header-container a:visited, .header-container a:link, .header-container a:active{
    font-weight: bold;
    cursor: pointer;
    color: #ABC434;
}
.header-container a:hover {
    color: #ABC434;
}
.header-container img {
    height: 60px;
}

.body-container {
    background-color: #FFFFFF;
    margin-top: 20px;
    padding: 20px;
    color: #202D37;
    display: table;
    min-height: 420px;
}

h1 {
    margin-top: 0!important;
    font-family: 'Ubuntu Regular', 'Calibri', sans-serif;
}
.banner h1 {
	margin-top: 20px!important;
}

h5 {
    margin: 0;
    font-weight: bold;
}

.left { text-align: left;}
.right { text-align: right;}
.centered {text-align: center;}
.clear { clear: both;}
.no-padding {padding: 0!important;}
.margin-top-30 {margin-top: 30px;}
.margin-bottom-30 {margin-bottom: 30px;}
.margin-bottom-15 {margin-bottom: 15px;}
.margin-bottom-3 {margin-bottom: 3px;}
.padding-20 {padding: 20px;}
.separator {
    margin-top: 30px;
    margin-bottom: 30px;
    min-height: 90px;
    clear: both;
}
.searchBox input { border:none; outline:none; width:154px; height:35px; background:#FFFFFF url(../img/search-icon.png) no-repeat top right; margin:0; padding:0 10px 0 10px; color:#b7b7b7; line-height:35px; float:right; }
.searchBox input:focus { color:#333; }

/*News sider*/
.news-container {
    background: #46525F;
    padding-left: 2px;
    padding-right: 0;
    display: table-cell;
    float: none;
    vertical-align: top;
    border-top-left-radius: 25px;
}

.news-intro {
    height: 85px;
}
.news-item {
    height: 100px;
    background-color: #636C73;
    margin-top: 5px;
    color: white;
    text-align: justify;
    padding: 15px;
}

.news-container h4 {
    margin: 0;
}
/*EOF News side*/

/* SIDE MENU*/
ul#menu {
    padding: 20px;
}
.menu-container {
    background: #E7E7E7;
    background-size: cover;
    border-top-left-radius: 25px;
    height: 100%;
    color: #202D37;
    font-weight: bold;
    font-size: 16px;
    display: table-cell;
    float: none;
    position: relative;
    /*margin: 0 auto -155px;*/
    /*position: relative;
    vertical-align: top;*/
}
li.menu-item {
    line-height: 1;
    padding-bottom: 10px;
}

li.menu-item a:hover, li.menu-item .active {
    color: #ABC434;
    cursor: pointer;
}
li.menu-item:hover > ul {
    /*display:block;*/
}
.sub-menu {
    padding-left: 30px!important;
    color: #202D37;
    display: none;
}
li.level2 {
    padding-top: 10px;
}
li.level2:hover {
    color: #ABC434;
    cursor: pointer;
}
a, a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
}
.menu-container a, .menu-container a:hover, .menu-container a:visited, .menu-container a:link, .menu-container a:active{
    color: #202D37;
}
/*EOF SIDE MENU*/

/*Content homepage*/
.content-banner {
    width: 100%;
    height: 300px;
    background: url("../img/header.png") no-repeat;
    /*margin-bottom: 30px;*/
}

.square {
    width: 235px;
    height: 190px;
    margin-right: 15px;
    padding: 20px;
    margin: auto;
}
.square-purple {background-color: #9B226D; color: white; margin-bottom: 15px; height: 100px!important;}
.square-green {background-color: #01777D; color: white; margin-bottom: 15px; height: 100px!important;}
.square-grey {background-color: #E7E7E7; padding: 5px; }

/*EOF Content homepage*/

/*Content interior - Cursos*/
.div-formation-more {
    width: 210px;
    height: 550px;
    color: white;
    position: relative;
}
.div-btn-formation-more {
    position: absolute;
    bottom: 0;
    padding-left: 45px;
}

.div-formation-more.orange {background-color: #EB6125; }
.div-formation-more.blue {background-color: #4F90CC;}
.div-formation-more.yellow {background-color: #FEC90D}

a.btn-formation-more {
    padding: 5px;
    color: white;
    cursor: pointer;
    width: 90px;
    height: 25px;
    line-height: 15px;
    display: block;
    background-color: #FFFFFF;
    margin: 0 auto;
}
.btn-formation-more.orange {color: #EB6125;}
.btn-formation-more.blue {color: #4F90CC;}
.btn-formation-more.yellow {color: #FEC90D;}
.btn-formation-more:hover {font-weight: bold}

.banner-formacao-geral {
    background-color: #F16122;
    color: white;
}
.banner-formacao-chefias-quadros {
    background-color: #4F90CC;
    color: white;
}
.banner-formacao-operacional {
    background-color: #FFCA05;
    color: white;
}

.banner-formacao-security {
    background-color: #962674;
    color: white;
}

ul.lista {
    padding-left: 0;
}
.listaAreas {
    list-style-type: none;
    margin-bottom: 10px;
    overflow: hidden;
}

.listaAreas > div {
    padding-left: 10px;
    padding-top: 2px;
    cursor: pointer;
    height: 40px;
    color: white;
    background-color: #7D8EA5;
}
.area.area-geral:hover, .area.area-geral.area-hovered {
    background-color: #EB3B11;
}
.area.area-chefias-e-quadros:hover, .area.area-chefias-e-quadros.area-hovered {
    background-color: #005390;
}
.area.area-operacional:hover, .area.area-operacional.area-hovered {
    background-color: #FFB300;
}

.area.area-security:hover, .area.area-security.area-hovered {
    background-color: #962674;
}
.sublistaCursos {
    display: none;
    background-color: #FFFFFF;
    padding-left: 0!important;
}

.sublistaCursos li {
    list-style-type: none;
    overflow: hidden;
    margin-top: 2px;

}
.sublistaCursos li > div.course {
    height: 30px;
    line-height: 10px;
    padding-left: 15px;
    cursor: pointer;
    padding-top: 10px;
    background-color: #E7E7E7;
    font-weight: bold;
}
.sublistaCursos li > div.course-info {
    background-color: #F6F6F6;
    display: none;
}
div.course-info  p {
    white-space: pre-wrap;
}
.course.area-geral {
    color: #EB3B11 ;
}
.course.area-chefias-e-quadros {
    color: #2083D5 ;
}
.course.area-operacional {
    color: #FFB300 ;
}
.course.area-security {
    color: #962674 ;
}
.course:hover, .course.course-hovered {
    color: white;
}
.course.area-geral:hover, .course.area-geral.course-hovered {
    background-color: #F98E6A;
}
.course.area-chefias-e-quadros:hover, .course.area-chefias-e-quadros.course-hovered {
    background-color: #2083D5;
}
.course.area-operacional:hover, .course.area-operacional.course-hovered {
    background-color: #FFB300;
}
.course.area-security:hover, .course.area-security.course-hovered {
    background-color: #962674;
}
.course-labels {
    margin-bottom: 10px;
    margin-top: 20px;
}
.label-course {
    padding: 5px;
    color: white;
    display: inline-block;

}
.label-course.area-geral {
    background-color: #EB3B11;
}
.label-course.area-chefias-e-quadros {
    background-color: #005390;
}
.label-course.area-operacional {
    background-color: #FFB300;
}
.label-action {
    padding: 5px;
    color: white;
    display: inline-block;
    background-color: #7D8EA5;

}
.label-action.area-geral:hover {
    background-color: #EB3B11;
}
.label-action.area-chefias-e-quadros:hover {
    background-color: #005390;
}
.label-action.area-operacional:hover {
    background-color: #FFB300;
}

.modal-header {border-bottom: none}
.modal-footer {border-top: none}
.action-details {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
.action-details.area-geral {
    border-bottom: 1px solid #EB3B11;
}
.action-details.area-chefias-e-quadros {
    border-bottom: 1px solid #005390;
}
.action-details.area-operacional {
    border-bottom: 1px solid #FFB300;
}
.action-details.area-none {
    border-bottom: 1px solid #E7EBF7;
}

.action-details.area-geral a:hover  {
    color: #EB3B11;
}
.action-details.area-chefias-e-quadros a:hover {
    color: #005390;
}
.action-details.area-operaciona a:hover {
    color: #FFB300;
}
.action-details.area-none a:hover {
    color: #E7EBF7;
}
/*EOF Content interior - cursos*/

/*Content interior - matriculations */
.listaCursosInscritos {

}

.listaCursosInscritos li {
    list-style-type: none;
    overflow: hidden;
    margin-bottom: 3px;
    background-color: #7D8EA5;

    min-height: 30px;
    line-height: 10px;
    padding-left: 5px;
    cursor: pointer;
    padding-top: 10px;

    font-weight: bold;
    color: white;
    line-height: 1.1em;

}

.listaCursosInscritos li:hover, .listaCursosInscritos li.hovered {
    background-color: #7FBA00;
}

.listaCursosInscritos li > div.course {

}
.listaCursosInscritos li > div.course p {
    font-weight: normal;
}
div.courseaction-info {
    background-color: #F6F6F6;
    display: none;
    margin-bottom: 10px;
}
.courseaction-labels {
    margin-bottom: 10px;
    margin-top: 20px;
}
.label-courseaction {
    padding: 3px 10px 3px 10px;
    color: white;
    display: inline-block;
    background-color: #00872E;
}
.label-courseaction-local {
    background-color: #00872E;
}
.label-courseaction-others:hover {
    color: #00872E;
    background-color: #FFFFFF;
}
.label-courseaction-cancel {
    background-color: #FFFFFF;
    color: #7D8EA5;
}
.label-courseaction-cancel:hover {
    color: #FFFFFF;
    background-color: #7D8EA5;
}
/*EOF Content interior - matriculations */

.footer-container {
    margin: 0;
    margin-top: 10px;
    background-color: #E7E7E7;
}

.footer-container a, .footer-container a:hover, .footer-container a:visited, .footer-container a:link, .footer-container a:active{
    color: #ABC434;
    cursor: pointer;
}
.footer-container a:hover {
    font-weight: bold;
}

.footer-container p {
    color: #666A6C;
}

/* Dialog eventos */
.event-details {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ABC434;
}

/*EOF Dialog eventos*/
.padding-top-1 {
    padding-top: 1px;
}

/*Courseactions Elearning */
div.info {
    background-color: #E7E7E7;
    padding: 20px;
}

.info p {color: #000000;}
.info h4 {color: #962674;}
div.title {
    padding-left: 20px;
    background-color: #4E215F;
}
.title h3 {
    color: white;
    /*margin: 10px;*/
}
.label-courseaction-elearning {
    background-color: #962674;
    cursor: pointer;
}
.label-courseaction-elearning-grey {
    background-color: #7688A1;
    cursor: pointer;
}
.label-courseaction-elearning:hover, .label-courseaction-elearning-grey:hover {
    background-color: #4E215F;
}

.elearning-content .col-lg-6, .elearning-content .col-md-6, .elearning-content .col-sm-6, .elearning-content .col-xs-6 {
    width: 48%;
}
.elearning-content .col-lg-1, .elearning-content .col-md-1, .elearning-content .col-sm-1, .elearning-content .col-xs-1 {
    width: 2%;
}

.module-details {
    text-align: center!important;
    padding: 5px 0 0 0!important;
    background-color: #4E215F;
}
.module-details h1, .module-details h4 {
    color: white!important;
    margin: 0!important
}
.module-details h4 {
    margin-bottom: 0;
}
.module-details h1 {
    font-size: 80px;
    margin-top: 0;
}
.info-module {
    padding: 5px 0 0 5px!important;
    height: 105px;
    position: relative;
}
.elearning-content p.subtitle {
    color: #AE4B84;
    font-weight: bold;
}
.courseaction-labels-ele {
    position: absolute;
    bottom: 0;
}

#window-main-cover, #window-main-cover-caption{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	min-height:100%
}
#window-main-cover {
	z-index:10000 !important;
	background-color: rgba(200,210,200, 0.5);
}
#window-main-cover-caption, .preloaderClass{
	z-index:10001 !important;
	background-position:center center;
	background-repeat:no-repeat
}