body { 
	background-color:#f2f2f2;
}
body, p, div, a {
	font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif;
	font-size:14px;
}

div.clear, hr {
	clear:both;
	display:block;
	font-size:1px;
	height:0pt;
	line-height:1px;
	margin:0pt;
	padding:0pt;
}

img {
	border:0;		
}

.blue {
	color:#2D5AC3;	
}


#content {
	background:#fff url(../images/content_top.jpg) no-repeat;
	float:left;
	min-height:400px;	
	padding:20px;
	width:748px;
}

#contentProdutos {
	background:#fff url(../images/content_top.jpg) no-repeat;
	float:left;
	min-height:100px;	
	padding:20px;
	width:748px;
}

div.panes div {
	margin-top:10px;
	display:none;
	height:80px;
	width:700px;
	font-size:18px;
}

div.panes p {
	margin-right: 5%; 
	margin-left: 5%;
	padding: 5px;
	line-height: 15px; 
}

div.panes img {
	float:right;
	margin-left:20px;
}

div.pane a {
	cursor: pointer;
	display:block;
}
/*{{{ globalnav */

#globalnav {  
	width: 983px; 
	height: 30px; 
	margin: 10px auto; 
	position: relative; 
	text-align: center; 
	height: 38px !important;
	z-index: 1;	
}


#globalnav ul { 
	list-style: none; 
	margin: 0; 
	padding: 0; 
}

#globalnav li { 
	float: left; 
	margin: 0; 
	padding: 0; 
	text-indent: 0; 
}

#globalnav li a, #globalnav li div { 
	float: left; 
	height: 38px; 
	line-height: 38px; 
	width: 132px; 
	background-image: url(../images/globalnav.png); 
	background-repeat: no-repeat;
	text-decoration:none; 	
}


/* global navi buttons */
#globalnav #gn1 a { background-position: 0 0; width: 136px; color:#585858;}
#globalnav #gn2 a { background-position: -136px 0; color:#585858;}
#globalnav #gn3 a { background-position: -268px 0; color:#585858;}
#globalnav #gn4 a { background-position: -400px 0; color:#585858;}
#globalnav #gn5 a { background-position: -532px 0; width: 138px; color:#585858;}




/* mouseover */
#globalnav #gn1 a:hover { background-position: 0 -42px; color:#fff;}
#globalnav #gn2 a:hover { background-position: -136px -42px; color:#fff;}
#globalnav #gn3 a:hover { background-position: -268px -42px; color:#fff;}
#globalnav #gn4 a:hover { background-position: -400px -42px; color:#fff;}
#globalnav #gn5 a:hover { background-position: -532px -42px; color:#fff;}


/* mouse pressed */
#globalnav #gn1 a:active { background-position: 0 -84px; }
#globalnav #gn2 a:active { background-position: -136px -84px; color:#fff;}
#globalnav #gn3 a:active { background-position: -268px -84px; color:#fff;}
#globalnav #gn4 a:active { background-position: -400px -84px; color:#fff;}
#globalnav #gn5 a:active { background-position: -532px -84px; color:#fff;}



/* active button */
#globalnav a.active 		 { cursor: default; }
#globalnav #gn1 a.active { background-position: 0 -126px; color:#fff;}
#globalnav #gn2 a.active { background-position: -136px -126px !important; color:#fff; }
#globalnav #gn3 a.active { background-position: -268px -126px !important; color:#fff;}
#globalnav #gn4 a.active { background-position: -400px -126px !important; color:#fff; }
#globalnav #gn5 a.active { background-position: -532px -126px !important; color:#fff;}


/*}}}*/

img#poster {
	width: 940px;
	height: 382px;
}

.push {
	height: 4em;
}

.hidden
{
	display: none
}
.footer {
	height: 2em;
	color:#fff;
	background-color: gray; 
	background-repeat: no-repeat;
}
.footer p {
	margin:0px 300px; 
}

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../images/blue.png) no-repeat -420px 0;
	font-size:12px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}