@charset "utf-8";
/* CSS Document */

body { margin: 0;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}
a{text-decoration: none; color:white}
a:hover{color:#525251
}

#inicio{background-color: white}
.contenedor {display: flex;
}
nav ul li{
    display: inline-block;
    margin: 10px;
    border: medium rgba(100,100,100,1.00);
    padding: 30px;
    padding-top: 15px;
    padding-right: 173px;
    padding-bottom: 15px;
    padding-left: 173px;
    font-size: 24px;
}
header{
    width:100%;
    height:225px;
    background-image: url("imagenes/claro-de-luna.jpg");
    background-size: cover;
    
}
.estoy{ font-weight: bold;}
#habgran {background-image: url("imagenes/architecture-wood-farm-mansion-house-floor-1391257-pxhere.com.jpg");
}

div.contenedorentorno {
 width:80%;
    text-align: left;
    text-align: justify;
    font-size: 20px;
    line-height: 1.6;
    padding: 30px;
    padding-top: 20px;
    padding-bottom: 0px;
    margin:0 auto;
}
div.contenedorentorno2 {
 width:50%;
    text-align: left;
    text-align: justify;
    font-size: 20px;
    line-height: 1.6;
    padding: 30px;
    padding-top: 20px;
    padding-bottom: 0px;
    margin:0 auto;
}
div.contenedor {
 width:80%;
    text-align: left;
    text-align: justify;
    font-size: 20px;
    line-height: 1.6;
    padding: 30px;
    padding-top: 20px;
    padding-bottom: 0px;
    margin:0 auto;
}
img.b {padding-left: 173px;}
div.a {display: inline-block;
    margin: 10px;
    border: thin, rgba(0,0,0,1.00);
    padding: 30px;
    padding-top: 50px;

    padding-bottom: 0px;
    padding-left: 60px;
    font-size: 16px;
    }
div.b {display: inline-block;
    margin: 10px;
    border: thin, rgba(0,0,0,1.00);
    padding: 30px;
    padding-top: 50px;
    padding-bottom: 0px;
    font-size: 16px;
    }
div.c {display: inline-block;
    margin: 10px;
    border: thin, rgba(0,0,0,1.00);
    padding: 30px;
    padding-top: 50px;
    padding-bottom: 0px;
    font-size: 16px;
    }
p.a {text-align: center;
    width:400px; 
    margin:0 auto;
}
p.b {text-align: center;
    width:400px; 
    margin:0 auto;
}
p.c {text-align: center;
    width:400px; 
    margin:0 auto;
}
img.a {
    padding-bottom: 30px;
    padding-top: 60px;
}
div.contenedor1 {
    float: center;
    text-align: left;
    text-align: justify;
    font-size: 20px;
    line-height: 1.6;
    padding: 30px;
    padding-top: 0px;
    padding-right: 173px;
    padding-bottom: 0px;
    padding-left: 173px;
    }
p.d {text-allign: center;
}
#entorno {
    background-image: url("imagenes/fondoentorno.png");
    background-size: cover;
}
nav.navegacion{
    background-color:#1B2444;
     margin-top: -16px;
}
div h2, div p{ width:900px; margin:0 auto; padding-top: 15px; padding-bottom:15px; line-height: 1.6; text-align: justify;}
div p{padding-bottom:20px;}
div.contenedorentorno figure {display: block; width:350px; float: left; margin-right: 65px; margin-left:60px;}
.limpiador{clear: both;}
div.contenedorentorno2 figure { width:50%;display: block; width:350px; float: left; margin-right: 60px; margin-left:60px; }
.limpiador{clear: both;}
p.e {text-align: center;
    width:450px; 
    margin:0 auto;
}
p.f {text-align: center;
    width:450px; 
    margin:0 auto;
}
#iz{ float: left; 
    width:  40%;
    margin-left: 300px;
}
#drch{ float: right;  
    width:  40%;
    margin-right: 40px;
    font-size: 20px;
}
footer{clear: both; background-color: #1B2444; color: white;}
/*footer div.cuatro  ul li{
   display:inline-block;
    width:22%
}*/
p.g{text-align-last: right;
}
footer div{ display:inline-block;
width:24%;
    text-align: center;
    border-right: solid 3px #FFFFFF;
}
ul.redes li{
    display:inline-block; list-style-type: none;
}
p.firma{ text-align: center; background-color: #1B2444; margin-bottom: -20px;}
ul.redescontacto li{
    
    list-style-type: none;
    margin-bottom: 64px;
}
div.dos{ 
    line-height: 1.6;
    list-style-type: none;
}
div.tres{ 
    line-height: 1.6;
    list-style-type: none;
}
div.cuatro{ 
   margin-top: 65px;
    list-style-type: none;
}
a.pino {position: sticky;
bottom:35px;
right:35px;
left: 35px;
}