@import url('https://fonts.googleapis.com/css?family=Open+Sans');


body {font-family:'Open Sans', sans-serif ; margin: 0 auto; max-width: 80rem; margin-top: 0; margin-bottom: 0;}

hr {height: 0.001rem; width: 100%; background-color: #004258; margin-top: 3rem;}

h1 {font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 1.8rem; color:#004258; text-decoration-line:overline; }
h2 {font-family: 'Open Sans', sans-serif; font-weight: 800; font-size: 1.5rem; color:#fff; text-align: center; margin-top: 0;}
h3 {color:orange; text-align:center; text-decoration-line:underline; font-family: 'franklin gothic', sans-serif; font-size: 3rem; font-weight: 300;}
h4 {font-weight: 400; color:#004258; font-size: 1.5rem; text-align: center; white-space: pre; display: flex; justify-content: center; margin: 0; margin-bottom: 2rem;  }

header {background-image: url(img/PRIMERA.jpg); background-position: center; background-size:cover; height: 30rem;}



nav ul li {list-style: none; display:inline; margin: 0 auto;margin-top: 0rem;}
nav ul li a {color: white; text-decoration: none; float: center; font-weight: 400; margin-right: 1rem; margin-top: 1rem; margin-bottom: 1rem;}
nav ul li p {margin-top: 0; text-align: center; font-weight: 400; color:black;}



.cosas { font-size: 1,5rem; color:#004258; text-align: center;white-space: pre; display: flex; justify-content: center; margin: 0; margin-bottom: 2rem;}

.cftitulo {background-color:orange; margin-top: 0; padding: 3rem; padding-top: 2rem;}
.cftitulo p {font-weight: 400; color:darkblue; text-align: center;}

.comofuncionai {display: flex; flex-wrap: nowrap; justify-content: space-between; }

.comofuncionai {border-image: url(img/registrarse.png); max-width: 0,5rem; max-height: 0,5rem; }

.comofunciona {background-image: url(img/fondo3.png);background-position: right; background-size: cover; 20rem;}



.celus1 { width: 100%; display: flex; justify-content: center; padding-top: 3rem;}
.celus1 article img {width: 30rem;}
.celus1 {background-image: url(img/FOTOGRAF.png); background-position: right; }
.celus1texto {display: flex; flex-direction: column; align-items: center; align-content: stretch; text-align: left;  padding: 4rem; }
.celus1texto p { font-weight: 400; color: #004258; text-align: center; font-size: 1rem; }

.celus2 { width: 100%; display: flex; justify-content: center; padding-top: 3rem;}
.celus2 article img {width: 30rem;}
.celus2texto {display: flex; flex-direction: column; align-items: center; align-content: stretch; text-align: right;  padding: 4rem; }
.celus2texto p { font-weight: 400; color: #004258; text-align: right; font-size: 1rem; }




 footer{ background-color: orange; box-shadow: 0 -2px 2px 0 rgba(0,0,0,.6);
    color: black;
    text-align: center;
    padding: 1rem;
    padding-top: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    background-image:src="img/logoazulredondo.png" width="100" height="100";}