* { /*para borrar los margenes del navegador*/
	margin: 0;
	padding: 0;
  }
  body{
  	    background: #FFFFFA;
      }
 header{
 	width: 100%; /*Para que ocupe todo el ancho de la pantalla*/
   }
 header nav {  /*Es la barra del menú*/
 	width: 90%;
 	max-width: 1000px;
 	margin: 2px auto;
 	background: rgb(118, 118, 146); /*Color de la barra del menú*/
  border-radius:15px;	/*Redondea las esquinas*/
  z-index: 1; /* codigo para que la imagen se ubique al fondo,si es 1 va adelante*/
 }
 .menu_bar{ 
 	display: none; /*Para quitar que no se vean las tres rayitas*/
 }

 header nav ul{ /*Esto se pone para separa el MENÚ del section*/
 	overflow: hidden;  /* Si no esta todo junto sin espacios */
 	list-style: none; /*Quita los puntitos del menú*/
 }

 header nav ul li { /*Formato general al menú*/
   float: left; /* Para que se ponga en forma Horizontal */
 }

 header nav ul li a{ /*Le da el formato al cuadro del menú y a las letras*/
 	color: rgb(14, 13, 13); /*Color de la letra del menú*/
 	padding:8px; /*espacio arriba, abajo y de los lados*/
 	display: block; /*Es para que funcione el padding arriba y abajo sino solo funciona de los lados*/
 	text-decoration: none; /*ninguna decoración*/
 	/*Aqui se puede agregar una fuente diferente si querés*/
   z-index: 0; /* codigo para que la imagen se ubique al fondo similar a atras de la página, si es 1 va adelante los negativos van atras*/
 }
 header nav ul li span { /*sapn realiza un llamado a los iconos*/
     margin-right: 10px; /*Separa un poco los inconos de las letras*/
 }

 header nav ul li a:hover { /*Para que al pasar el Mouse*/
    background: #037E8C; /*cambia el color a medida que pasa la manito*/
 }

   section { /* Algo así como los margenes de Word */
     padding: 20px; /* el contendio tenga un espacio de 20 px a los costados */
   }
  /*Agregado por Mí...*/
  #encabezado{
              width:100%;
              height:110px; /*Altura*/
              background: -webkit-linear-gradient(#006,#999);/*para pintar en degrado EN LINEAL*/
              border-radius:15px; /*Redondea las esquinas*/
            }
   h1{ /*titulo:  Escuela C.G.T. */
        font-size:40px;  /*tamaño de la letra, pixeles*/
        color:white;
        text-align: center;  /*centra un título*/
        font-family: 'Pacifico', cursive;
        font-family: 'Kaushan Script', cursive; /*Google form*/
     }
  /*Fin Agregado por Mí...*/
  h3{
    font-size: 20px;
    color: rgb(11, 250, 31);
    text-align: center;
    } 
  aside {   /* PUBLICIDAD ; */
    /* width:30%;  70+30 da el 100% de la pantalla */
      background: -webkit-radial-gradient(#ff8000,#006);/*para pintar en degrado en RADIAL*/
      /*float:left;  para que la publicidad se valla a la derecha */
      padding:20px;  /*agrega espacios en la publicidad*/
      box-sizing:border-box;  /* para que se valla a la derecha luego de agregar espacios */
      border-radius: 25px 25px 0px 0px;  /*solo se redondean los bordes superioriores*/
      position: absolute; /*Para que no se mueva culpa del menu*/
      top: 40%;
      left: 50%; 
        }
  
      p{
        color: #fff;
        position: absolute;
        top: 17%;
        left: 11%;
        font-size: 20px;
      }
  /*---------------------------------RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE ------*/

 @media(max-width: 800px){ /*Para hacer RESPONSIVE como yo ya sabia*/
     header nav {  /*Es la barra del menú*/
 	    width: 80%; /*ancho_para que se pueda ver un poco la otra parte*/
 	    height: 100%; /*altura*/
 	    left:-100%; /*Desaparece el menú para que vuelva con un clic de javascript*/
 	    margin: 0px;
 	    position: fixed; /*Se mantiene en ese lugar por mas que se haga Scroll*/
       border-radius:0px;	/*Redondea las esquinas*/
 	             }
       header nav ul li { /*Formato general al menú*/
       	 display: block; /*Abarca todo lo que pueda de ancho*/
         float: none; /* que NO este en Horizontal */
         border-bottom:1px rgba( 255, 255, 255, .3); /* .3 es la opacidad */
                        }
         .menu_bar{ /* las tres rayitas */
        	display: block; /*Para esten visibles las tres rayitas*/
        	width: 100%;
        	background: #ccc; /*gris claro*/
            }
          .menu_bar .bt-menu{ /*Accede a la otra clase del menu de los 3 puntitos*/
             display: block; /*Para que abarque un 100%*/
             padding: 20px; /*Deja un margen */
             background: #024959; /*para poner el mismo color que la barra*/
             color: #fff; /*color blanco para el texto*/
             text-decoration: none;
             font-weight: bold; /*Fuente bold*/
             font-size: 25px; /*Tamaño fuente*/
             -webkit-box-sizing:border-box; /*Adaptable a otro navegador*/
             -moz-box-sizing:border-box;  /*Adaptable a otro navegador*/
             box-sizing: border-box; /*Adaptable a otro navegador*/
           }
           .menu_bar span { /*Estan dentro de un span las tres rayitas*/
              float: right;    /*lleva las tres rayitas al otro lado*/
              font-size: 40px; /*lleva las tres rayitas al otro lado*/
           }
           /*Agregado por mí lo de abajo*/
           h1 { /*titulo:  Escuela C.G.T. */
                font-size:20px;  /*tamaño de la letra, pixeles*/
             }
        #encabezado{
                height:70px;	/*Altura*/
                   }
                   header nav {  /*Es la barra del menú*/
                    margin: 2px auto;
                    background: #024959; /*Color de la barra del menú*/
                              }
                  header nav ul li a{ /*Le da el formato al cuadro del menú y a las letras*/
                                color: rgb(252, 252, 252); /*Color de la letra del menú*/
                                      }
                   /*Cartelera*/
           aside {   /* PUBLICIDAD ; */
          /* width:30%;  70+30 da el 100% de la pantalla */
                background: -webkit-radial-gradient(#ff8000,#006);/*para pintar en degrado en RADIAL*/
                /*width: 90%;   ancho del contenedor */
                /*float:left;  para que la publicidad se valla a la derecha */
                padding:5px;  /*agrega espacios en la publicidad*/
                box-sizing:border-box;  /* para que se valla a la derecha luego de agregar espacios */
               border-radius: 25px 25px 0px 0px;  /*solo se redondean los bordes superioriores*/
            position: absolute; /*Para que no se mueva culpa del menu*/
            top: 85%;
            left: 1%; 
            }

            img {
              max-width: 100%;
              max-height: 100%;
                }

            .imagcart{ /*imagen que esta dentro de la cartelera*/
             width: 100%;
            }
            p{
              width: 80%;
              position: absolute;
              top: 18%;
              left: 11.5%;
              font-size: 20px;
            }
        h1{ /*titulo:  Escuela C.G.T. */
        font-size:17px; 
        }
                        
    }