body {
	background: url('../images/bg-geral.jpg');
	margin: 0;
	padding: 0;
	webkit-background-size: cover;
	moz-background-size: cover;
	o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #184f6f;
}

#container {
	padding: 20px 0 0 0;
}
#menu-lateral h1 {
	width: auto;
	display: inline-block;
    position: relative;
    font-size: 1.5em;
    margin: 0.4em 0;
}
#menu-lateral .toggle-menu {
	display: block;
	font-size: 2em;
	z-index: 100000;
	top: 0px;
	position: fixed;
}
#menu-lateral .menu-principal {
	display: none;
	position: fixed;
	z-index: 100;
	top: 0;
	right: 0;
	background-color: #000;
	width: 60%;
	padding: 55px 0 0 10px;
    -webkit-transition: all 1s ease;                  
    -moz-transition: all 1s ease;                 
    -o-transition: all 1s ease;   
    -ms-transition: all 1s ease;          
    transition: all 1s ease;
}
#content-wrap {
	width: 100%;
}
#menu-lateral {
	position: relative;
	width: 100%;
	top: 0;
}
#menu-lateral .midias-sociais {
	height: 20px;
	position: absolute;
	top: 90px;
	left: 0px;
	font-size: 0.8em;
}
#menu-lateral .midias-sociais li {
	background-color: transparent;
	display: inline-block;
	margin: 0 0 0 0;
}
#menu-lateral .midias-sociais li a {
	background-color: transparent;
	color: #e9e9e9;
	-webkit-text-shadow: 1px 2px 20px #000;
    -moz-text-shadow: 1px 2px 20px #000;
    text-shadow: 1px 2px 20px #000;
    font-weight: normal;
	padding: 0 0 0 0;
}
body {
	height: 100%;
}
.page {
	width: 100%;
}

#content-wrap .page {
	background: url(../images/transparent.png) !important;
}

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

a.botao-fechar {
	display: none;
}
#menu-lateral a.select {
	color: #e9e9e9;
}
#menu-lateral a:hover {
	color: #e9e9e9;
}
#menu-lateral > ul > li {
	display: block;
	position: relative;
	font-weight: bold;
	margin-bottom: 6px;
	-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}
#menu-lateral ul li a {
	text-align: right;
}
#menu-lateral ul ul li a {
	background-color: transparent;
	color: #999;
	font-weight: normal;
	font-size: 1em;
}

#menu-lateral ul ul {
	display: block;
/* esse item geralmente fica com display none mas especificamente nesse projeto deixamos com display block para o menu da agenda ficar aberto */
}

#menu-lateral ul.aberto ul {
	display: block;
}

/* Inicio dos estilos Agenda  */

.agenda .cabecalho {
  width: 100%;
  float: left;
}
.agenda img {
  width: 100%;
  margin: 0 auto 30px auto;
}

/* Inicio dos estilos Middle  */

#middle-wrap {
	width: 100%;
	height: auto;
}

#middle {
	display: block;
	height: auto;
}

#content-wrap {
	height: auto !important;
}

.col1-6,
.col2-6,
.col3-6,
.col4-6,
.col5-6,
.col6-6 {
	width: 100%;
}

#content-wrap .botao-abrir {
	display: none !important;
}
#content-wrap .botao-fechar {
	display: none !important;
}


.conteudo-agenda a img {
    width: 100%;
    height: auto;
}

.page {
	padding: 15px;
}

.lista-projetos li, .contato {
	width: 100% !important;
}

.lista-projetos li a img {
	width: 100%;
	height: auto;
}