/* Común al documento en todas las secciones */
body {
  margin: 0px;
  border: 0px;
  padding: 0px;
}

/* 
  Estilos para párrafos
*/
p.parrafos {
	font-family : Arial, Verdana, sans-serif;
	font-size : 9pt;
	color : #4b4b4b;
	text-decoration: none;
  text-indent: 1em;
  text-align: justify;
}

li {
	font-family : Arial, Verdana, sans-serif;
	font-size : 9pt;
	color : #4b4b4b;
	text-decoration: none;
  margin-top: 5px;
}

/*
  Alberga los contenidos en texto de secciones y contacto
*/
td.textos {
  width: 460px;
}

/*
  Alberga los contenidos en texto de secciones y contacto
*/
td.textos div {
  padding: 10px;
  background-color: white;
  border-width: 1px 1px 1px 0px;
  border-color: #b3b3b3;
  width: 440px;
  position: absolute;
  left: 50%;
  margin-left: -390px;
  top: 160px;
}

/* 
  Contenidos para portada.
*/
td.textosportada {
  padding: 30px 80px 10px 40px;
  vertical-align: top;
  border-width: 0px 0px 1px 0px;
  border-color: #bdbdbd;
}

/* Área de opciones, portada sitio web */
td.opcionesportada {
  border-width: 0px 0px 1px 0px;
  border-color: #bdbdbd;
  width: 283px;
  text-align: right;
}

/* Área de opciones */
td.opciones {
  background-color: #f7f7f7;
  border-width: 0px 0px 1px 0px;
  border-color: #bdbdbd;
/*   background-image: url(/img/fondo.opcioneseccion.gif);
  background-repeat: no-repeat;
  background-position: top right;
 */  width: 317px;
  padding-top: 15px;
}

/* Ilustración sección */
img.ilu {
  margin-top: 40px;
  float: right;
}

/* Línea separadora */
td.opciones hr {
  width: 90%;
  border-width: 1px 0px 0px 0px;
  border-style: solid;
  border-color: #adb2ad;
}

/* Área de menú */
div.menu {
  padding-top: 1px;
  position: absolute;
  width: 590px;
  left: 50%;
  margin-left: -380px;
  top: 121px;
  z-index: 50;
}

/* Estilos para opciones del menú principal */
div.menu td a {
  font-family : Arial, Verdana, sans-serif;
  font-size : 9pt;
  font-style : normal;
  vertical-align: top;
  padding-left: 5px;
  width: 106px;
  z-index: 99;
  color : #929292;
  text-decoration: none;
}

/* Estilos para opción del menú principal actual */
div.menu td.ac {
/*   background-color: #9fb9de; */
  font-weight: bold;
  text-shadow: black 2px 2px;
}
div.menu td.ac a {
  text-decoration: underline;
  font-weight: bold;
  color: black;
}
/* Estilos para opción del menú principal actual activa */
div.menu td.acactiva {
/*   background-color: #9fb9de; */
}
div.menu td.acactiva a {
  color: black;
  text-decoration: underline;
  font-weight: bold;
}

/* Grupo de opciones */
div.menu td div {
  background-color: #efefef;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #adb2ad;
  padding: 3px;
  position: absolute;
  top: 17px;
  width: 140px;
  z-index: 99;
}

/* Separador de opciones */ 
div.menu p {
  margin: 5px 0px 0px 0px;
}

/* Estilos para opción de menú estado normal */
div.menu .op a {
  color : #929292;
  text-decoration: none;
}

/* Opción de menú estado normal sobrevolada */
div.menu .op a:hover {
  color : black;
}

/* Opción de menú estado activa */
div.menu .opactiva a {
  color : black;
  text-decoration: none;
}

/* Selector índice de contenido normal */
.in {
  font-family : Arial, Verdana, sans-serif;
  font-size : 11pt;
  font-style : normal;
  margin-left: 20px;
  padding-left: 15px;
}

/* Selector índice de contenido estado activo */
.ina {
  font-family : Arial, Verdana, sans-serif;
  font-size : 11pt;
  font-weight : bold;
  margin-left: 20px;
  padding-left: 15px;
  background-image: url(/img/punto.gif);
  background-repeat: no-repeat;
  background-position: left center;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #929292;
}

/* Estilos para formulario de contacto, campos activos o inactivos. */
.cajaoff {
  border: 1px solid #000000;
  background: white;
  font-family : Arial;
  font-size : 9pt;
}

.cajaon {
  border: 1px solid #000000;
  background: #333333;
  font-family : Arial;
  font-size : 9pt;
  color: white;
}

p.etiquetaform {
  font-family: Arial;
  font-size: 9pt;
  color: black;
  margin: 10px 0px 0px 0px;
}

img.iconocontacto {
  float: left;
  margin-right: 5px;
  margin-top: 3px;
}

/* Logo y banderas */
td.logo {
  background-color: white;
  height: 30px;
  padding: 5px;
  margin: 0px;
  color: black;
  font-size: 7pt;
  font-family : sans-serif;
  vertical-align: bottom;
}

/* Barra superior separadora */
td.barrasup {
  background-color: #2D4B76;
  height: 18px;
  padding: 0px 5px 0px 5px;
  margin: 0px;
  color: white;
  font-size: 7pt;
  font-family : sans-serif;
  vertical-align: middle;
  line-height: 14px;
}

/* Tabla de iconos de clientes */
table.iconosclientes td {
  width: 80px;
  height: 80px;
  text-align: center;
  vertical-align: middle;
}