@charset "utf-8";
/* Documento CSS 
Autora: Eiko Saito de Lima - Data: 05-01-2009 - 1ª Alteração:*/

/* Geral*/
@import url('fontes.css'); 
* {
/* o asterisco seleciona todos os elementos do HTML. Com este procedimento estou tirando as propriedades que irão atrapalhar no decorrer do trabalho */
	margin: 0;
	padding: 0;
	list-style: 0;
	text-decoration: none;
}
body {
	position:relative; 
	background:#F3F8D8 url(../images/bg.jpg) repeat-x scroll 0 0;
	margin:0 auto;
	text-align:center;
}
#geral1{
	margin:0 auto;
	padding:0;
	width: 990px;
	background:none;
	border:0;
}
#geral{
	float:left;
	margin: 0 auto;
	width: 988px;
	background:#ffffff;
	border-left:1px solid #E6C57F;
	border-right:1px solid #E6C57F;
	text-align:left;
	padding:0;
}

/* O 'topo' contém o logo da FMO, o menu de serviços e o banner 468x60. Estes 2 últimos estão dentro da div cabecalho.*/
#topo{
	width:988px;
	height:124px;
	background:url(../images/header988.jpg) 0 0 no-repeat;
	font:20px Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	text-indent: -5000px;
	overflow:hidden;
	}
#topo h1{
	float:left;
}
/*Logo FMO-Centro de Pesquisa*/
#topo h1 a{
	display:block;
	width:115px;
	height:103px;
	/*background:url(../images/logo.png) no-repeat top center;*/
	font:20px Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	text-indent: -1000px;
	overflow:hidden;
	margin:12px 10px 9px /*29*/43px;
}
/* Dentro do 'cabecalho' estão o menu de serviços e o banner 468x60*/
#cabecalho{
	margin-right:5px;
	float: right;
	width: 596px;
}
#banner-topo{
	width:870px;
	height:90px;
	background:url(../images/full_bnn_sistemas728_4.jpg) no-repeat top center;
	margin:0 auto 10px;
}
#menu-topo{
	width:auto;
	background:#10401D/*#1B6B31*/;
	height:22px;
	padding:2px 10px;
	margin:0 0 10px 0;
}
#frases{ float:right; width:768px; height:19px; margin:0;}
/*bandeiras das versões*/
h3#lbr a{	
	display:block;
	width:24px;
	height:19px;
	background:url(../images/br.png) no-repeat top center;
	font:20px Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	text-indent: -1000px;
	overflow:hidden;
	margin:0 7px 0 0;
	float:left;
}
h3#len a{	
	display:block;
	width:24px;
	height:19px;
	background:url(../images/en.png) no-repeat top center;
	font:20px Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	text-indent: -1000px;
	overflow:hidden;
	margin:0 7px 0 7px;
	float:left;
}
h3#ljp a{	
	display:block;
	width:24px;
	height:19px;
	background:url(../images/jp.png) no-repeat top center;
	font:20px Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	text-indent: -1000px;
	overflow:hidden;
	margin:0 0 0 7px;
	float:left;
}

#col-lateral{
	/*clear:both;*/
	float:left;
	background:/*#58680D*/#FFFFFF;
	width:180px;
	padding:0;
	margin: 0 10px;
}
/*ul.menu_principal,ul.menu_principal li{margin:0; padding:0; list-style:none;}*/
/*ul.menu_principal{background:#FFFFFF url(../images/mn_fim.png) bottom 0;margin:0 0 18px 0;}*/
/*.menu_principal{border:none; font:12px Arial, Helvetica, sans-serif;}
.menu_principal {width:180px;}
.menu_principal li{background:#57670C url(../images/border.gif) 5px bottom no-repeat;/*border-bottom:1px solid #2F3706;*//*}
.menu_principal li.alt{background:#B1BF60;}
.menu_principal li.fim{background:#FFFFFF url(../images/mn_fim.png) 0 -18px no-repeat; height:18px; border:0;}
.menu_principal li a{color:#FFFFFF; text-decoration:none; padding:7px; display:block;}
.menu_principal li a:hover{color:#2F3706; background:#B1BF60;}*/
#conteudo{
	float:right;
	background:yellow;
	width: 768px;
	margin:0 10px;
}
#col-noticias{
	float:left;
	background:/*#FFCC99*/;
	width: 360px;
	margin:0 10px;
}
#col-noticiasDet, #col-cttDet2{
	float:left;
	width: 548px;
	margin:0 10px;
}
#col-cttDet1{
	float:left;
	width: 761px;
	margin:0 0 0 10px;}
#col-noticiasDetLat{
	float:left;
	background:#FFFFFF;
	width: 188px;
	margin:0 0 0 15px;
}
#col-agenda{
	float:left;
	background:#FFFFFF;
	width: 188px;
	margin:0 0 0 10px;
}
#col-agenda2{
	float:left;
	background:#FFFFFF;
	width: 150px;
	margin:0 10px;
}
#agenda{
	background:white;
	border-bottom:2px #E9E9E9 solid;
	padding-bottom:5px;
	margin-bottom:10px;
}
#agenda h2{
	display:block;
	height:auto;
	/*background:#C1CC8F;*/
	padding:0 5px 5px;
	border-bottom:2px #C1CC8F solid;
}
#agenda dl{
	margin:13px 5px 8px;
}
#parceiros{
	margin:15px 0 0;
	/*border-bottom:2px #E9E9E9 solid;*/
}
#parceiros dl{
	margin:13px 0 8px;
}
dt.item_Parceiro a,dt.item_Parceiro a img{text-decoration:none; text-align:center; border:0;}
dt.item_Parceiro{text-align:center; }
img.img_Parceiro{margin: 5px 0;}
#depoimentos, #tour, #newsletter, #destaque{margin:5px 0;}
#depoimentos h3, #tour h3, #newsletter h3, #destaque h3, #parceiros h3, #servicos h2, #latNoticias h2, #latEditorial h2, #latArquivo h2, #latMaterias h2{
	text-align:left;
	display:block;
	height:auto;
	/*background:#C1CC8F;*/
	padding:0 5px 5px;
	border-bottom:2px #C1CC8F solid;
}
#latNoticias, #latEditorial, #latArquivo, #latMaterias{float:left; margin:12px 0 20px 0;}
#latNoticias div dl, #latEditorial div dl, #latArquivo div dl, #latMaterias div dl{margin:8px 0 20px;}
#depoimentos, #tour, #destaque{
	text-align:center;
	margin:15px 0;
}
#depoimentos h4, #tour h4, #destaque h4{
	text-align:left;
	margin:0 10px;
}
.img_Depoimentos{
	border:1px #294026 solid;
	margin:5px auto 2px;
	text-align:center;
}
#newsletter{
	width:166px;
	padding: 10px 5px;
	float:left;
	border:2px #C1CC8F solid;
}
#newsletterhome{
	width:170px;
	padding: 10px 5px;
	float:left;
	border:2px #C1CC8F solid;
	margin:10px 0;
}
#newsletter h3{border:none; padding:0; text-align:center;}
#newsletterhome h3{border:none; padding:0; text-align:left;}
#col-pub{
	float:left;
	width: 180px;
	margin:0 10px;
}
#col-pub2{
	float:left;
	width: 218px;
	margin:0 0 0 10px;
}
#sevicos{clear:both;float:left;margin:10px 0;}
#pubSistemas a{
	display:block;
	background:url(../images/bnn_sistemas_CPMO180-150ok.jpg) no-repeat 0 0;
	width:180px;
	height:150px;
	text-indent: -5000px;
	overflow:hidden;
	margin-bottom:10px;
}
#pubSistemas a:hover{background:url(../images/bnn_sistemas_CPMO180-150ok.jpg) no-repeat 0 -150px;}
#pubProjetos a{	
	background:url(../images/bnn_tb_saiba_maisok.jpg) no-repeat 0 0;
}
#pubProjetos a:hover{background:url(../images/bnn_tb_saiba_maisok.jpg) no-repeat 0 -150px;
}
#pubProgramas a{	
	background:url(../images/bnn_tb_conheca_maisok.jpg) no-repeat 0 0;
}
#pubProgramas a:hover{	
	background:url(../images/bnn_tb_conheca_maisok.jpg) no-repeat 0 -150px;
}
#pubProjetos a, #pubProgramas a{
	display:block;	
	width:180px;
	height:150px;
	text-indent: -5000px;
	overflow:hidden;
	margin:10px 0;
}
#pubAgricultura{float:left;}
#pubAgricultura a{
	display:block;	
	background:url(../images/bnn_agricultura_natural.jpg) no-repeat 0 0;
	width:180px;
	height:150px;
	text-indent: -5000px;
	overflow:hidden;
	margin:10px 0;
}

/*Menu glossy*/
.glossymenu{
	float:left;
	margin: 5px 0;
	padding: 0;
	width: 180px; /*width of menu*/
	border-top: 1px solid #57670C;
	border-bottom: none;
	border-bottom: none;
	border-bottom: none;
}

.glossymenu a.menuitem, .glossymenu a.menufim{
font:12px Arial, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 7px 5px 10px;
text-decoration: none;
}

.glossymenu a.menuitem{
background:/*#58680D*/#868628 url(http://www.cpmo.org.br/images/mn_ok1.gif) left bottom no-repeat;
border-left: 1px solid #58680D;
border-right: 1px solid #58680D;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active, .glossymenu a.menufim:visited, .glossymenu .menufim:active{
color: white;
}

.glossymenu a.menuitem .statusicon, .glossymenu a.menufim .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background:#889C2B url(http://www.cpmo.org.br/images/mn_ok2.gif) left bottom no-repeat;
color:#2F3706;
}

.glossymenu img.menufim{
background:white;
border-bottom-width: 0;
border-right-width: 0;
border-right:none;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background:/*#E4EDBC*/#FFFFDD;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #58680D;
border-left: 1px solid #58680D;
border-right: 1px solid #58680D;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #2F3706;
text-decoration: none;
padding: 2px 10px;
}

.glossymenu div.submenu ul li a:hover{
background:#D5E296;
color: #2F3706;
}
/*Busca*/
#busca{
	float:left;
	width: 160px;
	padding:7px 9px 10px;
	border:1px #10401D solid;
	margin-bottom:5px;
}
#SearchSubmit{
	float:right;
	padding:1px 2px;
	/*clear:both;*/
	background:/*#1B6B31#10401D*/;
	color:#10401D;
	margin:0;
	border:1px #10401D solid;
	font:14px Arial, Helvetica, sans-serif;
	}
#LabelBusca{
	float:left;
	width:146px;
	font:bold 12px Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	color:black;}
#SearchTerm{
	float:left;
	border:1px #10401D solid;
	font:12px Arial, Helvetica, sans-serif;
	color:black;
	width:155px;
	height:16px;
	padding:2px 1px;
	margin:5px 2px 0 0;}
#categoria{
	float:left;
	border:1px #10401D solid;
	width:159px;
	padding:2px 1px;
	font:12px Arial, Helvetica, sans-serif;
	margin:7px 0;
	color:black;}
#categoria option{border:1px #10401D solid;}	

/*Newsletter*/
#NewsForm{
	text-align:center;
	margin:0 auto;
	padding:0 0 5px;
}
#NewsOk{
	padding:1px 2px;
	/*clear:both;*/
	background:white;
	color:#10401D;
	margin:0 0 0 121px;
	border:1px #10401D solid;}

#NewsNome,#NewsEmail{
	border:1px #10401D solid;
	font:12px Arial, Helvetica, sans-serif;
	color:black;
	width:155px;
	height:16px;
	padding:2px 1px;
	margin:5px auto;}
#NewsEmail{margin-bottom:10px;}
#NewsNome{margin-top:10px;}	
#newsletter h4{margin:5px; text-align:left;}
#newsletterhome h4{padding-left:5px; text-align:left;}
/*Rodape*/
#rodape{
	float:left;
	width:970px;
	margin:0;
	padding:10px;
	background:/*#1B6B31*/#10401D;
	clear:both;
}
h5#copy{
	clear:both;
	margin:5px 0 0 10px;
	text-align:left;
	color:#666666;
	font: 10px/15px Arial, Georgia, Verdana, Helvetica, sans-serif;	
}
#rodape address{
	text-align:right;
	font: normal 11px Arial, Georgia, Verdana, Helvetica, sans-serif;
	color:#fff;
	line-height:normal;
	margin: 0 3px;
}
#rodape address a.fn{
	font: 800 12px/20px Arial, Georgia, Verdana, Helvetica, sans-serif;
	overflow:hidden;
	display:none;	
}

#rodape address a{
	font: 11px Arial, Georgia, Verdana, Helvetica, sans-serif;	
	color:#fff;	
	text-decoration:none;
}
#rodape address a:hover{
	color: #FFAF00;
	text-decoration:underline;
}
/*Editorial*/
#editorial{
	border-bottom:1px #E9E9E9 solid;	
	padding-bottom:10px;
	margin-bottom:10px;
	}
.img_Editorial{margin:0 0 5px 0;}


/*Notícias*/
#noticias{
	float:left;
	border-bottom:1px #CBCBCB dotted;
	margin-bottom:10px;
	}
#imgNotDest{
	float:left;
	margin:0 10px 5px 0;
}
#destNoticias{
	clear:both;
	float:left;
	width:360px;
}
#destNoticias dl{
	border-top:1px #E9E9E9 solid;
	margin:7px 0 10px;
}
#destNoticias2, #destArquivo{
	clear:both;
	float:left;
	width:180px;
	padding-left:5px;
	border-bottom:2px #E9E9E9 solid;
}
	
#destNoticias2 dl, #destArquivo dl{
	/*border-top:1px #E9E9E9 solid;*/
	margin:7px 0 10px;
}	
/*Serviços CPMO*/
#servSistemas, #servProgramas, #servProjetos{
	float:left;
	border:1px #E9E9E9 solid;	
	padding:10px;
	margin-bottom:10px;
		width:198px;
	}
	
.img_Servico{margin:0 5px 5px 0; float:left;}

div.ferramentas_texto a{   
    padding: 4px;   
    border: 1px solid #666;   
    font-size: 11px;   
    font-weight: bold;   
    margin-right: 7px;   
    width: 16px;   
    height: 16px;   
    display: block;   
    float: right;   
    background: #fff;   
}   
div.ferramentas_texto a:hover{    
    background: #666;   
    border-color: #222;   
    color: #fff;   
    cursor: pointer;   
}  
#bdbs{
	padding: 2px 0;
	margin-bottom:15px;
}
.imgMatDest{
	float:left;
	margin:5px;
}
.Esquerda{float:left;margin:5px 15px 5px 0;}
.Direita{float:right;margin:5px 0 5px 15px;}
.Centralizar{text-align:center;margin:10px 15px;}
.margin45{margin:0 45px;}
#frases #bdbs{
	padding: 2px 0;
	margin-bottom:15px;
}
.imgLat1{margin:10px 0 0;}
.imgLat2{margin:0.1em 0 0;}

#texto dl{margin:15px 0;}