/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

  #contenedor { margin: 0px auto;
    background-color: rgb(255, 223, 185);
    width: 800px;
    text-align: center;
    z-index: 2;
    }

  body { font-family: Arial,Helvetica,sans-serif;
    font-size: medium;
    background-color: rgb(0, 0, 0);
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    text-align: center ! important;
    background-image:url('fondo.png');
    background-position: 50% 50%;
    background-repeat: no-repeat
    }

  #encabezado { background-color: rgb(255, 255, 255);
    background-color: rgb(0, 0, 0);
    background-image: url('logo.png');
    height: 90px;
    width: 800px
    }

  #menu { width: 800px;
    background-image: url('panel_naranja.png');
    background-repeat: repeat-x;
    height: 61px
    }

  #izquierda { border-right: 2px solid rgb(51, 102, 255);
    padding: 20px 0px 0px 20px;
    background-color: rgb(255, 255, 255);
    float: left;
    width: 170px;
    clear: both;
    height: 580px;
    }

  #abajo { border-style: dotted;
    border-width: 1px;
    background-color: rgb(255, 255, 255);
    }

  #centro { height: 600px;
    background-color: rgb(255, 223, 185);
    margin-left: 0px;
    width: 800px;
    }

  ul#navegacion li { color: rgb(255, 255, 255);
    background-repeat: no-repeat;
    font-weight: bold;
    text-decoration: none;
    float: left;
    width: 100px;
    height: 61px;
    background-image: url('boton_naranja.png');
    font-family: Arial,Helvetica,sans-serif;
    line-height: 58px;
    margin-left: 2px;
    font-size: 14px
    }

  ul#navegacion { list-style-type: none;
    background-repeat: repeat-x;
    height: 61px;
    width: 620px;
    margin-top: 0px;
    margin-left: 40px;
    float: none;
    }

  .boton_navegacion { color: rgb(255, 255, 255);
    font-weight: bold;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    width: 100px;
    margin-left: 0px;
    height: 61px;
    font-size: 14px;
    }

  ul#navegacion li a:hover { background-repeat: no-repeat;
    width: 100px;
    float: left;
    margin-left: 0px;
    background-image: url('boton_azul.png');
    height: 61px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: rgb(255, 255, 0)
    }

  .boton_seleccionado { background-repeat: no-repeat;
    width: 100px;
    float: left;
    color: rgb(255, 255, 255);
    font-weight: bold;
    margin-left: 0px;
    background-image: url('boton_gris.png');
    height: 61px;
    text-decoration: none;
    font-size: 14px
    }

  ul#listafotos { list-style-type: none;
    color: rgb(0, 0, 0);
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
    font-size: small;
    display: inline;
    }

  ul#listafotos li { border-style: solid;
    border-width: 1px;
    border-right: 1px solid rgb(165, 167, 170);
    border-bottom: 1px solid rgb(165, 167, 170);
    margin-left: 11px;
    margin-top: 10px;
    width: 250px;
    float: left;
    height: 189px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: small;
    text-align: center;
    line-height: 15px;
    background-color: rgb(255, 255, 255);
    display: block;
    }

  ul#listafotos li a:hover { border: 2px solid rgb(51, 51, 255);
    width: 250px;
    height: 189px;
    display: block;
    margin-top: -1px;
    margin-left: -1px;
    }


  ul#botones { 
    display: block;
    float: left;
    margin-left: 100px;
    margin-top: 20px;
    height: 70px; 
    }
 
  ul#botones li {
    float: left; 
    display: block;
    margin-left: 70px;
    }

  #fondo {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    background-image: url('fondo.png');
    width: 867px;
    height: 100px;
    z-index: 1
    }

  #downloaddemo {
    background-image: url('downloaddemo.png');
    width: 200px;
    height: 70px;
    display: block
    }

  a#downloaddemo {
    background-image: url('downloaddemo2.png');
    width: 200px;
    height: 70px;
    display: block
    }

  a#downloaddemo: hover {
    background-image: url('downloaddemo2.png');
    width: 200px;
    height: 70px;
    display: block
    }


  #downloaddemo hover {
    background-image: url('downloaddemo2.png');
    width: 200px;
    height: 70px;
    display: block
    }

  #downloaddemo focus {
    background-image: url('downloaddemo2.png');
    width: 200px;
    height: 70px;
    display: block
    }

  #downloaddemo a:hover {
    background-image: url('downloaddemo2.png');
    width: 200px;
    height: 70px;
    display: block
    }

  #downloaddemo a:focus {
    background-image: url('downloaddemo2.png');
    width: 200px;
    height: 70px;
    display: block
    }
  }