body {
  margin: 0;
  padding: 0;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #535353;
  background: url(../px/fondo.gif) top left repeat-x #88c0dc;
}

*+html { overflow: auto; }
img { border: 0; }
a { text-decoration: none; }

.clear { clear: both; height: 1px; font-size: 1px; line-height: 1px; }
.incrus { float: left; margin: 0 10px 10px 0; }

/* _______________________________________________________________________________________ ELEMENTOS CONTENEDOR */

.fondo {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url(../px/fondo.jpg) top center no-repeat;
}

.contenedor { position: absolute; width: 100%; }
.contenido { margin: 0 auto; width: 977px; }

/* _______________________________________________________________________________________ CABECERA */

ul.enlaces { margin: 0; padding: 0; font-size: 11px; display: block; }
ul.enlaces li { list-style: none; display: block; float: left; margin: 0 22px 0 0; }
ul.enlaces a { color: #ffffff; }
ul.enlaces a:hover { text-decoration: underline; }

li.enlace1 { padding: 14px 0 0 22px; background: url(../px/enlace1.png) top left no-repeat; }
li.enlace2 { padding: 14px 0 3px 20px; background: url(../px/enlace2.png) top left no-repeat; }
li.enlace3 { padding: 14px 0 3px 21px; background: url(../px/enlace3.png) top left no-repeat; }

.logo {
  margin: 10px 0 20px 0;
  width: 293px;
  height: 78px;
  background: url(../px/logo.png) top left no-repeat;
}

#imagen { width: 977px; height: 249px; background: url(../px/cabecera.jpg) top left no-repeat; }
#imagen2 { width: 977px; height: 249px; background: url(../px/cabecera2.jpg) top left no-repeat; }
#imagen3 { width: 977px; height: 249px; background: url(../px/cabecera3.jpg) top left no-repeat; }

ul.menu { margin: 0; padding: 0; width: 977px; height: 61px; background: #c5e8fa; }
ul.menu li { list-style: none; display: inline; height: 61px; }

ul.menu li a {
  display: block;
  float: left;
  padding: 41px 19px 0 19px;
  border-right: 1px solid #90c5d8;
  height: 21px;
  text-align: center;
  font-family: Georgia, "Times New Roman", sans-serif;
  font-size: 11px;
  font-style: italic;
}

a.menu1 { color: #16748b; background: url(../px/menu1.gif) top center no-repeat; }
a.menu1:hover, a.menu1a { color: #ffffff; background: url(../px/menu1a.gif) top center no-repeat #719314; }
a.menu2 { color: #16748b; background: url(../px/menu2.gif) top center no-repeat; }
a.menu2:hover, a.menu2a { color: #ffffff; background: url(../px/menu2a.gif) top center no-repeat #719314; }
a.menu3 { color: #16748b; background: url(../px/menu3.gif) top center no-repeat; }
a.menu3:hover, a.menu3a { color: #ffffff; background: url(../px/menu3a.gif) top center no-repeat #719314; }
a.menu4 { color: #16748b; background: url(../px/menu4.gif) top center no-repeat; }
a.menu4:hover, a.menu4a { color: #ffffff; background: url(../px/menu4a.gif) top center no-repeat #719314; }
a.menu5 { color: #16748b; background: url(../px/menu5.gif) top center no-repeat; }
a.menu5:hover, a.menu5a { color: #ffffff; background: url(../px/menu5a.gif) top center no-repeat #719314; }
a.menu6 { color: #16748b; background: url(../px/menu6.gif) top center no-repeat; }
a.menu6:hover, a.menu6a { color: #ffffff; background: url(../px/menu6a.gif) top center no-repeat #719314; }
a.menu7 { color: #16748b; background: url(../px/menu7.gif) top center no-repeat; }
a.menu7:hover, a.menu7a { color: #ffffff; background: url(../px/menu7a.gif) top center no-repeat #719314; }
a.menu8 { color: #16748b; background: url(../px/menu8.gif) top center no-repeat; }
a.menu8:hover, a.menu8a { color: #ffffff; background: url(../px/menu8a.gif) top center no-repeat #719314; }
a.menu9 { color: #16748b; background: url(../px/menu9.gif) top center no-repeat; }
a.menu9:hover, a.menu9a { color: #ffffff; background: url(../px/menu9a.gif) top center no-repeat #719314; }

/* _______________________________________________________________________________________ ELEMENTOS GENERALES */

#barra { width: 977px; height: 11px; margin: 0; padding: 0; background: url(../px/barra.gif) top left no-repeat; }

.miga {
  margin: 0;
  padding: 7px 0 0 17px;
  width: 960px;
  height: 20px;
  font-family: Georgia, "Times New Roman", sans-serif;
  font-size: 11px;
  color: #717171;
  background: url(../px/miga.gif) top left repeat-x #f0f0f0;
}

.miga a { color: #717171; }
.miga a:hover { text-decoration: underline; }

.base {
  margin: 0;
  padding: 0 0 15px 0;
  width: 977px;
  background: #ffffff;
}

.izquierda { float: left; margin: 0; padding: 5px 0 0 17px; width: 620px; }
.derecha { float: right; margin: 0; padding: 5px 5px 0 0; width: 310px; }

h1 {
  font-family: Georgia, "Times New Roman", sans-serif;
  font-size: 26px;
  font-weight: normal;
  font-style: italic;
  margin: 20px 0 20px 0;
  padding: 0;
  color: #16748b;
}

h1 i { font-size: 18px; }

h2 {
  font-family: Georgia, "Times New Roman", sans-serif;
  font-size: 13px;
  font-weight: normal;
  margin: 0 0 20px 0;
  padding: 0 40px 0 40px;
  color: #16748b;
  background: url(../px/h2.gif) top left no-repeat;
}

.izquierda p { margin: 0 0 15px 0; padding: 0 0 0 40px; }

/* _______________________________________________________________________________________ ELEMENTOS CONTENIDO */

.izquierda ul { margin: 0 0 15px 40px; padding: 0; }

.izquierda li {
  list-style: none;
  padding: 3px 0 3px 20px;
  border-bottom: 1px dotted #cccccc;
  background: url(../px/li.gif) 0px 4px no-repeat;
}

.header td { text-align: center; font-weight: bold; color: #ffffff; background: #16748b; }
.tab1 td { text-align: center; background: #ffffff; }
.tab2 td { text-align: center; background: #ededed; }
.verde { color: #699415; }
.naranja { color: #ff9900; }
.rojo { color: #ab0000; }

.faq { padding: 0 0 0 30px; background: url(../px/faq.gif) top left no-repeat; }
.faq strong { font-family: Georgia, "Times New Roman", sans-serif; color: #36abb6; font-style: italic; }

.campo {
  border: 0;
  padding: 4px 5px 0 5px;
  width: 490px;
  height: 21px;
  font-weight: bold;
  color: #36abb6;
  background: url(../px/campo.gif) top left no-repeat;
}

.textarea {
  border: 0;
  padding: 4px 5px 0 5px;
  width: 490px;
  height: 96px;
  font-weight: bold;
  color: #36abb6;
  background: url(../px/textarea.gif) top left no-repeat;
}

.enviar {
  border: 0;
  width: 100px;
  height: 25px;
  color: #848c0d;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  background: url(../px/enviar.gif) top left no-repeat;
}

.derecha a { display: block; border: 3px solid #e2e2e2; margin: 0 0 7px 0; }
.derecha a:hover { border: 3px solid #16748b; }

.caja {
  padding: 3px 3px 7px 3px;
  margin: 0 0 7px 0;
  font-size: 11px;
  background: #e2e2e2;
}

.caja p { margin: 5px 0 0 9px; }

/* _______________________________________________________________________________________ PIE DE PÁGINA */

.pie {
  margin: 0 0 15px 0;
  padding: 5px 0 5px 0;
  width: 977px;
  color: #7a7a7a;
  font-size: 11px;
  text-align: center;
  background: #e4e4e4;
}

.pie a { color: #7a7a7a; }
.pie a:hover { text-decoration: underline; }
