@import "reset.css";

/*-ESTRUTURA-*******************************/
body {
padding: 	0;
margin:  	0;
background:	#060606;
text-align:	center;
font-family:Tahoma;
font-size:	13px;
color:		#4F4F4F;
}
/*-NAVEGAÇÃO-*******************************/
.barra_ccjf{
position:	absolute;
top: 		30px;
right:		0;
overflow:	hidden;
position:	fixed;
z-index:	2;
cursor:		default;
}
ul#nav { 
position:	absolute;
top: 		30px;
left:		0;
height:		41px; 
max-width:	571px; 
overflow:	hidden;
position:	fixed;
z-index:	2;
cursor:		default;
}
ul#nav li { 
float:		left; 
list-style: none; 
height: 	41px; 
margin-right:1px; 
background: url(../img/bg_diag.png) repeat fixed left top;
}
ul#nav.nav-a li { 
background: url(../img/bg_diag.png) repeat fixed left top; 
}
ul#nav li.home { 
width:		68px; 
}
ul#nav li.sobre { 
width:		88px; 
}
ul#nav li.servicos { 
width:		92px; 
}
ul#nav li.portfolio { 
width:		96px; 
}
ul#nav li.cases { 
width:		71px; 
}
ul#nav li.blog { 
width:		62px; 
}
ul#nav li.contato { 
width:		83px; 
}
ul#nav a:link, ul#nav a:visited { 
text-decoration: none; 
text-transform:	lowercase; 
color: 		#fff; 
display: 	block; 
padding: 	0px; 
height: 	41px; 
text-indent: -9999px;
}
.nav-a a:link, .nav-a a:visited { 
background:	url(../img/bg_nav-a2.png) no-repeat; 
}
.nav-b a:link, .nav-b a:visited { 
background:url(../img/bg_nav-b.png) no-repeat; 
}
ul#nav .home a:link, ul#nav .home a:visited { 
background-position: 0 top; 
}
ul#nav .home a:hover, ul#nav .home a:active, ul#nav .home a:focus, ul#nav .home a.active { 
background-position: 0 bottom; 
}
ul#nav .sobre a:link, ul#nav .sobre a:visited { 
background-position:-72px top;
}
ul#nav .sobre a:hover, ul#nav .sobre a:active, ul#nav .sobre a:focus, ul#nav .sobre a.active {
background-position:-72px -43px;
}
ul#nav .servicos a:link, ul#nav .servicos a:visited { 
background-position: -166px top;
}
ul#nav .servicos a:hover, ul#nav .servicos a:active, ul#nav .servicos a:focus, ul#nav .servicos a.active {
background-position: -166px -43px;
}
ul#nav .portfolio a:link, ul#nav .portfolio a:visited {
background-position: -261px top;
}
ul#nav .portfolio a:hover, ul#nav .portfolio a:active, ul#nav .portfolio a:focus, ul#nav .portfolio a.active {
background-position: -261px -43px;
}
ul#nav .cases a:link, ul#nav .cases a:visited { 
background-position:-363px top;
}
ul#nav .cases a:hover, ul#nav .cases a:active, ul#nav .cases a:focus, ul#nav .cases a.active { 
background-position:-363px -43px;
}
ul#nav .blog a:link, ul#nav .blog a:visited { 
background-position:-437px top;
}
ul#nav .blog a:hover, ul#nav .blog a:active, ul#nav .blog a:focus, ul#nav .blog a.active { 
background-position:-437px -43px;
}
ul#nav .contato a:link, ul#nav .contato a:visited { 
background-position: -506px top; 
}
ul#nav .contato a:hover, ul#nav .contato a:active, ul#nav .contato a:focus, ul#nav .contato a.active { 
background-position: -506px -43px;
}
*:first-child+html ul#nav li.none { margin: -41px 0 0 385px; }
.safari ul#nav li.none { margin: 0 0 0 385px; }
/*-HOME-*******************************/
div#wpHome {
width:		100%;
height:		450px;
padding: 	0;
margin:  	0;
background:	url(../img/bg_wpHome.jpg) left top repeat;
text-align:	center;
overflow:	hidden;
position:	relative;
}
div#home {
width:		auto;
height:		450px;
padding: 	0;
margin:  	0 auto;
text-align:	left;
background: #FF9D3D url(../img/bg_home.jpg) right bottom no-repeat ;
overflow:	hidden;
}
/*-ENVOLVE -*****************************/
div#wp{ 
width:		980px; 
height:		100%; 
padding: 	0;
margin:  	0 auto;
text-align:	left;
clear:		both;
position:	relative;
}
/*-TODOS-*******************************/
div#sobre, div#portfolio, div#cases, div#contato  { 
width:		auto; 
height:		auto;
padding: 	0;
margin:		0;
display:	block; 
background: transparent;
border-bottom: 10px solid #0D0D0D;
z-index: 	1;
clear:		both;
}
/*-SOBRE-*******************************/
#equipe {
width:		auto;
height:		auto;
padding:	0;
margin:		0;
}
#equipe img {
width:		65px;
height:		65px;
border:		5px solid #000;
margin:		5px;
padding:	0;
float:		left;
}
#equipe img:hover {
border:		5px solid #0D0D0D;
}

.half-a-share{
width: 260px;
height: 115px;
float: left;
}
#sm1, #sm2, #sm3 {
width:		auto;
height:		auto;
padding:	20px 0 15px 0;
margin:		10px 0;
display:	block;
background:	transparent;
clear:		both;
}
#tabcontentcontainer {
width:		auto;
height:		290px;
padding:	0;
margin:		0;
display:	block;
overflow:	hidden;
clear:		both;
}
#tablist {
width:		auto;
height:		auto;
font-family: Tahoma;
font-size:	13px;
font-weight: bold;
padding:	0px;
margin:		1px 1px 1px 1px;
background:	transparent;
color:		#FFF;
overflow: 	hidden;
}
#tablist li {
list-style: none;
margin: 	0;
padding:	0;
float: 		right;
}
#tablist li a:link, #tablist li a:visited {
width:		auto;
height:		auto;
font-family: Tahoma;
font-size:	13px;
font-weight: normal;
padding:	3px;
margin:		1px 1px 10px 1px;
background:	transparent url(../img/bg_diag.gif) left top repeat;
color:		#FFF;
}
#tablist li a:hover, #tablist li a.current {
color:		#FF9900 !important;
}	
.tabcontent {
display:none;
}





/*-PORTFOLIO-******************************/
div#portfolio {
width: 		100%;
min-height: 600px;
margin: 	0 auto;
padding:	0;
display:	block;
position:	relative;
overflow:	hidden;
}
#ordAlfabetica {
width:		auto;
height:		auto;
text-align:	right;
padding:	0;
margin:		0 0 15px 0;
background:	transparent url(../img/bg_selectCases.jpg) left center no-repeat;
}
#ordAlfabetica a {
text-transform:	uppercase;
font-weight: bold;
font-size:	13px;
color:		#FF6600;
text-decoration: none;
padding:	0;
margin:		0 1px;
}
#ordAlfabetica a:hover {
text-transform:	uppercase;
font-weight: bold;
color:		#FFF;
text-decoration: none;
padding:	0;
margin:		0 1px;
}
#pagPort {
width:		auto;
height:		auto;
padding:	0;
margin:		0;
display:	block;
clear:		both;
}
ul#listaClientes {
width:		330px;
height:		350px;
padding:	0;
margin:		0;
float:		left;
position: relative;
}
ul#listaTodosClientes {
width:		auto;
height:		auto;
padding:	0;
margin:		0;
}
ul#listaClientes li {
width:		100px;
height:		100px;
padding:	0;
margin:		5px;
overflow:	hidden;
float:		left;
}
ul#listaTodosClientes li {
width:		100px;
height:		100px;
padding:	0;
margin:		4px;
overflow:	hidden;
float:		left;
}
ul#listaClientes li.paginacao {
width:		auto;
height:		20px;
clear:		both;
}
ul#listaClientes li img, ul#listaTodosClientes li img {
opacity: 	0.49 
}
ul#listaClientes li img:hover, ul#listaTodosClientes li img:hover {
opacity: 	0.99
}
ul#listaClientes li a {
text-decoration: none;
color:		#FF6600;
}
ul#listaClientes li a:hover {
text-decoration: none;
color:		#FFF;
}
.mostraPort {
width:		610px;
height:		auto;
padding:	5px;
margin:		0;
display:	block;
background:	#131313;
float:		left;
position: 	relative;
}
.mostraPort .print {
width:		380px;
height:		320px;
padding:	0;
margin:		0;
float:		left;
overflow:	hidden;
}
.mostraPort .detal {
width:		185px;
height:		auto;
padding:	5px;
margin:		0 0 0 5px;
float:		left;
background:	#131313;
}
.mostraPort .detal p {
padding:	2px;
border-bottom: 1px dotted #000;
}
.mostraPort .tipo {
font-size:	11px;
color:		#FF6600;
}
.boxProjeto {
width:		auto;
height:		auto;
padding:	0 0 20px 0;
margin:		0;
border-bottom: 2px dotted #FF6600;
}
/*-CASES-******************************/
#selectCases {
width:		auto;
height:		auto;
text-align:	right;
padding:	0;
margin:		0 0 15px 0;
background:	transparent url(../img/bg_selectCases.jpg) left center no-repeat;
}
#palcoCases {
width:		980px;
height:		auto;
padding:	0;
margin:		0;
}
#imgCase {
width:		470px;
height:		370px;
overflow:	hidden;
padding:	0;
margin:		0;
}
#imgCaseThumbs {
clear:		both;
width:		470px;
text-align:	center;
height:		70px;
overflow:	hidden;
}
#imgCaseThumbs img {
width:		50px;
height:		50px;
padding:	5px;
margin:		6px;
background:	#333;
cursor:		pointer;
}
.onOff {
width:		auto;
height:		auto;
background:	transparent url(../img/bg_diag.gif) left top repeat;
padding:	2px;
margin:		5px 0;
}
.onOff a {
text-decoration:none;
color:		#CCCCCC;
}
.onOff a:hover {
text-decoration:none;
color:		#FF7F00;
}

/*-CONTATO-******************************/
#contato {

}
/*-TITULOS-*******************************/
h2 {
width:		auto;
height:		auto;
font-size:	27px;
font-weight:normal;
color: 		#4F4F4F;
background:	transparent url(../img/bg_diag.png) left top repeat;
padding:	8px 5px;
margin:		0 0 10px 0;
}
h2 span {
padding:	2px;
background:	transparent url(../img/bg_diag-light.png)left top repeat;
}
h3 {
width:		auto;
height:		auto;
font-size:	21px;
font-weight:normal;
color: 		#FF7F00;
padding:	0;
margin:		0 0 10px 0;
}
h4 {
width:		auto;
height:		auto;
font-size:	17px;
font-weight:normal;
color: 		#4F4F4F;
padding:	0;
margin:		0 0 5px 0;
clear:		both;
}
h4.port {
color:		#FF6600;
}

/*-GERAL-*******************************/
.separadorTopo {
width:		auto;
height:		100px;
background:	url(../img/bg_separadorTop.jpg) center top no-repeat;
margin:		0;
padding:	0;
font-size:	11px;
color:		#2C2C2C;
}
.separadorTopo a span{
display:	none;
}
.separadorRodape {
width:		auto;
height:		342px;
background:	url(../img/bg_separador.jpg) center top no-repeat;
margin:		0 0 200px 0;
padding:	0;
font-size:	11px;
color:		#2C2C2C;
}
.separadorRodape p:hover {
color:		#4F4F4F;
}
p {
color:		#CCC;
padding:	0;
margin:		0 0 5px 0;
}
p:hover {
/*color:		#d4d4d4;*/
}
.colSepara {
width:		30px;
height:		auto;
padding:	0;
margin:		0;
float:		left;
}
.tresColunas {
width:		320px;
height:		auto;
padding:	0;
margin:		0;
float:		left;
}
.duasColunas {
width:		475px;
height:		auto;
padding:	0;
margin:		0;
float:		left;
}
.clear {
clear:		both;
padding:	0;
margin:		0;
font-size:	1px;
height:		1px;
}
a {
cursor:		pointer;
}
ul.geral {
width:		auto;
height:		auto;
padding:	0;
margin:		0;
}
ul.geral li {
border-bottom:1px dotted #0E0E0E;
padding:	3px;
margin:		0 0 1px 0;
}
small {
font-size:	11px;
}
/*-RODAPE-*******************************/
#rodape {
position:	relative;
background:	#2F0614;
color:		#de6464;
width:		100%;
height:		auto;
position:	fixed;
bottom:		0;
left: 		0;
z-index:	2;
background:	url(../img/bg_diag.png) left top repeat;
padding:	5px;
font-size:	11px;
cursor:		default;
}
#rodape p {
background:url(../img/bg_diag-light.png) left top repeat;
padding:	2px;
}
#rodape p a {
text-decoration: underline;
color:		#d3d3d3;
}
#rodape p a:hover {
color:		#FF6600;
}
/*-END IE6-*******************************/
#bigWindow {
color:		#FFFFFF !important;
}
#bigWindow #iWindow a.link, a.link  {
text-decoration: underline;
color:		#4F4F4F;
}
#bigWindow #iWindow a:hover.link, a:hover.link {
color:		#FF9900;
}
/*-FORM-***********************************/
input, select, textarea {
width:		auto;
height:		auto;
padding:	5px;
margin:		0;
border:		1px solid #0D0D0D;
background:	#333;
color:		#757575;
font:		12px Tahoma;
}
input:focus, select:focus, textarea:focus {
color:		#FFF;
border:		1px solid #FF6600;
}
label {
width:		120px;
height:		auto;
float:		left;
text-align:	right;
}
.ok {
font:		bold 13px "Trebuchet MS", Tahoma;
color:		#FF6600;
background:	transparent;
border-top: none;
border-left: none;
border-right:none;
border-bottom:	2px solid #FF6600;
cursor:		pointer;
overflow:	visible;
}
.ok:hover {
color:		#FFF;
}
.pag-active{
color: #FF6600 !important;
}
#twitter{
width: 90px;
height: 50px;
background: transparent url(../img/twitter_bird.png) no-repeat;
margin-bottom: -6px;
display: block;
position:relative;
}
#twitter span{
position: absolute;
bottom: -10px;
left: 25px;
}
#servicos ul{
margin-left: 50px;
list-style-type: none;
color: #CCC;
}
#servicos ul li{
background:transparent url(../img/bg_diag-light.png) repeat scroll 0 0;
float:left;
height:30px;
margin:10px 0 0 10px;
padding-left:21px;
padding-top:13px;
width:400px;
font-size: 1.15em;
}

.pagination-holder{
position: absolute;
bottom: 25px;
right: 30px;
font-size:
}

.detal a, .detal a:active, .detal a:hover{
color: #CCC;	
}

.paginacao{
	position: absolute;
	bottom: 0px;
	height: 15px;
	width: 323px;
	background: #FF6600;
	padding-left: 10px;
	color: #000;
	font-weight: 400;
}

.paginacao a{
	font-weight: bold;
}

.vertodos{
	margin-left: 190px;	
}
* html .box_segura { 
	position: absolute;
}
.aguarde {
width:		410px;
height:		auto;
padding:	10px;
margin:		10px 0;
border:		1px solid #FF6600;
background:			#FF9966;
color:		#000;
font-size:	11px;
font-weight:bold;
}
.erro {
width:				410px;
height:				auto;
padding:			10px;
margin:				5px 0px 5px 0px;
background:			#FAEFEF;
border:				1px solid #990000;
color:				#990000;
}
.sucesso {
width:				410px;
height:				auto;
padding:			10px;
margin:				5px 0px 5px 0px;
background:			#F9F9F7;
border:				1px solid #006600;
color:				#006600;
}