@charset "utf-8";
body {
	background-color: #03638d;
	background-image: url(../../images/bg_body.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}
form {
	margin: 0px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #CC6600;
	text-transform: uppercase;
}


#top_gray {
	height: 12px;
}
#main_content {
	margin-top:0px;
	width:977px;
	background-image:url(../../images/bg_main_content.gif);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	margin-right: auto;
	margin-bottom: 0px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #02577B;
	height: 100%;
}
#footer {
	width: 970px;
	margin-right: auto;
}
#footer_content {

}
#header {
	background-image: url(../../images/header_logo.gif);
	background-repeat: no-repeat;
	height: 77px;
	width: 977px;
}
#join_box {
	right: 10px;
	float: right;
	height: 77px;
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
#join_box h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#join_input {
	float: left;
	width: 100%;
	height: 25px;
	text-align: center;
}
#join_input .form_input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
}
#join_input .form_button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	background-color: #CCCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #333333;
	border-left-color: #333333;
	margin: 0px;
}


#main_menu {
	background-image: url(../../images/bg_main_menu.gif);
	background-repeat: repeat-x;
	height: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-right: 7px;
	}

/*Credits: CSSplay */
/*http://www.luisangelcamargo.com/2007/12/menus-desplegables-solo-con-css/ */
.preload2 {
	background: url(../../images/bg_main_menu.gif);
}

.top_menu {
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	margin-left:20px;
	list-style-type:none;
	color:#ffffff;
	line-height: 30px;
}

.top_menu li.top {
	display:block; 
	float:left; 
	position:relative;
}

.top_menu li a.top_link {
	display:block; 
	float:left; 
	height:25px; 
	margin-left:6px; 
	line-height:25px; 
	color:#ffffff; 
	text-decoration:none; 
	padding:0 0 0 6px; 
	cursor:pointer;}

.top_menu li a.top_link span {
	float:left; 
	display:block; 
	padding:0 10px 0 6px; 
	height:40px;
}

.top_menu li a.top_link span.down {
	float:left; 
	display:block; 
	padding:0 10px 0 6px; 
	height:25px;
}

.top_menu li a.top_link:hover {
	color:#03C7E9;  
	text-decoration: none;
}
.top_menu li a.top_link:hover span { 
	color:#03C7E9;  
	text-decoration: none;
}

.top_menu li a.top_link:hover span.down { 
	color:#03C7E9;  
	text-decoration: none;
}

.top_menu li:hover > a.top_link {
	color:#03C7E9;  
	text-decoration: none;
}

.top_menu li:hover > a.top_link span {
	color:#03C7E9;  
	text-decoration: none;
}

.top_menu li:hover > a.top_link span.down {
	color:#03C7E9;  
	text-decoration: none;
}


.top_menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.top_menu a:hover {visibility:visible;}
.top_menu li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.top_menu ul, .top_menu :hover ul ul, .top_menu :hover ul :hover ul ul,.top_menu :hover ul :hover ul :hover ul ul,
.top_menu :hover ul :hover ul :hover ul :hover ul ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}

.top_menu :hover ul.dropdownmenu {
	left:6px; 
	top:25px; 
	background: #ffffff; 
	padding:0; 
	width:auto; 
	height:auto; 
	font-weight:normal;
	border-bottom:1px solid #005FB9; 
	border-left:1px solid #005FB9; 
	border-right:1px solid #005FB9; 
}

.top_menu :hover ul.dropdownmenu li {
	display:block; 
	position:relative; 
	float:left; 
	width:160px; 
	margin-bottom:0;
}

.top_menu :hover ul.dropdownmenu li a {
	display:block; 
	height:auto; 
	font-size:11px; 
	padding:4px 3px; 
	line-height:1; 
	color:#005FB9; 
	text-decoration:none;
}
	
.top_menu :hover ul.dropdownmenu li a.fly {
	background:#fff  url(../../images/right_bullet.gif) no-repeat 150px 6px;
}

.top_menu :hover ul.dropdownmenu li a:hover {
	background:#E5FAFC; 
	color:#005FB9;
}

.top_menu :hover ul.dropdownmenu li a.fly:hover {
	background:#E5FAFC url(../../images/right_bullet.gif) no-repeat 150px 6px;
}

.top_menu :hover ul li:hover > a.fly {
	background:#E5FAFC url(../../images/right_bullet.gif) no-repeat 150px 6px;
}
	 

.top_menu :hover ul :hover ul,
.top_menu :hover ul :hover ul :hover ul,
.top_menu :hover ul :hover ul :hover ul :hover ul,
.top_menu :hover ul :hover ul :hover ul :hover ul :hover ul{
	left:160px; 
	top:-1px; 
	background: #fff; 
	padding:0; 
	width:auto; 
	z-index:300; 
	height:auto;
}

.top_menu :hover ul.dropdownmenu li ul {
	border-top:1px solid #005FB9; 
	background: #fff; 
	z-index:300;
	border-bottom:1px solid #005FB9; 
	border-left:1px solid #005FB9; 
	border-right:1px solid #005FB9; 	
}




#sec_menu {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #A0D9F1;
	float: right;
	line-height: 30px;
	height: 30px;
	margin-right: 20px;
}
#sec_menu a:link, #sec_menu a:active, #sec_menu a:visited{
	color: #B5D9EA;
	text-decoration: none;
	font-weight: bold;
}
#sec_menu a:hover{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
#sub_menu {
	background-color: #ededed;
	height: 30px;
	margin-right: 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 30px;
	padding-right: 15px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	font-weight: bold;
}

.clearing {
	clear:both;
	height:0px;
	overflow: hidden;
}
#copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 20px;
}
#content {
	margin-right: 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#left_menu {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 225px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#main #left_col {
	float: left;
	width: 420px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#main #center_col {
	float: left;
	width: 280px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#main #right_col {
	float: left;
	width: 225px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#indicadores_menu {
	float: left;
	width: 225px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#main_headline {
}

#secondary_headline {
}
#secondary_headline p {
	line-height:130%;
	font-size:12px;
}
#secondary_headline .headline_type {
	font-size: 10px;
	font-weight: bold;
	color: #CC6600;
	padding: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}

#tipo_cambio {
	height:250px;
}
#tipo_cambio_hoy {
}
#tasas_inflacion {
}
#tasas_internacionales{
}
#indicadores{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	font-weight: bold;
	border: 1px solid #dddddd;
}
#indicadores a:link, #indicadores a:active, #indicadores a:visited {
	color: #006699;
	text-decoration: underline;
}
#indicadores a:hover{
	color: #003366;
	text-decoration: none;
}

#left_indicadores {
	float: left;
	width: 350px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#center_indicadores {
	float: left;
	width: 350px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#right_indicadores {
	float: left;
	width: 225px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#grupos #left_col {
	float: left;
	width: 700px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#grupos #right_col {
	float: left;
	width: 225px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#grupos #indicadores_menu {
	float: left;
	width: 225px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#left_column {
	float: left;
	width: 700px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#right_column {
	float: left;
	width: 225px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.form_label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
	color: #333333;
}
.form_field {
	padding: 3px;
}
.form_input {
	font-size: 11px;
	color: #666666;
	margin: 2px;
	padding: 2px;
	border: 1px solid #666666;
}
.form_combo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #76A7CB;
}
.form_button{
	font-size: 9px;
	color: #000000;
	text-decoration: none;
	margin: 2px;
	background-color: #858585;
	font-weight: bold;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	background-image: url(../../images/btn_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #CCCCCC;
	letter-spacing: 2px;
}
.form_button2 {
	font-size: 9px;
	color: #666666;
	text-decoration: none;
	margin: 2px;
	background-color: #CCCCCC;
	font-weight: bold;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #999999;
	letter-spacing: 2px;
}
.notFound {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	font-weight: normal;
}
#loading_spry {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#error_spry {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #990000;
}
.success_msg{
	margin: 3px;
	font-size: 12px;
	font-weight: normal;
	color: #666600;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 15px;
	padding-left: 3px;
}
.success_msg h3{
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	border: 1px solid #333333;
	background-color: #006600;
	padding: 5px;
}
.err_msg {
	margin: 3px;
	padding: 3px;
	font-size: 12px;
	color: #990000;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}
.err_msg h3{
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	border: 1px solid #CC0000;
	background-color: #CC6600;
	padding: 5px;
}
.err_msg ul{
	margin: 0px;
	padding: 0px;
}
.err_msg li{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 25px;
}
.indicador_check_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.result_area {
	padding-top: 15px;
	padding-bottom: 15px;
}
#params_area {
	float: left;
	width: 275px;
	margin-right: 10px;
}
#ind_area {
	float: left;
	width: 360px;
	margin-right: 10px;
}



.news_box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	padding: 10px;
	text-align: left;
	margin-bottom: 10px;
	line-height: 20px;
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;	
}
.news_box strong {
	font-size: 12px;
}

.news_box h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #CC6600;
	line-height: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0px;
}

.news_box h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #2E5B89;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-top: 5px;
	margin-right: 0px;
	margin-left: 0px;
}
.news_box h2 a:link, .news_box h2 a:active, .news_box h2 a:visited {
	color: #2E5B89;
	text-decoration: none;
}
.news_box h2 a:hover {
	color: #2E5B89;
	text-decoration: underline;
}

.news_box .news_author{
	font-style: normal;
	font-weight: bold;
	color: #666633;
}
.news_box .news_fecha{
	color: #999966;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;
}

.news_box h3 a:link, .news_box h3 a:active, .news_box h3 a:visited{
	color: #993300;
	text-decoration: none;
}
.news_box h3 a:hover{
	color: #993300;
	text-decoration: underline;
}
.news_box h4 {
	color: #333333;
	margin: 0px;
	font-size: 13px;
	font-weight: bold;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.news_box p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #333333;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.news_box p a:link,.news_box p a:visited,.news_box p a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2E5B89;
	text-decoration:none;
}
.news_box p a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2E5B89;
	text-decoration: underline;
}