@charset "utf-8";

/* CSS Document */

table.contentpaneopen td, table.contentpane td {

}



table.contentpaneopen, table.contentpane, table.blog {

	width: 100%;

}

table.contentpane {

	border: none;

	width: 100%;

}

table.contentpaneopen {

	border: none;

	border-collapse: collapse;

	border-spacing: 0;

}



table.contenttoc {

	margin: 0 0 10px 10px;

	padding: 0;

	width: 35%;

	float: right;

}



table.contenttoc a {

	text-decoration: none;

}



table.contenttoc td {

	padding: 1px 5px 1px 25px;

	background: url(../images/bullet-list.gif) no-repeat 5% 50%;

}



table.contenttoc th {

	padding: 0 0 3PX;

	border-bottom: 1px solid #CCCCCC;

	text-indent: 5px;

}



body{

	margin:0px 0px 0px 0px;

	background-position:center;

	background-position:top;

	background-image: url(imagens/bg_vermelho2.jpg);

	background-repeat:no-repeat;

	background-color: #000;

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	text-align:left;

	scrollbar-arrow-color:#A40000;

	scrollbar-3dlight-color:#fff;

	scrollbar-highlight-color:#fff;

	scrollbar-face-color:#310101;

	scrollbar-shadow-color:#ccc;

	scrollbar-darkshadow-color:#fff;

	scrollbar-track-color:#fff;

	color:#999999;

	font-weight:bold;

}





a:link{

	font-family: Arial, Helvetica, sans-serif;

	text-decoration:none;

	color:#999999;

	font-weight:bold;

}



a:hover{

	font-family: Arial, Helvetica, sans-serif;

	text-decoration: underline;

	color:#A40000;



}



a:visited{

	font-family: Arial, Helvetica, sans-serif;

	text-decoration: underline;

	color:#A40000;

	font-weight:bold;



}



#container{

	position:relative;

	top:0px;

	width:778px;

	height:auto;

	left:-389px;

	margin-left:50%;

}



#menu_abinhas{

	position:absolute;

	width:276px;

	height:28px;

	right:29px;

	top:-20px;

	z-index:3;

}



#menu{

	position:absolute;

	top:2px;

	left:-28px;

	width:778px;

	height:150px;

	z-index:30000;

}
#suporte{
	position:absolute;
	width:128px;
	height:50px;
	left:600px;
	z-index:50000;
	top:0px;
	
	
}



#tab{

background-color:#FFFFFF;

	position:absolute;

	top:151px;

	left:-18px;

	width:761px;

	height:auto;	

	overflow-x:hidden;

	overflow-y:auto;

	height:296px;

}



#tab2{

background-color:#FFFFFF;

	position:absolute;

	top:151px;

	left:-18px;

	width:auto;

	

	overflow-x:hidden;

	overflow-y:hidden;

	height:300px;

}





#tab_conteudo{

background-color:#FFFFFF;

	position:absolute;

	top:0px;

	left:0px;

	width:760px;

	height:315px;

	overflow-x:hidden;

	overflow-y:auto;

}



#port{

	position:absolute;

	top:520px;

	left:0px;

	width:778px;

	height:300px;

}



#ver_mais{

	position:absolute;

	width:auto;

	height:20px;

	right:50px;

	@right:70px;

	top:290px;

	z-index:5;

}



#news{

	position:absolute;

	top:830px;

	left:10px;

	width:778px;

	height:195px;

}

#parceiros{

	position:absolute;

	top:1000px;

	left:-28px;

	width:778px;

	height:195px;

}



/*-------------------- Daqui pra baixo o css da jp_468px_background.css -------------

 *

 * jp_468px_background.css

 *

 */



/*********************/

/* frontpage */



#jp_front {

position:relative;

float:left;

width:770px!important;

width:770px;

margin:0px;



}

#jp_front2 {

position:relative;

float:left;

margin:0px;



}



h2.jp_fronttitle, h2.jp_cattitle {

position:relative;

font-weight:bold;  

font-size: 16px;  

float:left;

width:760px!important;

width:760px;

margin-left:20px;

padding:1px;

padding-left:20px;

color: #666666;



}



.jp_frontdesc, .jp_catinfo  {

position:relative;

float:left;  

width:770px!important;

width:770px;

padding:10px;

margin-bottom:20px;

}



/*********************/

/* categories        */



#jp_frontcategories {

position:relative;

float:left; 

border: 0px solid #ccc;

margin:15px!important;

margin:15px;

width:99%!important;

width:99%;



}



.jp_frontcategory {

position:relative;

float:left;

width:32%!important;

width:32%;

height:25px;

}



.jp_frontcategory img{

}



h3.jp_frontcatname {

position:absolute;

top:0px;

left:0px;

width:100%;

font-size:11px;

}



.jp_frontcatimage {

position:relative;

float:left;

margin:5px;

width:180px;

text-align:center;

}



.jp_frontcatname a:link,

.jp_frontcatname a:visited {



}

.jp_frontcatname a:hover {



}



.jp_frontcatinfo {

position:relative;

border: 0px solid #ccc;

float:left;

width:180px;

font-family:  Times New Roman, sans-serif;

font-size:16px;

}



/*********************/

/* one category      */



#jp_onecat {

position:relative;

float:left; 

margin:10px!important;

margin:9px;

border: 0px solid #ccc;

width:95%!important;

width:95%;

_width:97%;

}



.jp_onecat_proj {

position:relative;

width: 130px!important;

width: 130px;

height:140px;

float:left;

margin: 10px;

padding: 5px;

overflow:hidden;



}



.jp_onecat_img {

position: relative;

display:table;

height:104px;

background-color:#fff;

}



.jp_onecat_img2 {

position: static !important;

display: table-cell;

vertical-align: middle;

/* for IE */

position: absolute; 

top: 50%;

}



.jp_onecat_img img {

/* for IE */

position: relative; 

top: 0% !important;

top: -50%;

}



.jp_onecat_name{

position: absolute;

top:160px;

left:0px;

width: 150px!important;

width: 150px;

text-align:center;

font-family:  Tahoma, Verdana, Arial, Georgia, Geneva, sans-serif;

font-weight:bold;

color: #555;

font-size:11px;

z-index:10000;



}



.jp_onecat_proj a:link,

.jp_onecat_proj a:visited {



}



.jp_onecat_proj a:hover {



}



.jp_onecat_img  a:hover {

background:none;

}



/*********************/

/* project           */



h3.jp_projtop {

position:relative;

float:left;

width:760px!important;

width:760px;

padding: 1px;

margin:5px;

margin-left:24px;

margin-top:0px;

color: #666;

font-size:18px;

}



#jp_projcont {

position:relative;

float:left;

border: 0px solid #ccc;

padding: 10px;

padding-top:0px;

padding-bottom:0px;

margin:5px;

margin-top:0px;

margin-bottom:0px;

}

#jp_projcont_one_image {

position:relative;

float:left;

border: 0px solid #ccc;

width:170px!important;

width:170px;

padding: 10px;

padding-top:0px;

padding-bottom:0px;

margin:5px;

margin-top:0px;

margin-bottom:0px;

}





#jp_projimage {

position:relative;

float:left;

border: 0px solid #ccc;



padding:5px;

padding-bottom:0px;

padding-top:0px;

margin:5px;

margin-top:0px;

margin-bottom:0px;

}



#jp_projimage img{

border:4px solid #f0f0f0;

}



#jp_projdesc {

position:relative;

float:left;

margin-left:24px;

width: 300px;

padding:1px;

padding-left:19px;

padding-bottom:0px;

margin:5px;

margin-bottom:-10px;

margin-top:0px;

color:#CCCCCC;

list-style:none;

}



li{

list-style: square;

}



/*********************/

/*    back button , pagination */



.jp_pagination {

float:left;

width:98%;

margin-left:1%!important;

margin-left:1%;

padding-top:40px;

text-align:center;

}



.jp_proj_pagination {

float:right;

width:70%;

margin-left:1%!important;

/*  margin with % breaks IE layout */

margin-left:1%;

padding-top:11px;

text-align:right;

}



.jp_back {

float:left;

width:25%;

padding-left:1%;

padding-top:3px;



}



#jp_bottom {

float:right; 

width:60%; 

padding:3px;

text-align:right;

margin-top:10px;



}



#jp_bottom a:link{

font-size:9px;

}