@charset utf-8;
/* 
Css por: Michel C. Ito
www.designerinside.com.br + 8Soft
Data: 12/01/14 - Atualizado
Cliente: Template

*/

/*
===================================================================
CSS Externo
===================================================================
*/
@import url( 'tema.less' );
@import url( 'fonts/fonts.css' );


/*
==========================================================================
============================== Icones ====================================
==========================================================================
*/

/*Todos*/
.icone 	{ background-image: url(../images/icones.png); background-repeat: no-repeat;}

/*social*/
a.icone-social-1 { background-position: 0 -75px;}
a.icone-social-2 { background-position: -30px -75px;}
a.icone-social-3 { background-position: -60px -75px}
a.icone-social-4 { background-position: -90px -75px}
a.icone-social-5 { background-position: -120px -75px}

a.icone-social-1:hover { background-position: 0 -105px;}
a.icone-social-2:hover { background-position: -30px -105px;}
a.icone-social-3:hover { background-position: -60px -105px}
a.icone-social-4:hover { background-position: -90px -105px}
a.icone-social-5:hover { background-position: -120px -105px}

/*contato e localização*/
a.icone-contato {background-position: 0 -15px}
a.icone-maps {background-position: -30px -15px}
a.icone-contato:hover {background-position: 0 -45px}
a.icone-maps:hover {background-position: -30px -45px}

/*
===================================================================
ClearFix
===================================================================
*/

.clearfix 		{ display: inline-block; }
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

body {
	cursor: default;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	margin: 0;
	padding: 0;
	position: relative;
}

.left  { /*float: left!important*/ }
.right { float: right!important}

/* Root */

.root { width: 100%; }

/* Largura 100% para background */

.row {
	width: 100%;
	height: auto;
	float: left;
	margin: 0 auto;
}

/* Centralizar conteudo do site */

.box {
	width: 100%;
	max-width: 63.750em; /*1020px*/
	margin: 0 auto;
}

/* Links */

a { 
	text-decoration: none;
	-webkit-transition: 0.25s;
	transition: 0.25s;
}

:hover {
	-webkit-transition: 0.25s;
	transition: 0.25s;
}

.hide { display: none }

.titulo {
	text-transform: uppercase;
}

hr {
	width: 100%;
	height: 1px;
	padding: 0;
	border: 0;
}

/*
==========================================================================
Topo
==========================================================================
*/

#topo {
	background: transparent url(../images/bg.png) center center repeat;
	border-bottom: 10px solid #46AEE8;
	border-top: 30px solid #46AEE8;
	}

	#topo > div {
		height: auto;
	}

	#topo .a {
	/*width: 100%;*/
	}
	
	#topo .b {
		width: 100%;
	}

	#topo .c {
		width: 40%;
	}

.logo {
	display: block;
	width: 30%; height: 105px;
	min-width: 240px;
	background: transparent url(../images/logo.png) center center no-repeat;
	float: left;
	text-indent: -9999px;
}

#topo .contatos {
	text-align: right;
	padding: 10px;
}

	#topo .contatos h2 { 
		display: block;
		font-size: 1.5em;
		margin-bottom: 5px;
	}

	#topo .contatos p {
		font-size: .9em;
	}

	
/*contatos social*/

#topo .contatos-social {
	width:auto;
	float: right;
	margin-top: -30px;
	font-size: 14px;
	color:#FFF;
	background-color: #46aee8;
}
	#topo .contatos-social ul {
		padding: 0;
		width: auto;
		height: 30px;
		line-height:1; 
		margin: 0;
		
	}
	#topo .contatos-social ul li {
		float: left;
		margin-left: 1px;
	}
	#topo .contatos-social ul li a {
		width: 30px;
		height: 30px;
		display: block;
		text-indent: -9999px;
	}
	#topo .contatos-social ul li p {
		display: block;
		height: 20px;
		padding: 7px 10px 0;
		margin: 0 0 0 20px;
	}

#topo #barra-social-topo {
	width: 50%;
	height: 30px;
	float: left;
}

	#topo .contatos h2 { 
		display: block;
		font-size: 1.5em;
		margin-bottom: 5px;
	}

	#topo .contatos p {
		font-size: .9em;
	}

	
/*
==========================================================================
Barra social
==========================================================================
*/

#barra-social {
	width: 100%;
	height: auto;
	padding:10px 0;
	background-color: #46aee8;
}

	#barra-social .box p {
		float: right;
		height: 20px;
		font-size: 14px;
		padding: 8px 10px 0;
		margin: 0;
	}
	#barra-social .box ul {
		margin: 2px auto;
		display: block;
	}
	#barra-social .box ul li {
		float: right;
	}
	#barra-social .box ul li.blank {
		width: 30px;
		display: block;
		text-indent: -9999px;
	}
	#barra-social .box ul li a {
		display: block;
		width: 30px;
		height: 30px;
		text-indent: -9999px;
	 	margin-left: 2px;
	}

/*
==========================================================================
Barra social topo
==========================================================================
*/

	#barra-social-topo {
		width: 100%;
		height: auto;
		padding: 10px 0;
	}

	#barra-social-topo .box p {
		float: right;
		height: 20px;
		font-size: 14px;
		padding: 8px 10px 0;
		margin: 0;
		color:#FFF;
	}
	#barra-social-topo .box ul {
		margin: 2px auto;
		display: block;
	}
	#barra-social-topo .box ul li {
		float: right;
	}
	#barra-social-topo .box ul li.blank {
		width: 30px;
		display: block;
		text-indent: -9999px;
	}
	#barra-social-topo .box ul li a {
		display: block;
		width: 30px;
		height: 30px;
		text-indent: -9999px;
	 	margin-left: 2px;
	}	
	
/*
==========================================================================
Menu de navegação principal - 1
==========================================================================
*/


#menu-principal {
	padding: 10px 0;
}

.menu-principal {
	width: auto;
	float: right;
}

#menu-principal .box { }

.menu-principal,
#menu-principal .box .a { }
	
.menu-principal ul,
#menu-principal ul {
	display: block;
    float: left;
    /*height: 115px;*/
    margin: 0;
    padding: 0;
    width: 100%;
}

.menu-principal ul li,
#menu-principal ul li{
	margin: 0;
	float: left;
	display: block;
	text-align: center;
	position: relative;
}

.menu-principal ul li a,
#menu-principal ul li a {
	display: block;
	float: left;
	font-size: 15px;
	padding: 50px 25px;
}

.menu-principal ul li:hover,
#menu-principal ul li:hover,
.menu-principal ul li a:hover,
#menu-principal ul li a:hover {
	background: #0392E0 url(../images/bgmenu.png) right no-repeat;
	color: #FFF;
}

	/*subcategoria*/
	.menu-principal ul li ul,
	#menu-principal ul li ul {
		width: 200px;
		margin: 24px 0 0 0;
		overflow: hidden;
		opacity: 0;
		visibility: hidden;
		position: absolute;
		z-index: 10;
		top: -10px;
		left: 0;
		padding: 14px 0 0;
		border-top: 0;
		background: transparent url(../images/arrow-menu.png) center top no-repeat;
		border-bottom: 0;
		-webkit-transition: all .3s .1s;
		-moz-transition: all .3s .1s;
		-o-transition: all .3s .1s;
		transition: all .3s .1s;
	}

	.menu-principal ul li:hover ul,
	#menu-principal ul li:hover ul {
		opacity: 1;
		visibility: visible;
		top: 10px;
	}

	.menu-principal ul li ul li,
	#menu-principal ul li ul li{
		width: 100%;
		margin: 0;
	}
	.menu-principal ul li ul li:first-child,
	#menu-principal ul li ul li:first-child{
		border-top: 0;
	}
	.menu-principal ul li ul li a,
	#menu-principal ul li ul li a{
		padding: 10px;
		min-width: 180px;
		font-size: 14px;
		margin: 0;
		color: #0392e0;
	}
	.menu-principal ul li ul li a:hover,
	#menu-principal ul li ul li a:hover{
		background-image: none;
	}


/*
==========================================================================
Banner
==========================================================================
*/

#banner {
	width: 100%;
	height: 400px;
	margin-bottom: 0!important;
	padding-bottom: 50px;
}

/*botões do banner*/

.camera_pag {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.camera_wrap .camera_pag .camera_pag_ul {
    text-align: center !important;
    width: auto;
}

.camera_wrap .camera_pag .camera_pag_ul li  {
	margin-top: 5px;
	margin-bottom: 5px;
}
.camera_caption div  {
	bottom: 0;
	padding-bottom: 50px!important;
}

/*
==========================================================================
Conteúdo
==========================================================================
*/

#conteudo {
	/*overflow: auto;*/
	padding-bottom: 175px;
	background-color: #FFF;
}

#conteudo h1 {
	font-size: 20px;
	display: block;
	padding: 20px 0;
	text-transform: uppercase;
	color: #0095D3;
	border-bottom: 1px solid #0095D3;
	margin-bottom: 10px;
	font-weight: 700;
}

/*chamada principal*/

#chamada-principal {
	padding-bottom: 10px;
}

#chamada-principal .box {
	padding: 10px 0;
}

#chamada-principal .box p{
	display: block;
	float: left;
	max-width: 900px;
	padding: 10px;
	position: relative;
	padding-right: 100px;
}

#chamada-principal .box a {
	display: block;
	width: auto;
	height: auto;
	padding: 10px 30px;
	float: right;
	text-align: center;
	margin-top: 10px;
	font-size: 13px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(PIE.htc);
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -15px;
}


/*
==========================================================================
Home SEM NOTÍCIAS
==========================================================================
*/

#conteudo #campanhas {
	margin-top: 10px;
}

#conteudo #campanhas .a {
	margin: 20px 0 30px;
}
#conteudo #campanhas .a .simples {
	text-align: right;
	margin-top: 20px;
	line-height: 26px;
	padding:8px;
}
#conteudo #campanhas .a .simples h2 {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 900;
	text-align: left;
	color: #0392E0;
}

#conteudo #campanhas .a .simples p {
	text-align: justify;
	width: 100%;
	margin: 0;
	color:#46AEE8;
}

#conteudo #campanhas .a .simples a {
	padding: 10px 20px;
	background-color: #0392E0;
	color: #FFF;
}
#conteudo #campanhas .a .simples a:hover {
	background-color: #46AEE8;
	color: #FFF;
}

#conteudo #campanhas ul {
	text-align: center!important;
	padding: 0;
	padding-top: 3px;
}

#conteudo #campanhas ul li {
	display: inline-block;
	width: 250px;
	height: auto;
	margin-bottom: 3px;
	text-align: left;
	vertical-align: top;
}

#conteudo #campanhas ul li figure {}

#conteudo #campanhas ul li figure figcaption {
	padding: 10px;
	height: auto;
	min-height: 50px;
	position: relative;
}
#conteudo #campanhas ul li figure figcaption h2 {
	margin: 0;
	font-size: 1.3em;
	margin: 0 0 10px;
}

#conteudo #campanhas ul li figure figcaption p {
	margin: 0;
	font-size: 1em;
}


#conteudo #campanhas ul li figure img {
	width: 100%;
	height: 350px;
}


/*
==========================================================================
Home SEM NOTÍCIAS
==========================================================================
*/

#conteudo #campanhas {
	
}

#conteudo #campanhas .a {
	margin: 0;
}

#conteudo #campanhas ul {
	text-align: center!important;
	padding: 0;
	padding-top: 3px;
}

#conteudo #campanhas ul li {
	display: inline-block;
	width: 250px;
	height: auto;
	margin-bottom: 3px;
	text-align: left;
	vertical-align: top;
}

#conteudo #campanhas ul li figure {}

#conteudo #campanhas ul li figure figcaption {
	padding: 10px;
	height: auto;
	min-height: 50px;
	position: relative;
}
#conteudo #campanhas ul li figure figcaption h2 {
	margin: 0;
	font-size: 1.3em;
	margin: 0 0 10px;
}

#conteudo #campanhas ul li figure figcaption p {
	margin: 0;
	font-size: 1em;
}


#conteudo #campanhas ul li figure img {
	width: 100%;
	height: 350px;
}


/*
==========================================================================
Home COM NOTÍCIAS
==========================================================================
*/

.noticias-home {
	position: relative;
}

.noticias-home p.titulo {
	display: block;
	width: 100%;
	text-align: center;
	padding: 0 0 10px;
	font-size: 20px;
}

.noticias-home h3 {
	font-size: 15px;
	text-transform: none;
	color: #299BA5;
	font-family: 'ubuntulight', Helvetica, Arial, sans-serif!important;
}

#conteudo #campanhas.com-noticia ul li ul {
	display: block;
	height: 280px; 
	padding: 0;
	overflow: hidden;
	padding: 0;
}

#conteudo #campanhas.com-noticia ul li ul li {
	overflow: hidden;
	width: 96%;
	height: 59px;
	padding: 2%;
	list-style: none;
	font-size: 14px;
	text-align: left;
	margin: 0;
	position: relative;
}

#conteudo #campanhas.com-noticia ul li ul li span {
	font-size: 10px;
	display: block;
	width: 100%;
	margin: 0 0 2px;
}

#conteudo #campanhas.com-noticia ul li ul li a {
	background-position: -60px -140px;
	bottom: 0;
	display: block;
	height: 30px;
	position: absolute;
	right: 0;
	text-indent: -9999px;
	width: 30px;
}

p#noticias-prev,
p#noticias-next {
	width: 30px!important;
	height: 30px;
	display: block;
	width: 50%;
	text-indent: -9999px;
	cursor: pointer;
}

p#noticias-prev {
	float: left;
	background-position: -120px -140px;
} p#noticias-prev:hover { background-position: -120px -180px}

p#noticias-next {
	float: right;
	background-position: -90px -140px;
} p#noticias-next:hover { background-position: -90px -180px}

a#noticias-all {
	position: absolute;
	left: 0;
	right: 0;
	width: 150px;
	text-align: center;
	font-size: 14px;
	margin: 0 auto;
	padding: 8px 0;
	height: 14px;
	color: #FFF;
} a#noticias-all:hover {
	
}

/*
==========================================================================
Página Institucional
==========================================================================
*/

#menu-lateral {
	width: 20%;
	float: left;
}

#pagina-padrao {
	width: 79%;
	float: right;
	/*background-color: #F4F4F4;*/
	/*padding: 10px 0;*/
}

#conteudo.institucional {
	padding-top: 20px;
	padding-bottom: 170px;
	
}

#pagina-padrao h2, h3, h4, h5, h6 {
	text-transform: uppercase;
}

#pagina-padrao h3, h4, h5, h6 {
	padding-left: 10px;
}

#pagina-padrao h2 {
	display: block;
	padding: 10px 0;
	margin-bottom: 7px;
}

#pagina-padrao h3, h4, h4, h6 {
	font-size: 15px;
	margin: 10px 0;
}

#pagina-padrao p {
	margin-bottom: 10px;
}

#pagina-padrao a {
	padding: 0px 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	behavior: url(PIE.htc);
}

#pagina-padrao a:hover {
	color: #FFF;
}

#pagina-padrao blockquote {
	padding: 20px;
	margin: 10px 0;
}

#pagina-padrao ul{
	display: block;
	padding: 0;
}

#pagina-padrao ul li{
	padding-left: 10px;
	margin-bottom: 5px;
	font-size: 15px;
}

#pagina-padrao figure {
	font-size: 14px;
}
#pagina-padrao figure.left { margin-right: 10px;}
#pagina-padrao figure.right { margin-left: 10px;}

#pagina-padrao figure figcaption {
	padding: 5px;
}


/*
==========================================================================
COM menu
==========================================================================
*/

/*Categoria*/
#menu-lateral ul.newsTree {
	padding: 0;
	margin: 0;
}

#menu-lateral ul.newsTree li {
	max-width: 250px;
	height: auto;
}

#menu-lateral ul.newsTree li a {
	padding: 10px;
	max-width: 210px;
	display: block;
	cursor: pointer;
}

#menu-lateral ul.newsTree li a:hover,
#menu-lateral ul.newsTree li a.selected {}

/*Subcategoria	*/
	#menu-lateral ul.newsTree li ul li a{}
	#menu-lateral ul.newsTree li ul li a:hover,
	#menu-lateral ul.newsTree li ul li.selected a {}
/*Sub da Subcategoria*/
	#menu-lateral ul.newsTree li ul li ul li a{}
	#menu-lateral ul.newsTree li ul li ul li a:hover,
	#menu-lateral ul.newsTree li ul li ul li a.selected{}
/*Sub da Sub da Subcategoria*/
	#menu-lateral ul.newsTree li ul li ul li ul li a{}
	#menu-lateral ul.newsTree li ul li ul li ul li a:hover,
	#menu-lateral ul.newsTree li ul li ul li ul li a.selected{}

/*
==========================================================================
SEM menu
==========================================================================
*/

/*
==========================================================================
Galeria HORIZONTAL
==========================================================================
*/

.galeria-horizontal {
	
}
.galeria-horizontal figure {
	background-color: transparent!important;
	position: relative;
}
.galeria-horizontal figure:hover a {
	display: block;
}
.galeria-horizontal a.imagem-left,
.galeria-horizontal a.imagem-right {
	width: 30px; height: 30px;
	position: absolute;
	z-index: 2;
	text-indent: -9999px;
	top: 50%;
	margin-top: -25px;
	background-color: rgba(255, 255, 255, 0.5 );
	padding: 0!important;
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important;
	border-radius: 0!important;
	display: none;
}

.galeria-horizontal a.imagem-left {
	background-position: -60px -15px;
	left: 10px;
}
.galeria-horizontal a.imagem-right {
	background-position: -90px -15px;
	right: 10px;
}

.galeria-horizontal a.imagem-left:hover {
	background-position: -60px -45px;
}
.galeria-horizontal a.imagem-right:hover {
	background-position: -90px -45px;
}

.galeria-horizontal figure img {
	width: 100%; height: auto;
}

.galeria-horizontal figure figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

/*
==========================================================================
Contato
==========================================================================
*/


.info-empresa {
	padding-top: 10px;
}

.info-empresa p {
	font-size: 13px;
	margin: 0 0 15px;
	line-height: 15px;
}

#conteudo.institucional.contato {

}

#conteudo.institucional.contato .box > div {
	float: left;
}
#conteudo.institucional.contato .box > div h3 {
	text-transform: uppercase;
	padding-left: 10px;
	margin-bottom: 15px;
}

#conteudo.institucional.contato .box .a { 
	width: 20%;
}

#conteudo.institucional.contato .box .b { 
	width: 40%;
}

#conteudo.institucional.contato .box .a .contatos {
	padding: 10px;
}

#conteudo.institucional.contato .box .b form,
#conteudo.institucional.contato .box .c .mapa {
	padding: 10px;
}
#conteudo.institucional.contato .box .b form ul {
	padding: 0;
	margin: 0;
}
#conteudo.institucional.contato .box .b form ul li {
	margin-bottom: 1px;
}
#conteudo.institucional.contato .box .b form ul li label {
	padding: 10px 0;
}

#conteudo.institucional.contato .box .b form ul li input,
#conteudo.institucional.contato .box .b form ul li textarea {
	width: 92%;
	padding: 4%;
}
#conteudo.institucional.contato .box .b form ul li textarea {
	max-width: 92%;
	min-width: 92%;
	min-height: 150px;
	max-height: 150px;
}

#conteudo.institucional.contato .box .b form ul li input:hover,
#conteudo.institucional.contato .box .b form ul li textarea:hover {}
#conteudo.institucional.contato .box .b form ul li input.botao1 {
	width: 200px;
	max-width: auto;
	height: auto;
	padding: 10px;
	text-align: center;
	text-transform: capitalize;
	float: right;
	margin-top: 10px;
	-webkit-transition: 0.25s;
	transition: 0.25s;
}
#conteudo.institucional.contato .box .b form ul li input.botao1 {
	width: 150px;
	margin: 10px 21px 0;
}
#conteudo.institucional.contato .box .b form ul li input.botao1:hover {
	-webkit-transition: 0.25s;
	transition: 0.25s;
}

#conteudo.institucional.contato .box .c { 
	width: 40%; 
}
#conteudo.institucional.contato .box .c .mapa {
	padding-right: 0;
}
#conteudo.institucional.contato .box .c iframe {
	width: 100%;
	height: 460px;
}

/*
==========================================================================
Label's & Input's
==========================================================================
*/

label {
	display: block;
	height: 10px;
	font-size: 13px;
}

input, textarea, select {
	border: 0;
	font-size: 13px;
	height: 10px;
	padding: 10px;
	outline: none;
	color: #FFF;
}

textarea {
	height: auto;
}

input.botao1 {
	width: 30px;
	height: 30px;
	background-position: -90px -15px;
	-webkit-transition: 0.25s;
	transition: 0.25s;
} input.botao1:hover { background-position: -90px -45px;}

/*
==========================================================================
Rodapé
==========================================================================
*/

html, body {height: 100%;}
body > .root {height: auto; min-height: 100%;}


#rodape {
	width: 100%;
	position: relative;
	height: 150px;
	margin-top: -150px; /* Valor negativo referente a altura */
	clear: both;
	background-color: #0392e0;
	border-top: 5px solid #46AEE8;
}

#rodape .box {
	width: 100%;
	max-width: 1020px;
	height: 130px;
	display: block;
	font-size: 11px;
	position: relative;
	padding: 10px 0;
}

#rodape .dados-empresa {
	width: 300px;
	height: auto;
	float: left;
	padding: 10px;
}

#rodape p {
	margin-bottom: 5px
}
#rodape a {
	color: #FFF;
	padding: 2px 4px;
} #rodape a:hover {
	background-color: #F1F1F1;
	color: #000;
}

/*Newsletter*/

.newsletter {
	width: 320px;
	height: auto;
}
.newsletter label {
	padding: 10px 0;
}
.newsletter input#optin {
	width: 267px;
	background-color: #46AEE8!important;
}
.newsletter input.botao1 {
	background-color: #46AEE8;
	border: 0;	
}
.newsletter a {
	display: block;
	padding: 5px;
	float: left;
}

/*Desenvolvimento*/

a.powered {
	display: block;
	width: 30px; height: 30px;
	background: transparent url(../images/powered.png) 0 0 no-repeat;
	text-indent: -9000px;
	position: absolute;
	left: 0;
	bottom: 10px;
	padding: 0!important;
}

a.powered:hover {
	background-position: 0 -30px;
	background-color: transparent!important;
}