/* ------------------------------ */
/* Estilos generales de la página */
/* ------------------------------ */

/*body * {border: 1px solid red;}*/

body,td,th,li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*color:#78a38e;*/
	/*color:#0000A0;*/
	color:#020;
	vertical-align: top;
}
img {	border: 0; }

a:link    { text-decoration: none; color: #143e2d; }
a:visited {	text-decoration: none; color: #333333; }
a:hover   {	text-decoration: underline; color: #143e2d; }
a:active  {	text-decoration: none; border: none; color: #333333; }

p {
	margin: .5em;  /* Margen entre cada párrafo de nuestro documento */
}
 
h1 {
	font-size: 15px;
	font-weight: 1500;
}

h2 {
	font-size: 13px;
	font-weight: 1200;
}

h3 {
	font-size: 11px;
	font-weight: 900;
}

/* ------------------------------ */
/* Estilos del layout             */
/* ------------------------------ */

div#ContainerPagina1 
{
	background-image: url(../images/degradado-fondo.png);
	background-repeat: repeat-x;
	background-color: #fff;
}


div#ContainerPagina2 {
	background: url(../images/fondo-capa-menu.gif) repeat-y left;
	background-color: #FFF;
}

div#Header-wrap
{
	background-image: url(../images/fondo-header.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFF;
}

div#Header 
{
	background-image: url(../images/encabezado01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
	/*text-align: right;*/
	
	width: 100%;
	margin: 0 auto;
	padding: 0px;
	height: 124px;
}

.titular
{
	float: right;
	vertical-align: bottom;
	padding-top: 24px;
	padding-right: 10px; 
}

.logos
{
	float: left;
	vertical-align: bottom;
	padding-left: 10px; 
	padding-bottom: 30px;
}


div#SubHeader 
{
	background-image: url(../images/encabezado_oscuro.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px; padding: 5px; 
	height: 20px;
	background-color: #6E789A;
	/*text-align: left;*/
	font-size: 14px;
	font-weight: bold;
	
	/*border: 1px solid black; /* */
}

div#Menu 
{
	background-position: left top;
	vertical-align: top;
	font-size:10px;
	background-repeat: no-repeat;
	padding-top: 10px;
}

div#ContainerMenu
{
	background-position: left top;
	background-repeat: no-repeat;
}

div#direccion
{
	width: 145px;
	margin: 3px;
	padding: 5px;
	border: 2px solid #78a38e;
	background-color: #FFF;
	color: #386b64;
	text-align: left;
	padding-right: 10px;
	font-size: 10px;
	font-weight: bold;
}

div#direccion .directora { font-size: 8px; font-style: italic; }

div#Contenido-wrap 
{
	/*background-image: url(../images/fondo-contenido.gif);
	background-repeat: repeat-x;*/
	background-color: #FFF;
}

div#Tira { 
}
div#Tira1 { 
}
div#Tira2 { 
}

div#Contenido, div#Contenido1, div#Contenido2, div#Contenido3
{
	text-align: justify;
}

div#FooterLunares 
{
	background-image: url(../images/lunares.gif);
	background-repeat: repeat-x;
}

div#Footer 
{
	background-image: url(../imgages/pie_oscuro.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #386b64;

	color: #FFF;
	font-size: 10px;
	text-align: right;
}

div#FooterSombra 
{
	background-image: url(../images/fondo-contenido.gif);
	background-color: #FFF;
	background-repeat: repeat-x;
}

/* Pruebas */
div#Posicion{font-size: 0.8em;}


/* ------------------------------ */
/* Estilos particulares           */
/* ------------------------------ */
.gutter {
	background-image: url(../images/divider.gif);
	background-position: top right;
	background-repeat: repeat-y;
}

.idioma{
	font-style:italic;	
}

.centrado{
	text-align:center;	
}
	
.texto_blanco { color: #FFFFFF; }
.texto_blanco:link    { text-decoration: none; color: #fff; }
.texto_blanco:visited {	text-decoration: none; color: #fff; }
.texto_blanco:hover   {	text-decoration: underline; color: #fff; }
.texto_blanco:active  {	text-decoration: none; border: none; color: #fff; }


.fotoRecuadrada, .fotoRecuadradaL, .fotoRecuadradaR {
	padding:8px;
	background-color: #fefefe; /*#f5f5f5;*/
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	border-bottom: 1px solid #888;
	border-right: 1px solid #888;
	margin: 5px;
} 

.encabezadoTabla{
	background-color:#78a38e;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	width:99.5%;
	height:16px;
}

.colIzqTabla{
	font-size:12px;
	text-align:right;
	width: 200px;
	color:#002200;
}

.colDerTabla{
	font-size:12px;
	text-align:left;
	width:800px;
	color:#002200;	
}

.tablaListado { width: 99.5%; }
	.tablaListado th { background-color:#78a38e; color:#000; font-weight:bold; font-size:12px; height:16px; text-align:left;padding-right: 10px; }
		.tablaListado th.td100 { width: 100%; }




.encabezadoTotal

#resultados{
	width:90%;
	padding-bottom:10px;
}

.alerta { 
	margin: 10px; 
	padding: 5px;
	width: 600px;
	border: 1px solid #ff6666;
	background-color: #ffeeee;
	color:  #ff6666;
	text-align: center;
}

.alertaNavegador { 
	margin: 10px; 
	padding: 5px;
	width: 550px;
	height: 90px;
	border: 1px solid #ff6666;
	background-color: #ffeeee;
	color: black;
	text-align: left;
	margin: 0 auto; 
}

.alertaMiniNavegador { 
	width: 350px;
	height: 28px;
	border: 1px solid #ff6666;
	background-color: #ffeeee;
	color: black;
	text-align: left;
}
.TalertaMiniNavegador { padding-top: 10px; }

.conthistoriapena {
	display:none;
}

.historiapena {
	height:100%;
	overflow:auto;
}

/* ------------------------------ */
/* Estilos del layout             */
/* ------------------------------ */

#paginado						{ margin-top:2px; font-size:11px; width::100%;  }
#paginado .paginas	{ border:0; color:#666; padding:0 10px 0 0; }
#paginado .nav a		{  }
#paginado .nav span	{ border:1px solid #ccc; padding:2px 4px; margin:2px; color:#666; }
#paginado .nav a, #paginado .nav a:link	{ padding:2px 4px; margin:2px; text-decoration:none; background-color:#DEECE4; color:#002200; border:1px solid #ccc; }
#paginado .nav a:visited, #paginado .nav, #paginado .nav a:active	{  }
/*
#paginado .nav .ext	{  }
#paginado .nav .pri	{  }
#paginado .nav .ult	{  }
*/


/*
<div id="paginado">
	<div class="nav">
		<span class="paginas">Página 5 de 186</span>
		<a href="http://davidwalsh.name/" class="pri" title="&laquo; Primera">&laquo; Primera</a>
		<span class="extend">...</span>
		<a href="http://davidwalsh.name/page/4">&laquo;</a>
		<a href="http://davidwalsh.name/page/3" class="page" title="3">3</a>
		<a href="http://davidwalsh.name/page/4" class="page" title="4">4</a>
		<span>5</span>
		<a href="http://davidwalsh.name/page/6" class="page" title="6">6</a>
		<a href="http://davidwalsh.name/page/7" class="page" title="7">7</a>
		<a href="http://davidwalsh.name/page/6">&raquo;</a>
		<span class="ext">...</span>
		<a href="http://davidwalsh.name/page/186" class="ult" title="Last »">&Uacute; &raquo;</a>
	</div>
</div>
*/