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

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

.animar
{
	animation-duration: 1s;
  	animation-name: aumentar;
 	animation-iteration-count: infinite;
	-webkit-animation-duration: 1s;
	-webkit-animation-name: aumentar;
	-webkit-animation-iteration-count: infinite;
}

@keyframes aumentar{
	50% { transform: scale(1.2);}
	100% {transform: scale(1);}
}

@-webkit-keyframes aumentar{
	50% { transform: scale(1.2);}
	100% {transform: scale(1);}
}


.resplandorExterior
{
	animation-duration: 3s;
  	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}
    }

.pestaña{
	  background: #006837;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 70px;
  height: 75px;
  float: left;
  margin-left: 1px;
}

.pestañaActiva{
	opacity:0.8;
}

#ang1{
  position:absolute; 
  top: 388px; 
  left: 689px; 
  display:none;
}

#ang2{
  position:absolute; 
  top: 388px; 
  left: 724px; 
  display:none;
}

#ang3{
  position:absolute; 
  top: 407px;
  left: 950px;
  display:none;
}

#ang4{
  position:absolute; 
  top: 407px;
  right: 155px; 
  display:none;
}

#ang5{
  position:absolute; 
    top: 533px;
  left: 605px;
  display:none;
}

#ang6{
  position:absolute; 
   top: 531px;
  left: 822px; 
  display:none;
}

#ang7{
  position:absolute; 
  top: 511px;
  right: 415px; 
  display:none;
}

#ang8{
  position:absolute; 
  top: 510px;
  right: 132px; 
  display:none;
}

#ang9{
  position:absolute; 
    top: 403px;
  left: 639px;
  display:none;
}

#ang10{
  position:absolute; 
  top: 440px;
  left: 961px;;  
  display:none;
}

#ang11{
  position:absolute; 
  top: 410px;
  left: 737px;
  display:none;
}

#ang12{
  position:absolute; 
  top: 440px;
  right: 253px;
  display:none;
}

#ang13{
  position:absolute; 
  top: 540px;
  right: 521px; 
  display:none;
}

#ang14{
  position:absolute; 
  top: 504px;
  right: 181px;
  display:none;
}

#ang15{
  position:absolute; 
  top: 496px;
  right: 411px;
  display:none;
}

#ang16{
  position:absolute; 
  top: 514px;
  right: 753px; 
  display:none;
}

#f1lado1{
	background:#651080;
	width: 5px;
  height: 171px;
  border-radius: 3px;
  -ms-transform: rotate(26deg);
  -webkit-transform: rotate(26deg);
  transform: rotate(26deg);
  position: absolute;
  top: 389px;
  left: 606px;
}

#f1lado2{
	background:#002A84;
	  width: 5px;
  height: 114px;
  border-radius: 3px;
  -ms-transform: rotate(94deg);
  -webkit-transform: rotate(94deg);
  transform: rotate(94deg);
  position: absolute;
  top: 344px;
  left: 698px;
}

#f1lado3{
	background:#F5B63E;
	width: 5px;
  height: 206px;
  border-radius: 3px;
  -ms-transform: rotate(-35deg);
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
  position: absolute;
  top: 387px;
  left: 812px;
}

#f1lado4{
	background:#FFEE00;
	width: 5px;
 height: 307px;
  border-radius: 3px;
  -ms-transform: rotate(94deg);
  -webkit-transform: rotate(94deg);
  transform: rotate(94deg);
  position: absolute;
  top: 410px;
  left: 720px;
}

#f2lado1{
	background:#AD7EB2;
	width: 5px;
    height: 120px;
  border-radius: 3px;
  -ms-transform: rotate(32deg);
  -webkit-transform: rotate(32deg);
  transform: rotate(32deg);
  position: absolute;
  top: 426px;
  left: 932px;
}

#f2lado2{
	background:#727276;
	  width: 5px;
    height: 129px;
  border-radius: 3px;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  top: 370px;
  left: 1026px;
}

#f2lado3{
	background:#FFEE00;
	width: 5px;
  height: 178px;
  border-radius: 3px;
  -ms-transform: rotate(-55deg);
  -webkit-transform: rotate(-55deg);
  transform: rotate(-55deg);
  position: absolute;
  top: 395px;
  right: 201px;
}

#f2lado4{
	background:#97BE13;
	width: 5px;
   height: 335px;
  border-radius: 3px;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  top: 369px;
  right: 294px;
}


#f1ladoNP1{
	  background: #AFAEB4;
  position: absolute;
  top: 365px;
  left: 637px;
  width: 5px;
  height: 226px;
  border-radius: 3px;
  -ms-transform: rotate(32deg);
  -webkit-transform: rotate(32deg);
  transform: rotate(32deg);
}

#f1ladoNP2{
	  background: #AFAEB4;
  position: absolute;
 	    top: 360px;
  left: 804px;
  width: 5px;
  height: 235px;
  border-radius: 3px;
  -ms-transform: rotate(-35deg);
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}

#f1ladoP1{
	  background: #FCAA06;
  position: absolute;
	  top: 380px;
  left: 696px;
  width: 45px;
  height: 5px;
  border-radius: 3px;
}

#f1ladoP2{
	  background: #FCAA06;
  position: absolute;
 	top: 571px;
  left: 580px;
  width: 296px;
  height: 5px;
  border-radius: 3px;
}


#f2ladoNP1{
	  background: #AFAEB4;
  position: absolute;
  top: 400px;
  left: 930px;
  width: 5px;
  height: 156px;
border-radius: 3px;
transform: rotate(14deg);
  -ms-transform: rotate(14deg);
  -webkit-transform: rotate(14deg);
  }

#f2ladoNP2{
	  background: #AFAEB4;
  position: absolute;
 	top: 399px;
  right: 136px;
  width: 5px;
  height: 157px;
border-radius: 3px;
transform: rotate(-14deg);
  -ms-transform: rotate(-14deg);
  -webkit-transform: rotate(-14deg);
}

#f2ladoP1{
	  background: #FCAA06;
  position: absolute;
 	top: 401px;
  left: 951px;
  width: 259px;
  height: 5px;
  border-radius: 3px;
}

#f2ladoP2{
	  background: #FCAA06;
  position: absolute;
 	top: 549px;
  left: 912px;
  width: 336px;
  height: 5px;
  border-radius: 3px;
}

#irTotem{
	background:#F7931E;
	border-radius:10px;
	border-bottom:solid #F15A24 5px;
	width: 376px;
  height: 63px;
  position: absolute;
  bottom: 39px;
  left: 468px;
	cursor:pointer;
}

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

#irTome:hover{
	background:#EAAD71;
}

#pasosTotem{
	border-bottom: 100px solid #012937;
	border-left: 0px solid transparent;
	border-right: 50px solid transparent;
	height: 0;
	width: 600px;
	margin-top:10px;
}

#trapecio1{
	  background:url(../img/M_G04_U03_L04_03_03_TR1.png) no-repeat;
	  background-size:100%;
	  width:100px;
	  height:105px;
	  position:absolute;
  top: 110px;
  right: 253px;
  cursor:pointer;
}

#trapecio2{
	background:url(../img/M_G04_U03_L04_03_03_TR2.png) no-repeat;
	background-size:100%;
	width:100px;
	height:105px;
  position: absolute;
  top: 263px;
  right: 262px;
  cursor:pointer;
}

#trapecio3{
	  background:url(../img/M_G04_U03_L04_03_03_TR3.png) no-repeat;
	  background-size:100%;
	  width:40px;
	  height:101px;
	  position:absolute;
		top: 116px;
  right: 61px;
  cursor:pointer;
}

#trapecio4{
	background:url(../img/M_G04_U03_L04_03_03_TR4.png) no-repeat;
	background-size:100%;
	width: 40px;
  height: 101px;
  position: absolute;
  top: 107px;
  right: 365px;
  cursor:pointer;
}

#trapecio5{
	  background:url(../img/M_G04_U03_L04_03_03_TR5.png) no-repeat;
	  background-size:100%;
	  width: 51px;
  height: 98px;
  position: absolute;
  top: 293px;
  right: 370px;
  cursor:pointer;
}

#trapecio6{
	background:url(../img/M_G04_U03_L04_03_03_TR6.png) no-repeat;
	background-size:100%;
	  width: 51px;
  height: 98px;
  position: absolute;
  top: 118px;
  right: 127px;
  cursor:pointer;
}

#trapecio7{
	  background:url(../img/M_G04_U03_L04_03_03_TR7.png) no-repeat;
	  background-size:100%;
	  width: 318px;
  height: 33px;
  position: absolute;
  top: 579px;
  right: 96px;
  cursor:pointer;
}

#trapecio8{
	background:url(../img/M_G04_U03_L04_03_03_TR8.png) no-repeat;
	background-size:100%;
	  width: 318px;
  height: 33px;
  position: absolute;
  top: 224px;
  right: 81px;
  cursor:pointer;
}

#trapecio9{
	  background:url(../img/M_G04_U03_L04_03_03_TR9.png) no-repeat;
	  background-size:100%;
	    width: 55px;
  height: 78px;
  position: absolute;
  top: 474px;
  right: 123px;
  cursor:pointer;
}

#trapecio10{
	background:url(../img/M_G04_U03_L04_03_03_TR10.png) no-repeat;
	background-size:100%;
	  width: 55px;
  height: 80px;
  position: absolute;
  top: 472px;
  right: 324px;
  cursor:pointer;
}

#trapecio11{
	  background:url(../img/M_G04_U03_L04_03_03_TR11.png) no-repeat;
	  background-size:100%;
	      width: 58px;
  height: 89px;
  position: absolute;
  top: 123px;
  right: 190px;
  cursor:pointer;
}

#trapecio12{
	background:url(../img/M_G04_U03_L04_03_03_TR12.png) no-repeat;
	background-size:100%;
	   width: 60px;
  height: 94px;
  position: absolute;
  top: 468px;
  right: 194px;
  cursor:pointer;
}

#trapecio13{
	  background:url(../img/M_G04_U03_L04_03_03_TR13.png) no-repeat;
	  background-size:100%;
	  width: 70px;
  height: 101px;
  position: absolute;
  top: 359px;
  right: 217px;
  cursor:pointer;
}

#trapecio14{
	background:url(../img/M_G04_U03_L04_03_03_TR14.png) no-repeat;
	background-size:100%;
	  width: 70px;
  height: 106px;
  position: absolute;
  top: 462px;
  right: 257px;
  cursor:pointer;
}

#trapecio15{
	  background:url(../img/M_G04_U03_L04_03_03_TR15.png) no-repeat;
	  background-size:100%;
	 width: 125px;
  height: 26px;
  position: absolute;
  top: 422px;
  right: 297px;
  cursor:pointer;
}

#trapecio16{
	background:url(../img/M_G04_U03_L04_03_03_TR15.png) no-repeat;
	background-size:100%;
	  width: 125px;
  height: 26px;
  position: absolute;
  top: 418px;
  right: 94px;
  cursor:pointer;
}

#trapecio17{
	  background:url(../img/M_G04_U03_L04_03_03_TR16.png) no-repeat;
	  background-size:100%;
	   width: 76px;
  height: 28px;
  position: absolute;
  top: 378px;
  right: 287px;
  cursor:pointer;
}

#trapecio18{
	background:url(../img/M_G04_U03_L04_03_03_TR16.png) no-repeat;
	background-size:100%;
	  width: 76px;
  height: 28px;
  position: absolute;
    top: 319px;
  right: 156px;
  cursor:pointer;
}

#trapecio19{
	background:url(../img/M_G04_U03_L04_03_03_TR17.png) no-repeat;
	background-size:100%;
	width: 80px;
  height: 48px;
  position: absolute;
  top: 321px;
  right: 63px;
  cursor:pointer;
}

#trapecio20{
	background:url(../img/M_G04_U03_L04_03_03_TR18.png) no-repeat;
	background-size:100%;
	  width: 45px;
  height: 27px;
  position: absolute;
  top: 517px;
  right: 380px;
  cursor:pointer;
}

#trapecio21{
	background:url(../img/M_G04_U03_L04_03_03_TR19.png) no-repeat;
	background-size:100%;
	  width: 65px;
  height: 118px;
  position: absolute;
  top: 454px;
  right: 47px;
  cursor:pointer;
}

#trapecio22{
	background:url(../img/M_G04_U03_L04_03_03_TR20.png) no-repeat;
	background-size:100%;
	  width: 105px;
  height: 41px;
  position: absolute;
  top: 274px;
  right: 59px;
  cursor:pointer;
}

#trapecio23{
	background:url(../img/M_G04_U03_L04_03_03_TR21.png) no-repeat;
	background-size:100%;
	width: 93px;
  height: 30px;
  position: absolute;
  top: 376px;
  right: 73px;
  cursor:pointer;
}

#trapecio24{
	background:url(../img/M_G04_U03_L04_03_03_TR22.png) no-repeat;
	background-size:100%;
	  width: 81px;
  height: 27px;
  position: absolute;
  top: 283px;
  right: 181px;
  cursor:pointer;
}