body {background-color:#fff; 
     font-family: Arial;}

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

/* Header */

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

/* Navegación */

nav{
    text-align: center;
    }

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

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

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


/* Section */

.contenedor-informacion{
            background-color: #dbdbdb;
            float:left;
            padding:3rem 3rem 4rem 3rem;
            margin: 0rem;}


/* Textos */

.pregunta{font-weight:bold;
		font-style: italic;
        font-family:Arial;
		color:black;}

.diferencias{font-weight:bold;
            font-style:normal;
            font-family:Arial;
            color:#44a395;}

.diferencias-resp{font-style: italic;
                    font-size: 0.8rem;
                    font-family:Arial;
                    line-height: 1.1rem;
                    color: #80bab1;}

p{font-style: normal;
  font-size: 0.8rem;
    font-family:Arial;
		line-height: 1.1rem;
        color: dimgray;}

h4{padding: -10rem 5rem 5rem 0rem;
    font-size: 2rem; 
		color:#80bab1;
		font-family: Arial;
        text-decoration: underline;}

h2{font-size: 1.2rem}
h3{font-size: 0.9rem;
   text-decoration:underline;}

.clear{clear:both}	

/* Footer */

footer{position: relative;
       float: none;
        top: 2rem;
        margin-top: 0rem 0rem 0rem 0rem;
        font-size: 0.6rem;
        line-height: 0.9rem;
        color: grey;}