@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');

/* selector { propiedad: valor;} */


body {background: rgba(6, 27, 85, 0.83);
    border: none;
      font-family: sans-serif, "roboto"; 
margin: 0px;
padding: 0px;} 


li a {display: inline;
    color: #272ca5;
    border: none;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 10px;
list-style-type: none;
font-family: sans-serif, "roboto"}

.logo {padding-left: 10px}


header{background: #ffffff; margin-left: 200px; margin-right: 200px}
.nav {width: 100%x; justify-content: space-between; padding-right: 20px }
.nav ul {display: flex; float: right; justify-content: center;}
.nav ul li {list-style:none;}
.nav li a {text-decoration: none; font-size: 12px; color:black; margin: 1rem; padding: 0.3rem 1.25rem 0.3rem 1.25rem; text-align: right}
header .nav li a:hover {color:#00a2d3;}

.imagen{align-content: center}
.presentacion {color: #000000;
    margin-top: 0px;
    margin-bottom: 70px;
    margin-right:200px;
    margin-left: 200px;
    padding-top: 80px;
    padding-bottom: 110px;
    padding-left: 40px;
    padding-right: 40px;
    background-image: url(../img/fondoweb01.jpg);
background-repeat: no-repeat;
border-style: none}

h2{font-size: 42px;font-family: sans-serif, "roboto"; color: #000000}

.presentacion h4{font-size: 32px; 
   padding-bottom: 0px;padding-top: 0px;padding-left:35px;padding-right: 0px; 
    margin-top: 0px; 
    }

.presentacion p{font-size: 24px; 
   padding-bottom: 0px;padding-top: 0px;padding-left:35px;padding-right: 0px; 
    margin-top: 0px; 
    }
.pasoapaso {background-color: rgb(255, 255, 255);
    margin-top: -75px;
    margin-bottom: 10px;
    margin-right:200px;
    margin-left: 200px;
    padding-top: 80px;
    padding-bottom: 110px;
    padding-left: 30px;
    padding-right: 30px;
    border-style: none;
    display: flex;
    align-content: center;
    justify-content: center;	             
}

.pasoapaso h4{text-align: center; font-size: 0.8rem; font-weight: 400; color:black; display: flex; justify-content: space-between; }


.columna1             {text-align: center;
                        font-weight: 400;
                        font-size: 1rem;
                        padding: 00;
                        margin-left: 3%;
                        margin-right: 3%;} 
 
.columna2             {text-align: center;
                        font-weight: 400; 
                        font-size: 1rem;
                        padding: 00;
                        margin-left: 3%;
                        margin-right: 3%;}    

.columna3             {text-align: center;
                        font-weight: 400; 
                        font-size: 1rem;
                        padding: 00;
                        margin-left: 3%;
                        margin-right: 3%;}                                 



.pagina: { display: flex; width: 100%; align-content: center}


footer p{font-size: 0.7rem; color:#fff; margin:auto; text-align:center; width: 100%; font-style:700}
footer{background: #061b55; padding: 22px; position: relative; float: left; margin-top: -1rem; width: 96.9%; margin-right:50px;}