@charset "utf-8";
/*
Theme Name: Samarco - relatório 2009
Theme URI: http://www.samarco.com
Description: Tema para o relatório de sustentabilidade online da Samarco.
Author: Lápis Raro
Author URI: http://www.lapisraro.com.br
version: 0.1
Tags: two-column, widget-ready,blank
*/


* {
margin: 0;
padding: 0;
border: 0;
vertical-align: middle !important;
list-style: none;
border: none;
text-decoration:none;
outline:0px;
}


html {
overflow: -moz-scrollbars-vertical;
overflow-x:auto;
}


body {
text-align:center;
font:65.5% "Trebuchet MS", Arial, Helvetica, sans-serif;
background:white;
}

	
	
	#geral {
		width:1000px;
		margin:0 auto;
		
		}
		
		
		.topo-samarco {
			width:1000px;
			height:104px;
			background:url(images/topo.png) transparent no-repeat center center;	
			position:relative;
			z-index:1;
			}




h1 a {
	width:282px;
	height:20px;
	display:block;
	float:right;
	text-indent:-19999px;
	overflow:hidden;
	margin:16px 31px 0 0;
	}
	
	.img-topo {
		margin:-104px 0 20px 0;
		position:relative;
		z-index:0;		
		min-height:374px;
		}
		
		
		h2 {
			font-size:400%;
			text-transform:uppercase;
			text-align:left;
			margin:0 0 10px 0;
			font-weight:normal;
			letter-spacing:-1px;
			/*white-space:nowrap !important;*/
			clear:both;
			width:725px;

			}
			
		h3 {
			font-size:115%;
			text-transform:uppercase;
			text-align:left;
			margin:0 0 25px 0;
			font-weight:normal;			
			}			
			
			p {
				
				font-size:115%;
				color:#58595b;
				margin-bottom:20px;
				text-align:justify;
				
				}
		
		
		p a {color:#00498F;
/*		text-transform:uppercase; */
		text-decoration:underline;
		cursor:pointer;
		padding-bottom:2px;
		
		}

	
	
	/* MENU */
	
	div.menu {
		width:961px;
		margin:0 auto;		
		}
	
	ul#primary-nav {
		float:left;		
		padding: 0;
		width: 961px; /* Width of Menu Items */
		height:45px;
		background: #fff; /* IE6 Bug */
		background:url(images/bg-ul.jpg) no-repeat center center;		
		font-size: 100%;		
		/*margin: 0 0 45px 0 !important;*/
		}
	
	ul#primary-nav ul {
	position: absolute;
	display: none;
	left: 0px; /* Set 1px less than menu width */
	top: 45px;
	margin: 0;
	padding: 0;
	width: 946px; /* Width of Menu Items */
	height:35px;
	padding:10px 0 0 15px;
	background: #fff; /* IE6 Bug */	
	font-size: 100%;
	background:url(images/menu.jpg) no-repeat -20px -55px;			
	}
	
	ul#primary-nav ul.desenvolvimento {
		left: -238px; /* Set 1px less than menu width */				
		}
	
	ul#primary-nav ul.envolvimento {
	background:url(images/menu2.png) no-repeat 0 -5px transparent;
	*background:url(images/menu2.jpg) no-repeat 0 -5px transparent;
	_background:url(images/menu2.jpg) no-repeat 0 -5px transparent;
	height:60px;
	left:-657px !important;
	padding:10px 10px 0;
	text-align:right;
	width:946px;
	}
	
	
	ul.wp-pages-list li {
		float:left;		
		}
	

	ul#primary-nav li {
	position: relative;
	list-style: none;
	/*float:left;*/
	display:inline;
	}
	
	ul#primary-nav li a {
	display: block;
	text-decoration: none;	
	text-indent:-19999px;
	overflow:hidden;
	color:red;
	}
	

ul#primary-nav li a.samarco{
	width:203px;
	height:45px;
	float:left;
	margin-right:35px;
	*margin-right:35px;
	_margin-right:17px;
	background:url(images/menu.jpg) no-repeat -20px -111px;		
	}	
	
	ul#primary-nav li a.samarco:hover, ul#primary-nav li.menuparent.over a.samarco{
	background:url(images/menu.jpg) no-repeat -20px -10px;		
		}
	
ul#primary-nav li a.desenvolvimento {
	width:379px;
	height:45px;
	float:left;	
	margin-right:35px;
	*margin-right:35px;
	_margin-right:16px;
	background:url(images/menu.jpg) no-repeat -258px -111px;
	}	
	
	ul#primary-nav li a.desenvolvimento:hover, ul#primary-nav li.menuparent.over a.desenvolvimento  {
	background:url(images/menu.jpg) no-repeat -258px -10px;		
		}
		
		
ul#primary-nav li a.envolvimento {
	width:309px;
	height:45px;
	margin-right:0px;	
	float:left;
	float:right;
	background:url(images/menu.jpg) no-repeat -672px -111px;	
	display:block;
	}		
	
ul#primary-nav li a.envolvimento:hover, ul#primary-nav li.menuparent.over a.envolvimento {
background:url(images/menu.jpg) no-repeat -672px -10px;		
	}
	
	
/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; height: 1%;  }
* html ul#primary-nav li a { height: 1%; }
/* End */



ul#primary-nav li ul li {padding:0 7px; background:url(images/bg-li.gif) no-repeat center right; text-transform:uppercase; font-size:110%; font-weight:bold; margin-bottom:7px}

ul#primary-nav li ul li.last { background:none !important; padding-right:0px;}

/*ul#primary-nav li ul li.first {margin-left:55px}*/

ul#primary-nav li ul.envolvimento li {
display:inline !important;
_white-space:nowrap !important;
	}

ul#primary-nav li ul.envolvimento li.first {margin-left:55px}

ul#primary-nav li ul.envolvimento li.last{margin-right:5px}


ul#primary-nav li ul.envolvimento li.line-last {background:none;}

/*ul#primary-nav li ul.envolvimento li.line-first {margin-left:108px;}  */

ul#primary-nav li ul.envolvimento li.line-first {margin-left:155px;} 

ul#primary-nav li ul.envolvimento li.line-first {
	clear:both;	
	}

ul#primary-nav li ul.envolvimento li.line-first.last {margin-right:5px; 
clear:none;}


ul#primary-nav li ul li a {color:white; display: inline; text-indent:0px;   } /* Sub Menu Styles */

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */

ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block !important; } /* The magic */

ul#primary-nav li.menuparent {float:left; display:inline; z-index:80;}

ul#primary-nav li.menuparent:hover,
ul#primary-nav li.over { /*background-color: #f9f9f9;*/ }

ul#primary-nav li a:hover { text-decoration:underline; }


	
	

	

	/* conteudo */
	
	.conteudo {
		padding:0 35px;
		text-align:left;		
		}
		
		
		a.compartilhe {
			width:171px;
			height:21px;
			text-indent:-19999px;
			overflow:hidden;
			display:block;
			background:url(images/compartilhe.jpg) no-repeat center center;
			margin:35px 0;						
			}
			
			ul.terceiro-menu {
				background-color:#729fbf;
				padding:3px;
				text-align:left;
				margin:0 0 25px 0;
				}
				
			ul.terceiro-menu li {
			background:url(images/bg-menu3.jpg) #014A8F repeat-x center top;
			padding:10px 5px;
			}				
			
				
			ul.terceiro-menu li a {
				font-size:110%;
				color:#FFF;
				background:url(images/seta.gif) no-repeat left 6px;
				padding:0 0 0 10px;			
				text-transform:uppercase;
				display:block;
				}					
				
			ul.terceiro-menu li a.primeiro {
				
				}	
				
				
				ul.veja {
					text-align:left;					
					margin-bottom:150px;
					}
					
					ul.veja h5.vejatb {
						width:102px;
						height:15px;
						background:url(images/vejatb.jpg) no-repeat top center;
						text-indent:-19999px;
						overflow:hidden;
						display:block;
						}
					
				ul.veja li  {
			text-align:left;	
			background:url(images/bg-menu4.gif) repeat-x center bottom;
			padding:7px 0px;					
					}		
					
			ul.veja li.ultimo {
							background:none;
				}					
					
					
				ul.veja li a {
				font-size:110%;
				color:#58595b;
				background:url(images/seta2.gif) no-repeat center left;
				padding:0 0 0 10px;			
				text-transform:uppercase;	
					}	
					
					ul.veja li a.ultimo {
						
						
						}
						
						
						div.sanfona { margin-bottom: 7px; width:100%; }
						
						div.sanfona div.label {
				background:url(images/bg-tit-sanfona.jpg) repeat-x left top;
				height:19px;
				margin-bottom:0;
				padding:3px 0 0 20px;
				position:relative;
				color:#00498f;
				font-weight:bold;
				cursor:pointer;
				*width:727px;
				_*width:727px;
				
							}	
							
							.one-col div.sanfona div.label {
								*width:980px;
								_*width:980px;
								}
							
					div.sanfona div.label h3 {
						width:100%;
						color:#00498f;
						font-weight:bold;
						margin-bottom:0;
					}
							
							div.sanfona div.label h3 img {
								position:absolute;
								right:0px;
								_right:-1px;
								top:0px;
								}							
						
						div.sanfona div.container {
                font-size:115%;
				color:#58595b;
				margin-bottom:20px;
				text-align:justify;
				background:#F2F7FA;
				position:relative;
				padding:20px;
				padding:20px;
							}	
							
							div.sanfona div p {
								font-size:100% !important;
								}
							
							
							div.entry span {
								text-transform:uppercase;
									color:#8ebad1;
									font-weight:bold;
								}


/* imagens manipuladas pelo jquery */

div.div_img { margin:0; padding:0; background-repeat:no-repeat; text-align:right; }
div.div_img img.lupa { margin-right:10px;}

div.div_vid { margin:0; padding:0; background-repeat:no-repeat; text-align:center; }


div.div_img {margin-top /*\**/: -18px\9; /* Hack pro IE8 */ }
div.div_img {*margin-top:0; /* Hack pro IE7 */ }
div.div_img {_margin-top:0; /* Hack pro IE6 */ }


.size-thumbnail div.div_img {
position /*\**/: relative\9; /* Hack pro IE8 */
top /*\**/: 18px\9; /* Hack pro IE8 */
}

.size-thumbnail div.div_img {
*position:relative; /* Hack pro IE7 */
*top:0; /* Hack pro IE7 */
_position:relative; /* Hack pro IE6 */ 
_top:0; /* Hack pro IE6 */ 
}

/* alinhamento das imagens */				

.alignright { float:right; margin-left:15px !important; }
.alignleft { float:left; margin-right:15px !important; }
		
		
		.rodape {
			/*width:930px;
			margin:0 auto;*/
			clear:both;
			text-align:left;			
			width:100%;
			height:31px;
			background:url(images/bg-rodape.jpg) repeat-x center bottom;
			padding:50px 0 0;
			margin-top:15px;
			}
			
			.rodape .links {
				width:930px;
				height:31px;
				margin:0 auto;
				background:url(images/bg-links.jpg) no-repeat left top;
				position:relative;
				top:0px;	
				
				}
			
			.rodape a.mapa {
				float:left;		
				background:url(images/bg-mapa2.gif) no-repeat center top;
				width:64px;
				height:23px;
				text-indent:-19999px;
				overflow:hidden;
				display:block;	
				position:relative;
				top:8px;
				left:0px;}
				
			.rodape a.mapa.down {
				background:url(images/bg-mapa.gif) no-repeat center top;
				}				
				
				.rodape ul {
					float:right;	
					margin:-15px 0 0 0;
					position:relative;
					z-index:10;
					}
					
					.rodape ul li {padding:0 7px; background:url(images/bg-li2.gif) no-repeat center right; text-transform:uppercase; font-size:105%; /*font-weight:bold;*/ float:left;}
					
					.rodape ul li.last {
						/*background:none;
						padding:0 6px 0 7px;*/
						}						
						
						.rodape ul li.last-compartilhe {
						background:none;
						padding:0 6px 0 7px;							
							} 

						
					.rodape ul.destaque {
					display:none;					
					}
					
					.rodape ul.destaque li.last {
						background:url(images/bg-redes.gif) no-repeat center top !important;
						width:108px;
						height:19px;
						padding:1px 0 0 10px;
						text-align:center;
						position:relative;
						z-index:10;
						}
						
						
						
						.rodape ul span.redes {
							width:118px;
							height:99px;
							position:absolute;
							right:0;
							top:-97px;
							*top:-99px;
							_top:-99px;
							background:url(images/redes-sociais.jpg) no-repeat center top;
							display:block;				
							z-index:0;
							}
							
							.rodape ul span.redes a {
								display:block;
								clear:both;
								width:118px;
								height:32px;
								}
								
							.rodape ul span.redes a.slide {

								
								}
								
							.rodape ul span.redes a.youtube {
								
								}								


							.rodape ul span.redes a.flickr{
								
								}								

					.rodape ul li a {color:#58595b; display: inline;}
					
					.rodape ul li a:hover {
						text-decoration:underline;						
						}
						
						.rodape ul.destaque li.last a {
							color:#FFF;
							}
							
							
							.mapa {
								background:url(images/bg-mapa.jpg) #8dbad1 repeat-x center top;
								text-align:left;
								height:680px;
								}
								
								.mapa .links {
							/*	background:#8CB8D0;*/
								width:964px;
								padding:0 18px;
								height:540px;
								margin:0 auto;						
								}
								
								.links dl {
									float:left;	
									height:400px;
									background:url(images/bg-dl.jpg) no-repeat right top;
									}
									
								.links dl.um, .links dl.um dt {
									width:212px;									
									}
									
									
									
								.links dl.dois  {
									width:195px;									
									padding:0 29px;
									}	
									
								 .links dl.dois dt, .links dl.dois dd  {
									*width:195px;																	
									}										
									
								.links dl.tres {
									width:217px;									
									padding:0 28px;
									}	
									
									.links dl.tres dt, .links dl.tres dd {
									*width:217px;																			
										}
									
								.links dl.last {
									width:182px;									
									padding:0 22px;
									background:none !important;
									}	
									
								.links dl.last dt, .links dl.last dd {
									*width:182px;																		
									}									
									
									.links dl h6 {
										
										
										}
									
									.links dl h6, .links dl h6 a {
										color:#FFF;
										font-size:105%;
										text-transform:uppercase;
										float:left;			
										text-decoration:underline;
										}
										
										.links dl h6 a {											
											
											}
									
								.links dt {
									margin-top:4px;
									float:left;
									clear:both;
									font-size:105%;
									display:block
									}	
									
								.links dt a {
									color:#FFF;

									
									}	
									
									.links dt a:hover {
										text-decoration:underline;
										
										
										}
									
								.links dd {
									clear:both;									
									font-size:105%;
									padding: 0 0 0 10px;
									float:left;
									}	
									
									.links dd a{
									color:#FFF;									
									}	
									
									.links dd a:hover {
										text-decoration:underline;
										
										}
					

			
	
	/*clears*/
	
	.both {
		clear:both;
		}
		
		/* floats */
		
		.right {
			float:right;			
			}
			
			.left {
				float:left;
				
				}
		
		
		/*margins */
		
		.mb45 {
			margin-bottom:45px !important;			
			}
			
		
		
		/* grids */
		
		.grid-930 {
			width:930px;			
			}
			
		.grid-930 {
			width:930px;			
			}
			
		.grid-446 {
			width:446px;			
			}		
			
		.grid-346 {
			width:446px;			
			}		
			
		.grid-346 {
			width:446px;			
			}	
			
		.grid-168 {
			width:168px;			
			}		
			
		.grid-727 {
			width:727px;			
			}					
			


	
		/* outros */
	
	.none {
	display:none;
	}
	
	.semborda {
		border:none !important;
		}	
	
	.semmargem {
		margin:0px !important;
		}
		
	
	.underline {
		text-decoration:underline;
		}
	
.azul {
	color:#8ebad1;	
	}
	
	h2.feedback_sucesso {
		font-size:200%;
		color:#8ebad1;	
		}
	
	
	h2.azul strong {
			padding:0 0 8px 0;
		}

		h2.azul strong {position /*\**/: relative\9; /* Hack pro IE8 */ }
		h2.azul strong {top /*\**/: -5px\9; /* Hack pro IE8 */ }
		h2.azul strong {*padding:0 0 8px 0; *top:0; /* Hack pro IE7 */ }
		h2.azul strong {_padding:0 0 8px 0; _top:0;/* Hack pro IE6 */ }


 .round {
	 -moz-border-radius:12px 12px 12px 12px;
	 }
	 
	 
	 .upper {
		 text-transform:uppercase !important;
		 
		 }

	div.bread p {
		margin-bottom:0 !important;
		
		}
		
		div.bread p a {
		color:#58595b;
		text-transform:uppercase;
		text-decoration:none;
		padding-bottom:4px;
		}
		
		div.bread p a:hover {
		text-decoration:underline;		
		}		
		
		div.bread span {
			color:#58595b !important;
			}
			
			
			a.post-edit-link {
				clear:both !important;
				/*display:block;*/				
				}
				
	
div.conteudo_exclusivo {				
	background-image:url(images/conteudo_exclusivo.gif);
	background-repeat:no-repeat;
	height:50px;
	width:168px;				
	margin-bottom:-11px;
}



.depoimentos {
	/*width:100%;*/
	padding:20px 20px 5px 20px;
	background:url(images/bg-depoimentos.jpg) #7094A0 repeat-x center top;	
	margin-bottom:20px !important;
	}
	
	.depoimentos span {
		color:#054c91 !important;
		}
		
		.depoimentos p, .depoimentos em {
			color:#FFFFFF;			
			}
			
			
/* link download */

div.link_download { background-color:#8cb8c6; padding:11px 6px 9px 41px; background-image:url(images/pdf.png); background-repeat:no-repeat; background-position:5px 5px; margin-bottom:10px;}
div.link_download a { color:#FFF; text-transform:uppercase; font-size:12px; font-weight:bold; }

.link_video_attach {
	margin-bottom:10px;
	}

div.link_video {margin-bottom:25px;}

div.entry, .grid-168.right {
	margin-top:45px !important;	
	}

div.entry {
float:left;
}

	
	/* Formulario ficha */
	/* form */
	
	.ficha {
	width:930px;	
	
	}
	
.ficha fieldset {
	
	}		
	
	
.ficha ol {
	
	}		
	
.ficha ol {
	
	}		
	
.ficha ol li {
	color:#58595b;
	margin-bottom:27px;
	line-height:20px;
	font-size:110%;

	}
	
.ficha ol li label {
	color:#00498f;
	width:100%;
	font-size:110%;
	font-weight:bold
	}	
	
	
.ficha ol li input {
	clear:both;
	margin-right:2px;

	}			

.ficha ol li input.texto{
	width:65px;
	height:20px;
	border:1px solid #8cb8c6;	
	clear:both;
	}		
	
.ficha ol li textarea{
	width:608px;
	height:62px;	
	clear:both;
	border:1px solid #8cb8c6;	
	}			
	
.ficha .enviar {
	width:65px;
	height:19px;
	background:url(images/enviar-ficha.jpg) transparent no-repeat center center;	
	text-indent:-19999px;
	overflow:hidden;
	display:block;
	cursor:pointer;
	margin-bottom:27px;

	}
	
label.error {
	color:red !important;
	display:block;
	float:right;
	margin-top:-19px;
	margin-right:-131px;
	text-align:right;
	width:250px !important;
}