/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/ 





body {
       Overflow-x:hidden;

}

.wrap {
	position: relative;
      
	margin:20em 0;
	Overflow-x:hidden;
        Overflow-y:hidden;
}



.frame {
	height: 900px;
        
	
	
}
.frame ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 50px;
}

.frame ul span {
	
	max-height: 810px;
	width: auto;
	padding:0px;
	
	
}


nav ul {list-style: none;
    	margin: 0;
    	padding: 0;
    	
}
		

		
nav ul li a {
	text-decoration: none;
	
	vertical-align: middle;
	
}
		
!nav ul li a:hover {

		text-decoration: none;
		color:#000;
		}
nav li>ul {display:block;
      		position: fixed;
	        width: 100%;
	        top:10%;
		left:0;
                text-align: center;
                background-color: #ffffff;
}
!nav li:hover>ul{
      		display:block;
      		position: fixed;
	        width: 100%;
	        top:10%;
		left:0;
                text-align: center;
                background-color: #ffffff;
	
}
li:nth-last-child(1), li:nth-last-child(2) {
    
    display: inline-block;
}






#menu {
		position: fixed;
	        width: 100%;
	        top:0;
		z-index: 2;
		line-height:20px;
		background-color: #ffffff;
		
	}
.espacio0 {margin-left:3%;}
.espacio1 {margin-left:45%;}
.espacio2 {margin-left:40px;}
.espacio3 {margin-left:40px;}
.espacio4 {margin-right:10px;}
.espacio5 {margin-right:3%;
		float:right;}


.sub1 {	float:left;
	margin-left:35%;}
.sub2 {	float:left;
	margin-left:45%;}

.gris{
	color: #999999
}	

	

.container {
		position: absolute;
		width: 90%;
		top:12%;
		left:5%;
		z-index: 1;	
		text-align:justify;
	        padding: 1px; 
		line-height:100px;
		background-color: #ffffff;
            }


.container img{
		/* vertical-align:middle; para alinear flotando cada linea*/
		padding: 1px; 
            }
	


.container2{
             Padding-top: 5%;
	     
	     width: 100%;
	      		
		}
.container2 img{
		vertical-align:middle;
		/*max-height=60%;*/
            }
.container3 {
		
		width: 100%;
		text-align:justify;
		z-index: 1;	
		text-align:center;
	        padding: 1px; 
		line-height:20px;
		background-color: #ffffff;
		margin:0px 0px 30px 0px;
            }

.container3 img{
		/* vertical-align:middle; para alinear flotando cada linea*/
		padding: 18px; 
		
            }

.container4 {
		!position: absolute;
		width: 100%;
		text-align:justify;
		z-index: 1;	
		text-align:center;
	        padding: 1px; 
		line-height:20px;
		background-color: #ffffff;
		margin:90px 0px 30px 0px;
            }

.container4 img{
		/* vertical-align:middle; para alinear flotando cada linea*/
		padding: 18px; 
		
            }


p {
	text-decoration: none;
	color: #999999;	
	font-family: 'Slabo 27px', serif;
	
	letter-spacing: 3px;
	font-size: 5vw;
	font-weight: lighter;
   }

h1 {
	text-decoration: none;
	color: #999999;	
	font-family: 'Slabo 27px', serif;
	
	letter-spacing: 3px;
	font-size: 6vw;
	font-weight: lighter;
   }

h2 {
	text-decoration: none;
	color: #000000;	
	font-family: 'Slabo 27px', serif;
	
	letter-spacing: 3px;
	font-size: 4vw;
	font-weight: lighter;
   }
h3 {
	text-decoration: none;
	color: #999999;	
	font-family: 'Slabo 27px', serif;
	
	letter-spacing: 3px;
	font-size: 4vw;
	font-weight: lighter;
   }
h4 {
	text-decoration: none;
	color: #999999;	
	font-family: 'Slabo 27px', serif;
	
	letter-spacing: 3px;
	font-size: 3vw;
	font-weight: lighter;
   }
Span {
	
	color: #000000;	
	}

#textos{
	position: absolute;
	top: 20%;
	left: 5%;
	!transform: translate(-50%, -50%);
	width: 90%;
        text-align: center;
	}




//how many images we have
$slides: 9;

// how much we want each slide to show
$time_per_slide: 9;

// total time needed for full animation
$total_animation_time: $time_per_slide * $slides;


.container99{
  margin:5px auto;
  width:100%;
  
  overflow:hidden;
  position:relative;

}
.photo{
  position:absolute;
  animation:round #{$total_animation_time}s infinite;
  opacity:0;
  
}
@keyframes round{   
  25%{
    opacity:1;
  }
  40%{
    opacity:0;
  }
} 

@for $index from 1 to $slides + 1{
  img:nth-child(#{$index}){
    animation-delay:#{$total_animation_time - $time_per_slide * $index}s
  }
}