@font-face {
    font-family: 'robotobold';
    src: url('roboto-bold-webfont.eot');
    src: url('roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto-bold-webfont.woff2') format('woff2'),
         url('roboto-bold-webfont.woff') format('woff'),
         url('roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotoitalic';
    src: url('roboto-italic-webfont.eot');
    src: url('roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto-italic-webfont.woff2') format('woff2'),
         url('roboto-italic-webfont.woff') format('woff'),
         url('roboto-italic-webfont.svg#robotoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotoregular';
    src: url('roboto-regular-webfont.eot');
    src: url('roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto-regular-webfont.woff2') format('woff2'),
         url('roboto-regular-webfont.woff') format('woff'),
         url('roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}








body{
    background-image: url(img/fondo.png);
    }
        
#links {
    display: flex;
    background-color: rgb(0, 0, 0);
    flex-direction: row;
    justify-content: center;
    align-content: stretch;
    align-items: stretch;
    width: 100%;
    height: 55px;
    margin-top: -10px;
    }

#logo {
    margin-left: 100 px;
    margin-top: 12px;
}


a{
    text-decoration: none;
 }


#video{
    
    width: 1020px;
    margin-left: auto;
    margin-right: auto;
}

h1 {
    font-family: 'robotobold';
    color:white;
    text-align: center;
    margin-top: 12px;
    font-size: 1em;
    padding: 0.1em 5em;
    text-decoration-line: none;
    text-decoration: none;
    margin-left: 20px;
       
   }

h1:hover{background:#cb5c7f;}

       
h2 {     
    font-family: 'robotobold';
    color: #BA5677;
    text-align: center;
    margin-top: 1em;
    font-size: 2em;
    padding: 0.1em 5em;
    text-decoration-line: none;
    text-decoration: none;
    margin-left: 20px;
    } 

h3 {
    font-family: 'robotobold';
    color:#89668D;
    text-align: center;
    text-decoration-line: none;
    text-decoration: none;
    font-size: 20px;
    
   }

h4 {
    font-family: 'robotobold';
    color:white;
    margin-top: 80px;
    font-size: 3em;
    margin-left: 20px;
    text-decoration-line: none;
    text-decoration: none;    
   }

h5 {
    font-family: 'robotobold';
    color:white;
    text-align: center;
    margin-top: 100px;
    font-size: 3em;
    margin-left: 25px;
    text-decoration-line: none;
    text-decoration: none;
   }     
        
 h6 {
    font-family: 'robotoregular';
    color: #BA5677;
    font-size: 1em;
    text-decoration-line: none;
    text-decoration: none;
     margin-top: 70px;
    }


p {
    font-family: 'robotoregular';
    color:black;
    text-align: center;
    text-decoration-line: none;
    text-decoration: none;
    font-size: 15px;
    margin-top: -10px;
   }
        
.caja1 {
       display: flex;
       justify-content: center;
       }
        
 .caja2{
        display: flex;
        justify-content: center;
       }
        
.inscripciones{
            width: 500px;
            height: 200px;
            margin-top: 20px;
            background-color: #ff8e52;
            }
    
.bandas{
        height: 200px;
        width: 500px;
        margin-top: 20px;
        background-color: #4ecc97;
        margin-left: 20px;
        }
    
           
.cuatro div{
            display: flex;
            flex-direction: row;
            }
        
.feria{
       height: 220px;
       width: 400px;
       background-color: #c281fa;
       margin-top: 20px;
       }
        
.festival{
         height: 220px;
         width: 290px;
         margin-left: 20px;
         margin-top: 20px;
         background-color: #4ecc97;
         }
        
        
.charlas{
         height: 220px;
         width: 200px;
         background-color: #ff8e52;
         margin-top: 20px;
         }
        
.tela{
      height: 220px;
      width: 490px;
      background-color: #c281fa;
      margin-top: 20px;
      margin-left: 20px;
     }

.novedades{   
           height: 460px;
           width: 290px;
           background-color: #59ccf7;
           margin-top: 20px;
           margin-left: 20px;
           }

#video{
       display: flex;
       justify-content: center;
       
       }


footer{
    margin-top: 200px;
    background-color: black;
    display: flex;
    justify-content: center;
      }

.contactoapp{
    display: flex;
    flex-direction: row;  
    justify-content: center;
    margin-top: 70px;
    }

.redes{
      
      margin-top: 20px;
      
     }

.agenda{
      
      margin-top: 20px;
      margin-left: 20px;
     }

.app{
      
      margin-top: 20px;
      margin-left: 20px;
      
     }

.presentacion{
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.galeria2 {
       display: flex;
       flex-direction: row;
       justify-content: center;
       width: 1020px;
       height: 250px;
       margin-top: 60px;
       background-color: #ff8e52;
       margin-left: auto;
       margin-right: auto;
       }

.g5{
    display: flex;
    height: 200px;
    align-content: center;
    margin-top: 25px;
    justify-content: center;
    }
.g6{
    display: flex;
    height: 200px;
    align-content: center;
    margin-left: 15px;
    margin-top: 25px;
    justify-content: center;
    }

.g7{
    display: flex;
    height: 200px;
    align-content: center;
    margin-left: 15px;
    margin-top: 25px;
    justify-content: center;
    }
.g8{
    display: flex;
    height: 200px;
    align-content: center;
    margin-left: 15px;
    margin-top: 25px;
    justify-content: center;
    }

.cacademico{
    display: flex;
    
    justify-content: center;
}

.nacademico{
    display: flex;
    background-color:#ff8e52;
    width: 240px;
    height: 500px;
    margin-top: 30px;
}

.clasesyseminarios{
    display: flex;
    flex-direction: column;
    background-color:white;
    width: 750px;
    height: 500px;
    margin-left: 30px;
    margin-top: 30px;
}

.clasesyseminarios2{
    display: flex;
    flex-direction: column;
    width: 750px;
    height: 500px;
    margin-left: 10px;
    margin-top: -40px;
}

.textoacademico {
    display: flex
    font-size: 20px;.
    margin-top: 40px;
    margin-left: 4px;
           }

.texto2 {
    display: flex
    font-size: 20px;.
    margin-top: 10px;
    margin-left: 4px;
           }

#tituloacademico{
color: #ff8e52;
font-size: 20px;.
margin-top: 20px;
       }
#titulo2{
color: #ff8e52;
font-size: 20px;.
margin-top: -20px;
       }


#parrafoacademico{
text-align: inherit;
color: black;
font-size: 15px;.
margin-top: -100px;
width: 650px;
margin-left:20px;
font-family: sans-serif;
       }

#parrafo2{
text-align: inherit;
color: black;
font-size: 15px;.
margin-top: -200px;
width: 650px;
margin-left:20px;
font-family: sans-serif;
       }


jfi

.texto dep {
    color: yellow;
    font-size: 20px;.
    margin-top: 90px;
    margin-left: -300px;
           }


#titulo{
color: white;
font-size: 20px;.
margin-top: 90px;
       }


#parrafo{
text-align: inherit;
color: black;
font-size: 15px;.
margin-top: 20px;
width: 650px;
margin-left:20px; 
       }

#parrafo2{
text-align: inherit;
color: black;
font-size: 15px;.
margin-top: 650px;
width: 650px;
margin-left:20px; 
       }

#parrafo3{
text-align: inherit;
color: white;
font-size: 13px;.
margin-top: 20px;
width: 650px;
margin-left:20px; 
    
       }

a{   
 text-decoration:none;   
 }   

 
   
        
.box1 {
       display: flex;
       justify-content: center;
       }
        
.box2 {
       display: flex;
       justify-content: center;
       }

        
.box3 {
       display: flex;
       width: 1020px;
       height: 500px;
       margin-left: auto;
       margin-right: auto;
       background-color: #89668D;
       margin-top: -12px;
       }        
        
.box4 {
       display: flex;
       width: 1020px;
       height: 80px;
       margin-left: auto;
       margin-right: auto;
       background-color: #89668D;
       margin-top: -70px;
       }

.box5 {
       display: flex;
       width: 1020px;
       height: 1000px;
       margin-left: auto;
       margin-right: auto;
       background-color: #C65574;
       margin-top: -3px;
       }        

.feria1{
    width: 500px;
    height: 400px;
    margin-top: 60px;
    background-color: white;
      }



.deportes1{
            width: 500px;
            height: 400px;
            margin-top: 60px;
            margin-left: 20px;
            background-color: white;
            }
.deportes{         
            margin-top: 60px;
            margin-left: auto;
            margin-right: auto;
            
            }



.galeria{
       display: flex;
       justify-content: center;
       width: 1020px;
       height: 150px;
       margin-top: 20px;
       background-color: #89668D;
       margin-left: auto;
       margin-right: auto;
       }

.g1{
    display: flex;
    height: 100px;
    align-content: center;
    margin-top: 25px;
    justify-content: center;
    }
.g2{
    display: flex;
    height: 100px;
    align-content: center;
    margin-left: 10px;
    margin-top: 25px;
    justify-content: center;
    }

.g3{
    display: flex;
    height: 100px;
    align-content: center;
    margin-left: 10px;
    margin-top: 25px;
    justify-content: center;
    }
.g4{
    display: flex;
    height: 100px;
    align-content: center;
    margin-left: 10px;
    margin-top: 25px;
    justify-content: center;
    }


.tela2{
       margin-top: 60px;
       background-color: white;
       align-content: center;
       justify-content: center;
       width: 320px;
       height: 450px;
       }

.tela3{
       margin-top: 60px;
       background-color: white;
       align-content: center;
       justify-content: center;
       width: 320px;
       height: 450px;
       margin-left: 30px;
       }


.tela4{
       margin-top: 60px;
       background-color: white;
       align-content: center;
       justify-content: center;
       width: 320px;
       height: 450px;
       margin-left: 30px;
       }



footer{
    margin-top: 100px;
    background-color: black;
    display: flex;
    justify-content: center;
      }

.inscripciondeportes{
    display: flex;
    margin-top: -170px;
    margin-left: 250px;
    
}

.masinfo{
    display: flex;
    justify-content: center;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    
}

.inscribite{
    display: flex;
    margin-top: 50px;
    margin-left: 20px;
}

input{
    margin-top: -15px;
}




#contenedor{
	max-width: 960px;
    background-color:transparent;
    margin: 0 auto;
	margin-top: 85px;
	padding: 0 0 0 0;
	min-height: 800px;
   
    }


iframe{
    display: flex;
    justify-content: center;
	max-width: 960px;
    margin-left: auto;
	margin-top: 30px;
	margin-right: auto;
    
    }

#contenedor_pagina{
  background-color: white;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  height: 1000px;    
}

.formulario{
    font-family: sans-serif;
    color: #BA5677;
    margin-top: -60x;
    font-size: 1em;
    text-decoration-line: none;
    text-decoration: none;
    }

.celda{
    width: 200px;
    height: 20px;
    
    }

.celda-consulta{
    width: 300px;
    height: 100px;
}

.imagenapp{
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-left: auto;
    margin-top: 50px;
    
}



A:hover { color: red }