/* CSS Document 
# Project: Onebit Design Web
# Date: 18/8/2008
# Author: André Luiz Trabuco
# Agency: Onebit Design Web [www.onebit.com.br]
*/

/****************************
		GENERAL INFO
****************************/

* {
	margin:0;
	padding:0;
	list-style:none;
	outline:none;
}

body {
	background-color:#F1F1F1;
}

abbr {
	cursor:help;
}

a {
	cursor:pointer;
}


/****************************
		    GERAL
****************************/

div#onebit-wrapper {
	width:913px;
	margin:0 auto;
}

/****************************
			TOPO
****************************/

div#onebit-top {
	position:relative;
}

/* Marca */
/* Menu */

div#onebit-menu {
	
}

div#onebit-menu ul {
	position:absolute;
	top:15px;
	right:0px;
	height:50px;

}

div#onebit-menu ul li {
	display:inline;
	float:left;
	padding-left:15px;
}

div#onebit-menu ul li a {
	padding:5px;
	font:11px 'Trebuchet MS',Verdana,Verdana,Helvetica,sans-serif;
	color:#333;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:1px;
	display:block;
}

div#onebit-menu ul li a:hover {
	background:#038DD5;
	color:#FFF;
	display:block;
}

/*div#onebit-menu ul li.inicial a {
	background-image:url("../img/menu/home.png");
	background-repeat:no-repeat;
	background-position:0 0;
	width:89px;
	height:35px;
	text-indent:-9900px;
	display:block;
}

div#onebit-menu ul li.inicial a:hover {
	background-position:0 -36px;
	width:89px;
}

div#onebit-menu ul li.sobre a {
	background-image:url("../img/menu/sobre.png");
	background-repeat:no-repeat;
	background-position:0 0;
	width:89px;
	height:35px;
	text-indent:-9900px;
	display:block;
}

div#onebit-menu ul li.sobre a:hover {
	background-position:0 -36px;
	width:89px;
}

div#onebit-menu ul li.trabalho a {
	background-image:url("../img/menu/trabalho.png");
	background-repeat:no-repeat;
	background-position:0 0;
	width:89px;
	height:35px;
	text-indent:-9900px;
	display:block;
}

div#onebit-menu ul li.trabalho a:hover {
	background-position:0 -36px;
	width:89px;
}

div#onebit-menu ul li.servicos a {
	background-image:url("../img/menu/servicos.png");
	background-repeat:no-repeat;
	background-position:0 0;
	width:89px;
	height:35px;
	text-indent:-9900px;
	display:block;
}

div#onebit-menu ul li.servicos a:hover {
	background-position:0 -36px;
	width:89px;
}

div#onebit-menu ul li.blog a {
	background-image:url("../img/menu/blog.png");
	background-repeat:no-repeat;
	background-position:0 0;
	width:89px;
	height:35px;
	text-indent:-9900px;
	display:block;
}

div#onebit-menu ul li.blog a:hover {
	background-position:0 -36px;
	width:89px;
}

div#onebit-menu ul li.contato a {
	background-image:url("../img/menu/contato.png");
	background-repeat:no-repeat;
	background-position:0 0;
	width:89px;
	height:35px;
	text-indent:-9900px;
	display:block;
}

div#onebit-menu ul li.contato a:hover {
	background-position:0 -36px;
	width:89px;
}*/

/****************************
		 CONTEÚDO
****************************/

div#onebit-information {
	position:relative;
}

div#onebit-information div.onebit-whoweare {
	width:320px;
	float:left;
}

div#onebit-information div.onebit-whoweare h2 {
	font:24px 'Georgia','Times New Roman',Times,serif;
	color:#026BA4;
	padding:0 0 10px 0;
}

div#onebit-information div.onebit-whoweare p {
	font:12px/18px 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
	color:#333;
	text-align:justify;
	padding-left:3px;
	padding-bottom:10px;
}

div#onebit-information div.onebit-whoweare strong a {
	font:15px/18px 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
	color:#333;
	text-decoration:none;
	border-bottom:1px dotted #026BA4;
	margin-left:3px;
	
}

div#onebit-information div.onebit-whoweare strong a:hover {
	font:15px/18px 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
	color:#333;
	text-decoration:none;
	
}

div#onebit-information div.onebit-specialties {
	width:290px;
	float:left;
	padding:0 0 0 60px;
}

div#onebit-information div.onebit-specialties h2 {
	font:24px 'Georgia','Times New Roman',Times,serif;
	color:#026BA4;
	padding:0 0 10px 0;	
}

div#onebit-information div.onebit-specialties ul li {
	font:12px/18px 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
	color:#333;	
	margin:0 5px;
}

div#onebit-information div.onebit-getintouch {
	width:230px;
	float:left;
}

div#onebit-information div.onebit-getintouch h2 {
	font:24px 'Georgia','Times New Roman',Times,serif;
	color:#026BA4;
	padding:0 0 10px 0;	
}

div#onebit-information div.onebit-getintouch p {
	font:12px/18px 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
	color:#333;
	text-align:justify;	
	padding-left:5px;
	padding-bottom:10px;
}

div#onebit-information div.onebit-getintouch strong a {
	font:15px/18px 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
	color:#333;
	text-decoration:none;
	margin:0 0 0 5px;
	border-bottom:1px dotted #026BA4;
}

div#onebit-information div.onebit-getintouch strong a:hover {
	font:15px/18px 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
	color:#333;
	text-decoration:none;
	border-bottom:1px dotted #026BA4;
}

/****************************
		  SOBRE
****************************/

div#onebit-about h2 {
	font:24px 'Georgia','Times New Roman',Times,serif;
	color:#026BA4;
	padding:0 0 10px 0;
	word-spacing:2px;
}

div#onebit-about-text h3 {
	font:11px/18px 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
	color:#333;
	text-transform:uppercase;
	margin:10px 0 0 0;
	word-spacing:1px;
}

div#onebit-about-text p {
	font:11px/18px 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
	color:#666;
	margin:2px;
	text-align:justify;
}

div#onebit-about-text a {
	text-decoration:none;
	color:#333;
}

/****************************
		 CONTATO
****************************/
div#onebit-contact-text h3 {
	font:11px/18px 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
	color:#333;
	text-transform:uppercase;
	margin:10px 0 0 0;
	word-spacing:1px;
}

div#onebit-contact-text p {
	font:11px/18px 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
	color:#666;
	margin:2px;
	text-align:justify;
}

div#onebit-contact-text a {
	text-decoration:none;
	color:#333;
}

div#onebit-contact-text form label {
	display:block;
	text-align:right;
	font:11px/18px 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
	color:#666;
	margin:2px;

}

div#onebit-contact-text form label span {
	position:absolute;
	right:307px;
}

div#onebit-contact-text form fieldset {
	border:none;
	position:relative;
	width:600px;
	margin:10px 0 0 0;
}

div#onebit-contact-text form fieldset legend {
	display:none;
}

div#onebit-contact-text form label input {
	width:300px;
	height:25px;
	border:1px solid #C1C1C1;
	font:14px/25px 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
	color:#666;
}

div#onebit-contact-text form input#envia {
	float:right;
	border:1px solid #C1C1C1;
	color:#FFF;
	background:#666;
	height:30px;
	width:120px;
	font:11px/25px 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	margin:0 2px 0 0;
	cursor:pointer;
}

div#onebit-contact-text form label textarea {
	width:300px;
	height:165px;	
	overflow:auto;
	border:1px solid #C1C1C1;
	font:14px/25px 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
	color:#666;
	vertical-align:top;
}

/****************************
		TRABALHOS
****************************/
div#onebit-works h2 {
	font:24px 'Georgia','Times New Roman',Times,serif;
	color:#026BA4;
	padding:0 0 10px 0;
	word-spacing:2px;
}

div#onebit-works-thumbs {
	width:750px;
	padding:0 0 0 100px;
	margin:20px 0 0 0;
}

div#onebit-works-thumbs a {
	position:relative;
	margin:5px;
	color:#FFF;
}

div#onebit-works-thumbs a img {
	border:2px solid #038DD5;
}

div#onebit-works-thumbs span {
	position:absolute;
	left:2px;
	top:-107px;
	height:15px;
	background:#666;
	font:10px 'Trebuchet MS',Tahoma,Helvetica,sans-serif;
	text-transform:uppercase;
	padding:1px;
}

div#onebit-works-thumbs a:hover span {


}


/****************************
		   CASES
****************************/

div#onebit-portfolio {
	
}

div#onebit-portfolio h2 {
	font:24px 'Georgia','Times New Roman',Times,serif;
	color:#026BA4;
	padding:0 0 10px 0;
	word-spacing:2px;
}

div#slider {
	margin:0 0 0 50px;
}

div#slider p {
	color:#666;
	font:11px 'Trebuchet MS',Tahoma,Helvetica,sans-serif;
	
}

div#slider a {
	color:#026BA4;
	font:11px 'Trebuchet MS',Tahoma,Helvetica,sans-serif;
	text-transform:uppercase;	
	text-decoration:none;
	padding:4px;
}

div#slider h3 {
	color:#333;
	font:13px/20px 'Trebuchet MS',Tahoma,Helvetica,sans-serif;
	text-transform:uppercase;	
	letter-spacing:2px;
	margin:15px 0 0 0;
}

p#controls {
	width:800px;
	margin:0 0 0 50px;
	position:relative;
}

p#controls a {
	text-decoration:none;
	font:10px/30px 'Trebuchet MS',Tahoma,Helvetica,sans-serif;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#FFF;
	padding:5px;
	background:#026BA4;
}

p#controls a:hover {
	background:#666;
	color:#FFF;
}

p#controls span#nextBtn {
	position:absolute;
	right:0;
}

div#slider ul li {
	overflow:hidden;
	height:570px;
	width:800px;
	border-bottom:1px dotted #CCC;
}

/****************************
		  FOOTER
****************************/

div#onebit-footer {
	clear:both;
	padding:50px 0;
}

/****************************
		ENDEREÇO
****************************/

div#onebit-contact {
	width:220px;
	float:right;
	text-transform:uppercase;
}

div#onebit-contact p {
	font:11px/18px 'Trebuchet MS','Lucida Sans Unicode',Verdana,Tahoma,Helvetica,sans-serif;
	color:#666;
}

div#onebit-contact span {
	letter-spacing:4.3px;
	font:10px/18px 'Trebuchet MS','Lucida Sans Unicode',Verdana,Tahoma,Helvetica,sans-serif;
	position:relative;
	margin:0 5px;
}


/****************************
	  SOCIAL MEDIA
****************************/

div#social-media {
	display:block;
	float:right;
	margin:0 2px 0 0;
}

div#social-media a {
	text-align:right;
	text-decoration:none;
}

div#social-media a img {
	border:none;
}


/****************************
		    W3C
****************************/

div#onebit-w3c {
	float:left;
}

div#onebit-w3c ul {
	word-spacing:10px;
	padding:8px 0;
}

div#onebit-w3c ul li {
	display:inline;
	
}

div#onebit-w3c ul li a {
	font:11px/18px 'Trebuchet MS','Lucida Sans Unicode',Verdana,Tahoma,Helvetica,sans-serif;
	color:#666;
	text-decoration:none;
	padding:0px;
	

}

div#onebit-w3c ul li a:hover {
	color:#333;
}


/****************************
		 SLIDER
****************************/

#sanfona {
	height:280px;
	margin:0 0 0 0px;
}

#sanfona img {
	border:none;
}
.slider	{
	list-style:none;
	height:280px;
	display:block;
	overflow:hidden;
}
.slider li 	{
	float:left;
	display:inline;
	overflow:hidden;
}

.slider li.onebit-cases-default {
	
}