/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 960px;
  margin:0;
}

/* `Container
----------------------------------------------------------------------------------------------------*/

.recipiente {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  clear:left;
}

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

.recipiente .grade_1,
.recipiente .grade_2,
.recipiente .grade_3,
.recipiente .grade_4,
.recipiente .grade_5,
.recipiente .grade_6,
.recipiente .grade_7,
.recipiente .grade_8,
.recipiente .grade_9,
.recipiente .grade_10,
.recipiente .grade_11,
.recipiente .grade_12 {
  display: inline;
  float: left;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}

.recipiente .empurrar_1, .recipiente .puxar_1,
.recipiente .empurrar_2, .recipiente .puxar_2,
.recipiente .empurrar_3, .recipiente .puxar_3,
.recipiente .empurrar_4, .recipiente .puxar_4,
.recipiente .empurrar_5, .recipiente .puxar_5,
.recipiente .empurrar_6, .recipiente .puxar_6,
.recipiente .empurrar_7, .recipiente .puxar_7,
.recipiente .empurrar_8, .recipiente .puxar_8,
.recipiente .empurrar_9, .recipiente .puxar_9,
.recipiente .empurrar_10, .recipiente .puxar_10,
.recipiente .empurrar_11, .recipiente .puxar_11 {
  position: relative;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.recipiente .grade_1 {
  width: 60px;
}

.recipiente .grade_2 {
  width: 140px;
}

.recipiente .grade_3 {
  width: 220px;
}

.recipiente .grade_4 {
  width: 300px;
}

.recipiente .grade_5 {
  width: 380px;
}

.recipiente .grade_6 {
  width: 460px;
}

.recipiente .grade_7 {
  width: 540px;
}

.recipiente .grade_8 {
  width: 620px;
}

.recipiente .grade_9 {
  width: 700px;
}

.recipiente .grade_10 {
  width: 780px;
}

.recipiente .grade_11 {
  width: 860px;
}

.recipiente .grade_12 {
  width: 940px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.recipiente .prefix_1 {
  padding-left: 80px;
}

.recipiente .prefix_2 {
  padding-left: 160px;
}

.recipiente .prefix_3 {
  padding-left: 240px;
}

.recipiente .prefix_4 {
  padding-left: 320px;
}

.recipiente .prefix_5 {
  padding-left: 400px;
}

.recipiente .prefix_6 {
  padding-left: 480px;
}

.recipiente .prefix_7 {
  padding-left: 560px;
}

.recipiente .prefix_8 {
  padding-left: 640px;
}

.recipiente .prefix_9 {
  padding-left: 720px;
}

.recipiente .prefix_10 {
  padding-left: 800px;
}

.recipiente .prefix_11 {
  padding-left: 880px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.recipiente .suffix_1 {
  padding-right: 80px;
}

.recipiente .suffix_2 {
  padding-right: 160px;
}

.recipiente .suffix_3 {
  padding-right: 240px;
}

.recipiente .suffix_4 {
  padding-right: 320px;
}

.recipiente .suffix_5 {
  padding-right: 400px;
}

.recipiente .suffix_6 {
  padding-right: 480px;
}

.recipiente .suffix_7 {
  padding-right: 560px;
}

.recipiente .suffix_8 {
  padding-right: 640px;
}

.recipiente .suffix_9 {
  padding-right: 720px;
}

.recipiente .suffix_10 {
  padding-right: 800px;
}

.recipiente .suffix_11 {
  padding-right: 880px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.recipiente .empurrar_1 {
  left: 80px;
}

.recipiente .empurrar_2 {
  left: 160px;
}

.recipiente .empurrar_3 {
  left: 240px;
}

.recipiente .empurrar_4 {
  left: 320px;
}

.recipiente .empurrar_5 {
  left: 400px;
}

.recipiente .empurrar_6 {
  left: 480px;
}

.recipiente .empurrar_7 {
  left: 560px;
}

.recipiente .empurrar_8 {
  left: 640px;
}

.recipiente .empurrar_9 {
  left: 720px;
}

.recipiente .empurrar_10 {
  left: 800px;
}

.recipiente .empurrar_11 {
  left: 880px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.recipiente .puxar_1 {
  left: -80px;
}

.recipiente .puxar_2 {
  left: -160px;
}

.recipiente .puxar_3 {
  left: -240px;
}

.recipiente .puxar_4 {
  left: -320px;
}

.recipiente .puxar_5 {
  left: -400px;
}

.recipiente .puxar_6 {
  left: -480px;
}

.recipiente .puxar_7 {
  left: -560px;
}

.recipiente .puxar_8 {
  left: -640px;
}

.recipiente .puxar_9 {
  left: -720px;
}

.recipiente .puxar_10 {
  left: -800px;
}

.recipiente .puxar_11 {
  left: -880px;
}

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

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

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

/* http://www.yuiblog.com/blog/2010/09/27/corrigir-reloaded-overflowhidden-demystified */

.recipiente .corrigir:before,
.recipiente .corrigir:after,
.recipiente .recipiente:before,
.recipiente .recipiente:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.recipiente .corrigir:after,
.recipiente:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.recipiente .corrigir,
.recipiente {
  zoom: 1;
}





/* Recipiente total
----------------------------------------------------------------------------------------------------*/
.recipiente_cheio {
	width: 92%;
	margin-left: 4%;
	margin-right: 4%;
	min-width:960px;
}

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

.recipiente_cheio .grade_1,
.recipiente_cheio .grade_2,
.recipiente_cheio .grade_3,
.recipiente_cheio .grade_4,
.recipiente_cheio .grade_5,
.recipiente_cheio .grade_6,
.recipiente_cheio .grade_7,
.recipiente_cheio .grade_8,
.recipiente_cheio .grade_9,
.recipiente_cheio .grade_10,
.recipiente_cheio .grade_11,
.recipiente_cheio .grade_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}



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


.recipiente_cheio .grade_1 {
	width:6.333%;
}

.recipiente_cheio .grade_2 {
	width:14.667%;
}

.recipiente_cheio .grade_3 {
	width:23.0%;
}

.recipiente_cheio .grade_4 {
	width:31.333%;
}

.recipiente_cheio .grade_5 {
	width:39.667%;
}

.recipiente_cheio .grade_6 {
	width:47.9%;
}

.recipiente_cheio .grade_7 {
	width:56.333%;
}

.recipiente_cheio .grade_8 {
	width:64.667%;
}

.recipiente_cheio .grade_9 {
	width:73.0%;
}

.recipiente_cheio .grade_10 {
	width:81.333%;
}

.recipiente_cheio .grade_11 {
	width:89.667%;
}

.recipiente_cheio .grade_12 {
	width:98.0%;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.recipiente_cheio .prefix_1 {
	padding-left:8.333%;
}

.recipiente_cheio .prefix_2 {
	padding-left:16.667%;
}

.recipiente_cheio .prefix_3 {
	padding-left:25.0%;
}

.recipiente_cheio .prefix_4 {
	padding-left:33.333%;
}

.recipiente_cheio .prefix_5 {
	padding-left:41.667%;
}

.recipiente_cheio .prefix_6 {
	padding-left:50.0%;
}

.recipiente_cheio .prefix_7 {
	padding-left:58.333%;
}

.recipiente_cheio .prefix_8 {
	padding-left:66.667%;
}

.recipiente_cheio .prefix_9 {
	padding-left:75.0%;
}

.recipiente_cheio .prefix_10 {
	padding-left:83.333%;
}

.recipiente_cheio .prefix_11 {
	padding-left:91.667%;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.recipiente_cheio .suffix_1 {
	padding-right:8.333%;
}

.recipiente_cheio .suffix_2 {
	padding-right:16.667%;
}

.recipiente_cheio .suffix_3 {
	padding-right:25.0%;
}

.recipiente_cheio .suffix_4 {
	padding-right:33.333%;
}

.recipiente_cheio .suffix_5 {
	padding-right:41.667%;
}

.recipiente_cheio .suffix_6 {
	padding-right:50.0%;
}

.recipiente_cheio .suffix_7 {
	padding-right:58.333%;
}

.recipiente_cheio .suffix_8 {
	padding-right:66.667%;
}

.recipiente_cheio .suffix_9 {
	padding-right:75.0%;
}

.recipiente_cheio .suffix_10 {
	padding-right:83.333%;
}

.recipiente_cheio .suffix_11 {
	padding-right:91.667%;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.recipiente_cheio .empurrar_1 {
	left:8.333%;
}

.recipiente_cheio .empurrar_2 {
	left:16.667%;
}

.recipiente_cheio .empurrar_3 {
	left:25.0%;
}

.recipiente_cheio .empurrar_4 {
	left:33.333%;
}

.recipiente_cheio .empurrar_5 {
	left:41.667%;
}

.recipiente_cheio .empurrar_6 {
	left:50.0%;
}

.recipiente_cheio .empurrar_7 {
	left:58.333%;
}

.recipiente_cheio .empurrar_8 {
	left:66.667%;
}

.recipiente_cheio .empurrar_9 {
	left:75.0%;
}

.recipiente_cheio .empurrar_10 {
	left:83.333%;
}

.recipiente_cheio .empurrar_11 {
	left:91.667%;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.recipiente_cheio .puxar_1 {
	left:-8.333%;
}

.recipiente_cheio .puxar_2 {
	left:-16.667%;
}

.recipiente_cheio .puxar_3 {
	left:-25.0%;
}

.recipiente_cheio .puxar_4 {
	left:-33.333%;
}

.recipiente_cheio .puxar_5 {
	left:-41.667%;
}

.recipiente_cheio .puxar_6 {
	left:-50.0%;
}

.recipiente_cheio .puxar_7 {
	left:-58.333%;
}

.recipiente_cheio .puxar_8 {
	left:-66.667%;
}

.recipiente_cheio .puxar_9 {
	left:-75.0%;
}

.recipiente_cheio .puxar_10 {
	left:-83.333%;
}

.recipiente_cheio .puxar_11 {
	left:-91.667%;
}



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

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

.recipiente_cheio .corrigir {
	display: inline-block;
}

* html .recipiente_cheio .corrigir {
	height: 1%;
}

.recipiente_cheio .corrigir {
	display: block;
}