@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 */
}

.dragCuadrado
  {cursor:pointer;}

.dragRectangulo
  {cursor:pointer;}

.dropRectangulos
{
  position: absolute;
  top: 172px;
  left: 480px;
  width: 350px;
  height: 293px;
  border-radius:50%;
  padding:50px;
  /*padding-right:50px;*/
}

.dropCuadrados
{
  position: absolute;
  top: 180px;
  left: 870px;
  width: 250px;
  height: 293px;
  border-radius:50%;
  padding:58px;
  /*padding-right:50px;*/
}

.opciones
{
	background:#2E3192;
	border-bottom:#1B1464 solid 3px;
	border-radius:10px;
	width: 196px;
  height: 50px;
	margin-left: 70px;
	float:left;
	cursor:pointer;
}

.opciones:active
  {border-bottom:none;}

.opciones:hover
  {background: #445644;}

.opcionesActivo
{
	background:#8CC63F;
	border-bottom:solid #009245 3px;
}

.pagina{
	position:absolute;
	  top: 150px;
  left: 61px;
  width: 91%;
  height: 552px;
}

.rombo{
	-ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.textoOpciones{
	font-family:Myriad-Pro-Bold, sans-serif;
	font-size:22pt;
	font-style:italic;
	color:#FFF;
	margin-top: 8px;
  	text-align: center;
}

#btnAnimacion{
	background:url(../img/M_G04_U03_L04_03_02_BTNMENUANIMA.png) no-repeat;
	background-size: 99%;
  width: 407px;
  height: 95px;
  cursor:pointer;
}

#btnAnimacion1{
	background: url(../img/M_G04_U03_L04_03_02_BTNANIMACION.png) no-repeat;
	  background-size: 100%;
  width: 258px;
  height: 60px;
  position: absolute;
  bottom: -79px;
  left: 582px;
  cursor:pointer;
}

#btnCuaRec{
	background:url(../img/M_G04_U03_L04_03_02_BTNMENUCUREC.png) no-repeat;
	background-size: 99%;
  width: 407px;
  height: 100px;
  margin-top: -29px;
  cursor:pointer;
}

#btnCaracter{
	background:url(../img/M_G04_U03_L04_03_02_BTNMENUCARACTER.png) no-repeat;
	  background-size: 99%;
  width: 407px;
  height: 65px;
  margin-top: -32px;
  cursor:pointer;
}

#btnVolver{
	background: #F7931E;
  width: 186px;
  height: 71px;
  position: absolute;
  bottom: -46px;
  left: 502px;
  border-radius: 12px;
  border-bottom: solid #F15A24 5px;
  cursor: pointer;
}

#btnVolver:active{
	background: #F7931E;
  width: 186px;
  height: 71px;
  position: absolute;
  bottom: -46px;
  left: 502px;
  border-radius: 12px;
  border-bottom: none;
}

#btnVolver1{
	background:url(../img/M_G04_U03_L04_03_02_BTNVOLVER.png) no-repeat;
	background-size: 94%;
  width: 174px;
  height: 60px;
  position: absolute;
  bottom: -79px;
  left: 423px;
  cursor: pointer;
}

.btnMenuPpal:hover{
	transform:scale(1.1);
}



#mensaje
{
	background:url(../img/M_G04_U03_L04_03_02_MENSAJE.png) no-repeat;
	background-size: 100%;
  width: 771px;
  height: 110px;
  position: absolute;
  bottom: 200px;
  left: 228px;
}

#player
{
	position: absolute;
  top: 57px;
  left: 200px;
  width: 803px;
  height: 360px;
  background-color: #FFF9E2;
  border: solid #000 12px;
  border-radius: 15px;
}