@font-face {
    font-family: 'Stanberry';
    src: url('../fontes/Stanberry.woff2') format('woff2'),
         url('../fontes/Stanberry.woff') format('woff'),
		 url('../fontes/Stanberry.ttf')  format("truetype"); /* non-IE */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'amiablebold';
    src: url('../fontes/amiable.woff2') format('woff2'),
         url('../fontes/amiable.woff') format('woff'),
		 url('../fontes/amiable.ttf') format('truetype'); /* non-IE */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Comic_Sans_normal';
    src: url('../fontes/comic.woff2') format('woff2'),
         url('../fontes/comic.woff') format('woff'),
		 url('../fontes/comic.ttf')  format("truetype"); /* non-IE */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Comic_Sans_italic';
    src: url('../fontes/comici.woff2') format('woff2'),
         url('../fontes/comici.woff') format('woff'),
		 url('../fontes/comici.ttf')  format("truetype"); /* non-IE */
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Comic_Sans_bold';
    src: url('../fontes/comicb.woff2') format('woff2'),
         url('../fontes/comicb.woff') format('woff'),
		 url('../fontes/comicb.ttf')  format("truetype"); /* non-IE */
    font-weight: normal;
    font-style: bold;
}

@font-face {
    font-family: 'BurveticaThickNC';
    src: url('../fontes/Burvetica_Thick_NC.woff2') format('woff2'),
         url('../fontes/Burvetica_Thick_NC.woff') format('woff'),
		 url('../fontes/Burvetica_Thick_NC.ttf')  format("truetype"); /* non-IE */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'dk_mango_smoothieregular';
    src: url('../fontes/dk_mango_smoothie.woff2') format('woff2'),
         url('../fontes/dk_mango_smoothie.woff') format('woff'),
		 url('../fontes/dk_mango_smoothie.otf')  format("opentype"); /* non-IE */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mathleteskinny';
    src: url('../fontes/mathlete-skinny-webfont.woff2') format('woff2'),
         url('../fontes/mathlete-skinny-webfont.woff') format('woff'),
		 url('../fontes/mathlete-skinny.otf')  format("opentype"); /* non-IE */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'amiable-webfont';
    src: url('../fontes/amiable-webfont.woff2') format('woff2'),
         url('../fontes/amiable-webfont.woff') format('woff'),
		 url('../fontes/v.ttf') format('truetype'); /* non-IE */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'amiablebold';
    src: url('../fontes/amiable.woff2') format('woff2'),
         url('../fontes/amiable.woff') format('woff'),
		 url('../fontes/amiable.ttf') format('truetype'); /* non-IE */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'thats_font_folksitalic';
    src: url('../fontes/that_s_font_folks-webfont.woff2') format('woff2'),
         url('../fontes/that_s_font_folks-webfont.woff') format('woff'),
		 url("../fontes/that_s_font_folks.ttf")  format("truetype"); /* non-IE */
    font-weight: normal;
    font-style: normal;
}

.btn {
  display: inline-block;
  padding: 18px 25px;
  text-decoration: none;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #eee;
  color: #555;
  margin-top: 80px;
}
.btn-download {
  background-color: #00539F;
  color: #fff;
  border-color: #004686;
}
.btn-download:hover {
  background-color: #0060b9;
}
.download-instruction {
  font-size: 12px;
  margin-top: 20px;
  color: #8fa5c7;
}
.videofill {
	 height: abc  !important; 
}
.body {
	background-color: white;
	resize:vertical;
	max-height:300px;
	min-height:200px;
	}
.body {
	resize:vertical;
	max-height:300px;
	min-height:200px;
	}

.Titulo {
	display: inline-block;
	font-family: dk_mango_smoothieregular;
	font-weight: bold;
	color: rgb(98, 183, 173);
	text-align: center;
	left: 0%;

	top: 17%;
	height: 9%;
	width: 100%;
	position: absolute;
  /* font-size: 9vmin; */
  font-size: 90%;
}
.Titulo_small {
	display: inline-block;
	font-family: dk_mango_smoothieregular,Comic_Sans_normal,Comic;
	font-weight: bold;
	color: rgb(98, 183, 173);
	text-align: center;
	left: 0%;

	top: 17%;
	height: 9%;
	width: 100%;
	position: absolute;
   font-size: 100%;
  /* font-size: 9vw; */
  /* font-size: 60%; */
}
.Subtitulo {
	font-family:Comic_Sans_normal, dk_mango_smoothieregular;
	height: 6.33%;
	font-size: 100%;
	font-weight: normal;
	/* transform-origin: 363.188px 37.8805px 0px; */
	top: 24%;
	left: 0%;
	width: 100%;
	text-align: center;
}
.Subtitulo3 {
	font-family:Comic_Sans_italic, dk_mango_smoothieregular;
	height: 6.33%;
	font-size: 80%;
	font-weight: normal;
	/* transform-origin: 363.188px 37.8805px 0px; */
	top: 24%;
	left: 0%;
	width: 100%;
	text-align: center;
}
.Menu_lateral {
	font-family:Comic_Sans_normal, dk_mango_smoothieregular;
	font-stretch: normal;
	font-size: 200%;
	/* transform-origin: 363.188px 37.8805px 0px; */
 
}


.Menu_central {
	font-family:Comic_Sans_normal, dk_mango_smoothieregular;	 
	font-size: 100%;
	/* transform-origin: 363.188px 37.8805px 0px; */
 
}
.Subtitulo_small {
	font-family:Comic_Sans_normal, dk_mango_smoothieregular;
	height: 6.33%;
	top: 24%;
	left: 0%;
	width: 100%;
	text-align: center;
}
.Txt-Opcoes-Inicio {
	color: rgb(184, 192, 12);
	font-family: Stanberry,Burvetica_NC;
	position: absolute;
	/* font-size: 3vw; */
	font-size: 30%;
}
.Txt-Opcoes-Historia {
  font-family: Stanberry,Burvetica_NC;
  position: absolute;
  color: rgb(98, 183, 173);
  font-size: 30%;
}

span.last-page {
    text-align: left;
    display: block;
}
span.Capa-page {
    text-align: right;
    display: block;
	text-align: center;
}
.Txt-Adivinhas-titulos {
  font-family: Stanberry,Burvetica_NC;
  position: absolute;
  /* font-size: 3vmin; */
  font-size: 2.4vw;
	text-align:center;
}

.Txt-Pictogramas {
  font-family: Stanberry,Burvetica_NC;
  position: absolute;
  /* font-size: 3vmin; */
  font-size: 2.4vw;
  text-align: left;
	vertical-align: 200%;


}

.Amarelo{
Color: #B8C00C;
}

.Azul{
Color: rgb(98, 183, 173); /* #62B7AD; */
}

.AdivinhasImages {
    border-radius: 15% 15% 15% 15%;
    border: 5px solid rgb(98, 183, 173);
    background: none;

}
.piscaRoundedBorderAzul {
   border-radius: 10%;
   /* border: solid rgb(98, 183, 173); */
	box-sizing: border-box;
	/* border-width: 5px; */
	/* box-shadow: 5px red inset; */
	border-left-width: calc(10% + 0px);
  border-right-width: calc(10% + 0px);
}
.piscaRoundedBorderAzul:hover {
   border-color: red;
}
.piscaBorderAzul {
	border-radius: 0%;
   border: solid rgb(98, 183, 173);
   box-sizing: border-box;
   border-width: 5px;
}
.msgobj{
    display:  block;   /* none; */
}


.Txt-Box-Historia {
	font-family: Stanberry,Burvetica_NC;
	line-height: 112%;
	font-size: 112%;
	text-align: left;
	height: 100px; /* height of paragraph */
	width: 100px; /* width of paragraph */
}

.Txt-Box-Adivinhas {
  font-family: Stanberry,Burvetica_NC;
  /* position: absolute; */  /* o vertival align nao funciona se position=absolute*/ 
	line-height: 120%;
	font-size: 120%;
    text-align: center;
	vertical-align: middle;
    font-weight: normal;
	height: 150px; /* height of paragraph */
	width: 150px; /* width of paragraph */
   /* top:50%; */
}
.Txt-Box-Adivinhas p {
  /* position: relative; top: -50% */
}

.Txt-Adivinhas-respostas {
  font-family: Stanberry, BurveticaNC;
  /* position: absolute; */
  /* font-size: 2.4vw; */
  font-size: 130%;
  text-align: center;
  vertical-align: middle;
  font-weight: normal;  
	/* border: 5px solid;  */
	
 padding: 0% 0% 0% 0%;
line-height: 80%;
}

.Txt-Rimas-respostasOld {
  font-family: Stanberry BurveticaNC;
  position: absolute;
  /* font-size: 3vmin; */
  font-size: 130%;
  line-height: 100%;
  text-align: center;
	vertical-align: middle;
	/*  border: 1px solid;  */
padding: 8% 0% 0% 0%;
}
.Txt-Rimas-respostas {
    display: flex;
    align-items: center;
    justify-content: center;
	font-family: Stanberry BurveticaNC;
	font-size: 140%;
	/* como tem uma border a empurrar para a direita de 0.5vw */
	/* margin-left: 0.5vw; */
	/* margin-top: 0.3vw; */
  /* font-size: 3vmin; */
  /* para fazer a borda azul */

  
}
.Btn_RoundedBorderCSS { 
	/*
  font-size: 160%;	
    border-radius: 2vw;
    border: 0.5vw solid #62B7AD;
  */
    
    border-radius: 1.5vw;
    border: 0.5vw solid #C9E9EA;
}
.Txt-Pictoramas {
  font-family: arial;
  
  font-size: 200%;
  line-height: 100%;
  text-align: right;
  vertical-align: bottom;
	/*  border: 1px solid;  */

}
.Txt-TitulosCinza {
font-family: amiablebold,Stanberry,BurveticaNC;
    position: absolute;
    /* font-size: 3vmin; */
    font-size: 60%;
    /* font-weight: 900; */
    /* line-height: 100%; */
    text-align: left;
    vertical-align: middle;
    /* border: 1px solid; */

}
.Txt-TitulosPreto {
    font-family: amiablebold,BurveticaNC;
    /* font-size: 3vmin; */
    font-size: 60%;
    /* font-weight: 800; */
    line-height: 120%;
    /* border: 1px solid; */

}
.Txt-TitulosPretoURL {
  font-family: Stanberry,BurveticaNC;
  /* font-size: 3vmin; */
  font-size: 60%;
  line-height: 100%;
	/*  border: 1px solid;  */	
	 
}

.Txt-Site {
  font-family: BurveticaNC;
  /* font-size: 3vmin; */
  font-size: 180%;
  line-height: 100%;
	/*  border: 1px solid;  */

}
.Txt-Producao {
  font-family: arial;
  /* font-size: 3vmin; */
  font-size: 50%;
  line-height: 100%;
  text-align: right;
  vertical-align: bottom;
	/*  border: 1px solid;  */

}
div#video_container {

	  display: block;
	  
}
div#video_container video{
      
      height: 100%;
	  display: block;
	background-color: white; /* transparent; */
}