@charset "utf-8";
/* CSS Styles for clicRBS */

/* RESET STYLES */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: middle;
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	}
	
body { 
	line-height: 1; 
	} 

ol, ul { 
	list-style: none; 
	} 

blockquote, q { 
	quotes: none; 
	} 

blockquote:before, blockquote:after, q:before, q:after { 
	content: ''; 
	content: none; 
	}

/* remember to define focus styles! */ 
:focus {	
	outline: 0; 
	} 

/* remember to highlight inserts somehow! */ 
ins { 
	text-decoration: none; 
	} 

del { 
	text-decoration: line-through; 
	}

/* tables still need 'cellspacing="0"' in the markup */ 
table { 
	border-collapse: collapse; 
	border-spacing: 0; 
	}

@font-face {
  font-family: "Bastard";
  src: url(http://www.clicrbs.com.br/diariocatarinense/swf/imu/font/BASTARD.TTF) format("truetype");
}    
body {
	font-size: 0.8em;
	font-family: Bastard, Arial, Lucida;
	line-height: 1.4em;
	background-image: url(../images/bg1.jpg);
}

#title {
	position:relative;
	height:72px;
	font-size: 98px;
	font-family: Bastard, Arial, Lucida;
	font-weight: bold;
	line-height: 75%;
	letter-spacing: -2px;
	color: #000000;
	text-shadow: 0px 1px 1px #CCC;
	opacity: 0.8;
	text-transform: none;
	border-bottom: 1px dashed #FFFFFF;
	border-top: 1px dashed #FFFFFF;
}
#headBg {
	position:relative;
	width:90%;
	z-index:1;
	background-image: url(../images/bg.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 1% 20% 1% 3%;
	border-bottom: 1px dashed #ffffff;
}

#social {
	position:relative;
	width:125px;
	z-index:200;
	left: 75%;
	top: 0px;
}
#subtitle {
	position:relative;
	width:80%;
	color: #333333;
	z-index:201;
	font-size:16px;
}
#content {
	z-index:202;
	position:relative;
	padding:3% 5% 3% 12%;
	width: 100%;
	}
#grafico {
	z-index:202;
	position:relative;
	padding:2% 3% 3% 3%;
}
#imgContent{
	z-index:202;
	left: 140px;
	padding-top:30px;
}

#footContent {
	position:absolute;
	color: #CDC9C9;
	left:-3px;
	width:100%;
	height:20%;
	z-index:3000;
	text-align: center;
	top: 800px;
}
   

#apDiv1 {
	position:absolute;
	left:35px;
	top:250px;
	width:574px;
	height:78px;
	z-index:3001;
}
#apDiv2 {
	height:27px;
	z-index:3001;
	font-family: Bastard, Arial, Lucida;
	font-size: 28px;
	color: #000;
	top: 5%;
	padding: 1% 0 0 4%;
}

.scroll-pane {
	width: 300px;
	height: 400px;
	overflow: auto;
	float: left;
	padding: 1% 3% 0 0;

}
#pane2 {
	height: 150px;
}

a.jScrollArrowUp {
	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}


.orange-bar .jScrollPaneTrack {
	background: #f60;
}
.orange-bar .jScrollPaneDrag {
	background: #00f url(../images/drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
	background: #69f;
}
			
.holder {
	float: left;
	margin: 10px;
}


/* Initial Loader */

.QOverlay {	
	background-color: 
	#121212; 
	z-index: 9999; 
	}

.QLoader {
	background-color: #252525;
	height: 3px;
	}

.QAmt { 
	display: none; 
	color:#999;	
	font-family: Georgia, "Times New Roman", Times, serif; 
	text-shadow: 0 1px 0 #000; 
	font-size:48px; line-height:50px; 
	height:50%; width:100%; 
	margin:-80px 0 0 -50px; 
	}
	
/* HEADER ELEMENTS */

nav { 
	display: block; 
	}

nav li {
	text-decoration: none;
	position:relative;
	float: left;
	display: inline;
	padding: 1% 0 0% 2%;
	width: 198px;
	text-transform: uppercase;
	}

nav li:first-child {
	margin-left: 12%; 
	}
	
nav li a {
	color: #000;
	display: block;
	text-decoration: none;
	border-bottom: 1px dotted #666;
	-moz-transition: color 0.4s ease-out 0s;
	-webkit-transition: color 0.4s ease-out 0s;
	}

nav li a:hover { 
	color: #fff; 
	text-decoration: none; 
	border-bottom: 1px solid #ccc; 
	}
	
nav li a.active { 
	color: #fff; 
	border-bottom: 1px solid #ccc; 
	}
	

/* STANDARD PROJECT LAYOUT */

.project h1 {
	letter-spacing: -1px;
	font-size: 30px;
	font-weight: 500;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 32px;
	border-bottom: 1px dotted #666;
	}

.project h2 { 
	letter-spacing: -1px;
	margin: 10px 0 10px 0; 
	font-size: 16px; 
	font-weight: bold; 
	line-height: 18px; 
	}

.project h3 { 
	letter-spacing: -1px; 
	margin: 10px 0 10px 0; 
	font-size: 16px; 
	font-weight: bold; 
	line-height: 18px; 
	}

.project img { 
	margin: 0 0 15px 0; 
	}

.external a { 
	padding: 1px 18px 0 0; 
	background :url(images/icon-new-window.png) top right no-repeat; 
	}

.external a:hover { 
	background :url(images/icon-new-window-hover.png) top right no-repeat;  
	}

.share { 
	border-top: 1px dotted #666; 
	display: block; margin: 15px 0 0 0; 
	padding: 0; 
	}

.addthis_default_style_brandify { 
	float: left; 
	}

.googleplusone { 
	margin: 1px 0 0 -2px; 
	float: left; 
	}

footer {
	 border-top: 1px dotted #666; 
	 display: block; 
	 padding: 0; 
	 margin: 15px 0; 
	 }
	 
.project-50 footer, .project-75 footer { 
	margin-top: 0;
	}

/* new styles */
footer ul { 
	margin-top: 10px; 
	float: right; 
	}

footer li { 
	float: left; 
	margin-left: 2px; 
	}

footer li a { 
	top: 0; 
	left: 0; 
	width: 59px; 
	height: 59px; 
	cursor: pointer; 
	color: #CDC9C9; 
	text-decoration: none; 
	text-indent: -2000px; 
	overflow: hidden; 
	width: 59px; 
	height: 59px; 
	display: block;  
	}

footer li.prev { 
	background:url(images/li-arrowset.gif) 0 -59px no-repeat; 
	}

footer li.prev div { 
	width: 59px; 
	height: 59px; 
	background:url(images/li-arrowset.gif) 0 0 no-repeat; 
	}

footer li.thumbs { 
	background:url(images/li-arrowset.gif) -59px -59px no-repeat; 
	}

footer li.thumbs div { 
	width: 59px; 
	height: 59px; 
	background:url(images/li-arrowset.gif) -59px 0 no-repeat; 
	}

footer li.next { 
	background:url(images/li-arrowset.gif) -118px -59px no-repeat; 
	}

footer li.next div { 
	width: 59px;
	height: 59px; 
	background:url(images/li-arrowset.gif) -118px 0 no-repeat; 
	}

footer li.top { 
	background:url(images/li-arrowset.gif) -177px -59px no-repeat; 
	}	

footer li.top div { 
	width: 59px; 
	height: 59px; 
	background:url(images/li-arrowset.gif) -177px 0 no-repeat; 
	}

footer ul:first-child { 
	float: left; 
	}

footer li:first-child { 
	margin-left: 0; 
	}

.cols li { 
	width: 120px; 
	float: left; 
	display: block; 
	}

/* PORTFOLIO THUMBS */

.portfolio { 
	width: 100%; 
	}

.portfolio-list li {
	width: 240px;
	height:260px;
	float: left;
	margin: 0 8% 0 0;
	background: #121212;
	}

.portfolio-list li img { 
	margin-bottom: 16px; 
	}

.portfolio-list li>h1 {
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 20px;
	letter-spacing: -1px;
	}

.portfolio-list li>h1 span { 
	color: #fff; 
	font-weight: 500; 
	margin-left: 15px; 
	padding: 0; 
	}

.portfolio-list h2 { 
	font-size: 12px;  
	font-family: Georgia, "Times New Roman", Times, serif; 
	color: #999; 
	margin: 0 0 0 15px; 
	letter-spacing: -1px; 
	}

.portfolio-list li>div h2 { 
	color: #252525; 
	}

.portfolio-list .reveal { 
	width:240px; 
	height:260px; 
	display:none; 
	position: absolute; 
	background: #A4D064 url(../images/icon-view-project.gif) bottom right no-repeat; 
	z-index: 999; 
	}

.portfolio-list .reveal:hover { 
	cursor: pointer; 
	}

.portfolio-list li>div h1 {
	letter-spacing: -1px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #252525;
	padding-bottom: 10px;
	margin: 10px 20px 0px 20px;
	border-bottom: 1px dotted #252525;
	line-height: 20px;
	}
.portfolio-list li>div p {
	color: #252525;
	line-height: 18px;
	border-top: 1px dotted #252525 !important;
	margin: 5px 20px 10px 20px;
	}

.portfolio-list .reveal .view-project { 
	overflow:hidden; 
	position:relative; 
	background: #252525; 
	font-size: 10px; 
	text-transform: uppercase; 
	z-index: 999; 
	}

.portfolio-list .reveal .view-project a { 
	color: #fff; 
	}


/* NEW CLEAR FIX */
/* For modern browsers */
.cf:before, .cf:after { 
	content:""; 
	display:table; 
	}

.cf:after { 
	clear:both; 
	}

/* For IE 6/7 (trigger hasLayout) */
.cf { 
	zoom:1; 
	}


/* OVERRIDE STYLES */
.fl { float: left !important; }
.fr { float: right !important; }
.m0 { margin: 0 !important; }
.mr0 { margin-right: 0 !important; }
.ml0 { margin-left: 0 !important; }
.mr15 { margin-right: 0 !important; }


#news_holder{
	overflow:inherit;
	position:relative;
	width:100%;
	padding:1% 2% 2% 0;
	border-top: 20px solid #000000;
	height: 100%;
	}


#news_holder .news_item,
#news_holder .news_item_border{
	width:22%;
	float:left;
	position:relative;
	color: #000;
	visibility:inherit;
	left: 3%;
	}
	
#news_holder .news_item_border{
	padding-left:18px;
	width:22%;
	border-left-style: 1px solid #000000;
	}

#news_holder .news_over{ 
	cursor: pointer; 
	}