/* default.css */

body, html, p, h1, h2, h3, div, table, td, ul, li, input, textarea, a, img { margin: 0; padding: 0; border: 0px none; }
.clear { clear: both; }
li { list-style: none; }
a img, map { border-style: none; }
a { text-decoration: none; color: #4D4D4D; }
a:hover { text-decoration: underline; }

body { height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 13px; background-color: #E5E5E5; color: #4D4D4D; }
div { position: relative; }
div.global { margin: 0px auto; width: 960px; overflow: hidden; background: repeat-y left url(../img/css/global-background-960x1.gif); }
div.global_wrapper { width: 970px; height: 100%; }
div.global_child { float: left; margin: 0px 10px 0px 0px; border-top: 6px solid white; }

/* flashtext */
.flashtext { overflow: hidden; }

/* Cap */
div.cap { width: 960px; height: 84px; background-color: #FFB40F; font-size: 12px; border-top-color: #E5E5E5; }
div.cap div.logo { position: absolute; left: 44px; top: 14px; }
div.cap div.contact { position: absolute; left: 294px; top: 32px; font-size: 18px; color: black; }
div.cap div.date { position: absolute; right: 0px; background-color: black; color: white; width: 176px; height: 15px; padding: 4px 8px; }
div.cap div.lang { position: absolute; right: 0px; top: 45px; width: 194px; }
div.cap div.lang span { padding: 0px 4px; }

/* Content */
div.cap div.lang a:hover { background-color: #4D4D4D; color: #FFB40F; text-decoration: none; }
div.content h1 { color: black; margin-bottom: 2px; position: relative; left: -4px; }
div.content h2 { margin: 32px 0px 12px 0px; color: black; }
div.content p { margin: 0px 0px 12px 0px; }
div.content ul { margin: 0px 0px 12px 0px; }
div.content li { margin-left: 18px; list-style-type: disc; }
div.content li li { list-style-type: circle; font-style: italic; }
div.content ul.destacado li { font-size: 120%; padding-bottom: 10px; }
div.content p.destacado { font-size: 120%; margin: 0px 0px 16px 0px; }
div.content h2 { font-size: 18px; }
div.content div.h2_desplegable { margin: 12px 0px 12px 0px; }
div.content div.h2_desplegable h2 a:hover { color: #222; }
div.content div.h2_desplegable.expanded h2 a { color: #000; text-decoration: none; }
div.content div.h2_desplegable.expanded h2 { margin: 0px 0px 12px 0px; padding-left: 12px; background: 0px 6px no-repeat url(../img/css/content-expanded-8x8.gif); }
div.content div.h2_desplegable.collapsed h2 { margin: 0; background: 0px 6px no-repeat url(../img/css/content-collapsed-8x8.gif); padding-left: 12px;  }
div.content div.h2_desplegable.collapsed ul { display: none; }

/* Menu pral */
div.menu_pral { width: 167px; background-color: #4D4D4D; overflow: hidden; }
div.menu_pral div.banner { color: white; font-size: 11px; }
div.menu_pral div.text { padding: 10px 16px 10px 16px; color: white; font-size: 11px; }
div.menu_pral div.text a { color: white; }
div.menu_pral li { width: 167px;  }
div.menu_pral li a:hover { text-decoration: none; }
div.menu_pral li.contracted div.expand { background-image: url(../img/css/li-expand-5x5.gif); }
div.menu_pral li.expanded div.expand { background-image: url(../img/css/li-contract-5x5.gif); }
div.menu_pral li div, div.menu_pral li a { width: 145px; padding: 4px 16px 4px 16px; }
div.menu_pral ul.level1 li a { display: block; color: white; background-color: #4D4D4D; }
div.menu_pral ul.level1 li a:hover { background-color: black; }
div.menu_pral ul.level1 li div { background-color: black; color: white; }
div.menu_pral ul ul.level2 li a { display: block; background: #CCC; color: #4D4D4D; }
div.menu_pral ul ul.level2 li a:hover { background: white; color: black; }
div.menu_pral ul ul.level2 li div { background: white; color: black; }
div.menu_pral ul.level1 li { border-bottom: 4px solid white; color: white; }
div.menu_pral ul ul.level2 li { border-bottom: 0px none; background-color: #CCC; border-top: 1px solid #4D4D4D; }
div.menu_pral ul li div.expand { width: 100%; background: #4D4D4D no-repeat 8px 8px; padding: 0; }
div.menu_pral ul li div.expand.selected { background-color: black; }
div.menu_pral ul li div.expand a { background: none; }
div.menu_pral ul li div.expand a:hover { background: none; }

/* Peu */
div.peu { width: 960px; height: 16px; padding: 4px 0px; float: none; clear: both; background-color: #4D4D4D; color: white; text-align: center; font-size: 12px; }
div.peu a { color: white; }