/* BODY */

.contenedor{
    width:100%;
    max-width: 60rem;
    margin: auto;
    }
    

body{
    background-color: white;
    font-family: Arial;
    }

/* HEADER*/ 

.titulo-principal {
    font-size: 5rem;
    margin: auto;
    text-align: center;
    padding-bottom: 2rem;
    color: #22998b;
    border-bottom:10px solid #22998b;
    }


/* MAIN */

p{ color: dimgray}

h1{margin:0rem 2rem;
    color: #565a60;
    padding-top: 3rem;}

h3{color: white}

h2{color: dimgray;
    font-size:1.2rem;
    margin: 1rem;}

h4{font-style: italic;
color:dimgray;}

.app{color:#8b8989;
font-size: 1rem;}

.contenedor-inicio{
    background-color: #dbdbdb;
    }

article{ 
    max-width: 25rem;
    text-align: justify}

.caja-izq{position:relative;
  float:left;
  margin:0rem 2rem}

.caja-der{position: relative;
float:right;
margin:0rem 3rem}

.caja-titulo{position:relative;
float:left;
margin:1rem 1rem 0rem 2rem;
padding:1rem 0rem;
}

.caja-dif{position:relative;
float:left;
margin: 1rem 10rem;
padding:0rem 1rem;
font-style:italic;
max-width: 50rem;
text-align: justify;
background-color: #ededed;}





p{
    color: #565a60;
    font-size: 0.9rem;
    line-height: 1.7rem;
    }


.clear{clear:both}

/* FOOTER */



footer{
    background-color: #097064;
    margin-top: 1rem;
    margin-bottom: 3rem;
    padding: 1rem 3rem;
    text-align: center;
    }

.footer{
    font-size: 0.7rem;
    line-height: normal;
    color: white;
    }
/* NAVEGACION */


nav ul {
    margin-top: 0;
    list-style-type: none;
    background-color: #097064;
    }

nav ul li{
    display: inline-block;
    padding: 0.8rem;
    }

nav ul li a{
    text-decoration: none;
    font-family: arial;
    font-size: 0.8rem;
    margin: 0;
    padding: 0.8rem;
    color: white;
    }