/* tabela de cores */
/*
cinza		#231f20
azul escuro	#006cb5
*/

body {
	font-family: 'Lato', sans-serif, Arial;
    width: 100%;
    height: 100%;
}

a:link,
a:visited {
	color: #888;
}

.container {
	width: 100%;
	max-width: 1200px;
	margin: auto;
	clear: both;
}

.titulo {
	margin-bottom: 30px;
	font-size: 60px;
	font-weight: 300;
}

.sub-titulo {
	font-size: 32px;
	font-weight: 300;
}

.texto {
	width: 45%;/*600px;*/

    font-size: 1rem;
    line-height: 1.5rem;
    text-align: left;

	/*font-size: 20px;
	font-weight: 300;*/
}

.texto-esquerda {
	float: left;
}

.texto-direita {
	float: right;
}

.imagem-esquerda {
	float: left;
}

.imagem-direita {
	float: right;
}

header,
section {
	padding: 40px 0;
}

/* ----- HEADER (BEM-VINDO AO NOVO SIIM) ---------------------------------------- */

#header {
	background: #231f20;
	color: #FFF;
}

#header a {
	color: #EEE;
	text-decoration: none;
}

#header .titulo,
#header .sub-titulo {
	width: 700px;
	float: left;
}

#header .titulo {
	margin: 0 0 20px;
}

.logo-cijun {
	float: right;
}

/* ----- INSTANCIAS (COLMÉIAS) -------------------------------------------------- */

#instancias {}

.grayscale {

}

.grayscale:hover {

}

.colmeia {
	width: 150px;
	height: 230px;
	margin: 20px 0 20px 30px;
	float: left;
	font-size: 20px;
	text-align: center;
}

.colmeia img {
	transform:         scale(0.95);
	-o-transform:      scale(0.95);
	-ms-transform:     scale(0.95);
	-moz-transform:    scale(0.95);
	-webkit-transform: scale(0.95);

	transition:         0.1s ease-in-out;
	-o-transition:      0.1s ease-in-out;
	-moz-transition:    0.1s ease-in-out;
	-webkit-transition: 0.1s ease-in-out;

	-webkit-filter: grayscale(50%);
	-moz-filter: grayscale(50%);
	-ms-filter: grayscale(50%);
	-o-filter: grayscale(50%);
	filter: grayscale(50%);
}

.colmeia img:hover {
	transform:         scale(1);
	-o-transform:      scale(1);
	-ms-transform:     scale(1);
	-moz-transform:    scale(1);
	-webkit-transform: scale(1);

	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
}

.colmeia-pmj {
	margin-left: 165px;
}

.colmeia-cultura {
	margin-left: 75px;
}

/* ----- SISTEMAS --------------------------------------------------------------- */

#sistemas {
	background: #EEE;
}

/* ----- BLOCO 2 ---------------------------------------------------------------- */

#bloco2 {}

/* ----- BLOCO 3 ---------------------------------------------------------------- */

#bloco3 {
	background: #EEE;
}

/* ----- PRECISA DE AJUDA? (MANUAIS) -------------------------------------------- */

#ajuda {
	background: #EEE;
}

/* ----- RODAPÉ ----------------------------------------------------------------- */

#footer {
	background: #231f20;
	color: #FFF;
	padding: 20px 0;
    bottom:0;
    position:relative;
    width:100%;
}

#footer a:link,
#footer a:visited {
	color: #FFF;
	font-weight: 300;
	text-decoration: none;
}

#footer a:hover,
#footer a:active {
	text-decoration: underline;
}

.row {
    max-width: 100%;
}