/*  SECTIONS  */
#cabecalho,
#topo,
#meio,
#base,
#rodape,

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.coluna,

.col {
	display: block;
	float: left;
	/*margin: 0 0 0 2.9%;*/
	margin: 0 0 0 0;
}

/*#coluna6,
#coluna6 > .nivel2,*/
#coluna7,
#coluna7 > .nivel2{
	overflow: hidden;
}


.coluna:first-child,

.col:first-child { margin-left: 0; }

/*  GRID OF THREE  */
#coluna1,
#coluna2,
#coluna3,
#coluna4,
#coluna5,
#coluna6,
#coluna7,
#coluna8,
#coluna9,
#coluna10,
#coluna11,

.largura3,

.span_3_of_3 {
	width: 100%;
}


.largura2,

.span_2_of_3 {
	width: 65.7%;
}


.largura1,

.span_1_of_3 {
	width: 31.4%;
}

/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%;
}

/*  GROUPING  */
#coluna1:before,
#coluna2:before,
#coluna3:before,
#coluna4:before,
#coluna5:before,
#coluna6:before,
#coluna7:before,
#coluna8:before,
#coluna9:before,
#coluna10:before,
#coluna11:before,

.group:before,

#coluna1:after,
#coluna2:after,
#coluna3:after,
#coluna4:after,
#coluna5:after,
#coluna6:after,
#coluna7:after,
#coluna8:after,
#coluna9:after,
#coluna10:after,
#coluna11:after,

.group:after {
	content: "";
	display: table;
}


#coluna1:after,
#coluna2:after,
#coluna3:after,
#coluna4:after,
#coluna5:after,
#coluna6:after,
#coluna7:after,
#coluna8:after,
#coluna9:after,
#coluna10:after,
#coluna11:after,

.group:after {
	clear: both;
}







/*#coluna1 > .nivel2 > .nivel3,
#coluna2 > .nivel2 > .nivel3,
#coluna3 > .nivel2 > .nivel3,
#coluna4 > .nivel2 > .nivel3,
#coluna5 > .nivel2 > .nivel3,
#coluna6 > .nivel2 > .nivel3,
#coluna7 > .nivel2 > .nivel3,
#coluna8 > .nivel2 > .nivel3,
#coluna9 > .nivel2 > .nivel3,
#coluna10 > .nivel2 > .nivel3,
#coluna11 > .nivel2 > .nivel3,*/



#cabecalho > .nivel2 > .nivel3,
#topo > .nivel2 > .nivel3,
#base > .nivel2 > .nivel3,
#rodape > .nivel2 > .nivel3{
	width: 978px;
}

@media screen and (max-width: 977px){
	#cabecalho > .nivel2 > .nivel3,
	#topo > .nivel2 > .nivel3,
	#base > .nivel2 > .nivel3,
	#rodape > .nivel2 > .nivel3{
		width: auto;

		padding: 0 20px 0 20px;
	}
}

@media screen and (max-width: 767px){
	#cabecalho > .nivel2 > .nivel3,
	#topo > .nivel2 > .nivel3,
	#base > .nivel2 > .nivel3,
	#rodape > .nivel2 > .nivel3{
		padding: 0 6px 0 10px;
	}
}

#meio > .nivel2 > .nivel3,
.overflow{
	width:1008px;
}

@media screen and (max-width: 977px){
	#meio > .nivel2 > .nivel3,
	.overflow{
		width:auto;
	}

	#meio > .nivel2 > .nivel3{
		padding: 0 0 0 0;
	}
}




/******** correção **************/

@media screen and (max-width: 977px){
	#meio > .nivel2 {
		overflow: hidden;
	}
}


#cabecalho > .nivel2 > .nivel3,
#topo > .nivel2 > .nivel3,
#meio > .nivel2 > .nivel3,
#base > .nivel2 > .nivel3,
#rodape > .nivel2 > .nivel3{
	margin: 0px auto;

	/*overflow: hidden;*/
}

@media screen and (max-width: 977px){
	#cabecalho > .nivel2 > .nivel3,
	#topo > .nivel2 > .nivel3,
	#meio > .nivel2 > .nivel3,
	#base > .nivel2 > .nivel3,
	#rodape > .nivel2 > .nivel3{
		overflow: hidden;
	}
}




#cabecalho,
#cabecalho > .nivel2,
#topo,
#topo > .nivel2,
#corpo,
#corpo > .nivel2,
#base,
#base > .nivel2,
#rodape,
#rodape > .nivel2{
	display: inline-block;
	width: 100%;
}



#corpo{
	background: #b9ced7 url('../img/bg/bg_main.png') repeat scroll left top;
}

#corpo > .nivel2{
	background: transparent url('../img/bg/bg_effect.png') no-repeat scroll center top;
}

@media screen and (max-width: 977px){
	#corpo #meio > .nivel2 > .nivel3{
		background: transparent url('../img/bg/bg_768.png') no-repeat scroll left 37px;
	}
}

@media screen and (max-width: 767px){
	#corpo #meio > .nivel2 > .nivel3{
		background: transparent url('../img/bg/bg_320.png') no-repeat scroll center 50px;
	}
}

#base{
	background: #17465f;
	display: block;
	float: left;
	width: 100%;
	padding: 20px 0 40px 0;
}

#coluna5 > .nivel2 > .nivel3,
#coluna6 > .nivel2 > .nivel3,
#coluna8 > .nivel2 > .nivel3,
#coluna10 > .nivel2 > .nivel3,
#coluna11 > .nivel2 > .nivel3{
	position: relative;
}

#coluna5 > .nivel2 > .nivel3{
	height: 0px;
}

#coluna6 > .nivel2 > .nivel3{
	height: 490px;	
	padding-top: 50px;
}

@media screen and (max-width: 977px){
	#coluna6 > .nivel2 > .nivel3{
		height: 550px;	
	}
}

@media screen and (max-width: 767px){
	#coluna6 > .nivel2 > .nivel3{
		padding-top: 355px;
	}
}

#coluna8 {
	margin-top: 25px;	
}
#coluna8 > .nivel2 > .nivel3{
	height: 283px;	
}

#coluna10{
	border-bottom: 1px dotted #ffffff;

	padding-bottom: 50px;
	margin-bottom: 45px;
}

#coluna11 > .nivel2 > .nivel3{
	height: 315px;	
}

#topo{
	display: none;
}
#componente_24076 .meio{
	background : url('../img/slides/home.png') no-repeat scroll center center;
	-webkit-transition: background 2s linear;
-moz-transition: background 1s linear;
-ms-transition: background 1s linear;
-o-transition: background 1s linear;
transition: background 1s linear;
}

#componente_24076 .meio.cancer{
	background : url('../img/slides/cancer.png') no-repeat scroll center center;
}
#componente_24076 .meio.alcool_e_outras_drogas{
	background : url('../img/slides/alcool_e_drogas.png') no-repeat scroll center center;
}
#componente_24076 .meio.alimentacao_saudavel{
	background : url('../img/slides/saude_trabalhador.png') no-repeat scroll center center;
}
#componente_24076 .meio.atividades_fisicas{
	background : url('../img/slides/atividade_fisica.png') no-repeat scroll center center;
}
#componente_24076 .meio.estresse {
	background : url('../img/slides/afastamento_trabalho.png') no-repeat scroll center center;
}
#componente_24076 .meio.doencas_cronicas {
	background : url('../img/slides/doencas_cronicas.png') no-repeat scroll center center;
}