/* CSS Document */

/* ###################### BRANDING LIVRE - FUNDO: VALE ###################### */
body.template, body#template {
	background-color: #98BDE0;
	/* background-image:url(../img/fundo.jpg); */
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#98BDE0), to(#FFFFFF), color-stop(0,#98BDE0));
    background-repeat: repeat-x;
    background-attachment: fixed;
    background-position: bottom center;
}

/* ###################### CONTEUDO ###################### */

#content-cont, .description, .contentdescription {background-color:#FFFFFF; display:block; clear:both; padding-bottom:1em;}
#main #content-cont {padding:1em;}
p.Apple-style-span, #mod_login_greeting {display:block;}

/* ###################### TABLE OF CONTENTS ###################### */

ul.contenttoc { float:right; display:block; margin-left:1.5em; margin-bottom:1.5em;}
ul.contenttoc a.active:link, ul.contenttoc a.active:visited { color:#333333;}

/* ###################### FLUTUACAO ###################### */
.l, img.l, .floatleft, #col1_home, .button a:link, .button a:visited,
.button2-left, .button2-right, .button2-left div, .button2-right div, .button2-left a, .button2-right a, .button2-left span, .button2-right span {float:left;}
.r, .floatright, #col2_home {float:right;}
.c, .pagination {clear:both;}

ul.pagination {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F7F7F7 none repeat scroll 0 0;
border-bottom:0.1em solid;
border-top:0.1em solid;
border-color: #CECECE;
height:2.2em; /* evita estouro da barra */
line-height:2.2em; /* permite padding */
margin:0 0 2em;
padding:0.5em 0 0.7em 1.1em;
}
ul.pagination li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
ul.pagination li a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:0.1em solid #CECECE;
color:#1018A5;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0.4em;
padding:0 0.7em;
}

ul.pagination li a.current {
background-color:#0062A6;
color: #FFFFFF;
}

ul.pagination li.no-a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:0.1em solid #CECECE;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0.4em;
padding:0 0.7em;
}
ul.pagination li a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#CCDEF0 none repeat scroll 0 0;
color:#FFFFFF;
}

ul.pagination li a.first span, ul.pagination li a.next span, ul.pagination li a.previous span, ul.pagination li a.last span {
  background-position: 50% 50%;
  background-repeat:no-repeat;
  padding-left:25px;
}

ul.pagination li a.first span { background-image:url(/img/nav-first.png);}
ul.pagination li a.previous span { background-image:url(/img/nav-previous.png);}
ul.pagination li a.next span { background-image:url(/img/nav-next.png);}
ul.pagination li a.last span { background-image:url(/img/nav-last.png);}

/* ###################### PADDING ###################### */

.p025, a.button, li.button a, .dm_taskbar a, .button2-left a {padding:0.25em;}
.p05 {padding:0.5em;}
.p075, #left .bannergroup, #atalhos .banneritem {padding:1.25em;}
.bannergroup {border-left:1px solid #4B5F60;}

/* ###################### LARGURAS E RETRO-COMPATIBILIDADE PARA LAYOUTS EM TABELA ###################### */

table .tr .td {display:block;}

.w5p {width:0.5em;}
.w15 {width:15%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w35 {width:35%;}
.w42, .contenttoc {width:42.5%;}
#col1_home, #col2_home {width:48.75%;}
.w50, #error-cont {width:48%;}
/*table.w100 .thead, table.w100 .tr {width:100%; clear:both;}*/

/* ###################### ALTURAS ###################### */
.h20 {height:2em;}

/* ###################### ACESSIBILIDADE ###################### */
.dn, .h, .template hr {display:none;border-color:#98BDE0; border-style:solid; border-width:0.1em;}
.template td hr, .contentpaneopen fieldset {display:block !important; margin-top:1em; margin-bottom:1em;}

div.caption       { padding: 0 1em 0 1em; }
div.caption img   { border: 0.1em solid; border-color: #CCC; }
div.caption p     { font-size: .90em; color: #666; text-align: center; }

/* STYLES FOR JOOMLA! EDITOR */
hr#system-readmore  { border: red dashed 0.1em; color: red; }
hr.system-pagebreak { border: gray dashed 0.1em; color: gray; }

.i, body.template .txtIndent {
	background-position:50% 50%;
	background-repeat: no-repeat;
	display: block; /* opera */
	line-height: 0; /* ie */
	text-indent: -999em;
	display:block;
}

/* ###################### BARRA MEC ###################### */
.barra_governo {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 2em;
}
.barra_governo_box {background-color:#FFCC33; text-align:center;}
.barra_governo_box .marca_mec {float:left;}
.barra_governo_box .marca_brasil {float:right;}
.barra_governo_box form {text-align:center;}

/* ###################### LAYOUT ###################### */
body.template {text-align:center; /* centraliza para browsers antigos */ }
.laydiv, div.aligncenter, table.aligncenter, #wrapper {margin:0em auto; position:relative; }
.laydiv, #wrapper, .menu, .sf-menu, #wrapper #menu_aux { text-align:left; }
.box, ul.contenttoc, ul.dm_mod_mostdown { padding:0.5em; border-style:solid; border-width:0.1em; border-color:#98BDE0; margin-bottom:1em; }

/* Cor de fundo geral do site - afeta cabecalho, logotipo, menu horizontal e outros menus */
#wrapper, #logo, #footer, #menu_aux, .menu {border-width:0em;}

#wrapper {width:980px;margin-top: 2em;margin-bottom:2em; font-size: 10pt;}
#wrapper #header {text-align:center; padding-bottom:3.5em; margin: 0 0 0 0.1em;}
#wrapper #header #logo, #wrapper #header #banner, #dm_header {text-align:center;}
#wrapper #header div.searchcont {margin-top:3em;}
#wrapper #content { border-style: solid; border-color: #FFFFFF;display : block; width:60em; position:relative;}
#wrapper #footer, div.rodape {
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	background-position:top center;
	padding-top:1em;
	padding-bottom:1em;
	width:100%;
	border-top: 0.1em solid;
	border-color: #4B5F60; background-color:#FFFFFF;
}
#wrapper #footer #footer_l, #wrapper #footer #footer-cont2 {float:left;}
#wrapper #footer #footer_l a.txtIndent {background-image:url(../img/layout_final_06.gif);width:145px;height:120px;margin-right: 1em;}
#wrapper #footer h3 {margin-left:1em;}
#wrapper #footer p { margin-bottom:1em;}

#wrapper #footer #login {float:right;}

#wrapper #menu_aux {position:absolute; top:-2em; _top:-2.2em;height:1.8em; } /* exclusivo para os portais */
#wrapper #menu_aux ul {/*margin-left:15em; */}

#cpl-cont {width:79em;}
#center-cont {
	background-color:#FFFFFF !important;
	margin-top: 0em;
	padding-top: 0em;
}
#left, #atalhos, #wrapper #footer #login, #footer #footer_l {display:block; width:18em;}
#left { /*margin-right:0.75em;*/} #atalhos {margin-left:0.75em;}

/* ###################### BARRA DE MIGALHAS ##################### */
#breadcrumbs {margin-bottom:1em;border: 0.1em solid #D5D5D5;background-repeat:no-repeat; background-position:left bottom;}
#breadcrumbs ul { font-size: 1.1em; color: #444; height: 3.6em; line-height: 3.4em; margin: 0; list-style: none; font-weight: bold; margin-left:130px;  }
#breadcrumbs ul li { float: left; margin: 0; padding: 0 0 0 2em; background: url(../img/breadcrumb_sep.png) no-repeat;}
#breadcrumbs ul li a { float: left; color: #444; padding: 0 1em; margin-left: -1em; }
#breadcrumbs ul li a:hover { color: #333; }
#breadcrumbs ul li.home { background-image: none; margin: 0; padding: 0; }
#breadcrumbs ul li.home a { margin: 0; padding: 0 1em; overflow: hidden; }
#breadcrumbs ul, #breadcrumbs ul li.show-last { overflow:hidden; }

/* ###################### TOOLTIPS ###################### */
div.tooltip, div.tool-tip {
	float: left;
	background-color: #ffc;
	border: 0.1em solid;
	border-color: #D4D5AA;
	padding: 0.5em;
	z-index:13000;
}

div.tooltip h4, div.tool-tip h4 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	font-weight: bold;
	margin-top: -1.5em;
	padding-top: 1.5em;
	padding-bottom: 0.5em;
	background: url(../images/selector-arrow.png) no-repeat;
}

/* ###################### DOCMAN ###################### */

.dm_unpublished { border: 0.1em dotted red; background-color: #FFCCCC;}
.dm_unapproved { border: 0.1em dotted green; background-color: #CCFFCC;}
.dm_checked_out { border: 0.1em dotted blue; background-color: #CCCCFF;}

/* ###################### NEWSFLASH ###################### */

.noticia_destaques .article {
	margin-bottom:0.25em;
	padding:1em 1em 1em 1em;
}

.table .tr .column {float: left; padding-right:1em;}

.article_column {padding-right:1em;}