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




body {
    background: #fcfafa;
    font-family: 'Dosis', sans-serif;
    color: #fff;
    display: block;
    margin: 8px;
}

.bajar img {
    max-width: 10%;
    
    margin-left: 1%;
    }

img {
    max-width: 30%;
    height:inherit;
    margin-left: 1%;
    }

.fotinto {
        background-image: url(../../../2/tp/img/fondocolores2.png);
background-size: cover;
    margin: 1rem;
        padding: 10rem;
        }

nav ul li {
          list-style-type:none;
          text-decoration:none;
          display: inline;
          margin: 1%;
          padding: 2%;
          font-family: 'Dosis', sans-serif;
          }

a {
 
  text-decoration: none;
  padding: 1%;
  display: inline;
  margin: 2%;
  font-family: 'Dosis', sans-serif;
  color: #f5ff01;
  }

.aver1 {
        background: #080808;
        margin: 1%;
        padding: 1%;
        max-width:inherit;
          }



main {
    text-align: center;
    background-color: transparent;
    padding-top: -10%;
    font-family: 'Dosis', sans-serif;
}

.cian {
    padding-bottom: 2%;
    background-color: #65c1fa;
    margin:1rem;
    
       
}

h1 {
    font-size: 2rem;
    color: #ffffff;
    margin-left: 0.5rem;
    text-align: center;
    font-family: 'Dosis', sans-serif;
   
}

.magenta {
    background: #fa65d8;
    padding-top: 2%;
    padding-bottom: 2%;
    margin: 1rem;
}





h2 {
    font-family: 'Dosis', sans-serif;
    
    font-size: 2rem;
    line-height: 10%;
    color: #f5ff0a;
}

.parte1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: stretch;
    padding-left: 20%;
    padding-right: 20%;
    color: #f5f5f0; 
}

.parte1 img {
    max-width: 85%;
    height:inherit;
    margin-left: 1%;
    
}


.columna2 img{
    max-width: 100%;
    height:inherit;
    margin-left: 1%;
    
}
.columna4 img {
    max-width: 100%;
    height:inherit;
    margin-left: 1%;
    
}

.columna3 img {
    max-width: 100%;
    height:inherit;
    margin-left: 1%;
    
}


.columna6 img {
    max-width: 100%;
    height:inherit;
    margin-left: 1%;
    
}

.columna8 img {
    max-width: 100%;
    height:inherit;
    margin-left: 1%;
    
}


.columna7 img {
    max-width: 100%;
    height:inherit;
    margin-left: 1%;
    
}

.columna5 {
     display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items:center;
    align-content: stretch;
    padding-left:14%;
    padding-right: 
    color: #f5ff01;
    
}




.columna1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items:center;
    align-content: stretch;
    padding-left:14%;
    padding-right: 
    color: #f5ff01;
    
}

h3 {
    font-family: 'Dosis', sans-serif;
    
    font-size: 1rem;
    line-height: 10%;
    color: #080808;
}

.columna1 article {
    line-height: 1.2rem;
    padding-left: 2%;
    padding-right: 2%;
    max-width: 15rem;
    font-family: 'Dosis', sans-serif;
}

.columna5 article {
    line-height: 1.2rem;
    padding-left: 2%;
    padding-right: 2%;
    max-width: 15rem;
    margin-top: 9%;
}


.funcion {
    background: #b4f4af;
    padding-top: 2%;
    padding-bottom: 2%;
}







.bajar {
    background: #f4fa6c;
    padding-top: 2%;
    padding-bottom: 2%;
    margin: 1rem;
    font-family: 'Dosis', sans-serif;
}

footer {
    text-align: center;
    background: #000000;
    padding-bottom: 2%;
    padding-top: 2%;
    color: #ffffff;
     margin: 1rem;
    font-family: 'Dosis', sans-serif;
}


   



.probando {
            display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: stretch;
    background-color: rgba(29, 27, 27, 0.62);
  
          }

header h5 a {
    background: #f7ff3a;
    font-size: 1.5rem;
    font-weight: 700;
    padding: 0.2rem 2rem;
    font-family: 'Dosis', sans-serif;
    
}

.bajar h3 a { 
    padding: 1rem;
    background: #a86a06;
    }

.bajar h2  { 
    color: #ff2b04;
    }

footer h3  { 
    color: #f8f8f8;
    font-family: 'Dosis', sans-serif;
    font-size: 1.5rem;
    text-align: center;
}

footer p  { 
    color: #f8f8f8;
    font-family: 'Dosis', sans-serif;
    font-size: 1.5rem;
    text-align: center;
}