body{

	  /*background-image:url('../imagenes/fondoJaguarRepetible.png');/* */
	  margin-left:auto;
	  margin-right:auto;
	  background-repeat: repeat;
	  /*color: #666666;/**/
	}

/*--------------------------------------------------------------------------------------------------------------------------*/	
/*---------------------------inicio la fuentes tipograficasque se van a utilizar en la pagina-------------------------------*/	
/*--------------------------------------------------------------------------------------------------------------------------*/	

@font-face{
     /*nombro la fuente*/
     font-family: myFirstFont;
	 /*Inserto la ruta fuente (formato eot es para internet explorer) */
     src: url('../imagenes/index/fuentes/fuentePrueba.TTF'),
          url('../imagenes/index/fuentes/fuentePrueba.eot'); /* IE9+ */
}	

@font-face{
     /*nombro la fuente*/
     font-family: MyridianPro;
	 /*Inserto la ruta fuente (formato eot es para internet explorer) */
     src: url('../imagenes/index/fuentes/MyriadPro-It.otf'),
          url('../imagenes/index/fuentes/MyriadPro-It.eot'); /* IE9+ */
}	
	
@font-face{
     /*nombro la fuente*/
     font-family: MyridianProCond;
	 /*Inserto la ruta fuente (formato eot es para internet explorer) */
     src: url('../imagenes/index/fuentes/MyriadPro-Cond.otf'),
          url('../imagenes/index/fuentes/MyriadPro-Cond.eot'); /* IE9+ */
}	

@font-face{
     /*nombro la fuente*/
     font-family: MyridianProCondBold;
	 /*Inserto la ruta fuente (formato eot es para internet explorer) */
     src: url('../imagenes/index/fuentes/MyriadPro-BoldCond.otf'),
          url('../imagenes/index/fuentes/MyriadPro-BoldCond.eot'); /* IE9+ */
}	


	
/*-------------------------------------------fin fuentes tipograficas------------------------------------------------------*/	

/*contenedor principal de toda la pagina*/
.contenedorPadre{

     position:relative; 
     top:-8px;
     /*border:2px solid blue; /* */
     margin-left:auto;
     margin-right:auto;
    /* height:650px;*/
     overflow:hidden;
	 
}

/*contenedor usado para insertar las partes ocultas*/
.contenedorTrasp{

     position:relative;
  /*   border:2px solid red;/* */
     margin-left:auto;
     margin-right:auto;
     height:640px;
     overflow:hidden;
}

/*contenedor que mueve el contenido principal*/
.contenedorRiel{

/*     border:2px solid blue;*/
     position:absolute;
     margin-left:auto;
     margin-right:auto;
     width:620px;
     height:620px;
	 opacity:0;

}

/*contenedor para los botones principales*/
.contenedorBotones{
/*     background-color:#ffffff; */
     background-image:url('../imagenes/index/puntoCentral.png');/* */
	 position:absolute;   
	 width:620px;
	 height:620px;
}

/*mascara uzada para presionar boton central del logo*/
.mascaraLogo{

     /* border:2px solid blue;/* */
     position:absolute;
     top:22px;
     left:26px;
}


.superioIzq{

 position:absolute;
 top:10px; 
 left:45px;/* */
}

.superioDer{

 position:absolute;
 top:10px; 
 right:45px;

}

.inferiorIzq{

 position:absolute;
 bottom:30px; 
 left:45px;
 
}

.inferiorDer{
 position:absolute;
 bottom:30px;
 right:45px;
}/* */
 

.logoCentral{

  position:absolute;
  top:218px;
  margin-left:auto;
  margin-right:auto;
  left:218px;
  
}/* */

.cambioLogo{

     position:absolute;
     opacity:0;
	 top:1px;
     left:-166px;
     /*z-index:;/* */


}


/*.videoLogo{
  
     position:absolute;
     margin-left:auto;
     margin-right:auto;
     width: 320px;
     height: 240px;
     top:30px;
     z-index:1; 
/*	 background-color:#fff;
/*	 color: #fff;* /
	 
}/* */

/*-------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------contenido para las paginas de contenido-------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/

.paginaContenido1{

     background-image:url('../imagenes/index/fondo_contenidos.png');/* */
     position:absolute;
	 top:-480px;/* */
	 left:-330px;/* */
     width: 663px;
     height: 940px;
	 z-index:-1;
	 /*-ms-transform:rotate(180deg);/*IE9* / 
	 -moz-transform:rotate(180deg); /* Firefox * /
     -webkit-transform: rotate(180deg);/* */ 
	  opacity:0.0;/* */
	 
 }
 
 
.paginaContenido{
    
    background-image:url('../imagenes/index/fondo_contenidos.png');/* */
     position:absolute;
	 top:-480px;/* */
	 left:-330px;/* */
     width: 663px;
     height: 940px;
	 z-index:-1;
	 /*-ms-transform:rotate(180deg);/*IE9* / 
	 -moz-transform:rotate(180deg); /* Firefox * /
     -webkit-transform: rotate(180deg);/* */ 
	  opacity:0.0;/* */
	 
 }
 
/*------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------estilo mascara para videos---------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
.mascaraVideoPadre{

   /*  border:2px solid blue;/* */
	 position:absolute;
	 top:170px;/* */
	 left:110px;/* */
	 width:480px;
	 height:320px;
	 overflow:hidden;/**/
     -ms-transform:rotate(180deg);/*IE9*/ 
	 -moz-transform:rotate(180deg); /* Firefox */
     -webkit-transform: rotate(180deg);/* */ 
	 /*opacity:0;*/

}

.mascaraVideoNivel1{

/*  border:2px solid red;/* */
  width:480px;
  height:320px;
  overflow:hidden;
}

.mascaraVideoNivel2{
  position:absolute;
/*  border:2px solid green;/* */
  top:10px;/* */
  left:-65px;
  width:580px;
  height:380px;
  overflow:hidden;/* * /
  -ms-transform:rotate(20deg);/*IE9*/ 
	 -moz-transform:rotate(20deg); /* Firefox */
     -webkit-transform: rotate(20deg);/* */  
}


.videoPos{
     position:absolute;
	 top:-14px;
	 left:48px;
     -ms-transform:rotate(-20deg);/*IE9*/ 
     -moz-transform:rotate(-20deg); /* Firefox */
     -webkit-transform: rotate(-20deg);/* */ 
}

/*-----------------------------------------------------fin de mascara para video-------------------------------------------------*/


.superioIzqText{
 position:absolute;
 font-family:myFirstFont; 
 top:15px; 
 left:35px;
 font-size:30px;
 /*opacity:0;*/
}/* */

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------contenido para titulo del articulo---------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
 
 .contenedorArticulo{
     position:absolute;
/*     border:2px solid blue;/* */
	 width: 420px;
     height: 210px;
	 top:40px;/* */
	 left:400px;/* */ 
     opacity:0;/* */
	 z-index:-1;
 }

 .contenidoArticulo{
     position:absolute;
	 font-family:MyridianPro;
	 font-size:12px;
	 text-align:right;
	 top:30px;
	 left:10px;
/*     border:2px solid red;/* */
	 width: 390px;
 
 }

.estiloDivTitulo{

     position:absolute;
	 font-family:MyridianProCondBold;
	 font-size:35px;
	 top:175px;
 }

.posicionFlechaDer{

     position:absolute;
     top:185px;
     left:400px;

}

.posicionFlechaIzq{

     position:absolute;
     top:185px;
     left:-10px;

}


/*-------------------------------------------------------------------------------------------------------------------------------*/