@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);

@import url(https://fonts.googleapis.com/css?family=Oswald);

.nextlabel {
background-color:#f14d37;
color:#fff;
font-weight:bold;
font-size: 2em;
position: absolute;
padding: 5px 10px;
top: 11px;
left: 11px;
-webkit-box-shadow: 4px 4px 0px 0px rgba(0,0,0,1);
-moz-box-shadow: 4px 4px 0px 0px rgba(0,0,0,1);
box-shadow: 4px 4px 0px 0px rgba(0,0,0,1);
}
.cursos a:hover .nextlabel {
-webkit-box-shadow: 4px 4px 0px 0px rgba(255,255,255,1);
-moz-box-shadow: 4px 4px 0px 0px rgba(255,255,255,1);
box-shadow: 4px 4px 0px 0px rgba(255,255,255,1);
}
.nextlabel2 {
background-color:#f14d37;
color:#fff;
font-weight:bold;
font-size: 2em;
padding: 10px 20px;
margin-top:-10px;
}

@media (max-width: 500px) {
	.nextlabel {	
		font-size:1.4em;
		border:solid 1px #fff;
		}
	.cursos a:hover .nextlabel {border: 0;}
    }  


body {    
    background-image:url(/imgs/pattern_black25.png);    
    }

* { font-family: 'Roboto Condensed', sans-serif; }    

.oswald { font-family: Oswald; }

header .container {

    padding: 30px;

    background: #fff;

    }       

@media (max-width: 767px) {

    header {

        position:fixed;

        top:0px;

        width: 100%;

        z-index:100;

        }

    header .container {margin:0!important;}

    body {padding-top:130px;}

    }

@media (min-width: 775px) {

    .btn-whatsapp { display: none; }

    }

@media (max-width: 460px) {

    body {padding-top:100px;}    

    }

#logo {

    position: relative;

    padding: 15px 30px;

    background: #8dbb36;

    float:left;

    color:#fff;

    font-family: Oswald;

    font-size: 48px;

    font-weight:bold;

    }

#logo span {

    position: absolute;

    font-size: 17px;

    right:27px;

    font-weight:normal;

    }  

#logoclient {

    text-align:right;

    height: 100px;

    overflow:hidden;

    margin-top: 18px;

    }

#logoclient img {

    max-height: 95px;

    }  

header .navbar {

    margin: 30px 0 0;

    padding: 5px;

    min-height:40px;

    }    

@media (max-width: 610px) {

    #logo {

        padding: 10px 20px;

        font-size: 34px;

        }

    #logo span {

        font-size: 12px;

        right: 20px;

        }

    #logoclient,#logoclient img {

        height: 55px;

        margin-top:8px;

        }

    }        

@media (max-width: 510px) {

	#logoclient img {

		height: 70px;

        clip: rect(0px,55px,100px,0px);position: absolute;

		margin-top: 0px;

		}	

	}

@media (max-width: 320px) {

    #logo {

        padding: 10px 15px;

        font-size: 32px;

        }

    #logo span {

        font-size: 11px;

        right: 15px;

        }

    }     

@media (max-width: 460px) {

    header .container {

        padding: 10px;

        }

    header .navbar {

        margin-top: 10px;

        }

    }             

header #elt-mainmenu li {

    margin-left: 5px;

    background-color:#444;    

    }

header #elt-mainmenu li.active a {

    background-color:#8dbb36;

    }

header #elt-mainmenu a:hover {

    background-color:#aaa;

    }

header #elt-mainmenu a {

    padding:0 25px;

    line-height: 30px;

    text-transform: uppercase;

    font-family: Oswald;

    font-size:16px;

    color:#fff;

    }  

header button.navbar-toggle {

    background:#8dbb36;

    height: 44px;

    width: 44px;

    -webkit-border-radius: 22px;

    -moz-border-radius: 22px;

    border-radius: 22px;    

    }    

header button.navbar-toggle span {

    background:#fff;

    }     

@media (max-width: 767px) {

    #logoclient,#logoclient img {

        float:left;

        }    

    #logo {

        margin-right: 10px;

        }

    header .navbar.trama {

        background-image:none;

        margin-top:0px;

        padding: 0px;

        }      

    header #elt-mainmenu {

        position: fixed;

        top: 0px;

        left: 0px;

        right: 0px;

        bottom: 0px;

        padding: 15px 30px;

        background-color:rgba(0,0,0,0.85);

        z-index:99;

        }

    header #elt-mainmenu ul {

        margin: 0;

        }              

    header #elt-mainmenu li { 

        margin:15px 0px; 

        background:transparent;        

        } 

    header #elt-mainmenu li a { 

        padding: 10px; 

        font-size: 1.2em;

        }        

    }  

#maincontent {

    padding: 30px;

    background: #fff;    

    color:#444;

    margin: 30px auto;

    }    

#loginbox {

    background:#444;

    padding: 30px;

    }

#loginbox h2 {

    color:#fff;

    margin: 0 0 30px 0;

    text-align:center;    

    text-transform: uppercase;

    }    

#loginbox h2 span {

    font-family: Oswald;

    display: inline-block;

    background:#444;

    padding: 6px 6px 3px;

    margin: 6px auto;

    font-size: 18px;    

    }

#loginbox a {

    color:#fff;

    }

#loginbox button:hover {

    background-color:#8dbb36;

    }   

#register-btn {

    margin: 30px 0;

    }    

#register-btn span {

    -webkit-animation-name: fontsize12to22; /* Chrome, Safari, Opera */

    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */

    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */

    animation-name: fontsize12to22;

    animation-duration: 2s;

    animation-iteration-count: infinite;

    }            

@-webkit-keyframes fontsize12to22 {

    0%   {font-size:12px;}

    50%  {font-size:22px;}

    100% {font-size:12px;}

    }

/* Standard syntax */

@keyframes fontsize12to22 {

    0%   {font-size:12px;}

    50%  {font-size:22px;}

    100% {font-size:12px;}

    }          

.subperbutton {

    display: block;

    text-align:center;

    background-color: #8dbb36;

    color:#fff;

    font-family: Oswald;

    font-size: 24px;

    text-transform: uppercase;

    font-weight:bold;

    padding: 15px;

    }

.subperbutton:before,.subperbutton:after {

    content:'';

    display:block;

    background-image:url(/imgs/pattern_white.png);  

    height: 15px;

    margin-bottom:15px;

    }

.subperbutton:hover {

    color:#fff;

    text-decoration:none;

    }            

.subperbutton:after {

    margin: 15px 0 0 0;

    }     

#coursesFilter label.btn {

    margin: 0 5px 7px 0;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    border-radius: 15px;

    background-color:#fff;

    }

#coursesFilter label.btn.active {

    background-color:#8dbb36;

    color:#fff;

    }

#coursesFilter {

    margin-bottom: 30px;

    }

#coursesFilter strong {

    text-transform:uppercase;

    }        

#targetFilter {

    padding: 15px 15px 10px 15px;

    }    

#cursosbutton {

    font-family: 'Oswald';

    color: #fff;

    background-color: #8dbb36;

    font-size: 24px;

    text-align: center;

    padding: 15px;

    display: block;

    text-transform: uppercase;

    text-decoration: none;

    font-weight: bold;

    margin-bottom: 30px;    

    overflow: hidden;

    position: relative;

    border: solid 15px #8dbb36;

    font-size: 34px;

    padding: 10px;

    }

#cursosbutton:hover:before {

    transform: rotate(10deg);

    animation-name: rotate_2;

    animation-duration: 1s;    

    animation-iteration-count: 1;

    } 

#cursosbutton:before {

    content: ' ';

    background-image: url('/imgs/videoicon.png');

    position: absolute;

    top: -200px;

    left: -200px;

    width: 1000px;

    height: 1000px;

    transform: rotate(-10deg);

    animation-name: rotate_1;

    animation-duration: 1s;

    animation-iteration-count: 1;

    }     

@media (max-width: 767px) {

    #loginbox {

        padding: 15px;

        }

    #loginbox h2 {

        margin-bottom: 15px;

        line-height: 20px;

        padding:0;

        }

    #loginbox h2 span {

        padding: 2px 10px;

        margin: 0 auto;

        }

    #loginbox .input-group .input-group-addon { display: none; }

    #loginbox .form-group { width: 32%; float:left;margin:0 1.33% 5px 0; }

    #loginbox .input-group { display:block; }

    #loginbox .input-group input {

        -webkit-border-radius: 4px;

        -moz-border-radius: 4px;

        border-radius: 4px;

        width: 100%;

        }

    #loginbox .form-group  button {

        line-height: 34px;

        border:0;

        padding: 0;

        }

    #loginbox .login-register {text-align:right;padding-right:1.4%;}

    }

@media (max-width: 460px) {

    .container {

        margin: 15px 0 !important;

        padding: 15px !important;

        }

    a#cursosbutton {

        margin-bottom: 15px;    

        border: solid 5px #8dbb36;

        font-size: 22px;

        padding: 5px;

        }   

    #register-btn {

        margin: 15px 0;

        }  

    .subperbutton {

        font-size: 22px;

        padding: 10px;        

        }

    .subperbutton:before,.subperbutton:after {

        display:none;

        }     

    #coursesFilter {

        margin-bottom: 15px;

        }      

    #targetFilter {

        padding: 5px 5px 2px 5px;

        }      

    #coursesFilter label.btn {

        margin: 0 3px 5px 0;

        -webkit-border-radius: 5px;

        -moz-border-radius: 5px;

        border-radius: 5px;

        }         

    }  

@keyframes rotate_1 {

    from {transform: rotate(10deg);}

    to {transform: rotate(-10deg);}

    }    

@keyframes rotate_2 {

    from {transform: rotate(-10deg);}

    to {transform: rotate(10deg);}

    } 

.grid-item {margin-bottom: 30px;}

.cursos a { color:#444; display:block; position:relative; }



.cursos a .inmycourses {

    position: absolute;

    top: -7px;

    left: 10px;

    font-size: 3em;

    color: #8dbb36;

    }

.cursos a:hover .inmycourses {

    color:#fff;

    }

.cursos a .newlabel, .curso a .newlabel {

    position: absolute;

    top:-25px;

    right: 5px;       

    }

.curso a div.newlabel {

    top:-15px;

    right: 0px;

    }

.cursos a .newlabel i.fa,.curso a .newlabel i.fa {

    font-size: 5em;

    color:#8dbb36;

    }    

.cursos a .newlabel span,.curso a .newlabel span {

    position: absolute;

    color:#fff;

    font-family: Oswald;

    text-transform: uppercase;

    top: 25px;

    left: 16px;

    -ms-transform: rotate(30deg); /* IE 9 */

    -webkit-transform: rotate(30deg); /* Chrome, Safari, Opera */

    transform: rotate(30deg);  

    -webkit-animation-name: fontsize12to16; /* Chrome, Safari, Opera */

    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */

    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */

    animation-name: fontsize12to16;

    animation-duration: 1s;

    animation-iteration-count: infinite;      

    }     

@-webkit-keyframes fontsize12to16 {

    0%   {font-size:8px;left: 23px;top:28px;}

    50%  {font-size:18px;left: 13px;top:23px;}

    100% {font-size:8px;left: 23px;top:28px;}



    0%   {font-size:12px;left: 18px;top:26px;}

    50%  {font-size:16px;left: 13px;top:23px;}

    100% {font-size:12px;left: 18px;top:26px;}



    }

/* Standard syntax */

@keyframes fontsize12to16 {

    0%   {font-size:12px;left: 18px;top:26px;}

    50%  {font-size:16px;left: 14px;top:24px;}

    100% {font-size:12px;left: 18px;top:26px;}

    }        

    

.cursos .grid-item:after {

    display:block;

    content:'';

    height: 15px;

    margin-top:15px;

    background-image:url(/imgs/pattern_black25.png);     

    }  

.cursos a:hover {

    text-decoration: none;

    background-color:#8dbb36;

    color:#fff;

    padding: 15px;

    z-index:100;

    -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.4);

    -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.4);

    box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.4);        

    }

.cursos a:hover h3 {

    color:#fff;

    }    

.cursos img {

    margin: 0px;

    }

.cursos h3,.curso h1 {

    font-family: Oswald;

    text-transform: uppercase;

    margin:0px;

    padding: 10px 0;

    color:#8dbb36;

    }    

h2.title {

    color:#444;

    margin: 0 0 15px 0;    

    padding: 5px;

    font-size:20px;

    text-transform: uppercase;

    font-weight:bold;

    font-family:Oswald;

    }    

h2.title:after {

    content:'';

    display:block;

    height:15px;

    margin-top:5px;

    background-image:url(/imgs/pattern_black25.png);     

    }    

h1.title {

    color:#8dbb36;

    font-family:Oswald;

    text-align:right;

    font-weight:bold;

    margin:0 0 30px 0;

    font-size:36px;

    padding:15px;

    text-shadow: 3px 3px 0px rgba(255, 255, 255, 1);

    }

h1.title:after {

    content:'';

    display:block;

    height:15px;

    margin-top:15px;

    background:#fff;      

    }

#wysiwyg:after {

    content:'';

    display:block;

    height:15px;

    margin-top:30px;

    background-image:url(/imgs/pattern_black25.png);    

    }      

footer .container {

    padding: 30px;

    background: #fff;    

    color:#444;

    }

footer .container:before {

    content:'';

    display:block;

    width: 100%;

    height: 30px;

    background-image:url(/imgs/pattern_black25.png);

    } 

footer .container.initial {

    background:transparent;

    }    

footer .container.initial:before {

    display: none;

    }    

footer .row > div {

    padding-top: 15px;

    }     

footer .nav {

    margin: 0 !important;

    }         

footer .nav a {

    font-family: Oswald;

    text-transform: uppercase;

    padding: 0;

    margin: 0 15px 0 0;

    font-weight: normal;

    font-size: 12px;

    color:#444;

    }     

footer .nav li {

    float:left;

    }    

footer .nav .active a, footer .nav a:hover {

    color:#8dbb36

    }

@media (max-width: 991px) {

    footer .text-right {text-align:left;clear:both;}

    }

@media (max-width: 460px) {

    footer .nav li {float:none;}

    footer .nav a {padding: 5px 0;border-bottom: solid 1px #ddd;}

    }

#ajaxform #typeUser .btn { 

    background-color:#eee;

    margin-right: 15px;

    border: solid 1px #ddd;

    padding:15px 0;

    width: 120px;

    margin-bottom: 30px;

    }

#typeUser .btn.focus,#typeUser .btn:focus,#typeUser .btn:hover {

    color:inherit;

    }

#ajaxform #typeUser .btn i.fa {

    margin-bottom: 10px;

    }    

#ajaxform #typeUser .btn.active {

    background-color:#8dbb36;

    color:#fff;

    }    

#ajaxform .input-group {

    margin-bottom: 10px;

    }    

#ajaxform .input-group-addon i {

    width: 22px;

    }

#ajaxform .btn-submit {

    background-color: #8dbb36;

    color:#fff;

    font-family: Oswald;

    font-size: 18px;

    padding: 10px 15px;

    margin-top: 15px;

    }        

#ajaxform #reg_privacitat {

    line-height: 30px;

    text-indent: 15px;

    margin-top: 20px;

    }

#ajaxform #reg_privacitat input {

    width: 20px;

    height: 20px;

    margin-right: 100px;

    display: block;

    }    

.alert-success.icon i.fa { float:left; margin: 0 30px 15px 15px;}

.alert-success.icon {min-height: 100px;}    

#sidebar-menu {

    background-color:#fff;

    margin-bottom: 30px;

    padding-bottom: 1px;

    }

#sidebar-menu li {

    padding: 1px 1px 0 1px;

    margin: 0;

    }

#sidebar-menu a {

    display: block;

    background-color:#444;

    color:#fff;

    font-size: 16px;

    padding:0 10px;

    line-height: 40px;    

    font-family: Oswald;

    text-transform: uppercase;

    }

#sidebar-menu a:hover {

    background-color:#aaa;

    }

#sidebar-menu a i.fa {

    min-width:30px;

    }    

#sidebar-menu .active a {

    color:#fff;

    background-color: #8dbb36;

    position: relative;

    }  

#sidebar-menu .badge {

    background-color: rgba(255,255,255,0.2);

    font-weight:normal;

    margin:-5px 0 0 5px;

    font-family: 

    }

#sidebar-menu .active .badge {

    background-color: rgba(0,0,0,0.2);

    }      

@media (max-width: 460px) {

    #sidebar-menu {margin-bottom: 10px;}

    }    

.material-switch {

    border-bottom: dotted 1px #ddd;

    }

.material-switch > input[type="checkbox"] {

    display: none;   

    }

.material-switch > label.cbm {

    cursor: pointer;

    height: 0px;

    position: relative; 

    width: 40px;    

    }

.material-switch > label.cbm::before {

    background: #eee;

    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);

    border-radius: 10px;

    content: '';

    height: 20px;

    position:absolute;    

    transition: all 0.3s ease-in-out;

    width: 36px;

    }

.material-switch > label.cbm::after {

    background: rgb(255, 255, 255);

    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);

    content: '';

    height: 18px;

    width: 18px;

    border-radius: 9px;

    left: 1px;

    position: absolute;

    top: 1px;

    transition: all 0.3s ease-in-out;    

    }

.material-switch > input[type="checkbox"]:checked + label.cbm::before {

    background: #8dbb36;

    }

.material-switch > input[type="checkbox"]:checked + label.cbm::after {

    left: 17px;

    }

.material-switch label:not(.cbm) {

    display: inline-block;

    padding-left: 50px;

    margin-top: -10px;

    font-weight: normal;

    }    

.col-info-course {margin-bottom: 30px;}

.inscriptioninfo { color:#999; font-size: 12px;}

#course_inscription { width:100%; text-transform: uppercase;font-size: 18px;line-height: 50px; background-color:#8dbb36 !important; transition: all 0.3s ease-in-out;}

#course_inscription i.fa { font-size: 21px; margin-right: 2px; transition: all 0.3s ease-in-out; }

#course_inscription:hover { transition: all 0.3s ease-in-out; font-size: 23px;}

#course_inscription:hover i.fa  { transition: all 0.3s ease-in-out; font-size: 26px;} 

.meta i.fa {color:#8dbb36;width:20px;}

.meta > div { border-bottom: dotted 1px #e4e4e4; padding:10px 0}

.pager li a {background-color:#8dbb36 !important;color:#fff;border:0;margin: 0 10px;padding: 10px 20px;}

.lesson-item-list {

    color:#444;

    font-size: 16px;

    display: block;

    margin: 0 5px;

    padding: 10px 10px 10px 65px;

    border-bottom: solid 1px #ddd;

    position: relative;

    }

.lesson-item-list .lesson-info {

    font-size: 20px;

    position: absolute;

    left: 7px;

    }    

.lesson-item-list .lesson-number {

    top: 9px;

    left: 33px;

    text-align:center;

    color:#fff;

    width: 24px;

    line-height: 24px;

    background: #8dbb36;

    position: absolute;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    border-radius: 15px;        

    }    

.lesson-item-list:hover {

    color:#fff;

    background-color: #8dbb36;

    border-color: #8dbb36;

    text-decoration: none;

    }    

.lesson-item-list:hover .lesson-number {

    color: #8dbb36;

    background-color:rgba(255,255,255,0.8);

    }       

#lesson {margin-bottom: 15px;}

#lesson .header h3 {margin:10px 0;font-size:18px;}

#lesson .header h1 {margin:0;color:#8dbb36;text-transform:uppercase;font-size: 32px;font-weight:bold;}

#lesson .header .meta { padding: 10px 0; margin-top:10px; border-top: dotted 1px #e4e4e4;}

#lesson #notallowed {padding: 3em 50px;background: #8dbb36;color: #fff;text-align:center;margin-top: 15px;}

#lesson #notallowed i {font-size: 150px;}

#lesson #notallowed h1 {color:#fff;}    

#lesson #notallowed a {color:#fff;text-decoration: underline;}

#lesson_description { margin-bottom: 30px;}

#lesson .lesson_video {margin-bottom: 30px;}

#lesson .lesson_video .embed-responsive {margin-bottom: 15px;}

#lesson .lesson_video .attachment a { padding: 10px; border-bottom: solid 1px #e4e4e4; color:#444 !important; display: block;font-size: 16px;}

#lesson .lesson_video .attachment a i.fa {width: 20px;}

#lesson .lesson_video .attachment a:hover { background-color:#8dbb36; color:#fff !important; border-color: #8dbb36; text-decoration: none;}    

#comments h2.title { font-size: 32px; margin:0; padding: 0;}

#meta-comments { padding: 10px 0 0 0; }

#meta-comments .btn-primary { background-color: #8dbb36 !important;color:#fff !important;}

#meta-comments .btn-primary:hover {text-decoration: underline;}

hr {background-image:url(/imgs/pattern_black25.png);border:0;height:15px;margin:10px 0 30px}

#comments .panel { position:relative; margin: 15px 0 0 60px; }

#comments .panel>.panel-heading {line-height: 30px;}

#comments .panel>.panel-heading:after,.panel>.panel-heading:before{ position:absolute; top:11px;left:-16px; right:100%; width:0; height:0; display:block; content:" "; border-color:transparent; border-style:solid solid outset; pointer-events:none; }

#comments .panel>.panel-heading:after{ border-width:7px; border-right-color:#f7f7f7; margin-top:1px; margin-left:2px; }

#comments .panel>.panel-heading:before{ border-right-color:#ddd; border-width:8px; }

#comments .thumbnail-comment {float:left; margin: 0;width: 50px;}

#commentslist ul {list-style:none;padding:0;}

#commentslist li ul {margin-left:60px;}

.btn-reply {float:right;}       

#formcomment {display:none;position:fixed;top:0px;bottom:0px;left: 0px;right: 0px;background:rgba(0,0,0,0.9);z-index:100000;}

#formcomment > div {position: absolute;top: 50%;left:50%;transform: translate(-50%,-50%);width:85%;max-width: 500px;padding: 30px;margin: 0 auto;background-color:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

#formcomment .btn:hover { color:#fff !important; background: #8dbb36 !important; }

@media (max-width: 767px) {

    .btn-reply { float: none; margin-left: 10px;}

    #comments .panel>.panel-heading { line-height: 20px;}

    #comments .panel {margin-left:0px;}

    #commentslist li ul { margin-left: 15px;}

    hr{ margin-bottom: 10px;}

    }

#card {color:#fff;background-color:#8dbb36; text-align:center;padding: 15px;}

#card img { display: inline-block; width: 80%; max-width: 120px;border: solid 5px #fff;background:#fff;margin-bottom:15px;}

#card img { -webkit-border-radius: 75px;-moz-border-radius: 75px;border-radius: 75px;}

#card .name {text-transform: uppercase;font-size: 16px;}    

@media (max-width: 767px) {

    #card {text-align:left;}

    #card img {display: none;}

    }

#sharers {

    margin: 15px 0;

    padding: 15px;

    }    

#sharers a.btn-social-icon {

    border: 0;

    margin-right: 10px;

    transition: ease-in-out .25s;

    -webkit-transition: ease-in-out .25s;

    color:#fff !important;    

    }    

#sharers a.btn-social-icon:hover {

    transition: ease-in-out .25s;

    -webkit-transition: ease-in-out .25s;

    transform: scale(1.5,1.5);

    }

#mobilefilter { display:none;color:#fff;background-color:#8dbb36; text-transform: uppercase;padding:15px; text-align:right; }

#mobilefilter .fa-chevron-up {display:none;}

#mobilefilter:hover {text-decoration: none;}

@media (max-width: 767px) {

    #mobilefilter {display: block;}

    #coursesFilter .grpCBs {display:none;}

    }    

blockquote {

    font-size: inherit;

    border-left: 15px solid #444;

	background:#efefef;

	}

.progress {background-color:#eaeaea;height:40px;margin: 15px 0 5px 0;}

.progress .progress-bar-custom {background-color:#8dbb36;line-height: 40px;}

.btn.focus, .btn:focus, .btn:hover {

    color: #444;

    text-decoration: none;

    }    

.btn-primary,.btn-primary.focus, .btn-primary:focus {

    background-color: #8dbb36;

    border:0;

    outline:0 !important;

    }    

.btn.btn-primary:hover {

    color: #fff;

    }    

a,a:hover {

    color: #8dbb36

    }  

.bold {

    font-weight: bold;

}

.trama {

    background-image:url(/imgs/pattern_black25.png);    

    }     

.trama2 {

    background-image:url(/imgs/pattern_black50.png);    

    }       

.tramawhite {

    background-image:url(/imgs/pattern_white50.png);    

    }   

.textshadowed {

    text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);

    }

.textshadowed0 {

    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);

    }                

.textshadowed2 {

    text-shadow: 3px 3px 0px rgba(0, 0, 0, 1);

    }

.boxshadowed {

    -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.4);

    -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.4);

    box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.4);

    }

.btn-success:hover,.btn-danger:hover {

    color: #fff !important;

    }    











body {font-size:16px;}
.nextlabel2,.nextlabel { font-size: 1.5em; }
.cursos a .inmycourses { font-size: 3em; }
.cursos a .newlabel i.fa,.curso a .newlabel i.fa { font-size: 5em; }    

header #elt-mainmenu a { font-size:16px; }
#loginbox h2 span { font-size: 18px; }
.subperbutton { font-size: 24px; }
#cursosbutton { font-size: 24px; }
h2.title { font-size:20px; }    
h1.title { font-size:36px; }
footer .nav a { font-size: 12px; }     
#ajaxform .btn-submit { font-size: 18px; }        
#sidebar-menu a { font-size: 16px; }
.inscriptioninfo { font-size: 12px;}
#course_inscription i.fa { font-size: 21px; }
#course_inscription:hover { font-size: 23px;}
.lesson-item-list { font-size: 16px; }
.lesson-item-list .lesson-info { font-size: 20px; }    
#lesson .header h3 {font-size:18px;}
#lesson .header h1 {font-size: 32px;}
#lesson #notallowed i {font-size: 150px;}
#lesson .lesson_video .attachment a {font-size: 16px;}
#card .name {font-size: 16px;}

@media (max-width: 460px) {
    .subperbutton { font-size: 22px; }
    }  
@media (max-width: 500px) {
	.nextlabel { font-size:1.4em; }
    }  
@media (max-width: 767px) {
    header #elt-mainmenu li a { font-size: 1.2em; }        
    }