@font-face {
  font-family: 'ColourSans';
  src: url('font/ColourSans.woff2') format('woff2'),
       url('font/ColourSans.woff') format('woff');
}
/* ------------inicio scrollbars----------------------*/
/* Let's get this party started */

::-webkit-scrollbar {
    width: 10px;
	height:10px;
}
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgba(12,42,99,0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(12,42,99,0.4); 
}
/* -------------------fim scrollbars----------------------*/
*[onclick]{
	cursor:pointer !important;
}
html, body{
	width:100%;
	margin:0;
	padding:0;
	font-family: 'ColourSans', sans-serif;
	font-size:16px;
}

input[readonly]{
	cursor:not-allowed !important;
}
.inputErro{
	color:#c4161c !important;
	text-align:right !important;
	font-size:70%;
	font-weight:bold;
}
.inputErro div{
	background-image:url(../img/btReprova.png);
	background-repeat:no-repeat;
	background-position:right;
	background-size:auto 100%;
	display:block;
	width:15px;
	height:15px;
	margin:-24px 5px 0px 0px;
	float:right;
	z-index:2;
	position:relative;
}
.inputOk div{
	background-image:url(../img/btAprova.png);
	background-repeat:no-repeat;
	background-position:right;
	background-size:auto 100%;
	display:block;
	width:15px;
	height:15px;
	margin:-20px 5px 0px 0px;
	float:right;
	z-index:2;
	position:relative;
}
.inputAlert{
	color:#dede02 !important;
	text-align:right !important;
	font-size:70%;
	font-weight:bold;
}
.inputAlert div{
	background-image:url(../img/btAlerta.png);
	background-repeat:no-repeat;
	background-position:right;
	background-size:auto 100%;
	display:block;
	width:15px;
	height:15px;
	margin:-20px 5px 0px 0px;
	float:right;
	z-index:2;
	position:relative;
}
.msgGeral{
	position:fixed;
	height:100%;
	margin:0px;
	left:0px;
	top:0px;
	background-color: rgba(0, 0, 0, 0.50);
	z-index:20003 !important;
	display:none;
}
#msgMsg{
	border-radius:10px;
	background-color: rgba(255, 255, 255, 1);
	padding:20px;
	max-width:350px;
	text-align:center;
	border:solid 2px #2a7de2;
	/*-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);*/
	outline: none;
}
#msgMsgMode{
	border-radius:10px;
	background-color: rgba(255, 255, 255, 1);
	padding: 35px 20px 20px;
	max-width:900px;
	text-align:center;
	/*border:solid 2px #2a7de2;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);*/
	outline: none;
	background-image:url(../img/bg_top_tarefa.png);
	background-position:top;
	background-repeat:no-repeat;
	background-size:100% 35px;
}

.msgMsgErro{
	color:#c4161c !important;
	border:solid 2px #c4161c !important;
	/*-webkit-box-shadow: 0px 0px 10px 0px rgba(185,55,62,0.75) !important;
	-moz-box-shadow: 0px 0px 10px 0px rgba(185,55,62,0.75) !important;
	box-shadow: 0px 0px 10px 0px rgba(185,55,62,0.75) !important;*/
}
.msgMsgAlert{
	color:#deb328 !important;
	border:solid 2px #deb328 !important;
	/*-webkit-box-shadow: 0px 0px 10px 0px rgba(255,255,0,0.75) !important;
	-moz-box-shadow: 0px 0px 10px 0px rgba(255,255,0,0.75) !important;
	box-shadow: 0px 0px 10px 0px rgba(255,255,0,0.75) !important;*/
}
.msgMsgOk{
	color:#003899  !important;
	/*border:solid 2px #003899  !important;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,56,153,0.75) !important;
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,56,153,0.75) !important;
	box-shadow: 0px 0px 10px 0px rgba(0,56,153,0.75) !important;*/
}
#msgMsg img, #msgMsgMode img{
	float:right;
	margin:-10px -10px 0 0;
	cursor:pointer;
}
#loadPage{
	position:fixed;
	width:100%;
	height:100%;
	z-index:100000;
	background: rgba(0,0,0,0.5);
	top:0px;
	left:0px;
}
#loadPage img{
	max-width:100%;
}

.noResp{
	display:block;
}
.noDesk{
	display:none;
}

.divTab{
	display:table;
	width:100%;
}
.divCell{
	display:table-cell;
}
.allmenu .ative{
	text-decoration:underline !important;
	font-weight:bold !important;
}
#menuDesk{
	background-color:#022863;
	position:fixed;
	z-index:3;
	top:0;
	left:0;
	width:100%;
}
.logoAkzo img{
	max-width:250px;
}
#menuDesk .divCell{
	vertical-align:bottom;
	white-space:nowrap;
	width:1px;
	color:#FFF;
	text-align:center;
	padding: 10px;
}
#menuDesk .logoAkzo{
	width:100%;
	text-align:left;
	padding: 15px 0 0 15px;
}

#menuDesk, #pagInicio, #pagComoParticipar, #pagPremiacao, #pagCadastroPre, #pagGanhador, #pagRegulamento, #pagRodaPe{
	padding:0px;
	margin: -4px 0px;
}
#menuDesk img, #pagInicio img, #pagComoParticipar img, #pagPremiacao img, #pagCadastroPre img, #pagGanhador img, #pagRegulamento img, #pagRodaPe img{
	padding:0px;
	margin:0px;
}

.frameRegulamento{
	width: 60%;
	min-width:820px;
    min-height: 500px;
    border: solid 2px #022863;
    margin: 10px auto;
    display: block;
    padding: 20px;
    border-radius: 30px;
	background-color:#FFF;
}
.framePoliticas{
	width: 100%;
    min-height: 500px;
}
.menuRodaPe{
	width:auto;
	margin: 0 auto;
    border-spacing: 15px 0px;
}
.menuRodaPe .divCell{
	border: solid 2px #022863;
	border-radius: 20px;
	padding:5px 10px;
	text-align:center;
}
.textoLegal{
	display:block;
	width:80%;
	margin:50px auto;
	text-align:center;
	font-size:80%;
}

.cronometrooo{
	margin-top: -33%;
    position: absolute;
    z-index: 2;
    color: #fff;
    margin-bottom: 50%;
    zoom: 1.8;
    display: inline-block;
    margin-left: 5%;
}
.countdown{
	font-size:150%
}
.countdown p{
	font-size:70% !important;
	margin-bottom:-1px
}
.logoYoutube{
	max-width: 150px;
    margin-top: 70px !important;
	margin-bottom: auto;
}
#pagCadastro{
	background-image:url(../img/bg_cadastro.jpg);
	background-position: bottom center;
	background-size:cover;
	background-repeat:no-repeat;
	width: calc(100% - 100px);
	height:100%;
	color:#FFF;
	padding:50px;
}
#formCadastro input {
    width: calc(100% - 25px);
    padding: 7px;
    border-radius: 10px;
    border: solid 1px #00013f;
    margin-bottom: 5px;
}
#formCadastro select {
    width: calc(100% - 10px);
    padding: 7px;
    border-radius: 10px;
    border: solid 1px #00013f;
    margin-bottom: 5px;
}
#formCadastro input[type="checkbox"] {
    width: 100%;
    padding: 7px;
    border-radius: 10px;
    border: solid 1px #00013f;
    margin-bottom: 5px;
}
.allGanhadores{
	width: 60%;
    min-width: 820px;
    border: solid 2px #022863;
    margin: 10px auto;
    display: block;
    padding: 20px;
    border-radius: 30px;
    background-color: #FFF;
}
.allGanhadores td{
	border-bottom:solid 2px #00013f;
	color:#022863;
}
@media screen and (max-width: 800px) {
	.noResp{
		display:none;
	}
	.noDesk{
		display:block;
	}
	#menuResp{
		position:fixed;
		z-index:3;
		top:0;
		left:0;
		width:100%;
	}
	.menuList{
		display:none;
		background-color:#f0ab4a;
		height:100%;
	}
	.allmenu{
		background-color:#022863;
		padding: 10px;
	}
	.menuList div{
		border-bottom:solid 2px #002564;
		color:#002564;
	}
	.menuList img{
		vertical-align:middle;
		margin:7px;
		width:35px;
	}
	.logoAkzo img{
		max-width:150px;
	}
	.frameRegulamento{
		width: 80%;
		min-width:80%;
	}
	.framePoliticas{
		width: 100%;
		min-height: 500px;
	}
	.menuRodaPe {
		font-size: 85%;
	}
	.cronometrooo{
		margin-top: -150px;
		position: relative;
		z-index: 2;
		color: #fff;
		margin-bottom: 45px;
		zoom: 1;
		display: block;
		margin-left: auto;
	}
	.countdown{
		font-size:150%
	}
	.countdown p{
		font-size:70% !important;
		margin-bottom:-1px
	}
	.logoYoutube{
		max-width: 115px;
		margin-top: 15px !important;
		margin-bottom: -30px;
	}
	
	#pagCadastro{
		width: calc(100% - 10px);
		padding:5px;
	}
}