html {
	height:100%;
}

body
{
    background-color: white;
	margin: 0px;
    font-family: 'MontDemo', sans-serif;
    font-size: 26px;
    color: black;
    line-height:26px;
	height:100%;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

button {
	  font-family: 'MontDemo';
	  cursor:pointer;
}

a
{
border:none;
text-decoration:none;
color:inherit;
}

/*a:hover
{
text-decoration:underline;
}
*/

img
{
	border:none;
}

hr {
	height:1px;
	border: none;
    height: 1px;
    color: #858483; /* old IE */
    background-color: #858483; /* Modern Browsers */
	margin-bottom:40px;
	margin-top:10px;
}


/****LOGIN*****/

.loginLogo {
	display:block;
}

.loginContentInner {
	max-width:450px;
	width:100%;
	margin:0 auto;
	padding:80px 0px;
	text-align:center;
	font-size:18px;
}


.loginBox {
	padding-top:45px;
	width:100%;
	height:320px;
	background-color:rgba(255,255,255,0.9);
	text-align:center;
	border-radius:5px;
}


#changePasswordBox {
	display:none;
}


#passwordRecoveryBox {
	
}

#passwordCodeBox {
	display:none;
}

.changePasswordInfo {
	font-size:14px;
	line-height:18px;
	color:#113955;
	padding-bottom:20px;
}

.loginCancel {
	font-size:14px;
	line-height:18px;
	color:#113955;
	padding-top:20px;
	cursor:pointer;
}

#login_error {
	color:red;
	height:10px;
	font-size:14px;
	font-weight:bold;
}

#password_error {
	color:red;
	height:10px;
	font-size:14px;
	font-weight:bold;
}

#passwordrecovery_error {
	color:red;
	height:10px;
	font-size:14px;
	font-weight:bold;
}

#coderecovery_error {
	color:red;
	height:10px;
	font-size:14px;
	font-weight:bold;
}

#register_error {
	color:red;
	height:10px;
	font-size:14px;
	font-weight:bold;
}

#registerLeftBox {
	margin-top:25px;
	margin-left:139px;
	width:497px;
	float:left;
	display:none;
}

.registerBox {
	width:100%;
	background-color:rgba(255,255,255,0.9);
	text-align:center;
	border-radius:5px;
}

.registerConfirmBox {
	margin-top:90px;
	width:100%;
	background-color:rgba(255,255,255,0.9);
	text-align:center;
	border-radius:5px;
	display:none;
}

.registerConfirmInfo {
	font-size:14px;
	line-height:18px;
	text-align:justify;
	padding:20px 40px 0px 40px;
	color:#113955;
}


.login_registerPrivacy {
	text-align:justify;
}

.login_registerInfo {
	font-size:14px;
	line-height:16px;
	text-align:justify;
	padding:20px 40px 0px 40px;
	color:#113955;
}

.login_registerField {
	width:420px;
	display:inline-block;
}

.login_registerField input {
	width:100%;
	border:none;
	height:25px;
	color:#113955;
	font-family: 'MontDemo', sans-serif;
	font-size:15px;
	border-bottom:solid 2px #d0d0d0;
	background-color:transparent;
	margin-top:30px;
	font-weight:bold;
}

.login_registerField input::placeholder {
  color:#113955;
  opacity: 1;
}

.login_registerButton {
	margin-top:20px;
}

.login_registerButton button {
	width:424px;
	height:44px;
	background-color:#d7005d;
	color:black;
	font-family: 'MontDemo', sans-serif;
	font-size:16px;
	font-weight:bold;
	border-radius:5px;
	text-transform:uppercase;
	border:none;
}

.login_registerText {
	width:420px;
	display:inline-block;
	font-size:12px;
	text-align:left;
	line-height:20px;
}

.loginSeparator {
	height:1px;
	width: 160px;
	background-color:white;
	margin:26px 0px;	
	display:inline-block;
}

.login_loginField {
	width:300px;
	display:inline-block;
}

.login_loginButton {
	margin-top:20px;
}

.login_passwordLostLink {
	cursor:pointer;
	text-decoration:underline;
}

.login_readPrivacyLabel {
	color:#113955;
	font-size:12px;
	text-align:left;
	max-width:343px;
	width:100%;
	margin:0px auto 0px auto;
	font-weight:normal;
}

.login_readPrivacyLink {
	font-weight:bold;
	cursor:pointer;
	text-decoration:underline;
}

.loginRegistrationBox {
	margin-top:42px;
}

.loginRegistrationLeft {
	color:white;
	font-size:15px;
	font-weight:bold;
	text-align:right;
	display:inline-block;
	width:49%;
}

.loginRegistrationRight {
	text-align:left;
	display:inline-block;
	width:49%;
}

.loginRegistrationRight button {
	width:212px;
	height:42px;
	background-color:#d7005d;
	color:white;
	text-transform:uppercase;
	font-family: 'MontDemo', sans-serif;
	font-size:16px;
	font-weight:bold;
	border-radius:5px;
	border:none;
}


/*** HEADER ***/
.header {
	width:100%;
	display: table-row; height: 100px;
}

.headerBlue {
	background-color:#f16122;
	height:30px;
	color:black;
	text-align:right;
}

.headerBlueText {
	display:inline-block;
	font-size:18px;
	vertical-align:top;
	padding-top:2px;
	color:white;
}

.headerBlueIcon {
	display:inline-block;
	padding-right:30px;
}

.headerBlueIcon img {
	height:25px;
	padding-top:2px;
	padding-left:5px;
}

.headerWhite {
	padding:20px 0px;
	height:93px;
	background-color:rgba(0,0,0,0.4);
}

.headerWhiteLogo {
	width:20%;
	float:left;
}

.headerWhiteLogo img {
	height:70px;
	padding-top:12px;
	padding-left:37px;
}

.menuMobile {
	display:none;
}

.headerWhiteMenu {
	width:79%;
	float:right;
	text-align:right;
}

.headerWhiteMenu ul {
	list-style-type:none;
}

.eventiMenuItem {
}

#eventiMenu {
  position:absolute;
  top:-28px;
  padding-top:42px;
  padding-bottom:20px;
  left:-60px;
  width:210px;
  background-color:#000000;
  color:white;
  text-align:center;
  display:none;
}

.eventiSubMenu {
	padding-top:50px;
	text-align:left;
	padding-left:5px;
}

.eventiSubMenu div {
	padding:20px 0px;
}

.eventiSubMenu a {
	color:white;
}

.bottomBlue {
	background-color:#f16122;
	height:20px;
	color:white;
	text-align:right;
}

.bottomFooter {
	font-size:12px;
	line-height:13px;
	text-align:center;
}

.bottomInner {
	max-width:1000px;
	margin:0 auto;
	width:100%;
	text-align:left;
	display:table;
	height:110px;
}

.bottomLogo1 {
	display:table-cell;
	width:50%;
	text-align:left;
	vertical-align:middle;
}

.bottomLogo2 {
	display:table-cell;
	width:50%;
	text-align:right;
	vertical-align:middle;
}

.bottomWhiteLeft {
	display:table-cell;
	width:50%;
	text-align:left;
	font-size:32px;
	font-weight:bold;
	font-family:MontDemo;
	text-transform:uppercase;
	vertical-align:middle;
}

.bottomWhiteRight{
	display:table-cell;
	width:50%;	
	text-align:right;
	vertical-align:middle;
}

.bottomWhiteRight img {
	width:200px;
}

.bottomWhiteCenter {
	display:table-cell;
	width:50%;
	text-align:center;
	font-size:40px;
	line-height:45px;
	font-weight:bold;
	font-family:MontDemo;
	text-transform:lowercase;
}

/**** FOOTER ***/
.footer {
	display: table-row;
	height: 100px;
}

/*** HOME ***/

#homeContainer {
	display: table-row;
	height: 100%;
	overflow-y: auto;
}

#homeInnerContainer img {
	max-width:600px;
	width:90%;
}



/*** DAY ***/
.dayHeader {
	background-image:url('../img/bar.jpg');
	background-repeat: repeat-x;
	background-position: center; 
	height:150px;
	width:100%;
	margin:0 auto;
	font-family:Gotham;
}

.dayHeaderLeft {
	float:left;
	width:50%;
	text-align:left;
	color:white;
	display:table;
	height:100%;
	font-size:60px;
	line-height:60px;
	padding-left:20px;
}

.dayHeaderSeparator {
	height:80px;
	width:1px;
	background-color:white;
	display:inline-block;
	margin: 0 20px;
	vertical-align:middle;
}

.dayHeaderLeftInner {
	display:table-cell;
	vertical-align:middle;
}

.dayHeaderRight {
	float:right;
	width:50%;
	text-align:right;
}

.dayHeaderRight button {
	background-color:#d7005d;
	width:220px;
	height:60px;
	color:white;
	font-size:25px;
	font-family: 'MontDemo';
	border:0;
	margin-top:50px;
}

.dayContent {
	background-color:white;
	background-position:right top;
	font-size:24px;
	line-height:30px;
	max-width:100%;
}

.dayContentInner {
	color:#000000;
	max-width:1350px;
	width:100%;
	margin:0 auto;
	padding:80px 40px;
	box-sizing: border-box;
	position:relative;
}

/***CONTACT****/

.contactContent {
	background-color:white;
	font-size:24px;
	line-height:30px;
	max-width:100%;
}

.contactConfirm {
	text-align:center;
	padding:200px 0px 300px 0px;
	font-size:16px;
	display:none;	
	color:white;
}

.contactContentInner input {
	max-width:450px;
	width:100%;
	height:40px;
	font-family: 'MontDemo';
	font-size:16px;
	color:black;
	border:solid 1px black;
}

.contactContentInner textarea {
	max-width:450px;
	width:100%;
	height:200px;
	font-family: 'MontDemo';
	font-size:16px;
	color:black;
	border:solid 1px black;
	resize:none;
}


#contact_error {
	color:red;
	font-size:14px;
	font-weight:bold;
}


/***CONTEST****/

.contestContent {
	background-color:white;
	background-image:url(../img/background-inner.png);
	background-repeat:no-repeat;
	background-position:right top;
	font-size:24px;
	line-height:30px;
	max-width:100%;
	
}

.contestContentInner {
	color:#000000;
	width:800px;
	margin:0 auto;
	padding:80px 0px;
	font-size:18px;
	text-align:left;
}

.contestTitle {
	text-transform:uppercase;
	font-weight:bold;
	color:#D7005D;
	font-size:18px;
	padding-bottom:15px;
}

.contestTitleBig {
	text-transform:uppercase;	
	color:#D7005D;
	font-size:30px;
	padding-top:20px;
}

.contestTable {
	display:table;
}

.contestRow {
	display:table-row;
}

.contestCell1 {
	display:table-cell;
	width:200px;
	vertical-align:top;
}

.contestCell1 img {
	width:100%;
}

.contestCell2 {
	display:table-cell;
	width:600px;
	vertical-align:top;
	padding-left:30px;
	font-size:18px;
	line-height:30px;
	padding-bottom:70px;
}

.contestCell2 h1 {
	font-size:25px;
	margin:0;
	paddin:0;
}

.contestCellDisabled {
	opacity:0.3;
}


.mypageContent {
	background-color:white;
	background-image:url(../img/background-inner.png);
	background-repeat:no-repeat;
	background-position:right top;
	font-size:24px;
	line-height:30px;
	max-width:100%;
	
}

.mypageContentInner {
	color:#000000;
	max-width:1360px;
	width:95%;
	margin:0 auto;
	padding:80px 0px;
	font-size:14px;
	text-align:center;
	color:#b0b0b0;
}

.dropZone {
	width:600px;
	height:190px;
	background-color:#f4f4f4;
	color:#d7015c;
	font-size:23px;
	font-weight:bold;
	padding-top:160px;
	text-align:center;
	border:dashed 1px #b0b0b0;
	margin:0 auto;
}

.mypageContentInner video {
	width:600px;
	height:340px;
	background-color:black;
}

.myPageVideoTitle {
	text-transform:uppercase;	
	color:#D7005D;
	font-size:24px;
	padding:20px;
	font-weight:bold;
}

.myPageDelete {
	text-align:center;
}

.myPageDelete button{
	width:150px;
	height:35px;
	background-color:#d7005d;
	color:white;
	font-weight:bold;
	font-size:16px;
	border:0;
}

/***STREAMING***/
.streamingContent {
	background-color:white;
	background-image:url(../img/background-inner.png);
	background-repeat:no-repeat;
	background-position:right top;
	font-size:24px;
	line-height:30px;
	max-width:100%;
	
}

.streamingPanel {
	display:inline-block;
	vertical-align:top;
}

.streamingPanel button {
	width:180px;
	height:35px;
	background-color:#f16122;
	color:white;
	font-weight:bold;
	font-size:16px;
	border:0;
	margin-bottom:20px;
}

.streamingPanel iframe {
	width:720px;
	height:405px;
}

#quiz {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.8);
	z-index:100;
}

#quizClose {
	position:absolute;
	top:10px;
	right:10px;
}

#quizClose img {
	width:25px;
	cursor:pointer;
}

#quizInner {
	border:solid 3px #f16122;
	position:absolute;
	top:40px;
	left:40px;
	right:40px;
	bottom:40px;
	background-color:black;
}

#chatBox {
	display:none;
	max-width:400px;
	width:100%;
	vertical-align:top;
	text-align:center;
	background-color:#2a2a2a;
	color:white;
	position:relative;
	padding-bottom:18px;
}

.chatIcon {
	position:absolute;
	top:5px;
	right:10px;
}

.chatIcon img {
	width:30px!important;
}

#chatArea {
	width:300px;
	height:300px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	background-color:white;
	color:black;
	text-align:left;
	padding-left:10px;
	overflow-x:hidden;
	overflow-y:scroll;
	border:none;
}

.chatTitle {
	padding-top:5px;
	color:white;
	font-size:18px;
	font-weight:bold;
}

#chatMessage {
	width:300px;
	height:30px;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	color:black;
	padding-left:10px;
	border:none;
}


/***GENERIC PAGE***/
.genericPageContent {
	background-color:white;
	background-image:url(../img/background-inner.png);
	background-repeat:no-repeat;
	background-position:right top;
	font-size:24px;
	line-height:30px;
	max-width:100%;
	
}

.genericPageContentInner {
	width:95%;
	margin:0 auto;
	padding:50px 0px;
	font-size:18px;
	text-align:center;
	color:#000000;
}

.genericPageContentInner table {
	text-align:left;
	margin:0 auto;
}

.genericPageContentInner td {
	padding:0 10px;
}

.genericPageContentInner b {
	color:#f16121;
}


.genericPageContentInner th {
	text-align:center;
	font-weight:bold;
}

/***RELATOR PAGE***/
.relatorPageContent {
	background-color:white;
	background-image:url(../img/background-inner.png);
	background-repeat:no-repeat;
	background-position:right top;
	font-size:24px;
	line-height:30px;
	max-width:100%;
	
}

.relatorPageContentInner {
	width:95%;
	margin:0 auto;
	padding:50px 0px;
	font-size:18px;
	text-align:center;
	color:#000000;
}

.relatorInfo b {
	color:#f16121;
}

.relatorBox {
	width:1000px;
	width:100%;
	margin:0 auto;
}

.relatorImg {
	vertical-align:top;
	display:inline-block;
}

.relatorImg img {
	width:100px;
	margin-right:20px;
}

.relatorInfo {
	width:800px;
	vertical-align:top;
	display:inline-block;
	text-align:left;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.userMsg {
	width:200px;
	background-color:#9d9d9d;
	padding:10px;
	margin:10px auto 10px 10px;
	font-size:16px;
	line-height:20px;
	border-radius:10px;
	color:white;
}

.adminMsg {
	width:200px;
	background-color:#000000;
	color:white;
	padding:10px;
	margin:10px 10px 10px auto;
	font-size:16px;
	line-height:20px;
	border-radius:10px;
}

.msgDate {
	font-size:12px;
}


.streamingWarning {
	color:black;
	font-size:20px;
	line-height:25px;
}

.streamingNote {
	margin:0 auto;
	text-align:center;
	width:100%;
	max-width:640px;
	color:white;
	font-size:16px;
	line-height:20px;
}

/***GENERIC***/

.genericContent {
	background-color:black;
	font-size:24px;
	line-height:30px;
	max-width:100%;
	height:100%;
}

.genericContentInner {
	color:white;
	max-width:1100px;
	width:90%;
	margin:0 auto;
	padding:80px 0px;
	text-align:justify;
	font-size:18px;
}

.genericContentInner h1 {
	text-align:center;
	font-size:20px;
	font-weight:bold;
}

@media screen and (max-width: 1200px) {
.headerWhiteMenu ul li {
	margin:0 20px;
}

@media screen and (max-width: 980px) {

.relatorBox {
	width:100%;
}

.relatorImg {
	display:block;
}

.relatorInfo {
	display:block;
	text-align:center;
	width:100%;
	max-width:500px;
	padding-bottom:20px;
	margin:0 auto;
}


#loginLeftBox {
	margin-left:auto;
	margin-right:auto;
	float:none;
}

.loginLogo {
	float:none;
	margin-left:auto;
	margin-right:auto;
}

}


@media screen and (max-width: 890px) {

.bottomWhiteLeft {
	display:block;
	width:100%;
	text-align:center;
	font-size:20px;
	padding-bottom:20px;
}

.bottomWhiteRight{
	display:block;
	width:100%;	
	text-align:center;
}

.headerWhite {
	height:auto;
	padding:0;
}

.menuSelected {
	border:0;
	padding-bottom:0px;
}

.headerWhiteLogo {
	float:none;
	width:50%;
	text-align:left;
	padding-bottom:10px;
}
	
.headerWhiteLogo img {
	padding-left:10px;
}

.headerWhiteMenu {
	width:100%;
	float:none;
	text-align:center;
	margin:0;
	padding:0;
	display:none;
}


.headerWhiteMenu ul {
	padding:0px;
	margin:0;
}

.headerWhiteMenu ul li {
	display:block;
	margin:0;
	background-color:black;
	padding:10px 0;
}

.dayHeaderLeft {
	font-size:40px;
	line-height:40px;
	width:100%;
	box-sizing:border-box;
}

.contactContentInner {
	width:90%;
	text-align:center;
	padding:0px;
}

.tableTime {
	width:100px;
}

.genericPageContentInner table tr td {
	vertical-align:top;
}

.menuMobile {
	display:block;
	position:absolute;
	top:25px;
	right:10px;
}

.menuMobile img {
	width:40px;
	height:40px;
}

.streamingContentInner {
	padding-top:20px;
}

.streamingPanel iframe {
	width:320px;
	height:188px;
}

.login_loginField input {
	width:90%;
}

.contactContentInner input {
	width:90%;
}

.contactContentInner textarea {
	width:90%;
}

}