@charset "iso-8859-5";

body {
	margin-top: 1px;
	margin-right: 40px;
	margin-bottom: 1px;
	margin-left: 1px;
}
	
p {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.thrColElsHdr #container {
	width: 77.5em;  /* este ancho creara un contenedor que cabra en una ventana de navegador 800px si el texto se deja con los tamanos de fuente predeterminados del navegador */
	background: #FFFFFF; /* los margenes automaticos (conjuntamente con un ancho) centran la pagina */
	border: 1px solid #000000;
	text-align: left; /* esto anula text-align: center en el elemento body. */
	margin-top: 0.5em;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0.5em;
} 
.thrColElsHdr #header {
	padding: 0;  /* este relleno coincide con la alineacion izquierda de los elementos de los divs que aparecen bajo el. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
	background-color: #6699CC;
} 
.thrColElsHdr #header h1 {
	margin: 0; /* el ajuste en cero del margen del ultimo elemento del div de #header evita la contraccion del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que tambien evita la contraccion del margen */
	padding: 10px 0; /* el uso de relleno en lugar de margen le permitira mantener el elemento alejado de los bordes del div */
}

/* Sugerencias para sidebar1:
1. Tenga en cuenta que, si establece un valor de tamano de fuente en este div, el ancho global del div se ajustara en funcion de este.
2. Dado que esta trabajando en ems, es conveniente no utilizar relleno en la barra lateral propiamente dicha. Se anadira al ancho en el caso de navegadores que cumplen los estandares, creando un ancho real desconocido. 
3. El espacio entre el lado del div y los elementos que contiene puede crearse colocando un margen izquierdo y derecho en dichos elementos, como se observa en la regla ".thrColElsHdr #sidebar1 p".
*/
.thrColElsHdr #sidebar1 {
	float: left;
	width: 9em; /* el color de fondo se mostrara a lo largo de todo el contenido de la columna, pero no mas alla */
	padding: 0px 0; /* el relleno superior e inferior crea un espacio visual dentro de este div */
	background-color: #336699;
}
.thrColElsHdr #sidebar2 {
	float: right;
	width: 9.6em; /* el relleno superior e inferior crea un espacio visual dentro de este div */
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #E8EFF7;
}
.thrColElsHdr #sidebar1 h3, .thrColElsHdr #sidebar1 p, .thrColElsHdr #sidebar2 p, .thrColElsHdr #sidebar2 h3 {
	margin-left: 10px; /* deben asignarse los margenes izquierdo y derecho de cada elemento que vaya a colocarse en las columnas laterales */
	margin-right: 10px;
}

/* Sugerencias para mainContent:
1. Si asigna a este div #mainContent un valor de tamano de fuente distinto del que tiene el div #sidebar1, los margenes del div #mainContent se basaran en su tamano de fuente y el ancho del div #sidebar1 se basara en su tamano de fuente. Puede que le interese ajustar los valores de estos divs.
2. El espacio entre el mainContent y sidebar1 se crea con el margen izquierdo del div mainContent.  Con independencia de la cantidad de contenido que incluya el div sidebar1, permanecera el espacio de la columna. Puede quitar el margen izquierdo si desea que el texto del div #mainContent llene el espacio de #sidebar1 cuando termine el contenido de #sidebar1.
3. Para evitar la caida de un elemento flotante, puede que tenga que realizar pruebas con el fin de determinar el tamano maximo aproximado de la imagen/el elemento, ya que este diseno se basa en el tamano de fuente del usuario combinado con los valores que usted establezca. Sin embargo, si el usuario tiene configurado un tamano de fuente inferior al normal, habra menos espacio disponible en el div #mainContent del que observara al realizar la prueba.
4. En el siguiente comentario condicional de Internet Explorer, la propiedad zoom se utiliza para asignar a mainContent "hasLayout." Esto evita que se produzcan diversos problemas especificos de IE.
*/
.thrColElsHdr #mainContent {
	margin-top: 0.5em;
	margin-right: 10.5em;
	margin-bottom: 0;
	margin-left: 10em;
} 
.thrColElsHdr #mainContent h3 {
	margin: 0; /* el ajuste en cero del margen del ultimo elemento del div de #header evita la contraccion del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que tambien evita la contraccion del margen */
	padding: 10px 0; /* el uso de relleno en lugar de margen le permitira mantener el elemento alejado de los bordes del div */
	font-size: 12px;
}
.thrColElsHdr #mainContent h4 {
	margin: 0; /* el uso de relleno en lugar de margen le permitira mantener el elemento alejado de los bordes del div */
	font-size: small;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
.thrColElsHdr #footer { 
	padding: 0 10px; /* este relleno coincide con la alineacion izquierda de los elementos de los divs que aparecen por encima de el. */
	background:#DDDDDD;
} 
.thrColElsHdr #footer p {
	margin: 0; /* el ajuste en cero de los margenes del primer elemento del pie evitara que puedan contraerse los margenes (un espacio entre divs) */
	padding: 10px 0; /* el relleno de este elemento creara espacio, de la misma forma que lo haria el margen, sin el problema de la contraccion de margenes */
}

/* Varias clases diversas para su reutilizacion */
.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la pagina. El elemento flotante debe preceder al elemento junto al que debe aparecer en la pagina. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la pagina. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el ultimo elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.thrColElsHdr #boxACont {
	position: relative;
	width: 48%;
	float: left;
	margin-right: 0.6em;
	border: 1px solid #000;
	margin-left: 0em;
	background-color: #CCC;
}
.thrColElsHdr #boxBCont {
	position: relative;
	width: 48%;
	float: right;
	border: 1px solid #000;
	margin-right: 0em;
	margin-left: 0.6em;
	background-color: #CCC;
}
.thrColElsHdr #boxCCont {
	position: relative;
	width: 56.4em;
	float: left;
	margin-right: 0.6em;
	margin-left: 0em;
	background-color: #E9E9E9;
}
.thrColElsHdr #boxAReg {
	background-color: #E9E9E9;
	margin: 5px;
	height: 120px;
	border: 1px dashed #999;
}
.thrColElsHdr #boxBReg {
	background-color: #FFF;
	margin: 5px;
	height: 120px;
	border: 1px dashed #369;
}
.thrColElsHdr #boxATitol {
	background-color: #E9E9E9;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	margin: 10px;
}
.thrColElsHdr #boxBTitol {
	background-color: #E9E9E9;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	margin: 10px;
}
.thrColElsHdr #boxImg {
	float: left;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.thrColElsHdr #boxGrupImg {
	padding: 30px;
	text-align: center;
}
.thrColElsHdr #boxTxtCap {
	color: #333;
	float: none;
	padding-top: 0.5em;
	padding-right: 0px;
	padding-bottom: 1em;
	padding-left: 9.3em;
	font-size: medium;
	width: 47.5em;
}
.thrColElsHdr #boxTxt {
	color: #333;
	float: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 140px;
}
.thrColElsHdr #boxTxtSMarge {
	color: #333;
	float: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


.verdana_10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.tabla1 {
	background-color: #CCCCCC;
	border: 1px solid #000000;
}
.verdana_p_n_blanc  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #CCCCCC;
	background-color: #333333;
}
.verdana_mp_negre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: normal;
	color: #333333;
}
.verdana_12_n {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	font-weight: bold;
	text-align: center;
}
.verdana_mp_fons_gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #333333;
	background-color: #CCCCCC;
}
.tabla2 {
	background-color: #FFFFFF;
	border: 1px solid #000000;
}

div.dreta {
  #border-top: 0.45em solid #666666;
	padding:0.1em 0em 0.4em;
  #padding:0.1em 0em 0.4em;
	font-size: 1em;
	color:#424242;
	border-top-width: 0.5em;
	border-top-style: solid;
	border-top-color: #79A3D0;
}
div.dreta h3 , div.dreta_gris h3{
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1em;
}
div.dreta_gris {
  border-top: 0.5em solid;
  padding:0.5em;
  padding-top:0;
  margin-top:0.5em;
  border:1px solid;
  background-color: #EBECED;
}

div.dreta ul, div.dreta ul li, div.dreta ul, div.dreta ul li {
  padding:0;
  margin:0;
  list-style: none;
}

ul.enlinea li.primer_li {
  padding-left:0 !important;
}

div.dreta ul.enlinea li {
  display: inline;
  border-right: 0.1em solid;
  padding-right:0.3em;
  padding-left:0.2em;
  #padding-left:0.5em;
}

div.dreta ul.enlinea li.ultimo_li {
  border: 0;
}
div.bloque_imagen { margin: auto;text-align:center;}