body {
           font: 24px Helvetica;
           background: #999999;
          }

          #mainHeader {
           display: block;
           margin: 4px;
           padding: 5px;
           min-height: 100px;
           border: 1px solid #000000;
           border-radius: 7pt;
           background: #000000;
           color: #4bbf2e;
           display: -webkit-flex;               /*hace que el contenido de mainHeader sea flex */
           display:         flex;
           -webkit-flex-flow: row;
                   flex-flow: row;
            align-items:center;
           }

          #mainHeader > #mainLogo {
            
            margin-left: 10px;
            margin-bottom: 10px;
            padding: 10px;
            margin-top: 10px;
            -webkit-flex: 1 0 auto;            /*Esto determina las propiedades flex de los child de mainHeader */
                   flex: 1 0 auto;
            -webkit-order: 1;
                   order: 1;
            border-radius: 25pt;
            

           }
           
           #mainHeader > #Titulo_cabecera {
            -webkit-flex: 3 5 80%;            /*Esto determina las propiedades flex de los child de mainHeader */
                   flex: 3 5 80%;
           -webkit-order: 2;
                   order: 2;


           } 


          #main {
            clear:both;
           min-height: 800px;
           margin: 0px;
           padding: 0px;
           display: -webkit-flex;
           display:         flex;
           -webkit-flex-flow: row;
                   flex-flow: row;
           }


         
          #main > section {
           margin: 4px;
           padding: 5px;
           border: 1px solid #cccc33;
           border-radius: 7pt;
           background: #666;
           -webkit-flex: 3 1 60%;            /*Esto determina las propiedades flex dentro de main*/
                   flex: 3 1 60%;
           -webkit-order: 2;
                   order: 2;
           display: -webkit-flex;
           display:         flex;           /*Esto hace que los child de este (headerInt, article y footerInt) sean flex*/
           -webkit-flex-flow: column;
                   flex-flow: column;
           }
          
          #main > nav {
           margin: 4px;
           padding: 5px;
           /*border: 1px solid #8888bb;
           border-radius: 7pt;*/
           background: #999999;
           -webkit-flex: 1 6 20%;
                   flex: 1 6 20%;
           -webkit-order: 1;
                   order: 1;
           }

           #main > nav > ul{
            list-style-type: none;
            margin: 0px;
            padding: 0px;
            
           }

           #main > nav > ul > li > a {
            font-family: Arial, Helvetica, sans-serif;
            color: #4bbf2e;
            text-decoration: none;
            font-size: 0.9em;
            display: block;
            padding: 6px;
            border: 1px solid #4bbf2e;
            border-radius: 7pt;
            background-color: #666;
           }

           #main > nav > ul > li > a:hover  {
            color: #4bbf2e;
            background-color: #000000;
            border-bottom-width: 7px;
            border-bottom-style: solid;
            border-bottom-color: #4bbf2e;
            font-weight: bold;
           }

          
          #main > aside {
           margin: 4px;
           padding: 5px;
           border: 1px solid #8888bb;
           border-radius: 7pt;
           background: #ccccff;
           -webkit-flex: 1 6 20%;
                   flex: 1 6 20%;
           -webkit-order: 3;
                   order: 3;
           }



           footer {
            display: block;
            margin: 4px;
            padding: 5px;
            min-height: 100px;
            border: 1px solid #4bbf2e;
            border-radius: 7pt;
            background: #999999;
            font-size: 12px;
            color: #000000;
            text-align: center;
           }

           #main > section > #headerInt {
             margin: 4px;
        	   padding: 5px;
        	   border: 1px solid #4bbf2e;
        	   border-radius: 7pt;
        	   background: #ccccff;
        	   -webkit-flex: 1 6 20%;
        	           flex: 1 6 20%;
        	   -webkit-order: 1;
        	           order: 1;
        	    background-image: url("img/Circuito impreso web.jpg");
              background-size:cover;
              display: -webkit-flex;
              display:         flex;
              -webkit-flex-flow: row;
                   flex-flow: row;
              
           }


           #main > section > #headerInt > div {
              margin: auto;
              text-align: center;
              -webkit-flex: 1 1 100%;
                     flex: 1 1 100%;
              -webkit-order: 1;
                     order: 1; 


           }

           #main > section > #headerInt > div > img {
              border: 1px solid #4bbf2e;
              border-radius: 7pt;
              margin: auto;
              
           }

           #main > section > article {
            margin: 4px;
        	  padding: 5px;
        	  border: 1px solid #cccc33;
        	  border-radius: 7pt;
        	  background: #58D3F7;
        	  -webkit-flex: 3 1 60%;
        	          flex: 3 1 60%;
        	  -webkit-order: 2;
        	          order: 2;

           }


           #main > section > #galeria {
              padding: 2px;
              display: -webkit-flex;
              display:         flex;
              -webkit-flex-flow: row wrap;
                   flex-flow: row wrap;
           }


           #main > section > #galeria > div {
              
              margin: 4px;
              padding: 5px;
              vertical-align: center;

           }

           #main > section > #footerInt {
              font-size: 10 px
              display: block;
              margin: 4px;
          	  padding: 5px;
              min-height: 100px;
        	    border: 1px solid #eebb55;
              border-radius: 7pt;
        	    background: #F5F5F5;
        	   -webkit-flex: 1 6 20%;
        	           flex: 1 6 20%;
        	   -webkit-order: 3;
        	           order: 3;
        	    
           }