/*------celular------*/


@media all and (max-width: 480px){

    
@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;

}    
    
    
img {
max-width: 100%;
height: auto;
width: auto; /* Bug de ie8 */
}    
    
   
body{
        background-image: url(img/fondo.png);
    } 


    
#logo{
        width: 100%;
        display: flex;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        margin-top: 150px;
    }  

#ingresar{
        width: 100%;
        display: flex;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
    } 
    
#cajasecciones{
        width: 100%;
        text-align: center;
        margin-top: 50px;
    
    } 
    
h2 {     
    font-family: 'robotobold';
    color: #BA5677;
    text-align: center;
    margin-top: 1em;
    font-size: 1.2em;
    padding: 0.1em 5em;
    text-decoration-line: none;
    text-decoration: none;
    
    }    
 
    
h3 {
    font-family: sans-serif;
    color:#89668D;
    text-align: center;
    text-decoration-line: none;
    text-decoration: none;
    font-size: 20px;
    
   }   
    
    
h4 {
    font-family: 'robotoregular';
    color:white;
    margin-top: 80px;
    margin-left: 20px;
    text-decoration-line: none;
    text-decoration: none;  
    font-size: 20px;
   }    
    
 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;
   }   

 .box1 {
    display: flex;
    flex-direction: column;
     justify-content: center;

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

        

.feria1{
    width: 100%;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
      }



.deportes1{
    width: 100%;
    margin-top: 60px;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
            }


.tela2{
        width: 100%;
    margin-top: 60px;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
       }

.tela3{
        width: 100%;
    margin-top: 60px;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
       }


    
    input{
    margin-top: -15px;
}




#contenedor{
	display: flex;
    flex-direction: column;
   
    }


input{
    margin-top: -15px;
}




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

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

#contenedor_pagina{
  background-color: white;
  margin-top: 30px;
  margin-bottom: -20px;
  display: flex;
  justify-content: center;
}
.mapa{
    display: flex;
    width: 100%;
}

.formulario{
    font-family: sans-serif;
    color: #BA5677;
    margin-top: -60x;
    margin-left: 50px;
    margin-right: 50px;
    display:flex;
    justify-content: center;
    font-size: 1em;
    text-decoration-line: none;
    text-decoration: none;
    }

.celda{
    width: 200px;
    height: 20px;
    margin-left: 350px;
    margin-right: 350px;
    display:flex;
    justify-content: center;
    
    }

.celda-consulta{
    width: 300px;
    height: 100px;
    margin-left: 295px;
   

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


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

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

#parrafo3{
text-align: inherit;
color: white;
font-size: 60px;
margin-top: 70px;
margin-left:20px; 
    
       }
.inscribite{
    display: flex;
    margin-top: 50px;
    margin-left: 20px;
}
    
    
.galeria2 {
       display: flex;
       flex-direction: column;
       justify-content: center;
       background-color: #ff8e52;
       margin-left: auto;
       margin-right: auto;
    height: 950px;
    flex-wrap: nowrap;
    
    
       }

.g5{
    display: flex;
    height: 200px;
    align-content: center;
    margin-left: 15px;
    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;
    }    
    
    
    
.textoacademico {
    display: flex;
    font-size: 20px;.
    margin-top: 40px;
    margin-left: 4px;
    flex-direction: column;
           }

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

#tituloacademico{
color: #ff8e52;
font-size: 15px;
margin-top: 5px;
font-family: 'robotoregular';
margin-left: 20px;
       }
    
#titulo2{
color: #ff8e52;
font-size: 15px;
margin-top: 10px;
font-family: 'robotoregular';
margin-left: 20px;    
       }


#parrafoacademico{
text-align: inherit;
color: black;
font-size: 15px;
margin-left: 20px;
font-family:'robotoregular';
margin-right: 20px;
       }
    
#parrafo2{
text-align: inherit;
color: black;
font-size: 15px;
margin-left: 20px;
font-family:'robotoregular';
margin-top: -10px;
margin-right: 20px;
       }
    
    #fondoacademico{
        background-color: white;
    }
    
    
    
    
    
    
    
    
    

    }

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2)
{

    
@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;

}    
    
    
img {
max-width: 100%;
height: auto;
width: auto; /* Bug de ie8 */
}    
    
   
body{
        background-image: url(img/fondo.png);
    } 


    
#logo{
        width: 100%;
        display: flex;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        margin-top: 150px;
    }  

#ingresar{
        width: 100%;
        display: flex;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
    } 
    
#cajasecciones{
        width: 100%;
        text-align: center;
        margin-top: 50px;
    
    } 
    
h2 {     
    font-family: 'robotobold';
    color: #BA5677;
    text-align: center;
    margin-top: 1em;
    font-size: 1.2em;
    padding: 0.1em 5em;
    text-decoration-line: none;
    text-decoration: none;
    
    }    
 
    
h3 {
    font-family: sans-serif;
    color:#89668D;
    text-align: center;
    text-decoration-line: none;
    text-decoration: none;
    font-size: 20px;
    
   }   
    
    
h4 {
    font-family: 'robotoregular';
    color:white;
    margin-top: 80px;
    margin-left: 20px;
    text-decoration-line: none;
    text-decoration: none;  
    font-size: 20px;
   }    
    
 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;
   }   

 .box1 {
    display: flex;
    flex-direction: column;
     justify-content: center;

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

        

.feria1{
    width: 100%;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
      }



.deportes1{
    width: 100%;
    margin-top: 60px;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
            }


.tela2{
        width: 100%;
    margin-top: 60px;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
       }

.tela3{
        width: 100%;
    margin-top: 60px;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
       }


    
    input{
    margin-top: -15px;
}




#contenedor{
	display: flex;
    flex-direction: column;
   
    }


input{
    margin-top: -15px;
}




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

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

#contenedor_pagina{
  background-color: white;
  margin-top: 30px;
  margin-bottom: -20px;
  display: flex;
  justify-content: center;
}
.mapa{
    display: flex;
    width: 100%;
}

.formulario{
    font-family: sans-serif;
    color: #BA5677;
    margin-top: -60x;
    margin-left: 50px;
    margin-right: 50px;
    display:flex;
    justify-content: center;
    font-size: 1em;
    text-decoration-line: none;
    text-decoration: none;
    }

.celda{
    width: 200px;
    height: 20px;
    margin-left: 350px;
    margin-right: 350px;
    display:flex;
    justify-content: center;
    
    }

.celda-consulta{
    width: 300px;
    height: 100px;
    margin-left: 295px;
   

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


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

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

#parrafo3{
text-align: inherit;
color: white;
font-size: 60px;
margin-top: 70px;
margin-left:20px; 
    
       }
.inscribite{
    display: flex;
    margin-top: 50px;
    margin-left: 20px;
}
    
    
.galeria2 {
       display: flex;
       flex-direction: column;
       justify-content: center;
       background-color: #ff8e52;
       margin-left: auto;
       margin-right: auto;
    height: 950px;
     flex-wrap: nowrap;
    
       }

.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;
    }    
    
    
    
.textoacademico {
    display: flex;
    font-size: 20px;.
    margin-top: 40px;
    margin-left: 4px;
    flex-direction: column;
           }

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

#tituloacademico{
color: #ff8e52;
font-size: 15px;
margin-top: 5px;
font-family: 'robotoregular';
margin-left: 20px;
       }
    
#titulo2{
color: #ff8e52;
font-size: 15px;
margin-top: 10px;
font-family: 'robotoregular';
margin-left: 20px;    
       }


#parrafoacademico{
text-align: inherit;
color: black;
font-size: 15px;
margin-left: 20px;
font-family:'robotoregular';
margin-right: 20px;
       }
    
#parrafo2{
text-align: inherit;
color: black;
font-size: 15px;
margin-left: 20px;
font-family:'robotoregular';
margin-top: -10px;
margin-right: 20px;
       }
    
    #fondoacademico{
        background-color: white;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    }