body, p, h1, h2, h3, h4, div, span, ul, li, form, legend, label
{ padding: 0; border: 0; margin: 0}

/*
_* { padding: 0; margin: 0}
*/

/* GENERALES */
body {
  font-size: small; /* small es 13px, medium es 16px */
  font-family: verdana, sans-serif;
  color: black;
  /*background-color: #700;*/
  padding: 20px 0 20px 0;
  background-image: url(fondo_body.gif); background-repeat: repeat-x;
  background-color: white;
}

h1 { 
  font-size: 200%;
}
h2 { 
  font-size: 150%; margin-bottom: 0.7em; 
  color: maroon; border-bottom: 2px dashed;
}
h3 { 
  font-size: 120%; margin-bottom: 0.7em; 
  color: maroon; border-bottom: 0 dashed;
}

a { 
  color: blue;
  white-space: nowrap;
  outline: none; /* anula línea punteada alrededor del enlace cuando se enfoca */ 
}
a:visited {
}
a:hover {
  color: black;
}
a:active {
}

strong { 
  color: maroon; 
}

ul{
  padding: 1em 1em 1em 3em;
}

li{
}

.novisible {
  display: none;
}


/* WRAPPER */
#wrapper { 
  width: 730px; margin: 0 auto;    /* contenido centrado */
  padding: 20px;
  border-right: 3px solid maroon;
  border-bottom: 3px solid maroon;  
  color: black; background-color: #b75;
  margin-top: 0px;
  background-image: url(motivo.gif); background-repeat: repeat;
}


/* CABECERA */
#cabecera {
  border-right: 3px solid maroon;
  border-bottom: 3px solid maroon;
  margin-bottom: 10px;
  /* Firefox suma el padding-top de body con el margin-top de #wrapper, ..
     .. pero IE toma el máximo de los dos. Con valores negativos, los dos
     .. navegadores lo interpretan bien */
  margin-top: 0px;
  height: 110px; /*height: 7em;*/
  color: maroon;
  background-color: #dca;
}

#cabecera img {
  display: inline; 
  float: left; /*height: 7em; width: auto;*/
  border: 0px solid maroon;
  margin: 0 35px 0 20px; 
}
#cabecera h1 {
  font-size: 250%;
  display: block;
  padding: 25px 0 0 0;
  border: 0px solid black;

margin-bottom: -0.2em; /* elimina efecto del line-height */
/*line-height: 0;*/
}

#cabecera p {
  display:block;
  border:0px solid green;
  /*font-family: cursive;*/
  font-style: italic;
}

#cabecera h1 span {
  font-family: georgia, serif;
  font-style: italic;
  /* font-variant: small-caps; */
}


/* MENU */
#menu {
  float: left;
  font-size: 1.2em;
  /*border-top: 10px solid #b75;*/
  border-right: 3px solid maroon;
  border-bottom: 3px solid maroon;
  /*margin-left: 20px;*/ /* IE adopta el doble del margen izq para el float */
  background-color: #dca;
  width: 150px; 
}

#menu ul {
  list-style: none;  
  padding: 0;
  border: 0px solid blue;
  /*margin: 1em 0.25em 1em 1.5em; */
  margin: 15px 15px 15px 15px;
}
#menu li {
  display: inline; /* parche para IE: corrige el hueco entre "li" */
  padding: 0px;
  border: 0px solid green;
  margin-bottom: 0px; 
}

#menu a {
  width: 110px;
  padding: 5px 5px;
  border: 0px solid black;
  display: block;  /* seleccionable en toda la caja */
  color: maroon; white-space: nowrap;
  text-decoration: none; 
}
#menu a:visited {
}
#menu a:hover, #menu a:focus {
 color: black;
 /*background-color: yellow;*/
}
#menu a:active {
}

/* resaltar la navegación */ 
/*MIRAR, ESTE COMENTARIO es un HACK para que IE acepte la regla siguiente*/
#inicio .inicio, #cursos .cursos, #contactar .contactar, #plano .plano
{
  color: maroon; font-weight: bold; text-decoration: underline;
}

/* CONTENIDO */
#contenido {
  /*border-top: 10px solid #b75;  */
  border-right: 2px solid maroon;
  border-bottom: 2px solid maroon;
  margin-left: 160px;
  margin-right: 2px;
  padding: 13px;
  background-color: #e0ddcc;
  /*background-color: #dcb;*/
  /* width: 537px; */ /* IE añade 3px de separación con el float si se indica..
     .. width, a menos que lo hagamos float:right */
}

#contenido p {
  margin-top: 1em;
  text-indent: 2em; 
}

#contenido li {
  margin-bottom: 0.8em; 
}
#contenido li li {
  margin: 0.2em 0; 
}

/* PIE */
#pie {
  clear: both; 
  font-size: smaller;
  text-align: center; 
  color: maroon; background-color: #dca; 
  border-right: 3px solid maroon;
  border-bottom: 3px solid maroon;
  padding: 0.25em;
  margin-top: 10px;
}

#pie p {
  margin: 0; 
}

#pie img {
  border: none;
}

#pie a {
  color: blue;
  text-decoration: none;
  border-bottom: 0px solid;
}
#pie a:hover, #pie a:focus{
  background-color: yellow;
}

/* ENLACES PATROCINADOS */
#patrocinados {
  float: right;
  font-size: smaller;
  /* para que en IE el padding de wrapper respecto del pie no var죠*/
  margin-bottom: -10px; /* pero en firefox esta regla no cambia nada */
}
#patrocinados a{
  color: maroon;
}
#patrocinados p{
  /*margin-bottom: 0;*/
}

/* Página inicio */
/* Fotografía */
#inicio #contenido img {
  padding: 0.25em; margin-left: 0.2em; border: 2px 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 { 
  padding: 15px;
  border: 2px solid maroon;
}

#contactar div.marco {
  padding: 15px;
  border: 2px solid maroon;
}

#contactar p{
  text-indent: 0;
}

legend { 
  padding: 3px; 
  border: 2px solid maroon;
  color: maroon;
  background-color: #dca; 
}

form {
  border: 0px solid green;
  margin: 15px 0;}

label {
  /*float:left;*/
  width: 100px;
  display: block;
  padding: 0;
  border: 0 solid green;
  margin: 0px;
  margin-left: 0;
  text-align: left;
}

/* En IE es mejor explicitar el border-style y no incluirlo en la forma abreviada de border */
input {
  font-size: 1em;
}

form input.texto {
  width: 495px;
  padding: 3px;
  border: 1px solid blue;
  color: maroon;
  background-color: #fec; 
}

form input.texto {  width: 495px;  padding: 3px;  border: 1px solid blue;  color: maroon;  background-color: #fec; }form input.texto {  width: 495px;  padding: 3px;  border: 1px solid blue;  color: maroon;  background-color: #fec; }form input.texto {
  width: 495px;
  padding: 3px;
  border: 1px solid blue;
  color: maroon;
  background-color: #fec; 
}

form input.texto {  width: 495px;  padding: 3px;  border: 1px solid blue;  color: maroon;  background-color: #fec;  }form input.texto {
  width: 495px;
  padding: 3px;
  border: 1px solid blue;
  color: maroon;
  background-color: #fec; 
 
}

form input.boton {
  /*float: left;*/
  /*margin-left: 90px;*/
  /*width: 100px;*/
  padding: 5px;
  margin: 0 auto;
  /*font-size: 150%;*/
  color: maroon;
  /*border: 1px outset blue;*/

}


/* IE no reconoce los  selectores de atributos siguientes */ 

k_form input[type=text] { background-color: #fec; border: 1px solid blue; color: maroon; 
        padding: 3px; margin-left: 0px; width: 405px; }
/* Mayor margin-left para firefox */
k_form input[type=submit]{ color: yellow; margin-left: 7em; }

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


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

/* 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: 530px; height: 384px; }
#plano #map img { display: block; width: 100%; height: 100%;}