/*****************/
/*   MAIN BODY   */
/*****************/
body {
	font-size: 62.5%;
	margin: 0em auto;
	padding: 0em;
	background: url('../imagenes/img_background.gif') repeat-y top center;
  	font-family: Verdana,Tahoma, Arial,sans-serif
}

#wrap {
	width: 78em;
	margin: 0em auto;	
}

/**************/
/*   HEADER   */
/**************/
#header-section {
	width: 78em;
	margin: 0em 0em 0em 0em;
}

#header-background {
	width: 100%; 
	height: 100%;
	float: left;
	border: none;
	margin: 0em 0em 0em 0em;
}

#header-background-left {
	width: 15.5em;
	float: left;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	border: none;
}

#header-background-right {
	width: 62.5em;
	float: right;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	border: none;
}

#header {
	clear: both;
	margin: 0em 0em 1.5em 0em;
	BACKGROUND-IMAGE: url('../imagenes/titulo1.gif');   
    BACKGROUND-REPEAT: repeat-x; 
	border-top: solid 0.1em rgb(97,204,250);
	border-bottom: solid 0.1em rgb(97,204,250);
    background-color: rgb(237,254,255);
	text-transform: uppercase;
	line-height: 2.0em;
	height: 2.0em;  	
	color: rgb(50,50,50);
}

#header ul {	
	margin: 0em;
	padding: 0em;
	list-style: none;
	font-weight: bold;
	font-size: 1.0em;
}	

#header li {
	float: left;
	white-space: nowrap;
}

#header li a {
	display: block;
	padding: 0em 1.0em 0em 1.0em;
	BACKGROUND-IMAGE: url('../imagenes/titulo1.gif');   
    BACKGROUND-REPEAT: repeat-x; 
	border-right: solid 0.1em rgb(97,204,250);	
	background-color: rgb(237,254,2255);	
	text-decoration: none;
	color: rgb(50,50,50);
}

#header a:hover {
	BACKGROUND-IMAGE: url('../imagenes/titulo2.gif');   
    BACKGROUND-REPEAT: repeat-x; 
	border-right: solid 0.1em rgb(0,255,255);			
	text-transform: uppercase;
	text-decoration: none;
	color: rgb(50,50,50);
}

#header .selected {
	BACKGROUND-IMAGE: url('../imagenes/titulo2.gif');   
    BACKGROUND-REPEAT: repeat-x; 
	padding: 0em 0.5em 0em 0.5em;
	border-right: solid 0.1em rgb(0,255,255);
	color: rgb(50,50,50);
}

* html #header a {width:1%;}

/***********************/
/***   LEFT COLUMN   ***/
/***********************/
#left-column {
	width: 19%;
	float: left;
	vertical-align: top;
	background-color: rgb(255,255,255);	
	font-size: 1.1em;
	color: rgb(50,50,50);	
}

#left-column ul {	
	width: 95%;
	padding: 0em;
	margin: 0em;
	list-style: none;
}	

#left-column li {
	margin: 0em 0em 0em 0em;
}

#left-column li a {
	display: block;
	padding: 0.3em 0.7em 0.2em 1.2em;	
	border-left: solid 0.5em rgb(237,254,255);
	border-top: solid 0.1em rgb(237,254,255);
	background-color: rgb(237,254,255);
	text-decoration: none;
	font-weight: normal;
	color: rgb(50,50,50);
	height: 1.3em;
	border-top: solid 0.1em rgb(97,204,250);
}	
	
#left-column a:hover {   
	border-left: solid 0.5em rgb(97,204,250);
	background-color: rgb(206,248,251);
	text-decoration: none;
	color: rgb(50,50,50);
}

#left-column .selected {
	display: block;
	padding: 0.3em 0.7em 0.2em 1.2em;
	border-left: solid 0.5em rgb(0,204,250);
	border-top: solid 0.1em rgb(0,204,250);
	background-color: rgb(206,248,251);
	font-weight: normal;
	color: rgb(50,50,50);
}

#left-column .left-navheader-first {  
	display: block;  	
	margin: 0em 0em 0em 0em;
	padding: 0.3em 0.7em 0.2em 0.4em;    
	border-left: solid 0.5em rgb(237,254,255);	
    background-color: rgb(206,248,251);
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: rgb(50,50,50);
}

#left-column .left-navheader {   
	display: block;            	
	margin: 1.0em 0em 0em 0em;
	padding: 0.3em 0.7em 0.2em 0.4em;
	border-left: solid 0.5em rgb(237,254,255);	
    background-color: rgb(206,248,251);
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: rgb(50,50,50);
}

/*************************/
/***   MIDDLE COLUMN   ***/
/*************************/

/* Sections */
/************/
#middle-column {
	float: left;
	width: 58.5%;
	padding: 0em 0.6em 0em 0.7em;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
	line-height: 1.3em;
	font-size: 1.2em;
}
#middle-column-tabla {
	float: left;
	
	padding: 0em 0.6em 0em 0.7em;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
	line-height: 1.3em;
	font-size: 1.2em;
}
.middle-column-left {
	float: left;
	width: 47.75%;
}

.middle-column-right {
	float: right;
	width: 47.75%;
}

.middle-column-box-title-grey {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	/*background-color: rgb(220,220,220); grey   
	background-color: rgb(226,238,252);   
	background-color: rgb(102,204,255);   */	
	BACKGROUND-IMAGE: url('../imagenes/titulo1.gif');   
    BACKGROUND-REPEAT: repeat-x; 
    BACKGROUND-COLOR: #ffffff;             	
	font-weight: bold;
	color: rgb(50,50,50);
}


.middle-column-box-white-center {
    BORDER-RIGHT:  #61ccfa 1px solid;
    BORDER-TOP:    #61ccfa 1px solid;    
    BORDER-LEFT:   #61ccfa 1px solid;
    BORDER-BOTTOM: #61ccfa 1px solid;
    BACKGROUND-IMAGE: none;
    BACKGROUND-REPEAT: repeat-x;               
	float: left;
	width: 100%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;        
}


.middle-column-box-white {
    BACKGROUND-IMAGE: none;
  	float: left;
	width: 100%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;        
}
/* Box backgrounds -  Half width boxes */
/**************************************/
.middle-column-box-left-white {
    BORDER-RIGHT:  #61ccfa 1px solid;
    BORDER-TOP:    #61ccfa 1px solid;    
    BORDER-LEFT:   #61ccfa 1px solid;
    BORDER-BOTTOM: #61ccfa 1px solid;
    BACKGROUND-IMAGE: none;
    BACKGROUND-REPEAT: repeat-x;
    
	float: left;
	width: 100%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	/*
      background-color: rgb(226,238,252); blue
      background-color: rgb(255,240,170); yellow  
      background-color: rgb(215,244,181); green
      background-color: rgb(255,219,219);   red     
    */
}         

.middle-column-box-right-white {
    BORDER-RIGHT:  #61ccfa 1px solid;
    BORDER-TOP:    #61ccfa 1px solid;    
    BORDER-LEFT:   #61ccfa 1px solid;
    BORDER-BOTTOM: #61ccfa 1px solid;
    BACKGROUND-IMAGE: none;
    BACKGROUND-REPEAT: repeat-x;
    
	float: right;
	width: 100%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	
}

/* Text headings and paragraphs */
/********************************/
.middle-column-box-white p.heading {
    BORDER-RIGHT:  #61ccfa 1px solid;
    BORDER-TOP:    #61ccfa 1px solid;    
    BORDER-LEFT:   #61ccfa 1px solid;
    BORDER-BOTTOM: #61ccfa 1px solid;
    BACKGROUND-IMAGE: none;
    BACKGROUND-REPEAT: repeat-x;
    
	margin: 1.0em 0em 1.0em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-white p.subheading {
    BORDER-RIGHT:  #61ccfa 1px solid;
    BORDER-TOP:    #61ccfa 1px solid;    
    BORDER-LEFT:   #61ccfa 1px solid;
    BORDER-BOTTOM: #61ccfa 1px solid;
    BACKGROUND-IMAGE: none;
    BACKGROUND-REPEAT: repeat-x;
    
	margin: 1.0em 0em 0.6em 0em;
  	padding: 0em 1.0em 0em 0.8em;	
	font-weight: bold;
}

.middle-column-box-white p {
	margin: 0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
}

.middle-column-box-left-white p.heading {    
	margin: 1.0em 0em 1.0em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-left-white p.subheading {
	margin: 1.0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
}

.middle-column-box-left-white p {
	margin: 0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
}

.middle-column-box-right-white p.heading {
	margin: 1.0em 0em 1.0em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-right-white p.subheading {
	margin: 1.0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
}

.middle-column-box-right-white p {
	margin: 0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;	
}


/* Images */
/**********/
.middle-column-img-left{
	float: left;
	margin: 0.3em 0.5em 0em 0em;
	border: solid 0px rgb(100,100,100);
}

.middle-column-img-right{
	float: left;
	margin: 0.3em 0.5em 0em 0em;
	border: solid 1px rgb(100,100,100);	
}

/************************/
/***   RIGHT COLUMN   ***/
/************************/
#right-column {
	float: right;
	width: 19%;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
	font-size: 1.1em;
}  

.right-column-box-white {
	BORDER-RIGHT:  #61ccfa 1px solid;
    BORDER-TOP:    #61ccfa 1px solid;    
    BORDER-LEFT:   #61ccfa 1px solid;
    BORDER-BOTTOM: #61ccfa 1px solid;
    BACKGROUND-IMAGE: none;
    BACKGROUND-REPEAT: repeat-x;
    BACKGROUND-COLOR: #EDFEFF;   
    float: right;
	width: 95%;
	margin: 0em 0em 0.8em 0em;
	padding: 0.4em 0.4em 0.4em 0.4em;	
}

.right-column-box-title-grey {
    BACKGROUND-IMAGE: url('../imagenes/titulo1.gif');   
    BACKGROUND-REPEAT: repeat-x; 
    BACKGROUND-COLOR: #ffffff;
    clear: both;
	display: block;
    margin: 0em 0em 0.1em 0em;
	padding: 0.1em 0.1em 0.1em 0.1em;  
	font-weight: bold;   
	/*color: rgb(50,50,50); 	background-color: rgb(220,220,220);*/
}                   

.right-column-box-white p {    
	margin: 0.3em 0em 0.4em 0em;
}
                    
.right-column-img{
	float: right;
	margin: 0em 0em 0em 0em;
	border: solid 0px rgb(100,100,100);
	
}

.right-column-img-right{
	float: right;
	margin: 0em 0em 0em 0em;
	border: solid 0px rgb(100,100,100);	
}

/*******************/
/***   FOOTER    ***/
/*******************/
#footer {
	clear: both;
	float: left;
	width: 78em;
	height: 2.5em;
	margin: 1.0em 0em 1.0em 0em;
	padding: 0.25em 0em 0.3em 0em;
	BACKGROUND-IMAGE: url('../imagenes/titulo1.gif');   
    BACKGROUND-REPEAT: repeat-x; 
	border-top: solid 0.1em rgb(97,204,250);
	border-bottom: solid 0.1em rgb(97,204,250);	
	background-color: rgb(237,254,255);
	text-align: center;
	color: rgb(100,100,100);
	font-size: 1.0em;
}

/**************************/
/***   MISCELLANEOUS    ***/
/**************************/
a:hover {
	color: rgb(10,106,245);
	text-decoration: none;
	background-color: rgb(255,255,255);
}


/**************/
/*   BUTTON   */
/**************/

#button {
	clear: both;
	margin: 0em 0em 1.5em 0em;
    line-height: 2.0em;
	color: rgb(50,50,50);
}

#button ul {	
	margin: 0em;
	padding: 0em;
	list-style: none;
	font-weight: bold;
	font-size: 1.0em;
}	

#button li {
	float: right;
	white-space: nowrap;
}

#button li a {
	display: block;
	padding: 0em 1.0em 0em 1.0em;	
	border-top: solid 0.1em rgb(175,175,175);	
	border-bottom: solid 0.1em rgb(175,175,175);	
	border-left: solid 0.1em rgb(175,175,175);	
	border-right: solid 0.1em rgb(175,175,175);	
	background-color: rgb(235,235,235);	
	text-decoration: none;
	color: rgb(50,50,50);
}

#button a:hover {
	border-right: solid 0.1em rgb(175,175,175);	
	background-color: rgb(220,220,220);		
	text-decoration: none;
	color: rgb(50,50,50);
}

#button .selected {
	padding: 0em 0.5em 0em 0.5em;
	border-right: solid 0.1em rgb(175,175,175);		
	background-color: rgb(220,220,220);
	color: rgb(50,50,50);
}


/**************/
/*   FORO    */
/**************/

.fuentenormal
{
	font-family: Arial;
	font-size: 10pt;
	color: #000000;
}

.fuentepequeña
{
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	
}

.formulario
{ 
	background-color: #F8F8F8;
	font-family: Verdana;
	font-size: 10pt;
	color: #000000;
	border: 1px #333333 solid;
}

.tablanormal
{
	background-color: #000000;
	width: 700;
}

.tablaform
{
	background-color: #000000;
	width: 500;
}

.filatitulo
{
	background-color: rgb(220,220,220);
	height: 25;
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}

.filacentro1
{
	background-color: #F8F8F8;
	font-family: Arial;
	font-size: 10pt;
}

.filacentro2
{
	background-color: #FFFFFF;
	font-family: Arial;
	font-size: 10pt;
}

.filaabajo
{
	background-color: rgb(235,235,235);
	height: 20;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
}


/**************/
/*   FORO   */
/**************/
#foro-section {
	width: 76em;
	margin: 0em 0em 0em 0em;
}

#foro-background {
	width: 100%; 
	height: 100%;
	float: left;
	border: none;
	margin: 0em 0em 0em 0em;
}

#foro-background-left {
	width: 14.5em;
	float: left;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	border: none;
}

#foro-background-right {
	width: 61.5em;
	float: right;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	border: none;
}

#foro {
	clear: both;
	margin: 0em 0em 1.5em 0em;
	border-top: solid 0.1em rgb(175,175,175);
	border-bottom: solid 0.1em rgb(175,175,175);
	border-left: solid 0.1em rgb(175,175,175);
	border-right: solid 0.1em rgb(175,175,175);	
	background-color: rgb(235,235,235);	
	line-height: 2.0em;
	height: 2.0em;
	color: rgb(50,50,50);
}

#foro ul {	
	margin: 0em;
	padding: 0em;
	list-style: none;
	font-weight: bold;
	font-size: 1.0em;
}	

#foro li {
	float: left;
	white-space: nowrap;
}

#foro li a {
	display: block;
	padding: 0em 1.0em 0em 1.0em;
	border-right: solid 0.1em rgb(175,175,175);	
	background-color: rgb(235,235,235);	
	text-decoration: none;
	color: rgb(50,50,50);
}

#foro a:hover {
	border-right: solid 0.1em rgb(175,175,175);	
	background-color: rgb(220,220,220);			
	text-decoration: none;
	color: rgb(50,50,50);
}

#foro .selected {
	padding: 0em 0.5em 0em 0.5em;
	border-right: solid 0.1em rgb(175,175,175);		
	background-color: rgb(220,220,220);
	color: rgb(50,50,50);
}

* html #foro a {width:1%;}



/**************/
/*  TAB       */
/**************/

#tab {
	font-size: 0.8em;
	font-family: Verdana,Tahoma, Arial,sans-serif
}

/**************/
/*  Cuadros   */
/**************/
.contador{
	width: 25em;
	clear: both;
    float: center;
    border: 1px #61ccfa solid;
   	font-weight: bold;
    background-color: rgb(237,254,255);
	text-transform: uppercase;
	line-height: 2.0em;
	height: 2.0em;  	
	color: rgb(50,50,50);
	text-align: center;
}