body { font: 1.2em sans-serif; padding: 0; margin: 0 auto;
       width: 40em; }

/* CABECERA */
#cabecera { border: 2px solid maroon; height: 5em; line-height: 5em;
            color: yellow; background-color: maroon;}

/* MENU */
#menu { border: 2px solid #fec; float: left;
        margin: 1em 0; padding: 0;
        background-color: maroon; width: 8em; }

#menu ul { border: 0 solid; list-style: none; padding: 0; margin: 1em 0.25em 1em 1.5em; }
#menu li { margin-bottom: 0.8em; }

#menu a { color: #fec; white-space: nowrap; }
#menu a:hover { color: yellow; font-weight: bold; }
#menu a:visited {}


/* resaltar la navegación */
#inicio .inicio, #servicios .servicios, #contactar .contactar, #legislacion .legislacion,
#plano .plano { color: yellow; font-weight: bold; text-decoration: none; }

/* CUERPO */
#cuerpo { border: 0 solid; margin: 1em; margin-left: 9.5em; padding: 0.25em;}
#cuerpo li { margin-bottom: 0.8em; }
#cuerpo li li { margin: 0.2em 0; }

/* PIE */
#pie { border: 0 solid; font-size: 0.8em; text-align: center; padding: 0.25em;
       color: white; background-color: maroon; 
       height: 2em; line-height: 1em;  /* impide que el efecto a:hover varíe la altura */ 
       clear: both; }

#pie p { margin: 0; }
#pie a { color: white; }
#pie a:hover { color: yellow; font-weight: bold; }

/* GENERAL */
h1 { font-size: 2em; margin: 0; text-align: center; }
h2 { font-size: 1.8em; margin: 0; margin-bottom: 0.7em; color: maroon; border-bottom: 0.1em dashed; }
h3 { margin: 0;}

a { color: blue; white-space: nowrap; }
a:hover { color: maroon; font-weight: bold; }
a:visited {}

strong { color: maroon; }

/* Página inicio */
/* Fotografía */
#inicio #cuerpo img { padding: 0.25em; margin: 0; border: 0.1em solid maroon;
              background-color: #fec; float: right; width: 6.25em;}


/* FORMULARIOS */

/* Si no se explicita padding en fieldset, firefox añade padding, pero IE no */ 
/* El padding en firefox tiene en cuenta la etiqueta legend, pero IE no */
fieldset { border: 2px solid maroon; margin: 0; padding: 1em; }
legend { border: 2px solid maroon; background-color: white; color: maroon; margin: 0; padding: 0.2em; }

form { border: 0px solid green; margin: 1em 0; padding: 0; }
/* firefox ignora el margen superior de p */
form p { margin-top: 1em; }
label { border: 0px solid green; display: block; float:left; margin: 0; width: 5em; }

/* IE no reconoce los  selectores de atributos siguientes */ 
form _input[type=text] { background-color: #fec; border: 1px solid blue; color: maroon; 
        padding: 0.2em; margin-left: 0; width: 29em;}
/* Mayor margin-left para firefox */
form _input[type=submit]{ color: yellow; margin-left: 7em; }

textarea { border: 1px solid blue; color: maroon; background-color: #fec;
            font: 1em sans-serif; padding: 0.2em; margin-left: 0; width: 20em; height: 10em; }

/* En IE es mejor explicitar el border-style y no incluirlo en la forma abreviada de border */
input {  font-size: 1em; }
form input.texto { border: 1px solid blue; color: maroon; background-color: #fec; 
         padding: 0.2em; margin-left: 0; width: 20em; }
form input.boton { color: maroon; margin-left: 5em;  }

#contactar .ok { background-color: green; color: white; padding: 0.8em; }
#contactar .error { background-color: red; color: white; padding: 0.8em; }

/* Página plano */
/*
#_plano #mapa { border: 1px dotted yellow; background: url(plano.jpg) no-repeat;
               width: 28em; height: 22em; text-align: center; }
*/
#plano #map{ border: 2px solid maroon; text-align: center; width: 28.5em; height: 20em; }
#plano #map img { display: block; width: 100%; height: 100%;}