* {
	margin: 0;
	padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

::-moz-selection {
	background: #3058B9;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #3058B9;
	color: #fff;
	text-shadow: none;
}

.center {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

input, textarea {
	font-family: 'PT Sans', Arial, sans-serif;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

button, input[type="submit"], input[type="text"], textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

ul, ol {
	list-style: none;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.doubts {
    float: right;
    padding: 15px;
}

a.doubts img {
    padding-top: 2px;
}

img {
	border: 0;
}

button:focus {
	outline: 0;
}

body {
	background: #e4e3e3;
	font-family: 'PT Sans', Arial, sans-serif;
}

header {
	background: #ebebeb;
}

header .center {
	height: 230px;
}

header h1 {
	float: left;
	margin: 10px 0 0 10px;
}

header .login {
	float: right;
	margin: 26px 10px 0 0;
}

header .login .form-item {
	margin: 0 0 8px;
}

header .login .parsley-error .form-text {
	border-color: #ff0000;
}

header .login .form-text {
	border: 1px solid #fff;
	background: #fff;
	font-size: 14px;
	color: #959595;
	padding: 10px 20px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

header .login #login-email {
	width: 280px;
}

header .login #login-senha {
	width: 175px;
}

header .login .form-submit {
	float: right;
	margin: -43px 0 0;
	font-size: 15px;
	border: 0;
	background: #006ac0;
	color: #fff;
	text-align: center;
	width: 96px;
	height: 30px;
	text-transform: uppercase;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
}

header .login .links {
	float: right;
	margin: 2px 0 0;
}

header .login .links li {
	float: left;
	line-height: 11px;
	padding: 0 0 0 15px;
	margin: 0 0 0 15px;
	border-left: 1px solid #9e9e9e;
}

header .login .links li:first-child {
	padding: 0;
	margin: 0;
	border: 0;
}

header .login .links a {
	font-size: 11px;
	font-weight: bold;
}

header .login .links .senha {
	color: #7e7e7e;
}

header .login .links .cadastro {
	color: #ff0000;
	text-transform: uppercase;
}

header nav {
	position: absolute;
	bottom: -53px;
	height: 113px;
	width: 100%;
}

header nav .trigger-menu-mobile {
	display: none;
}

header nav li {
	float: left;
	width: 16.5%;
	height: 113px;
	position: relative;
	border-left: 1px solid #d4d4d4;
}

header nav li:first-child {
	border: 0;
}

header nav li a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 108px;
	font-size: 17px;
	color: #282828;
	text-align: center;
	border-bottom: 5px solid #3058b9;
	background: url(../../img/pub/bkg/menu.png) repeat-x;
	background-image: -webkit-linear-gradient(bottom, #d7d7d7, #fff);
	background-image: -moz-linear-gradient(bottom, #d7d7d7, #fff);
	background-image: -o-linear-gradient(bottom, #d7d7d7, #fff);
	background-image: linear-gradient(to top, #d7d7d7, #fff);
	-webkit-transition: 0.2s linear all;
	-moz-transition: 0.2s linear all;
	-ms-transition: 0.2s linear all;
	-o-transition: 0.2s linear all;
	transition: 0.2s linear all;
}

header nav li:nth-child(odd) a {
	border-color: #173c97;
}

header nav li a span {
	display: block;
	padding: 70px 0 0;
	background: url(../../img/pub/ico/soldado.png) no-repeat center 22px;
}

header nav li a:hover,
header nav li a.active {
	width: 105%;
	height: 111px;
	border-bottom: 13px solid #ff0000;
	top: -8px;
	left: -5px;
	text-decoration: none;
	z-index: 20;
	color: #ed1f24;
}

header nav li a:hover span,
header nav li a.active span {
	padding: 77px 0 0;
	background: url(../../img/pub/ico/soldado_cor.png) no-repeat center 18px;
}

.student-logo{
    height: 50px;
}

header div.course-status-bar{
    position: absolute;
    top: 65px;
    height: 55px;
    width: 99.5%;
    display: block;
    z-index: 10;
    font-size: 17px;
    color: #282828;
    text-align: center;
    border-bottom: 5px solid #3058b9;
    background: url(../../img/pub/bkg/menu.png) repeat-x;
    background-image: -webkit-linear-gradient(bottom, #d7d7d7, #fff);
    background-image: -moz-linear-gradient(bottom, #d7d7d7, #fff);
    background-image: -o-linear-gradient(bottom, #d7d7d7, #fff);
    background-image: linear-gradient(to top, #d7d7d7, #fff);
    -webkit-transition: 0.2s linear all;
    -moz-transition: 0.2s linear all;
    -ms-transition: 0.2s linear all;
    -o-transition: 0.2s linear all;
    transition: 0.2s linear all;
}

div.course-status-bar .profile,
div.course-status-bar .mainMenu,
div.login .profile {
    float: right;
}


div.course-status-bar .progress,
div.login .progress {
    float: left;
    width: 20%;
    margin-left: 1%;
    border: 2px solid #3058B9;
    border-radius: 5px;
    color: #444;
    padding: 3px;
    margin-top: 4px;
}

.ui-widget-header {
    background: #3058B9 !important;
}
.ui-progressbar {
    position: relative;
    height: 15px !important;
}
.progress-label {
    position: absolute;
    left: 21%;
    font-size: 13px;
    font-weight: bold;
    top: 1px;
    color: white !important;
}

div.course-status-bar .profile,
div.login .profile{
    float: right;
    width: 20%;
    margin-left: 1%;
    border: 2px solid #3058B9;
    border-radius: 5px;
    color: #444;
    padding: 3px;
    margin-top: 4px;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

div.course-status-bar .profile img,
div.login .profile img {
    float: left;
    height: 39px;
    border-radius: 5px;
}

div.course-status-bar .profile span,
div.login .profile span {
    position: absolute;
    left: 44px;
}

div.course-status-bar .mainMenu,
div.login .mainMenu{
    float: right;
    width: 10%;

    margin-top: 4px;

}

div.course-status-bar .mainMenu .form-submit {
    background: #006ac0;
    border: 0;
    width: 78px;
    height: 29px;
    text-align: left;
    text-indent: 26px;
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    left: -1px;
    top: 10px;
    background-image: url("../../img/pub/ico/home.png");
    background-repeat: no-repeat;
    background-position-x: 10%;
    background-position-y: 50%;
}

footer {
	border-top: 2px solid #ed1f24;
	background: #373737;
}

footer .logo {
	display: block;
	margin: 20px auto 0;
}

footer .social-media {
	width: 520px;
	height: 48px;
	margin: 0 auto;
	border-bottom: 1px solid #202020;
	overflow: hidden;
}

footer .social-media ul {
	margin: 0 auto;
	float: left;
	position: relative;
	left: 50%;
}

footer .social-media li {
	float: left;
	position: relative;
	right: 50%;
	line-height: 48px;
	margin: 0 0 0 10px;
}

footer .social-media li:first-child {
	margin: 0;
}

footer .social-media a {
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	color: #fff;
	padding: 0 0 0 20px;
}

footer .social-media a.twitter {
	background: url(../../img/pub/ico/twitter.png) no-repeat 0 2px;
}

footer .social-media a.facebook {
	background: url(../../img/pub/ico/facebook.png) no-repeat 5px 0;
}

footer .social-media a.mail {
	background: url(../../img/pub/ico/mail.png) no-repeat 0 2px;
}

footer .copyright {
	width: 520px;
	margin: 0 auto;
	border-top: 1px solid #3a3a3a;
	border-bottom: 1px solid #202020;
	padding: 10px 0;
}

footer .copyright p {
	font-size: 11px;
	font-weight: bold;
	color: #7e7e7e;
	text-align: center;
	line-height: 20px;
}

footer img.logo-dev {
	display: block;
	margin: 10px auto;
}

#main {
	min-height: 500px;
	padding: 50px 0 0;
}

#main section {
	padding: 55px 0;
}

#main .section-2 {
	background: #ebebeb;
}

#main .section-2-mini {
	padding: 23px 0;
}

#main .slideshow .slides {
	width: 94%;
	margin: 0 auto 10px;
}

#main .slideshow .slides li {
	display: none;
	width: 94%;
	height: auto;
	padding: 3%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #fff;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.25);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,.25);
	box-shadow: 0 2px 3px rgba(0,0,0,.25);
}

#main .slideshow .slides li:first-child {
	display: block;
}

#main .slideshow .slides li .content {
	float: left;
	width: 54%;
}

#main .slideshow .slides li strong {
	display: block;
	font-size: 60px;
	color: #18140f;
	line-height: 60px;
}

#main .slideshow .slides li em {
	display: block;
	font-size: 60px;
	font-style: normal;
	line-height: 60px;
	color: #ed1f24;
	margin: 0 0 10px;
}

#main .slideshow .slides li p {
	font-size: 22px;
	color: #625548;
	margin: 0 0 15px;
}

#main .slideshow .slides li .btn {
	background: #006ac0;
	font-size: 25px;
	color: #fff;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
	display: block;
	width: 240px;
	text-transform: uppercase;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#main .slideshow .slides li img {
	float: right;
	margin: 0 45px 0 0;
	width: 29%;
}

#main .slideshow nav ul {
	margin: 0 auto;
	float: left;
	position: relative;
	left: 50%;
}

#main .slideshow nav li {
	float: left;
	position: relative;
	right: 50%;
	margin: 0 0 0 5px;
}

#main .slideshow nav li:first-child {
	margin: 0;
}

#main .slideshow nav a {
	background: url(../../img/pub/ico/bullet.png) no-repeat right 0;
	display: block;
	width: 17px;
	height: 17px;
	text-indent: -9999px;
	overflow: hidden;
}

#main .slideshow nav a.active {
	background-position: 0 0;
}

#main .box {
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

#main .box .header {
	background: #3058b9;
    display: table;
    width: 100%;
}

#main .box .header h3 {
	font-size: 28px;
	line-height: 30px;
	color: #fff;
	text-indent: 30px;
	padding: 15px 0;
    float: left;
}

#main .box .content {
	background: #fff;
	padding: 20px 30px;
}

#main .box .content p {
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #949494;
	margin: 0 0 20px;
}

#main .box-1 {
	float: left;
	width: 48%;
}

#main .box-1 .header h3 {
	text-indent: 0;
	text-align: center;
}

#main .box-1 .header h3 span {
	font-weight: normal;
	color: #b5cce9;
}

#main .box-1 .content {
	height: 230px;
}

#main .box-1 .content img {
	display: block;
	margin: 0 0 20px;
	width: 100%;
	height: auto;
}

#main .box-1 .content p {
	margin: 0 0 5px;
}

#main .box-2 {
	float: right;
	width: 48%;
}

#main .box-2 .header {
	background: #b5cce9;
}

#main .box-2 .header h3 {
	text-indent: 0;
	text-align: center;
}

#main .box-2 .header h3 span {
	color: #3058b9;
}

#main .box-2 .content {
	height: 230px;
}

#main .box-2 .content p.obs {
	font-family: 'PT Sans', Arial, sans-serif;
	color: #ec0000;
	padding: 0 5px;
}

#main .box-2 .content .btn {
	display: block;
	background: #b5cce9;
	line-height: 33px;
	width: 130px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #006ac0;
	margin: 0 auto;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#main .box-3 .header h3 {
	text-align: left;
	text-indent: 30px;
}

#main .box-3 .text {
	float: left;
	width: 55%;
}

#main .box-3 .content img {
	margin: 0 85px 0 0;
	float: right;
}

#main .box-4 {
	position: relative;
}

#main .box-4 .content .btn {
	position: absolute;
	left: 50%;
	bottom: -15px;
	margin: 0 0 0 -92px;
	display: block;
	background: #006ac0;
	line-height: 30px;
	width: 185px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#main #video {
	display: block;
	margin: 0 auto;
	width: 632px;
	height: 340px;
	background: #fff;
}

#main #video .video-wrapper {
	border: 8px solid #000;
}

#main #video .canvas {
	height: 282px;
	width: 100%;
	background: url(../../img/pub/bkg/marca_video.png) no-repeat center center;
}

#main #video .canvas iframe {
	width: 100% !important;
}

#main #video .controls {
	height: 43px;
	background: #333;
}

#main #video .controls .play {
	float: left;
	border: 0;
	background: #ed1f24 url(../../img/pub/ico/arrow.png) no-repeat center center;
	width: 43px;
	height: 43px;
	cursor: pointer;
	text-indent: -9999px;
	overflow: hidden;
}

#main #video .controls .pause {
	background: #ed1f24 url(../../img/pub/ico/pause.png) no-repeat center center;
}

#main #video .controls .time,
#main #video .controls .total-time {
	float: left;
	width: 80px;
	height: 43px;
	line-height: 43px;
	font-size: 12px;
	color: #fff;
	text-align: center;
}

#main #video .controls .progress {
	float: left;
	width: 353px;
	height: 43px;
}

#main #video .controls .progress-bar {
	display: block;
	margin: 18px 0 0;
	height: 5px;
	background: #fff;
	cursor: pointer;
}

#main #video .controls .bar {
	display: block;
	background: #173c97;
	height: 5px;
	width: 0%;
	cursor: pointer;
}

#main #video .controls .volume {
	float: left;
	width: 40px;
	height: 43px;
	padding: 0 10px;
}

#main #video .controls .volume button {
	float: left;
	margin: 17px 0 0 0;
	border: 0;
	border-left: 2px solid #fff;
	width: 4px;
	height: 8px;
	cursor: pointer;
	background: #333;
	text-indent: -9999px;
	overflow: hidden;
}

#main #video .controls .volume button.active {
	border-color: #173c97;
}

#main #video .controls .expand {
	float: left;
	width: 41px;
	height: 43px;
	border: 0;
	background: url(../../img/pub/ico/expand.png) no-repeat center center;
	cursor: pointer;
	text-indent: -9999px;
	overflow: hidden;
}

#main .didatica .header {
	background: #3058b9;
	margin: 0 0 45px;
}

#main .didatica .header h3 {
	font-size: 30px;
	line-height: 60px;
	color: #fff;
	text-indent: 30px;
}

#main .didatica .content {
	border-bottom: 9px solid #3058b9;
}

/*#main .didatica .content ul {
	width: 890px;
	margin: 0 auto;
}*/

#main .didatica .content li {
	margin: 0 3% 50px;
}

#main .didatica .content li.item01 {
	background: url(../../img/pub/ico/computador.png) no-repeat 0 center;
}

#main .didatica .content li.item02 {
	background: url(../../img/pub/ico/balao.png) no-repeat right center;
}

#main .didatica .content li.item03 {
	background: url(../../img/pub/ico/estrela.png) no-repeat 0 center;
}

#main .didatica .content li.item04 {
	background: url(../../img/pub/ico/badge.png) no-repeat right center;
}

#main .didatica .content li .item-content {
	position: relative;
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.21);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,.21);
	box-shadow: 0 2px 2px rgba(0,0,0,.21);
	padding: 15px 25px;
	width: 90%;
}

#main .didatica .content li.item-left {
	padding-left: 180px;
}

#main .didatica .content li.item-left .arrow {
	position: absolute;
	left: -19px;
	top: 25px;
	background: url(../../img/pub/ico/arrow_left.png) no-repeat 0 0;
	width: 19px;
	height: 21px;
}

#main .didatica .content li.item-right {
	padding-right: 180px;
    min-height: 150px;
}

#main .didatica .content li.item-right .arrow {
	position: absolute;
	right: -19px;
	top: 25px;
	background: url(../../img/pub/ico/arrow_right.png) no-repeat 0 0;
	width: 19px;
	height: 21px;
}

#main .didatica .content li h4 {
	font-family: Arial, sans-serif;
	font-size: 18px;
	color: #949494;
	line-height: 24px;
	margin: 0 0 5px;
}

#main .didatica .content li p {
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #949494;
}

#main .links {
	overflow: hidden;
	margin: -45px 0 0;
}

#main .links ul {
	float: left;
	position: relative;
	left: 50%;
}

#main .links li {
	float: left;
	position: relative;
	right: 50%;
	margin: 0 0 0 30px;
}

#main .links li:first-child {
	margin: 0;
}

#main .links li:first-child a {
	background: #7fb0d2;
}

#main .links a {
	float: left;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	line-height: 45px;
	padding: 0 12px;
	background: #006ac0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#main .produtos .header {
	background: #3058b9;
	margin: 0 0 45px;
}

#main .produtos .header h3 {
	font-size: 30px;
	line-height: 60px;
	color: #fff;
	text-indent: 30px;
}

#main .produtos li {
    height: 200px;
	padding: 0 0 0 255px;
	position: relative;
}

#main .produtos li .image {
	position: absolute;
	top: 0;
	left: 0;
	width: 250px;
}

#main .produtos li .image img {
	display: block;
	margin: 0 auto;
}

#main .produtos li .image .btn {
	position: absolute;
	top: 126px;
	left: 50%;
	margin: 0 0 0 -62px;
	background: #006ac0;
	color: #fff;
	text-transform: uppercase;
	width: 124px;
	line-height: 33px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#main .produtos li .text {

}

#main .produtos h4 {
	font-size: 30px;
	color: #202020;
}

#main .produtos p {
	font-size: 16px;
	color: #6e6e6e;
	line-height: 18px;
}

body[data-page="como-funciona"] #main .section-1 {
	padding: 0;
}

#main .diagrama {
	height: 460px;
	background: url(../../img/pub/bkg/bright.png) no-repeat center center;
	position: relative;
	padding: 0 0 20px;
}

#main .diagrama div,
#main .diagrama img {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

#main .diagrama div img {
	display: block;
	margin: 0 auto 5px;
}

#main .diagrama h3 {
	font-size: 17px;
	color: #707070;
	text-align: center;
}

#main .diagrama p {
	font-size: 12px;
	color: #707070;
	text-align: center;
}

#main .diagrama .acesso {
	position: absolute;
	left: 6.2%;
	top: 45%;
	width: 120px;
}

#main .diagrama .cadastro {
	position: absolute;
	left: 19.2%;
	top: 18.4%;
	width: 125px;
}

#main .diagrama .perfil {
	position: absolute;
	left: 43.2%;
	top: 4.3%;
	width: 120px;
}

#main .diagrama .video-aula {
	position: absolute;
	left: 66.6%;
	top: 15.2%;
	width: 120px;
}

#main .diagrama .avaliacao {
	position: absolute;
	left: 81.2%;
	top: 45.6%;
	width: 120px;
}

#main .diagrama .avaliacao img {
	margin: 0 0 5px 35px;
}

#main .diagrama .certificado {
	position: absolute;
	left: 41.1%;
	top: 41.3%;
	width: 160px;
}

#main .diagrama .certificado .mini {
	display: none;
}

#main .diagrama .arrow-1 {
	position: absolute;
	left: 11.3%;
	top: 23.9%;
}

#main .diagrama .arrow-2 {
	position: absolute;
	left: 60.4%;
	top: 67.3%;
}

#main .diagrama .arrow-3,
#main .diagrama .arrow-4 {
	display: none;
}

#main .diagrama .mais-1 {
	position: absolute;
	left: 35.4%;
	top: 13%;
}

#main .diagrama .mais-2 {
	position: absolute;
	left: 59.3%;
	top: 13%;
}

#main .diagrama .mais-3 {
	position: absolute;
	left: 82.2%;
	top: 27.1%;
}

#main .contato {
	margin: 0 0 45px;
}

#main .contato .header {
	background: #3058b9;
	margin: 0 0 45px;
}

#main .contato .header h3 {
	font-size: 30px;
	line-height: 60px;
	color: #fff;
	text-indent: 30px;
}

#main .contato form {
	float: left;
	width: 82%;
}

#main .contato form .error-msg {
	margin: 0 0 10px;
	display: none;
}

#main .contato form .error-msg p {
	font-size: 12px;
	color: #ff0000;
}

#main .contato form .form-item {
	margin: 0 0 5px;
	border-left: 5px solid #006ac0;
}

#main .contato form .form-text {
	font-size: 14px;
	color: #9c9b9b;
	border: 1px solid #f2f2f2;
	background: #f2f2f2;
	padding: 9px 10px 8px;
	width: 100%;
}

#main .contato form textarea {
	font-size: 14px;
	color: #9c9b9b;
	border: 1px solid #f2f2f2;
	background: #f2f2f2;
	padding: 9px 10px 8px;
	width: 100%;
	height: 158px;
	resize: none;
}

#main .contato form .form-multiple {
	height: 38px;
}

#main .contato form .form-multiple span {
	float: left;
	line-height: 38px;
	font-size: 14px;
	color: #9c9b9b;
	margin: 0 15px 0 10px;
}

#main .contato form .form-multiple ul {
	float: left;
}

#main .contato form .form-multiple li {
	float: left;
	margin: 0 20px 0 0;
}

#main .contato form .form-multiple li label {
	font-size: 14px;
	color: #9c9b9b;
	line-height: 38px;
}

#main .contato form .form-multiple li label input {
	vertical-align: baseline;
}

#main .contato form .form-submit {
	background: #006ac0;
	float: right;
	border: 0;
	width: 95px;
	height: 33px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#main .contato .itens {
	float: right;
	width: 14%;
	margin: -25px 0 0;
}

#main .contato .itens li {
	margin: 0 0 3px;
	background: #006ac0;
	padding: 95px 0 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#main .contato .itens li.ajuda {
	background: #006ac0 url(../../img/pub/ico/ajuda.png) no-repeat center 15px;
}

#main .contato .itens li.online {
	background: #006ac0 url(../../img/pub/ico/online.png) no-repeat center 15px;
}

#main .contato .itens li.tempo {
	background: #006ac0 url(../../img/pub/ico/tempo.png) no-repeat center 15px;
}

#main .contato .itens p {
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	text-align: center;
}

#main .contato .itens p strong {
	font-size: 17px;
	color: #a2ccee;
	text-transform: uppercase;
	display: block;
	margin: 0 0 5px;
}

#main .encontrar .mapa {
	background: #fff;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.21);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,.21);
	box-shadow: 0 2px 2px rgba(0,0,0,.21);
	border: solid 6px #fff;
	width: 61%;
	height: 292px;
	float: left;
}

#main .encontrar .mapa #mapa-canvas {
	width: 100%;
	height: 292px;
}

#main .encontrar .dados {
    padding-left: 50%;
    margin: 0px 0px 0px -168px;
	width: 35%;
}

#main .encontrar .dados h3 {
	background: #ed1f24;
	font-size: 15px;
	color: #fff;
	line-height: 39px;
	text-transform: uppercase;
	text-indent: 15px;
}

#main .encontrar .dados li {
	background: #fff;
	margin: 4px 0 0;
	padding: 0 0 0 70px;
}

#main .encontrar .dados li:first-child {
	margin: 0;
}

#main .encontrar .dados li.telefone {
	background: #fff url(../../img/pub/ico/telefone.png) no-repeat 20px center;
	height: 65px;
	line-height: 65px;
}

#main .encontrar .dados li.mail {
	background: #fff url(../../img/pub/ico/mail_2.png) no-repeat 15px center;
	height: 46px;
}

#main .encontrar .dados li.facebook {
	background: #fff url(../../img/pub/ico/facebook_2.png) no-repeat 15px center;
	height: 48px;
	line-height: 48px;
}

#main .encontrar .dados li.twitter {
	background: #fff url(../../img/pub/ico/twitter_2.png) no-repeat 15px center;
	height: 46px;
	line-height: 46px;
}

#main .encontrar .dados li span {
	font-size: 15px;
	font-weight: bold;
	color: #373737;
}

#main .encontrar .dados li span a {
	color: #373737;
}

/* modal */
#overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.8;
	-ms-filter: opacity(80);
	filter: opacity(80);
	z-index: 100;
	display: none;
}

.modal {
	display: none;
	position: absolute;
	top: 50px;
	left: 50%;
	z-index: 200;
}

#cadastro.modal,
#senha.modal{
	width: 390px;
	height: 600px;
	margin: 0 0 0 -195px;
}

#cadastro .header,
#senha .header{
	background: #ed1f24;
	text-align: center;
	height: 57px;
	padding: 17px 0 0;
}

#cadastro .header h4,
#senha .header h4{
	font-size: 30px;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 0 1px 1px rgba(0,0,0,.44);
	line-height: 30px;
}

#cadastro .header p,
#senha .header p{
	font-size: 14px;
	color: #fff;
}

#cadastro .content,
#senha .content{
	background: #fff;
	padding: 12px 15px;
}

#senha .content p {
    color: #625548;
    text-align: justify;
}

#cadastro .itens,
#senha .itens{
	margin: 0 auto 20px;
	max-width: 356px;
}

#cadastro .itens ul,
#senha .itens ul{
	overflow: hidden;
}

#cadastro .itens li,
#senha .itens li{
	float: left;
	margin: 0 0 0 5%;
	width: 30%;
	height: 50px;
	padding: 80px 0 0;
	background: #006ac0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#cadastro .itens p,
#senha .itens p{
	font-size: 12px;
	line-height: 14px;
	color: #fff;
	text-align: center;
}

#cadastro .itens p strong,
#senha .itens p strong{
	font-size: 14px;
	color: #a2ccee;
	text-transform: uppercase;
	display: block;
	margin: 0 0 5px;
}

#cadastro .itens li:first-child,
#senha .itens li:first-child{
	margin: 0;
}

#cadastro .itens li.ajuda,
#senha .itens li.ajuda{
	background: #006ac0 url(../../img/pub/ico/ajuda_2.png) no-repeat center 15px;
}

#cadastro .itens li.online,
#senha .itens li.online{
	background: #006ac0 url(../../img/pub/ico/online_2.png) no-repeat center 15px;
}

#cadastro .itens li.tempo,
#senha .itens li.tempo{
	background: #006ac0 url(../../img/pub/ico/tempo_2.png) no-repeat center 15px;
}

#cadastro form .error-msg,
#senha form .error-msg{
	margin: 0 0 10px;
	display: none;
}

#cadastro form .error-msg p,
#senha form .error-msg p{
	font-size: 12px;
	color: #ff0000;
}

#cadastro form .form-item,
#senha form .form-item{
	margin: 0 0 5px;
	border-left: 5px solid #006ac0;
	overflow: hidden;
}

#cadastro form .form-text,
#senha form .form-text{
	font-size: 14px;
	color: #9c9b9b;
	border: 1px solid #f2f2f2;
	background: #f2f2f2;
	padding: 9px 10px 8px;
	width: 100%;
}

#cadastro form .form-multiple span,
#senha form .form-multiple span{
	float: left;
	line-height: 38px;
	font-size: 14px;
	color: #9c9b9b;
	margin: 0 15px 0 10px;
}

#cadastro form .form-multiple ul,
#senha form .form-multiple ul{
	float: left;
}

#cadastro form .form-multiple-radio li,
#senha form .form-multiple-radio li{
	float: left;
	margin: 0 0 0 15px;
	line-height: 38px;
}

#cadastro form .form-multiple-radio li:first-child,
#senha form .form-multiple-radio li:first-child{
	margin: 0;
}

#cadastro form .form-multiple-checkbox ul,
#senha form .form-multiple-checkbox ul{
	margin: 10px 0 0;
}

#cadastro form .form-submit,
#senha form .form-submit{
	cursor: pointer;
	border: 0;
	margin: 40px auto 0;
	display: block;
	background: #006ac0;
	color: #fff;
	text-transform: uppercase;
	font-size: 25px;
	width: 240px;
	height: 50px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* form erros */
.parsley-error-list {
	display: none !important;
}

.parsley-success {
	border-color: #006AC0 !important;
}

.parsley-error {
	border-color: #ff0000 !important;
}

div.login .message{
    color: #ff0000;
}

.rounded-list {
    counter-reset: li !important; /* Initiate a counter */
    list-style: none !important; /* Remove default numbering */
    *list-style: decimal !important; /* Keep using default numbering for IE6/7 */
    font: 15px 'trebuchet MS', 'lucida sans' !important;
    padding: 0 !important;
    margin-bottom: 4em !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.5) !important;
}

ol li {
    padding: 15px 0px 0px 0px;
}


.rounded-list span,
.rounded-list a{
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    *padding: .4em;
    margin: .5em 0;
    background: #ddd;
    color: #444;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;
}

.rounded-list a:hover{
    background: #eee;
}

.rounded-list a:hover:before{
    transform: rotate(360deg);
}

.rounded-list span:before,
.rounded-list a:before{
    counter-reset: none;
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    background: #87ceeb;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
}

.rounded-list ul{
    background-color: #ddd;
    margin: -7px 0px 0px 0px;
    border: 0px;
    display: inline-flex;
    border-radius: 0px 0px 3px 3px;
    text-indent: 18px;
    width: 100%;
}

dt{
    position: relative;
    display: block;
    padding: .4em .4em .4em .5em;
    *padding: .4em;
    margin: .5em 0 0 2em;
    background: #ddd;
    color: #444;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;
}

ol li div select {
    margin-right: 5px;
    margin-bottom: 3px;
}

ol .form-item {
    margin: 0 0 5px;
    border-left: 5px solid #006ac0;
}

.form-item .form-text{
    font-size: 14px;
    color: #9c9b9b;
    border: 1px solid #f2f2f2;
    background: #f2f2f2;
    padding: 9px 10px 8px;
    width: 100%;
}

input[type=radio].css-checkbox {
    display:none;
}

input[type=radio].css-checkbox + label.css-label {
    padding-left:22px;
    height:17px;
    display:inline-block;
    line-height:17px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:15px;
    vertical-align:middle;
    cursor:pointer;

}

input[type=radio].css-checkbox:checked + label.css-label {
    background-position: 0 -17px;
}
label.css-label {
    background-image:url("../../img/pub/ico/csscheckboxRadio.png");
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-size: 17px;
}

body[data-page="learn"] #main .section-1,
body[data-page="practice"] #main .section-1,
body[data-page="build"] #main .section-1,
body[data-page="translate"] #main .section-1,
body[data-page="listening"] #main .section-1,
body[data-page="speak"] #main .section-1{
    padding: 0px 0;
}


section .form-submit{
    background: #006ac0;
    float: left;
    border: 0;
    width: 95px;
    height: 33px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.enviar {
    padding: 15px 0px 19px 5px;
}

.feedbackScore {
    position: relative;
    text-align: center;
    width: 50%;
    margin: 0 0 0px !important;
    background-color: #3058B9;
    color: #FFFFFF !important;
    left: 25%;
    border-radius: 5px;
    font-size: 16px !important;
    padding: 5px 0px 5px 0px;
}

.parsley-container ul{
    display: block !important;
    color: #ff0000;
}

.rounded-list audio{
    padding: 8px 0px 4px 0px;

}
.rounded-list .form-item textarea{
    height: 150px;
    overflow-y: scroll;
}

.dacast-dock{
    position: relative !important;
    text-align: center;
    width: 599px !important;
    height: 480px !important;
    margin-left: 17% !important;
}

.dacast-dock object{
    width: 640px !important;
    height: 435px !important;
    /*position: relative;*/
}

div.feedback {
    border-top-style: outset;
    border-left-style: outset;
    margin: 10px;
    padding: 5px;
}

.container .row{
    display: flex;
}

.col-xs-6{
    padding-left: 20%;
    font-family: 'PT Sans', Arial, sans-serif;
    color: #949494;
}

div.zabuto_calendar .table tr td.eventStudent div.day,div.zabuto_calendar ul.legend li.eventStudent, div.eventStudent{
    background-color: #006ac0;
}

span.badge-today{
    border-radius: 13px;
    padding: 4px;
    background-color: #ff9b08 !important;
}

div.zabuto_calendar .table{
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-spacing: 0px;
}

div.zabuto_calendar .table td{
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 1px !important;

}
tr.calendar-dow-header th{
    border-right: 1px solid #ddd;
}
tr.calendar-month-header th{
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}



div.modal-header .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

div.modal-header .close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}

div.modal-header button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.zabotu-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: none;
    overflow: auto;
    overflow-y: scroll
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-dialog {
    position: relative;
    z-index: 1050;
    width: auto;
    padding: 10px;
    margin-right: auto;
    margin-left: auto
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    font-family: 'PT Sans', Arial, sans-serif;
    color: #949494;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    min-height: 16.428571429px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.428571429
}

.modal-body {
    position: relative;
    padding: 20px
}

.modal-footer {
    padding: 19px 20px 20px;
    margin-top: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer:before, .modal-footer:after {
    display: table;
    content: " "
}

.modal-footer:after {
    clear: both
}

.modal-footer:before, .modal-footer:after {
    display: table;
    content: " "
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0
}

.modal-body .btnModal{
    position: absolute;
    left: 50%;
    bottom: -15px;
    margin: 0 0 6px -92px;
    display: block;
    background: #006ac0;
    line-height: 30px;
    width: 185px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.linkToClass{
    border-radius: 5px;
    padding: 3px 5px 3px 5px;
}

.linkToClass:hover{
    background-color: #006ac0;
    color: #FFFFFF;
    cursor: pointer;
}

@media screen and (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
    }
}