/*****************/
/*   MAIN BODY   */
/*****************/
/*	
  * |-------------------------------|
  * | #header-section               |
  * |-------------------------------|
  * | #header                       |
  * |-------------------------------|
  * | #left   | #middle   | #right  |
  * |         | flexible  |         |
  * |-------------------------------|
  * | #footer                       |
  * |-------------------------------|	
}*/

body {	
	font-size: 60%;
	color: #333333;
	margin: 0em auto;
	padding: 0em;	
    /*background-repeat: repeat;*/
  	font-family: Verdana,Tahoma, Arial,sans-serif;		
}

#wrap {
	width: 1200px;
	height: 100%;
	margin: 0em auto;	
	/*background-color: #FFF;	*/
}

/**************/
/*   HEADER   */
/**************/
#header-section {
  	height: 190px;    			
	background:url(../logos/LogoEspectro2.png) no-repeat left;	
	/*background-color:#ffffff;	*/
	width:100%;		
	margin: 5px 0;
}

#header-section-en {
  	height: 190px;    			
	background:url(../logos/LogoEspectro2_en.png) no-repeat left;	
	/*background-color:#ffffff;	*/
	width:100%;		
	margin: 5px 0;
}

#header-section-login {
  	height: 190px;    			
	background:url(../logos/LogoEspectro2.png) no-repeat left;		
	width:100%;		
	margin: 5px 0;
}

#header {
	clear: both;
	margin: 5px 0;
	border-top: solid 0.1em rgb(175,175,175);
	border-bottom: solid 0.1em rgb(175,175,175);
	background-color: #005BA5; /*#004F94; */
	text-transform: uppercase;
	line-height: 2.0em;
	height: 2.0em;
	color: #FFFFFF; 	
}

#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;
	border-right: solid 0.1em rgb(175,175,175);	
	background-color: #005BA5; /*#004F94; */
	text-decoration: none;
	color: #FFFFFF; 
}

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

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

#header img{	
	padding: 0.3em 1.0em 0.3em 1.0em;
	border: none;
}
/* End of HEADER */

/***********************/
/***   LEFT COLUMN   ***/
/***********************/
#left-column {
	width: 16%;	
	float: left;
	vertical-align: top;
	font-size: 1.3em;	
	min-height: 600px;
	background-color:#ffffff;			
}
#left-menu{
	margin: 5px 0;
}

#left-menu ul {		
	padding: 0em;
	margin: 0em;
	list-style: none;
}	

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

#left-menu li a {
	display: block;
	padding: 0.3em 0.4em 0.2em 0.6em;
	border-left: solid 0.5em rgb(235,235,235);
	border-top: solid 0.1em rgb(200,200,200);
	background-color: #005BA5; /*#004F94; */ /*rgb(235,235,235);*/
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF; /*rgb(50,50,50);*/
	height: 1.5em;
}	
	
#left-menu a:hover {
	border-left: solid 0.5em rgb(175,175,175);
	background-color: rgb(220,220,220);
	text-decoration: none;
	color: rgb(50,50,50);
}

#left-patrocinadores{
	margin: 5px 0;
	min-height: 150px;	
}

#left-organizadores{
	margin: 5p 0;
	min-height: 150px;
}

.left-titulo {
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0.6em 0.2em 0.6em;	
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;	
	background-color: #D1047E; /*#CC0000; #004F94;*/
	color: #FFFFFF; /*#feb92e;*/
	text-align:center;
}

.left-nolink {
	display: block;
	padding: 0.2em 0.6em 0.2em 0.6em;
	border-left: solid 0.5em rgb(235,235,235);
	border-top: solid 0.1em rgb(200,200,200);
	background-color:#999999; /*#BEC8C0; /*#004F94; */
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF; /*rgb(50,50,50);*/
	height: 1.5em;
}

#left-column img{	
	margin: 0.3em 0.4em 0.3em 0.4em;
	border: none;
}

/* End of LEFT COLUMN */

/************************/
/***   RIGHT COLUMN   ***/
/************************/
#right-column {
	width: 14.02%;
	float: right;
	vertical-align: top;			
	background-color:#ffffff;
	min-height: 665px;
	font-size: 1.3em;			
}

#ultima-hora {
	margin: 5px 0;
	padding: 0.4em 0.4em 0.4em 0.4em;
	background-color: #BEC8C0;
}	

#ultima-hora ul {	
	width: 95%;
	padding: 0.5em;
	margin: 0em;
	list-style: none;
	font-size: 11px;	
	font-style: bold;	
}	

#ultima-hora li {
	margin: 0em 0em 0em 0em;
}

#ultima-hora li a {			
	text-decoration: none;
	height: 1.5em;
}

#ultima-hora-titulo {
	clear: both;
	display: block;
	margin: 0em 0em 0.2em 0em;
	padding: 0.3em 0.3em 0.3em 0.3em;
	background-color: rgb(196,221,108);
	font-weight: bold;		
	background-color: #D1047E; /*#005BA5; #004F94; */
	color: #FFFFFF; /*#feb92e;*/
	text-align:center;
	text-decoration: blink; 
	text-transform: uppercase;
}

#right-patrocinadores{
	margin: 5px 0;
	min-height: 150px;	
}
	
#right-column img{	
	margin: 0.3em 0.4em 0.3em 0.4em;
	border: none;	
}
	
/* End of RIGHT COLUMN */

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

#middle-column {
	float: left;
	width: 68%;
	padding: 0em 1.35em 0em 0.7em;		
	color: #333333;
	line-height: 1.3em;
	font-size: 1.2em;		
	min-height: 665px;
	overflow:auto;	
	border:none;
	background-color:#ffffff;		
}

.middle-column-box-title{
	clear: both;
	display: block; 
	margin: 0.5em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: #EDEAD9;
	font-weight: bold;
	color: #33A145;/*#F07C0B;*/
}

#middle-column a{
	text-decoration:none;
	color:#F07C0B;
}

#middle-column a:hover{
	text-decoration:underline;
	color:#BD241C;
}

/* End of MIDDLE COLUMN */

/*******************/
/***   FOOTER    ***/
/*******************/
#footer-patrocinadores{
	clear: both;
	float: left;
	margin: 5px 0;	
	width: 100%;
	background-color:#FFFFFF;
}
#footer-organizadores{
	clear: both;
	float: left;
	margin: 5px 0;	
	width: 100%;
	background-color:#FFFFFF;
}
#footer {
	clear: both;
	float: left;
	width: 100%;
	height: 1.5em;
	margin: 1.0em 0em 1.0em 0em;
	padding: 0.25em 0em 0.3em 0em;
	border-top: solid 0.1em rgb(150,150,150);
	border-bottom: solid 0.1em rgb(150,150,100);	
	background-color: rgb(220,220,220);
	text-align: center;
	color: rgb(100,100,100);
	font-size: 1.0em;				
}

/* End of FOOTER */

/*********************tabla Fechas claves ****************************/
#tablaPrograma2{	
	border:#EEEEEE 1 ; 	  
	width: 80%;	
}
#trPrograma2 {
	font-size:10px;
	text-align:center;			
}
.trPrograma2 {
	font-size:10px;
	text-align:center;			
}
#tdPrograma2{
	border:thin solid #CCCCCC;
}
#trCabecera2{
	font-size:12px;
	text-align:center;
	color: #BD0924;
}
#tdCabecera2{
	font-size:11px;
	text-align:center;
	color: #BD0924;
	border:thin solid #CCCCCC;
}
#tdCabecera3{
	font-size:11px;
	text-align:center;
	color: #BD0924;
}
#tdPrograma3{
	border:thin solid #CCCCCC;
	color: #BD0924;
}

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