@charset "iso-8859-2";
/* CSS Document */

BODY { 
	BACKGROUND-COLOR:#ffffff;
	TEXT-ALIGN:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/* Estilos para todas las tablas del sistema, oremos */

.tablas table {
  border-collapse: collapse;
  border: 1px solid #ffffff;
  color: #000000;
  background: #ffffff;  
  } 
  
.tablas caption {
  text-align: left;
  background: transparent;
  }
  
.tablas td, th {
  border-bottom: 1px dotted #cccccc;
  padding: 2px;
  color: #000000;
  vertical-align: middle;
  }
  
.tablas thead, tfoot {
  border-bottom: 1px solid #666666;
  text-align: left;
  background: #ffffff;
  color: #000000;
  }
  
.tablas tbody td a {
  display: block;
  background: transparent;
  text-decoration: none;
  color: #000000;
}
.tablas tbody td a:hover {
  display: block;
  background: transparent;
  color: #ff9900;
}
  

.tablas tbody th a {
  background: #7B2342;
  text-decoration: none;
  font-weight:normal;
  color: #000000;
  }
.tablas tbody th a:hover {
  background: transparent;
  color: #ff9900;
  }
  
.tablas tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
.tablas tfoot td {
  border: 1px solid #38160C;
  background: #38160C;
  padding-top:6px;
  }
.odd {
  background: #f9f9f9;
  }
.tablas tbody tr:hover {
  background: #e5e5e5;
  }
.tablas tbody tr:hover th,
.tablas tbody tr.odd:hover th {
  background: #e5e5e5;
  }

/* Estilos para todas las tablas2 del sistema, oremos */

.tablas2 table {
  border-collapse: collapse;
  border: 1px solid #a6a6a6;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #000000;
  background: #ffffff;  
  }
.tablas2 caption {
  text-align: left;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  }
.tablas2 td, th {
  border: 1px dashed #a6a6a6;
  padding: .8em;
  color: #000000;
  }
.tablas2 thead th, tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #666666;
  text-align: left;
  background: #666666;
  color: #ffffff;
  padding-top:6px;
  }
.tablas2 tbody td a {
  background: transparent;
  text-decoration: none;
  color: #000000;
  }
.tablas2 tbody td a:hover {
  background: transparent;
  color: #FFFFFF;
  }
.tablas2 tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: #7B2342;
  text-decoration: none;
  font-weight:normal;
  color: #000000;
  }
.tablas2 tbody th a:hover {
  background: transparent;
  color: #FFFFFF;
  }
.tablas2 tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
.tablas2 tfoot td {
  border: 1px solid #38160C;
  background: #38160C;
  padding-top:6px;
  }
.tablas2 tbody tr:hover {
  background: #e5e5e5;
  }
.tablas2 tbody tr:hover th,
.tablas2 tbody tr.odd:hover th {
  background: #e5e5e5;
  }



/* Barras de gráfico */
  
.barras td{
	font: Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: right;
	font-weight: bold;
	padding-right: 10px;
}

/* títulos */

.titulosgraficos td{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: bold;
  border-bottom: 1px solid #cccccc;
  text-align: left;
  background: #ffffff;
  color: #000000;
  padding-top: 10px;
  line-height: 34px;
}

.titulosgraficos2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  color: #000000;
  padding-top: 0px;
}

.porcentaje {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 40px;
  font-weight: bold;
  text-align: right;
  background: #ffffff;
  color: #FF6600;
}

.tituloproyecto {
	line-height: 24px;
	font-weight: bold;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
    color: #ff9900;
}

.subtitulo1 {
	line-height: 24px;
	font-weight: bold;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
    color: #ff9900;
}

.destacados1 {
	color: #7985b8;
}

.reloj {
	line-height: 70px;
	font-weight: normal;
	font-size: 36px;
	font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
}

/* separadores */

.linea {
background-color: #FFFFFF;
border-top: solid #999999 1px;
border-bottom: none;
height: 1px;
margin-top: 10px;
margin-bottom: 10px;
}

.segmentada {
background-color: #FFFFFF;
border-top: dotted #999999 1px;
border-bottom: none;
height: 1px;
margin-top: 10px;
margin-bottom: 10px;
} 


/* links */

.footergraficos td{
  font-family: Arial, Helvetica, sans-serif;
  border-bottom: 1px solid #cccccc;
  text-align: left;
  background: #ffffff;
  padding-top: 10px;
  line-height: 34px;
}



.footergraficos a:link, a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #ff6600;
	border:none;
}

.footergraficos a:hover {
	font-weight: bold;
        color: #003399;
		border:none;
}

.footergraficos a:active {
	font-weight: bold;
        color: #000000;
		border:none;
}

/* set millions of background images */
.rbroundbox { background: url(images/nt.gif) repeat; }
.rbtop div { background: url(images/tl.gif) no-repeat top left; }
.rbtop { background: url(images/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/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: 98%; margin: 1em auto; }


/* set millions of background images */