/* CSS Document */
body {
  background-color: rgb(255,245,238);
  background-attachment: fixed;  
  color: black;
  font:  12px/1.5em Arial, Verdana, Helvetica, sans-serif;
}

h1 {
    margin: 20px;
    }

h2 {
    background-color: white;
    color: #000;
    font: bold 14px Verdana, Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px 0px 0px 13px;
}
  /* div que contiene todo el documento */
  #contenedor { 
      background: rgb(251,255,251);
      border: 2px solid #1d2ad2;
      color: black;
      margin: 0 0 30px 50px;
      position: absolute;
      top: 5px;
      width: 900px ; /*90%;*/
  }

  #cabecera {
      background-color: #EFF4FA;
      color: black;
      height: 60px;
      }
      #cabecera img.izq {
          background-color: #EFF4FA;
          color: black;
          float: left;
          margin-left: 45px;
          margin-top: 10px;
          }
      #cabecera img.der {
          background-color: #EFF4FA;
          color: black; 
          float: right;
          margin-top: 10px;
          margin-right: 10px;
          } 

  /* div para las pestañas */
  #tabsI {
      background: #EFF4FA;
      border-bottom: 1px solid #515ce2;
      color: black;
      float: right;
      font-size: 0.9em;
      font-weight: bold;
      line-height: normal;
      width: 100%;
  }
      #tabsI img {
          margin-left: 50px;
          margin-top: 10px;
      }    
      #tabsI ul {
          margin:0;
          padding:10px 10px 0 50px;
          list-style:none;
      }
      #tabsI li {
          display:inline;
          margin: 0;
          padding: 0;
      }
      #tabsI a {
          float:left;
          background:url("./img/tableftI2.gif") no-repeat left top;
          margin: 0px;
          padding: 0px 1px 0px 5px;
          text-decoration:none;
      }
      #tabsI a span {
          background: white url("./img/tabrightI2.gif") no-repeat right top;
          color:#FFF;
          display:block;    
          float:left;
          padding:5px 15px 4px 6px;
      }
      /* Para que funcione en IE y Mac \*/
      #tabsI a span {float:none;}
      /* Fin IE5-Mac */
      #tabsI a:hover span {
          background-color: white;
          color:#FFF;
      }
      #tabsI a:hover {
          background-position:0% -42px;
      }
      #tabsI a:hover span {
          background-position:100% -42px;
      }
      #tabsI a.activo {
          background: url("./img/tableftI2.gif") no-repeat 0% -42px;
          float: left;
          margin: 0;
          padding: 0px 1px 0px 5px;
          text-decoration:none;
      }
      #tabsI a.activo span {
      background: white url("./img/tabrightI2.gif") no-repeat 100% -42px;
      color:#FFF;
      display:block;
      float:left;
      padding:5px 15px 4px 6px;
      
      }

 /* texto que va en la barra azul debajo de las pestañas y al final de la página*/
 div.opciones {
     background: #EFF4FA url("./img/opcionesBorde.jpg") repeat-x top;
     color: white;
     float: right;
     font-size: 0.8em;
     font-family: "Trebuchet MS", verdana, sans-serif;
     font-weight: bold;
     width: 100%;
     }
     div.opciones span {    
         color: white;
         float: left;
         padding-left: 1em;
         }
     div.opciones ul {
         padding: 0.1px 10px 0.1px 5px;
         margin: 0px 0px 0px 0px;
         list-style: none;
         }
     div.opciones li {
         display: inline;
         }
     div.opciones a {
         color: white;
         float: right;
         margin-top: 0px;
         padding: 0.1px 5px 0.1px 5px;
         text-decoration: none;
         }
         div.opciones a.final {
             border-right: none;
             }
     div.opciones li a img {
         border: none;
         margin-top: 3px;
         margin-bottom: 3px;
         }        
     div.opciones a:visited {
         color: white;
         }
     div.opciones a:hover {
         text-decoration: underline;
         }
     /* Commented Backslash Hack hides rule from IE5-Mac \*/
     div.opciones a {float: right;}
     /* End IE5-Mac hack */

  /* parte que hay debajo de las pesta�s */
  #contenidos {
      background-color: rgb(251,255,251);
      font-family: arial, verdana, sans-serif;
      color: rgb(102,153,102);
      }


  /* columna izquierda*/
  #colIzquierda {
      float:left;
      width: 60%;
      /* el ancho de esta columna tiene que ser 69% para que IE muestre las dos columnas a la vez */
      }

  div.bloqueIz {
    float: left;
    }
    div.bloqueIz h2 {
    background-color: white; 
    border-bottom: 1px solid rgb(220,220,220);
    color: green;
    font-family: tahoma, arial, sans-serif;
    font-weight: lighter;
    padding: 1em 0.5em 0.5em;
    margin-left: 1em;
    margin-right: 1em;
    }

      div.bloqueITexto {
        padding: 0.5em;
        padding-left: 1em;
        text-align: justify;
        }
        div.bloqueITexto h2 {
          color: green;
          font-family: tahoma, arial, sans-serif;
          font-weight: lighter;
          border-bottom: 1px solid rgb(220,220,220);
          padding: 0em;
          }
        div.bloqueITexto p{
          color: rgb(74,74,74);
          font-size: 1.1em;
          text-indent: 1em;
          padding: 0.5em 1.5em 0.5em 1em;
          }
        div.bloqueITexto a:link {
            color: #f48417;
            text-decoration: none;
            }  
        div.bloqueITexto a:visited {
            color: #f59232;
            text-decoration: none;
            }
        div.bloqueITexto a:hover {
            color: #FFA500; /* naranja */
            text-decoration: underline;
            }
       
       div.bloqueITexto ul.lista {
           margin-right: 1.5em;
           }
       
        div.bloqueITexto ul.lista li {
            color: rgb(74,74,74);
            list-style-type: disc;
            list-style-image: url('./img/lista.jpg');
            }    
      
      div.formularioCorreo {   /* para el bloque de envio de correo electronico*/
          border: 1px solid #FFA500; /* naranja */
          background: #FFFCEF url("./img/arroba.jpg") no-repeat top right;
          margin: 1em;
          padding: 1em;
          }       
          div.formularioCorreo p {
              color: rgb(74,74,74);
              font-size: 1.1em;
              margin: 0em;
              padding: 0.5em 1.5em 0.5em 1em;
              text-indent: 0em;
              }
              
      #correo { /*estilo para las páginas de respuesta del correo */
          border: 1px solid #FFA500; /* naranja */
          background: #FFFCEF;
          margin: 1em;
          padding: 1em;
          }        
      
      #direccion {   /* para el bloque de direccion del contacto*/
          border: 1px solid #FFA500; /*naranja*/
          background: #FFFCEF url("./img/casa.jpg") no-repeat center right;
          margin: 1em;
          padding: 1em;
          
          }      
          #direccion p {
              color: rgb(74,74,74);
              font-size: 1.1em;
              margin: 0em;
              padding: 0.5em 1.5em 0.5em 1em;
              text-indent: 0em;
              }    
          
      #telefono {  /* para el bloque del teléfono en contacto*/
          border: 1px solid #FFA500; /* naranja */
          background: #FFFCEF url("./img/tel.jpg") no-repeat center right;
          margin: 1em;
          padding: 1em;
          }
          #telefono p {
              color: rgb(74,74,74);
              font-size: 1.1em;
              margin: 0em;
              padding: 0.5em 1.5em 0.5em 1em;
              text-indent: 0em;
              }

     div.bloqueITexto.formulario {
          border: 1px solid #FFA500; /*naranja*/
          background-color: #FFFCEF;
          margin: 1em;
          padding: 1em;
          }
          div.bloqueITexto p {
              color: rgb(74,74,74);
              font-size: 1.1em;
              margin: 0em;
              padding: 0.5em 1.5em 0.5em 1em;
              text-indent: 0em;
              }        

      #bloqueIImagen {
        float: left;
        padding: 1em;
        }
        
        div.bloqueITexto img.der {
            float: right;
            padding: 1em 1.5em 1em 2em;
            margin-left: 15px;
            margin-right: 15px;
            }
        div.bloqueITexto img.izq {
            float: left;
            margin-right: 15px;
            padding: 1em;
            }
            
     /* Commented Backslash Hack hides rule from IE5-Mac \*/
     div.bloqueITexto img.der {float: right;}
     /* End IE5-Mac hack */

   /* columna de la derecha */
  #colDerecha {
    float: right;
    width: 38%;
    }

    /* cada uno de los bloques que forman la columna derecha */
    div.bloqueD {
      padding: 1em;
      text-align: right;
      }
      div.bloqueD h2 {  
        background: rgb(251,255,251) url("./img/izqH2Span.gif") repeat-x top left;
        color: white;
        font-weight: lighter;
        padding: 0em 3em 0.1em 0em;
        text-align: left;
        }
      div.bloqueD h2 span {
        background: url("./img/izqH2.gif") no-repeat top left;
        padding: 0em 2em 0.1em 1em; 
        width: 100%;
        }
      div.bloqueD p{
        border: 1px solid rgb(51,167,69);
        color: rgb(74,74,74);
        text-indent: 1em;
        padding: 0.1em 2em;
        margin-top: 3px;
        }

      div.bloqueD form.quickSearch {
        border: 1px solid rgb(51,167,69);
        background: #E3F5E3 url('./img/lupa.jpg') no-repeat center left;
        color: rgb(74,74,74);
        font-size: 13px;
        margin-top: 3px;
        padding: 0.5em 2em;
        text-indent: 1em;
        text-align: right;
        }
        
        div.bloqueD form.quicksearch input {
            color: rgb(74,74,74);
            margin: 3px;
            }
            
     div.bloqueD .informacion {
        border: 1px solid rgb(51,167,69);
        background: #E3F5E3 no-repeat center left;
        color: rgb(74,74,74);
        font-size: 13px;
        margin-top: 3px;
        padding: 0.5em 2em;
        text-indent: 1em;
        text-align: justify;
        }
        
     div.bloqueD div.informacion a:link {
        color: #f48417;
        text-decoration: none;
        }  
    div.bloqueD div.informacion a:visited {
        color: #f59232;
        text-decoration: none;
        }
    div.bloqueD div.informacion a:hover {
        color: #FFA500; /* naranja */
        text-decoration: underline;
        }   
     
     div.bloqueD form.promocion {
        border: 1px solid rgb(51,167,69);
        background-color: #E3F5E3; 
        /*background:  url('./img/lupa.jpg') no-repeat center left;*/
        color: rgb(74,74,74);
        font-size: 13px;
        margin-top: 3px;
        padding: 0.5em 2em;
        text-indent: 1em;
        text-align: right;
        }
        
        div.bloqueD form.promocion input {
            color: rgb(74,74,74);
            margin: 3px;
            }       
            
    table.lista {
        font: 12px arial, helvetica, sans-serif;
        margin-bottom: px;
        }        

    table.lista th {
        background-color: rgb(51,167,69);
        color: white;
        font:  13px Arial, Helvetica, sans-serif;
        font-weight: bold;
        }
        
    table.lista tr:hover {
        background-color: #FCC700;
        }
        
    table.lista tr.par:hover {
            background-color: #FCC700;
        }
    table.lista tr.par {
        background-color: #F8F2D9;
        }
    
    
    table.correo td {
        color: rgb(74,74,74);
        font-size: 12px;
        }

 form.busquedaAvanzada {
     border: 1px solid #FFA500; /*naranja*/
     /*background-color: #FFFCEF;*/
     background: #FFFCEF url("./img/lupa2.jpg") no-repeat top left;
     margin: 1em;
     padding: 1em; 
     }     
     form.busquedaAvanzada p {
         color: rgb(74,74,74);
          font-size: 1.1em;
          margin: 0em;
          padding: 0.5em 1.5em 0.5em 1em;
          text-indent: 0em;
          }
     form.busquedaAvanzada table {
         font:  11px/1.5em Verdana, Arial, Helvetica, sans-serif;
         color:rgb(74, 74, 74);
         }    
     
     form.busquedaAvanzada input {
         font:  11px/1.5em Verdana, Arial, Helvetica, sans-serif;
         color: rgb(74, 74, 74)
         }
     
 div.separaciones {
     padding-bottom: 5px;
     text-align: justify;
     }    
 div.separaciones a:link {
     color: #f48417;
     font:  10px/1.5em Verdana, Arial, Helvetica, sans-serif;
     text-decoration: none;
     text-align: left;
     }
  div.separaciones a:hover {
     text-decoration: underline;
     }
  /*  
     div.separaciones.impar a:visited {
         text-decoration: underline;
         } */    
   /*  div.separaciones.par a {
         background-color: #F8F2D9;/*#F8F2D9;
         }
     div.separaciones.par a:hover {
         background-color: #FCC700;
         text-decoration: underline;
         }*/
     /*div.separaciones.par a:visited {
         text-decoration: underline;
         }        
     div.separaciones.impar a{
         background-color: white;
         }
       */  
 span.resultados {
     text-align: right;
     padding-left: 10px;
 }