@font-face{
  font-family: 'Source Sans Pro', sans-serif;
}

body{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
    background-color: #ffffff;
    margin: 0;
}

header{
    background-color: #00519b;
	height:70px;
    }

header .container{
    display: flex;
    justify-content: space-between;
    }

header .container img{
    height: 135px;
    background-color: white;
    padding:15px;
    margin-top:-30px;
    }
    
header .container #nav{
	margin-top:20px;
	height:60px;
    }
    
.container #nav a{
    text-decoration: none;
    color: white;
    font-size: 14px; 
    margin-right: 25px;
	padding-bottom:2px;
	position: relative;
	}

	.container #nav a img.banderas{
		width:20px;
		height:15px;
		padding:0;
		margin-left:10px;
		margin-bottom:-3px;
	}
	

	
/* Animación del nav */
.container #nav a:hover{
	color: #F5F3F3;
       }
	   
.container #nav a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #F5F3F3;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.container #nav a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
   
/* Estilo del container que se usa en toda la página */   
.container{
       max-width: 1060px;
       margin-left: auto;
       margin-right: auto;
       padding-left: 20px;
       padding-right: 20px;
   }
   

/*Animación del logo*/

@keyframes fadeIn
  to { 
     opacity: 1; }  
	 
.fade-in {
  animation: fadeIn 1.0s ease forwards;
  z-index:1;
}  

@keyframes fadeIn{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

.fade-in {
  animation: fadeIn ease 5s;
  -webkit-animation: fadeIn ease 5s;
  -moz-animation: fadeIn ease 5s;
  -o-animation: fadeIn ease 5s;
  -ms-animation: fadeIn ease 5s;
}  


/*.hero{
       background-position: bottom center;
       background-repeat: no-repeat;
       background-size:cover;
       height: 552px;
     }*/
     
.slider {
	   /*background-position: bottom center;
       background-repeat: no-repeat;
       background-size:cover;*/
	   z-index:0;
}

.slider-wrapper {
	width: 100%;
	height: 530px;
	position: relative;
	
}

.slide {
	float: left;
	position: absolute;
	width:100%;
	height: auto;
	opacity: 0;
	transition: opacity 3s linear;
	
}

.slider-wrapper > .slide:first-child {
	opacity: 1;
}


 .titulo{
        font-size: 15px;
         line-height: 0.2;
         margin-top: 75px;
         margin-bottom: 60px;
         display:inline-block;
     }
    
.titulo h2{
         color: #bbbdc0;
     }
     
.titulo h2.azul{
         color: #00519b;
         text-align: right;
    }
    
.titulo h2.rojo{
        color:#b01116;
        text-align: right;
    }
    
.titulo .blanco{
         color: #fff;
    }
    
/*

 .noticias{
        margin-left: 5%;
        margin-bottom: 15%;
        
      
    }   
    
 .noticias .noticias1, .noticias2, .noticias3{
       display: inline-block;
       margin-right: 15px;
       background-color: #cccccc;
       width: 260px;
       padding-left: 20px;
       padding-right: 20px;
       padding-top: 15px;
       padding-bottom: 40px;
       border-top: 4px solid #00519b;
    }
  
.noticias h2{
        display: inline-block;
        font-family: 'Source Sans Pro', sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 15px;
        color: #00519b;
    }

    .noticias h2.fecha{
        display: inline-block;
        margin-left: 49%;
        text-align: right;
    }    

    .noticias p{
        display: inline-block;
        font-size: 14px;
        line-height: 1.3;
        text-align:justify;
    }
	*/

    .nosotros{
        overflow: hidden;
        margin-bottom: 60px;
		margin-top:65px;
    }    
    
    .nosotros .txtNosotros, .nosotros .imgNosotros {
        float: left;
        width: 50%;
        height:55%;
        
        
    }
    
.nosotros .txtNosotros{
        background-color: #666666;
   }
    
.nosotros .txtNosotros h2{
      font-size: 21px;
      color: #fff;
      margin-left: 15%;
      padding-top: 50px;
    }
    
.nosotros .txtNosotros h2.objetivos{
        font-size: 17px;
        padding-top: 10px;
       
    }
    
.nosotros .txtNosotros p{
        font-size: 15px;
        color: #fff;
        width: 80%;
        margin-left: 15%;
    }
.nosotros .imgNosotros{
        background-image: url('imagenes/nosotros.jpg');
        background-size:cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    
.beneficios{
        overflow: hidden;
        margin-bottom: 60px;
      }
    
.beneficios .uno, .beneficios .dos, .beneficios .tres, .beneficios .cuatro {
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 45%;
        height: 200px;
        float: left;
        margin-bottom: 15px;
        margin-right: 5%;
    }
    
    .beneficios .icono{
        width: 12%;
        margin-right: 35px;
    }
    
    .beneficios p{
        width: 65%;
        font-size: 15px;
        margin-right: 10px;
    }
    
    .motivos{
        background-image: url('assets/uruguay.svg');
        background-position:center;
        background-repeat: no-repeat;
        background-size:cover;
        padding-top: 60px;
        padding-bottom: 110px;
        border-top:80px solid #2e3092;
        border-bottom:80px solid #2e3092;

    }
    
    .motivos .rayita{
        height: 1px;
        width: 60px;
        background-color: #fff;
        margin: 30px auto;
    }
    
    .motivos h1, .motivos h2, .motivos p{
        margin: 0 auto;
        width: 40%; 
        text-align: center;
        color: #fff;
        }
    
    .motivos h1{
        font-size: 42px;
        margin-top: 50px;
        margin-bottom: 10px;
    }
    
    .motivos h2{
        line-height: 1;
		width: 25%;
        margin-bottom: 20px;
    }
    
    .motivos .bajada{
        font-size: 18px;
        font-family:'Source Sans Pro', sans-serif;
        font-weight: lighter;
        line-height: 1.3;
        margin-bottom: 60px;
    }
    
    .motivos p{
        font-size:15px;
        width: 25%;
    }
    
    .servicios{
        background-color: #f1f1f2;
        height: auto;
        padding-bottom: 170px;
    }
    
.titulo2{
        font-size: 15px;
        padding-top: 85px;
        padding-left: 10px;
        margin-bottom: 60px;
        display: flex;
        
}    
.titulo2 h2{
         color: #bbbdc0;
         margin-right: 6px;
     }

    
.titulo2 h2.azul{
        color:#2e3092;
    } 

.cajas{
       overflow: hidden;
    }
.cajas div{
    float: left;
    width:320px;
    margin: 10px;
    height: 140px;
    background-color: #fff;
    border: 1px solid #bbbdc0;
    
    }

    .cajas h3{
       font-size: 16px;
        width: 270px;
        margin-left: 30px;
        margin-top: 25px;
    }
    
    .cajas p{
        font-size: 13px;
        margin-left: 30px;
        margin-top: -7px;
        width: 270px;
        
    }
	
	.cuarta{
        background-image: url('imagenes/sec4.jpg');
		height:800px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
		z-index:0;
			}
	
	.cuarta #penultima{
		float:right;
		margin-right:50px;
		margin-left:50px;
		margin-top:90px;
		background-color:#33353a;
		height:auto;
		padding-bottom:50px;
		width:650px;
		z-index:4;
	}
	
	#penultima h2{
	  font-size: 21px;
      color: #fff;
      margin-left: 15%;
      padding-top: 50px;
	  }
	  
	   #penultima h3{
		    margin-left: 15%;
		   font-size: 16px;
       		color:#fff;
			width:450px;
	   }
	  
	 #penultima p{
		  margin-left: 15%;
		 font-size: 13px;
		 color:#fff;
        margin-top: -7px;
	    }
	  
	

    
    .final{
        background-image: url('imagenes/footer.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        font-family: 'Source Sans Pro', sans-serif;
        color: #fff;
        padding-bottom: 260px;
    }
    
    .mapas{
        overflow: hidden;
    }
    
    .mapas h2{
        font-size: 22px;
        margin-bottom: 45px;
        padding-bottom: 25px;
        border-bottom: 1px solid #fff;
        width: 60px;
    }
    
    .mapas .uy{
        float: left;
    }
    
    .mapas .br{
        float: right;
		
    }
    
    .mapas img{
        width: 6%;
    }
    
    .mapas .iconodirec{
        width: 4%;
        float: left;
        margin-left: 4px;
        margin-right: 20px;
        margin-top: 5px;
    }
    
   
    
    .mapas .direccion p{
        font-size: 16px;
    }
    
    .mail{
        display: flex;
        justify-content:flex-start;
        height: 20px;
        
    }
    
    .mail img{
        padding-top: 4px;
    }
       
    .mail a{
        text-decoration: none;
		cursor:default;
        color: #fff;
        font-size: 17px;
        margin-left: 15px;
    }
    
    .mapauy{
        margin-bottom: 55px;
    }
     
   .mapabr{
        margin-bottom: 55px;
		
    }
     
	.tel img{
        float:left;
		margin-right:10px;
    }

	.tel p{
		cursor:default;
		text-decoration:underline;
		margin-bottom:20px;
	}