@charset "utf-8";
@font-face {
    font-family: 'ralewayblack';
    src: url('../../fuentes/raleway-black/raleway-black-webfont.eot');
    src: url('../../fuentes/raleway-black/raleway-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fuentes/raleway-black/raleway-black-webfont.woff2') format('woff2'),
         url('../../fuentes/raleway-black/raleway-black-webfont.woff') format('woff'),
         url('../../fuentes/raleway-black/raleway-black-webfont.ttf') format('truetype'),
         url('../../fuentes/raleway-black/raleway-black-webfont.svg#ralewayblack') format('svg');
    font-weight: normal;
    font-style: normal;}

 @font-face {
    font-family: 'ralewayregular';
    src: url('../../fuentes/raleway-regular/raleway-regular-webfont.eot');
    src: url('../../fuentes/raleway-regular/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fuentes/raleway-regular/raleway-regular-webfont.woff2') format('woff2'),
         url('../../fuentes/raleway-regular/raleway-regular-webfont.woff') format('woff'),
         url('../../fuentes/raleway-regular/raleway-regular-webfont.ttf') format('truetype'),
         url('../../fuentes/raleway-regular/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;}

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

}

*{
   margin: 0;
   padding: 0;
   box-sizing: border-box; 
}

.container{
    width: 100%;
    margin:0 auto ;
    max-width: 1200px;

}



.logo {
    display: flex;
  justify-content: space-between;
   margin-left: 8px;
    z-index: 0%;
   padding: 0% 0%;
}
.icon-search {
    font-size: 20px;
 align-items: center;
    color: #3366cc;
    
}

.icon-user {
    font-size: 20px;
 align-items: center;
    color: #3366cc;
    
}

.cuenta{
    
   margin-right: auto;
}

header{
    
    padding-top: 10%;
 
}


header label {
    font-size: 30px;
    cursor: pointer;
    display: none;
}

#btn-menu {
    display: none;
}

.menu{
  z-index:1000;
    padding-top: 2%;
    padding-bottom: 2%;
    
}

.menu ul {
    
    z-index:1000;
    background: rgba(204, 204, 204, 0.85);
    display: flex;
    list-style: none;
    justify-content: space-around;
}

.menu ul ul{
    display: none;
   z-index:1000;
}

.menu a {
    display: block;
    padding: 15px 20px;
    color: black;
    text-decoration: none;
  
}

.menu ul li a {
   
   font-family: 'ralewayregular';
    font-size: 18px;
}

.menu a:hover {
    background: rgba(204, 204, 0, 0.72);
    
}

.menu a spam {
    
    margin-left: 10px;
}

.menu ul li:hover ul {
   
    display: block;
    position: absolute;
    
}

   .menu ul li ul li {
        border-bottom: 1px solid white;}

.menu ul li  ul li a{
           color: white;}

/*------contenido------*/

.principal {
    margin-top: 20px;
    margin-bottom: 20px;
   align-content: space-around;
   
}


    .noticia {
  
    font-size: 16px;
    text-align: left;
    color:black;
    font-family: 'ralewayregular';
    padding: 5px;
       
   
}

.contenedor1{
    background: #666666;
}

.contenedor2{
  margin: 0%;
    
   }

.contenedor3{
background: #666666;
    width: 100%;
 
  
   }

.nuevo {
    font-size: 18px;
    text-align: left;
    color: white;
     font-family: 'ralewayregular';
    background: #666666;
    width: 100%;
  
}

.nuevo1 {
    width: 100%;
     font-family: 'ralewayregular';
     font-size: 16px;
    padding: 20px 5%;
    background: #666666;
    text-align:left;
    color: white;
    line-height: 18px;
    
}

.nuevo1 p {
    width: 100%;
     font-family: 'ralewayregular';
     font-size: 16px;
    padding: 0px 5%;
    background: #666666;
    text-align:lef;
    letter-spacing: 0;
    color: white;
    line-height: 20px;
    
}

.textos {
    width: 100%;
     font-family: 'ralewayregular';
     font-size: 10px; 

    background: #666666;
    text-align:left;
    color: white;
    padding-left: 5px;
    border-right-width: 7px;
    padding-right: 5px;

}



.noticia1{
   background: #ff9966; 
    
}

.noticia2{
   background: #99cccc;
    
}

.noticia3{
     background: #99cccc;
     font-size: 16px;
    text-align: left;
    color:black;
     font-family: 'ralewayregular';
    padding: 5px;
    
}

.participa {
    font-size: 16px;
    text-align: left;
    color:black;
    font-family: 'ralewayregular';
    padding: 5px; 
   background: #99cccc;
    
}

.gato{
    width: 100%;
   margin-top: 5%;
    margin-bottom: 5%;

    
}


.redes {
    width: 100%;
    font-family: 'ralewayregular';
   font-size: 15px;
    text-align:left;
    color: #3366cc;
    
}

.principal2 {
    margin-top: 20px;
    margin-bottom: 20px;
   align-content: space-around;
   
}
.contenedor4 {
    font-size: 30px;
    text-align: center;
    color: #3366cc;
     padding: 20px 20px;
      
}

.contenedor5 {
   padding: 5px;
   text-align: center;
       padding: 20px 20%;
}

.app {
   width: 100%;
   text-decoration: none;
   font-family: 'ralewayregular';
   font-size: 15px;
  text-align:left;
    color: #3366cc;
}

.video video{
    width: 100%;
    padding: 20 px 20px;
    
    
}

.contenedor6{
 
  box-sizing: border-box;
   }

.final ul  {
  
 list-style: none;
    width: 100%;
   
}

.final ul li {
  
display: inline-block;
   
}

.final ul li a {
  font-family: 'ralewayregular';
  font-size: 12px;
 color: black;
  text-decoration: none;
align-content: space-between; 
   
}

.contenedor7 a {
    text-decoration: none;
    font-family: 'ralewayregular';
  font-size: 12px;
}

.contacto {
   font-family: 'ralewayregular'; 
   width: 100%;
  font-family: 'ralewayregular';
  font-size: 15px;
  text-align:left;
  color: #3366cc;
   flex-direction: column; 
    
}

    /*------findelcontenido------*/
 /*------calendario------*/
.calendario{
    display: flex;
    max-width: 1300px;
    flex-direction: column;
    
}

div .calendario{
    display: flex;
    max-width: 1300px;
    
}
div .semana{
    display:block;
    background-color: #e6e6e6;
    font-family: 'ralewayregular'; 
    padding-top: 30px; padding-left: 90px; padding-right: 110px;
    width: 100%; 
    color: #5a5a5a;
    
    display: flex;
    justify-content: space-around;
    flex-direction: row; 
    flex-wrap: nowrap;
    
}


.mes{
       
    display:flex;
    flex-direction:column; 
    background-color: #e6e6e6;
    font-family: 'ralewayregular'; 
    padding-top: 30px; padding-left: 30px; padding-right: 30px;
    width: 100%; 
    color: #5a5a5a;
    
    }

.semana {
    display: flex;
    flex-direction: row; 
    flex-wrap: nowrap;
    }
}
.semana h5{
    display:block;
    font-size: 14px;
    padding-left: 20px;
    margin: 20px;
    opacity: .3;
}
div .primera{
    display: flex;
    justify-content: center;
    flex-direction: row; 
    flex-wrap: nowrap;
  
    }

div .segunda{
    display: flex;
    justify-content: center;
    flex-direction: row; 
    flex-wrap: nowrap;
    }

div .tercera{
    display: flex;
    justify-content: center;
    flex-direction: row; 
    flex-wrap: nowrap;
    }

div .cuarta{
    display: flex;
    justify-content: center;
    flex-direction: row; 
    flex-wrap: nowrap;
    }
div .quinta{
    display: flex;
    justify-content: center;
    flex-direction: row; 
    flex-wrap: nowrap;
    }


.dias{display: flex;}

div .dias{
    background-color: #bababa;
    
    width: 150px;
    height: 140px;
    margin left: 5px; margin-right: 5px; margin-top:  5px;
}

div.dias p{
    color: #6d6d6d;
    padding-left: 10px; padding-top: 10px;
    font-family: 'ralewayblack';
    opacity: .6;

}

    
}

.dias:hover{
        background-color: #f7ff95;
      
}

div.dias p:hover{
    color: #6d6d6d;
    padding-left: 10px; padding-top: 10px;
     font-family: 'ralewayblack';
    opacity: 1;

}


div.dias img{
    width: 100%;
    height: 100%
}


}
.semana h5{
    display:block;
    font-size: 12px;
    
    margin: 20px;
    opacity: .3;
}






/*------fin de calendario académico------*/


/*------comienzofooter------*/
.footer {
     background: #666666;
    color: white;
    text-align: center;
    margin: auto;
    font-family: 'ralewayregular';
    font-size: 12px;
    padding: 2% 5%;
}
/*------findelfooter------*/

*-------tallers------*/
.container {
    
    margin: 40px;0px;
    padding: 10px 10px;
    
   
}

.principal {
  
     margin-top: 50px;
    margin-bottom: 50px;
}
.photo img {
    box-sizing: border-box;
    width: 100%;
 
}

.cursos {
padding: 5px; 5px; 
    margin-left: 1%;
    font-family: 'ralewayregular';
    font-size: 15px;
  
    }

h1 {
      margin-left: 1%;
    font-family: 'ralewayregular';
    font-size: 15px;
    }


.uno {
    text-align:left;
    background: #666666;
    color: white;
    font-family: 'ralewayregular';
     padding: 7px; 5px; 
}

.uno1 {
    text-align:left;
    background: #666666;
    color: white;
    font-family: 'ralewayregular';
     padding: 7px; 5px; 
}
.dos{
    padding: 7px; 5px; 
    background: #666666;
    color: white;
    text-align: left;
    font-family: 'ralewayregular';
}

.dos2{
    padding: 7px; 5px; 
    background: #666666;
    color: white;
    text-align: left;
    font-family: 'ralewayregular';
}

.uno h2 {
    color: #ff9966;
    text-align: left;
    font-size: 20px;
}

.uno1 h2 {
    color: #ff9966;
    text-align: left;
    font-size: 20px;
}

.dos h2 {
     color: #ff9966;
    text-align: left;
    font-size: 20px;
}

.dos2 h2 {
     color: #ff9966;
    text-align: left;
    font-size: 20px;
}

.taller {
   font-size: 19px;
   font-family: 'ralewayregular';
}





/*--formulario-------*/

.loggin{
    background:  #4972b2;
}

.formulario h2 { 
    font-family: 'ralewayregular';
    font-size: 20px;
    color: white;
   padding: 10px 10px;
    
}

input {
    font-family: 'ralewayregular';
    color:#666666; 
    background-color: rgba(204, 204, 204, 0.85);
    display: inline-block;
    padding: 0.5em;
    border: 2px solid white;
    outline: none;
    font-size: 18px;
    overflow: hidden;
}

.botonentrar { 
    background-color: #666666;     
    color: #ffffff;
    font-weight: 600;
    padding: 0.5em;
    margin-left: auto;
    margin-right: auto;
    font-family: 'ralewayregular';
    font-size: 20px;
    text-decoration: none;
}

.botonentrar:hover {
    background-color: aquamarine;
}

h6 {
    display: block;
    font-size: 12px;
    -webkit-margin-before: 2.33em;
    -webkit-margin-after: 2.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-family: 'open_sansregular';
    color: white;
    text-decoration: none;
    }

.cuenta{
   font-family: 'open_sansregular';
    color: white;
    font-size: 12px;
}
.bajada {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin-top: 0.9em;
    }
.footer a {
    font-family: 'open_sansregular';
    color: white;
    font-size: 15px;
text-decoration: none;
}

/*--fin del formulario-------*/

/*-------SLIDER------*/

.main1  {
    width: 100%;
    max-width: 1300px;
    margin: 20px auto;
    overflow: hidden;
   
  
}

.slides {
	width:100%;
 
}
 
.slides img {
	width:100%;
}
 
.slidesjs-pagination {
	background:#424242;
	list-style:none;
	overflow:hidden;
}
 
.slidesjs-pagination li {
    font-family: 'ralewayregular';
	float:left;
}
 
.slidesjs-pagination li a {
	display:block;
	padding:10px 20px;
	color:#ff6f6f;
	text-decoration:none;
}
 
.slidesjs-pagination li a:hover {
	background:#000;
}
 
.slides .active {
	background:#c6c6c6;
}
 
.slidesjs-navigation{
	background:#cccccc;
	color: #666666;
	text-decoration:none;
	display:inline-block;
	padding:13.5px 20px;
	float:right;
      font-family: 'ralewayregular';
}

.slidesjs-navigation li a:hover {
    background:#a5a5a5;}
.slidesjs-navigation li: {
	background:#a5a5a5;
    color: bisque;}









/*-------ACA ARRANCA EL RESPONSIVE CELULARES------*/
                           

@media all and (max-width: 480px){
    
    .container {
        display: block;
        width: 100%;
        padding-left: 0%;
        padding-right: 0%;
        padding-bottom: 0%;
        padding-bottom: 0%;
        margin: 0%;
        align-items: center;
        
    }
    .principal{
        display: none;
    }
    .principal2{
        display: none;
         color: white;
        align-content: center;
      width: 100%;
   margin: 0%;
        border: 0%;
    }
   
    header label {
        display: block;
    }
    
     .icon-menu {
       display: block;
         color: white;
        background:  #3366cc; 
        width: 100%; 
    

      
    }
   
        .menu {
        position:absolute;
        left:0;
        width: 100%;
        transform: translateX(-100%);
        transition: all 0.3s;
       
    }
    
     .menu {
     display: block;
     margin:2% 0%;    
     padding:0%;    
         
       
    }
   
    
    .menu ul {
        
        display:block;
        background: #3366cc;
    }
    
    
    .menu ul li:hover ul {
        display: none;
        position: static;
    }
    
    .menu ul li {
        border-bottom: 1px solid white;}
   
    .menu a span {
        position: absolute;
        right: 5px;
       
    }
    
    #btn-menu:checked ~ .menu{
         transform: translateX(0%);
      
    }
    
    .menu ul ul {
        background: #66cc99;
    }
    
    .menu ul ul a {
        padding: 15px 40px;
    }
  
    
    .logo form {
   display: none;
    }

    .main1 {
   display:none;
    }
    
    .main1 {
   display:none;
    }
   
    .logo{ background: #4972b2;
 
   display:block;
   width: 100%;
   margin: 0%;
        border: 0%;
      
    }
    
    
    .logo img {
   display:block;
        width: 100%;
       padding-left: 2%;
    padding-right: 2%;
    }

hr {display:none; }
   
    .contenedor4 {display: block;
    padding: 0%;
        margin:0%;
        
    }
    .contenedor5 {display: none; }
     .contenedor6 {display: none; }
      .contenedor7 {display: none; }
      .contacto {display: none; }
      .app { display: none; }
  .redes{ display: none; }
.gato{
    width: 100%;
    height: 30%;
   }
 .nuevo1{ display: none; }

.calendario .semana{display: none;}

.calendario .mes {display: block;}


    

div .primera{
    display: flex;
    justify-content: center;
    flex-direction: column; 
    flex-wrap: nowrap;
  
    }

div .segunda{
    display: flex;
    justify-content: center;
    flex-direction: column; 
    flex-wrap: nowrap;
    }

div .tercera{
    display: flex;
    justify-content: center;
    flex-direction: column; 
    flex-wrap: nowrap;
    }

div .cuarta{
    display: flex;
    justify-content: center;
    flex-direction:column; 
    flex-wrap: nowrap;
    }
div .quinta{
    display: flex;
    justify-content: center;
    
    flex-direction: column; 
    flex-wrap: nowrap;
    }
div .dias{
    background-color: #bababa;
    
    flex-direction: column; 
    justify-content: center;
    width: 280px;
    height: 280px;
    margin left: 0px; margin-right: 0px; margin-top: 0px;
}
    .dias{justify-content: center;}
    
.mes{
    justify-content: center;      
    padding-top: 30px; padding-left: 0px; padding-right: 0px;
    width: 100%; 
    color: #ffffff;
    
    }
     #26a{display: none; }

 }


/*-------ACA ARRANCA EL RESPONSIVE CELULARES------*/
                           

@media all and (max-width: 480px){
    
    header label {
        display: block;
    }
    
    .menu {
        position:absolute;
        left:0;
        width: 100%;
        transform: translateX(-100%);
        transition: all 0.3s;
    }
    
    .menu ul {
        
        display:block;
        
    }
    
    .menu ul li:hover ul {
        display: none;
        position: static;
    }
    
    .menu a span {
        position: absolute;
        right: 5px;
    }
    
    #btn-menu:checked ~ .menu{
         transform: translateX(0%);
    }
    
    .menu ul ul {
        background: #66cc99;
    }
    
    .menu ul ul a {
        padding: 15px 40px;
    }
  

}

/*------charlas------*/

.agendacharlas{
    margin-left: 1%;
    font-family: 'ralewayregular';
    font-size: 15px;
    
}


.noticia1charlas{
    
     background:#666666;    
    
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    
    flex-direction: row;
    flex-wrap: wrap;
    
    
    
}


.fotocharlas{
    width: 100%;
    
}

.fotocharlas img{
    width: 100%;
    
}


    
    

.parte1charlas{
    color:white;
    width: 40%;
    margin: 5%;
    
    
    
}

.contenedor1charlas{
    font-size: 28px;
    font-family: 'ralewayregular';
    
}


.parrafo1charlas{
    font-size: 15px;
    margin-right: 15%;
    font-family: 'open_sansregular';
}


.parte2charlas{
    color: yellow;
    width: 40%;
    margin: 5%;
    font-family: 'open_sansregular';
    
}

.contenedor2charlas{
    font-size: 18px;
}

.parrafo2charlas{
    font-size: 60px;
    font-family: 'open_sansregular';
    
    
}

/*------charlasFIN------*/

/*------pasantias------*/


.eventospasantias{
    margin-left: 1%;
    font-family: 'ralewayregular';
    font-size: 15px;
    
}

.noticia1pasantias{
    
    background:#666666;    
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
      
}

.fotopasantias{
    width: 100%;
    
}

.fotopasantias img{
    width: 100%;
    
}

.parte1pasantias{
    color:white;
    width: 40%;
    margin: 5%; 
    
}

.contenedor1pasantias{
    font-size: 28px;
    font-family: 'ralewayregular';
    
}

.parrafo1pasantias{
    font-size: 15px;
    margin-right: 15%;
    font-family: 'open_sansregular';

}

.parte2pasantias{
    color: yellow;
    width: 40%;
    margin: 5%;
    font-family: 'open_sansregular';
    
}

.contenedor2pasantias{
    font-size: 18px;
}

.parrafo2pasantias{
    font-size: 60px;
    font-family: 'open_sansregular';
      
}

/*------pasantiasFIN------*/




/*------CENSO------*/

.agendacenso{
    margin-left: 1%;
    font-family: 'ralewayregular';
    font-size: 15px;
    
}


.noticia1censo{
    
     background:#666666;    
    
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    
    flex-direction: row;
    flex-wrap: wrap;}
    



.fotocenso{
    width: 100%;
    
}

.fotocenso img{
    width: 100%;
    
}


    
    

.parte1censo{
    color:white;
    width: 40%;
    margin: 5%;
    
    
    
}

.contenedor1censo{
    font-size: 28px;
    font-family: 'open_sansregular';
}


.parrafo1censo{
    font-size: 15px;
    margin-right: 15%;
    font-family: 'open_sansregular';
}


.parte2censo{
    color: aqua;
    width: 40%;
    margin: 5%;
    font-family: 'open_sansregular';
    
}

.contenedor2censo{
    font-size: 18px;
}

.parrafo2censo{
    font-size: 50px;
    font-family: 'open_sansregular';
    
    }
.parrafo4censo{
    font-size: 20px;
    font-family: 'open_sansregular';
}

/*--FINCENSO-------*/



/*-------ACA ARRANCA EL RESPONSIVE CHARLAS------*/

@media all and (max-width: 480px){
   
    .container {
        display: block;
       width: 100%;
        padding-left: 0%;
        padding-right: 0%;
        padding-bottom: 0%;
        padding-bottom: 0%;
        margin: 0%;
        align-items: center;
        
    }
    .principal{
        display: none;
    }
    .principal2{
        display: none;
         color: white;
        align-content: center;
      width: 100%;
   margin: 0%;
        border: 0%;
    }
   
    header label {
        display: block;
    }
    
     .icon-menu {
       display: block;
         color: white;
        background:  #3366cc; 
        width: 100%; 
    

      
    }
   
        .menu {
        position:absolute;
        left:0;
        width: 100%;
        transform: translateX(-100%);
        transition: all 0.3s;
       
    }
    
     .menu {
     display: block;
     margin:2% 0%;    
     padding:0%;    
         
       
    }
   
    
    .menu ul {
        
        display:block;
        background: #3366cc;
    }
    
    
    .menu ul li:hover ul {
        display: none;
        position: static;
    }
    
    .menu ul li {
        border-bottom: 1px solid white;}
   
    .menu a span {
        position: absolute;
        right: 5px;
       
    }
    
    #btn-menu:checked ~ .menu{
         transform: translateX(0%);
      
    }
    
    .menu ul ul {
        background: #66cc99;
    }
    
    .menu ul ul a {
        padding: 15px 40px;
    }
  
    .fotocharlas
    
    .logo form {
   display: none;
    }

    .main1 {
   display:none;
    }
    
    .main1 {
   display:none;
    }
   
    .logo{ background: #4972b2;
 
   display:block;
   width: 100%;
   margin: 0%;
        border: 0%;
      
    }
    
    
    .logo img {
   display:block;
        width: 100%;
       padding-left: 2%;
    padding-right: 2%;
    }

hr {display:none; }
    
    
    
.noticia1charlas{
    
     background:#666666;    
    
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    
    flex-direction: row;
    flex-wrap: wrap;
    
    
    
}


.fotocharlas{
    width: 100%;
    
}

.fotocharlas img{
    width: 100%;
    
}


    
    

.parte1charlas{
    color:white;
    width: 80%;
    margin: 5%;
    
    
    
}

.contenedor1charlas{
    font-size: 22px;
    font-family: 'ralewayregular';
    
}


.parrafo1charlas{
    font-size: 12px;
    margin-right: 10%;
    font-family: 'open_sansregular';
}


.parte2charlas{
    color: yellow;
    width: 80%;
    margin: 5%;
    font-family: 'open_sansregular';
    
}

.contenedor2charlas{
    font-size: 18px;
}

.parrafo2charlas{
    font-size: 40px;
    font-family: 'open_sansregular';
    
    
}

    .contacto {display: none; }
      .app { display: none; }
  .redes{ display: none; }

 .nuevo1{ display: none; }
}

/*-------FIN DEL RESPONSIVE CHARLAS------*/

/*-------ACA ARRANCA EL RESPONSIVE DE CENSO------*/

@media all and (max-width: 480px){
   
    .container {
        display: block;
       width: 100%;
        padding-left: 0%;
        padding-right: 0%;
        padding-bottom: 0%;
        padding-bottom: 0%;
        margin: 0%;
        align-items: center;
        
    }
    .principal{
        display: none;
    }
    .principal2{
        display: none;
         color: white;
        align-content: center;
      width: 100%;
   margin: 0%;
        border: 0%;
    }
   
    header label {
        display: block;
    }
    
     .icon-menu {
       display: block;
         color: white;
        background:  #3366cc; 
        width: 100%; 
    

      
    }
   
        .menu {
        position:absolute;
        left:0;
        width: 100%;
        transform: translateX(-100%);
        transition: all 0.3s;
       
    }
    
     .menu {
     display: block;
     margin:2% 0%;    
     padding:0%;    
         
       
    }
   
    
    .menu ul {
        
        display:block;
        background: #3366cc;
    }
    
    
    .menu ul li:hover ul {
        display: none;
        position: static;
    }
    
    .menu ul li {
        border-bottom: 1px solid white;}
   
    .menu a span {
        position: absolute;
        right: 5px;
       
    }
    
    #btn-menu:checked ~ .menu{
         transform: translateX(0%);
      
    }
    
    .menu ul ul {
        background: #66cc99;
    }
    
    .menu ul ul a {
        padding: 15px 40px;
    }
  
    
    .logo form {
   display: none;
    }

    .main1 {
   display:none;
    }
    
    .main1 {
   display:none;
    }
   
    .logo{ background: #4972b2;
 
   display:block;
   width: 100%;
   margin: 0%;
        border: 0%;
      
    }
    
    
    .logo img {
   display:block;
        width: 100%;
       padding-left: 2%;
    padding-right: 2%;
    }

hr {display:none; }
    
    
    .noticia1censo{
    
     background:#666666;    
    
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    
    flex-direction: row;
    flex-wrap: wrap;
  
}


.fotocenso{
    width: 100%;
    
}

.fotocenso img{
    width: 100%;
    
}

.parte1censo{
    color:white;
    width: 80%;
    margin: 5%;
    
    
    
}

.contenedor1censo{
    font-size: 22px;
    font-family: 'open_sansregular';
    
}


.parrafo1censo{
    font-size: 12px;
    margin-right: 10%;
    font-family: 'open_sansregular';
}


.parte2censo{
    color: aqua;
    width: 80%;
    margin: 5%;
    font-family: 'open_sansregular';
    
}

.contenedor2censo{
    font-size: 18px;
    
}

.parrafo2censo{
    font-size: 32px;
    font-family: 'open_sansregular';
    
    
}

    .parrafo4censo{
        font-size: 15px;
        font-family: 'open_sansregular';
    
        
    }
   
    
      .contacto {display: none; }
      .app { display: none; }
  .redes{ display: none; }

 .nuevo1{ display: none; }

    .secion{
        display: block;
        width: 100%;
        align-items: center;
    }
    
    
   

}

/*-------FIN DEL RESPONSIVE CENSO------*/

/*-------arranca DEL formulario------*/
@media all and (max-width: 480px){
    
     div.secion img{
        display: block;
        width: 100%;
        align-content: center;
        padding-left: 200%;
    }

    
}