/*--------SLAIDER-----------------------------*/

.flexslider {
    width: 100%;  
     height: 500px;
    overflow: hidden;
    margin-top: 2px;
    
}

.flexslider ul{
    display: flex;     
    width: 300%;
    
    animation: cambio 20s infinite alternate;
}

.flexslider li {
    width: 100%;
   
    list-style: none;
}

.flexslider img{
    
    width: 100%;
    height: 500px;
}

@keyframes cambio{
    0%{margin-left: 0}
    30%{margin-left: 0}
    
    35%{margin-left: -100%}
    65%{margin-left: -100%}
    
    70%{margin-left: -200%}
    100%{margin-left: -200%}
    
}

.flex-caption p{
    
	font-family: Lato;
	position: relative;
	top: -90px;
	text-align: center;
	width: 100%;
	font-size: 35px;
	color: #fff;
	font-weight: bold;
    
    text-shadow: -2px -2px 1px #000, 2px 2px 1px #000, -2px 2px 1px #000, 2px -2px 1px #f000;
}

.flex-caption2 p{
    
	font-family: Lato;
	position: relative;
	top: -90px;
    right: -300px;
	text-align: center;
	width: 60%;
	font-size: 35px;
	color: #fff;
	font-weight: bold;
    
    text-shadow: -2px -2px 1px #000, 2px 2px 1px #000, -2px 2px 1px #000, 2px -2px 1px #f000;
}


/*--------------*/
h2{
    text-align: center;    
    margin: 5px;
    font-size: 20px;
}

h3{
    text-align: center;    
    padding: 10px;
    background: rgba(0,0,0,.1);
    box-sizing: border-box;
    color: red;
        
}

h3 a{
    color: red;
}

.ntrabajo{
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; 
}

.ntrabajo img{
    padding: 5px;
    
}


/*--------tamaño para celular-------*/
@media only screen and (max-width: 700px) {
    
   .flexslider,.flexslider img{	
    height: 300px;
	
    }
    
    .flex-caption p{	
	top: -80px;	
	font-size: 20px;	
}

.flex-caption2 p{	
    width: 80%;
	top: -80px;
    right: -60px;
    font-size: 20px;
}

    
    
    .ntrabajo{
        justify-content: space-around;
    }
    
}