@charset "iso-8859-2";
body {
	font: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #000000;

	background-color: #FFF;
	background-image: url(../images2010/fondogeneral.png);
	background-repeat: repeat-x;
    }
.pie {
	font-size: 11px;
}
h2 {
	letter-spacing: 3px;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}

    .oneColLiqCtrHdr #container {
	width: 800px;  /* esto creará un contenedor con el 80% del ancho del navegador */
	background: #FFFFFF;
	margin: 0px auto 0; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	border: 0px solid #CCCCCC;
	text-align: left; /* esto anula text-align: center en el elemento body. */
    }
    .oneColLiqCtrHdr #header {
	padding: 0 0px;  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
	
    }
    .oneColLiqCtrHdr #header h1 {
    	margin: 0; /* el ajuste en cero del margen del último elemento del div de #header evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
    	padding: 10px 0; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
    }
    .oneColLiqCtrHdr #mainContent {
	padding: 0 20px;
	background-color: #FFFFFF;
	background-image: url(../images2008/piederechologo.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
    }
    .oneColLiqCtrHdr #footer {
	background:#66574d;
	color: #FFFFFF;
	padding-top: 3px;
	padding-right: 20px;
	padding-bottom: 3px;
	padding-left: 20px;
    } 
    .oneColLiqCtrHdr #footer p {
    	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
    	padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
    }
	/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sideespacio {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
}
.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(../images2008/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(../images2008/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(../images2008/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	/*text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(../images2008/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}
a {  color: #24618E; text-decoration: none}
a:hover {  color: #24618E; text-decoration: underline}

td {
	text-align: justify;
}
h1 {
	font-size: 20px;
	margin-bottom: 10px;
	padding-top: 20px;
}
.preguntaglosario {
	font-style: italic;
	color: #666666;
}

.rbroundbox { background: url(../images2008/nt.gif) repeat; }
.rbtop div { background: url(../images2008/tl.gif) no-repeat top left; }
.rbtop { background: url(../images2008/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images2008/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images2008/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 70%; margin: 1em auto; }

.thinborderfloat {
  float:left;
  border:solid 1px silver;
  padding:5px;
  margin-right:10px;
  } 
.textoentabla{
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
		background-image: url(../images2008/fondogris.jpg);
	background-repeat:  repeat-x;
}
.tablablue{
	background-image: url(../images2008/fondoblue.jpg);
	background-repeat:  repeat-x;
	font: 16px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 4.5em;
} 
input
{
color: #781351;
background: #fee3ad;
border: 1px solid #FCE9F4
}

.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #FCE9F4
} 
fieldset
{
	border: 1px solid #FCE9F4;
	width: 20em;
	margin-left: 150px;
}

legend
{
	color: #666666;
	background: #FFDDA4;
	border: 1px solid #FCE9F4;
	padding: 2px 6px
} 

.resultado {
	text-align: center;
}
.textorojo{
	color: #F00;
}