@charset "utf-8";
/* CSS Document */

body {
background:#202020;
margin:0; padding:0;
}

#container {
width:830px;
height:1000px;
background:url(../graph/bg_site.jpg) repeat-y center;
margin:0; padding:0;
}

div#header {
background:url(../graph/header.gif) no-repeat;
width:810px;
height:127px;
}

.idiomas {
	padding-left:15px;
	padding-top:20px;
}

#submenu {
position:relative;
border:none;
margin:0 0 0 500px;
padding:52px 0;
color:#FFFFFF;
font-family:"Courier New", Courier, monospace;
font-size:12px;
}
#submenu li {
list-style: none; 
margin:0 10px 0;
display: inline;
}
#submenu li a {
color:#FFFFFF;
text-decoration:none;
}
#submenu li a:hover {
color:#C62925;
text-decoration:none;
}
#submenu li a:visited {
text-decoration:none;
}

div#content {
text-align:center;
width:810px;
margin:0; padding:0;
}

#slideshow{
position:absolute;
float:inherit;
width:810px;
margin:0; padding:0;
}

#slideshow IMG {
position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

div#conteudo {
position:relative;
background:url(../graph/menu_bg.jpg) repeat-x top;
width:810px;
top:250px;
float:inherit;
margin:0; padding:0;
}

.imgesquerda {
float:left;
padding:0 15px 15px 0;
}

.imgdireita {
float:right;
padding:0 0 15px 15px;
}

.style1 {font-size: 12px;
margin:15px 0; padding:0;}

#cobertura a {
color:#FFFFFF; text-decoration:underline;
}

#cobertura a:hover {
color:#FF3300; text-decoration:underline;
}


.tickercontainer { /* the outer div with the black border */
border: 1px solid #000;
background: #202020; 
width: 695px; 
height: 47px; 
margin: 25px 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 1px;
top: 10px;
width: 693px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin:0;
padding:0 25px 0;
background: #202020;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

#rodape {
background:url(../graph/bg_rodape.jpg) repeat-x;
width:809px;
height:95px;
margin:0; padding:0;
bottom:0;
left:0;
}

#rodape p {
padding-top:20px;
color:#FFFFFF;
font-size:12px;
font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#rodape a {
color:#FFFFFF;
text-decoration:none;
}
#rodape a:hover {
color:#C42925;
text-decoration:underline;
}

a {
color:#FFFFFF;
text-decoration:none;
}

a:hover {
color:#C62925;
text-decoration:underline;
}

.produtos {font-size: 12px; margin:0; padding:0;}

#cont-produtos {
	width:700px;
	height:650px;
	clear:both;
}

#cont-produtos p {
	text-align:justify;
	font-size:13px;
	clear:both;
}

#cont-produtos ul {
	font-size:12px;
}

#cont-produtos ul.esquerda {
	text-align:left;
	width:270px;
	float:left;
	list-style-position:inherit;
	margin:0; margin-bottom:15px;
}

#cont-produtos ul.direita {
	width:330px;
	float:right;
	text-align:left;
	margin:0;
}

#produtos h2 {
	clear:both;
	font-size:14px;
	margin-bottom:5px;
}

.clear {
	clear:both;
}




	.tabbed {
		width: 450px;
		background: #39414A repeat-x bottom;	
	}
		
		
	.tabbed .tabs li {
		list-style: none;
		float: left;
	}
		
		
	.tabbed .tabs li a {
		display: block;
		width: 99.25px;
		padding: 5px 0;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		color: #fff;
		background: #181C21 repeat-x bottom; 
		border-left: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
		
		
	.tabbed .tabs li:first-child a {
		border-left: none; 
	}
		
	.tabbed .tabs li a:hover {
		color: #C62925; 
	}
		
		
	.tabbed .tabs li a:focus {
		outline: none; 
	}
		
	.tabbed .tabs li a.ativo {
		background: #fff;
		color: #C62925;
		margin-bottom:10px;
	}
		
		
	.contente{
		display: none;

	}
	
	.contente p{
		padding: 20px 10px 10px 10px;
		color:#C0D0C0;margin: 1em 0; 
	}

	#wrap {
		width: 450px;
		font-size: 12px;
		margin: 20px auto;
		border:1px solid #494e52;
		background-color:#636d76;
		padding:8px;	
	}
	
	.vejamais { text-align:left; color:#FFF; margin:0; padding:5px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }