/* 
 * file: css.jv1.css 
 * author: Mauricio Wolff mWolff
 * m@birbonsai.com
 * version: 1.0
*/

/* import reset.css from eric meyer */
@import url(em.reset.css);

body, input, textarea{
	font: 11px/120% "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida Sans Console", "Calibri", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
body{
	background: #ccc url(i/bg-squares.png) no-repeat;
	line-height: 200%;
}

a{
	color: #9590C7;
	padding: 0px;
}

a:hover{
	color: #f90;
	text-decoration: none;
}

h1{
	font-size: 18px;
}

#logo-jv{
	position: absolute;
	top: 14px;
	left: 32px;
}

#tabs{
	position: absolute;
	top: 164px;
	left: 0;
	width: 270px;
	height: 270px;
	z-index: 3;
}
a.tab{
	display: block;
	width: 90px;
	height: 90px;
	background: #3B316D url(i/bg-tab.gif) no-repeat 0 90px;
	float: left;
	text-align: center;
	color: #fff;
	text-decoration: none;
}

a.tab:hover{
	background-position: 0 bottom;
}
a.tab.on{
	background-position: 0 top;
}

.blue1, a.blue1{
	background-color: #3B316D;
}
.blue2, a.blue2{
	background-color: #554D7F;
}
.blue3, a.blue3{
	background-color: #787395;
}

.clear90{
	width: 90px;
	height: 90px;
	background: transparent;
	float: left;
}
.esc, #content div.esc{
	display: none;
}
.lh120{
	line-height: 120%;
}
.just{
	text-align: justify;
}

.lh120 li{
	padding: 3px;
}

.right{
	text-align: right;
}
.left{
	text-align: left;
}
.small{
	font-size: 9px;
}
.green, .h2green{
	color: #6c6;
}
.azul, .h2azul{
	color: #99c;
}
.cinza, .h2cinza{
	color: #999;
}


.cinza9{
	color: #999;
}


#news{
	position: absolute;
	width: 400px;
	height: 180px;
	top: 254px;
	left: 180px;
	background: url('i/bg-news.png') no-repeat;
	padding: 0 20px 0 120px;
	overflow: hidden;
	z-index: 3;
}
	#news-content{
		color: #fff;
		overflow: auto;
		height: 180px;
	}

	#news-content h2{
		font-size: 18px;
		padding: 15px 0;
	}
	#news-content p{
		font-size: 12px;
	}
	#news-content p:first-line{
		font-size: 14px;
	}
	#news-photo{
		position: absolute;
		width: 450px;
		height: 254px;
		top: 0;
		left: 270px;
		overflow: hidden;
		z-index: 2;
	}
	#news-tabs{
		position: absolute;
		width: 540px;
		height: 25px;
		left: 180px;
		top: 434px;
		margin-top: -2px;
		z-index: 2;
	}
	#news-tabs ul{
		margin: 0;
	    padding: 0;
	    list-style: none;
	}
	#news-tabs li{
		float: right;
	    margin: 0;
	    padding: 0 6px 0 0;
		background: url('i/bg-news-tab0r.gif') no-repeat right top;
	}
	#news-tabs a{
		font-weight: bold;
		font-size: 10px;
		line-height: 25px;
		color: #888;
		height: 25px;
		text-decoration: none;
		background: url('i/bg-news-tab0l.gif') no-repeat left top;
		padding: 6px 0 7px 9px;
		margin: 0 3px;
	}
	#news-tabs li.on{
		background: url('i/bg-news-tab1r.gif') no-repeat right top;
	}
	#news-tabs li.on a{
		color: #fff;
		background: url('i/bg-news-tab1l.gif') no-repeat left top;
	}
	#news-tabs a:hover{
		color: #333;
	}
	
#flags{
	position: absolute;
	width: 90px;
	height: 16px;
	left: 720px;
	top: 9px;
	text-align: center;
	z-index: 3;
}

#empresas{
	position: absolute;
	width: 194px;
	left: 810px;
	top: 33px;
	text-align: center;
	z-index: 4;
}
	#empresas #tit{
		font-size: 11px;
		color: #999;
		background: transparent url('i/bg-empresas.gif') no-repeat center center;
	}

#int{
	position: absolute;
	width: 450px;
	height: 433px;
	top: 164px;
	left: 270px;
	overflow: auto;
	padding: 0 0 16px 90px;
	background: transparent url('i/bg-int.jpg') repeat-y 90px 0;
	color: #fff;
	z-index: 4;
}
	#int div{	
		position: relative;
		left: 0px;
		top: 0px;	
	}

	#int p, #int div{
		margin: 16px;
	}
	#int a{
		color: #9B95D4;
	}
	#int a:hover{
		color: #f90;
	}
	#int h1{
		margin: 16px 16px 0 16px;
		text-shadow: #333 2px 2px 2px;
	}
    #int h2 {
        margin: 16px 16px 0 16px;
		text-shadow: #555 2px 2px 2px;
    }
	#int img.left{
		float: left;
		margin: 5px 5px 5px -50px;
	}
	#int img.right{
		float: right;
		margin: 5px 16px 5px 5px;
	}
    #int ul li {
        margin-left: 16px;
    }

#widget{
	position: absolute;
	top: 400px;
	left: 810px;
	width: 195px;
	height: 230px;
	z-index: 4;
}

	#mwNews{
		width: 195px;
		margin: 5px auto;
		text-align: left;
		border-style: none;
		background-color: #fff;
	}
		#mwNews dl, #mwNews dd{
			margin: 0;
		}
		#mwNews dd{
			overflow: hidden;
			padding: 3px;
		}
		#mwNews dt{
			background: #9e9e9e url(i/bg_mwnews_off.gif);
			color: #555;
			height: 16px;
			letter-spacing: 1px;
			font: 10px Arial, sans-serif;
			text-align: center;
		}
		#mwNews dt a{
			display: block;
			color: #555;
			text-decoration: none;
			height: 16px;
			line-height: 16px;
			width: 100%;
		}
		#mwNews dt a:hover{
			color: #333;
			font-weight: bold;
		}
		#mwNews dt a.ativo{
			background: #6f6f6f url(i/bg_mwnews_on.gif);
			color: #000;
			font-weight: bold;
		}

		#mwNews dd ul{
			margin: 0;
			padding: 0;
			list-style: none;
		}	
		#mwNews dd ul li{
			margin: 0 0 5px 10px;
		}
		#mwNews dd ul li a{
			color: #777;
			text-decoration: none;
		}
		#mwNews dd ul li a span{
			color: #999;
			margin-left: -70px;
		}
		#mwNews dd ul li a:hover{
			color: #333;
			text-decoration: underline;
		}
		#mwNews dd#box-suporte{
			overflow: hidden;
			padding: 0;
			background: #ccc;
			width: 100%;
		}

#footer{
	position: absolute;
	width: 180px;
	height: 60px;
	left: 820px;
	bottom: 0;
	font-size: 9px;
	line-height: 120%;
	color: #888;
	background: url(i/jv-footer.gif) no-repeat center right;
	z-index: 3;
}



/* alterações rápidas Henrique */
ul.lista {
        list-style: disc;
        margin-left: 16px;
}

div#menu-int {
    background-color: #3B316D;
    width: 120px;
    position: relative;
    float: left;
    padding-left: 5px;
}

.red {
    font-weight: bold;
}

.newsdate {
 font: normal 10px;
 margin-left: 15px;
}

#tabela {
 border-collapse: collapse;
 empty-cells: show;
 width: 100%;
 font-size: 10px;
 padding: 0px;
 background: #fff;
}

#tabela th {
    white-space: nowrap;
    padding: 0 2px 0 2px;
}
#tabela tr {    
    margin: 2px;
    padding: 2px;
	color: #777;
	background: #fff;
}

#tabela td{    
	border-left: 1px solid #999;
	padding: 1px;
	white-space: nowrap;
}

.even {
    font:10px Arial,sans-serif;  
	
}

.odd {
    font:10px Arial,sans-serif; 
	
}

.even td {  
    font:10px Arial,sans-serif;
    background-color: rgb(220,220,220);
	padding: 2px;
}

.odd  td{

    font:10px Arial,sans-serif;
	background-color: #f0f0f0;
	padding: 2px;
    
}

#tabela tr td a {
    text-decoration: none;
    color: #777;
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#tabela tr td a:hover {
    color: #333;
}

.tabela-left {
    margin: 10px 0px 30px 0px;
    border: 1px solid black;
    background-color: #fff;
    color: #333;
    text-align: left;
    z-index: 999;
    _position: absolute;
    _left: 0px;
}

.negativo {

    color: red;
	padding-right: 15px;
	background: url(i/seta_abaixo.png) right no-repeat;
	
}

.positivo {

    color: green;
	padding-right: 15px;
	background: url(i/seta_acima.png) right no-repeat;

}

.flag {
    cursor: pointer;
    _cursor: hand; /*Hack pro IE não ficar se fresquiando*/
}