/* ###################### OVERALL SETTINGS ###################### */
body {
  font             : 11px Verdana, Arial, Helvetica, sans-serif;
  background-color : #dcdcdc;
  color            : #000000;
  overflow-y       : scroll;
}

td, tr, p, div {
  font             : 11px Verdana, Arial, Helvetica, sans-serif;
  color            : #000000;
}

p 
{
  line-height      : 1.3em;
}

ul {
  margin           : 0px 0px 0px 0px;
  padding          : 0px 0px 0px 0px;
}

hr {
  height           : 0px;
  border-top       : 1px solid black;
  width            : 300px;
  color            : #D0D0D0;
}

img {
  border           : 0px;
}

var {
  color            : darkgreen;
  font-style       : normal;
  font-size        : 10px;
  letter-spacing   : 1px;
}

b {
  color            : #285078;
}

strike {
  color            : darkgray;
}


h1 {
  font             : bold 14px Tahoma;
  color            : #285078;
  text-align       : center;
  letter-spacing   : 1em;
}


h2 {
  font             : bold 12px Verdana, Arial, Helvetica, sans-serif;
  color            : #285078;
  text-align       : left;
}

.poll {
  font             : 9px Arial, Helvetica, Verdana, sans-serif;
  color            : #666666;
  line-height      : 14px
}

.form td
{
  vertical-align   : top;
}

.form input
{
  width            : 100%;
}

textarea
{
	height           : 400px;
}

.form textarea
{
  width            : 100%;
}


/* ###################### LINKS ###################### */
a:link, a:visited {
  font             : 11px Verdana, Arial, Helvetica, sans-serif;
  color            : #406080;
  text-decoration  : none;
}

a:hover {
  color            : #990000;
  text-decoration  : underline;
}

a:active {
  color            : #CC0000;
  background-color : #F0E0A0;
  text-decoration  : underline;
}

a.category:link, a.category:visited {
  color            : #406080;
  font-weight      : bold;
  letter-spacing   : 1px;
}

a.category:hover {
  color            : #CC6600;
}


/* ################### MAIN AND SUB MENU SYSTEM ################### */

.mainlevel {
  list-style       : inside url(../../media/imagenes/template/arrow_plus.gif);
  cursor           : pointer;
  font-weight      : bold;
  color            : #406080;
}

.sublevel {
  list-style       : inside url(../../media/imagenes/template/arrow.gif);
  cursor           : pointer;
}

.mainlevel:hover {
  color            : #CC6600;
}


/* ###################### UPPER BUTTON BAR ###################### */
a.buttonbar:link, a.buttonbar:visited {
  font             : bold 10px Verdana, Arial, Helvetica, sans-serif;
  color            : #000000;
  text-transform   : uppercase;
  text-decoration  : none;
}

a.buttonbar:hover {
  color            : #000099;
  text-decoration  : none;
}

/* ############## PATHWAY AND BOTTOM BUTTON BAR ############## */
.pathway {
  font             : 11px Verdana, Arial, Helvetica, sans-serif;
  color            : #ffffff;
}
a.pathway:link, a.pathway:visited {
  color            : #999999;
  font-weight      : normal;
}

a.pathway:hover {
  color            : #CC6600;
  font-weight      : normal;
}

/* ################### MODULE SETTINGS ################### */
.modules {
  background       : #F0F0F0;
}

table.moduletable {
  margin           : 0px 0px 0px 0px;
  width            : 100%;
}

table.moduletable th {
  font-size        : 11px;
  font-weight      : bold;
  width            : 100%;
  color            : #000000;
  text-align       : center;
  border-bottom    : 1px solid #cccccc;
}

table.moduletable td {
  font-size        : 11px;
  font-weight      : normal;
}

.box {
  display   	   : none;
}

.note
{
  text-align       : left;
  background       : aliceblue; 
  padding          : 5px;
  border           : 1px solid black;
}

.note a
{
  font-weight       : bold;
}


.note a:hover
{
  color            : #990000;
}

.remark {
  border           : 1px solid red;
  background       : lightyellow;
  color            : red;
}

.help 
{
  background       : aliceblue url(../../media/imagenes/help.png) no-repeat 10px 10px;
  margin           : 5px;
  padding          : 10px;
  padding-left     : 70px;
  border           : 1px dotted black;
  text-align       : left;
  vertical-align   : middle;
  cursor           : help;
  min-height       : 50px;
}

.help b 
{
  color            : steelblue;
}

.karma 
{
  background       : aliceblue url(../../media/imagenes/karma.gif) no-repeat 10px 10px;
  margin           : 5px;
  padding          : 10px;
  padding-left     : 70px;
  border           : 1px dotted black;
  text-align       : left;
  vertical-align   : middle;
  min-height       : 50px;
}

.karma b 
{
  color            : steelblue;
}

.magnajag 
{
  background       : antiquewhite url(../../media/imagenes/logos/magnajag.gif) no-repeat 10px 10px;
  margin           : 5px;
  padding          : 10px;
  padding-left     : 70px;
  border           : 1px dashed brown;
  text-align       : left;
  vertical-align   : middle;
  min-height       : 50px;
}

.magnajag strong
{
  font             : bold 14px Tahoma;
  color            : brown;
}

.magnajag b
{
  color            : black;
}

.mageia 
{
  background       : #ccffcc url(../../media/imagenes/logos/mageia.gif) no-repeat 10px 10px;
  margin           : 5px;
  padding          : 10px;
  padding-left     : 70px;
  border           : 1px solid darkgreen;
  text-align       : left;
  vertical-align   : middle;
  min-height       : 50px;
}

.mageia strong
{
  font             : bold 14px Tahoma;
  color            : darkgreen;
}

.mageia b
{
  color            : darkgreen;
}

.killer 
{
  background       : black url(../../media/imagenes/logos/killer.jpg) no-repeat 10px 10px;
  margin           : 5px;
  padding          : 10px;
  padding-left     : 70px;
  border           : 2px solid silver;
  text-align       : left;
  vertical-align   : middle;
  min-height       : 50px;
  color            : white;
}

.killer strong
{
  font             : bold 14px Tahoma;
  color            : silver;
}

.killer b
{
  color            : white;
}

.noticia
{
  line-height      : 1.3em; 
  text-align       : justify;
}

/* ###################### SECTION LISTING SETTINGS ###################### */
.tabla
{
  margin           : 2px;
  padding          : 0px;
  border           : 1px solid black;
  border-spacing   : 0px;
  background       : white;
  width            : inherit;
}

.tabla th
{
  background       : url(../../media/imagenes/template/logo_bar_back.gif);
  color            : #FFFFFF;
  font-weight      : bold;
  padding-left     : 5px;
  padding-right    : 5px;
}

.tipoth
{
	padding-top: 25px;
	background: white;
	font-weight: bold;
	color: black;
	text-align: center;
}

.tabla td
{
  padding-left     : 5px;
  padding-right    : 5px;	
}

.tabla caption
{
  font-size        : 9px;
}

.fila1 				{	background: white; 				text-align: center;				}
.fila1:hover 		{ 	background: antiquewhite; 										}

.fila2 				{	background: #F0F0F0; 			text-align: center;				}
.fila2:hover 		{ 	background: antiquewhite; 										}

/* ###################### SMALL FONT SETTINGS ###################### */
.small {
  font             : 9px Verdana, Arial, Helvetica, sans-serif;
  color            : #990000;
  text-decoration  : none;
  font-weight      : normal;
}

.smalldark {
  font             : 9px Verdana, Arial, Helvetica, sans-serif;
  color            : #000000;
  font-weight      : normal;
}

.date {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #999999;
  text-align       : left;
}

/* ###################### FORMULAR SETTINGS ###################### */
.button {
  font             : bold 10px Verdana, Arial, Helvetica, sans-serif;
  color            : white;
  background-color : #C0C0C0;
  border           : 1px solid #000000;
  text-transform   : uppercase;
  background       : url(../../media/imagenes/template/but_bar_back.gif);
}

.inputbox {
  font             : 10px Verdana, Arial, Helvetica, sans-serif;
  color            : white;
  background-color : #A4AEBA;
  border           : 1px solid #000000;
}

/* ###################### FLOATS ###################### */
#spinner {
  position         : absolute;
  background-color : white;
  border           : 1px solid black;
  float            : left;
  padding          : 5px;
  display          : none;
  width            : auto;
}

#dhtmlfloatie
{
	position: absolute;
	display : none;
	border: 1px solid black;
	background: aliceblue;
	padding: 5px;
	z-index: 100;
	width: 450px;
	height: 200px;
}


#dhtmltooltip
{
	position: absolute;
	border: 1px solid black;
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: lightyellow;
	visibility: hidden;
	color: black;
	text-align: center;
	font-size: 9pt;
	z-index: 100;
}

.box
{
	display: none;
}

.msg
{
	width: 100%;
	padding: 5px;
	background: lightyellow;
	border: 1px solid black;
	margin-bottom: 15px;
}