/*
Theme Name: eBusiness
Theme URI: http://www.buenosites.com.br
Description: Thema desenvolvido para projetos empresariais.
Version:1.1
Author: Bueno Sites
Author URI: http://www.buenosites.com.br
Tags: Business, Coporation, Marketing
*/

h1{font-family: 'Open Sans Condensed', sans-serif; color: #022E53; font-size: 30px;}
h2{font-family: 'Open Sans Condensed', sans-serif; color: #022E53;font-size: 25px;}
h3{font-family: 'Open Sans Condensed', sans-serif; color: #0142AA;font-size: 22px;}
h4{font-family: 'Open Sans Condensed', sans-serif; color: #0142AA;font-size: 18px;}
h5{font-family: 'Open Sans Condensed', sans-serif; color: #333;font-size: 14px;}
h6{font-family: 'Open Sans Condensed', sans-serif; color: #333;font-size: 10px;}


body{font-family: 'Open Sans Condensed', sans-serif; margin: 0px; padding: 0px; font-size: 17px; /* background: #fff; - painel Admin */}

header{ position: relative; width: 100%; display: block; height: 165px;}
.line{ position: absolute; background: #074f85; height: 2px; top:92px; width: 100%; z-index: -9999;}
.container{ width: 970px!important;}

/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
.topo{ position: relative; height: 165px; width: 100%;}
.logoTopo{ position: absolute; left: -50px; top:15px; background: #fff; padding: 0 10px;}

.contatoTopo{position: absolute; right: 0px; top:20px; }
ul.telefone{ width: 230px; list-style: none; margin:0 0 15px 0; padding: 0 0 0 25px; background: url('images/icon-fone.png') no-repeat left 3px; color: #282828;font-weight: 100; font-size: 15px;}
ul.email{ width: 230px; list-style: none; margin:0; padding: 0 0 0 25px; background: url('images/icon-email.png') no-repeat left 3px; color: #282828; font-weight: 100;font-size: 15px;}
		 
nav.menuTopo{ height: 50px; position: absolute; bottom: 0px; right: -15px;}
ul.menu{ margin:0px; padding: 0; list-style: none; position: relative; display: inline-block;height: 50px;}
ul.menu li{ float: left; margin-left:5px; padding:0px; position: relative;}
ul.menu li:first-child{ margin-left:0px; }
ul.menu > li a{color: #d2d2d2; font-weight: 600;border-radius:0px; background: #fff; padding:7px 20px; float: left; clear: both; position: relative; text-decoration: none; -moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease; transition:all 0.4s ease; font-size: 12px; text-transform: uppercase; font-family: 'Open Sans Condensed', sans-serif; font-size: 16px; font-weight: 100;}
ul.menu > li a:hover{color: #fff; border-radius:0px; background: #39ded4; background: #000; }
/* ul.menu > li a:active{color: #000; padding-top: 11px; background: #CCC;} */	


/*SUBMENU*/
ul.menu li ul{
	display:none;
	position:absolute; 
	left:0px;
	top:40px;
	padding:0px 0 0px 0px;
	margin:0px;
	list-style:none; 
	
	background:#022e53;
	float:left; clear:both;
	width:auto;
	height:auto;
	-webkit-transition:All 0.4021s ease; 
	z-index:9999999999999999;	
	box-shadow: 1px 3px 0px rgba(0,0,0,0.2);
	overflow: hidden; 
	}

ul.menu li:hover ul{display:block;}

ul.menu li ul li{float:left; clear:both; border: none; background: none;position: relative;margin: 0px; padding: 0px;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease; transition:all 0.2s ease; }
/* ul#menuHover li ul > li a{ border-radius:3px; overflow: hidden;} */
ul.menu li ul li a{float:left; color: #fff; clear:both; width:190px; background: none; text-decoration: none; padding:10px 0 10px 10px; margin: 0px;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease; transition:all 0.2s ease;  }

ul.menu li ul li a:hover{float:left; clear:both; color:  #fff; text-shadow: #000 0 1px 2px!important; background: #eee; border-radius:10px;}



/* #menuHover li:hover > a {color: #F90; -moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease; transition:all 0.2s ease; background: #000; padding: 0 5px;} */


/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/

.mainContent{  display: block; width: 100%; position: relative; margin: 0px; padding: 0; float: left; clear: both;}

/* Box Servicos */
.marginServicos{ margin-top: 30px;margin-bottom: 30px;}
.boxServicos{ height: 253px;}
.boxServicos a.img{ float: left; clear: both; width: 293px; height: 202px; position: relative; margin: 0px!important;padding: 0px!important;}
.boxServicos h1{margin:0; padding: 0px; text-transform: uppercase; display: inline-block;text-align: center; width: 293px; height: 51px; background: url('images/bg-box-servicos.jpg') no-repeat top center;}
.boxServicos h1 a{ color:#1e2a33; font-size: 17px; text-decoration: none;  font-weight: 700;}
.boxServicos h1 a:hover{ color:#000;}

/* Busca */
.buscaTopo{ position: absolute; right: 0px; width: 200px; top: 20px;}
.buscaTopo input{ background: #e9e9e9; border: none; border-radius:4px; width: 200px; padding: 10px 0 10px 13px; color: #1e928b;}
.buscaTopo button{ width: 17px; height: 16px; position: absolute; right: 10px; top: 12px; border: none; background: url('images/icon-busca.png') no-repeat;}

/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/

/* Noticias */
.box-informativos{ width: 100%; position: relative; margin: 20px 0;}
.box-informativos .tit{ height: 41px; display: block; width: 100%; margin: 0 0 20px 0; background: none;}
.box-informativos .tit h2{ color: #747474; font-size: 25px; font-weight: bold; text-transform: uppercase; margin: 13px 0 0 0px; display: inline-block}
/*.box-informativos .tit h2.informativos{ background: url('images/icon-informativos.jpg') no-repeat left top; padding: 0 0 0 25px;}*/
.box-informativos a.btn-maisInformativos{ float: right; position: relative; margin: 10px 35px 0 0; color: #a5a5a5;}
.box-informativos a:hover.btn-maisInformativos{ color:#39ded4;}

.list-informativos{ padding: 0px; margin: 20px 0; list-style: none; position: relative;}
.list-informativos li{ display: inline-block; position: relative; margin: 0 0 20px 0; border-bottom:3px solid #d7d7d7; padding-bottom: 5px; width: 100%;}
.imgInformativos{ display: inline-block; position: relative; margin: 0 10px 10px 0; float: left;}
.imgInformativos a{ display: block; position: relative;}
.imgInformativos a img{ border-right: 8px solid #d7d7d7;}

.info-txt-informativos{ display:inline-block; position: relative; width: 420px;}
.dataInformativos{ width: 85px; padding: 2px 0 2px 25px; color: #fff; background: #39ded4; display: block;  position: relative; border-radius: 5px;}
.info-txt-informativos h3{position: relative; font-size: 16px; font-weight: 600; margin: 10px 0 5px 0; }
.info-txt-informativos h3 a{color:#324859;}
.info-txt-informativos p{ line-height: 16px;}
.info-txt-informativos p a{ color: #595959;}
.info-txt-informativos p a:hover{ text-decoration: none; color: #000;}
.info-txt-informativos .btn-primary{ color:#fff;}

/* Newsletter */
.box-newsletter{ border-radius:5px; background: #39ded4; padding: 15px 20px 20px 20px; margin: 20px 0; position: relative;}
.box-newsletter h2{ color: #fff; font-size: 25px; font-weight: bold; text-transform: uppercase; margin:0px; display: inline-block}
.box-newsletter p{ color: #fff; font-size: 15px; margin: 10px 0;}
.box-newsletter input[type=text]{ border:none; background: #fff; width: 100%; padding: 5px 0 5px 5px;}
.box-newsletter button{ width: 23px; height: 18px; position: absolute; background: url('images/btn-newsletter.jpg') no-repeat; border:none; right: 27px; bottom: 27px; display: block;}

/* Galeria */
.box-galeria{ width: 100%; height: 240px; position: relative; margin: 35px 0 70px 0;}
.box-galeria a.btn-maisFotos{ float: right; position: relative; margin: 10px 35px 0 0; color: #a5a5a5;}
.box-galeria a:hover.btn-maisFotos{color:#ffd600;}
.box-galeria .tit{ height: 41px; display: block; width: 100%; margin: 0 0 5px 0; background: url('images/bg-tit-box.png') no-repeat right bottom #022e53;}
.box-galeria .tit h2{ color: #fff; font-size: 17px; font-weight: 200; text-transform: uppercase; margin: 13px 0 0 20px; display: inline-block}
.box-galeria .tit h2.informativos{ background: url('images/icon-galeria.jpg') no-repeat left top; padding: 0 0 0 25px;}
.box-galeria .tit-galeria-fotos{ width: 100%; height: 63px; position: absolute; background: url('images/bg-box-galeria.png') no-repeat; z-index: 99999; bottom: -40px; left: 0px;}
.box-galeria .tit-galeria-fotos a{ display: block; position: relative; margin: 30px 0 0 10px; color:#000;}


/*--- FOOTER ---*/
footer{ height: 170px; background: none; width: 100%; position: relative; display: block; float: left; clear: both; color: #d2d2d2;}

/* Menu Rodape */
.menuRodape{ list-style: none; position: absolute; margin: 0px; padding: 0px; top:10px; left: 0px; display: inline-block;}
.menuRodape li{ float: left; position: relative; margin: 0 30px 0 0;}
.menuRodape li a{ color: #d2d2d2; font-size: 11px; font-family: 'Open Sans', sans-serif; text-decoration: none;-webkit-transition:all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;}

/* Redes Sociais */
.redesSociais{list-style: none; position: absolute; margin: 0px; padding: 0px; top:25px; right: 0px;}
.redesSociais li{ float: left; position: relative; margin: 0 0 0 3px;}
.redesSociais li a{ float: left; clear: both; position: relative; padding: 5px; color: #6c6c6c; font-size: 1.2em;-webkit-transition:all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;}
.redesSociais li a:hover{  color: #000;}

.logo-rodape{ position: absolute; left: 0px; top:60px; display: block;}
.logo-rodape a{ display: block; position: relative;}

.copy{position: absolute; left: 0px; top:30px; display: block; color:#6c6c6c; font-family: 'Open Sans Condensed', sans-serif; font-weight: 100; font-size: 14px; }
p.credito{ position: absolute; left: 15px; top: 60px; color: #6c6c6c; font-size: 14px; font-weight: 200;-webkit-transition:all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;}
p.credito a{ padding: 1px 2px; color: #6c6c6c;-webkit-transition:all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;}
p.credito a:hover{ color: #000; text-decoration: underline;}

.endereco{position: absolute; left: 400px; top:30px; display: block; color:#6c6c6c; font-family: 'Open Sans Condensed', sans-serif;; font-weight: 100; font-size: 14px; width: 300px; text-align: center; }

#btnSubir{ position:fixed; left:14px; bottom:50px; color: #999; z-index: 1000;}
#btnSubir a{ background: url('images/btn-subir.png') no-repeat center center; width: 100px; height: 86px; display: block; position: relative; -webkit-transition:all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;}


/****************************************************************************/
/********************************----------**********************************/
/*******************************| INT SITE |*********************************/
/********************************----------**********************************/
/****************************************************************************/
.conteudo{ background: #e7e7e7;}
.conteudo .container{ position: relative;}
.conteudo article{ display: block; position: relative; margin: 50px 0; min-height: 400px; text-align: justify;}

.conteudo .articleInt article img{ margin-top: 40px;}

.conteudo article header{ margin: 0 0 20px 0; border-bottom: 1px dotted #d7d7d7; padding: 0px; height: auto; width: 100%; position: relative; display: block;}
.conteudo article header h1{ padding:0; margin: 0px 0 10px 0; font-size: 25px; color: #000; text-transform: uppercase;}

.conteudo aside{ margin: 50px 0 0 0; width: 100%; display: block; position: relative; }
.conteudo aside.bio{ margin: 0px; width: 100%; height: 500px; display: block; position: relative; background: #dddddd;}

.conteudo aside.bio .fotoArq{ margin: 0px auto 0 auto; position: relative; width: 107px; padding: 50px 0 0 0;}

.post .imgList{ float: left; margin: 0 10px 10px 0; position: relative; border:4px solid #f7f7f7; box-shadow: #AAA 0 0 6px;}
.post{ display: block; width: 100%; position: relative; border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; padding-top: 20px; margin-bottom: 10px;}
.post h3{ margin-top: 0px;}
.post h3 a{ color: #666; text-decoration: none;  font-size: 18px; font-weight: bold;}
.post .dataPost{ padding: 5px 10px; background: #BBB; display: inline-block; margin:0 0 15px 0; color:#333; border-radius:3px;}
.post .categoriaPost{padding: 5px 10px; background: #BBB; display: inline-block; margin:0 0 15px 0; color:#333; border-radius:3px;}
.post .categoriaPost a{ color: #333; text-decoration: none; padding: 0 5px;}
.post .categoriaPost a:hover{ color:#fff;}
.post a.more-link{ color:#333 ; background: #fc0; padding: 2px 5px; border-radius:2px; text-decoration: none;}
.post a:hover.more-link{ color:#666;}


.conteudo .projetos{ display: inline-block; width: 187px; position: relative; float: left; overflow: hidden;}
.conteudo .projetos .imgList{ float: left; margin: 0px; position: relative; width: 187px;}
.conteudo .projetos .imgList a{ float: left; clear: both; position: relative; width: 100%; height: 100%;}

/*
.conteudo .projetos h3{ margin-top: 0px;}
.conteudo .projetos h3 a{ color: #666; text-decoration: none;  font-size: 18px; font-weight: bold;}

.conteudo .projetos .dataPost{ padding: 5px 10px; background: #BBB; display: inline-block; margin:0 0 15px 0; color:#333; border-radius:3px;}
.conteudo .projetos .categoriaPost{padding: 5px 10px; background: #BBB; display: inline-block; margin:0 0 15px 0; color:#333; border-radius:3px;}
.conteudo .projetos .categoriaPost a{ color: #333; text-decoration: none; padding: 0 5px;}
.conteudo .projetos .categoriaPost a:hover{ color:#fff;}
.conteudo .projetos a.more-link{ color:#333 ; background: #fc0; padding: 2px 5px; border-radius:2px; text-decoration: none;}
.conteudo .projetos a:hover.more-link{ color:#666;}*/

.conteudo .tooltip{ margin-top: -5px;}
.conteudo .tooltip-inner{ border-radius:0px; font-size: 1.2em; padding: 10px 15px;}
.conteudo .articleInt header{ display: block; position: relative; float: left; margin-top: 20px; width: 100%; height: auto;}
.conteudo .articleInt article{ margin: 0; color: #000; display: inline-block; position: relative; float: left; clear: both; width: 100%;}
.conteudo .container a.btnVoltar{ background: none; color:#666; padding: 10px 15px; text-decoration: none; border: 1px solid #CCC; font-size: 0.8em; position: absolute; left: 419px; bottom: 0px;  /* margin-bottom: 20px; display: inline-block; position: relative; */}
.conteudo .container a:hover.btnVoltar{ background: #FFF; color:#999;}


.galeriaProjeto{ list-style: none; position: relative; margin: 0px; padding: 0px;}
.galeriaProjeto li{ float: left; position: relative; margin: 0px; padding: 0px; display: inline-block;}
.galeriaProjeto li img{ opacity: 0.4; -moz-transition:all 0.4s ease-in; -webkit-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in;}
.galeriaProjeto li img:hover{ opacity: 1;-moz-transition:all 0.4s ease-out; -webkit-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out;}
/*
.dataPost{ padding: 5px 10px; background: #022E53; display: inline-block; margin:0 0 15px 0; color:#ddd; border-radius:3px;}
.categoriaPost{padding: 5px 10px; background: #022E53; display: inline-block; margin:0 0 15px 0; color:#ddd; border-radius:3px;}
.categoriaPost a{ color: #ddd; text-decoration: none; padding: 0 5px;}
.categoriaPost a:hover{ color:#ffd900;}
*/

.tagTitle{ position: relative; display: inline-block; background: #000; color:#fff; padding: 10px 30px; font-size: 18px; -webkit-transform: translateX(-50%);left: 50%;}

/*----------------------*/
/*------ Page 404 ------*/
.box-404{ display: block; width: 100%; position: relative; text-align: center;}
.box-404 h1{ font-size: 100px; border: 1px solid #CCC; border-radius:10px; padding: 20px 60px; display: inline-block; margin-top: 100px;}
.box-404 h3{ color: #666;}
.box-404 h4 a{ padding: 10px 15px; background: #FC0; color: #000; text-decoration: none; border-radius:3px; margin: 20px 0 0 0; display: inline-block;}
.box-404 h4 a:hover{ padding: 10px 15px; background: #DDD;}

.wpcf7{ width: 100%; display: block; position: relative; margin: 30px 0!important; float: left; clear: both;}
.wpcf7-form p{}
.wpcf7-form span input[type=text],.wpcf7-form span input[type=email]{ width: 500px; /* border-radius:4px; */ padding: 5px 10px; border: none; display: block; clear: both; position: relative;}
.wpcf7-textarea{width: 500px; height: 90px; padding: 5px 10px; border-radius:4px; border: 1px solid #DDD; display: block; clear: both; position: relative;}
.wpcf7-submit{ padding: 10px 20px; /* border-radius:5px; */ background: #000; border: none; color: #fff; /* text-shadow:1px 1px 1px #000; */}

/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/* aside - widget */
section.conteudo aside{ padding:0px;}
#sidebar > ul{ list-style: none; padding: 0px!important; margin: 0 0 20px 0!important;}
#sidebar > ul li h3{ padding: 10px 0 10px 5px; display: block; font-family:sans-serif; background: #022E53; border-left: 5px solid #F90; color: #DDD; font-size: 15px; }
#sidebar .box-widget{ border-bottom: 1px dotted #BBB;}
#sidebar .box-widget ul{ margin: 0px; padding: 0 0 0 10px; list-style: none;}
#sidebar .box-widget a{ color: #022E53; text-decoration: none; padding: 5px 0; display: block; position: relative;}
#sidebar .box-widget a:hover{ color: #999;}

.box-banner-ads-sidebar{ display: block; width: 100%; float: left; clear: both; position: relative; margin: 25px 0;}
.box-banner-ads-sidebar a{display: block; width: 100%; float: left; clear: both; position: relative;}
.box-banner-ads-sidebar img{ display: block; width: 100%; float: left; clear: both; position: relative;}

/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/* comentarios */
#comentarios{ padding: 20px 0 0 0; float: left; clear: both; position: relative; margin-top: 30px; width: 100%;}
#comentarios h2{ color: #900; text-align: right; }
#comments_section{ float: left; clear: both; position: relative; list-style: none; padding: 0px; margin: 0px; width: 100%;}
#comments_section .comment{ margin-bottom: 20px; padding: 10px 0 0 0; border-top: 1px solid #efefef; float: left; clear: both; position: relative; width: 100%; display: block;}
#comments_section .comment .comment{ padding: 10px 0 0 0px;}



.comment-author{ display: block; position: relative; clear: both; width: 100%; float: left; margin: 0 0 10px 0;}
.comment-author img{ float: left; clear: both; margin-bottom: 5px; position: relative; border: 1px solid #000;}

.comment-author .linha-autordiz{float: left; clear: both; position: relative; font-size:15px; font-style: italic;}
.comment-author .linha-autordiz a{ text-decoration: none; color:#333;}
.comment-meta{ position: absolute; top:10px; right: 5px;}

.comment-content{margin: 10px 0 0 0;}
.comment-content p{ text-align: justify;}


#comments_section ul.children{ margin: 30px 0 0 0; padding: 0 0 0 20px;/*  float: left; clear: both;  */position: relative; list-style: none; }
#comments_section ul.children li{ margin: 0px;}
.comment-body{ display: block; clear: both; position: relative; float: left;}
.comment-body .comment-author{ float: left; position: relative; margin: 0 10px 10px 0;}


a.comment-reply-link{ padding: 5px 10px; background: #E77300; color:#000; border: none; font-size:14px; margin: 10px 0; float: left; clear: both; position: relative; text-decoration: none; -moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
a:hover.comment-reply-link{ background: #F90; color: #000!important;}

#respond{ float: left; clear: both; position: relative; margin: 20px 0; width: 100%;background: url('images/border-slider-post.jpg') no-repeat center top; padding: 20px 0 0 0;}
#respond h2{ color: #900; font-family: 'Open Sans Condensed', sans-serif; text-align: left;margin-bottom: 10px;}


.formComments{ float: left; clear: both; position: relative; width: 100%; margin:0 0 30px 0;}
.formComments input[type='text']{ padding: 10px 10px; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; border: 1px solid #ccc; width: 600px; height: 25px; margin: 2px 0; color: #666;}

.formComments input[type=submit]{ -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; border: 1px solid #eaeaea; color:#000; background: #E77300; padding: 10px 15px; border: none; font-size: 15px; font-weight: normal; cursor: pointer;}

.formComments textarea{width: 600px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; border: 1px solid #ccc; padding: 10px 10px;}

.titComentario{ color: #000!important; font-family: 'Open Sans Condensed', sans-serif!important; font-size: 20px;}


/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/

ul.page-numbers{ padding: 0px; float: left; clear: both; position: relative; display: block; margin: -20px 0 20px 0; list-style: none; border: 1px solid #939393; border-radius:5px;}
ul.page-numbers li{ float: left; position: relative;  border-left:1px solid #939393!important; line-height: 29px;}
ul.page-numbers li:first-child{ border-left: none!important; }
ul.page-numbers li a{ color: #000;padding: 3px 8px; text-decoration: none;}
ul.page-numbers li span{padding: 3px 8px;}
ul.page-numbers li a:hover{ color: #fff; background: #000;padding: 3px 8px;}


/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/


img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left;}