/*

	960 Grid System ~ Core CSS.

	Learn more ~ http://960.gs/



	Licensed under GPL and MIT.

*/



/* `Containers

----------------------------------------------------------------------------------------------------*/



.container_12, .rodape{

	margin-left: auto;

	margin-right: auto;

	width: 960px;

	margin-bottom: 30px;

}

.container_12

{

	background: #fff;

	margin-bottom: 20px;

	margin-top: 20px;

}

/* `Grid >> Global

----------------------------------------------------------------------------------------------------*/



.grid_1,

.grid_2,

.grid_3,

.grid_4,

.grid_4Internas,

.grid_5,

.grid_5Contato,

.grid_6,

.grid_7,

.grid_8,

.grid_9,

.grid_10,

.grid_11,

.grid_12,

.grid_12b,

.grid_12c,

.grid_13,

.grid_14,

.grid_15,

.grid_16 {

	display: inline;

	float: left;

	margin-left: 10px;

	margin-right: 10px;

}



.container_12 .grid_3

{

	width: 220px;

}



.container_12 .grid_6

 {

	width: 460px;

	margin-left: 0;

	margin-top: 20px;

	background-color: #E5DEC8;

	background-image: url(../images/bg0002_left.gif);

	background-repeat: no-repeat;

}

.container_12 .grid_6Conteudo{width: 445px; margin: 10px auto;}





.container_12 .grid_9

{

	width: 700px;

}



.container_12 .grid_12

{

	width: 940px;

	height:234px;

	margin-top: 10px;

	margin-bottom: 10px;

}

.container_12 .grid_12b

{

	width: 940px;

	height:378px;

	margin-top: 10px;

	margin-bottom: 10px;

	background-color: #E5DEC8;

	background-image: url(../images/bg0002_left.gif);

	background-repeat: no-repeat;

	background-position: left 10px;

	

}

.container_12 .grid_12b div

{

	padding: 20px;



}

.container_12 .grid_12c

{

	width: 940px;

	margin-bottom: 10px;

	background-image: url(../images/bg0003.gif);

	background-repeat: no-repeat;

	

}

.container_12 .grid_12c .conteudoInternas

{

	width: 820px;

	margin-left: auto;

	margin-right: auto;



}

.container_12 .grid_12c .conteudo2

{

	width: 560px;

	float: right;

}

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

----------------------------------------------------------------------------------------------------*/



.alpha {

	margin-left: 0;

}



.omega {

	margin-right: 0;

}



/* `Grid >> 12 Columns

----------------------------------------------------------------------------------------------------*/



.container_12 .grid_1 {

	width: 60px;

}



.container_12 .grid_2 {

	width: 140px;

}



.container_12 .grid_4 {

	width: 300px;

	background:url(../images/bg0002_right.gif) top right no-repeat;

}

.container_12 .grid_4Internas {

	width: 320px;

	margin-left: 10px;

	margin-top: 20px;

	

}

.container_12 .grid_5 {

	width: 380px;

}

.container_12 .grid_5Contato {

	width: 360px;

	background-color: #E5DEC8;

/*	background-image: url(../images/bg0002_left.gif);

	background-repeat: no-repeat;

	background-position: left 10px;*/

}

.container_12 .grid_7 {

	width: 540px;

}



.container_12 .grid_8 {

	width: 620px;

}



.container_12 .grid_10 {

	width: 780px;

}



.container_12 .grid_11 {

	width: 860px;

}









/* `Clear Floated Elements

----------------------------------------------------------------------------------------------------*/



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



.clear {

	clear: both;

	display: block;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

}



/* http://www.positioniseverything.net/easyclearing.html */



.clearfix:after {

	clear: both;

	content: '.';

	display: block;

	visibility: hidden;

	height: 0;

}



.clearfix {

	display: inline-block;

}



* html .clearfix {

	height: 1%;

}



.clearfix {

	display: block;

}
