.texto{
position: relative;
margin-left: auto;
margin-right: auto;
top: 0;
width: 39%;
font-size: 33px;  

font-family: monospace;

}

#foto
{
   
    background-size: cover;
    height: 700px;
    width: 89%;
    margin-top: 50px;
   

   
}
#fondo
{
  color: #e9d7d3;
  background-image:url("../imagenes/portada2.png");
  background-size: cover;
  width: 100%;
  height: 710px;
}













/* Animation */
.h2 {


  animation: animated-text 1s steps(200,end) 1s 1 normal both,
             animated-cursor 500ms steps(200,end) ;
}

.h2:nth-child(2)
{
    white-space:nowrap;
    overflow:hidden;    

    -webkit-animation-delay: 0s; 
    animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  
}

/* text animation */

@keyframes animated-text{
  from{width: 0;}
  to{width: 800px;}
}



/* cursor animations */



 
















 
header {
	width:100%;
	max-width:100%;
	margin:auto;
}
 
nav {
  opacity: 0.70;
  position: relative;
  background-color: white;
  z-index:1;
  text-align: right;
  margin-top: 0px;
  padding-top: 1px;
  height: 55px;
  width: 100%;
  margin-bottom: 16px;
  font-family: Arial, Helvetica, sans-serif;
 
}
 
nav a{
  text-decoration:none;
  color:inherit;
  font-size:18px;
  margin: 0;
  width: 100%;
  height: 100%;
  letter-spacing: 2px;
  
  }
        
nav li{
  display:inline-block;
  width:150px;
  height:35px;
  
  background-color:transparent;

 
  text-align:center;
  color:rgb(255, 255, 255);
  position:relative;
  z-index:1;
 
  color:inherit;
}
nav li ul{
  
  display:inline-block;
  width:150px;
  height:25px;
  padding:5px 8px;
  text-align:center;
  color:rgb(255, 255, 255);
  position:relative;
  z-index:1;
 
}
      

nav li ul li{
  border-bottom: transparent;
  background-color:#001038;
  width:100%;
  border-left:3px solid white;
  border-right:3px solid white;
  padding:5px 8px;
  text-align:center;
  color:white;
  position:relative;
  z-index:1;
 
  
}
     
nav li a:hover  {
  
  opacity: 0.4;
  
  }
  nav li ul li:hover  {
    border-right-color: #13285f;
    
    
    }
        
nav li>ul{
  
  display:none;
  }

nav li:hover>ul{
  display:table;
  position:absolute;
  top:45px;
  left:-11px;
  padding-top: 0;
}
nav ul li ul li ul{

margin-left: 170px;  
margin-top:-45px;
padding-top:0 ;
padding-bottom: 0;
}
nav ul li ul li ul li{
  border-left: transparent;
  
}

nav li ul li ul li:hover  {
  border-right: 3px solid white ;
  
  
  }











#fila
{
	background-size:cover;
    height: 300;
	width: 30%;
	
	margin-left: 2%;
	margin-right:1%;
	overflow:hidden;

	
}
.boton{
	overflow:hidden;
}
.boton:hover  {-webkit-transform:scale(1.3);transform:scale(1.3);}


#fond
{
    background: #13285f;
    height: 100%;
    width: 100%;
    opacity: 0.7;
    text-align: center;
	color: white;   
	overflow:hidden;
}


.feaccion{

    background: white;
    height: 500;
	width: 70%;
	float: left;
	overflow:hidden;
}
.videofe{
	
	color: white;
    background:#a6d0ff;
    height: 500;
	width: 30%;
	overflow:hidden;
}



.vijilia{
	background-image:url("../imagenes/fondo1.jpg");
	width: 100%;
	height: 700;
	background-size:cover;
	
}



/*animacion de letras colores*/

.anim-shape {
  -webkit-transform-origin: 0x 150px;
  -ms-transform-origin: 0x 150px;
  transform-origin: 0x 150px;
  -webkit-transform: scale(0, 1) translate(0, 0);
  -ms-transform: scale(0, 1) translate(0, 0);
  transform: scale(0, 1) translate(0, 0);
  -webkit-animation: moving-panel 3s infinite alternate;
  animation: moving-panel 3s infinite alternate;
}

.colortext .anim-shape:nth-child(1) {
  fill: #d82323;
}

.colortext .anim-shape:nth-child(2) {
  fill: #d8e4e6;
}

.colortext .anim-shape:nth-child(3) {
  fill: #ab39c2;
}

.colortext .anim-shape:nth-child(4) {
  fill: #df5050;
}

.colortext .anim-shape:nth-child(5) {
  fill: #e9d7d3;
}

.shadow {
  -webkit-transform: translate(10px, 10px);
  -ms-transform: translate(10px, 10px);
  transform: translate(10px, 10px);
}

.anim-shape--shadow {
  fill: #000;
  fill-opacity: .2;
}

@-webkit-keyframes moving-panel {
  100% {
    -webkit-transform: scale(1, 1) translate(20px, 0);
    transform: scale(1, 1) translate(20px, 0);
  }
}

@keyframes moving-panel {
  100% {
    -webkit-transform: scale(1, 1) translate(20px, 0);
    transform: scale(1, 1) translate(20px, 0);
  }
}

/* Other stuff */
svg {
  position: relative;
  margin-top: -50;


}
.text--line{
	font-size: 40px;
	font-weight: 800;
	font-family:'arial';
}





.pais:hover{-webkit-transform:scale(1.3);transform:scale(0.989);}
.pais {overflow:hidden;

    background: #13285f;
    height: 101%;
    width: 101%;
    opacity: 0.7;
    text-align: center;
	color: white;   
	overflow:hidden;


}






  body {
	margin: 0;
    background-image:url("../imagenes/fondobody.jpg");
    min-height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }








  /*sliderr*/
  #slideshow {
    overflow: hidden;
    height: 510px;
    width: 728px;
    margin: 0 auto;
  }
  
  .slide-wrapper {
    width: 2912px;
    -webkit-animation: slide 18s ease infinite;
  }
  
  .slide {
    float: left;
    height: 510px;
    width: 728px;
  }
  
  .slide:nth-child(1) {
    background-image:url("../imagenes/Imagen inicio1.png");
  }
  
  .slide:nth-child(2) {
    background: #037E8C;
  }
  
  .slide:nth-child(3) {
    background: #36BF66;
  }
  
  .slide:nth-child(4) {
    background: #D9D055;
  }
  
  .slide-number {
    color: #000;
    text-align: center;
    font-size: 10em;
  }
  
  @-webkit-keyframes slide {
    20% {margin-left: 0px;}
    30% {margin-left: -728px;}
    50% {margin-left: -728px;}
    60% {margin-left: -1456px;}
    70% {margin-left: -1456px;}
    80% {margin-left: -2184px;}
    90% {margin-left: -2184px;}
  }