/* Generado y manejado con TopStyle Lite */

*{
	margin: 0px;
	padding: 0px;
	font-family: verdana; 
   font-size: 14pt; 
   font-style: normal;
}

  body {
    color: Black;
	 font-weight: normal;
	 text-align: center; /* centrado para IE */
  }
  
  a{
  	font-size: 70%;
  }

	div#header{
		margin: 0px;
	 	width: 100%;
		height: 44px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		padding-bottom: 0px;
		background-image: url(images/header_background.gif);
		background-repeat: repeat-y;
		background-position: right;
		clear: both;
 	}
	
	div#header div#logo{
		padding-left: 15px;
		padding-top: 13px;		
		color: #666666;
		font-size: 90%;
	}
	
	div#header div#img{
		background-image: url(images/triadsoft_mini.gif);
		height: 50px;
		width: 56px;
		background-repeat: no-repeat; 
		top: 0px;
		left: 500px;
		position: absolute;
	}
	
  div#buttons{
   /*border: 1px solid rgb(255, 153, 0); */
	color: #fcfcfc;
  	background-color: #b8b3b3;
	background-image: url(images/button_background.gif);
	background-repeat: repeat-x;
	width: 100%;
	height: 40px;	
	padding-top: 5px;
	clear: both;

  }
  
  div#buttons a{
        margin-top: 2px;
	padding-top: 3px;
  	text-decoration: none;
	color: #fcfcfc;
	width: 70px;
	height: 16px;
	float: left;
	text-align: center; 
	font-size: 60%;
  }
  
  div#buttons a:visited{
	  text-decoration: none;
	  color: #fcfcfc;
  }
  
  div#buttons a:hover{
	background-image: url(images/button_hover.gif);
	background-repeat: no-repeat;
  }
	
	div#container{
		/*border: 1px solid rgb(255, 153, 0); */
		width: 760px; 
		height: 100%;
		margin: 0px auto; /* centrado para browsers CSS compatible*/
		text-align: left;
		border: 1px #666666 solid;
	}
	 
  div#news { 
    background-image: url(images/marco_fondo.gif);
    background-repeat: repeat;
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size: 80%;
	 font-weight: normal;
	 width: 150px; 
	 float: left;
	 height: 500px;
	 overflow: hidden;
   }
	
	div#news div{ 
		font-size: 80%;
	}
	
	div#news h1{
		margin: 0px;
		height: 18px;
      font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
      font-size: 90%;		
    	font-weight: bold;
		color: #656565;
		padding-top: 5px;
		padding-left: 10px;
		padding-bottom: 0px;
		padding-right: 0px;
		cursor: default;
	}

  div#news div.new h2 { 
  	 background: transparent url(images/menu_dot.gif);
	 background-position: 5px;
	 background-repeat:  no-repeat;
    margin: 0px;
	 padding: 5px;
	 color: #FF9900;
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	 font-size: 80%;
	 height: 12px;
	 cursor: default; 
	 text-indent: 15px;
	 width: 140px;
 	 /*border: 1px solid rgb(255, 153, 0); */
   }
	
	div#news div p{
	 /* parrafo de las noticias */
	 margin: 0px;	
	 padding: 0px;
	 margin-left: 5px;
	 text-align: justify;
 	 font-size: 80%;
	 visibility: visible;
	 display: block;
	 width: 138px;
	 overflow: hidden;
	 background-color: transparent;
	 /*border: 1px solid rgb(255, 153, 0); */
	}
	
	div#news div p a{
		/* contenido de un link en las noticias*/		
		font-size: 100%;
		color: Olive;
		text-decoration: none;
   	 z-index: auto;
	}
	

  div#content { 
   background-color: #ffffff;
	width: 550px;
	height: 500px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	/*float: left;*/
	margin: 0px; /* centrado para CSS compatible*/
	padding: 15px;
	overflow: auto;
	background-image: url(images/content_background.gif);
	background-repeat: repeat;
	background-position: right;
  }
  
  div#content div.animated{
  		font-size: small;	
		background-color: #ffffff;
		overflow: hidden;
		visibility: hidden;
		margin-top: 3px;
		padding: 0px;
		border-bottom: 1px #DCDCDC solid;
		border-right: 1px #DCDCDC solid;
  }
  
  div#content div.animated h2{
  	background-image: url(images/h2_background.gif);
	background-repeat: no-repeat;
	height: 20px;	
	margin-left: 5px;
	margin-bottom: 5px;
	margin-top: 2px;
	padding-top: 9px;
	padding-left: 26px; 
	color: #EFEFEF;
	font-size: 83%;
	width: 90%;
  }
  
  div#content div.animated p{
  	font-size: 7pt;
	color: #666666	;
	width: 87%;
	margin-top: 0px;
	margin-left: 5px;
	padding-left: 15px;
	text-align: justify;
	margin-bottom: 10px;
  }
  
  div#content div.animated p a{
  	font-size: 100%;
  }
  
  div#content div.animated p img{
  
  }
  
  div#content div.animated p.new{
  	color: #ff3300;		
  }
  
  div#content div.animated a{
        text-decoration: none;
        color: #FF9900;
  }

  div#content div.animated a:visited{
	color: #FF9900;
	background-color: transparent;
	font-size: 100%;
	text-decoration: none;
  }

  div#content div.animated a:hover{
	color: #FF9900;
	background-color: #fefefe;
	cursor: hand;
	text-decoration: underline;
  }
  
  div#content div.animated a.popup{
  	background-image: url(images/link_popup.gif);
	background-repeat: no-repeat;
	top: 0px;
	/*text-align: center; */
	width: 20px;
	height: 20px;
	text-indent: 90px;
	margin-left: 15px;
	padding-bottom: 10px;
  }
  
  div#right{
  	width: 40px;
	float: right;
	height: 100%;
	top: 0px;
  }
    
  div#footer{
  		border-top: 1px solid #999999;
		background-color: #cccccc;
		top: 0px; width: 100%;
		color: #333333;
		height: 20px;
		text-align: center;
		clear: both;
		font-size: 70%;
	}
	
	div#footer div{
		float: left;
		clear: right;
		font-size: 80%;
		width: 145px;
		height: 18px;
		padding-left: 5px;
		padding-top: 2px;
		background-color: #666666;
		text-align: left;
		overflow: hidden;
	}
	
	div#footer div.log{
	   color: rgb(255, 153, 0);							
	}
	
	div#footer div.err{
	   color: red;							
	}
	
	div#throbber{
		margin: 0px;
		/*background-image: url(images/throbber.gif);*/
		background-color: #eeeeee;
		background-image: url(images/stoped_16.gif);
		background-repeat: no-repeat;
		text-indent: 25px;
		font-size: 70%;
		font-weight: bolder; 
		border: 1px solid #cccccc;
		height: 17px;
		width: 95px;
		position: absolute;
		z-index: auto;
	}
	
	div#throbber.loading{
		/*background-image: url(images/throbber_loading.gif);*/
		background-image: url(images/loading_16.gif);
	}