/* ********************************************	*/
/* Hoja	de estilo para la web de JSI */
/* ********************************************	*/

body
{
	font-family:  Helvetica, monospace, ProggyClean;
	background-color: #FFFFFF;
	#color: rgb(0,0,90);
	margin:0 0 0 0;
}

P:first-line { 
	margin-left: 2ex; 
	margin-bottom: 0ex;
}

P, UL, OL {
    margin-left: 8ex;
    margin-right: 8ex;
    font-size: 12;
    font-weight: lighter;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-stretch: expanded;
    text-align: justify
}


/* ********************************************	*/
/* Estilos comunes */
/* ********************************************	*/

h1
{
	font-family:  Helvetica, monospace, ProggyClean;
	font-weight: bold;
	font-style: normal;
	font-size: 18pt;
	color: #FF3333;
}
h2
{
	font-family:  Helvetica, monospace, ProggyClean;
	font-weight: bold;
	font-style: normal;
	font-size: 16pt;
	color: #FF3333;
}
h3
{
	font-family:  Helvetica, monospace, ProggyClean;
	font-weight: bold;
	font-style: normal;
	font-size: 14pt;
	color: #FF3333;
}
h4
{
	font-family:  Helvetica, monospace, ProggyClean;
	font-weight: bold;
	font-style: normal;
	font-size: 12pt;
	color: #FF3333;
}
h5
{
	font-family:  Helvetica, monospace, ProggyClean;
	font-weight: bold;
	font-style: normal;
	font-size: 10pt;
	color: #FF3333;
}
h6
{
	font-family:  Helvetica, monospace, ProggyClean;
	font-weight: bold;
	font-style: normal;
	font-size: 8pt;
	color: #FF3333;
}
BUTTON
{
	border-style: solid;
	font-size: 8pt;
	font-family:  Helvetica, monospace, ProggyClean;
	font-style: normal;
	background-color: rgb(51,153,255);
	color:white;
	border-color:rgb(255,204,102);
}
LABEL
{
	font-size: 8pt;
	font-family:  Helvetica, monospace, ProggyClean;
	font-style:normal;
	color: rgb(0,0,0);
}
TEXTAREA
{
	border-style: solid;
	font-size: 10pt;
	font-family:  Helvetica, monospace, ProggyClean;
	font-style: normal;
	color: black;
/*	border-color: rgb(204,153,102) ;*/
}
FIELDSET
{
	border-style: solid;
	font-size: 8pt;
	font-family:  Helvetica, monospace, ProggyClean;
	font-style: normal;
	color: black; border-color: rgb(204,153,102);
}
LEGEND
{
	font-size: 8pt;
	font-family:  Helvetica, monospace, ProggyClean;
	font-style: normal;
}
SELECT
{
	border-style: hidden;
	font-size: 8pt;
	font-family:  Helvetica, monospace, ProggyClean;
	font-style: normal;
	color: black; border-color: rgb(204,153,102);
}
TABLE
{
	font-family:  Helvetica, monospace, ProggyClean;
	font-style: normal;
	color: rgb(0,0,90);
/*	border-color:  rgb(204,153,102);*/
	border:0;
	border-spacing: 0;
}
CAPTION
{
	font-size: 14pt;
	font-family:  Helvetica, monospace, ProggyClean;
	font-style: normal;
	 color:	rgb(51,153,255)	;
}
TH
{
	font-family:  Helvetica, monospace, ProggyClean;
	font-style: normal;
	color: rgb(0,0,0);
}

a:link	     { color: #000099}
a:visited    { color: #000099 }
a:active     { color: #FFFFFF }

legend	     { color: rgb(51,153,255) }
hr	     { color: rgb(51,153,255) }

td {
    border-color: rgb(204,153,102);
    background-color: rgb(255, 255, 255);
    font-family:  Helvetica, monospace, ProggyClean;
    font-size: 8pt;
}




TABLE.cat {
	width: 620px;
}

TABLE.cat {
	width: 620px;
}

TABLE.cat TD	{ /*background-color: #e0e0e0;*/
	vertical-align: middle;
	text-align: center;
	font-size: 10pt;
    font-family:  Helvetica, monospace, ProggyClean;
	font-style: normal;
	color: rgb(0,0,90);
}

TABLE.cat TD.col1	{
		  text-align: right; /*center;*/
	   }
TABLE.cat TD.col2	{
		  text-align: left; /*center;*/
	   }
TABLE.cat TD.col3	{
    margin-left: 8ex;
    margin-right: 8ex;
    font-size: 12;
    font-weight: lighter;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-stretch: expanded;
    text-align: justify;
	background-color: #D2D2D2;
	   }
TABLE.cat TD.col4	{
				text-align: right;
				background-color: #D2D2D2;
		   }
TABLE.cat TD.col5	{
    font-size: 14;
    font-family: Arial, Helvetica, sans-serif;
    font-style: bold;
    text-align: justify;
	background-color: #D2D2D2;
}

TABLE.cat TD.col6	{
    font-size: 11;
    font-family: Arial, Helvetica, sans-serif;
    font-style: bold;
    text-align: justify;
	background-color: #E6E6E6;
}

TABLE.cat TD.col7	{
    font-size: 11;
    font-family: Arial, Helvetica, sans-serif;
    font-style: bold;
    text-align: justify;
	background-color: #CCCCFF;
}



TABLE.cat TD.colCont 
{
font-size: 13;
font-style: bold;
padding: 2px; 
border-bottom-style: solid; 
border-width: 1px; 
border-color: #C9AFFF; 
background: #ddddff;
}

TABLE.cat TD.colCont2 
{
font-size: 11;
padding: 2px; 
border-bottom-style: solid; 
border-width: 1px; 
border-color: #C9AFFF; 
background: #f3f3ff;
}



TABLE.cat TD A	{ text-decoration: none; }

TABLE.img TD	{ 
	background-color: #EDB8C2;
	#background-color: #e0e0e0;
		  vertical-align: middle;
		  text-align: center;
		  font-size: 8pt;
		  font-weight: bold;
    font-family:  Helvetica, monospace, ProggyClean;
}

TABLE.img TD A	{ text-decoration: none; }

TABLE.bus TD.col {
    background-color: #bb9977;
	vertical-align: middle;
    text-align: center;
    font-size: 10pt;
    font-weight:	bold;
    font-family:  Helvetica, monospace, ProggyClean;
}

TABLE.bus TD.txt {
			/* background-image: url( "../IMG/green_stucco.gif" ); */
		   color:  #a0a0a0;
		   vertical-align: middle;
		   text-align: center;
		   font-size: 8pt;
		   font-weight:	bold;
    font-family:  Helvetica, monospace, ProggyClean;
}


TABLE.bus TD A	{ text-decoration: none; }


SPAN.navbar   {
    font-family:  Helvetica, monospace, ProggyClean;
	font-weight: bold;
	font-size: 8pt;
	color:	RED;
}


SPAN.navbar A:link   { text-decoration:	none;
								color: rgb(9, 189, 246); }
SPAN.navbar A:visited	{ text-decoration: none;
								color: rgb(9, 189, 246); }
SPAN.navbar A:active   { text-decoration: none;
								color: rgb(9, 189, 246); }


TABLE.navbar {
    font-size: 8pt;
    font-weight: bold;
    font-family:  Helvetica, monospace, ProggyClean;
    width: 780px;
    cellpadding: 1;
    cellspacing: 1;
}

SPAN.logoj     {	font-family: "Times New Roman", Times, serif;
					font-weight: bold;
					font-size: 18;
					font-style: italic;
					color:	red;	}
SPAN.logosi     {	font-family: "Times New Roman", Times, serif;
					font-weight: bold;
					font-size: 16;
					font-style: italic;
					color:	blue; }

SPAN.button { font-family: Helvetica, Arial, Geneva, sans-serif;
				font-size: 9pt;
				vertical-align:	middle;
				text-align: middle;
				}

/***************************/
/* especificos de JSI */

.orangeline {
	background-color: #EB850F;
	height: 1px;
	width: 780px;
}

.barbg {
    background: transparent url(../IMG/bar_bg.gif) repeat scroll 0%;
}

.barbg2 {
    background: transparent url(../IMG/bar_bg2.gif) repeat scroll 0%;
    height: 22px;
}



/***************************/
/* Frame superior topHeader */
TABLE.top TD.topbg {
	width: 780;
	/*height: 64;*/
	background : transparent url(../IMG/top_bg.gif) repeat scroll 0%;
}

table.top{
	width: 780;
    height: 65;
	border: 0;
	cellpadding: 0;
	cellspacing: 0;
}

/***************************/
/* Frame inferior footBar */

SPAN.jesus {
    color: rgb(255, 99, 0);
    font-weight: bold;
    font-size: 8pt;
    font-style: italic;
}

SPAN.sisa {
    color: rgb(9, 189, 246);
    font-weight: bold;
    font-size: 8pt;
    font-style: italic;
    font-family: Arial Black;
}

SPAN.footInfo {
    color: rgb(204, 204, 204);
    font-size: 8pt;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
}

TABLE.main {
    background-color: rgb(208, 218, 230);
    border: 0;
    cellpadding: 0;
    cellspacing: 2;
    width: 620px;
    height: 100%;
    font-family:  Helvetica, monospace, ProggyClean;
}

TABLE.main TD.titulo {
    background-color: rgb(208, 218, 230);
}

#utilAyuda {
	background-color:#EAE1DF;
	position: absolute;
	top: 125px;
	left:25px;
	height: 200px;
	width: 300px;
	border: thin outset #316AC5;
}

#utilAyuda2 {
	background-color:#EAE1DF;
	position: absolute;
	top: 5px;
	left:25px;
	height: 150px;
	width: 300px;
	border: thin outset #316AC5;
}
.ocultar {
	visibility: hidden;
	display: none;
}

.mostrar {
	visibility: visible;
	z-index: 99;
}

TABLE.help {
    background-color: rgb(208, 218, 230);
    border: 0;
    cellpadding: 0;
    cellspacing: 2;
    height: 200px;
    width: 300px;
    font-family:  Helvetica, monospace, ProggyClean;
}

TABLE.help TD.titulo {
    background-color: rgb(33, 73, 107);
    height: 20px;
    width: 530px;
    font-family:  Helvetica, monospace, ProggyClean;
    font-size: 8pt;
    font-weight: bold;
    color: rgb(255, 99, 0);
}

TABLE.help TD.close {
    background-color: rgb(33, 73, 107);
    height: 19px;
    width: 19px;
}

TABLE.help TD.bHelp {
    height: 375px;
    width: 550px;
    font-family:  Helvetica, monospace, ProggyClean;
    font-size: 8pt;
    font-weight: normal;
    vertical-align: top;
}

#jsinews{
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  font-size: 10pt;
  font-family:  Helvetica, monospace, ProggyClean;
  font-style: normal;
}

#titulo {
  top: 0;
  left: 0;
  width:100%;
  height: 19px;
  position: absolute;
    background-color: rgb(208, 218, 230);
}

#phones {
  font: normal normal lighter medium normal Verdana, Arial, Helvetica, sans-serif;
  color: #CC0033;
}

#content{
	height:auto;
	width:625px;
	border:solid 0px green;
	padding-left:0px;
	overflow:auto;
}

#mytext {
    margin-left: 8ex;
    margin-right: 8ex;
    font-size: 12;
    font-weight: lighter;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-stretch: expanded;
    text-align: justify
}