@import "reset.css";

/*** Common ***/
* { font-family: Frutiger, Trebuchet MS, Verdana, Helvetica, Sans-Serif; color: #000000; text-decoration: none; }
input { margin: 3px; }
.sidebar { width: 150px; }

/*** Header ***/
.title { font-size: 2em; color: #000000; text-align: right; vertical-align: bottom; font-weight: 900; }
.title p { margin: 0 10px 15px 0; }
.top_links { text-align: right; background-color: #E3E3E3; border-bottom: solid 3px #000000; }
.top_links a { font-size: 0.75em; margin: 5px 8px; text-decoration: none; display: inline-block; }
.fullname { text-align: left; padding: 15px 0; width:100%; border-bottom: solid 3px #CCCC66; font-size: 1.5em; font-weight: bold; }
.header { width: 960px; margin: 0 auto; }

/*** Main ***/
.main { width: 960px; margin: 0 auto; }
.main a { text-decoration: underline; }
.mainbar { background-color: #F8F8F8; vertical-align: top; }

/***  Menu  ***/
/*
.menucontainer { width: 100%; background-color: #000000; }
list-style: none; 

antigo
ul.menu { padding-left: 240px; position: relative; font-size: .75em; width: 720px; margin: 0 auto;    color: #FFFFFF; }

novo
ul.menu {padding-left: 240px; position: relative; font-size: .75em; width: 9em; margin: 0; float: left; padding: 0; color: #FFFFFF; }
ul.menu {  position: relative; font-size: .75em; margin: 0 auto; color: #FFFFFF; float: left}

*/
.menucontainer { width: 100%; background-color: #000000; }
ul.menu { padding-left: 240px; margin: 0 auto; position: relative; width: 720px; font-size: .75em; color: #FFFFFF; }
ul.menu * { color: #FFFFFF; }
ul.menu li { display: inline; list-style: none; height: 100%; line-height: 2.5em; /*border-right: solid 1px #FFFFFF;*/ }
ul.menu li.first { border-left: none; }
ul.menu li.last { border-right: none; }
ul.menu li a { color: #FFFFFF; padding: 0 2px; }
li.selected { border-top:8px solid #CCCC66; }
div.sel { width: 2px; height: 2px; }

/*
.menucontainer { padding-left: 240px; background-color: #000000; width: 100%; }
ul.menu {  position: relative; font-size: .75em; width: 720px; margin: 0 auto;    color: #FFFFFF; }
ul.menu * { color: #FFFFFF; }
ul.menu li { display: inline; list-style: none; height: 100%; line-height: 2.5em;  }
ul.menu li.first { border-left: none; }
ul.menu li.last { border-right: none; }
ul.menu li a { color: #FFFFFF; padding: 0 2px; }
li.selected { border-top:8px solid #CCCC66; }
div.sel { width: 2px; height: 2px; }

.menu {
    width: 100%;
    background: #eee;
    float: left;
}

.menu ul 
{
    padding-left: 240px;
    margin: 0 auto; 
    position: relative; 
    width: 720px; 
    color: #FFFFFF;
    
    font-size: .75em;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 12em;
    float: left;
}


.menu ul ul {
    position: absolute;
    z-index: 500;
}

.menu h6 {
    color: #000;
    background: #000; 
    border-width: 1px;
    border-style: solid;
    border-color: #ccc #888 #555 #bbb;
    display: block;
    margin: 0;
    padding: 2px 3px;
}
*/
/* for dropdown menu 
div.menu ul ul,
div.menu ul li:hover ul ul,
div.menu ul ul li:hover ul ul
{display: none;}
*/
/* para mostrar os submenus no hover
div.menu ul li:hover ul,
div.menu ul ul li:hover ul,
div.menu ul ul ul li:hover ul
{display: block;}
*/
/*** Footer ***/
div.footer { width: 960px; margin: 0 auto; }
div.footer hr { width: 100%; border-top: dashed 2px #E3E3E3; border-bottom: none; border-left: none; border-right: none; margin: 10px 0; }
div.footer table { width: 100%; }
div.footer p { color: #BABABA; font-weight: bold; }
div.footer td { font-size: .75em; color: #BABABA; }
div.footer a { color: #BABABA; }
div.footer img { float: right; margin-left: 10px; }
div.footer img.flag-footer-text { float: left; margin-right: 10px; margin-left: 0px; }

/***  Messages  ***/
.message { padding: 10px; border-style: solid; border-width: 1px; vertical-align: middle; margin-bottom: 20px; }
.information { color: #006600; border-color: #006600; background-color: #CCFFCC; }
.error       { color: #990000; border-color: #990000; background-color: #FFDDAA; }
.warning     { color: #996600; border-color: #996600; background-color: #ffffcc; }

/*****  Misc  *****/
.hidden { display: none; }

/*** Page Path ***/
div.page_path { text-align: right; text-transform: uppercase; font-size: 1.2em; }
div.page_path p.path_header { color: #C8CD4F; }

/*** Sidebar Login ***/
.sidebar_area_header { background-color: #C8CD4F; padding: 10px; /*#E3E3E3;*/ }
.sidebar_area_header td { padding-top: 15px;  }
.sidebar_area_header p { color: #FFFFFF; border-bottom: solid 3px #9E9E9E; font-size: 0.75em; }
.sidebar_area_form { padding: 10px; }
.sidebar_area_form form { font-size: 0.75em; text-align: right; }
div.sidebar_area_form p { font-size: 0.75em; margin-bottom: 10px; }
div.sidebar_area_form a.sidebarlink { font-size: 12px; }
/*** Sidebar Document Tree ***/
.sidebar-section { display:block; font-size: 10px; }
.sidebar-section-children { }

/*** Main Content ***/
.main_content { padding: 20px 0 20px 20px; font-size:0.75em; vertical-align: top; }
.main_content h1 { background: transparent url('../Images/seta33.png') no-repeat scroll center left; line-height: 2em; border-bottom: dashed 2px #E3E3E3; font-size:2em; font-weight:bold; padding-left: 20px; margin-bottom: 20px; }
.main_content h2 { font-size: 1.2em; font-weight: bold; padding-bottom: 10px; padding-top: 10px; }
.main_content h3 { font-size: 1.2em; }
.main_content h4 { font-size: 1.1em; margin: 20px 0; }
.main_content h5 { font-size: 1.1em; margin: 20px 0; }
.main_content h6 { font-size: 1em; }
.main_content td.filled { background-color: #008000; color: #FFFFFF; }
.main_content td.not-filled { background-color: #800000; }
.main_content ul.section-children { padding-left: 1em; margin-left:0em; }
.main_content li.section { border: dashed 1px #969696; margin: 2px 0; padding: 2px; cursor: pointer; }
.main_content li.section img { cursor: pointer; }
.main_content li.show { border: none; cursor: default; }

/*****  Entity Table  *****/
table.entity-table { margin: 20px 5px; }
table.entity-table th { padding: 5px; text-align: left; height: 1.5em; border: solid 1px #696969; color: #505050; font-weight: bold; background-color: #cccccc; }
table.entity-table td { padding: 5px; text-align: left; height: 1.5em; border: solid 1px #cccccc;}

/*** Country ***/
table.country-selector { width: 100%; margin: 30px 0; }
table.country-selector td { text-align: center; }
table.country-selector a { display: block; }
div.pais_header { margin: 10px 0 20px 0; font-size: 2em; }

/*****  Forms  *****/
table.form-table { width: 100%; margin:15px 0; }
.field-validation-error { color: #ff0000; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: #ff0000; }
.form-field * { text-align: left; }
.form-field input { width: 500px; }
.form-field input[type=checkbox] { width: auto; }
td.form-field input#addFile { width: 9em; }
.form-field textarea { width: 100%; height: 300px; }
.form-field select { width: 506px; }
.form-label { text-align: right; padding: 10px 10px 10px 0; font-weight: bold; white-space: nowrap; vertical-align: top; }
.form-field { padding: 10px 0; }
.file-upload { width: 400px; }
.notice { font-style: italic; color: Gray; font-size: 0.75 em; }
.form-field-small * { width: 200px; }
textarea.small-area { height: 5em; }
table.entity-detail { margin:15px 0; }
div.form-actions { margin-bottom: 50px; }
div.inline-options { margin-bottom: 5px; }
div.inline-options select { width: auto; margin-right: 20px; }
a.toggler { color: #666666; text-decoration: none; cursor: pointer; }
input.radio { width: 10px; }

/*** Starting Page ***/
table.starting_page { width: 100%; }
table.starting_page td.flags { text-align: center; vertical-align: text-top; padding-left: 15px; }
td.flags img { margin-bottom: 5px; }
th.contagem-header { background-color: #C8CD4F; width: 19%; text-align: center; }
td.contagem-cell {   background-color: #E3E3E3; width: 19%; text-align: center; }

/*** Descritores ***/
a.super-descritor { font-weight: bolder; font-size: 1.5em; }
table#descritoresindex { width: 100%; margin-bottom: 30px; }
table#descritoresindex td { border-right: solid 1px Black; border-left: solid 1px Black; font-size: 2em; font-weight: bold; text-align: center; width: 3%; }
table#descritoresindex a { cursor: pointer; }

/*** Legislação ***/
span.legislacao-revogada { color: #CC0000; }
span.legislacao-nao-vigente { color: #800000; }

/*** Sugestões/Críticas ***/
.message-form { width: 300px; }

/*** Plataforma ***/
/*table img { margin: 10px; }*/