body{height: 100%;font-family: 'Roboto', sans-serif;}

a{color:#2b4728;text-decoration: none;}

.vertical-center {

    display:table-cell;

    vertical-align:middle;

    float:none;

}



.no-round-corners{

   border-radius: 0 !important;

  -moz-border-radius: 0 !important;

}



.margin-bottom-10{margin-bottom: 10px !important;}

.margin-bottom-20{margin-bottom: 20px !important;}

.margin-bottom-30{margin-bottom: 30px !important;}



.margin-top-10{margin-top: 10px !important;}

.margin-top-20{margin-top: 20px !important;}

.margin-top-30{margin-top: 30px !important;}


.answer{display: block;padding:10px;border:1px solid #eeeeee;margin-bottom: 1px;}
.answerRadio{float:right;}
.correct-answer{background-color:#39e600 !important;}

.bs-callout {

    padding: 20px;

    margin: 20px 0;

    border: 1px solid #eee;

    border-left-width: 5px;

    border-radius: 3px;

}

.bs-callout h4 {

    margin-top: 0;

    margin-bottom: 5px;

}

.bs-callout p:last-child {

    margin-bottom: 0;

}

.bs-callout code {

    border-radius: 3px;

}

.bs-callout+.bs-callout {

    margin-top: -5px;

}

.bs-callout-default {

    border-left-color: #777;

}

.bs-callout-default h4 {

    color: #777;

}

.bs-callout-primary {

    border-left-color: #428bca;

}

.bs-callout-primary h4 {

    color: #428bca;

}

.bs-callout-success {

    border-left-color: #5cb85c;

}

.bs-callout-success h4 {

    color: #5cb85c;

}

.bs-callout-danger {

    border-left-color: #d9534f;

}

.bs-callout-danger h4 {

    color: #d9534f;

}

.bs-callout-warning {

    border-left-color: #f0ad4e;

}

.bs-callout-warning h4 {

    color: #f0ad4e;

}

.bs-callout-info {

    border-left-color: #5bc0de;

}

.bs-callout-info h4 {

    color: #5bc0de;

}





/* LOGIN - START */

.bg-login{ 

  background: url(/layout/login-bg.jpg) no-repeat center center fixed; 

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}

.container-login{

    max-width:552px !important;

    margin:0 auto;

}

.header-login{background-color:#FFFFFF;height:90px;-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.75);box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.75);}

.login-footer{height: 105px;background-color:#FFFFFF;position: absolute;bottom: 0;width: 100%;height: 106px;background-color: #f5f5f5;-webkit-box-shadow:0px -3px 5px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:0px -3px 5px 0px rgba(50, 50, 50, 0.75);box-shadow:0px -3px 5px 0px rgba(50, 50, 50, 0.75);}

.login-footer .text{margin:40px 0 0 0;text-align: center;color:#7b7b7b;}

.login-box{background-color: #FFFFFF;min-height: 325px;margin:100px 0 0 0;border-top:10px solid #00a88f;padding:20px;}

.login-box h4{margin:20px 0 0 0 !important;}

.login-box .form-control{border-radius: 0 !important;background-color: #f1f1f1;margin:10px 0 0 0;}

.btn-green-login{

    background-color:#00a88f;

    cursor:pointer;

    color:#FFFFFF;

    border-radius: 0 !important;

    margin-top: 40px;

    padding:10px 20px 10px 20px;

    font-weight: bold;

}

.btn-green-login:hover{

    color:#FFFFFF;

}

/* LOGIN - END */



/* WEBSITE - START  */

.container{

    max-width:1000px !important;

    background-color: #FFFFFF;

    

}



.bg-app{ 

  background: url(/layout/bg.jpg) no-repeat center center fixed; 

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}





.header-app{background-color:#FFFFFF;height:134px;border-bottom: 3px solid #00382c;}

.logo{margin: 20px auto 20px auto;max-height: 53px;}

.logout-button{position: absolute;top: 20px;right: 30px;}

.header-separator{border: 0;

    height: 0;

    border-top: 1px solid rgba(0, 0, 0, 0.1);

    border-bottom: 1px solid rgba(255, 255, 255, 0.3);

    margin: 0 30px 6px 30px;

}

.horizontal-menu{width: 89%;text-align: center;color:#121212;}

.horizontal-menu-arrows{width: 30%;text-align: center;color:#121212;}

.horizontal-menu a{text-decoration: none;color:#121212;font-weight: bold;padding:0 20px 0 20px;}

.vertical-divider{border-right: 1px solid #eeeeee;}

.header-app .arrow-up{

        float:left;

	width: 0; 

	height: 0; 



        position: absolute;

        margin-top: 4px;

        text-align: center;

        

}

.header-app .home{

       margin-left: 15px;

       	border-left: 6px solid transparent;

	border-right: 6px solid transparent;

	border-bottom: 6px solid  #961323;

}

.header-app .formation{

       margin-left: 124px;

       	border-left: 6px solid transparent;

	border-right: 6px solid transparent;

	border-bottom: 6px solid  #961323;

}

.header-app .contacts{

       margin-left: 255px;

       	border-left: 6px solid transparent;

	border-right: 6px solid transparent;

	border-bottom: 6px solid  #961323;

}

.header-app .home:hover{

       display:block;

}

.header-app .formation:hover{

       display:block;

}

.header-app .contacts:hover{

       display:block;

}



.min-height-500{

    min-height: 500px;

}

.footer-app{background-color:#e2e2e2;padding: 20px;font-size:12px;}



.bg-white{background-color:#FFFFFF;}

.contacts{color:#FFFFFF !important;font-size:16px;}



.margin-top-contacts-logo{margin-top: 110px !important;}









.text-home{

    font-size:14px;

    text-align: justify !important;

}

.objectivos-text{

    font-size:14px;

    text-align: justify !important;

}

.homepage{

    color:#000000;

    text-align: center;

    padding: 20px;

}

.max-content{

	max-width:750px;

	margin:0 auto;

	}

	

.error{

     /*background-color: #FF0000;*/

     padding: 6px !important;

     color: #FF0000;

     font-size: 12px;

     margin-top:-10px;

     margin-bottom:6px;

     border-radius: 6px;

     text-align: center;

     border: 1px solid #FF0000;

}



.textarea-full-width{

    width:100%;

    margin: 0 !important;

    padding:10px;

    border-radius: 6px;

    resize: none;

    height: 100px;

    color: #555555;

}



.info{

    width:82.7%;

    float:right;

    margin: 0 0 10px 0 !important;

    padding:10px;

    border-radius: 6px;

    resize: none;

    color: #555555;

    border:1px solid #cccccc;

}

/* WEBSITE - END  */



.menu-training{

    width:302px;

    height:654px;

    /*background-image: url('/layout/bg_menu_videos.jpg');*/
	background: #333333;

    color:#FFFFFF;

    padding:20px;

    font-size: 18px;

    font-weight: bold;

    float:left;

}

.menu-training h2{

    color:#FFFFFF !important;

    font-size:20px;

}



.menu-training .separator{

   

}



.menu-training ul{

      margin-top:20px;

      list-style:none;

      color:#FFFFFF;

      padding: 0 !important;

      font-size:14px;

      font-weight: normal;

}

.menu-training ul li{

    	display: block;

        border-bottom: 1px solid #666666;

        padding:8px 0 8px 0;



        

}

.menu-training ul li a{

    	text-decoration: none;

        color:#FFFFFF;

}



.training{

    

}



.training .download-pdf{

    margin:10px 0 10px 0;

    float: right;

}



.training .bar{

    height: 48px;

    background-color: #306635;

    margin-bottom: 4px;

}

.training .bar .bar-left{

    width:80%;

    float:left;

    color:#FFFFFF;

    padding:4px 0 0 10px;

}

.training .bar .bar-left .title{

    padding: 10px;float:left;

}

.training .bar .buttom{

    width:20%;float:right;

    color:#FFFFFF;

    padding: 14px;

    text-align: center;

    background-color: #333333;

}



.training .bar a.buttom{

    text-decoration: none;

}

.training .arrow{

    font-size:40px;color:#FFFFFF;

    float:left;

}





.question-title{

    background-color: #eeeeee;padding: 10px;

}

.question-title-theme{

    background-color: #eeeeee;padding: 10px;font-weight: bold;margin-bottom: 10px;

}



.btn-enviar{float: right;margin-bottom: 10px;}







.bar-next-module{

    width:50%;

    float: right;

}





.bar-next-module .btn-next-module{

    width: 45%;

    float: right;

    color: #FFFFFF;

    padding: 14px;

    text-align: center;

    background-color: #012e34;

    margin:0 0 10px 0;

}

.bar-next-module a.btn-next-module{

    text-decoration: none;

}

.bar-next-module .arrow{

    font-size:40px;color:#FFFFFF;

    float:right; background-color: #012e34;padding:4px 14px 4px 0;

}



.open-next{

    background-color:#666666 !important;

}