@charset "utf-8";
/* CSS Document */

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


.botonPregunta{
	  width: 59px;
  height: 43px;
  background: #CD06F7;
  border-radius: 5%;
  margin-left: 6px;
  margin-top: 13px;
  border: solid #CD06F7 1px;
}

.numPreg{
	font-size: 36pt;
  font-weight: bold;
  color: #D8D209;
  margin-left: 16px;
  margin-top: -8px;
}

.parrafoFragmento{
	font-family:Arial, Helvetica, sans-serif;
	font-size:19pt;
	text-align:justify;
	padding-left: 20px;
    padding-right: 20px;
}

.resplandorExterior
{
	animation-duration: 1s;
  	animation-name: sombra;
 	animation-iteration-count: infinite;
	-webkit-animation-duration: 1s;
	-webkit-animation-name: sombra;
	-webkit-animation-iteration-count: infinite;
	
	-moz-box-shadow: 0px 0px 30px #ffffff;
	-webkit-box-shadow: 0px 0px 30px #ffffff;
	box-shadow: 0px 0px 30px 13px #0040FF;
	padding: 0px 0px 0px 0px;
}

    @keyframes sombra{
      0% {box-shadow: 0px 0px 5px #4C0C01}
      50% {box-shadow: 0px 0px 40px #4C0C01}
      100% {box-shadow: 0px 0px 5px #4C0C01}
    }
    @-moz-keyframes sombra{
      0% {box-shadow: 0px 0px 5px #4C0C01}
      50% {box-shadow: 0px 0px 40px #4C0C01}
      100% {box-shadow: 0px 0px 5px #4C0C01}
    }
    @-webkit-keyframes sombra{
      0% {box-shadow: 0px 0px 5px #4C0C01}
      50% {box-shadow: 0px 0px 40px #4C0C01}
      100% {box-shadow: 0px 0px 5px #4C0C01}
    }

.textoNoticia{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:22pt; 
	text-align:justify; 
	margin-left:20px; 
	margin-right:20px;
}

.textoPreguntas{
	font-size: 19pt;
  	color: #518193;
  	width: 1096px;
  	height: 53px;
	text-align:justify;
}
#btnAct{
	position:absolute;
	  bottom: 27px;
  right: 36px;
  width: 200px;
  height: 48px;
  background: #D5EBF8;
  border-radius: 10%;
  border-bottom: 3px solid #042C49;
  cursor: pointer;
}

#btnAct:active{
	border-bottom: none;
}

#btnArticulo{
	position:absolute;
	  bottom: 27px;
  right: 36px;
  width: 200px;
  height: 48px;
  background: #8ED4F4;
  border-radius: 10%;
  border-bottom: 3px solid #4EB0E4;
  cursor: pointer;
}

#btnArticulo:active{
	border-bottom: none;
}

#btnFragmento{
	background: url(../img/L_G04_U03_L07_03_03_BTNFRAG.png) no-repeat;
	    background-size: 102%;
  width: 54px;
  height: 60px;
  float: left;
  margin-left: -12px;
  display:none;
	cursor:pointer;
}

#btnFragmento:active{
	background: url(../img/L_G04_U03_L07_03_03_BTNFRAGOFF.png) no-repeat;
	background-size: 102%;
  width: 54px;
  height: 60px;
  float: left;
  margin-left: -12px;
  position:relative;
  top:2px;
}

#btnInicio{
	background:url(../img/L_G04_U03_L07_03_01_INICIO.png) no-repeat;
	  background-size: 83%;
  width: 67px;
  height: 60px;
  cursor: pointer;
  float: left;
  margin-left: -21px;
	cursor:pointer;
}

#btnInicio:active{
	background:url(../img/L_G04_U03_L07_03_01_INICIOOFF.png) no-repeat;
	background-size:83%;
	width:67px;
	height:67px;
  position:relative;
  top:2px;
}

#btnInstr{
	background:url(../img/L_G04_U03_L07_03_02_INSTRU.png) no-repeat;
	  background-size: 74%;
  width: 80px;
  height: 85px;
  float:left;
	cursor:pointer;
}

#btnInstr:active{
	background:url(../img/L_G04_U03_L07_03_02_INSTRUOFF.png) no-repeat;
	  background-size: 74%;
  width: 80px;
  height: 85px;
  position:relative;
  top:2px;
}

#btnReinicio{
	background:url(../img/L_G04_U03_L07_03_02_REINICIAR.png) no-repeat;
	background-position:1px;
	background-size: 100%;
  width: 60px;
  height: 60px;
  position: absolute;
  bottom: 21px;
  right: 242px;
  display: none;
  cursor: pointer;
  border-radius: 50%;
}

#btnReinicio:active{
	background:url(../img/L_G04_U03_L07_03_02_REINICIAROFF.png) no-repeat;
	background-position:1px;
	  background-size: 100%;
  width: 60px;
  height: 60px;
  position: absolute;
  bottom: 19px;
  right: 240px;
}

#player{
	position:absolute;
	  top: 154px;
  left: 252px;
  width: 870px;
  height: 521px;
}