html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
html, body {width: 100%; height: 100%;}
input {
 padding: 8px;
 border:1px solid rgb(204,204,204);
}
fieldset.fsn1{
  margin:10px 0px;
}
fieldset.fsn1 legend.lgn1 {
 font-weight:bold;
 font-size:125%;
}
fieldset.fsn2{
 margin:10px 0px;
}
fieldset.fsn2 legend.lgn2 {
 font-weight:bold;
}
fieldset.fsn2 label{
	position: relative;
}
.sigla_moeda {
  position: absolute;
  top: 25px;
  left: 5px;
  z-index: 1;
}
.depositos, .premios {width: calc( 100% - 240px ); display: inline-block; margin-right: 5px;}
.evento-imagem {margin-bottom: 5px;}
.evento-item {padding-bottom: 5px; margin-bottom: 10px;}
.evento-item h3 {padding: 5px;}
.evento-item .evento-imagem {float: left; width: calc( 100% / 3 );}
.evento-item .evento-info {float:left; width: calc( 100% / 3 * 2 ); margin-bottom: 5px;}
.evento-info {margin-bottom: 5px;}
input {padding: 8px; border: 1px solid rgb(204,204,204);}
.nomedado {font-weight: bold;}
.eventos-menu {margin-bottom: 10px;}
.eventos-menu div:nth-child(2) {padding-left:10px; position: relative;}
.eventos-menu div:nth-child(2)
.evento-item-menu {margin-top: 10px;}
#footer {overflow: auto;}
#divbolsa p {position: relative;}
#divbolsa p span {position: absolute; right: 15px;}
.valores {
 text-align: right;
}
.colid1 {
 display:inline-block;
 width: 305px;
}
.integrantes input[type=text], .integrantes input[type=email] {
	width:49%;
	margin-bottom: 5px;
}
.integrantes input[type=text] {
	margin-right: 5px;
}
#Button1 {
	width: 100%;
}
#Button3 {
	width: 100%;
}
#idioma {
	position: fixed;
	top: 65px;
	left: 10px;
}
.label-inline {display:inline-block;}
.w3-select {padding: 9px 10px;}
#conteudo {margin-top: 80px;}
@media screen and (max-width:1024px)
{
	html, body {font-size: 12px;}
	#logo {text-align: center;}
}
@media screen and (min-width:700px)
{
	.shadow {box-shadow: 0px 0px 8px gray;}
}
@media screen and (min-width:601px)
{
	.label-inline {margin-right: 10px;}
	#someinfo {display: flex;}
	.evento-item {border: 1px solid rgb(204,204,204);}
	.evento-item:first-child {display: flex;}
	.eventos-menu button {margin-bottom: 8px;}
	.evento-info {padding-left: 10px;}
	.nomedado {display: inline-block; width: 180px;}
	.descdado {display: inline-block;}
}
@media screen and (max-width:601px)
{
	.label-inline {margin-bottom: 5px;}
	.evento-item .evento-imagem {width: 100%;}
	.evento-item .evento-info {width: 100%;}
	.evento-item-menu a {width: 100%; margin-bottom: 5px;}
	.eventos-menu div {margin-bottom: 5px;}
	.eventos-menu div:nth-child(2) {padding-left:0px;}
}
@media screen and (max-width:550px)
{
	.colid1 {width: 100%;}
	.integrantes input[type=text], .integrantes input[type=email] {
	 margin-right: 0px;
	 margin-bottom: 5px;
	 width:100%;
	}
	#logo {font-size: 120%; font-weight: bold;}
}
ul li {margin: 10px 5px 0px 0px;}
ul li h1 {margin: 0px 0px 5px 0px;}

.fundo {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1000;
	display: none;
}

.alerta {
    padding: 20px;
	background-color: #0000cc;
    color: white;
    position: absolute;
	width: 300px;
	left: calc( 50% - 150px );
	top: 40%;
	z-index: 1001;
	/*display: none;*/
	transform: translateY(-40%);
	box-shadow: 0px 0px 10px gray;
}

.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.closebtn:hover {
    color: black;
}

.animated { 
   animation-duration: 1s; 
   animation-fill-mode: both; 
} 
@keyframes zoomIn { 
   from { 
     opacity: 0; 
     transform: scale3d(.3, .3, .3); 
   } 

   50% { 
     opacity: 1; 
   } 
} 
.zoomIn { 
  animation-name: zoomIn; 
}