* {
	font-family: "Raleway";
	color: #103440;
}

* img {
	border: 0;
}

html, body{
  height:100%;
  background: #fff;
}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow-x: hidden;
	background-color: #fff;
}

#topo {
	padding-top: 20px;
	width: 100%;
	background-color: #fff;
	padding-bottom: 10px;
}

#topo #logo {
	position: relative;
	left: 13.5%;
	top: 10px;
	float: left;
}

.login {
	width: 35%;
	margin-left: 52%;
	margin-top: 5px;
	float: left;
	height: 62px;
}

.login_coluna {
	width: 28%;
	margin-right: 5%;
	float: left;
	font-size: 9pt;
}

.login_coluna label {
	font-size: 9pt;
	width: 100%;
	display: block;
	color: #a0a0a0 !important;
}

.login_coluna a {
	text-decoration: none;
	color: #c0c0c0;
}

#topo #menu {
	float: left;
	width: 70%;
	margin-left: 18%;
	height: 20px;
	margin-top: 31px;
}

#topo #menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	left: 0;
	bottom: 0;
	line-height: 25px;
}

#topo #menu li  {
	float: left;
	margin-left: 16px;
	margin-right: 21px;
}

#topo #menu li a {
	color: #000;
	text-decoration: none;
	font-size: 12pt;
	font-weight: bold;
}

#topo #menu li a:hover {
	color: #2276a4;
	padding-bottom: 5px;
	border-bottom: 1px solid #2276a4;
}

#menu_cel {
	display: none;
}

@media screen and (max-width: 800px){
	
}


#slider{
	position: relative;
	width: 100%; 
	z-index: 0;
	margin: 0;
	top: 0px;
	height: auto;
	margin-top: 30px;
}


#aapesan {
	position: relative;
	background-color: #fff;
	width: 40%;
	margin-left: 20%;
	padding: 0;
	padding-left: 10%;
	padding-right: 10%;
	color: #103440;
	padding-bottom: 80px;
	padding-top: 80px;
	text-align: center;
	line-height: 20pt;
}
#aapesan h1 {
	color: #103440;
	font-size: 36pt;
	margin: 0px;
	margin-bottom: 40px;
	width: 100%;
	text-align: center;
}

@media screen and (max-width: 800px){
	#aapesan div.titulo {
		width: 90%;
		margin-left: 10%;
	}
	#aapesan .titulo h1 {
		font-size: 24pt;
	}

	#aapesan .titulo h1.under {
		font-size: 18pt;
		margin-top: 0px;
	}

}

#aapesan ul.icones {
	float: left;
	padding: 0;
	width: 45%;
	list-style: none;
	margin-left: 5%;
}

#aapesan ul.icones li {
	float: left;
	width: 50%;
	font-size: 10pt;
	margin-bottom: 30px;
	display: none;
}

@media screen and (max-width: 800px){

	#aapesan {
		padding-bottom: 60px;
	}
	#aapesan ul.icones {
		width: 100%;
		margin-left: 0;
	}
	#aapesan ul.icones li {
		display: block;
		float: none;
		width: 90%;
		margin-left: 5%;
		text-align: center;
	}
}

#aapesan ul.icones li h3 {
	font-size: 10pt;
	font-family: "MuseoBold";
	padding-top: 5px;
}

#aapesan ul.icones li img {
	float: left;
	margin-right: 10px;
}

@media screen and (max-width: 800px){
	#aapesan ul.icones li img {
		float: none;
		margin: 0;
	}
}

#frase {
	position: relative;
	color: #fff;
	font-size: 21pt;
	line-height: 36pt;
	text-align: center;
	width: 86%;
	padding-left: 7%;
	padding-right: 7%;
	background: url("../img/frase.jpg") no-repeat;
	background-size: 100% 100%;
	padding-top: 59px;
	height: 200px;
}

#produtos .titulo h1 {
	color: #103440F;
	font-size: 36pt;
	margin-top: 25px;
	margin-bottom: 0px;
}

@media screen and (max-width: 800px){
	#produtos .titulo h1 {
		font-size: 24pt;
	}

	#produtos .titulo h1.under {
		font-size: 18pt;
		margin-top: 0px;
	}
}

#produtos div.titulo.int{
	width: 100% !important;
	margin-top: 0;
}

#produtos div.titulo.int h1 {
	margin-top: 0px !important;
	font-size: 14pt;
}

#produtos div.titulo.int h1.under {
	font-size: 20pt;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: normal;
}

#produtos .menu_prd, #produtos .menu_prd_celular {
	width: 86.5%;
	height: 50px;
	line-height: 75px;
	vertical-align: bottom;
	margin-top: 0px;
	margin-bottom: 10px;
}

#produtos .menu_prd_celular {
	height: auto;
	width: 100%;
	display: none;
}

@media screen and (max-width: 800px){
	#produtos .menu_prd {
		width: 100%;
		margin: 0;
		padding: 0;
		height: auto;
		margin-bottom: 10px;
		display: none;
	}

	#produtos .menu_prd_celular {
		display: block;
	}
}

#produtos .menu_prd.int {
	margin-left: 13%;
	margin-top: 0;
	margin-bottom: 40px;
	width: 70%;	
}

#produtos .menu_produtos {
	list-style: none;
	padding: 0;
	width: 100%;
}

#produtos .menu_produtos li {
	float: left;
	padding-left: 3px;
	padding-right: 3px;
/*	border-right: 1px solid #f17022;
	line-height: 20px;
	border-top: 1px transparent solid;
	border-left: 1px transparent solid; */
	padding-top: 1px;
	line-height: 35px;
}

#produtos .menu_produtos li:last-child {
	border: 0;
}

#produtos .menu_produtos li a {
	text-decoration: none;
	/*color: #f17022;*/
	color: #000;
	border: 1px solid #f17022;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#produtos .menu_produtos li a:hover {
	color: #fff;
	background-color: #000;
}

@media screen and (max-width: 800px){
	#produtos .menu_produtos li {
		float: none;
		width: 80%;
		margin-left: 10%;
		display: block;
	}

	#produtos .menu_produtos li a{
		width: 90%;
		display: block;
		padding-top: 0;
		padding-bottom: 0;
		margin-bottom: 20px;
	}
}

.sub {
	position: absolute;
	z-index: 100;
	list-style: none;
	padding: 5px;
	display: none;
	z-index: 54;
	top: 0;
	left: 0;
	background-color: #000;
	max-width: 350px;
	margin-left: 0px;
	min-width: 200px;
	margin-top: 27px;

	box-shadow: 0px 0px 20px #efefef;
   -webkit-box-shadow: 0px 0px 20px #efefef;
   -moz-box-shadow: 0px 0px 20px #efefef;
   border: 1px solid #f17022;
}

.active {
	position: relative;
	background-color: #000;
	color: #fff !important;
	z-index: 101;
	padding-top: 0px;
	box-shadow: 0px -2px 5px #efefef;
   -webkit-box-shadow: 0px -2px 5px #efefef;
   -moz-box-shadow: 0px -2px 5px #efefef;
	color: #fff;
}

.sub li {
	margin: 3px;
	padding: 5px;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 20px;
	height: 20px;
	text-align: left;
}

.sub li a {
	text-decoration: none;
	/*color: #f17022;*/
	color: #fff;
}
.sub li a:hover {
	text-decoration: none;
	color: #f17022;
}

@media screen and (max-width: 800px){
	.sub {
		margin-top: 35px;
		z-index: 8000;
	}

	.sub li {
		line-height: 35px;
		height: 35px;
	}

	.sub li a {
		line-height: 35px;
		display: block;
	}
}

#det_produto {
	margin-left: 13.5%;
	width: 73%;
}

#det_produto .principal {
	float: left;
	width: 70%;
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 800px){
	#det_produto .principal {
		float: none;
		width: 100%;
	}
}

#det_produto .principal img {
	width: 100%;
}

#det_produto .thumbs {
	float: left;
	width: 23%;
	margin: 0;
	padding: 0;
}

#det_produto .thumbs ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

#det_produto .thumbs ul li {
	width: 90%;
	margin-left: 10%;
	margin-bottom: 36px;
}

#det_produto .thumbs ul li img {
	width: 100%;
	cursor: pointer;
}

@media screen and (max-width: 800px){
	#det_produto .thumbs {
		float: none;
		width: 100%;
	}
	
	#det_produto .thumbs ul li {
		float: left;
		width: 30%;
		margin-left: 0;
		margin-right: 3.3333%;
	}

}

#det_produto .info {
	width: 100%;
}

#det_produto .info h2 {
	font-size: 26pt;
	margin-bottom: 10px;
	margin-top: 0;
	font-weight: bold;
	font-family: "MuseoBold";	
	padding-top: 0;
	color: #f17022;
}

#det_produto .info h3 {
	font-size: 12pt;
	margin: 0;
	margin-bottom: 20px;
}

#rel_prod {
	display: block;
	margin-left: 13.5%;
	width: 73%;
}

#produtos .lista_produtos {
	list-style: none;
	padding: 0;
}

#produtos .lista_produtos li {
	float: left;
	margin: 14px;
	margin-left: 0px;
	margin-right: 28px;
}

#promocoes {
	position: relative;
	background-color: #fff;
	min-height: 300px;
	width: 100%;
	padding: 20px;
	padding-left: 0;
	padding-bottom: 50px;
}

#promocoes.int {
	background-color: #fff;
}

#promocoes div.titulo {
	float: left;
	margin: 0;
	left: 0;
	padding: 0;
	width: 100%;
	margin-top: 0;
	padding-top: 0;
}
#promocoes h1 {
	color: #103440;
	font-size: 28pt;
	margin-top: 15px;
	margin-bottom: 20px;
	margin-left: 13.5%;

}

#rel_prom {
	display: block;
	margin-left: 10%;
	width: 80%;
}

.lista_promocoes {
	list-style: none;
	padding: 0;
	width: 100%;
}

.lista_promocoes li {
	float: left;
	margin: 14px;
	margin-left: 0px;
	margin-right: 2%;
	margin-left: 4.5%;
	width: 26%;
	height: 620px;
}

.links_lista li {
	height: 400px !important;
}

.lista_promocoes li .titulo{
	margin: 0;
	padding: 0;
	width: 100%;
	margin-bottom: 5px;
	margin-top: 20px;
	font-weight: bold;
}

.lista_promocoes li .data{
	width: 100%;
	text-align: right;
	font-size: 9pt;
	margin-bottom: 15px;
	background: url("../img/barra-data.png");
	height: 27px;
	line-height: 29px;
}

.lista_promocoes li .data span{
	background-color: #fff;
	padding-left: 10px;
}

.lista_promocoes li .texto{
	width: 100%;
	text-align: justify;
	font-size: 10pt;
	line-height: 16pt;
	margin-bottom: 15px;
	color: #000;
	height: 200px;
}

.links_lista li .texto{
	height: 80px;
}

.lista_promocoes li a{
	text-decoration: none;
	color: #000;
}

.lista_promocoes li .mais{
	width: 100%;
	text-align: right;
	font-size: 9pt;
	margin-bottom: 15px;
	font-weight: bold;
}

.lista_promocoes li .mais a{
	text-decoration: none;
	color: #000;
}



.lista_promocoes li img {
	max-width: 100%;
}

.lista_promocoes li:last-child {
	margin-right: 0px;
}

.mais-noticias {
	width: auto;
	color: #103440;
	font-size: 18pt;
	text-decoration: none;
	border-bottom: 1px solid #103440;
	line-height: 60pt;
}

#contato {
	position: relative;
	background-color: #edf5f8;
	min-height: 370px;
	width: 100%;
	margin-top: -22px;
	padding: 20px;
	padding-left: 0;
	padding-bottom: 0;
	padding-bottom: 30px;
}

#contato h1 {
	color: #103440;
	font-size: 36pt;
	margin-top: 25px;
	margin-bottom: 40px;
	margin-left: 13.5%;
}

#contato .col1, #contato .col2 {
	width: 38%;
	float: left;
	margin-top: 40px;
}

#contato .col2 {
	margin-left: 5%;
	width: 57%;
	float: left;
}

#contato .form-contato {
	width: 100%;
	float: left;
}

#contato .form-contato2 {
	width: 45%;
	padding-right: 10%;
	float: left;
}

#contato .form-contato2:last-child {
	padding-right: 0%;
}

#contato .form-contato label, #contato .form-contato2 label {
	width: 100%;
	display: block;

}

#contato .form-contato input[type=text], #contato .form-contato2 input[type=text], #contato .form-contato2 textarea {
	width: 100% !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-top: 2px !important;
	margin-bottom: 20px !important;
}

#contato .col2 textarea {
	width: 100%;
	border: 1px solid #000;
	margin-top: 2px;
	height: 142px;
}

#contato .enviar {
	background: #000;
	color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 0 !important;
}

#contato .content {
	margin-left: 13.5%;
	width: 73%;
}

#contato .forms {
	float: left;
	width: 100%;
}

#contato .forms input[type=text], #contato .forms textarea {
	border: 0;
}

#contato .button {
	float: right;
	margin-top: 10px;
	margin-bottom: 40px;
}

@media screen and (max-width: 800px){
	#contato .content {
		width: 80%;
		margin-left: 10%;
	}

	#contato .forms {
		width: 100%;
		float: none;
		display: block;
	}

	#contato .button {
		margin-top: 20px;
		float: none;
	}
}

#endereco {
	position: relative;
	background-color: #303030;
	width: 100%;
	margin-top: 0px;
	padding: 20px;
	padding-left: 0;
	padding-bottom: 40px;
}

#endereco #logo {
	position: relative;
	left: 13.5%;
	top: 0px;
	float: left;
}

#endereco #menu{
	list-style: none;
	padding: 0;
	margin: 0;
	left: 0;
	bottom: 0;
	line-height: 25px;
	float: left;
	width: 70%;
	height: 20px;
	margin-left: 17%;
	margin-top: 15px;
}

#endereco #menu a{
	color: #fff;
	font-weight: normal;
	font-size: 9pt;
	text-decoration: none;
}

#endereco #menu a:hover {
	color: #c0c0c0;
}

#endereco #menu li {	
	float: left;
	margin-left: 16px;
	margin-right: 21px;
	border-left: 1px solid #fff;
	margin-left: 0;
	padding-left: 23px;
	padding-right: 3px;
}

#endereco #menu li:first-child {
	border-left: 0px;
}

#author {
	position: relative;
	background-color: #606060;
	height: 46px;
	width: 100%;
	margin-top: -22px;
	padding: 0px;
	padding-bottom: 5px;
}

.scrolloff {
	pointer-events: none;
}

form, fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}

input[type=text], input[type=password] {
	border: 1px solid #a0a0a0;
	background-color: #fff;
	padding: 5px;
	margin-left: 0;
	margin-top: 0px;
	width: 100%;
	color: #000;
	display: block;
	float: left;
	margin-bottom: 10px;
	height: 12px;
}

.cont_nome {
	width: 96.9% !important;
	margin-bottom: 0 !important;
}	
.cont_email {
	margin-left: 1% !important;
	margin-top: 10px !important;
}
.cont_telefone {
	margin-top: 10px !important;
}

@media screen and (max-width: 800px){
	.cont_nome, .cont_email, .cont_telefone {
		width: 96% !important;
		margin-left: 0 !important;
		margin-top: 10px !important;
	}
}

input[type=submit] {
	color: #fff;
	padding: 0;
	font-size: 9pt;
	border: 0;
	background-color: #a0a0a0;
	padding-left: 10px;
	padding-right: 10px;
	height: 24px;
	margin-top: 14px;
}

#author {
	text-align: center;
}

#author img {
	padding-top: 10px;
}

#email_enviado {
	position: fixed;
	z-index: 20;
	height: 80px;
	width: 600px;
	left: 50%;
	margin-left: -300px;
	top: 50%;
	margin-top: -40px;
	background-color: #fff;
	color: #103440;
	text-align: center;
	line-height: 80px;
	display: none;
	border: 1px solid #103440;
}

#fechar {
	position: relative;
	top: 0;
	margin-top: -110px;
	float: right;
	margin-right: 5px;
	cursor: pointer;
}

#entra-contato {
	cursor: pointer;
}

.clear {
	clear: both;
}

.controller {
	position: absolute;
	z-index: 20;
	top: 80%;
	left: 5%;
}

.bullet {
	float: left;
	width: 22px;
	height: 22px;
	background: url("../img/bullet.png") no-repeat;
	overflow: hidden;
	background-position: 100% 100%;
	cursor: pointer;
}

.active {
	background-position: 0% 50%;
}

#mapGoogle {
	position: relative;
	width: 100%;
	left: 0;
	top: 0;
	height: 400px;
}

#mapa {
	height: 400px;
	width: 100%;
}

#marketing {
	position: relative;
	background-color: #fff;
	min-height: 120px;
	width: 100%;
	margin-top: -22px;
	padding: 20px;
}

#marketing div.news {
	float: left;
	width: 35%;
	margin-left: 22.5%;
	cursor: pointer;
}

#marketing .news div.titulo, .box_news div.titulo {
	float: left;
	margin: 0;
	left: 0;
	padding: 0;
	width: 70%;
	margin-left: 0;
}
#marketing .news .titulo h1, .box_news .titulo h1 {
	color: #103440;
	font-size: 16pt;
	margin-top: 25px;
	margin-bottom: 0px;
}
#marketing .news .titulo h1.under, .box_news .titulo h1.under {
	color: #103440;
	font-size: 16pt;
	margin-top: 0px;
	font-weight: bold;
	font-family: "MuseoBold";
}

#marketing .news img, .box_news img {
	float: left;
	margin-top: 22px;
	margin-right: 5px;
}

#marketing .indique {
	float: left;
	width: 26%;
	cursor: pointer;
}

#marketing .indique div.titulo, .box_indique .div.titulo {
	float: left;
	margin: 0;
	left: 0;
	padding: 0;
	width: 70%;
	margin-left: 0;
}
#marketing .indique .titulo h1, .box_indique .titulo h1 {
	color: #103440;
	font-size: 16pt;
	margin-top: 25px;
	margin-bottom: 0px;
}

#marketing .indique img, .box_indique img {
	float: left;
	margin-top: 22px;
	margin-right: 10px;
}

@media screen and (max-width: 800px){
	#marketing {
		padding: 0;
		width: 100%;
		margin: 0;
		padding-bottom: 40px;
	}

	#marketing div.news {
		float: none;
		width: 80%;
		margin-left: 10%;
		text-align: center;
	}	

	#marketing .news div.titulo, .box_news div.titulo, #marketing .indique div.titulo, .box_indique .div.titulo {
		float: none;
		width: 100%;
		margin-left: 0;
	}

	#marketing div.indique {
		float: none;
		width: 80%;
		margin-left: 10%;
		text-align: center;
	}	

	#marketing .news img, .box_news img, #marketing .indique img, .box_indique img {
		float: none;
		margin-top: 22px;
		margin-right: 0;
	}
}

.box_indique {
	position: fixed;
	z-index: 103;
	bottom: 100px;
	left: 52%;
	background-color: #fff;
	height: 300px;
	width: 25%;
	padding: 20px;
	display: none;
	border-radius: 20px;
}

.box_indique .campos {
	width: 95%;
	margin-top: 20px;
}

.box_indique .campos input[type=text] {
	width: 100% !important;
	margin-bottom: 5px;
	margin-top: 5px;
}

.box_indique .campos .enviar {
	margin-top: 20px;
}

.box_news {
	position: fixed;
	z-index: 103;
	bottom: 100px;
	left: 50%;
	background-color: #fff;
	height: 300px;
	width: 25%;
	padding: 20px;
	display: none;
	border-radius: 20px;
	margin-left: -420px;
}

@media screen and (max-width: 800px){
	.box_indique {
		position: fixed;
		z-index: 103;
		bottom: 100px;
		left: 5%;
		background-color: #fff;
		height: 350px;
		width: 80%;
		padding: 5%px;
		display: none;
		border-radius: 20px;
	}

	.box_news {
		position: fixed;
		z-index: 103;
		bottom: 100px;
		left: 5%;
		background-color: #fff;
		height: 350px;
		width: 80%;
		padding: 5%;
		display: none;
		border-radius: 20px;
		margin-left: 0;
	}
}


.box_news .campos {
	width: 95%;
	margin-top: 20px;
}

.box_news .campos input[type=text] {
	width: 100% !important;
	margin-bottom: 5px;
	margin-top: 5px;
}

.box_news .campos .enviar {
	margin-top: 20px;
}

.button {
	cursor: pointer;
}

.socials {
	position: absolute;
	top: 16px;
	right: 5%;
	z-index: 55;
}

.ajuste {
	width: 100%;
	background-color: #fff;
	height: 204px;
	background: url("../img/img-topo-secundarias.jpg") no-repeat;
	background-size: 100%;
	background-position: bottom;
}

@media screen and (max-width: 800px){
	.ajuste {
		display: none;
	}
}

#empresa {
	width: 100%;
	min-height: 270px;
	background-color: #fff;
	top: 60px;
	position: relative;
	padding-bottom: 55px;
}

#txt_empresa, #txt_empresa2 {
	position: relative;
	background-color: #fff;
	margin-left: 16%;
	width: 30%;
	min-height: 270px;
	float: left;
	padding-top: 60px;
	text-align: justify;
	font-size: 14pt;
}

#txt_empresa2 {
	margin-left: 7%;
}

#diferenciais.int {
	top: 0;
	min-height: 320px;
}

@media screen and (max-width: 800px){
	#empresa {
		height: auto;
	}
	
	#txt_empresa, #txt_empresa2 {
		float: none;
		margin-left: 10%;
		width: 80%;
		min-height: auto;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	#txt_empresa2 {
		padding-top: 0;
	}
	
}

#promo_gr {
	position: fixed;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	background-color: #000;
	opacity: 0.5;
	filter:alpha(50);
	width: 100%;
	height: 100%;
	z-index: 20000;
	display: none;
}

#promo_gr_img {
	position: fixed;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	cursor: pointer;
	z-index: 20001;
	display: none;
}

#promo_gr_img img {
	height: 90%;
	margin-top: 2.5%;
}






.caption {
	position: absolute; 
	top: 0; 
	left: 0px; 
	width: 100%;
	height: 100%;
}

.caption div {
	color: #000; 
	position: absolute; 
	top: 15%; 
	right: 7.5%; 
	width: 30%; 
	height: 50%; 
	overflow: hidden; 
	font-size: 13pt; 
	text-align: center; 
	padding: 1%;
	font-weight: normal;
}

.caption div h1 {
	font-size: 32pt;
	font-weight: bold;
	letter-spacing: -2px;
}

.caption .link_slider {
	position: absolute;
	width: 10%;
	height: 20%;
	line-height: 100%;
	top: 63%;
	right: 18.5%;
	padding: 0;
	bottom: 0;
	color: #000;
	font-size: 14pt;
	padding-top: 1%;
}

.jssorb05 {
	position: absolute;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
	position: absolute;
	/* size of bullet elment */
	width: 16px;
	height: 16px;
	background: url('../img/b05.png') no-repeat;
	overflow: hidden;
	cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

/* jssor slider arrow navigator skin 22 css */
/*
.jssora22l                  (normal)
.jssora22r                  (normal)
.jssora22l:hover            (normal mouseover)
.jssora22r:hover            (normal mouseover)
.jssora22l.jssora22ldn      (mousedown)
.jssora22r.jssora22rdn      (mousedown)
					*/
.jssora22l, .jssora22r {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 59px !important;
	height: 59px;
	cursor: pointer;
	background: url('../img/anterior.png') center center no-repeat;
	overflow: hidden;
}

.jssora22r {
	background: url('../img/proximo.png') center center no-repeat;
}

.jssora22l:hover { 
	background: url('../img/anterior-click.png') center center no-repeat;
}
.jssora22r:hover { 
	background: url('../img/proximo-click.png') center center no-repeat;
}


.titulo_interno {
	width: 100%;
	background-color: #edf5f8;
	height: 100px;
	line-height: 100px;
	margin-top: 0;
	padding-top: 0;
}

.titulo_interno h1 {
	font-size: 36pt;
	margin-left: 13.5%;
}

.conteudo, .conteudo-azul, .conteudo-escuro {
	width: 100%;
	background: #fff;
	min-height: 100px;
	padding-top: 60px;
	padding-bottom: 60px;
	font-size: 12pt;
}

.conteudo-azul {
	background: #edf5f8;
	padding-bottom: 20px;
}

.conteudo-escuro {
	background: #10363f;
}

ul.institucional {
	list-style: none;
	width: 73%;
	margin-left: 13.5%;
	padding: 0;
	margin-bottom: 40px;
}

ul.institucional li {
	float: left;
	width: 25%;
	text-align: center;
	height: 200px;
	margin-top: 50px;
	display: none;
}

ul.institucional li a {
	text-decoration: none;
	font-weight: bold;
}

ul.institucional_menu, ul.votacoes_menu {
	list-style: none;
	width: 73%;
	margin-left: 13.5%;
	padding: 0;
	margin-bottom: 0px;
}

ul.institucional_menu li {
	float: left;
	width: 12.5%;
	text-align: center;
	height: 150px;
	margin-top: 50px;
	font-size: 9pt;
	display: none;
}

ul.votacoes_menu {
	margin-top: 50px;
}

ul.votacoes_menu li {
	float: left;
	width: 100%;
	text-align: left;
	height: 80px;
	margin-top: 0px;
	margin-bottom: 50px;
	font-size: 12pt;
	border-bottom: 1px solid #edf5f8;
}

ul.institucional_menu li a, ul.votacoes_menu li a {
	text-decoration: none;
	font-weight: bold;
}

ul.votacoes_menu li a span {
	font-weight: normal;
}

.col1-texto, .col2-texto, .col3-texto {
	float: left;
	margin-left: 13.5%;
	width: 35%;
	text-align: justify;
	margin-bottom: 60px;
}

.col2-texto {
	margin-left: 3%;
}

.col3-texto {
	width: 73%;
}

.olho {
	width: 40%;
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	margin-left: 27%;
	border: 1px solid #10363f;
	font-size: 14pt;
	font-weight: bold;
	line-height: 20pt;
}

.conteudo h3, .conteudo-azul h3 {
	margin-left: 13.5%;
	margin-top: 0;
	color: #2276a4;
	font-size: 20pt;
}

.conteudo h4, .conteudo-azul h4 {
	color: #2276a4;
	font-size: 16pt;
	margin-top: 0;
	padding: 0;
}

.lista_down {
	width: 74%;
	margin-left: 10.5%;
	list-style: none;
}

.lista_down li {
	width: 100%;
	padding: 0;
	margin: 0;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

.lista_down li h4 {
	color: #000;
	padding: 0;
	margin: 0;
	float: left;
	width: 85%;
}

.lista_down .data {
	font-size: 10pt;
	float: left;
	width: 85%;
}

.lista_down .download {
	float: right;
	text-align: center;
	margin-right: 20px;
	width: 10%;
}

.lista_down .download a {
	text-decoration: none;
	color: #000;
}

.lista_debates {
	width: 74%;
	margin-left: 10.5%;
	list-style: none;
}

.lista_debates li {
	width: 987px;
	background: url("../img/balao.png");
	min-height: 247px;
	margin-bottom: 60px;
}

.lista_debates li h4 {
	color: #103440;
	padding: 0;
	margin: 0;
	float: left;
	width: 20%;
	font-size: 16pt;
	margin-left: 2%;
	margin-top: 4%;
	height: 140px;
}
	
.lista_debates li .texto {
	color: #103440;
	padding: 0;
	margin: 0;
	float: left;
	font-size: 12pt;
	width: 73.5%;
	margin-left: 2%;
	margin-top: 4%;
	text-align: justify;
	margin-bottom: 0;
}

.lista_debates .data {
	font-size: 10pt;
	float: left;
	width: 20%;
	margin-left: 24%;
	color: #a0a0a0;
	margin-top: 0;
}

.lista_debates .download {
	float: right;
	text-align: center;
	margin-right: 20px;
	width: 10%;
}

.lista_debates .download a {
	text-decoration: none;
}

.lista_debates .entrar {
	float: right;
	margin-top: -17px;
	margin-right: 0px;
}

.lista_debates .comentarios {
	height: 25px;
	width: 10%;
	padding: 0;
	line-height: 25px;
	font-size: 9pt;
	float: right;
	position: relative;
	margin-left: 20px !important;
}

#paginacao {
	width: 100%;
	color: #fff;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 30px;
}

#paginacao a {
	font-weight: bold;
	color: #fff;
	font-size: 14pt;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	line-height: 33px;
	vertical-align: top;
}

#paginacao a:hover {
	border-bottom: 1px solid #fff;
}
#paginacao a.no:hover {
	border-bottom: 0;
}

#paginacao_not {
	width: 100%;
	color: #103440;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 30px;
}

#paginacao_not a {
	font-weight: bold;
	color: #103440;
	font-size: 14pt;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	line-height: 33px;
	vertical-align: top;
}

#paginacao_not a:hover {
	border-bottom: 1px solid #103440;
}
#paginacao_not a.no:hover {
	border-bottom: 0;
}

.conclusao {
	width: 73%;
	margin-left: 13.5%;
	display: block;
}

.conclusao a {
	color: #2276a4;
	text-decoration: none;
	font-size: 14pt;
}

.comentarios {
	width: 73%;
	margin-left: 13.5%;
}

.comentarios ul {
	padding: 0;
	list-style: none;
}

.comentarios ul li {
	margin-bottom: 40px;
	text-align: justify;
}


.comentarios ul li .data {
	width: 25%;
	border-bottom: 1px solid #000;
	color: #a0a0a0;
	font-size: 10pt;
	padding-bottom: 5px;
}

.comentarios ul li h4 {
	width: 80%;
	margin-left: 10%;
	margin-top: 20px;
	color: #000;
	font-size: 12pt;
}

.comentarios ul li .texto {
	width: 80%;
	margin-left: 10%;
}

h5 {
	font-size: 14pt;
	margin-left: 13.5%;
	width: 73%;
	margin-top: 50px;
}

.post {
	width: 80%;
	margin-left: 10%;
	display: none;
}

.post_to_hide {
	width: 80%;
	margin-left: 0%;
	margin-top: 40px;
}

.post label {
	font-size: 12pt;
	display: block;
	width: 100%;
	font-weight: bold;
}

.post textarea {
	float: left;
	width: 86%;
	height: 100px;
}

.post input[type=submit] {
	background: #000;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 10%;
	height: 28px;
	margin: 0;
	margin-left: 2%;
	font-size: 12pt;
	margin-bottom: 20px;
	margin-top: 78px;
}


#noticias {
	display: block;
	margin-left: 10%;
	width: 80%;
}

.lista_noticias, .lista_eventos {
	list-style: none;
	padding: 0;
	width: 100%;
}

.lista_noticias li, .lista_eventos li {
	float: left;
	margin: 14px;
	width: 100%;
	border-bottom: 1px solid #c0c0c0;
	padding-bottom: 40px;
	margin-bottom: 20px;
}

.lista_noticias li .titulo, .lista_eventos li .titulo {
	margin: 0;
	padding: 0;
	width: 100%;
	margin-bottom: 5px;
	margin-top: 20px;
	font-weight: bold;
	font-size: 16pt;
}

.lista_noticias li .data, .lista_eventos li .data{
	width: 57%;
	text-align: right;
	font-size: 9pt;
	margin-bottom: 15px;
	background: url("../img/barra-data.png");
	height: 27px;
	line-height: 29px;
	float: left;
}

.lista_eventos li .data {
	background: none;
	text-align: left;
}

.lista_noticias li .data span, .lista_eventos li .data span{
	background-color: #fff;
	padding-left: 10px;
}

.lista_eventos li .data span{
	padding: 0;	
	margin: 0;
	color: #2276a4;
	font-size: 12pt;
}

.lista_noticias li .texto, .lista_eventos li .texto{
	width: 57%;
	text-align: justify;
	font-size: 10pt;
	line-height: 16pt;
	margin-bottom: 15px;
	color: #000;
	height: 150px;
	overflow-y: hidden;
	float: left;
}

.lista_noticias li .img{
	float: left;
	min-height: 350px;
	margin: 0;
	padding: 0;
	width: 43%;
}

.lista_noticias li a, .lista_eventos li a {
	text-decoration: none;
}

.lista_noticias li .mais{
	width: 100%;
	text-align: left;
	font-size: 9pt;
	margin-top: 30px;
	font-weight: bold;
}

.lista_eventos li .mais{
	width: 100%;
	text-align: left;
	font-size: 9pt;
	margin-top: 50px;
	font-weight: bold;
}

.lista_noticias li .mais a {
	text-decoration: none;
	color: #000;
}

.lista_eventos li .mais a{
	text-decoration: none;
	background-color: #2276a4;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 14pt;

}

.lista_noticias li img {
	width: 93%;
	float: left;
	margin-right: 7%;
}

.lista_eventos li img {
	width: 40%;
	float: left;
	margin-right: 3%;
}

h3.manchete {
	font-size: 20pt;
	width: 100%;
	text-align: center;
	margin-left: 0;
	color: #000;
}	
.img_noticia {
	float: left;
	width: 45%;
	margin-right: 3%;
	margin-bottom: 20px;
}

.data-materia {
	display: block;
	width: 100%;
	margin-bottom: 5px;
	color: #c0c0c0;
}

.data-materia span {
	display: block;
	width: 100%;
	font-size: 9pt !important;
}

.data-evento {
	width: 100%;
	text-align: center;
	margin-top: -20px;
	margin-bottom: 40px;
}

.data-evento span {
	font-size: 14pt;
	color: #000;
}

#inscreva .form-contato label, #inscreva .form-contato2 label {
	width: 100% !important;
	display: block !important;
}

#inscreva {
	position: relative;
	background-color: #fff;
	min-height: 370px;
	width: 100%;
	margin-top: -55px;
	padding: 20px;
	padding-left: 0;
	padding-bottom: 0;
	padding-bottom: 30px;
}

#inscreva h1 {
	color: #103440;
	font-size: 30pt;
	margin-top: 25px;
	margin-bottom: 40px;
	margin-left: 13.5%;
}

#inscreva .col1, #inscreva .col2 {
	width: 38%;
	float: left;
	margin-top: 40px;
}

#inscreva .col2 {
	margin-left: 5%;
	width: 57%;
	float: left;
}

#inscreva .form-contato {
	width: 100%;
	float: left;
}

#inscreva .form-contato2 {
	width: 45%;
	padding-right: 10%;
	float: left;
}

#inscreva .form-contato2:last-child {
	padding-right: 0%;
}


#inscreva .form-contato input[type=text], #inscreva .form-contato2 input[type=text], #inscreva .form-contato2 textarea {
	width: 100% !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-top: 2px !important;
	margin-bottom: 20px !important;
}

#inscreva .col2 textarea {
	width: 100%;
	border: 1px solid #000;
	margin-top: 2px;
	height: 142px;
}

#inscreva .enviar {
	background: #000;
	color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 0 !important;
}

#inscreva .content {
	margin-left: 13.5%;
	width: 73%;
}

#inscreva .forms {
	float: left;
	width: 100%;
}

#inscreva .forms input[type=text], #inscreva .forms textarea {
	border: 1px solid #000;
}

#inscreva .button {
	float: right;
	margin-top: 10px;
	margin-bottom: 40px;
}





#associe label {
	display: block !important;
	padding-top: 10px;
	font-size: 9pt;
	padding-bottom: 2px;
}

#associe {
	position: relative;
	background-color: #fff;
	min-height: 370px;
	width: 100%;
	margin-top: 0px;
	padding: 20px;
	padding-left: 0;
	padding-bottom: 30px;
	padding-top: 60px;
	color: #10363f;
}

#associe .texto {
	width: 73%;
	margin-left: 13.5%;
	text-align: justify;
	margin-bottom: 40px;
}

#associe h1 {
	color: #103440;
	font-size: 30pt;
	margin-top: 25px;
	margin-bottom: 40px;
	margin-left: 13.5%;
}

#associe .col1, #associe .col2 {
	width: 38%;
	float: left;
	margin-top: 40px;
}

#associe .col2 {
	margin-left: 5%;
	width: 57%;
	float: left;
}

#associe .form-contato {
	width: 100%;
	float: left;
}

#associe .form-contato2 {
	width: 45%;
	padding-right: 10%;
	float: left;
}

#associe .form-contato2:last-child {
	padding-right: 0%;
}


#associe .form-contato input[type=text], #associe .form-contato2 input[type=text], #associe .form-contato2 textarea {
	width: 100% !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-top: 2px !important;
	margin-bottom: 20px !important;
}

#associe .col2 textarea {
	width: 100%;
	border: 1px solid #10363f;
	margin-top: 2px;
	height: 142px;
}

#associe .enviar {
	background: #10363f;
	color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 0 !important;
}

#associe .content {
	margin-left: 13.5%;
	width: 73%;
}

#associe .forms {
	float: left;
	width: 100%;
}

#associe .forms input[type=text], #associe .forms textarea {
	border: 1px solid #10363f;
	padding: 0.51% !important;
}

#associe .button {
	float: right;
	margin-top: 10px;
	margin-bottom: 40px;
}

.img_wrapper {
	width: 100%;
	height: 250px;
	margin-bottom: 10px;
	overflow: hidden;
}

.votou {
	color: #e0e0e0;
}