body { margin: 0px;
    padding: 0px;
    text-align: justify;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: small;
    color: rgb(68, 68, 68);
    background-color: rgb(236,239,241);
    }

          h1 { font-family: Verdana,Helvetica,sans-serif;
          color: rgb(255, 149,63);
          font-weight: bold;
          }

           h2, h3  { font-family: Verdana,Helvetica,sans-serif;
           color: rgb(255, 102, 0);
           text-transform: uppercase;
           font-weight: bold;
           }

           h2 { font-size: 18px;
           }
 
           h4, h5, h6 { font-family: Verdana,Helvetica,sans-serif;
           color: black;
           font-weight: bold;
           display:inline;
           }

           a { font-weight: bold;
           color: rgb(71, 115, 193);
           }

           a:hover { text-decoration: none;
           color: rgb(115, 197, 229);
           }
  
           .tagline { font-size: 16px;
           }
           
   
  #cabecera { margin: 0px auto;
    padding: 20px 0 25px 0;
    width: 970px;
    background-image: url(../img/logoDL150.gif);
    background-position: right center;
    background-color: rgb(0, 102, 204);
    background-repeat: no-repeat;
    }

          #cabecera h1 { margin: 0px;
          padding: 20px;
          }

          #cabecera h2 { margin: 0px;
          font-size: 14px;
          }

  #menu { margin: 0px auto;
    padding: 3px 0px 5px;
    width: 970px;
    background-color: rgb(96, 183, 222);
    }

         #menu ul { margin: 0px;
          padding: 0px;
          }

          #menu li { display: inline;
          }

          #menu li.selected a {background-color: rgb(0, 102, 204);
          }

          #menu a { padding: 5px 15px;
          text-transform: uppercase;
          text-decoration: none;
          font-size: 11px;
          font-weight: bold;
           color: rgb(255, 255, 255);
            }

           #menu a:hover { background-color: rgb(115, 197, 229);
            }
          
      

  #contenido { margin: 0px auto;
    padding: 20px 30px;
    width: 910px;
    
    font-size: small;
    background-color:white;    
    }

          #contenido h2, #content h3, #content h4, #content h5, #content h6 { font-weight: normal;
            }

          #contenido p { line-height: 140%;
           }
 
           #contenido ul, #contenido li { line-height: 140%;
           }

           #contenido li.desglose {font-size:100%;
                     line-height: 140%;
                     margin:10px 8px;
            }

          #contenido li.subapartado {list-style-type:square;
                                          font-size:100%;
           }

    .fieldset {
        position:relative;
        margin: 30px 20px 20px 80px;
        border:2px blue solid; 
        -moz-border-radius: 20px;
        padding:20px 20px 20px 20px;
        width:70%;
        background-repeat: no-repeat;
        background-color: rgb(253,253,253);
         }
  
           .fundamentos {
           background-image: url(../img/computer2.png);
           background-position: 80% 68%;
           }

           .internet {
            background-image: url(../img/mundo_conectado-2.jpg);
            background-position: bottom right;
            }     
    
           .empresa {
            background-image: url(../img/oficina.jpg);
            background-position: right;
            }     
         
      .legend {
          position:absolute; 
          border:0px black solid;
          background-color:white; 
          padding:3px; top:-1em; left:1em;
          font-size:18px;
          font-weight:bold;
          color: rgb(0, 102, 204);
          }

  
  #pie { border-top: 5px solid rgb(96, 183, 222);
    margin: 0px auto;
    clear: both;
    width: 910px;
    font-size: 85%;
    }

         #pie p { margin: 0px;
           padding: 5px 10px 0px 125px;
           color: rgb(71, 115, 193);
         }

  #border-top { border-top: 5px solid rgb(96, 183, 222);
    }