/* general */
body {
       position: relative;
       width: 750px;
       margin: auto;
       text-align: center;
       padding: 0;
       border: 0;
       background-color: #fff;
       color: #000;
       }

#home, #secundaria { 
                     border: 2px solid #b6d3e2;
                     }

/* para que los navegadores modernos no sigan el text-align: center */
div[id] { 
          text-align: left;
          }

/* cabeceras */
#home #cabecera {
                 width: 750px;
                 height: 257px;
                 margin: 0;
                 background-image: url('../imgs/backgrd_home.jpg');
                 background-repeat: no-repeat;
                 }

#secundaria #cabecera {
            width: 750px;
            height: 214px;
            margin: 0;
            background-image: url('../imgs/backgrd_interiores.gif');
            background-repeat: no-repeat;
            }

/* pie */

#pie {
       height: 25px;
       background-color: #e7f1f6;
       color: #000;
       clear: both;
       text-align: left;
       margin-bottom: 0;
       }

#pie ul { 
          margin: 10px 0 7px 10px;
          }
#pie ul li {
             display: inline;
             }

#pie ul li a { 
               color: #08557a;
               font-family: Arial,Helvetica;
               font-size: 0.7em;
               }

#pie ul li a:hover { 
                     color: #ff9c00;
                     }

#secundaria #pie { 
                   text-align: center;
                   }

/* contenedor específico de la home */
#home { 
        width: 750px;
        padding: 0;
        margin: 0;
        background-color: #e7f1f6;
        }

/* contenedor específico de las páginas secundarias */
#secundaria { 
              width: 750px;
        padding: 0;
        margin: 0;
        background-color: #fff;
        }

/* contenido - en todas las páginas */
#contenido {
             clear: both;
             color: #0582C1;
             font-family: Verdana;
             font-size: 0.8em;
             text-align: left;
             }

#secundaria #contenido { 
                         margin-top: -100px;
                         padding-top: 0;
                         padding-left: 1em;
                         }

#contenido h1 { 
                clear: both;
                font-size: 1.2em;
                color: #006699;
                }

#contenido h2 { 
                clear: both;
                font-size: 1em;
                color: #006699;
                }
#contenido h3 { 
                clear: both;
                font-size: 0.95em;
                color: #006699;
                }
#contenido h4 { 
                clear: both;
                font-size: 0.9em;
                color: #006699;
                }

#contenido p { 
               clear: both;
               }

#contenido a { 
              color: #08557a;
              text-decoration: none;
              }


#contenido a:hover { 
                    color: #ff9c00;
                    text-decoration: none;
                    }



/* presentacion: contenido principal de la home */
#presentacion { 
                float: left;
                width: 500px;
                text-align: left;
                }


#presentacion p { 
                  padding: 1em 0 1em 1em;
                  border-bottom: 1px dotted #ffbc00;
                  background-image: url('../imgs/cuadrado.gif');
                  background-repeat: no-repeat;
                  background-position: 1.1em 1.5em;
                  text-indent: 1em;
                  }

div[id] #presentacion p { 
                          padding-top: 0; 
                          background-position: 1.1em 0.5em;
                          }

#presentacion p strong { 
                         font-weight: bold;
                         }


/* destacados: en la home */

#destacados { 
              padding: 0;
              margin: 1em 0 0 0;
              width: 200px;
              float: right;
              border-bottom: 1px dotted #ff9c00;
              text-align: left;
              }

#destacados h1 { 
                 margin: 1em 0 2px 0;
                 font-family: Arial;
                 padding: 0.2em 0 0.2em 1em;
                 font-size: 1em;
                 color: #3384ad;
                 background-color: #b6d3e2;
                 font-weight: normal;
                 }

#destacados ul { 
                 background-color: #b6d3e2;
                 margin: 0;
                 }

#destacados ul li {  
                    font-family: Arial;
                    color: #3384ad;
                    padding: 1em 2em 1em 1em;
                    }

div[id] #destacados ul li { 
                            padding-left: 0;
                            }
#destacados ul li a {  
                      font-size: 0.9em;
                      font-family: Arial;
                      color: #3384ad;
                      padding: 1em 2em 1em 0;
                      text-decoration: none;
                      }
#destacados ul li a:hover {  
                            color: #ff9c00;
                            text-decoration: none;
                            }

#destacados .bullet {
                      color: #ff9c00;
                      padding: 0;
                      font-weight: bold;
                      }

/* contacto: en la home */

#contacto   {
              background-color: #b6d3e2;
              font-family: Arial;
              color: #3384ad;
              width: 200px;
              float: right;
              margin-top: 0px;
              padding-left: 0em;
              border-bottom: 1px dotted #ff9c00;
              text-align: left;
              }

#contacto a { 
              font-size: 0.8em;
              color: #08557a;
              padding: 1em 0 1em 1em;
              text-decoration: none;
              font-weight: bold;
              }


#contacto a:hover { 
                    font-size: 0.8em;
                    color: #ff9c00;
                    padding-left: 1em;
                    text-decoration: none;
                    font-weight: bold;
                    }

#contacto .bullet {
                    color: #ff9c00;
                    margin: 0 -10px 0 10px;
                    padding: 0;
                    font-weight: bold;
                    }
/* formulario: buscador */
#buscador { 
            border-top: 1px dotted #000;
            border-bottom: 1px dotted #000;
            margin: 0;
            padding: 0;
            width: 200px;
            height: 20px;
            background-color: #FF9C00;
            float: left;
            }

#secundaria #buscador { 
                        margin-top: -165px;
                        height: 16px;
                        float: right;
                        }

#secundaria div[id=buscador] { 
                                      margin-top: -168px !important;
                                      height: 20px !important;
                                      }


#buscador form input.input {
                             float: left;
                             border: 1px solid #aaa;
                             background-color: #e7f1f6;
                             width: 120px;
                             height: 11px;
                             margin: 2px 0 0 0;
                             padding: 0;
                             font-family: Verdana;
                             font-size: 10px;
                             }

#buscador form input.image {
                             float: left;
                             margin: 1px 0 0 2px;
}

/* navegacion */
/* menú principal */
#menu_principal {
                  border-top: 1px dotted #000;
                  border-bottom: 1px dotted #000;
                  width: 550px;
                  float: left;
                  margin: 0;
                  padding: 0;
                  height: 20px;
                  font-size: 10pt;
                  font-family: Arial;
                  color: #FFF;
                  background-color: #FF9C00;
                  text-align: left;
                  }

#secundaria #menu_principal { 
                              margin-top: -165px;
                              height: 16px;
                              }

#secundaria div[id=menu_principal] { 
                                      margin-top: -168px !important;
                                      height: 20px !important;
                                      }


#menu_principal ul {
                     border: 0;
                     width: 100%;
                     padding: 0;
                     margin: 0;
                     }

#menu_principal ul li {
                        padding: 1px 2px 8px 2px;
                        display: inline;
                        }

#menu_principal ul li a {
                          margin: 0;
                          padding: 0;
                          color: #FFF;
                          text-decoration: none;
                          }

#menu_principal ul li a:hover {
                                color: #3486AE;
                                text-decoration: none;
                                }

#menu_principal ul li.activo  {
                                background-color: #6AA6C6;
                                color: #FFF;
                                text-decoration: none;
                                }

#menu_principal ul li.activo a:hover {
                                        color: #3486AE;
                                        text-decoration: none;
                                        }

/* submenú */
#submenu {
           clear: both;
           float: left;
           height: 20px;
           width: 740px;
           padding-left: 2px;
           margin-left: 0;
           font-size: 10pt;
           font-family: Arial;
           color: #fff;
           text-align: left;
           }

#secundaria #submenu { 
                       margin-top: -140px;
                       padding: 0;
                       }

#submenu ul {
              padding-left: 1px;
              margin: 0 0 auto 0;
              padding: 0;
              height: 20px;
              }

#submenu ul li { 
                 height: 20px;
                 margin: 0 auto 0 auto;
                 padding-left: 0;
                 display: inline;
                 list-style-type: none;
                 }

#submenu ul li a { 
                   height: 20px;
                   color: #fff;
                   text-decoration: none;
                   }

#submenu ul li a:hover { 
                         color: #ffbc00;
                         text-decoration: none;
                         }

/* breadcrumbs */

#breadcrumbs {
               margin-top: 0px;
               clear: both;
               width: 60%;
               float: left;
               font-family: Arial;
               font-size: 9pt;
               color: #006699;
               border-bottom: 1px dotted #6aa6c6;
               margin-bottom: 8em;
               }

div[id] #breadcrumbs { 
                       margin-top: -100px;
                       margin-bottom: 0;
                       }

#breadcrumbs ul { 
                  float: right;
                  width: auto;
                  margin-right: 0;
                  padding-bottom: 0;
                  padding-right: 0;
                  margin-bottom: 0;
                  }

#breadcrumbs ul li { 
                     display: inline;
                     }

#breadcrumbs ul li.actual { 
                            font-size: 11pt;
                            }

#breadcrumbs ul li a {    
                       color: #6aa6c6;
                       text-decoration: none;
                       }

#breadcrumbs ul li a:hover { 
                             color: #006699;
                             text-decoration: none;
                             }

/* mapa */
#mapa .nivel1 { 
                margin: 0 0 0 20px;
                }
#mapa .nivel2 { 
                margin: 0 0 0 60px;
                }
#mapa .nivel3 { 
                margin: 0 0 0 100px;
                }

/* formulario de contacto */

#form_contacto { 
                 margin: 1em;
                 }

#form_contacto label { 
                       float: left;
                       text-align: right;
                       margin: 5px 10px 0 0 ;
                       clear: both;
                       width: 150px;
                       }

#form_contacto input, #form_contacto textarea {
                                                float: left;
                                                border: 1px solid #aaa;
                                                background-color: #e7f1f6;
                                                width: 250px;
                                                font-family: Verdana;
                                                margin: 5px 100px 0 0;
                                                }

#form_contacto textarea {
                          height: 120px;
                          }

#form_contacto input.submit { 
                              margin: 5px 0 20px 160px;
                              width: 140px;
                              float: left;
                              clear: both;
                              color: #006699;
                              }

/* equipo */
#equipo dt.nombre { 
                    clear: both;
                    float: left;
                    text-align: right;
                    width: 200px;
                    margin: 0;
                    padding: 0;
             }

#equipo dt.telefono {
                      display: none;
                      }


#equipo dd { 
             width: 150px;
             float: left;
             margin-left: 2em;
             padding: 0;
             margin-bottom: 0.5em;
             }

#equipo dd.telefono { 
                      margin-right: 30px;
                      }


img.enmarcada { 
                border: 2px solid #b6d3e2;
                padding: 5px;
                margin-left: 2em;
                }


.vcard { 
         margin-left: 2em;
         }

.vcard .fn { 
            font-weight: bold;
            }

.vcard .localidad { 
                    display: block;
                    }

.vcard .cif { 
              margin-top: 1em;
              }

.vcard .tel { 
              display: block;
              }

.vcard .url { display: block;
              margin-top: 1em;}

.vcard .email { 
                display: block;
                }

/* noticias */
#noticias dt {
                 display: none;
}
#noticias .titular {
                       font-weight: bold;
}

/* exposiciones */
#exposiciones dt {
                 display: none;
}
#exposiciones .titular {
                       font-weight: bold;
}

/* productos */
#productos dt {
                clear: both;
                font-weight: bold;
                width: 200px;
                }

#productos #caracteristicas {
                              border: 1px dashed  #b6d3e2;
                              padding: 1em;
                              margin: 1em;
                              font-family: Arial;
                              background: #eee;
                              }

#clientes li {
               list-style-type: none;
               clear: both;
               padding-bottom: 5px;
               margin-bottom: 10px;
               width: 100%;
               border-top: 1px dotted #dedede;
               padding-top: 8px;
               }

#clientes li .nombre {
                       font-weight: bold;
                       width: 200px;
                       padding-top: 20px;
                       height: 22px;
                       float: left;
                       text-align: right;
                       }

#clientes li img {
                   float: left;
                   margin-left: 20px;
                   margin-bottom: 10px;
                   }

#descargas { 
             clear: both;
 }