/* CSS Document */
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:0; margin:0; }
img { border:none; }
#container { width:990px; margin-left:auto; margin-right:auto; }
#wrapper { float:left; width:1004px; padding-left:14px; background-image:url(../images/bg_win.jpg); background-repeat:repeat-y; }
#header { width:976px; height:111px; background-image:url(../images/bg_head.jpg); background-repeat:no-repeat; background-position:left top; overflow:hidden; }
#header .header_logo { float:left; width:400px;}
#header .header_addthis { float:left; width:100px; margin-top:17px; margin-left:450px; }
#header img { margin-top:-1px; }
#header_info { width:976px; height:263px; background-image:url(../images/bg_line.jpg); background-position:bottom; background-repeat:repeat-x; }
.hinfo_left { float:left; width:420px; margin-top:-24px; }
.hinfo_right { float:left; width:490px; padding-left:20px; margin-top:-24px; font-size:14px; }
#content { width:100%; float:left; }
#content .threeCol { float:left; width:315px; padding-left:10px; border-left:dotted 1px #ccc; }
#content .threeCol img { float:left; margin-right:8px; }
#content .threeCol .black_title { width:200px; float:left; font-size:12px; padding-top:7px; }
#content .threeCol .brown_title { width:200px; float:left; font-size:16px; }
#internal-content { width:940px; float:left; padding-left:15px; padding-right:10px; padding-bottom:20px; line-height:17px; }
#internal-content .twoCol { width:440px; float:left; }
.miniCol { width:190px; float:left; margin-left:20px; }
.miniCol img { padding-bottom:12px; }
#footer { color:#999999; width:1004px; font-size:9px; margin-left:auto; margin-right:auto; }
#footer .foo_left { width:14px; height:16px; margin-left:2px; float:left; background-image:url(../images/bg_left_corner.jpg); background-position:left; background-repeat:no-repeat;  }
#footer .foo_center { width:972px; height:16px; float:left; background-image:url(../images/bg_bottom.jpg); background-position:bottom; background-repeat:repeat-x;  }
#footer .foo_right { width:14px; height:16px; float:left; background-image:url(../images/bg_right_corner.jpg); background-position:left; background-repeat:no-repeat;  }
.footer_text { font-size:9px; color:#999999; padding-bottom:10px; text-align:center; line-height:18px; }
.goToResume { position:absolute; width:260px; margin-left:690px; margin-top:70px;}

.note{ font-size:11px; font-style:italic; border:dotted 0.3mm #835608; background-color:#F2F2F2; padding:5px; }
.cuadro { float:left; width:18px; height:18px; margin-right:10px;}
.description { float:left; width:312px; font-size:11px; color:#666666; line-height:14px; }
.graph-desc { float:left; width:340px; padding-bottom:10px;}
.loader { padding:10px; height:20px;}
.loader img { float:left; margin-right:4px; }
.loader span { float:left; }

.news-logos { float:left; width:130px; padding-left:6px; margin-top:6px; }
.news-logos img { margin-bottom:4px; }
.type-help { position:absolute; margin-left:135px; margin-top:3px; width:13px; }
.type-help img { cursor:pointer; margin-bottom:24px; }
.type-help .img2 { margin-left:100px; }
.type-help .img3 { margin-left:115px; }

.table { border:solid 1px #ccc; }
.table td { border:dotted 1px #ccc; padding:5px; }
.table-resumen { border:solid 1px #ccc; }
.table-resumen td { border:dotted 1px #ccc; padding:5px; text-align:center; width:50px; }

/* TEXT STYLES */
.red { font-weight:bold; color:#CC0000; }
.green { font-weight:bold; color:#669900; }
.big_title { color:#835608; font-size:18px; font-weight:bold; }
.brown_title { color:#835608; font-size:15px; font-weight:bold; }
.brown_small_title { color:#835608; font-size:14px; margin-bottom:5px; width:100%; float:left; }
.gray_text { color:#666666; font-size:10px; font-weight:bold;}
.gray_normal_text { color:#666666; font-weight:bold; font-size:11px;}
.start_link { color:#fdb83b; font-size:14px; font-weight:bold; float:left; width:118px; line-height:16px; padding-top:10px; }
.start_link span { font-size:18px; }
.resume_link { color:#fdb83b; font-size:14px; font-weight:bold; float:left; width:200px; line-height:16px; padding-top:10px; }
.resume_link span { font-size:18px; }
.study_link { color:#fdb83b; font-size:14px; font-weight:bold; float:left; width:180px; line-height:16px; padding-top:10px; }
.study_link span { font-size:18px; }
.list li { font-size:13px; font-weight:bold; color:#835608; padding-bottom:21px; }
.sList li { margin-left:-20px; padding:0px; padding-bottom:5px; }

/* LINKS STYLES */
a:link, a:visited, a:active { color:#333333; text-decoration:underline; font-weight:normal; cursor:pointer; }
a:hover {color:#835608; text-decoration:none;  font-weight:normal; cursor:pointer; }


/* MENU */

#menuContainer {float:left; width:500px; position:relative; z-index:100;}
#verticalNav {position:absolute; left:5px; top:-3px; margin:0; list-style:none; position:relative; font-family:verdana, sans-serif;float:left; padding:0px 0 0 0;}

#verticalNav ul.toplevel {padding:0; margin:0; list-style:none;}
#verticalNav ul.sub {padding:0; margin:0; list-style:none;}

#verticalNav table {border-collapse:collapse; margin:-1px;}
#verticalNav ul.toplevel ul.sub {position:absolute; left:-9999px; width:132px;}
#verticalNav ul.toplevel ul div.base {position:absolute; left:-9999px; background:#fff; border:1px solid #ddd; padding:10px; width:320px; height:185px;}
#verticalNav ul.toplevel ul div.border {position:absolute; left:-9999px; width:370px; height:340px;}

#verticalNav ul.toplevel {width:132px; border-top:1px solid #ddd;}
#verticalNav ul.toplevel li {float:left; width:120px;}
#verticalNav ul.toplevel li a {display:block; width:120px; padding-left:10px; height:22px; line-height:22px; text-decoration:none; color:#000; font-size:11px; background:#eee url(../images/arrow-black.gif) no-repeat 120px center; border:1px solid #ddd; border-width:0 1px 1px 1px;}

#verticalNav a:hover {white-space:nowrap;}
#verticalNav :hover ul.toplevel li a {background:#eee url(../images/arrow-grey.gif) no-repeat 120px center; color:#000; filter:alpha(opacity=90); opacity:0.9;
}
#verticalNav ul.toplevel li a:hover {color:#000; background:#fff url(../images/arrow-grey.jpg) no-repeat 120px center; filter:alpha(opacity=100); opacity:1.0;}
#verticalNav ul.toplevel li:hover > a {color:#000; background:#fff url(../images/arrow-black.gif) no-repeat 120px center; filter:alpha(opacity=100); opacity:1.0;}

#verticalNav :hover ul.toplevel :hover ul.sub {left:131px; top:0; border-top:1px solid #ccc;}
#verticalNav :hover ul.toplevel :hover ul.pos1 {top:0px;}

#verticalNav :hover ul.toplevel :hover ul.sub li a {background:#eee; color:#000; filter:alpha(opacity=100); opacity:1.0;}
#verticalNav :hover ul.toplevel :hover ul.sub li a.sub2 {background:#eee url(../images/arrow-black.gif) no-repeat 120px center; color:#000;}

#verticalNav :hover ul.toplevel :hover ul.sub li a:hover {background:#fff; color:#000;}
#verticalNav :hover ul.toplevel :hover ul.sub li a.sub2:hover {background:#fff url(../images/arrow-black.gif) no-repeat 120px center; color:#000;}
#verticalNav :hover ul.toplevel :hover ul.sub li:hover > a.sub2 {background:#fff url(../images/arrow-black.gif) no-repeat 120px center; color:#000;}

#verticalNav :hover ul.toplevel :hover ul.sub div.base {left:-9999px;}
#verticalNav :hover ul.toplevel :hover ul.sub div.border {left:-9999px;}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.base {left:131px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.div1 {top:-1px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.div1 .news {width:150px; height:35px; float:left; background:none; border:none; margin:0; padding-left:10px; padding-top:10px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.div1 .types {width:250px; float:left; background:none; border:none; margin:0; padding-left:10px; padding-top:5px; text-decoration:underline;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.div1 .types:hover {text-decoration:none; color:#835608;}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.border {left:132px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.b1 {top:-102px;}