@font-face {
	font-family: 'Myriad-Pro';
	src:url(../fonts/MYRIADPROREGULAR.eot);/* IE */
	src: local('MYRIADPROREGULAR'), url(../fonts/MYRIADPROREGULAR.ttf) format('truetype'); /* non-IE */
	src: local('MYRIADPROREGULAR'), url(../fonts/MYRIADPROREGULAR.woff) format('woff'); /* Modern Browsers */
}

p{
	font-family: Myriad-Pro, sans-serif;
	font-size: 17pt;
	text-align: justify;
	color: #FFF;
}

textarea{
	  background-color: transparent;
  font-family: Myriad-Pro, sans-serif;
  text-align: justify;
  font-size: 26pt;
    width: 682px;
  height: 160px;
  position: absolute;
  left: 90px;
  top: 498px;
  border: none;
  outline: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  resize: none;
}

*::-webkit-input-placeholder {
    /* Google Chrome y Safari */
    color: #666;
    font-size: 25pt;
    font-family: Myriad-Pro, sans-serif;
    font-weight: 500;
    font-style: italic;
    text-align: left;
    margin-top: 20px;
}
*:-moz-placeholder {
    /* Firefox anterior a 19 */
    color: #666;
    font-size: 25pt;
    font-family: Myriad-Pro, sans-serif;
    font-weight: 500;
    font-style: italic;
    text-align: left;
    margin-top: 20px;
}
*::-moz-placeholder {
    /* Firefox 19 y superior */
    color: #666;
    font-size: 25pt;
    font-family: Myriad-Pro, sans-serif;
    font-weight: 500;
    font-style: italic;
    text-align: left;
    margin-top: 20px;
}
*:-ms-input-placeholder {
    /* Internet Explorer 10 y superior */
    color: #666;
    font-size: 25pt;
    font-family: Myriad-Pro, sans-serif;
    font-weight: 500;
    font-style: italic;
    text-align: left;
    margin-top: 20px;
}

.botonAudio{
	background: #64B238;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	border-bottom: solid #006633 5px;
	position: absolute;
	bottom: 50px;
	right: 50px;
	cursor: pointer;
}

.botonAudio:Active{
	border-bottom: none;
	bottom: 47px;
}

.botonEnunciado{
	background:#ffff00;
	border-radius:10px;
	border-bottom: solid #bf5b00 5px;
	  width: 440px;
  	height: 65px;
  	margin-top: -19px;
  	cursor: pointer;
}

.botonEnunciadoActivo{
	background: #F15A24;
	border-bottom: solid #A5040A 5px;
}

.botonEnunciado:active{
	-ms-transform: scaleY(0.8); /* IE 9 */
   	-webkit-transform: scaleY(0.8); /* Safari */
	transform:scaleY(0.8);
}

.textoBotonEnunciado{
	  color: #bf5b00;
  font-weight: bold;
  text-align: center;
  font-size: 21pt;
  padding: 12px 1px;
}

.enunciadoPag1{
	display: none;
}

.preguntaPag2{
	visibility: hidden;
}

.enunciadoPag2{
	color: #FFF;
	font-size: 22pt;
	padding: 0px 10px;
	/* display: none; */
}

.preguntaPag3{
	visibility: hidden;
}

.enunciadoPag3{
	color:#000;
	font-size: 22pt;
	padding: 0px 10px;
	display: none;
	color: white;
}

.preguntaPag4{
	visibility: hidden;
}

.enunciadoPag4{
	color: white;
	font-size: 22pt;
	padding: 0px 10px;
	display: none;
}

.preguntaPag5{
	visibility: hidden;
}

.enunciadoPag5{
	color: white;
	font-size: 22pt;
	padding: 0px 10px;
	display: none;
}

.preguntaPag6{
	visibility: hidden;
}

.enunciadoPag6{
	color: white;
	font-size: 22pt;
	padding: 0px 10px;
	display: none;
}

.preguntaPag7{
	visibility: hidden;
}

.enunciadoPag7{
	color:#000;
	font-size: 22pt;
	padding: 0px 10px;
	display: none;
}

.gif{ 
	  position: absolute;
  top: 225px;
  left: 421px;
  width: 270px;
  height: 270px;
  border: none;
}

/*ESTILO PARA EL SCROLL*/
.scrollbar 
{
	/* background-color: #FFF; */
	position: absolute;
	top: 473px;
	left: 816px;
	height: 227px;
	width: 436px;
	overflow-y: scroll;
	border: 4px dashed white;
	border-radius: 15px;
	color: white;
}

.force-overflow
{
	min-height: 203px;
}

.style-1::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #000;
	cursor:pointer;
}

.style-1::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
	cursor:pointer;
}

.style-1::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #CCC;
	cursor:pointer;
}

/*FIN ESTILO PARA EL SCROLL*/