@charset "utf-8";
		
/*	---------------------------------------------------------------------------------------
	Main styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		body {
			margin:0px;
			padding:0px;}
			
		body,th {
			font-family:Arial, Helvetica, sans-serif;
			font-size:75%;
			color:#555;
			background-color:#FFFFFF;}
			
		p, h1, h2, h3, h4, form, ul, li {
			padding:0px;
			margin:0px;
			font-size:100%}
			
		p {
			line-height:150%;}
			
		a {
			color:#398AA5;
			font-family:Georgia, "Times New Roman", Times, serif;}
			
		a:hover {
			color:#A10607;}
			
		img {
			border:0px}
		
/*	---------------------------------------------------------------------------------------
	Content styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#content {
			padding:18px 0px 0px 0px;
			background-image:url(bg-content.png);
			background-repeat:repeat-x;}
			
		#content h1 {
			font-size:190%;
			font-weight:normal;
			line-height:30px;
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#383838;
			margin:0px 0px 20px 0px;}
			
		#content h2 {
			font-size:140%;
			font-weight:normal;
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#383838;
			margin:0px 0px 15px 0px;}
			
		#content h3 {
			font-size:190%;
			font-weight:normal;
			line-height:30px;
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#383838;
			margin:0px 0px 20px 0px;}
			
		#content h4 {
			font-size:300%;
			font-weight:normal;
			line-height:30px;
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#383838;}
			
		#content p {
			margin:0px 0px 15px 0px;}
		
/*	---------------------------------------------------------------------------------------
	Top styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			
		#top {
			height:57px;
			background-image:url(top.png);
			background-repeat:repeat-x;
			background-color:#0E1116;
			padding:0px 20px;}
			
		#top h1 {
	text-indent:-9009px;
	background-image:url(logow.png);
	background-repeat:no-repeat;
	background-color:#BE0A0B;
	width:392px;
	height:87px;
	float:left;
	margin-left:-10px;
	position:absolute;
	z-index:1;
}
			
		#top h3 {
	text-indent:-9009px;
	background-image:url(logow.png);
	background-repeat:no-repeat;
	background-color:#BE0A0B;
	width:392px;
	height:87px;
	float:left;
	margin-left:-10px;
	position:absolute;
	z-index:1;
}			
			
		#top p {
			color:#FFFFFF;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:160%;
			background-repeat:no-repeat;
			float:right;
			margin:13px 10px 0px 0px;}
		
/*	---------------------------------------------------------------------------------------
	Menu styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#menu {
			height:56px;
			background-image:url(bg-menu.png);
			background-repeat:repeat-x;
			background-color:#F6F5F0;
			border-bottom:1px solid #E6E3DB;}
			
		#menu ul {
			width:840px;
			margin:0px auto;
			list-style-type:none;}
			
		#menu li {
			float:left;}
			
		#menu li a {
			display:block;
			height:18px;
			font-size:130%;
			background-position:0px 0px;
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#3F3F3F;
			text-decoration:none;
			padding:19px 0px;
			text-align:center;
			border-right:1px solid #F6F5F0;
			border-left:1px solid #EBE9DE}
		
		#menu li a:hover {
			background-position:0px -56px;
			background-color:#FFFFFF;}
			
		#menu li .selected {
			background-position:0px -112px;
			background-color:#E1DED5;
			color:#0E1116}
			
/*	---------------------------------------------------------------------------------------
	Main content styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#main-content {
			float:left;
			width:532px;
			margin:0px 0px 30px 0px}
			
		#main-content ul {
			list-style-type:none;
			margin:0px 0px 0px 5px;}
			
		#main-content li {
			background-image:url(li-blue.gif);
			background-repeat:no-repeat;
			background-position:-4px 0px;
			height:16px;
			padding:0px 0px 7px 15px;}
			
		#main-content .obrazek {
			border:1px solid #E1DED5;
			padding:1px;
			background-color:#FFFFFF;}
			
		#main-content .portfolio {
			margin:10px 0px 20px 0px;}
		
/*	---------------------------------------------------------------------------------------
	Sidebar styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#sidebar {
			float:right;
			width:232px;
			padding:20px;
			background-image:url(bg-sidebar.png);
			background-repeat:no-repeat;
			position:relative;
			top:-48px;
			margin:0px 0px -48px 0px}
			
		#about {}
		
		#about ul {
			margin:0px 0px 6px 5px;
			list-style-type:none;}
			
		#about li {
	margin:0px 0px 7px 0px;
	padding:1px 0px 0px 10px;
	background-repeat:no-repeat;
	height:16px;
}

		#sidebartexto {
	float:right;
	width:232px;
	padding:20px;
	background-image:url(bg-sidebar.png);
	background-repeat:no-repeat;
	position:relative;
	top:-48px;
	margin:50px 0px -48px 5px
}
			
		#abouttexto {}
		
		#abouttexto ul {
			margin:0px 0px 6px 5px;
			list-style-type:none;}
			
		#abouttexto li {
	margin:0px 0px 7px 0px;
	padding:1px 0px 0px 10px;
	background-repeat:no-repeat;
	height:16px;
}
			
		#technology ul {
			margin:0px 0px 6px 5px;
			list-style-type:none;}
			
		#technology li {
			margin:0px 0px 7px 0px;
			padding:1px 0px 0px 20px;
			background-repeat:no-repeat;
			height:16px;}
			
		#recognition ul {
			margin:0px 0px 6px 5px;
			list-style-type:none;}
			
		#recognition li {
			margin:0px 0px 7px 0px;
			padding:1px 0px 0px 20px;
			background-repeat:no-repeat;
			height:16px;}
			
		#call ul {
			margin:0px 0px 13px 5px;
			list-style-type:none;}
			
		#call li {
			margin:0px 0px 7px 0px;
			padding:1px 0px 0px 25px;
			background-repeat:no-repeat;
			height:16px;}
			
		
		.coding {
			background-image:url(li-html.png);}
			
		.flash {
			background-image:url(li-flash.png);}
			
		.aw {
			background-image:url(li-aw.png);}
			
		.time {
			background-image:url(li-time.png);}
			
		.bullet {
			background-image:url(li-blue.gif)}
			
		.cz {
			background-image:url(li-cz.png);
			background-position:2px 3px;}
			
		.gb {
			background-image:url(li-gb.png);
			background-position:2px 3px;}
			
		.us {
			background-image:url(li-us.png);
			background-position:2px 3px;}
			
		.skype {
			background-image:url(li-skype.png);
			background-position:2px 0px;}
			
		.email {
			background-image:url(li-email.png);
			background-position:2px 1px;}
			
		.gt {
			background-image:url(li-gt.png);
			background-position:2px 0px;}
			
			
		#newsletter .field {
			font-family:Arial, Helvetica, sans-serif;
			font-size:100%;
			background-image:url(bg-news-field.png);
			background-repeat:no-repeat;
			border-bottom:1px solid #EBEAE4;
			border-right:1px solid #EBEAE4;
			border-left:1px solid #D4D4CF;
			border-top:1px solid #D4D4CF;
			color:#929292;
			height:18px;
			width:175px;
			padding:6px 5px 4px 5px;}
			
		#newsletter .left {
			width:192px;}
			
		#newsletter p {
			margin:0px 0px 16px 0px}
		
/*	---------------------------------------------------------------------------------------
	Homepage promo styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#hp-promo {
			background-image:url(hp-promo.png);
			background-repeat:repeat-x;
			height:289px;}

		#hp-promo2 {
			background-image:url(hp-promo.png);
			background-repeat:repeat-x;
			height:150px;}			
			
		#hp-promo .man{
			background-image:url(001.jpg);
			width:292px;
			height:295px;
			float:left;
			margin:-6px 0px 0px 50px;
			position:relative;
			z-index:0;}

		#hp-promo2 .man{
			background-image:url(001.jpg);
			width:292px;
			height:156px;
			float:left;
			margin:-6px 0px 0px 50px;
			position:relative;
			z-index:0;}			

		#hp-promo .w01{
			background-image:url(http://www.biodieselrevista.com/arq/001w.jpg);
			width:292px;
			height:295px;
			float:left;
			margin:-6px 0px 0px 50px;
			position:relative;
			z-index:0;}

		#hp-promo2 .w01{
			background-image:url(http://www.biodieselrevista.com/arq/001w.jpg);
			width:292px;
			height:156px;
			float:left;
			margin:-6px 0px 0px 50px;
			position:relative;
			z-index:0;}	
		
		#box {
			width:840px;
			margin:0px auto;
			padding:0px 0px 0px 0px;}
			
		#cont {
			float:left;
			width:480px;}
			
		
		#box h2 {
			font-size:190%;
			font-weight:normal;
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#fff;
			margin:60px 0px 12px 5px;}
			
		#box h3 {
			line-height:140%;
			font-size:100%;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:normal;
			color:#fff;
			margin:0px 0px 12px 5px;}
			
		#box .bigger {
			font-size:290%;
			color:#FFFFFF;
			float:left;
			padding:8px 7px 0px 0px}
			
		#box a {
			margin:0px 0px 0px 5px;
			color:#FFFFFF;
			float:right;}
			
		#box a:hover {
			background-position:0px -51px;}
			
		
		#hp-left {
			width:251px;
			float:left}
			
		#hp-left p {
			padding:0px 5px 0px 5px;}
			
		#hp-left h2 {
			margin:0px 5px 15px 5px;}
			
		#hp-left img {
			margin:0px 0px 14px 0px}
			
		#hp-left .go {
			background-position:5px 3px;
			padding:0px 5px 0px 23px;}
			
			
		#hp-right {
			width:251px;
			float:right}
			
		#hp-right p {
			padding:0px 5px 0px 5px}
			
		#hp-right h2 {
			margin:0px 5px 15px 5px;}
			
		#hp-right img {
			margin:0px 0px 14px 0px}
			
		#hp-right .go {
			background-position:5px 3px;
			padding:0px 5px 0px 23px;}
		
/*	---------------------------------------------------------------------------------------
	Contact styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#contact .text {
			width:100%;
			margin:5px 0px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:120%;
			background-image:url(bg-news-field.png);
			background-repeat:no-repeat;
			border-bottom:1px solid #EBEAE4;
			border-right:1px solid #EBEAE4;
			border-left:1px solid #D4D4CF;
			border-top:1px solid #D4D4CF;
			color:#0E1116;
			line-height:20px;
			padding:6px 5px 6px 5px;}
		
		#contact .cb {
			float:left;
			margin:-43px 0px 0px 80px}
			
		#contact .cb input {
			margin:0px 5px 0px 0px;}
		
		#contact #button {
			width:58px;
			background-image:none;
			padding:0px;
			border:0px}
			
		#contact {padding:10px 22px 5px 10px;
			margin:0px 0px 0px 0px;}
		
/*	---------------------------------------------------------------------------------------
	Footer styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#footer {
			width:840px;
			margin:0px auto;
			border-top:1px solid #E1DED5;
			padding:10px;
			color:#939393;}
			
		#footer a {
			color:#939393;}
		
/*	---------------------------------------------------------------------------------------
	CSS fixes
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		.cleaner {
			clear:both;
			height:0px;
			font-size:0px;}
			
		.left {
			float:left;}
			
		.right {
			float:right;}
			
		.border {
			padding:1px;
			background-color:#FFFFFF;
			border:1px solid #E1DED5;
			margin:20px auto 20px auto;}
			
		.smaller {
			font-size:60%;}
			
		.banner {
			margin:3px 0px 10px 0px}
			
		.banner-hp {
			margin:3px 0px 0px 0px}
			
		.center {
			width:840px;
			margin:0px auto;}
			
		.go {
			background-image:url(arrow.gif);
			background-repeat:no-repeat;
			background-position:0px 3px;
			padding:0px 0px 0px 18px;}
			
		.divider {
			margin:5px 0px 13px 0px;}
		
		.home {
			width:66px;}
		
		.about-us {
			width:87px;}
		
		.our-work {
			width:95px;}
		
		.contact {
			width:78px;}
		
		.hint {
			width:100%;
			display:block;}
			


/*	---------------------------------------------------------------------------------------
	Capas no alto das páginas
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		#hp-promo .capa2{
			background-image:url(http://www.biodieselbr.com/i/revista/capas/002.jpg);
			width:292px;
			height:295px;
			float:left;
			margin:-6px 0px 0px 50px;
			position:relative;
			z-index:0;}

		#hp-promo2 .capa2{
			background-image:url(http://www.biodieselbr.com/i/revista/capas/002.jpg);
			width:292px;
			height:156px;
			float:left;
			margin:-6px 0px 0px 50px;
			position:relative;
			z-index:0;}		

		#hp-promo .capa3{
			background-image:url(http://www.biodieselbr.com/i/revista/capas/003.jpg);
			width:292px;
			height:295px;
			float:left;
			margin:-6px 0px 0px 50px;
			position:relative;
			z-index:0;}

		#hp-promo2 .capa3{
			background-image:url(http://www.biodieselbr.com/i/revista/capas/003.jpg);
			width:292px;
			height:156px;
			float:left;
			margin:-6px 0px 0px 50px;
			position:relative;
			z-index:0;}		

		#hp-promo .capa4{
			background-image:url(http://www.biodieselbr.com/i/revista/capas/004.jpg);
			width:292px;
			height:295px;
			float:left;
			margin:-6px 0px 0px 50px;
			position:relative;
			z-index:0;}

		#hp-promo2 .capa4{
			background-image:url(http://www.biodieselbr.com/i/revista/capas/004.jpg);
			width:292px;
			height:156px;
			float:left;
			margin:-6px 0px 0px 50px;
			position:relative;
			z-index:0;}		

		#hp-promo .capa5{
			background-image:url(http://www.biodieselbr.com/i/revista/capas/005.jpg);
			width:292px;
			height:295px;
			float:left;
			margin:-6px 0px 0px 50px;
			position:relative;
			z-index:0;}

		#hp-promo2 .capa5{
			background-image:url(http://www.biodieselbr.com/i/revista/capas/005.jpg);
			width:292px;
			height:156px;
			float:left;
			margin:-6px 0px 0px 50px;
			position:relative;
			z-index:0;}	
				
		#hp-promo .capa6{
			background-image:url(http://www.biodieselbr.com/i/revista/capas/006.jpg);
			width:292px;
			height:295px;
			float:left;
			margin:-6px 0px 0px 50px;
			position:relative;
			z-index:0;}

		#hp-promo2 .capa6{
			background-image:url(http://www.biodieselbr.com/i/revista/capas/006.jpg);
			width:292px;
			height:156px;
			float:left;
			margin:-6px 0px 0px 50px;
			position:relative;
			z-index:0;}							
												
		#hp-promo .capa7{
			background-image:url(http://www.biodieselbr.com/i/revista/capas/007.jpg);
			width:292px;
			height:295px;
			float:left;
			margin:-6px 0px 0px 50px;
			position:relative;
			z-index:0;}

		#hp-promo2 .capa7{
			background-image:url(http://www.biodieselbr.com/i/revista/capas/007.jpg);
			width:292px;
			height:156px;
			float:left;
			margin:-6px 0px 0px 50px;
			position:relative;
			z-index:0;}	
			
		#hp-promo .capa8{
			background-image:url(http://www.biodieselbr.com/i/revista/capas/008.jpg);
			width:292px;
			height:295px;
			float:left;
			margin:-6px 0px 0px 50px;
			position:relative;
			z-index:0;}

		#hp-promo2 .capa8{
			background-image:url(http://www.biodieselbr.com/i/revista/capas/008.jpg);
			width:292px;
			height:156px;
			float:left;
			margin:-6px 0px 0px 50px;
			position:relative;
			z-index:0;}					
						
/*	---------------------------------------------------------------------------------------
	End
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
