body {
  background-color: #222222;
  margin: 0em;
  font: 100% Tahoma, Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  color: #222222;
  font-weight: bold;
}

a {
  color: #006070;
}

a:hover {
  color: #006070;
}

img {
  border-width: 0px;
}

ul {  
  padding-top: 1em;
  margin-left: 1.5em; 
}

ul li {  
  list-style-image: url(img/favicon.gif);
  text-align: left;
  margin-top: 0.8em;
  padding-left: 0.3em;
}

ol li {
  margin-top: 0.5em;
}

h1.seccion {  
  display: none;  
}

h3 {
  font-size: 1.3em;
  background: url(img/punto.gif) left no-repeat;
  padding-left: 0.7em;
  text-decoration: underline;
}

h4 {
  font-size: 1.2em;
  padding-left: 2em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  color: #006070;
}

h5 {
  font-size: 1.1em;
  background: url(img/triangulo.gif) left no-repeat;
  padding-left: 1em;
  margin-left: 0.5em;
}

.bloque {
  display: block;
  text-align: justify;
  border: 2px solid #222222;
  margin: 1.5em;
  background: #FFFFFF/* url(img/pieBloque.png) repeat-x left bottom*/;
}

.bloque h2 {
  margin: 0em;
  padding: 0.2em;
  color: #FFFFFF;
  background: #222222/* url(img/pieH2Bloque.png) repeat-x left bottom*/;
}

.bloque .textoBloque {
  padding: 1em;
  min-height: 190px;
}

.bloque .bloqueIndependiente {
  width: 100%;
  clear: both;
}

.bloque object {
  float: left;
  margin-right: 0.5em;
} 

.bloque ul {
  padding-left: 7.5em;
}

.texto {
  font-size: 1em;
  padding: 0.2em;
  text-align: justify;  
  line-height: 1.3em;
}

#animacion {
  height: 100px;
  background-color: #F0F0FF;
  width: 900px;
  border-left: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  margin-left: auto;
  margin-right: auto;
}

#cabecera {
  padding-top: 0.5em; 
  padding-bottom: 0.5em;
  background-color: #E0E0FF;
  text-align: center;
  border-top: 2px solid #FFFFFF;
  border-left: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  min-height: 70px;
}

#enlacesCabecera {
  width: 900px;
  text-align: left;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
}

#enlacesCabecera #empresa {
  color: #222222;
  float: left;
  margin-left: 0.45em;
  margin-right: 0.45em;
  font-family: stencil std;
}

#enlacesCabecera #empresa a, #enlacesCabecera #empresa a:hover {
  color: #222222;
  text-decoration: none;
}

#enlacesCabecera #titulo {
  text-decoration: underline; 
  font-size: 2.4em;
}

#enlacesCabecera #eslogan {
}

#enlacesCabecera img {
  height: 50px;
  width: 50px;
  margin-left: 0.25em;
  border: 1px solid #222222;
}

#central {
  background-color: #222222;
  text-align: center;
}

#indiceSuperior {
  text-align: center;
  padding: 0.5em;
  font-family: Verdana;  
  border: 2px solid #FFFFFF;
  background: #F0F0FF url(img/pieIndice.png) repeat-x left bottom;
}

#indiceInferior {
  text-align: center;
  padding: 0.5em;
  font-family: Verdana;  
  border: 2px solid #FFFFFF;
  background: #F0F0FF url(img/pieIndice.png) repeat-x left bottom;
}

.elementoIndice {
  text-decoration: none;
  color: #222222;
  font-weight: bold;
  font-size: 1.2em;
}

.activo {
  color: #006070;
  font-weight: bold;
  font-size: 1.2em;
  text-decoration: underline;
}

.separador {
  color: #222222;
  font-size: 1.2em;
}

#cuerpo {
  background-color: #E0E0FF;
  width: 900px;  
  text-align: justify;
  border-left: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  margin-left: auto;
  margin-right: auto;
}

#contenido {
  padding: 0.7em;
}

#enlaces {
  background-color: #E0E0FF;
  width: 900px;
  border-left: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;  
  margin-left: auto;
  margin-right: auto;
}

#conjuntoEnlaces {
  padding: 0.5em;
}

#conjuntoEnlaces img {
  height: 75px;
  width: 150px;
  margin-left: 0.55em;
  border: 1px solid #222222;
}

#pie {
  background-color: #F0F0FF;
  color: #222222;
  text-align: center;
  width: 900px;   
  font-weight: bold;
  font-size: 0.9em;
  border: 2px solid #FFFFFF;
  margin-left: auto;
  margin-right: auto;
}

#subPie {
  padding: 0.5em;
}

#imgW3C {
  vertical-align: middle;
}

.enlacePie {
  text-decoration: none;
  color: #222222;  
}

.sobresaltado {
  color: #006070;
}

.textoConFoto {
  padding-top: 1em;
  text-align: center;
}

img.fotoTextoConFoto {
  height: 175px;
  width: 175px;
  border: 1px solid #222222;
  float: left;
  margin: 0.5em;
}

img.fotoTextoConFotoGrande {
  height: 250px;
  width: 250px;
  border: 1px solid #222222;
  float: left;
  margin: 0.5em;
}

.azul {
  color: #006070;
}

.capaCentrada {
  text-align: center;
}

#tablaPlantillas {
  margin: 0 auto;
}

td.tdTablaPlantillas {
  padding: 1em;
}

img.imgTablaPlantillas {
  border: 1px solid #222222;
}

img.plantilla {
  border: 1px solid #222222;
  margin: 0.5em;
}

#tituloConsulta {
  text-align: center;
  padding-bottom: 0.5em;
  text-decoration: underline;
}

#formularioConsulta {
  margin-left: 4em;
  margin-right: 4em;
}

#fieldsetConsulta {
  padding: 1em;
  font-family: tahoma;
  background-color: #F0F0FF;
  border: 2px solid #222222;
}

#tablaFormularioConsulta {  
}

#tablaFormularioConsulta td.tdIzquierdo {
  width: 100px;
  text-align: center;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

#tablaFormularioConsulta td.tdDerecho {
  text-align: left;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

#tablaFormularioConsulta td.tdDerecho input {
}

#tablaInicio {  
}

#estadisticas {
  text-align: center;
}

#tablaEstadisticas {
  margin-left: auto;
  margin-right: auto;  
}

#tablaEstadisticas th {
  text-decoration: underline;
  padding: 0.3em;
  text-align: center;
}

#tablaEstadisticas td {
  padding: 0.3em;
  text-align: center;
}

img#imgEstadisticas {
  display:none;
}

object.animacion {
  border: 1px solid #222222;
}

/* lytebox */

#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
#lbOverlay.grey { background-color: #222222; }
#lbOverlay.red { background-color: #330000; }
#lbOverlay.green { background-color: #003300; }
#lbOverlay.blue { background-color: #011D50; }
#lbOverlay.gold { background-color: #666600; }
#lbOverlay.webipedia { background-color: #F7BF24; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
#lbOuterContainer.grey { border: 3px solid #888888; }
#lbOuterContainer.red { border: 3px solid #2d0608; }
#lbOuterContainer.green { border: 3px solid #00B000; }
#lbOuterContainer.blue { border: 3px solid #5F89D8; }
#lbOuterContainer.gold { border: 3px solid #B0B000; }
#lbOuterContainer.webipedia { border: 3px solid #F7BF24; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
#lbDetailsContainer.red { border: 3px solid #2d0608; border-top: none; }
#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }
#lbDetailsContainer.webipedia { border: 3px solid #F7BF24; border-top: none; }

#lbImageContainer, #lbIframeContainer { margin: 10px; border: 2px solid #006070; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(images/loading.gif) center no-repeat;
}

#lbHoverNav { /*position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;*/ }
#lbImageContainer>#lbHoverNav { left: 0; }
/*#lbHoverNav a { outline: none; }*/

#lbPrev { width: 49%; height: 100%; background: transparent url(img/blank.gif) no-repeat; display: block; left: 0; float: left; }
#lbPrev.grey, #lbPrev.grey:visited { background: url(img/previo.gif) left 15% no-repeat; }
#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(img/previo.gif) left 15% no-repeat; }
#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(img/prev_red.gif) left 15% no-repeat; }
#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(img/prev_red.gif) left 15% no-repeat; }
#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(img/prev_red.gif) left 15% no-repeat; }
#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(img/prev_red.gif) left 15% no-repeat; }
#lbPrev.webipedia:hover, #lbPrev.webipedia:visited:hover { background: url(img/previo.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(img/blank.gif) no-repeat; display: block; right: 0; float: right; }
#lbNext.grey, #lbNext.grey:visited { background: url(img/siguiente.gif) right 15% no-repeat; }
#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(img/siguiente.gif) right 15% no-repeat; }
#lbNext.red:hover, #lbNext.red:visited:hover { background: url(img/next_red.gif) right 15% no-repeat; }
#lbNext.green:hover, #lbNext.green:visited:hover { background: url(img/next_green.gif) right 15% no-repeat; }
#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(img/next_blue.gif) right 15% no-repeat; }
#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(img/next_gold.gif) right 15% no-repeat; }
#lbNext.webipedia:hover, #lbNext.webipedia:visited:hover { background: url(img/siguiente.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #222222; }
#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }

#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }

#lbDetailsData { padding: 0 10px; }
#lbDetailsData.grey { color: #222222; }
#lbDetailsData.red { color: #620000; }
#lbDetailsData.green { color: #003300; }
#lbDetailsData.blue { color: #01379E; }
#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 30%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; color: #006070; font-size: 1.4em; text-decoration: underline; padding-left: 2.4em; margin-bottom: 0.5em }
#lbNumberDisplay { float: left; display: block; color: #006070; font-size: 1.2em; font-weight: bold; padding-top: 0.2em; padding-left: 1em }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbClose.grey { background: url(img/cerrar.gif) no-repeat; }
#lbClose.red { background: url(img/cerrar.gif) no-repeat; }
#lbClose.green { background: url(img/cerrar.gif) no-repeat; }
#lbClose.blue { background: url(img/cerrar.gif) no-repeat; }
#lbClose.gold { background: url(img/cerrar.gif) no-repeat; }
#lbClose.webipedia { background: url(img/cerrar.gif) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPlay.grey { background: url(img/play_grey.gif) no-repeat; }
#lbPlay.red { background: url(img/play_red.gif) no-repeat; }
#lbPlay.green { background: url(img/play_green.gif) no-repeat; }
#lbPlay.blue { background: url(img/play_blue.gif) no-repeat; }
#lbPlay.gold { background: url(img/play_gold.gif) no-repeat; }

#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPause.grey { background: url(img/pause_grey.gif) no-repeat; }
#lbPause.red { background: url(img/pause_red.gif) no-repeat; }
#lbPause.green { background: url(img/pause_green.gif) no-repeat; }
#lbPause.blue { background: url(img/pause_blue.gif) no-repeat; }
#lbPause.gold { background: url(img/pause_gold.gif) no-repeat; }

/* página web personal */

table.tablaConBorde {  
  margin-top: 1em;
  margin-left: auto;
  margin-right: auto;
}

table.tablaConBorde td {
  border: 1px solid #222222;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.bloque .textoBloquePersonal {
  padding: 1em;
  padding-top: 0em;
}