:root{
--azul:#0070B0;
--blanco:#ffffff;
--gris:#333333;
}

img{max-width: 100%;}
h2{
    color: var(--azul);
    font-size: 2rem;
    margin:1rem 0 2rem;
}

@media(max-width:480px) {
    .container{max-width: 96%;}
    h2{
   
        font-size: 1.9rem;

    }
}
p{color: var(--gris);
font-size: 1.2rem;margin: 1rem 0 2rem;}

.container{
   max-width: 90%}

   @media(min-width: 1360px) {
       .container{
           max-width: 1300px;
       }
   }
   
.cover{
   
  
    width: 100%;
    min-height: 90vh;
    padding: 1.5rem 0 3rem;
    background-image:
    linear-gradient(to bottom, rgba(255, 250, 250, 0),rgba(255, 250, 250, 0), rgba(10, 119, 182, 1)),
    url('../images/landing/banner.png');
  
    background-size: cover;
    background-position: center bottom;



}
@media (min-width: 1480px)  {
    .cover{     background-image: linear-gradient(to bottom, rgba(255, 250, 250, 0),rgba(255, 250, 250, 0), rgba(10, 119, 182, 1)),
    url('../images/landing/1920.jpg');
  
    background-size: cover;
    background-position: top center;
}
}
@media(max-width: 960px) {
    .cover{
   
       padding: 1rem 0 3rem;
        background: rgba(10,119,182);
        background-image: linear-gradient(to bottom, rgba(255, 250, 250, 0),rgba(255, 250, 250, 0), rgba(10, 119, 182, 1)), url('../images/landing/banner.png');
        background-repeat: no-repeat;
        background-size: 100%;
    
    
    }
}


/*.logo{
    background: url('../images/landing/logo.png')no-repeat;
}*/

img.imalogo {
    width: auto!important;
    max-width: 200px!important;
    filter: drop-shadow(0px 4px 4px rgba(51, 51, 51, 0.5));
}
/*@media(max-width: 768px) {
    .logo{background-position: center top;padding-bottom: 1rem;}
}*/

.lde{text-align: right;}
.iz{text-align: left;
padding: 0; padding-left: 1rem;
margin: 0;}  
.de{text-align: center; margin: 0;}

@media(max-width:992px) {
.lde{text-align: center;}
    .der{order:2; text-align: center;}
    .izq{padding-top: 1rem;}
    .iz{order:2;text-align: center; padding-left: 0;}
    .de{order:1; text-align: center;}
   
}

.a-bottom{    align-items: flex-end;}

.info,.info-small,.info-big,.info-big-s{
    font-style: normal;
    font-weight: bold;
    font-size: 3rem;
    line-height: 4rem;
    
    color: #FFFFFF;
    
    text-shadow: 0px 4px 4px rgba(51, 51, 51, 0.5);}
    @media(max-width: 992px) {
        .info-big{margin-top: 1.5rem;}
        img.imalogo {margin-top:.5rem}
    }
    
.info-small{
    font-size: 2.4rem;
    display: inline-block;
    background:url('../images/landing/linea-agua.png')no-repeat;
    background-position: right bottom;
    padding-bottom: 2rem;
}
.info-big{font-size: 5rem; line-height:5.5rem;}
.info-big-s{font-size: 2.2rem; line-height:2.3rem; margin-bottom: 1rem;}

@media(max-width:480px) {

    .info{    font-size: 2rem;
        line-height: 3rem;}
    .info-small{font-size: 1.3rem; line-height: 1.6rem; margin-top: 1.5rem;}
    .info-big{font-size: 3rem; line-height:3.5rem;}
    .info-big-s{font-size: 1.8rem; line-height:2.3rem;}
    
}

/*****main*/

main{padding-top: 3rem;}

p.ico-tree, p.ico-water{
    display: block;
    padding: 0px 10px 0px 70px;
    margin: 1.5rem auto 3rem; 
    font-size: 20px;
    font-weight: normal;
    color:var(--gris);
    min-height: 60px;
    display: flex;
    align-items:center ;

}

p.ico-tree{background: url('../images/landing/arbol.png')no-repeat;
background-position: left top;}
p.ico-water{background: url('../images/landing/agua.png')no-repeat;
    background-position: left top;}


    



/****FORM**************/


.formulario{
    background: rgba(255, 255, 255, 0.8);
box-shadow: 2px 2px 7px 2px rgba(51, 51, 51, 0.3);
border-radius: 10px;
padding: .5rem 2rem;
margin-top: 1.5rem;
}



.formulario .form-group{
margin: 1rem 0;
}
.title{font-size: 1.4rem; color: var(--gris); margin-bottom: 3rem;}
.formulario  .title{margin-bottom: 2rem;}
@media(max-width: 576px) {
    footer .col-xs-12{text-align: center;
        margin: 1.3rem auto;}  
}



/**** Footer****/




footer{
    background: var(--azul);
    color: var(--blanco);
    padding:1.5rem 0 ;
    font-size: 14px;
    
    }
    
    footer span{
        font-weight: bold;
        display: block;
        font-size: 1.1rem;
        margin-bottom: .3rem;
    }
    
    footer .row{
    align-items: center;
    text-align: left; 
    }
    
 /*/// Ocultar captcha ///*/
.grecaptcha-badge {
	z-index: 99999;
	display: none;
 }
 
 /*css el jquery.validate*/
 .error { 
 	clear:both; 
 	display:block;
 	color:#ff0000 !important; 
 	padding-left: .2em; 
 	/*font-weight: normal;*/
 }
    span .error{
        display:block;
        margin-left: .2em;
        color:#ff0000 !important; 
     }
    @media screen and (orientation: portrait) 
    {
    	span .error{
    	margin-left:0;
    	display:block;
    	color:#ff0000 !important; 
    	
    	}
    
    }
    
    @media screen and (orientation: landscape) {
    	span .error{
    	 display:block;
    	 margin-left:22%;
    	 color:#ff0000 !important; 
    	}
    }
/*fin agregado por marielena*/