body { background: url("/imgs/bg_cloud.png") no-repeat center 0 #E5F2F8; font: 12px Arial; margin: 0; padding: 0; }

body img{ border: 0px; }
body a{ color: #3B5998; text-decoration: none; }
body a:hover{ text-decoration: underline; }

html {
overflow-y: scroll;
}

*:focus { outline: none; }

.blue{ color: #4685A9; }
.blueDark { color: #0093D9; }

.bgSilver{ background-color: #F6F6F7; }
.bgWhite{ background-color: #FFFFFF; }
.bgGreen { background-color: #E4EDE3; }

input { outline: 0px; }

table { border-spacing:0; border-collapse:collapse; }

.inner_label, .disable { color:#888; text-indent:5px; }
.inner_label.value, .disable.value { color:inherit; text-indent:0; }


/********* FADE **********/
#fadeAll { background-color: black; display: none; height: 100%; opacity: 0.60; position: fixed; width: 100%; z-index: 10; }

.fadeOption, .fadeOptionStep2, .fadeOptionOwl{ color: white; display: none; position: absolute; z-index: 1000; }

#fadeExam { background: url("/imgs/tutorial/tt_rep.png") no-repeat scroll 0 0 transparent; height: 66px; margin: 1px 0 0 258px; width: 155px; }
#fadeAccount { background: url("/imgs/tutorial/tt_con.png") no-repeat scroll 0 0 transparent; height: 88px; margin: 1px -10px 0 0px; right: 0; width: 159px; }
#fadeTree { background: url("/imgs/tutorial/tt_est.png") no-repeat scroll 0 0 transparent; height: 163px; margin: 81px 0 0 62px; width: 228px; }
#fadeTreePremium { background: url("/imgs/tutorial/assineTutorial.png") no-repeat scroll 0 0 transparent; height: 163px; margin: 81px 0 0 354px; width: 228px; }
#fadeFollow { background: url("/imgs/tutorial/tt_seg.png") no-repeat; height: 185px; margin: 19px 0 0 243px; width: 156px; }
#fadePhoto { background: url("/imgs/tutorial/tt_per.png") no-repeat; height: 128px; margin: -52px 0 0 59px; width: 130px; }
#fadeOwl { margin: -40px 0 0 479px; }

/* step 2 */

#fadeLevel { background: url("/imgs/tutorial/tt_pro.png") no-repeat scroll 0 0 transparent; height: 128px; margin: -19px 0 0 -22px; width: 530px; }
#fadeMission { background: url("/imgs/tutorial/tt_mis.png") no-repeat scroll 0 0 transparent; height: 90px; margin: 1px 0 0 313px; width: 165px; }
#fadeMissionAll { background: url("/imgs/tutorial/tt_mis_cpt.png") no-repeat scroll 0 0 transparent; height: 463px; margin: -7px 0 0 -5px; width: 344px; }
#fadeRank { background: url("/imgs/tutorial/tt_fol.png") no-repeat scroll 0 0 transparent; height: 150px; margin: -7px 0 0 -5px; width: 344px; }
#fadeOwlStep2 { margin: 36px 0 0 120px; }

#fadeProvas{ border-top: 1px solid silver;margin: -75px 0 0 68px; padding: 0 5px 2px 5px; }

/********* INDEX / EQUIPE / SOBRE **********/

@font-face{ font-family: Museo100; src: url(/lib/fonts/Museo100-Regular.otf); }
@font-face{ font-family: Museo300; src: url(/lib/fonts/Museo_Sans_300Italic.otf); }
@font-face{ font-family: Museo500; src: url(/lib/fonts/Museo500-Regular.otf); }

.team { float: left; margin: 25px 0 25px 70px; width: 850px; }
.team .perfil { float: left; margin: 0 15px; width: 190px; }
.team .perfil .photo { height: 200px; overflow: hidden; width: 187px; }
.team .perfil .photo img { min-height: 200px; width: 187px; }
.team .perfil .social ul { float: left; margin: 0; padding: 0; }
.team .perfil .social ul li { float: left; list-style: none; margin-right: 1px; }

.team .info { float: left; line-height: 21px; padding: 10px; text-align: justify; width: 610px; }
.team .info h1 { font-family: Museo100; font-size: 30px; font-weight: bold; margin-bottom: 0; margin-top: 0; }
.team .info h2 { font-family: Museo100; font-size: 16px; font-weight: normal; margin-bottom: 33px; }

.tituloEquipe { font-family: Museo100; font-size: 40px; float: left; margin: 30px 0 0 68px; }

#redefinirSenha { float: left; margin-bottom: 25px; margin-top: 25px; width: 980px; }
#redefinirSenha table {
    width: 300px;
    margin: auto;
    background-color: #EBEBEB;
    border: 1px solid #EBEBEB;
    border-radius: 5px;
}

#about { background: url("/imgs/bgHome/bg_about.jpg") no-repeat scroll 0 0 #E5F2F8; float: left; height: 281px; margin-top: 55px; width: 980px; }
#about .owl { margin: -84px 0 0 360px; position: absolute; }
#about table { line-height: 20px; margin: 100px auto 0; width: 760px; }
#about table td { padding: 0 10px; }

#about_mission { background-color: #41B1B8; color: #FFFFFF; float: left; padding: 0 30px 30px; width: 920px; }
#about_mission h1 { font-family: Museo100; font-size: 30px; font-weight: normal; margin-left: 44px; }
#about_mission span { color: #F4F4F4; float: left; font-size: 16px; margin-left: 80px; width: 775px; }

#boxPartenrs .box { background-color: #D8F0EE; float: left; height: 170px; width: 170px; }
#boxPartenrs .box_dark { background-color: #C5E7EA; float: left; height: 170px; width: 170px; }
#boxPartenrs { clear: both; margin: auto; padding: 20px; width: 680px; }

#boxTerms { clear: both; line-height: 20px; margin: auto; padding: 20px; text-align: justify; width: 680px; }
#boxTerms .box { background-color: #D8F0EE; }
#boxTerms .box_dark { background-color: #C5E7EA; }
#boxTerms table td { padding-right: 20px; }

#testeBeta{ left: 54%; width: 500px; }
#testeBeta .info { color: #0086cb; float: left; font-size: 14px; line-height: 20px; margin: 10px 0; text-align: justify; }

#betaInfo { background-color: #FFFFFF; border: 1px solid #C3BCBC; border-radius: 5px 5px 5px 5px; color: #0086CB; display: none; font-size: 12px; font-weight: bold; line-height: 20px; margin: 72px 0 0 144px; padding: 10px; position: absolute; width: 183px; }
#betaInfo button { margin: 7px 0 0 42px; }
#betaInfo .arrow { background: url("/imgs/icons/arrow_beta.png") repeat scroll 0 0 transparent; height: 7px; margin: -17px 0 0 15px; position: absolute; width: 12px; }

#loadingRegisterBeta { float: left; height: 25px; margin-top: 12px; text-align: center; width: 215px; }
#loadingRedefinir, #loadingForgotPassword { float: left; height: 25px; margin-top: 5px; margin-bottom: 7px; text-align: center; width: 215px; }

/********* HEADER **********/

#borderTop{ border-top: 6px solid #008ECB; width: 100%; }

#header { margin: 10px auto; width: 990px; }    

#header #logo { float: left; margin: 5px 0 0 10px; }
#header #login { color: #167AA2; float: right; /*width: 560px;*/ }
#header #login table { background-color: #F0F0F0; border-radius: 5px 5px 5px 5px; box-shadow: 2px 2px 2px silver; height: 38px; margin-top: 12px; padding: 2px 4px; }
#header #login .input { background-color: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px; font-size: 16px; margin: 0 5px; padding: 4px; }

#header #login ul { float: left; margin-top: 4px; }
#header #login ul li { float: left; height: 30px; list-style: none; margin-right: 10px; vertical-align: middle; }
#header #login ul li label{ cursor: pointer; }
#header #login ul li a { color: #167AA2; float: left; text-decoration: none; }

#login_details { float: left; height: 33px; margin: 3px 0 0 -40px; }
#login_error{ display: none; margin-left: 50px; margin-top: 4px; padding: 4px 0; text-align: center; width: 240px; }
#login_maintenance{ display: none; text-align: center; }
#field_login_load img { height: 18px; }
#conectar_facebook { float: right; margin-top: 5px; }

.separator{ border-bottom: 1px solid #E9E9E9; clear: both; }
.separatorBlue{ border-bottom: 1px solid #FFFFFF; border-top: 1px solid #ACD3E5; clear: both; margin: 20px auto; width: 900px; }

#fixClear{ clear: both; height: 38px; }
#headerPanel { background: url("/imgs/bg_panel_header.png") repeat-x; height: 39px; position: fixed; width: 100%; z-index: 20000; }
#headerPanel ul { height: 38px; float: left; margin: 0; }
#headerPanel ul li { list-style: none; }
#headerPanel ul li a:hover, #headerPanel .selected { background-color: #111A1C; }
#headerPanel ul li a { color: #63A9BE; float: left; height: 27px; padding: 5px 10px 7px; text-decoration: none; text-shadow: 1px 0 1px #000; }

#headerPanel .photoPerfil { float: right; height: 24px; margin-right: 5px; overflow: hidden; width: 24px; }
#headerPanel .photoPerfil img { float: left; min-height: 24px; width: 24px; }

#insideHeaderPanel { margin: auto; max-width: 1350px; }
#insideHeaderPanelRight { float: right; position: absolute; right: 10px; }

#sendFeedback { left: -38px; position: fixed; top: 145px; }
#sendFeedback:hover { left: 0; }

#headerPanelAdmin { background: url("/imgs/bg_panel_header.png") repeat-x; height: 39px; position: fixed; width: 100%; z-index: 20000; }

#headerPanel .owl { float: left; left: 0; margin: -5px 0 0 10px; position: absolute; }
#headerPanel .center { margin: auto; width: 950px; }

.content-area{ height: 330px; /*width: 306px;*/ }

/*
#barSubjectMore a { color: #111A1C; float: left; padding: 7px 10px; text-decoration: none; width: 107px; }
#barSubjectMore a:hover { background-color: #ECECEC; }

#barSubjectMore ul li a {
    color: #93CAC5;
}*/

#barExam { background-color: #315360; color: #93cac5 !important; font-weight: bold; margin-left: 10px; padding-bottom: 0 !important; padding-top: 12px !important; text-shadow: 1px 0 1px #315660 !important; text-transform: uppercase; }

#barSubject { background-color: #315360; color: #93cac5 !important; font-weight: bold; margin-left: 380px; padding-bottom: 0 !important; padding-top: 12px !important; text-shadow: 1px 0 1px #315660 !important; text-transform: uppercase; }

#barSubjectMore { background-color: #315360; border: 1px solid #315360; border-radius: 0 0 5px 5px; box-shadow: 1px 2px 2px #315360; display: none; margin: 39px 0 0 383px; position: absolute; width: 132px; }
#barSubjectMore a { color: #93CAC5; float: left; height: 23px; padding: 7px 10px 0 10px; text-decoration: none; vertical-align: middle; width: 111px; }
#barSubjectMore a:hover { background-color: #3A6170; }
#barSubjectMore img { float: left; margin-right: 5px; margin-top: -5px; }

#barConfigMore { background-color: #FFFFFF; border: 1px solid silver; border-radius: 0 0 5px 5px; box-shadow: 1px 2px 2px silver; display: none; margin: 39px 0 0 1208px; position: absolute; right: 19px; width: 131px; }
#barConfigMore a { color: #111A1C; float: left; padding: 7px 10px; text-decoration: none; width: 111px; }
#barConfigMore a:hover { background-color: #ECECEC; }
#barConfigMore img { float: left; margin-right: 5px; }

#barMissionMore { background-color: #FFFFFF; border: 1px solid silver; border-radius: 0 0 5px 5px; box-shadow: 1px 2px 2px silver; display: none; margin: 39px 0 0 253px; padding-bottom: 3px; position: absolute; width: 300px; }
#barMissionMore a { color: #111A1C; float: left; padding: 7px 10px; text-decoration: none; width: 118px; }
#barMissionMore a:hover { background-color: #ECECEC; }
#barMissionMore img { float: left; margin-right: 5px; }
#barMissionMore .loader { margin: 20px auto; padding-bottom: 20px; width: 18px; }

#barFriendMore { background-color: #FFFFFF; border: 1px solid silver; border-radius: 0 0 5px 5px; box-shadow: 1px 2px 2px silver; display: none; margin: 39px 0 0 1000px; position: absolute; right: 140px; width: 280px; }
#barFriendMore a { color: #111A1C; float: left; padding: 7px 10px; text-decoration: none; width: 118px; }
#barFriendMore .loader { margin: 20px auto; padding-bottom: 20px; width: 18px; }

#barFriendMore .alert, #barMissionMore .alert { border: 0px; }
#barFriendMore .alert-success, #barMissionMore .alert-success { background-color: #FFFFFF; border: 0; color: #000000; text-align: center; text-shadow: none; padding: 0 0 10px 0; }

#barExamMore { background-color: #FFFFFF; border: 1px solid silver; border-radius: 0 0 5px 5px; box-shadow: 1px 2px 2px silver; display: none; margin: 39px 0 0 189px; padding: 0 10px 10px 10px; position: absolute; text-align: center; width: 280px; }

#barFriend .counter { display: block; margin: -34px 0 0 -5px; }

#barExam .counter { display: block; margin: -34px 0 0 -5px; }

#searchInBar { float: left; margin: 8px 25px 0 0; }
#searchInBar input { width: 125px; }
#searchInBar .search-friend { border: 1px solid #9B9B9B; border-radius: 4px; margin-bottom: 0; padding: 2px 5px 4px; }
/*#searchInBar input:focus { width: 150px; }*/

@media(max-width:1300px) {
    #searchInBar {
        display: none;
    }
}
@media(max-width:1025px) {
    #faleConoscoHeader {
        display: none;
    }
}
/********* BOARD ***********/

#saveBoard { color: white; display: none; margin: 174px 0 0 886px; opacity: 0.6; position: absolute; text-shadow: 1px 1px 1px #000; z-index: 100; }
#headerBoard { background: url("/imgs/board/background.jpg") no-repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #E0E0E0; height: 220px; margin: auto; width: 980px; }

#headerBoard a { color: black; text-decoration: none; }
/*#headerBoard a:hover { text-decoration: underline; }*/

#headerBoard .selected { color: #0D99BC; }

#headerBoard .disciplina { padding-top: 5px; height: 85px; text-align: center; }

#headerBoard .photo { margin-top: -50px; position: absolute; width: 250px; }
#headerBoard .photo a { display: inline; }

#headerBoard .photo img,
#headerBoardPerfil .photo img { border: 1px solid #E0E0E0; min-height: 115px; width: 115px; }
#headerBoard .photo .border { border: 4px solid white; border-radius: 6px; float: left; overflow: hidden; height: 115px; margin-left: 61px; }
#headerBoard .photo span,
#headerBoardPerfil .photo span { float: left; font-size: 18px; font-weight: bold; margin-left: 13px; overflow: hidden; text-align: center; width: 225px; white-space: nowrap; }

#headerBoard .mission { border-right: 1px solid #E2D4D4; float: left; height: 100px; margin-top: 20px; padding: 0 10px; width: 400px; }

#headerBoard .mission .points img { float: left; margin-top: -2px; }
#headerBoard .mission .points { float: right; padding-top: 4px; text-align: center; width: 45px; }
#headerBoard .mission .title { float: left; height: 13px; margin: 0 5px; line-height: 25px; overflow: hidden; width: 12px; }
#headerBoard .mission .mission_action { float: left; width: 315px; }
#headerBoard .mission .mission_action td { vertical-align: top; }
#headerBoard .mission .mission_action .widthTable { width: 290px; }
#headerBoard .mission .mission_footer { clear: both; float: left; margin-top: 10px; }

#headerBoard .social { border-right: 1px dotted #E0E0E0; float: left; height: 100px; margin: 20px 0 0 50px; padding: 0 10px; width: 300px; }
#headerBoard .social table { color: #333333; margin-top: 30px; }
#headerBoard .social th { height: 24px; padding-top: 2px; vertical-align: top; width: 22px; }
#headerBoard .social td { float: left; height: 28px; line-height: 17px; overflow: hidden; vertical-align: top; }

#count_seguindo{ display: inline; }

#headerBoard .gamification { float: left; margin: 20px 0 0 45px; width: 510px; }
#headerBoard .gamification table { color: #333333; margin: auto; width: 330px; }
#headerBoard .gamification th { height: 29px; vertical-align: bottom; width: 30px; }
#headerBoard .gamification td { vertical-align: bottom; }

#div_pontos { height: 28px; width: 150px; }

.progressBarBoardPercent { background: url("/imgs/progressBar/boardBarPercent.png") repeat-x scroll 0 0 transparent; border-radius: 5px 5px 5px 5px; float: left; height: 22px; max-width: 100%; }
.progressBarBoardPercent span { color: #4D4A39; float: right; font-size: 11px; font-weight: bold; padding: 3px 5px 0 0; }

#progressBarBoard { background: url("/imgs/progressBar/boardBar.png") repeat scroll 0 0 transparent; border-radius: 5px 5px 5px 5px; clear: both; height: 22px; margin: 15px auto 0; width: 420px; }
#progressBarBoard .nextLevel { margin: -21px 0 0 395px; position: absolute; }
#progressBarBoard .nextLevel img { width: 55px; }
#progressBarBoard .currentLevel { margin: -63px 0 0 -65px; position: absolute; }
#progressBarBoard .currentLevel img { width: 107px; }
#progressBarBoard .infoPoints { clear: both; color: #939393; font-size: 11px; margin: auto; padding-top: 2px; text-align: center; width: 435px; }

#progressLevel10 { background: url("/imgs/progressBar/level10_completed.png") no-repeat scroll 0 0 transparent; float: left; height: 60px; margin: 20px 0 0 -27px; width: 532px; }
#progressLevel10 .medal img { height: 114px; width: 100px; }
#progressLevel10 .points img { float: left; margin: 3px; }
#progressLevel10 .points { float: left; margin: 30px 0 0 20px; text-align: center; width: 190px; }
#progressLevel10 .trohpy img { float: right; margin: 3px; }
#progressLevel10 .trohpy { float: left; margin: 30px 0 0 10px; text-align: center; width: 180px; }
#progressLevel10 .medal { float: left; margin-left: 6px; margin-top: -21px; width: 100px; }
#progressLevel10 .points span { color: #B66200; float: right; margin-top: 4px; text-shadow: 1px 0 1px #FFFFFF; }
#progressLevel10 .trohpy span { color: #B66200; float: left; margin-top: 4px; text-shadow: 1px 0 1px #FFFFFF; }

/********* BOARD - BIG *****/

/*#changePhoto { background-color: rgba(0, 0, 0, 0.4); color: #FFFFFF; display: none; margin: -21px 0 0 2px; padding: 2px 5px 4px; position: relative; text-align: center; text-shadow: 1px 2px 1px #000000; width: 105px; }*/
#changePhoto { background-color: rgba(0, 0, 0, 0.4); color: #FFFFFF; display: none; margin: -29px 0 0 1px; padding: 2px 5px 4px; position: relative; text-align: center; text-shadow: 1px 2px 1px #000000; width: 105px; }

#headerBoardPerfil { background: url("/imgs/board/background_big.jpg") no-repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #E0E0E0; height: 224px; margin: auto; width: 980px; }
#headerBoardPerfil a{ text-decoration: none; }

#headerBoardPerfil .photo { margin-top: -104px; margin-left: 19px; position: absolute; width: 250px; }
#headerBoardPerfil .photo .border { border: 2px solid white; border-radius: 6px 6px 6px 6px; float: left; height: 115px; margin-left: 61px; overflow: hidden; }

#editModeBoard { clear: both; display: none; margin: 8px 0 0 17px; padding: 0; position: absolute; text-align: center; width: 250px; }

#barPerfilInfo { background-color: #FFFFFF; border-radius: 0 0 5px 5px; clear: both; float: left; height: 50px; margin-top: 0px; margin-bottom: 1px; width: 100%; }
#barPerfilInfo ul { float: left; margin-left: 235px; }
#barPerfilInfo ul li { border-left: 1px solid #E3E3E3; border-right: 1px solid #E3E3E3; float: left; height: 16px; list-style: none outside none; padding: 9px 11px 5px 11px; }
/*#barPerfilInfo ul li a { color: #000000; }*/
#barPerfilInfo ul li img { float: left; margin-right: 5px; }

/********* BODY ************/

#body{ clear: both; margin: auto; width: 1335px;}
#perfilBody, #whiteBody { background-color: white; box-shadow: 0px 2px 3px silver; float: right; width: 980px; }

#whiteBodyAdmin { background-color: white; box-shadow: 0px 2px 3px silver; margin-top: -11px; padding-top: 11px; }

.centraliza { margin: auto; width: 1190px; }

/*.infoUserHeader{ clear: both; margin: auto; width: 980px; }*/

#owl { background: url("/imgs/bg_owl.png") no-repeat; float: right; height: 232px; margin-right: 25px; width: 850px; }
#owl_marathon { background: url("/imgs/marathon/bg_owl_marathon.png") no-repeat scroll 410px 0 rgba(0, 0, 0, 0); float: left; height: 232px; margin-right: 25px; width: 980px; }
#owl_marathon img { float: left; margin: 20px 0 0 40px; }

#how_its_works { color: #C95E84; float: left; font-size: 37px; margin-left: 100px; margin-top: 50px; }
#how_its_works table td { font-size: 12px; }
#how_its_works table th { font-size: 21px; }

#register { background-color: #F4F4F4; border-radius: 5px 5px 5px 5px; float: right; font-size: 16px; margin-bottom: 10px; margin-right: 170px; margin-top: 30px; padding: 20px 0 10px 0; text-align: center; width: 295px; }
#register .input { border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px; margin: 3px 0; padding: 4px 6px; width: 261px; }
#register input { margin-top: 10px; }
#register span { color: #0086CB; float: left; font-size: 17px; margin-bottom: 5px; text-align: left; }

#logoFace{ float: right; }
#nameFace { color: #868695; float: left; margin-top: 6px; margin-left: 7px; overflow: hidden; text-align: left; width: 185px; white-space: nowrap; }
#imgFace { float: left; }
#imgFace img { border-radius: 3px; float: left; height: 32px; width: 32px; }
#infoFace { background-color: #DBDBEA; border: 1px solid silver; border-radius: 5px; display: none; height: 32px; margin: 0 auto 10px auto; padding: 5px; width: 264px; }

.boxWhite{ background-color: #FFFFFF; color: #797979; float: left; }
.boxWhite h1, .boxWhiteWithFloat h1 { color: #000000; float: left; font-size: 17px; height: 30px; margin: 0; padding: 5px 0 0 10px; }
.boxWhite h2, .boxWhiteWithFloat h2 { clear: both; }

.boxWhiteWithFloat{ background-color: #FFFFFF; color: #797979; clear: both; padding-top: 1px; }
.boxWithRanking{ min-height: 847px; }

.or_with{ font-size: 12px; margin-top: 15px; }

/******** HAS MORE *********/

#hasMore{ color: #618440; float: left; cursor: pointer; }

#moreDetails { display: none; float: left; }
#moreDetails td { color: #828282; line-height: 18px; padding: 10px; text-align: justify; vertical-align: top; }
#moreDetails td h1 { color: #15B2C0; font-size: 20px; }

#backTop { margin-top: 10px; }
#backTop table td { color: #618440; cursor: pointer; padding: 0px; vertical-align: middle; }

/********* MODAL ***********/

.modalReward { background: url("/imgs/modal/background.png") repeat scroll 0 0 transparent; border: 0 none; height: 317px; width: 678px; }
.modalReward .icon { float: left; margin: 23px 0 0 13px; width: 275px; }
.modalReward .icon_level { /*background: url("/imgs/modal/icon_nivel.png") no-repeat scroll 0 0 transparent;*/ color: #E28D00; float: left; font-family: comic Sans MS; font-size: 90px; font-weight: bold; height: 235px; margin: 35px 0 0 48px; padding: 40px 0 0 60px; text-shadow: 1px 1px 1px #F5D684; width: 170px; }
.modalReward .title { color: #3A2C41; float: left; font-size: 45px; font-weight: bold; margin-top: 70px; text-shadow: 1px 1px 1px #D6C881; text-transform: uppercase; width: 340px; }
.modalReward .dsc { color: #E38B00; float: left; font-size: 27px; font-weight: bold; margin-top: 5px; text-shadow: 1px 1px 1px #FCEC94; width: 340px; }
.modalReward .share { float: left; margin-top: 10px; }
.modalReward .owl { background: url("/imgs/modal/owl.png"); bottom: 9px; height: 141px; position: absolute; right: 22px; width: 161px; }
.modalReward .buttonClose{ position: absolute; right: 10px; top: 10px; }

#modalSimulado { background-color: #E5F2F8; border: 0 none; height: 317px; overflow: hidden; width: 678px; }
#modalSimulado .header { margin: 23px 0; }
#modalSimulado .header label { color: #303030; float: left; font-size: 18px; margin-left: 90px; margin-top: 10px; text-align: center; width: 250px; }
#modalSimulado .header img { float: left; margin-left: 20px; }
#modalSimulado .header .info { clear: right; color: #FF8D00; float: left; font-size: 38px; margin-left: 90px; text-shadow: 0 2px 1px #000000; text-transform: uppercase; text-align: center; width: 250px; }
#modalSimulado .content { background-color: #3C2D42; clear: both; color: #FFFFFF; float: left; font-weight: bold; line-height: 19px; margin-top: 20px; padding: 10px 10px 10px 290px; text-align: justify; }
#modalSimulado .footer a { float: right; margin: 10px 110px 0 0; }
#modalSimulado .owl { margin-left: -60px; margin-top: -116px; position: relative; }
#modalSimulado .buttonClose { position: absolute; right: 2px; top: 2px; }

#modalTerminouAssunto{ background: url("/imgs/modal/background_green.png") repeat scroll 0 0 transparent; }
#modalTerminouAssunto .title{ text-shadow: 1px 1px 1px silver; }
#modalTerminouAssunto .dsc{ color: white; text-shadow: 1px 1px 1px silver; }

#modalRank { background: url("/imgs/bg_white.jpg") repeat scroll 0 0 transparent; border: 0 none; border-radius: 10px; width: 919px; }
#modalRank .header { background: url("/imgs/modal/ranking/head.png") repeat scroll 0 0 transparent; height: 82px; width: 919px; }
#boxRankLimit { max-height: 400px; overflow: auto; }

#boxRank { margin: 0 auto 25px auto; }
#boxRank .photo { text-align: center; width: 100px; }
#boxRank .rank { color: #494949; font-size: 28px; font-weight: bold; text-align: center; width: 80px; }
#boxRank .photo img { border: 1px solid #D1D1D3; height: 75px; margin: 5px 0; width: 75px; }
#boxRank .medal { text-align: center; width: 75px; }
#boxRank .details { font-size: 14px; font-weight: bold; padding-left: 20px; text-align: left; width: 400px; }


.isMe{ background-color: #D9F1FC; }


/********* PANEL ***********

.basicInfo { background-color: white; border-left: 1px solid #E9E9E9; float: left; height: 130px; width: 225px; }
.basicInfo a { color: #ACACAC; font-size: 11px; }

.basicInfo table { width: 220px; margin: 20px auto 0 auto; }
.basicInfo .img { padding-right: 10px; text-align: right; height: 80px; }
.basicInfo .points { color: #303030; height: 40px; font-size: 24px; font-weight: bold; vertical-align: bottom; }
.basicInfo .points span { font-size: 17px; }
.basicInfo .info { color: #303030; font-size: 12px; font-weight: normal; height: 18px; vertical-align: top; }

.basicInfoSubject td { font-size: 14px; padding: 10px 5px; }

.basicInfoResume{ background-color: white; border-left: 1px solid #E9E9E9; float: left; height: 30px; width: 225px; }
.basicInfoResume table { width: 220px; margin: 5px auto 0 auto; }

.basicInfoResume .img { padding-left: 10px; padding-right: 5px; text-align: right; width: 25px; }
.basicInfoResume .points { color: #303030; font-size: 14px; font-weight: normal; height: 20px; vertical-align: top; }

#btnMinus { background-color: white; border-radius: 0 0 5px 0; float: left; height: 20px; padding-top: 110px; text-align: right; width: 24px; }
#btnPlus { background-color: white; border-radius: 0 0 5px 0; float: left; height: 20px; padding-top: 10px; text-align: right; width: 24px; }

/* basic information *
#basicInformation{ border-radius: 0 0 0 5px; height: 130px; margin-bottom: 2px; width: 278px; }
#basicInformation h1 { color: #303030; float: left; font-size: 16px; margin: 5px 0 5px 5px; overflow: hidden; padding: 0; white-space: nowrap; width: 150px; }
#basicInformation h2 { color: #979797; font-size: 12px; font-weight: normal; margin: 0 0 0 5px; padding: 0; }
#basicInformation img { border-radius: 5px; height: 90px; margin: 10px 5px 0 10px; width: 90px; }
#basicInformation a { color: #979797; float: left; margin: 20px 0 0 5px; }

#basicInformationResume{ border-radius: 0 0 0 5px; border-right: 1px solid #E9E9E9; height: 30px; margin-bottom: 2px; width: 277px; }

/* current points *

#currentPoints{ border-right: 1px solid #E9E9E9; height: 110px; margin-bottom: 2px; padding: 10px; width: 241px; }
#currentPoints table th { float: left; font-weight: normal; height: 14px; margin-top: 5px; }
#currentPoints table td a { color: #979797; }
#currentPoints table td img { margin: 5px 10px; }

#currentPointsResume{ border-right: 1px solid #E9E9E9; height: 28px; margin-bottom: 2px; padding: 2px 10px 0 10px;width: 181px; }
#currentPointsResume img{ height: 20px; margin-left: 10px; }

/* progress bar *

#basicProgressBar{ border-left: 1px solid #E9E9E9; height: 110px; margin: 0 0 2px 0; padding: 10px; width: 431px; }
#basicProgressBarResume{ border-left: 1px solid #E9E9E9; height: 30px; margin: 0 0 2px 0; width: 451px; }

/******* SUBJECT ***********/
/******** MATERIAS *********/

.boxArea { float: left; display: none; }

.subject{ float: left; height: 102px; margin: 0px 0 20px 56px; width: 237px; }
.subject a:hover{ text-decoration: none; }

.off { display: none; height: 79px; margin: 22px 0 0 16px; width: 205px; }
.faixa { margin-left: -1px; }

.on { display: none; background: url("/imgs/subject/subject_on.png") no-repeat; height: 79px; margin: 22px 0 0 16px; width: 205px; }
.on .title { color: #006D78; float: left; font-weight: bold; font-size: 19px; margin: 10px 0 0 13px; text-shadow: 1px 1px 1px white; }
.on .progressBar { background: url("/imgs/progressBar/bgBar.png") repeat scroll 0 0 transparent; border-radius: 5px 5px 5px 5px; clear: both; float: left; height: 17px; margin: 10px 0 0 8px; width: 180px; }
.on .progressPercent span { color: #526F70; float: right; margin-top: 1px; overflow: hidden; width: 100%; }

/*.on .currentLevel { background: url("/imgs/tree/level.png") no-repeat scroll 0 0 transparent; color: #E18A00; font-size: 18px; font-weight: bold; height: 35px; margin: -20px 0 0 148px; padding-top: 18px; position: absolute; text-shadow: 1px 1px 1px #FFDE83; width: 52px; }*/

.on .currentLevel { margin: -40px 0 0 147px; padding-top: 18px; position: absolute; text-shadow: 1px 1px 1px #FFDE83; }
.on .currentLevel img { width: 55px; }

.on .progressBar .currentLevelSmall { background: url("/imgs/tree/currentLevel.png") no-repeat scroll 0 0 transparent; color: #F36700; font-weight: bold; height: 20px; margin: -4px 0 0 -4px; padding-top: 5px; position: absolute; text-shadow: 1px 1px 1px #F8931B; width: 25px; }
.on .progressBar .nextLevelSmall { background: url("/imgs/tree/nextLevel.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; font-weight: bold; height: 20px; margin: -3px 0 0 168px; padding-top: 5px; position: absolute; text-shadow: 1px 1px 1px #D8D8D8; width: 25px; }

.level10 { display: none; background: url("/imgs/subject/subject_level10.png") no-repeat; margin-top: 10px; height: 92px; width: 237px; }
.level10 .currentLevel { margin-left: 90px; position: absolute; }
.level10 .title { color: #9E606F; font-weight: bold; padding-top: 59px; text-transform: uppercase; }

.done { display: none; height: 102px; margin-left: 16px; width: 207px; }

#matematica .off { background: url("/imgs/subject/matematica_off.png") no-repeat; }
#portugues .off { background: url("/imgs/subject/portugues_off.png") no-repeat; }
#fisica .off { background: url("/imgs/subject/fisica_off.png") no-repeat; }
#quimica .off { background: url("/imgs/subject/quimica_off.png") no-repeat; }
#biologia .off { background: url("/imgs/subject/biologia_off.png") no-repeat; }
#geografia .off { background: url("/imgs/subject/geografia_off.png") no-repeat; }
#literatura .off { background: url("/imgs/subject/literatura_off.png") no-repeat; }
#historia .off { background: url("/imgs/subject/historia_off.png") no-repeat; }
#espanhol .off { background: url("/imgs/subject/espanhol_off.png") no-repeat; }
#ingles .off { background: url("/imgs/subject/ingles_off.png") no-repeat; }

#matematica .done { background: url("/imgs/subject/matematica_done.png") no-repeat; }
#portugues .done { background: url("/imgs/subject/portugues_done.png") no-repeat; }
#fisica .done { background: url("/imgs/subject/fisica_done.png") no-repeat; }
#quimica .done { background: url("/imgs/subject/quimica_done.png") no-repeat; }
#biologia .done { background: url("/imgs/subject/biologia_done.png") no-repeat; }
#geografia .done { background: url("/imgs/subject/geografia_done.png") no-repeat; }
#literatura .done { background: url("/imgs/subject/literatura_done.png") no-repeat; }
#historia .done { background: url("/imgs/subject/historia_done.png") no-repeat; }
#espanhol .done { background: url("/imgs/subject/espanhol_done.png") no-repeat; }
#ingles .done { background: url("/imgs/subject/ingles_done.png") no-repeat; }

.matematica {
    background: url("/imgs/tree/structure/matematica.png") no-repeat scroll 97px 50px transparent;
}

/********* TREE ************/

#tree { width: 100%; }
#tree h1 { font-size: 18px; font-variant: small-caps; margin-left: 72px; padding: 0; text-align: left; text-transform: capitalize; }
#tree h2 { color: #ACACAC; font-size: 14px; margin-left: 72px; padding: 0; text-align: left; }

.btnToShowAndHide { margin-left: 399px; position: absolute; }
.btnToShowAndHidePlus { margin-left: 529px; margin-top: 10px; position: absolute; }

#boxFull, .boxFull { clear: both; float: left; width: 980px; }

/* box in tree */
.treeCenter{ margin: auto; width: 750px; }
.tree table { width: 100%; }
.tree td { text-align: center; width: 33%; }

.blocked{ background: url("/imgs/tree/bg_blocked.png") no-repeat; height: 48px; margin: 13px auto; overflow: hidden; width: 142px; }

.locked{ background: url("/imgs/tree/bg_locked.png") no-repeat; height: 48px; margin: 13px auto; overflow: hidden; width: 142px; }
  .locked .text { color: #9B9B9B; font-weight: bold; height: 46px; max-width: 95px; overflow: hidden; padding-left: 10px; text-align: left; text-shadow: 1px 1px 1px white; width: 95px; }
  .locked .img { float: right; padding-top: 15px; width: 30px; }
  .locked a{ color: #9B9B9B; }
  .locked a:hover{ text-decoration: none; }

.opened{ background: url("/imgs/tree/bg_opened.png") no-repeat; height: 48px; margin: 13px auto; width: 142px; }
  .opened .text { color: #317F72; float: left; font-weight: bold; margin-top: 6px; overflow: hidden; padding-left: 9px; text-align: left; text-shadow: 1px 1px 1px #F7F7F7; white-space: nowrap; width: 125px; }
  .opened .bar { background: url("/imgs/tree/bar.png") no-repeat; float: left; height: 16px; margin-left: 7px; margin-top: 2px; padding: 0; width: 128px; }
  .opened .progress_opened { background: url("/imgs/tree/bar_progress.png") no-repeat; height: 16px; width: 0%; }
  .opened a{ color: #317F72; }
  .opened a:hover{ text-decoration: none; }

.finished{ background: url("/imgs/tree/bg_finished.png") no-repeat; height: 48px; margin: 13px auto; overflow: hidden; width: 142px; }
  .finished .text { color: #C57901; font-weight: bold; height: 46px; max-width: 96px; overflow: hidden; padding-left: 5px; text-align: left; text-shadow: 1px 1px 1px white; width: 92px; }
  .finished .img { float: right; padding-top: 5px; width: 46px; }
  .finished a{ color: #C57901; }
  .finished a:hover{ text-decoration: none; }

/************ SELECIONAR TV / PRATICAR / PROVAS **************/

.subjectMethod { clear: both; float: left; margin-top: 25px; }
.subjectMethod table{ margin: 25px auto 30px 100px; width: 800px; }
.subjectMethod td { padding: 10px 25px; text-align: center; width: 50%; }
.subjectMethod .text { line-height: 18px; text-align: justify;vertical-align: top; }

.subjectMethod h1 { color: #303030; font-size: 20px; padding: 0 0 0 30px; text-align: left; }
.subjectMethod h2 { color: #979797; font-size: 14px; font-weight: normal; padding-left: 30px; text-align: left; }

.progressSubject { float: left; height: 35px; margin-left: 30px; }
.progressSubject .bg_center { float: left; }
.progressSubject .bg_center a { background: url("/imgs/tree/progress/bg_center.png") repeat scroll 0 0 transparent; color: black; float: left; font-weight: bold; height: 26px; padding: 9px 10px 0; text-shadow: 1px 1px 1px #F3FEFF; text-decoration: none; }
.progressSubject .bg_left { background: url("/imgs/tree/progress/bg_left.png") no-repeat scroll 0 0 transparent; float: left; height: 35px; width: 6px; }
.progressSubject .bg_left_next { background: url("/imgs/tree/progress/bg_left_next.png") no-repeat scroll 0 0 transparent; float: left; height: 35px; width: 9px; }
.progressSubject .bg_right { background: url("/imgs/tree/progress/bg_right.png") no-repeat scroll 0 0 transparent; float: left; height: 35px; width: 12px; }

.progressSubject .bg_center_green { float: left; }
.progressSubject .bg_center_green a { background: url("/imgs/tree/progress/bg_center_green.png") repeat scroll 0 0 transparent; color: black; cursor: default; float: left; font-weight: bold; height: 26px; padding: 9px 10px 0; text-shadow: 1px 1px 1px #F3FEFF; text-decoration: none; }
.progressSubject .bg_left_next_green { background: url("/imgs/tree/progress/bg_left_next_green.png") no-repeat scroll 0 0 transparent; float: left; height: 35px; width: 9px; }
.progressSubject .bg_right_green { background: url("/imgs/tree/progress/bg_right_green.png") no-repeat scroll 0 0 transparent; float: left; height: 35px; width: 12px; }

/* TV */

#showTv { background: url("/imgs/icons/tv_big.jpg") no-repeat; float: left; height: 314px; margin: 0 0 50px 25px; width: 449px; }
#showTv .tv { margin-top: 15px; }

.avaliacao { float: left; margin: 2px 0; }
.avaliacao span { color: #BABABA; float: left; padding-top: 5px; text-align: right; width: 86px; }

#listTv { float: right; margin-left: 20px; width: 450px; }

.listTv { border-bottom: 1px solid #EBEBEB; clear: both; float: right; margin-left: 20px; width: 433px; }
.listTv .preview { float: left; padding: 10px; }
.listTv .preview img { height: 90px; width: 120px; }
.listTv .title { float: left; font-weight: bold; margin: 10px 0 5px; text-align: left; width: 290px; }
.listTv .description { float: left; padding: 5px 0 10px; text-align: justify; width: 290px; }

.stars { background: url("/imgs/icons/star_off.png") repeat scroll 0 0 transparent; cursor: pointer; float: left; height: 16px; margin: 4px 5px 0 7px; width: 75px; }
.stars_on{ background: url("/imgs/icons/star_on.png") repeat scroll 0 0 transparent; height: 16px;  }
.stars_user_on{ background: url("/imgs/icons/star_hover_on.png") repeat scroll 0 0 transparent; height: 16px;  }

.listTv .loading_tv_rate { display: none; float: left; margin: -2px 0 0 7px; }
.listTv .loading_tv_rate img{ height: 18px;}

#listThumbsTv ul { float: left; margin: 0; overflow: auto; padding: 0; width: 975px; }
#listThumbsTv ul li { border: 1px solid #EBEBEB; float: left; list-style: none outside none; margin-bottom: 10px; margin-left: 10px; padding: 5px; width: 22%; }
#listThumbsTv ul li .title { float: left; height: 18px; line-height: 18px; margin-bottom: 5px; overflow: hidden; text-align: left; width: 175px; }
#listThumbsTv ul li .title a { color: #000000; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 1px #EBEBEB; }
#showTvBig { background: url("/imgs/icons/tv_max.jpg") no-repeat; height: 515px; margin: 0 auto 20px; width: 774px; }
#showTvBig .tv { float: left; /*margin: 27px 0 0 40px; */}

#listThumbsTv .loading_tv_rate { display: none; float: left; margin: -2px 0 0 7px; }
#listThumbsTv .loading_tv_rate img{ height: 18px;}

.tvRecommended { background: url("/imgs/icons/tv_blank.png") no-repeat scroll 31px 11px transparent; padding: 5px 0; text-align: center; }
.tvRecommended img { border-radius: 5px; height: 71px; margin-top: -39px; margin-left: 18px; position: absolute; width: 115px; }

/* listOfMission  */

/* quadro de missoes */
.confirmDeactivate{ display: none; }
.confirmDeactivate span { color: red; margin: 3px 5px 0 0; float: left; font-weight: bold; }
 
#listOfMission{ border-top: 1px solid #E9E9E9; float: left; height: 460px; margin-left: -55px; overflow: hidden; width: 315px; }
#listOfMission .footer { clear: both; height: 29px; margin: auto; padding-top: 10px; width: 297px; }
#listOfMission .footer table { width: 297px; }
#listOfMission .footer table td { height: 21px; text-align: center; }

#listOfMission .tableMission { clear: both; float: left; margin-left: 35px; padding: 10px 5px 0; width: 250px; }

#listOfMission .tableMission .mission_head { border-bottom: 2px solid #D1D3D4; color: #000000; float: left; font-weight: bold; width: 247px; }
#suggestMission .box .tableMission .mission_head .title,
#barMissionMore .tableMission .mission_head .title,
#listOfMission .tableMission .mission_head .title,
#boxListMission .tableMission .mission_head .title { float: left; height: 15px; overflow: hidden; padding-left: 5px; width: 145px; }
#suggestMission .box .tableMission .mission_head .points,
#barMissionMore .tableMission .mission_head .points,
#listOfMission .tableMission .mission_head .points,
#boxListMission .tableMission .mission_head .points { float: right; height: 22px; margin-right: 5px; }
#suggestMission .box .tableMission .mission_head .points img,
#barMissionMore .tableMission .mission_head .points img,
#listOfMission .tableMission .mission_head .points img,
#boxListMission .tableMission .mission_head .points img { float: right; margin-left: 5px; margin-top: -1px; }

#listOfMission .tableMission .mission_action { border-bottom: 1px solid #D1D3D4; clear: both; float: left; font-size: 11px; margin-bottom: 6px; overflow: hidden; padding: 5px 0; width: 247px; }
#listOfMission .tableMission .mission_action .widthTable{ width: 207px; }
#listOfMission .separetor { border-bottom: 1px solid #EBEBEB; margin-bottom: 4px; padding: 4px 0; }
#listOfMission .tableMission .mission_footer { float: left; height: 24px; margin-bottom: 10px; overflow: hidden; width: 247px; }
#listOfMission .tableMission .mission_footer .status { float: left; margin-left: 5px; }
#listOfMission .tableMission .mission_footer .pag { float: right; margin-right: 5px; }

/* quadro de missoes na barra superior */
#barMissionMore .tableMission { background-color: white; color: #111A1C; float: left; }
#barFriendMore .bgSilver, #barMissionMore .bgSilver{ background-color: #ECECEC; }
#barMissionMore .mission_head { float: left; font-weight: bold; margin: 8px; width: 280px; }
#barMissionMore .mission_action { color: #797979; float: left; margin: 0 10px 10px; width: 280px; }
#barMissionMore .mission_action td { padding: 3px 0; width: 240px; }
#barMissionMore .mission_footer { display: none; }
    
/* tela de missoes */
#boxListMission .tableMission { border: 1px solid #f1f1f1; border-radius: 5px; display: inline-block; margin: 5px 0 5px 17px; padding: 10px; vertical-align: top; width: 280px; }
#boxListMission .mission_head { border-bottom: 1px solid #d1d3d4; color: #000000; float: left; font-weight: bold; width: 280px; }
#boxListMission .mission_action { color: #acacac; float: left; margin: 10px 0; width: 280px; }
#boxListMission .mission_action .widthTable{ padding: 5px 0; width: 240px; }
#boxListMission .bgSilver{ background-color: #FFFFFF; }
#boxListMission .mission_footer { border-top: 1px solid #d1d3d4; float: left; height: 24px; overflow: hidden; padding-top: 5px; width: 280px; }
#boxListMission .mission_footer .status { float: left; margin-left: 5px; }
#boxListMission .mission_footer .pag { float: right; margin-right: 5px; }

.btn_right_mission { float: left; margin-left: 3px; }
.btn_left_mission { float: left; margin-right: 3px; }

#modalTarget { background: url("/imgs/modal/background_target.png") no-repeat scroll 0 0 transparent; height: 331px; margin: 79px 0 0 35px; position: absolute; width: 262px; z-index: 100; }
#modalTarget img { float: left; margin: 44px 0 0 35px; }
#modalTarget span { color: white; float: left; font-size: 25px; font-weight: bold; line-height: 33px; margin: 20px auto auto 26px; text-align: center; text-transform: uppercase; width: 205px; }

/* sugerir missao */
#suggestMission { display: none; position: fixed; right: 106px; top: 211px; z-index: 1000; }
#suggestMission a { text-decoration: none; }
#suggestMission .box { background: #F8F8F8; border: 1px solid #C3BCBC; box-shadow: 1px 1px 1px #FFFFFF; border-radius: 5px; display: none; float: left; margin: -30px 15px 0 0; padding: 10px; width: 300px; }
#suggestMission .box .text { font-size: 14px; font-weight: bold; }

#suggestMission .box .tableMission { background-color: #F8F8F8; clear: both; float: left; margin: 5px 0 5px 16px; padding: 10px 5px 0; width: 250px; }

#suggestMission .box .tableMission .mission_head { border-bottom: 2px solid #D1D3D4; color: #000000; float: left; font-weight: bold; width: 247px; }
#suggestMission .box .tableMission .mission_action { border-bottom: 1px solid #D1D3D4; clear: both; float: left; font-size: 11px; margin-bottom: 6px; overflow: hidden; padding: 5px 0; width: 247px; }
#suggestMission .box .tableMission .mission_action .widthTable{ width: 207px; }
#suggestMission .box .tableMission .mission_footer { float: left; height: 24px; margin-bottom: 10px; overflow: hidden; width: 247px; }

#suggestMission label { clear: both; color: #414042; float: left; font-size: 11px; }
#suggestMission label input { float: left; margin-top: 0px; }

/* sugerir premium */
#suggestPremium { display: none; position: fixed; left: 400px; top: 285px; z-index: 1000; }
#suggestPremium a { text-decoration: none; }
#suggestPremium .box { background: #F8F8F8; border: 1px solid #C3BCBC; box-shadow: 1px 1px 1px #FFFFFF; border-radius: 5px; display: none; float: left; margin: -30px 15px 0 0; padding: 10px; width: 300px; }
#suggestPremium .box .text { font-size: 14px; font-weight: bold; }

#suggestPremium .box .tableMission { background-color: #F8F8F8; clear: both; float: left; margin: 5px 0 5px 16px; padding: 10px 5px 0; width: 250px; }

#suggestPremium .box .tableMission .mission_head { border-bottom: 2px solid #D1D3D4; color: #000000; float: left; font-weight: bold; width: 247px; }
#suggestPremium .box .tableMission .mission_action { border-bottom: 1px solid #D1D3D4; clear: both; float: left; font-size: 11px; margin-bottom: 6px; overflow: hidden; padding: 5px 0; width: 247px; }
#suggestPremium .box .tableMission .mission_action .widthTable{ width: 207px; }
#suggestPremium .box .tableMission .mission_footer { float: left; height: 24px; margin-bottom: 10px; overflow: hidden; width: 247px; }

#suggestPremium label { clear: both; color: #414042; float: left; font-size: 11px; }
#suggestPremium label input { float: left; margin-top: 0px; }


/*
#listOfMission .seeMore a { float: right; margin: 10px; }
*/

/** menu side **/

#menuSideInfo { color: #2E393E; float: left; margin: 20px 0; }

#menuSideInfo .box { height: 30px; }

#menuSideInfo a { width: 100% !important; }
#menuSideInfo a:hover { background: none !important; color: #2E393E !important; }

#menuSideInfo ul li { border-right: 1px solid #EAEAEA; float: left; font-size: 11px; text-align: center; width: 84px; height: 80px; }
#menuSideInfo ul li img { float: none !important; text-align: center; width: 24px; }
#menuSideInfo ul li h2 { clear: both; margin: 0; }


#photoPerfilSide { float: left; margin-top: 16px; width: 100%; }
#photoPerfilSide a { display: inline; }

#photoPerfilSide .border { border-radius: 13px; float: left; overflow: hidden; height: 115px; margin: 0 10px 0 30px; }
#photoPerfilSide .border img { border: 1px solid #E0E0E0; min-height: 115px; width: 115px; }
#photoPerfilSide span { float: left; font-size: 18px; font-weight: bold; margin-left: 13px; overflow: hidden; text-align: center; width: 225px; white-space: nowrap; }

/* friendsProgress  */
#friendsFace,
#friendsProgress{ clear: right; float: right; height: 335px; overflow: hidden; width: 331px; }
#friendsFace .footer,
#friendsProgress .footer { background: url("/imgs/bgHome/ranking_footer_blank.png") no-repeat scroll 0 -6px rgba(0, 0, 0, 0); clear: both; height: 10px; margin: auto; width: 297px; }
#friendsFace .footer a,
#friendsProgress .footer a { color: #0F688C; float: left; font-weight: bold; margin: 12px 0 0 97px; }
#friendsFace .footer a:hover,
#friendsProgress .footer a:hover { text-decoration: none; }

#friendsFace .head { background: url("/imgs/bgHome/facefriends_head.png") no-repeat; height: 100px; margin-bottom: -20px; width: 331px; }
#friendsProgress .head { background: url("/imgs/bgHome/ranking_head.png") no-repeat scroll 0 -41px rgba(0, 0, 0, 0); height: 50px; width: 331px; }

#friendsFace .tableFriendsProgress,
#friendsProgress .tableFriendsProgress { border-left: 1px dotted #D6D6D6; border-right: 1px dotted #D6D6D6; clear: both; float: left; margin-left: 35px; height: 40px; padding: 10px 5px 0; width: 250px; }


#friendsFace .tableFriendsProgress .rank,
#friendsProgress .tableFriendsProgress .rank { border-right: 1px solid #DDDDDD; float: left; font-size: 11px; font-weight: bold; height: 17px; margin-bottom: 10px; margin-top: 6px; padding-top: 6px; text-align: center; width: 30px; }
#friendsFace .tableFriendsProgress .photo,
#friendsProgress .tableFriendsProgress .photo { float: left; margin-left: 5px; margin-right: 10px; margin-top: -3px; width: 35px; height: 35px; border: 1px solid #D1D1D3; border-radius: 4px 4px 4px 4px; overflow: hidden; }
#friendsFace .tableFriendsProgress .photo img,
#friendsProgress .tableFriendsProgress .photo img { min-height: 35px; width: 35px; }
#friendsFace .tableFriendsProgress .details,
#friendsProgress .tableFriendsProgress .details { float: left; font-size: 10px; width: 105px; }
#friendsFace .tableFriendsProgress .details a,
#friendsProgress .tableFriendsProgress .details a { color: black; float: left; font-size: 12px; font-weight: bold; overflow: hidden; text-decoration: none; width: 100%; white-space: nowrap; }
#friendsFace .tableFriendsProgress .medal,
#friendsProgress .tableFriendsProgress .medal { border-left: 1px solid #DDDDDD; float: right; font-size: 11px; margin-bottom: 10px; text-align: center; width: 55px; }

/* inviteFriends  */

#inviteFriends{ border-top: 1px solid #E9E9E9; clear: right; float: right; height: 100px; padding: 20px 0; width: 351px; }
.tableInviteFriends img { margin-top: 4px; }
.tableInviteFriends .input { border: 1px solid #CCCCCC; border-radius: 5px; float: left; margin: 6px 4px 0 0; padding: 5px; width: 178px; }
.tableInviteFriends { clear: both; font-size: 11px; margin: 20px auto 0 auto; width: 275px; }

#loadingInvite { float: left; margin-top: 10px; width: 100%; }

.searchFacebookFriends { float: left; margin-left: 35px; padding: 20px 0 10px; }
.searchFacebookFriends input { border: 1px solid #E0E0E0; border-radius: 5px; margin-left: 15px; padding: 5px 10px; width: 190px; }

.lineSearchFacebook { border-top: 1px solid #B2B2B2; clear: both; margin-left: 35px; width: 258px; }

/********* PROGRESS BAR ****/

.progressPercent { background: url("/imgs/progressBar/bgPercent.png") repeat-x scroll 0 0 transparent; border-radius: 5px 0 0 5px; float: left; font-size: 11px; font-weight: bold; height: 15px; padding: 2px 0 0 0; text-align: right; max-width: 100%; }
.progressPercent span{ color: #383838; padding-right: 5px; }

#progressBar { background: url("/imgs/progressBar/bgBar.png") repeat scroll 0 0 transparent; border-radius: 5px 5px 5px 5px; clear: both; height: 17px; margin: 20px auto 0 auto; width: 250px; }

#basicProgressBar .currentLevel { background: url("/imgs/progressBar/currentLevel.png") no-repeat scroll 0 0 transparent; color: #F36700; font-size: 20px; font-weight: bold; height: 32px; margin: -9px 0 0 -30px; padding-top: 7px; position: absolute; text-align: center; width: 38px; }
#basicProgressBar .nextLevel { background: url("/imgs/progressBar/nextLevel.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; font-size: 20px; font-weight: bold; height: 32px; margin: -9px 0 0 245px; padding-top: 7px; position: absolute; text-align: center; width: 38px; }
#basicProgressBar .textPercent { clear: both; color: #797979; font-size: 11px; margin: 3px auto 0 auto; opacity: 0.5; text-align: center; width: 185px; }
/*
#basicProgressBar .currentLevel_small { background: url("/imgs/progressBar/currentLevel_small.png") no-repeat scroll 0 0 transparent; color: #F36700; font-size: 18px; font-weight: bold; height: 24px; margin: -4px 0 0 -11px; padding-top: 1px; position: absolute; text-align: center; width: 24px; }
#basicProgressBar .nextLevel_small { background: url("/imgs/progressBar/nextLevel_small.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; font-size: 18px; font-weight: bold; height: 24px; margin: -4px 0 0 230px; padding-top: 1px; position: absolute; text-align: center; width: 25px; }
*/
#progressBarResume { background: url("/imgs/progressBar/bgBarResume.png") repeat scroll 0 0 transparent; border-radius: 5px 5px 5px 5px; clear: both; height: 10px; margin: 10px auto 0 auto; width: 375px; }
.progressPercentResume { background: url("/imgs/progressBar/bgPercentResume.png") repeat-x scroll 0 0 transparent; border-radius: 5px 5px 5px 5px; float: left; height: 10px; }

#progressBarQuestion { background: url("/imgs/progressBar/bgQuestion.png") repeat scroll 0 0 transparent; border-radius: 5px 5px 5px 5px; clear: both; height: 21px; margin: 5px auto 0 auto; width: 337px; }
.progressPercentQuestion { background: url("/imgs/progressBar/bgPercentQuestion.png") repeat-x scroll 0 0 transparent; border-radius: 5px 5px 5px 5px; float: left; height: 21px; margin-left: 1px; }
/*
  #progressBarQuestion { background: url("/imgs/tree/bar.png") no-repeat; float: left; height: 16px; margin-left: 7px; margin-top: 2px; padding: 0; width: 128px; }
  .progressPercentQuestion { background: url("/imgs/tree/bar_progress.png") no-repeat; height: 16px; width: 0%; }
*/
/********* QUESTION ********/

#questionBox{ width: 100%; }

#questionBox .head { border-left: 1px solid #E9E9E9; text-align: center; width: 200px; }

#questionBox .resizeTable { margin: 30px 20px 10px 20px; }
#questionBox .resizeTable a{ color: #1997CE; }
#questionBox th { border-bottom: 1px solid #E9E9E9; border-top: 1px solid #E9E9E9; font-size: 16px; font-weight: normal; line-height: 24px; padding: 7px 10px; text-align: justify; }

#questionBox h1 { color: #303030; padding: 0; float: left; font-size: 18px; width: 100%; }
#questionBox h2 { color: #00BDC9; font-size: 15px; }
#questionBox h3 { color: #CDCDCD; font-size: 12px; margin: 0; padding: 0; text-align: left; }

.question_table_opt{ color: #006D78; font-size: 14px; }

.question_opt:hover, .question_opt_selected { background: url("/imgs/btn/question_on.png") no-repeat scroll 0 0 transparent; color: #0A7347; }
.question_opt_to_select { background: url("/imgs/btn/question_off.png") no-repeat scroll 0 0 transparent; color: #006D78; }
.question_opt { cursor: pointer; float: left; font-size: 18px; height: 34px; margin: 2px 5px 2px 20px; padding-top: 10px; text-align: center; width: 44px; }

.question_answered{ background: url("/imgs/bg_question_answered.png") repeat-x scroll 0 0 transparent; height: 112px; width: 100%; }
.question_answered th{ border-left: 1px solid #E9E9E9; border-right: 1px solid #E9E9E9; }

/** opcoes das respostas das questoes **/
.option_question { background: url("/imgs/question/bg_option.png") repeat-x scroll 0 0 #EEEEEE; border-bottom: 1px solid #E3E3E3; border-radius: 7px 7px 7px 7px; clear: both; color: #474747; cursor: pointer; float: left; margin: 3px 0; min-height: 49px; width: 100%; }
.option_question:hover, .option_selected { background: url("/imgs/question/bg_hover.png") repeat-x scroll 0 0 #18B7BF; border-bottom: 1px solid #078694; color: #006D78; }

.option_question .span { border-right: 1px solid #D7D7D7; float: left; font-size: 20px; font-weight: bold; margin: 5px 10px 5px 5px; padding: 7px 10px; }
.option_question .answer table { float: left; font-size: 12px; height: 49px; width: 860px; }

.selected_question { background: url("/imgs/question/bg_selected.png") repeat-x scroll 0 0 #47B412; border-bottom: 1px solid #188205; color: #0A7347; }
.question_opt_error { background: url("/imgs/question/bg_error.png") repeat-x scroll 0 0 #8F1E1F; border-bottom: 1px solid #8F1E1F; color: #600406; }

.question_title { float: left; width: 890px; }
.question_title .img { clear: both; float: left; margin: 5px 0; width: 880px; }
.question_title .img img { max-width: 880px; }

.loading_answer{ padding: 36px 0; }

/********* TEST / SIMULADO ********/

#clock { background-color: #FFFFFF; border: 1px solid #D8E5EA; box-shadow: 0 0 5px #D8E5EA; filter:alpha(opacity=50); opacity: 0.5; position: fixed; right: 25px; top: 150px; width: 120px; }
#clock:hover { filter:alpha(opacity=100); opacity: 1; }
#clock .time { background: url("/imgs/icons/clock.png") no-repeat scroll 0 0px transparent; font-size: 14px; font-weight: bold; height: 21px; margin: 10px auto 5px auto; padding-top: 2px; padding-left: 23px; width: 60px; }
#clockInput { border: 0; color: #000000; font-weight: bold; width: 70px; }

#listQuestion { border-top: 1px solid #EFF7FB; float: left; max-height: 480px; overflow: auto; padding-left: 15px; padding-top: 10px; width: 105px; }
#listQuestion ul { padding: 0; }
#listQuestion ul li { background-color: #E5E5E5; border: 1px solid white; border-radius: 5px 5px 5px 5px; box-shadow: 0 3px 0 silver; float: left; height: 34px; list-style: none outside none; margin: 0 0 10px 5px; width: 35px; }
#listQuestion ul li:hover { border: 1px dotted black; }
#listQuestion ul li a { color: black; font-size: 14px; font-weight: bold; text-decoration: none; padding: 7px 0; text-align: center; }

#listQuestion .active { border: 1px dotted black; }
#listQuestion .selected a { color: white; }
#listQuestion .selected { background-color: green; }

#answer_test { border-top: 1px solid #E9E9E9; float: left; margin: 15px 0 35px 0; padding-top: 35px; text-align: center; width: 100%; }
#btn_answer { outline: none; }

.examBarQuestion { float: left; margin: 15px 0 0 50px; width: 500px; }

.examBarQuestion .bar-rating { height: 42px; }
.examBarQuestion .bar-rating a { border-top: 20px solid #E3E3E3; display: block; float: left; font-weight: bold; height: 20px; margin: 1px; padding: 15px 0 5px; text-align: center; text-decoration: none; width: 66px; }
.examBarQuestion .bar-rating a span { color: white; }

.examBarQuestion .bar-rating a.active,
.examBarQuestion .bar-rating a.selected { border-top: 20px solid #5AD4D9; }
.examBarQuestion .bar-rating a:hover,
.examBarQuestion .bar-rating a.current { background: url("/imgs/progressBar/examDifficult.png") no-repeat scroll 0 0 transparent; color: #646464; }
.examBarQuestion .bar-rating a:hover span,
.examBarQuestion .bar-rating a.current span{ color: #646464; }

.examDuration { background-color: #C97070; color: #FFFFFF; font-size: 12px; font-weight: bold; line-height: 18px; margin-top: 10px; padding: 4px 0; text-align: center; }

/*,
.examBarQuestion .bar-rating a.current span
.examBarQuestion .bar-rating a:hover span*/


/********* RELATORIO *******/

#report { clear: both; float: left; margin-top: 25px; }

#report .wrong { background: url("/imgs/report/bg_red.png") no-repeat; color: #EA8F92; font-weight: bold; height: 125px; padding: 33px 28px 0; text-align: center; width: 102px; }
#report .wrong h1 { color: #EA8F92; float: left; font-size: 54px; height: 57px; padding: 0; text-align: center; width: 96px; }

#report .correct { background: url("/imgs/report/bg_green.png") no-repeat scroll 0 0 transparent; color: #97CB8D; font-weight: bold; height: 125px; padding: 33px 28px 0; text-align: center; width: 102px; }
#report .correct h1 { color: #97CB8D; float: left; font-size: 54px; height: 57px; padding: 0; text-align: center; width: 96px; }

#report .time { background: url("/imgs/report/bg_time.png") no-repeat; font-weight: bold; height: 100px; padding: 58px 28px 0 28px ; text-align: center; width: 102px; }
#report .time h1 { float: left; font-size: 22px; padding: 0; text-align: center; }

#report .info { float: left; margin: 10px 0 10px 62px; width: 889px; }
#report .info td { text-align: center; width: 168px; }
#report .info th { font-size: 15px; }
#report .info ul { float: left; line-height: 24px; padding: 0; text-align: left; }

.barCorrectP { background: url("/imgs/report/bar_green.png") repeat scroll 0 0 transparent; border-radius: 5px 5px 5px 5px; float: left; height: 30px; padding-top: 8px; width: 300px; }
.barCorrectP h1 { float: right; font-size: 17px; margin-right: 5px; padding: 0; text-align: right; }

#barWrongP { background: url("/imgs/report/bar_red.png") repeat scroll 0 0 transparent; border-radius: 5px 5px 5px 5px; clear: both; float: left; height: 38px; margin: 25px 0 20px 95px; width: 790px; }
#barWrongP .title{ font-size: 15px; font-weight: bold; margin: -29px 0 0 10px; }

#feedback .title, .feedbackTitle { float: left; font-size: 15px; font-weight: bold; margin: 10px 0 10px 15px; text-align: center; width: 100%; }
#feedback { clear: both; margin-left: 100px; float: left; margin-bottom: 20px; text-align: center; width: 770px; }
#feedback ul { padding: 0; }
#feedback ul li { background-color: #BB555A; border: 1px solid white; border-radius: 5px 5px 5px 5px; box-shadow: 0 3px 0 silver; float: left; height: 34px; list-style: none outside none; margin: 0 0 10px 5px; width: 35px; }
#feedback ul li a { color: white; float: left; font-size: 14px; font-weight: bold; padding: 9px 0 0 10px; text-align: center; text-decoration: none; }
#feedback .selected a { color: white; }
#feedback .selected { background-color: #6B9F64; }
#feedback .answered { background-color: silver; }

.problemRelatorio { clear: both; float: left; margin: 10px 0 40px 0; width: 980px; }
.problemRelatorio h1 { float: left; }
.problemRelatorio .enunciado { border-bottom: 1px solid #E9E9E9; border-top: 1px solid #E9E9E9; font-size: 16px; font-weight: normal; line-height: 24px; padding: 10px 20px; text-align: justify; }

.problemRelatorio .option_question { width: 900px; }
.problemRelatorio .option_question .answer table { font-size: 12px; height: 49px; margin: 0; width: 800px; }
.problemRelatorio .option_question .answer table td { margin: 0; text-align: left; padding: 0; }

/********* PERFIL **********/

.editPerfil { margin: auto; width: 700px; }
.editPerfil .selected { border-bottom: 0px; }
.editPerfil .border { border: 0px; border-bottom: 1px solid silver; height: 30px; width: 50px; }

.editPerfil .input { background-color: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px; font-size: 16px; margin-right: 5px; padding: 4px 8px; width: 225px; }

.editPerfil table { margin: 30px auto; width: 550px; }
.editPerfil table td { height: 45px; text-align: left; }
.editPerfil table th { padding-right: 15px; text-align: right; width: 160px; }

.editPerfilUl{ margin-left: 30px; }
.editPerfilUl li { border: 1px solid silver; display: inline; float: left; padding: 10px; }
.editPerfilUl li a { color: black; font-size: 24px; padding: 25px 20px; text-decoration: none; }
.editPerfilUl li a:hover { color: #4685A9; }

.noSelected { background-color: #EBEBEB; }

.not_box { text-align: left; }
.editPerfil .salvar{ float: right; margin: 30px 0; }
.editPerfil .desativar{ float: left; margin: 30px 0; }


/********* PERFIL - FRIEND **********/

#statisticGeral table { margin: 20px auto; width: 800px; }
#statisticGeral table td { text-align: center; }
#statisticGeral table th { font-size: 27px; font-weight: normal; letter-spacing: 3px; text-align: center; }

#perfilBody .subTitle { border-bottom: 1px solid #DDDDDD; color: #939393; float: left; font-weight: bold; margin: 10px 20px; padding: 10px; width: 915px; }

#listSubjectTrophy .boxListSubject .boxListSubjectImage img { float: left; width: 120px; }
#listSubjectTrophy .boxListSubjectFaixa { margin: 92px 0 0 5px; position: absolute; }
#listSubjectTrophy { margin-left: 80px; }
#listSubjectTrophy .boxListSubject { float: left; padding: 6px 25px; width: 110px; }

/********* CHAT ************/

#sendTo .receiver { float: left; margin: 0 10px 5px 0; }

.chats { border-bottom: 1px solid #E9E9E9; cursor: pointer; float: left; padding: 10px 10px; width: 331px; }
.chats:hover , .chatSelected{ background-color: #EFEFEF; }

.chats .photo { float: left; height: 60px; width: 70px; }
.chats .photo img { border: 1px solid #D1D1D3; border-radius: 2px; height: 60px; width: 60px; }
.chats .name { border-bottom: 1px solid #E8E8E8; float: left; font-weight: bold; height: 16px; overflow: hidden; width: 245px; }
.chats .message { color: #BBBBBB; float: left; font-size: 11px; height: 26px; margin-top: 3px; overflow: hidden; width: 245px; }
.chats .time { color: #686866; float: right; font-size: 10px; font-weight: bold; margin-right: 15px; }

#boxToChat{ margin-top: 5px; height: 620px; width: 625px; }
.listChats { margin-top: 5px; height: 620px; width: 351px; }
.loadingChat{ padding-top: 270px; }

#boxSendInChat { float: left; width: 625px; }
#boxSendInChat textarea { clear: both; float: left; height: 60px; margin-left: 70px; padding: 5px; width: 480px; }
#boxSendInChat button { border: 1px solid; clear: both; float: right; margin: 5px 61px 10px 0; }

.boxPhotoInChat { clear: both; float: left; height: 70px; margin: 10px 0 10px 25px; width: 70px; }
.boxPhotoInChat img { border: 1px solid #D1D1D3; border-radius: 2px 2px 2px 2px; height: 70px; width: 70px; }
.boxNameInChat { float: left; font-size: 14px; font-weight: bold; margin: 10px; text-align: left; width: 488px; }
.boxMessageInChat { clear: right; float: right; }
.boxMessageInChat .message { float: right; text-align: left; width: 430px; }
.boxMessageInChat .time { color: #DDDDDD; float: right; height: 15px; margin: 3px 10px 3px 0; width: 75px; }

.lineSepartorChat { border-bottom: 1px solid #E9E9E9; clear: both; }

#messagesInBoxOfChat { float: left; height: 460px; width: 625px; }

/********* GAMIFICATION **********/

/*.winTrophy { background: url("/imgs/gamification/bg_mini.png") no-repeat; display: none; height: 167px; top: 55px; position: fixed; right: 50px; width: 132px; z-index: 9999; }*/

.winTrophy { background: url("/imgs/gamification/bg_mini.png") no-repeat scroll 0 0 transparent; display: none; height: 149px; padding-top: 18px; position: fixed; right: 50px; text-align: center; top: 55px; width: 133px; z-index: 9999; }
.winTrophy .img { float: left; height: 67px; margin: 20px 0 0 35px; }
.winTrophy .title { clear: both; color: #00AEEF; float: left; font-size: 14px; font-weight: bold; height: 38px; margin-left: 5px; overflow: hidden; text-align: center; width: 120px; }
.winTrophy .dsc { clear: both; color: #DBA02B; float: left; font-size: 12px; font-weight: bold; height: 31px; margin-left: 5px; overflow: hidden; text-align: center; width: 120px; }

.winTrophyNoTrophy { background: url("/imgs/gamification/bg_mini.png") no-repeat scroll 0 0 transparent; display: none; height: 167px; padding-top: 0px; position: fixed; right: 50px; text-align: center; top: 55px; width: 133px; z-index: 9999; }
.winTrophyNoTrophy .img { float: left; height: 67px; margin: 20px 0 0 35px; }
.winTrophyNoTrophy .title { clear: both; color: #00AEEF; float: left; font-size: 14px; font-weight: bold; height: 38px; margin-left: 5px; overflow: hidden; text-align: center; width: 120px; }
.winTrophyNoTrophy .dsc { clear: both; color: #DBA02B; float: left; font-size: 12px; font-weight: bold; height: 31px; margin-left: 5px; overflow: hidden; text-align: center; width: 120px; }

.winTrophyTemp { background: url("/imgs/gamification/bg_mini.png") no-repeat scroll 0 0 transparent;  float: left; height: 167px; margin: 15px 0; width: 150px; }
.winTrophyTemp .img { float: left; height: 67px; margin: 20px 0 0 35px; }
.winTrophyTemp .title { clear: both; color: #00AEEF; float: left; font-size: 14px; font-weight: bold; height: 38px; margin-left: 5px; overflow: hidden; text-align: center; width: 120px; }
.winTrophyTemp .dsc { clear: both; color: #DBA02B; float: left; font-size: 12px; font-weight: bold; height: 31px; margin-left: 5px; overflow: hidden; text-align: center; width: 120px; }

.winTrophyTempOff { opacity: 0.5; }
.winTrophyTempOff .title , .winTrophyTempOff .dsc { color: silver; }


.winPoints { background: url("/imgs/gamification/bg_mini.png") no-repeat; display: none; height: 167px; top: 55px; position: fixed; right: 50px; width: 132px; z-index: 9999; }
.winPoints .img { float: left; height: 67px; margin: 20px 0 0 35px; }
.winPoints .title { clear: both; color: #00AEEF; float: left; font-size: 14px; font-weight: bold; height: 38px; margin-left: 5px; overflow: hidden; text-align: center; width: 120px; }
.winPoints .dsc { clear: both; color: #DBA02B; float: left; font-size: 12px; font-weight: bold; height: 31px; margin-left: 5px; overflow: hidden; text-align: center; width: 120px; }

/*** TROPHY ROOM ***/

#trophyRom{ margin: 5px auto 0 55px; width: 905px; }
.boxTrophy { float: left; margin: 15px 0; width: 150px; }

/*** SOCIAL ***/

.boxFollow { border: 1px solid #D1D1D3; border-radius: 5px 5px 5px 5px; float: left; height: 80px; margin: 15px 0 0 20px; padding: 10px; width: 277px; }

.boxFollow .photo { border: 1px solid #D1D1D3; border-radius: 2px 2px 2px 2px; float: left; height: 80px; margin-right: 15px; overflow: hidden; width: 80px; }
.boxFollow .photo img { min-height: 80px; width: 80px; }

.boxFollow .name { border-bottom: 1px solid #E0E0E0; float: left; font-weight: bold; height: 16px; overflow: hidden; width: 175px; }
.boxFollow .name a { color: black; text-decoration: none; }
.boxFollow .currentLevel { float: right; margin: 5px; }
.boxFollow .info { float: left; width: 110px; }
.boxFollow .info table { color: #727272; font-size: 11px; margin: 10px 0; }
.boxFollow .info table th { width: 30px; }
.boxFollow .unfollow{ margin: auto; text-align: center; width: 95px; }

#barFriendMore .result{ max-height: 250px; }

.boxRequestFriend { float: left; height: 80px; margin-left: 2px; padding-bottom: 10px; width: 275px; }
.boxRequestFriend .photo { float: left; height: 80px; margin-right: 15px; overflow: hidden; width: 80px; }
.boxRequestFriend .photo img { min-height: 80px; width: 80px; }

.boxRequestFriend .name { color: #7ba7bc; float: left; font-weight: bold; height: 35px; margin-top: 10px; overflow: hidden; width: 150px; }
.boxRequestFriend .info { float: left; }

#menuFollowing ul { float: left; }
#menuFollowing ul li { float: left; list-style: none outside none; }
#menuFollowing ul li a { float: left; font-weight: bold; height: 22px; padding-top: 11px; text-align: center; text-transform: uppercase; width: 170px; }
#menuFollowing ul li a:hover { text-decoration: none; }
.selectedMenuFollowing { background: url("/imgs/bg_menu_follow.png"); color: #0D99BC; }

#menuFollowing { border-bottom: 1px solid #EBEBEB; height: 45px; margin-top: 15px; }
#menuFollowing form { float: right; margin: 5px 25px 0 0; }

#search_box { border: 1px solid #00BEC7; border-right: 0; border-radius: 5px 0 0 5px; height: 18px; width: 200px; }

.alert_not_found { color: #7C7C7C; font-size: 16px; font-weight: bold; margin: 25px auto; text-align: center; width: 500px; }

/********* EXAM ************/

.owl_exam { background: url("/imgs/bg_owl_exam.png") no-repeat scroll 0 0 transparent; float: right; font-size: 16px; height: 103px; margin: 32px 30px 0 0; padding: 13px 5px 0 130px; width: 240px; }

.listSubjectForm span { color: #0095C2; float: left; margin-bottom: 3px; }
.listSubjectForm { float: left; margin: 12px 15px 12px 20px; }
.listSubjectForm ul li { float: left; list-style: none outside none; margin: 0; padding: 0; }
.listSubjectForm ul { clear: both; float: left; height: 400px; margin: 0 0 25px 0; padding: 0; width: 275px; }
.listSubjectForm ul .info, #listaProvaOpt .info{ padding: 10px 0; text-align: center; }
.listSubjectForm ul li a { color: #000000; float: left; font-size: 14px; font-weight: normal; padding: 10px; text-align: left; width: 255px; }
.listSubjectForm ul li a:hover, .listSubjectSelected { background-color: #EBFDFC; text-decoration: none; }

#scrollPaneListaAssuntos{ clear: both; height: 400px; width: 295px; }
#listaProvaOpt, #listaAssuntos { height: 400px; overflow: auto;  width: 294px; }

#listaAssuntos .count { color: #3F3F3F; float: right; font-size: 18px; height: 31px; padding-top: 9px; text-align: center; width: 33px; }
#listaAssuntos li { clear: both; }
#listaAssuntos li a { float: left; height: 20px; overflow: hidden; padding-top: 10px; width: 220px; white-space: nowrap; }

.addBorder{ border: 1px solid #787878;  }

.listSubjectIcons img { margin-bottom: 25px; }
.listSubjectIcons { float: left; margin-left: 5px; margin-top: 175px; text-align: center; width: 30px; }

/********* FOOTER **********/

/*#footer{ background: url("/imgs/bg_footer.png") no-repeat scroll center bottom; clear: both; height: 419px; overflow: hidden; width: 100%; }*/
/*#footer { clear: both; height: 399px; float: left; overflow: hidden; position: relative; text-align: center; width: 100%; }*/


/*MEUTUTOR MARATONA*/
#footer { background: url("/imgs/bg_footer.png") no-repeat scroll center bottom transparent; clear: both; float: left; height: 460px; margin-top: -120px; overflow: hidden; position: relative; text-align: center; width: 100%; z-index: -10; }

#footer ul { margin: 438px auto 0 auto; width: 325px; }
#footer ul li { float: left; list-style: none; margin-right: 25px; }

.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-arrow { position: absolute; background: url('/imgs/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
  
  

/* Tooltip - black bg */

.tabletooltip td { color: #D5DDDD; font-size: 12px; line-height: 21px; text-align: left; }
.tabletooltip .title { color: #727272; font-size: 13px; font-weight: bold; padding: 4px 0; }
.tabletooltip ul { margin: 0 0 0 13px; padding: 0; }
.tabletooltip ul li { list-style: circle; }

.tabletooltip_footer { background-color: #182326; border-radius: 0 0 5px 5px; float: left; font-size: 18px; font-weight: bold; margin-left: -15px; margin-top: 5px; padding: 5px 15px; position: absolute; width: 208px; }

.trophy table { margin: auto; width: 130px; }
.trophy table th { text-align: center; width: 30px; }
.trophy table td { color: #FEDF15; text-align: left; width: 100px; }

.recommended table { margin: auto; width: 170px; }
.recommended table th { text-align: center; width: 30px; }
.recommended table td { color: #FFFFFF; text-align: left; width: 140px; }

.attempts table { margin: auto; width: 200px; }
.attempts table th { text-align: center; width: 30px; }
.attempts table td { color: #FEDF15; font-size: 14px; padding-top: 2px; text-align: left; width: 170px; }

/********************** PAGINATION ************************/
.pagination_list { float: left; padding-top: 20px; text-align: center; width: 95%; }
.pagination_list .dots { bottom: -12px; color: #606060; margin-right: 5px; position: relative; }
.pagination_list .inactive { opacity: 0.4; filter:Alpha(Opacity=40); cursor: default; }
.pagination_list .inactive:hover { background: none repeat scroll 0 0 #E9E9E9; }

.pagination_list li { display: inline; }
.pagination_list li a { background: none repeat scroll 0 0 #E9E9E9; border: 1px solid #C0C0C0; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 1px 3px rgba(0, 0, 0, 0.1); color: #717171; display: inline-block; font-size: 0.875em; font-weight: bold; margin-right: 5px; padding: 5px 11px; text-decoration: none; text-shadow: 0 1px 0 #FFFFFF; }
.pagination_list a:hover { background: -moz-linear-gradient(0% 0 270deg, #FEFEFE, #F0F0F0) repeat scroll 0 0 transparent; }
.pagination_list a.number.current { background: none repeat scroll 0 0 #616161; border: medium none; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.8); color: #F0F0F0; text-shadow: 0 0 3px rgba(0, 0, 0, 0.5); margin-top: 1px; }

/********************** ADMIN *****************************/

.edit_html { clear: both; float: left; margin: 10px; }
.edit_html img { float: left; height: 22px; margin: -4px 10px 0 0; }
.edit_input{ display: none; }
.edit_options { border-top: 1px dotted silver; clear: both; color: #30ACB2; float: left; font-size: 16px; font-weight: bold; height: 25px; margin-top: 25px; padding-bottom: 10px; padding-top: 10px; width: 100%; }

#boxLoginAdmin { background-color: #F4F4F4; border-radius: 5px 5px 5px 5px; font-size: 16px; margin: 30px auto 10px auto; padding: 20px 0 10px 0; text-align: center; width: 295px; }
#boxLoginAdmin .input { border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px; margin: 3px 0; padding: 4px 6px; width: 261px; }
#boxLoginAdmin input { margin-top: 10px; }
#boxLoginAdmin span { color: #0086CB; float: left; font-size: 17px; margin-bottom: 5px; text-align: left; }

.listAdmins table { border: 1px solid #EBEBEB; margin: 20px; width: 935px; }
.listAdmins table td { border-bottom: 1px solid #EBEBEB; height: 30px; padding: 5px 10px; }
.listAdmins table thead { background-color: #EBEBEB; }
.listAdmins table thead th { padding: 10px; text-align: left; }

/********************** MT TALK *****************************/

#configChat { background: none repeat scroll 0 0 #EBEBEB; border-left: 1px solid #A7A9AC; border-radius: 5px 0 0 0; border-top: 1px solid #A7A9AC; display: none; font-size: 11px; position: absolute; right: 0; text-align: right; top: -26px; width: 118px; }
#configChat ul { list-style: none; margin: 0; padding: 0; }
#configChat ul li a { color: black; float: left; padding: 5px 10px; text-decoration: none; width: 98px; }
#configChat ul li a:hover { background-color: #D1D3D4; }

#hiddenshowUsers { border-bottom: 1px solid #ACACAC; display: none; float: left; height: 250px; overflow: hidden; width: 185px; }
#mttalk .search { background: url("/imgs/icons/lupa.png") no-repeat scroll right 8px transparent; display: none; width: 160px; }

#talks .chatting { background-color: #EBEBEB; border-left: 1px solid #A7A9AC; border-top: 1px solid #A7A9AC; border-right: 1px solid #A7A9AC; border-radius: 5px 5px 0 0; display: inline-block; margin-right: 7px; vertical-align: bottom; width: 195px; }
#talks { bottom: 0; position: fixed; right: 178px; }
#mttalk { background-color: #EBEBEB; border-left: 1px solid #A7A9AC; border-radius: 5px 0 0 0; border-right: 1px solid #A7A9AC; border-top: 1px solid #A7A9AC; bottom: 0; position: fixed; right: 1px; width: 175px; }

#talks .filter a { background-color: #223237; border-bottom: 1px solid #ACACAC; border-radius: 5px 0 0 0; color: white; float: left; overflow: hidden; padding: 7px 10px; text-decoration: none; white-space: nowrap; width: 117px; }
#mttalk .filter a { background-color: #223237; border-bottom: 1px solid #ACACAC; border-radius: 5px 0 0 0; color: white; float: left; padding: 7px 10px; text-decoration: none; width: 126px; }

#mttalk .user .status { float: left; margin-right: 5px; margin-top: 3px; }
#mttalk .user .photo { float: right; height: 25px; margin-top: -4px; overflow: hidden; width: 25px; }
#mttalk .user .photo img { min-height: 25px; width: 25px; }
#mttalk .user a { color: black; float: left; height: 26px; padding: 10px 10px 0 10px; text-decoration: none; width: 155px; }
#mttalk .user a:hover { background-color: #D1D3D4; }

#talks .config a, #mttalk .config a { background-color: #223237; border-bottom: 1px solid #ACACAC; float: left; padding: 8px; }
#talks .config a:hover, #mttalk .config a:hover { background-color: #111A1C; }

.sendMessage { background-color: #EBEBEB; border: 0px; color: #282828; float: left; padding: 6px; width: 181px; }

#talks .chatting .text { background-color: #F2F2F2; border-bottom: 1px solid #ACACAC; float: left; height: 150px; overflow: auto; width: 100%; }

#talks .chatting .login { float: left; font-weight: bold; height: 28px; margin: 0; overflow: hidden; padding-left: 3px; padding-right: 6px; width: 28px; }
#talks .chatting .login img{ width: 28px; }
#talks .chatting .line { clear: both; float: left; padding: 4px 3px; }

#talks .minimized { width: 138px; }
#talks .minimized a { background-color: #EBEBEB; color: black; }

.counter { background: red; border-radius: 5px; color: white; display: none; font-size: 11px; font-weight: bold; margin: -13px 0 0 -15px; padding: 1px 4px; position: absolute; }


/********************** PAG SEGURO *****************************/
#boxPremium { margin: auto; width: 850px; }

#boxPremium .header { margin: 30px 0 50px 0; }
#boxPremium .header img{ margin-left: 145px; }
#boxPremium .header span { float: right; font-size: 28px; margin-top: 30px; margin-right: 30px; text-align: right; width: 350px; }

#boxPremium .free { background: url("/imgs/premium/free.png") no-repeat scroll 13px 0 transparent; text-shadow: 1px 1px 1px #A16B16; }
#boxPremium .premium { background: url("/imgs/premium/premium.png") no-repeat scroll 13px 0 transparent; cursor: pointer; text-shadow: 1px 1px 1px #4B856E; }
#boxPremium .price { color: #FFFFFF; font-size: 35px; font-weight: bold; height: 152px; text-align: center; width: 177px; }
#boxPremium .price span { font-size: 12px; }

#boxPremium .lastValue { margin-top: -20px; position: absolute; width: 177px; }
#boxPremium .faixa { margin-left: 2px; margin-top: 5px; position: absolute; }

#boxPremium table th { color: #293236; font-size: 24px; }
#boxPremium table tr { border-bottom: 1px solid #D1D1D1; height: 60px; }
#boxPremium table td { text-align: center; }

#boxPremium .title { color: #293236; font-weight: bold; text-align: left; white-space: nowrap; }

.boxBePremium { color: #A47A42; float: left; font-size: 19px; text-shadow: 1px 1px 2px #FFFFFF; text-transform: uppercase; text-align: left; }
.boxBePremium span { float: left; margin-top: 29px; margin-left: 20px; text-align: center; width: 136px; }

/*********************** TYPEAHEAD ************************************/
.typeahead, .tt-query, .tt-hint { border: 2px solid #CCCCCC; border-radius: 8px 8px 8px 8px; font-size: 24px; height: 22px; line-height: 30px; outline: medium none; padding: 8px 12px; width: 396px; }
.typeahead { background-color: #FFFFFF; }
.typeahead:focus { border: 2px solid #0097CF; }
.tt-query { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; }
.tt-hint { display: none; }
.tt-dropdown-menu { background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 8px 8px 8px 8px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); color: #000000; margin-top: 3px; padding: 8px 0; width: 600px; }
.tt-suggestion { font-size: 12px; line-height: 16px; padding: 1px 15px; }
.tt-suggestion.tt-is-under-cursor { background-color: #0097CF; color: #FFFFFF; }
.tt-suggestion { text-align: left; padding: 8px 20px; }
.tt-suggestion p { margin: 0; }
.tt-suggestion + .tt-suggestion { border-top: 1px solid #CCCCCC; }
.tt-nome { font-weight: bold; }
.tt-cidade { font-size: 10px; }

/*********************** Instituicao ************************************/

#novaInstituicao { background-color: #ECECEC; border: 1px solid #C4C4C4; margin: 0 auto 25px auto; width: 400px; }
#novaInstituicao .nome { border-bottom: 1px solid #C4C4C4; float: left; font-weight: bold; margin: 0; padding: 5px 10px; text-align: left; width: 380px; }
#novaInstituicao .nome p { display: inline; margin-left: 5px; }
#novaInstituicao table { margin: 0; padding: 0; }
#novaInstituicao table tr td { height: 25px; }
#novaInstituicao table tr th { width: 100px; }
#novaInstituicao .submit { border-top: 1px solid #C4C4C4; text-align: center; padding: 8px 0 8px 0; }

#loadInformation { display: none; height: 20px; padding-top: 5px; }

.currentEducation{ border-bottom: 1px solid #ECECEC; }
.currentEducation table{ margin: 15px 75px; }
.currentEducation table td{ height: 20px;}
.currentEducation .title{ font-weight: bold; padding-right: 10px; text-align: right; width: 50px;}
.currentEducation .info{ color: #7A7A7A;}

.currentEducation button{ opacity: 0.3; }
.currentEducation button:hover{ opacity: 1; }

/*********************** Grupos ************************************/

#createGroup { float: left; width: 100%; }
#createGroup h3 { background-color: #EBEBEB; border-bottom: 1px solid; color: #666666; margin-top: 0; padding: 10px 0; text-align: center; }

.room span { color: #6E6E6E; font-size: 11px; margin-bottom: 5px; margin-left: 10px; }
.room h1 { float: left; font-size: 22px; margin: 0; margin-left: 10px; margin-top: 5px; }
.room button { float: right; margin-right: 15px; }
.room { border-bottom: 1px solid #EBEBEB; float: left; width: 100%; }

#listaProvaOpt .footer { background-color: #EBEBEB; float: left; margin-top: 355px; padding: 7px 10px; position: absolute; width: 380px; }

#groupMembers { border: 1px solid #E0E0E0; border-radius: 10px 10px 10px 10px; float: right; margin-right: 25px; padding-bottom: 6px; width: 400px; }
#groupMembers .list { float: left; width: 100%; }
#groupMembers .list .name { float: left; font-weight: bold; margin-top: 10px; padding-top: 5px; }
#groupMembers .list .rank { float: left; padding: 4px 0; text-align: center; width: 83px; }
#groupMembers .list .points { color: #727272; float: right; line-height: 30px; margin-top: 15px; text-align: center; width: 100px; }

/* left */
#groupChat{ border: 1px solid #E0E0E0; border-radius: 10px; float: left; margin-left: 25px; margin-top: 10px; padding-bottom: 6px; width: 450px; }
#groupConfiguration { border: 1px solid #E0E0E0; border-radius: 10px; float: left; margin-left: 25px; padding-bottom: 6px; width: 450px; }
#groupConfiguration table { width: 100%; }
#groupConfiguration table tr { height: 30px; }
#groupConfiguration table tr th { padding-right: 10px; text-align: right; width: 100px; }

#boxChat { background-color: #FCFCFC; border-bottom: 1px solid #E0E0E0; float: left; height: 300px; overflow: auto; width: 100%; }

#sendBoxChatGroup { float: left; margin-top: 2px; }
#sendBoxChatGroup img { float: left; margin: 5px 0 0 10px; }
#sendBoxChatGroup input { background-color: #EBEBEB; border: 1px solid #EBEBEB; float: left; height: 20px; margin: 2px 0 0 5px; padding: 1px 5px; width: 336px; }
#sendBoxChatGroup button { float: left; margin: 3px 0 0 5px; }

/* right */
#groupInfo{ float: left; margin-top: 15px; width: 100%; }
#groupInfo h3 { background-color: #EBEBEB; border-bottom: 1px solid; border-radius: 5px 5px 0 0; color: #666666; margin: 0; padding: 10px 0 10px 15px; }

#groupFriendRequest { border: 1px solid #E0E0E0; border-radius: 10px 10px 10px 10px; float: right; margin-right: 25px; margin-top: 10px; padding-bottom: 6px; width: 400px; }
#groupFriendRequest .list { float: left; width: 100%; }
#groupFriendRequest .list .foto img { min-height: 60px; width: 60px; }
#groupFriendRequest .list .foto { border-radius: 5px 5px 5px 5px; float: left; height: 60px; margin: 5px 10px; overflow: hidden; width: 60px; }
#groupFriendRequest .list .btnInvite { float: right; margin: 19px 15px 0 0; }
#groupFriendRequest .list .name { float: left; font-weight: bold; margin-top: 10px; padding-top: 5px; }
#groupFriendRequest .frame { float: left; height: 350px; overflow: auto; width: 100%; }

/* group chat */
#boxChat .name { clear: both; float: left; font-size: 13px; font-weight: bold; margin: 5px; width: 90%; }
#boxChat .message { clear: both; float: left; font-size: 12px; padding: 0 0 5px 15px; width: 90%; }
#boxChat .systemMessage { clear: both; color: #688C9C; float: left; font-size: 12px; padding: 0 0 5px 15px; text-align: center; width: 90%; }
#boxChat hr { border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px dotted silver; clear: both; }

/********************** MARATONA ***************************/

#lineOwl { background: url("/imgs/marathon/bg_line.jpg") repeat-x; height: 434px; margin-top: 20px; }      
#lineOwl ul { float: left; margin-top: 17px; width: 560px; }
#lineOwl img { float: right; }
#lineOwl ul li { border-bottom: 0px solid #EBEBEB; color: #D9D4D4; font-weight: bold; font-size: 22px; list-style: url("/imgs/marathon/iconList.jpg"); margin-top: 32px; text-transform: uppercase; }

#detailsMarathon { background-color: #E5F2F8; float: left; margin: 10px 0; width: 100%; }
#detailsMarathon ul { float: left; }
#detailsMarathon ul li { color: #3494B4; float: left; font-size: 15pt; height: 125px; line-height: 26px; list-style: none outside none; margin-right: 35px; width: 530px; }
#detailsMarathon h1 { color: #EA753F; font-size: 20pt; margin-top: 0; padding-top: 0; }

#registerMarathon { background-color: #3C2D42; float: left; width: 100%; }
#registerMarathon h1 { color: #FFFFFF; font-size: 20pt; }
#registerMarathon label { color: #FFFFFF; float: left; margin-left: 20px; font-size: 11px; }    
#registerMarathon input[type=text], #registerMarathon input[type=password] { border: 1px solid #3C2D42; border-radius: 5px; color: #EA753F; font-size: 14pt; margin-left: 25px; margin-bottom: 7px; padding: 6px 4px; width: 350px; }

.center {margin-left: auto; margin-right: auto; text-align: center;}
.allAllignCenter {margin-left: auto; margin-right: auto; text-align: center;}
.paddingTopAndBottom15px {padding-bottom: 15px; padding-top: 15px;}
.paddingLeftAndRight1PorCento {padding-left: 1%; padding-right: 1%;}
.marginLeftAndRight10px {margin-right: 10px; margin-left: 10px;}

.progressBarBoardPercentMarathon { background: url("/imgs/marathon/barRanking.png") repeat-x scroll 0 0 transparent; border-radius: 5px 5px 5px 5px; float: left; height: 27px; max-width: 100%; }
#progressBarBoardMarathon { background: url("/imgs/marathon/barRankingBg.png") no-repeat scroll 0 0 transparent; border-radius: 5px 5px 5px 5px; clear: both; height: 27px; width: 100%; margin: 0;}

.barLocationPositionUser { background: url("/imgs/progressBar/boardBarPercent.png") repeat-y scroll 0 0 transparent; border-radius: 5px 5px 5px 5px; float: left; height: 400px; max-width: 100%;
}#barLocationPositionUserBg { background: url("/imgs/marathon/boardBar.png") repeat scroll 0 0 transparent; border-radius: 5px 5px 5px 5px; clear: both; height: 400px; margin: 15px auto 0; width: 420px; }
#noticeSaveExam { background-color: 	#E3E3E6; border-radius: 17px; float: left; height: 35px; margin: 2%; padding-bottom: 15px; width: 96%; }
#noticeDurationExam { background-color: #E68A00; border-radius: 20px; float: left; height: 50px; margin: 2%; padding-bottom: 15px; width: 46%; }

/*
* marathonReport
*/
#containerDataUser{ height: 100px; width: 100%; }
#containerRank{ float: left; width: 50%; margin-bottom: 30px; }
#containerUserPosition{ float: right; width: 50%; }
#containerEnemGrid{ width: 100%; width: 100%; clear: both; }
#containerDataUser-background{ background-color: #FFD930; border-radius: 7px; float: left; -moz-border-radius: 7px; -webkit-border-radius: 7px; width: 100%; }
#pointingMarathonReport h1{ color: #CE8A17; font-size: 40px; padding-left: 0; }
#pointingMarathonReport h4{ color: #CE8A17; margin-top: 0; margin-bottom: 0; }
#rankMarathonReport h1{ color: #CE8A17; font-size: 40px; padding-left: 0; }
#rankMarathonReport h4{ color: #CE8A17; margin-top: 0; margin-bottom: 0; }      
#imgUserMarathonReport{ text-align: left; }      
#photoUserMarathonReport img{ border-radius: 7%; float: left; max-height: 70px; -moz-border-radius: 7%; -webkit-border-radius: 7%; }
#fullNameMarathonReport{ float: left; width: 60%; }
#pointingMarathonReport{ float: left; width: 25%; }
#rankMarathonReport{ float: left; margin-right: auto; width: 15%; }
#fullNameMarathonReport h1{ color: #CE8A17; font-size: 30px; padding-bottom: 5px; }
#fullNameMarathonReport h3{ color: #CE8A17; font-size: 12px; padding-left: 10px; }
#marathonReportTop10ColumnPointing{ color: black; font-weight: bold; float:left; padding-top: 15px; width: 15%; }
#marathonReportTop10ColumnRank{ color: black; font-weight: bold; float:left; padding-top: 15px; width: 10%; }
.marathonReportTop10ColumnName{ color: black; font-weight: bold; float:left; height: 15px; overflow: hidden; padding-top: 15px; text-align: left; width: 30%; }
#marathonReportTop10ColumnProgressBar{ float:left; padding-top: 6.5px; width: 40%; }
#marathonReportTop10ColumnBackground{ float:left; height: 40px; width: 97%; }
.marathonReportExam{ background-color: #F6F6F7; margin-right: 1px; float: left; width: 19.85%; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; }
.marathonReportExam:hover { background-color: white; }
.marathonReportExamSelected { background-color: white; margin-right: 1px; float: left; width: 19.85%; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; }

.imageExamMarathonReport{ height: 60px; padding-top: 20px; }
#containerPointAllExamUser{ clear: both; height: 130px; width: 100%;  }
#barUserPositionBackground{ background-color: #99CB90; border: 2px solid #CCCCCC; border-radius: 10px; height: 300px; margin-left: auto; margin-right: auto; margin-top: 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; width: 150px; }
#gridFirstUser{ background-color: #FFD930; border-radius: 7px; color: #CE8A17; height: 70px; margin-left: auto; margin-right: auto; margin-top: 35px; -moz-border-radius: 7px; -webkit-border-radius: 7px; width: 150px; }
#barUserPosition{ background-color: white; border-top-left-radius: 8px; border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; width: 150px; }
#backgroundTotalParticipants { background-color: #F7f7f7; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; height: 25px; margin-left: auto; margin-right: auto; width: 80px; }
#totalParticipants { color: gray; padding-top: 5px; }
#cursoType{ text-align: left; }
#selectEstado{ color: #757575; background: transparent; padding: 8px; font-size: 16px; line-height: 1; border: 2px solid #CCCCCC; border-radius: 8px; height: 42px; webkit-appearance: none; float: right; }
#inputUniversidade { width:850px; font-size: 19px; }
#inputCurso{ width: 660px; font-size: 19px; }
#myGridInBar{ background-color: #97B4CA; border-radius: 60px; color: #FFFFFF; font-weight: bold; height: 60px; margin-left: 159px; margin-top: -30px; width: 60px; }
#lineUserPosition { width: 160px; border-bottom: 3px solid #97B4CA; }
#menuEnemGrid { clear: both; margin-bottom: 50px; width: 100%; }
#graphicCutPoint { margin-left: auto; margin-right: auto; width: 550px; margin-bottom: 50px; }
#ballYouPoint { margin-top: 10px; border-radius: 100px; background-color: #97b4ca; color: white; font-weight: bold; height: 50px; color: white; font-weight: bold; width: 50px; }
#ballCutPoint { border-radius: 100px; background-color: #ca9797; color: white; font-weight: bold; height: 50px; width: 50px;  }
#backgroundGraphic { background: url('/imgs/marathon/barCutPointBackground.png') no-repeat scroll 0; width: 503px; height: 167px; }
#lineCutPoint { border-right: 3px solid #ca9797; }
#lineYouPoint { border-right: 3px solid #97b4ca; }
#graphic { display: none; } 

#assuntosEstudar { float: left; margin-bottom: 25px; }
#assuntosEstudar ul li { background-color: #ECECEC; border: 1px solid #ececec; cursor: default; float: left; list-style: none; margin: 3px 5px; padding: 4px 8px; }
#assuntosEstudar ul li:hover { background-color: #E5F2F8; }

/*
* redacao
*/

#tituloRedacao { border: 1px solid #000000; font-size: 14px; font-weight: bold; margin: 10px 0px 10px 200px; padding: 3px; text-align: center; text-transform: uppercase; width: 200px; }

#folhaRedacao { border: 2px solid #4F4F4F; float: left; width: 599px; }
#folhaRedacao .numeracao { float: left; }
#folhaRedacao .texto { float: left; width: 560px; }

#blocoDeNotas { background: url("/imgs/wording/background.png") repeat scroll 0 0 rgba(0, 0, 0, 0); border-color: #D4D4D4 -moz-use-text-color #D4D4D4 #D4D4D4; border-image: none; border-style: none none solid solid; border-width: 0 0 0 1px; font-size: 15.4px; height: 893px; line-height: 30.1px; overflow: hidden; padding: 5px 5px 0; resize: none; width: 557px; cursor: text; }
.numeroDalinha { border-bottom: 1px solid #D4D4D4; border-right: 1px solid #D4D4D4; border-top: 1px solid #D4D4D4; clear: both; float: left; font-size: 11px; font-weight: bold; height: 20px; padding-right: 8px; padding-top: 8px; text-align: right; width: 22px; }

#myWordings { margin: 10px 30px 10px 30px; }
.boxWording { width: 32%; margin-right: 1%; height: 100px; border-radius: 5px; border: 1px solid #ACACAC; float: left; margin-bottom: 10px ; }
.boxImgWording { width: 30%; float: left; }
.boxImgWording img { margin: 10px 10px; }
.detailsBoxWording { width: 70%; float: left }
.scoreWording { float: left; width: 50%; }
.scoreWording p { color: red; margin: 0; font-weight: bold; }
.moreDetailsWording { float: left; width: 50%; }
.detailsWording p { font-size: 10px; height: 28px; overflow: hidden; width: 90%; }
.detailsWording h5 { margin-bottom: 5px; margin-top: 14px; }
.hrWording { border: 1px solid #ACACAC; margin: 40px auto; }
.hr90pcent { width: 94% !important; }

.menuWordingActive {
border: 1px solid #ebebeb; 
float: left; 
padding: 10px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;      
border-bottom: 1px solid white !important;

/* Gradiente de cima para baixo gerado no: http://www.colorzilla.com/gradient-editor/ */

background: #f3f3f3; /* Old browsers */
background: -moz-linear-gradient(top,  #f3f3f3 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f3f3f3 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f3f3f3 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f3f3f3 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f3f3f3 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

.menuWordingInactive{
border: 1px solid transparent; 
float: left; 
padding: 10px;
}

.imgTmp img{ max-height: 400px; max-width: 400px; }

.themeWording { margin: 40px; }
#tabWording { border-bottom: 1px solid #ebebeb; height: 36px; width: 92%; margin: auto; }
.dicasToti { width: 25%; float: left; font-size: 11px; font-weight: bold; }
.lines { border-bottom: 1px solid #959595 !important; float: left; width: 42%; height: 36px; }

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

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

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -21px;
}

label.css-label {
	background-image:url(/imgs/wording/csscheckbox.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#tema { height: 300px; overflow: hidden; padding: 40px; margin-bottom: 40px; }
#gridTema { width: 100%; height: 100%; }

#maisIcon { float: left; color: white; font-weight: bold; font-size: 15px; margin: 0 0 0 2.5px }
#maisDescricao { background-color: transparent; border: 0; cursor: pointer; font-weight: bold; float: left; width: 80px; }
#maisBackgroundIcon { border-radius: 15px; height: 15px; width: 15px; background-color: black; float: left; text-align: center; }
#maisTema { color: black; margin-left: 430px; float: left; }
#lerMais { width: 100%; font-style: italic; float: left }

.intervalCriteria { clear: both; height: 100%; border-bottom: 1px solid #e3e3e3; float: left; }
.cabecalhoInterval { clear: both; height: 100%; border-bottom: 1px solid #e3e3e3; float: left; }
.allignVerticalDivOuter { display: -webkit-flex; /* Safari */ -webkit-align-items: flex-start; /* Safari 7.0+ */ display: flex; align-items: flex-start; }
.allignVerticalDivInner { -webkit-align-self: center; /* Safari 7.0+ */ align-self: center; }
.booleanCriteria { float: left; width: 50%; height: 50px;}
.criterioBoolean { float: right; width: 90%; }

.blueBar { background-color: #24d0d7 !important; }
.grayBar { background-color: gray !important; }

.blueBarHover { background-color: #24d0d7 !important; }
.grayBarHover { background-color: gray !important; }

.barSlice { height: 30px; width: 10px; background-color: gray; float: left; border-right: 5px solid white;}        
.resultCheck { float: left; border: none; background-color: white !important; text-align: center; margin-top: 5px; font-size: 14px; font-weight: bold; cursor: text !important; display: none; }
.descricaoHover { width: 350px; float: left; display: none; padding: 10px; }
.descricao { width: 330px; float: left; padding: 10px; }
.slice { width: 150px; float: left; padding: 25px 10px; border-right: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; }
.initialBarSlice { width: 3px; border-right: 3px solid white; background-color: #24d0d7; }
.criterio { width: 340px; float: left; padding: 10px; }

#comentarios { width: 330px; float: left; padding: 10px; font-weight: bold; }
#notas { width: 150px; float: left; padding: 10px; text-align: center; font-weight: bold; }
#competencias { width: 340px; float: left; padding: 10px; font-weight: bold; }
#linhaLateralNotasPorArea { float: left; width: 85%; border: 0; border-bottom: 1px solid #c7c7c7; }
#notasPorArea { float: left; width: 15%; margin: 0; }
#gridNotasPorArea { width: 100%; float: left; margin: 10px 0; border: 0; }
#cabecalhoIntervalCriteria  { border-bottom: 1px solid #e3e3e3; float: left; margin-bottom: 10px; clear: both; }

#linhaLateralCriterios { float: left; width: 80%; border: 0; border-bottom: 1px solid #c7c7c7; }
#criteriosEliminacao { float: left; width: 20%; margin: 0; }
#cabecalhoCriterioEliminaca { width: 100%; float: left; margin: 20px 0; }

.confirmGround { clear: both; padding: 10px 0px; float: left; border-bottom: 1px dashed #e3e3e3 }
.innerConfirmGroundScore { width: 20%; float: left; font-weight: bold }
.innerConfirmGroundDescription { width: 80%; float: left }