/*
Theme Name: OrganicsNet 04
Theme URI: http://www.sarjana.com.br
Description: Customised and Based on Kubrick</a>.
Version: 2.0
Author: Sarjana
Author URI: http://www.sarjana.com.br
Tags: buddypress, custom header, fixed width, two columns, widgets
Text Domain: kubrick


*/


/*
	Variable Grid System.
	Licensed under GPL and MIT.
*/


/* Main Sections
----------------------------------------------------------------------------------------------------*/

#header { 
	width: 100%;  
	margin:auto; 
	padding:0px; 
	}

#headin { 
	width: 940px; 
	height: 140px;
	margin:auto; 
	padding:0px; 
	}

#headsearch { 
	width: 940px; 
	height: 30px;
	margin:auto; 
	padding:0px; 
	}
		


#headbar { 
	width:940px; 
	height:38px;
	margin-left:auto;
	margin-right:auto; 
	margin-bottom:15px; 
	padding:0px;
	background-color:#ffffff;
	}

#page { 
	width: 100%; 
	margin:auto; 
	padding:0px; 
	}

#content { 
	padding:0px; 
	}


/* Html
----------------------------------------------------------------------------------------------------*/

body { 
	background: #eeece6 url('http://www.organicsnet.com.br/images/bgreciclato02.jpg') repeat right top;
	font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2",Trebuchet MS,Arial,sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:12px;

	}

div { 
	overflow: visible; 
	}

h1 {
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	}

h2 {
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-weight: normal;
	}

h3 { 
	background-color:#ffffff;
	padding:8px;
	margin:0px;
	color: #666666;
	font-style: normal;
	font-weight: 400;
	font-size:14px;	
	text-transform: uppercase;
	}

p {
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	}

img {
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	}

form {
	border:none;
	border:0px;
	margin:0px;
	padding:10px;
	}

li{
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 0px 10px;
	}

fieldset {
	border:none;
	border:0px;
	margin:0px;
	padding:40px 20px 20px 20px;
	}


#headsearch form {
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	}

#headsearch fieldset {
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	}

div h1 { 
	background-color:#eeeeee;
	padding:8px 10px 8px 10px;
	margin:0px;
	color: #333333;
	font-style: normal;
	font-weight: 400;
	font-size:14px;	
	text-transform: uppercase;
	}

div h2 { 
	background-color:#ffffff;
	padding:0px 10px 0px 10px;
	margin:0px;
	color: #333333;
	font-style: normal;
	font-weight: 100;
	font-size:16px;	
	}

#post h2 { 
	background-color:#ffffff;
	padding:0px 10px 20px 10px;
	margin:0px;
	color: #333333;
	font-style: normal;
	font-weight: 400;
	font-size:22px;	
	}


div h3 { 
	background-color:#ffffff;
	padding:10px 0px 10px 0px;
	margin:0px 10px 0px 10px;
	color: #333333;
	font-style: normal;
	font-weight: 400;
	font-size:14px;
	text-transform: uppercase;
	}

div h4 { 
	background-color:#ffffff;
	padding:10px 0px 0px 0px;
	margin:0px 10px 0px 10px;
	color: #333333;
	font-style: normal;
	font-weight: 400;
	font-size:11px;
	text-transform: uppercase;
	border-bottom: 1px solid #999999;
	}
	
div h5 { 
	background-color:#ffffff;
	padding:10px 0px 0px 0px;
	margin:0px 10px 5px 10px;
	color: #333333;
	font-style: normal;
	font-weight: 400;
	font-size:14px;
	text-transform: uppercase;
	}


div p { 
	background-color:#ffffff;
	color: #333333;
	font-style: normal;
	font-weight: 100;
	font-size:13px;	
	padding:0px 10px 10px 10px;
	margin:0px;
	}
	
div a { 
	color: #227845;
	text-decoration:none;	
	}

div a:hover { 
	color: #333333;
	text-decoration:none;	
	}


/* Menu
----------------------------------------------------------------------------------------------------*/


.menu {
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	text-transform: uppercase;
	}
	
.menu ul {
	list-style:none;
	margin:0;
	padding:0;
	}

.menu li {
	float:left;
	padding:0px;
	font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2",Trebuchet MS,Arial,sans-serif;
	font-style: normal;
	font-weight: 800;
	font-size:17px;
	}

.menu li a {
	color:#227845;
	display:block;
	margin:0px 0px 0px 0px;
	padding:45px 30px 5px 10px;
	text-decoration:none;
	}

.menu li a:hover, .menu ul li:hover a {
	text-decoration:none;
	color:#999999;
	}
	
.menu li ul {
	display:none;
	height:auto;
	padding:5px 0px 5px 0px;
	margin:0px;
	position:absolute;
	width:160px;
	background-color: #227845;
	z-index:100;
	/*top:1em;
	/*left:0;*/
	}

.menu li:hover ul {
	display:block;
	text-decoration:none;
	}

.menu li li {
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:150px;
	font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2",Trebuchet MS,Arial,sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size:14px;	
	}

.menu li:hover li a {
	background:none;
	text-decoration: none;
	color:#ffffff;
	}

.menu li ul a {
	display:block;
	font-size:12px;
	margin:0px;
	padding:0px 0px 2px 10px;
	text-align:left;
	}

.menu li ul a:hover, .menu li ul li:hover a {

	border:0px;
	text-decoration:none;
	color:#000000;
	}

.menu p {
	clear: left;
	}





/* Containers
----------------------------------------------------------------------------------------------------*/

.container {
	padding:0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	width: 960px;
	}

.container_f {
	padding:0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	margin-bottom: 5px;
	width: 960px;
	}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	background-color:#ffffff;
	display:inline;
	float:left;
	position: relative;
	margin:5px 10px 5px 10px;
	padding:0px;
}

.grid_12g {
	background-color:#f5f4f2;
	display:inline;
	float:left;
	position: relative;
	margin:0px 10px 0px 10px;
	padding:0px;
}


.box_2,
.box_3,
.box_4,
.box_5 {
	display:inline;
	float:left;
	position: relative;
	margin:0px 20px 0px 0px;
	padding:0px;
}

.box_4fix {
	display:inline;
	float:left;
	position: relative;
	margin:0px;
	padding:0px;
}

#box_produtos {
	width; 320px;
	background-color:#f5f4f2;
	margin:10px 0px 10px 0px;
	padding: 10px;	
	}

#box_produtos h4 {
	background:#f5f4f2;
	}	

#box_produtos p {
	background:#f5f4f2;
	}

/* Grid >> Columns
----------------------------------------------------------------------------------------------------*/

.grid_1 {
	width:60px!important;
	width:40px;
}

.grid_2 {
	width:140px!important;
	width:120px;
}

.grid_3 {
	width:220px!important;
	width:200px;
}

.grid_4 {
	width:300px!important;
	width:280px;
}

.grid_5 {
	width:380px!important;
	width:360px;
}

.grid_6 {
	width:460px!important;
	width:440px;
}

.grid_7 {
	width:540px!important;
	width:520px;
}

.grid_8 {
	width:620px!important;
	width:600px;
}

.grid_9 {
	width:700px!important;
	width:680px;
}

.grid_10 {
	width:780px!important;
	width:760px;
}

.grid_11 {
	width:860px!important;
	width:840px;
}

.grid_12 {
	width:940px!important;
	width:920px;
}

.grid_12g {
	width:940px!important;
	width:920px;
}

.box_2 {
	width:140px!important;
	width:120px;
}

.box_4 {
	width:300px!important;
	width:280px;
}

.box_4fix {
	width:280px!important;
	width:260px;
}

.box_3 {
	width:200px!important;
	width:180px;
}

.box_5 {
	width:360px!important;
	width:340px;
}



/* Grid >> Banners
----------------------------------------------------------------------------------------------------*/


.banner {
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	}

.banner p {
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	}

/* Footer
----------------------------------------------------------------------------------------------------*/

.grid_12g p { 
	background-color:#f5f4f2;
	padding:10px 10px 10px 10px;
	margin:0px;
	color: #333333;
	font-style: normal;
	font-weight: 400;
	font-size:13px;	
	}

.grid_12g h5 { 
	background-color:#f5f4f2;
	padding:10px 0px 0px 0px;
	margin:0px 10px 5px 10px;
	color: #666666;
	font-style: normal;
	font-weight: 400;
	font-size:14px;
	text-transform: uppercase;
	
	}
	
.grid_12g ul {
	list-style:none;
	margin:0px;
	padding:0px 0px 0px 0px;
	}



/* WP Elements
----------------------------------------------------------------------------------------------------*/

.postdate {
	padding:0px;
	margin: 0px 0px 0px 10px;
	font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2",Trebuchet MS,Arial,sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size:11px;
	color: #999999;
	}

.posttags {
	padding:0px;
	margin: 0px 20px 10px 10px;
	font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2",Trebuchet MS,Arial,sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:11px;
	color: #999999;
	}

.page_item {
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 0px 10px;
	}

.cat-item {
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 0px 10px;
	}

.flickr-mini-gallery {
	margin: 10px 10px 10px 10px;
	}

.flickr-mini-gallery img {
	display: inline!important;
	}

.flickr-mini-gallery img {
	margin:0 5px 5px 0;
	}

.sociable { margin: 10px  10px 20px 10px; }
	
.sociable ul {
	display: inline;
	margin: 0px 0px 0px 0px !important;
	padding: 0 !important;
	}	

.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
	}



/* posts
----------------------------------------------------------------------------------------------------*/

#nav_posts { 
	padding: 0px 0px 0px 0px;; 
	}


.alignleft { float: left; padding: 10px 10px 10px 0px; }
.alignright { float: right; padding: 10px 0px 10px 10px; }


/* eventos 
----------------------------------------------------------------------------------------------------*/

#eventos p { 
	padding: 0px 0px 10px 10px; 
	color: #999999; 
	}

#eventos h4 { 
	background-color:#ffffff;
	padding:10px 0px 0px 0px;
	margin:0px 10px 10px 10px;
	color: #333333;
	font-style: normal;
	font-weight: 400;
	font-size:11px;
	text-transform: uppercase;
	border-bottom: 1px solid #999999;
	}

#eventos td { 
	padding: 0px 20px 0px 0px;
	margin: 0px;
	}

.dbem_events_list {
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	}

.dbem-calendar {
	padding: 10px;
	margin: 0px;
	}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}