/* 
Document   : Site FitBr Feira de Santana
Author     : Webfeira
*/
/*---------- CSS Reset ----------*/

*{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}

a {
  color:inherit;
  text-decoration:none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
ul li {
  list-style:none;
}
/*======================================
=            PADRÕES DE CSS            =
======================================*/

h1 {
  font-size:22px;
  font-family:'CenturyGothic';
  color:#01678D;
  margin-bottom:15px;
  margin-top:15px;
  font-weight:bold;
}
h2 {
  font-size: 25px;
  font-weight: 300;
}
h3 {
  font-size: 20px;
  font-weight: 300;
}
h4 {
  font-size: 15px;
  font-weight: 300;
}
/* forms */
.input {
  width: 300px;
  height: 45px;
  background-color: #F4FBFD;
  border: 1px solid #A2C9E6;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  padding-left: 10px;
}
.textarea {
  width: 300px;
  min-height: 145px;
  background-color: #F4FBFD;
  border: 1px solid #A2C9E6;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  padding-left: 10px;
}


/* botões */
.buttom {
  width: 140px;
  height: 41px;
  font-size: 18px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  color: #fff;
  background: url(../imagens/bg-bt.jpg) center top no-repeat;
}
.buttom:hover {
  background: url(../imagens/bg-bt.jpg) center bottom no-repeat;
  color:#01678D;
}
.buttom a {
  width: 140px;
  height: 41px;
  display: block;
}
.titulo {
  width: 1002px;
  height: 37px;
  margin: 25px 0 25px 0;
  background: url(../imagens/bg-titulo.png) left repeat-x;
  clear:both;
}
.titulo h1 {
  height: 37px;
  display:block;
  background-color: #FFF;
  padding: 0 5px 0 5px;
  color: #122B53;
  text-align: center;
  margin:0 auto;
  max-width: 350px;

}
.titulo-geral {
  width: 1002px;
  height: 37px;
  margin: 25px 0 25px 0;
  background: url(../imagens/bg-titulo.png) left repeat-x;
  font
  clear:both;
}
.titulo-geral h1 {
  height: 37px;
  display:block;
  background-color: #FFF;
  padding: 0 30px 0 5px;
  color: #122B53;
  text-align: center;
  float: left;
  max-width: 550px;
  line-height: 30px;
}

p {
  color:#666666;
  font-size:12px;
  font-family:Verdana, Geneva, sans-serif;
}

.top25 {
	margin-top:25px;
}
/*-----  End of PADRÕES DE CSS  ------*/

.clear {
  clear:both;
}

/*fixing firefox bug */
div:after,
ol:after,
form:after,
ul:after,
dl:after, {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
  overflow:hidden;
}

html, body, .conteudo {
  height: 100%;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  color: #666666;
}
.conteudo {
  width:1002px;
  height: auto;
  margin:0 auto;
  margin-bottom:40px;
  margin-top: 20px;
}


/*.main {
overflow:auto;
padding-bottom: -257px;
}   deve ter a mesma altura do rodape */

/*---------- CSS Font Face ----------*/
@font-face {
  font-family: 'CenturyGothic';
  src: url('../fontes/gothic.eot');
  src: url('../fontes/gothic.eot?#iefix') format('embedded-opentype'),
  url('../fontes/gothic.woff') format('../fontes/woff'),
  url('../fontes/gothic.ttf') format('truetype'),
  url('../fontes/gothic.svg#gothic') format('svg');
  font-weight:300;
  font-style: 100%;
}

/*---------- Topo Index ----------*/

.topo-index {
	width:auto;
	height:595px;
	background:url(../imagens/bg-topo.jpg) center no-repeat;
	border-bottom:5px solid #E2ECF1;
	margin:0 auto;
}
.topo-linha {
	border-bottom:5px solid #E2ECF1;
}
.topo {
	width:1002px;
	margin:0 auto;
}

.logo {
	float:left;
	display:block;
	margin-top:3px;
}

.login {
	display:block;
	float:right;
}
.menu {
	width:700px;
	height:86px;
	display:block;
	float:right;
	background-color:#F2F2F2;
	margin-top:14px;
}

.menu li{
  display: block;
  float: left;
  font-size: 14px;
  font-family: 'CenturyGothic';
  color: #838383;
  margin-top: 8px;
  padding-top: 23px;
  padding-left: 18px;
  padding-right: 17px;
}

.menu li:hover {
	color:#2185C5;
}

.blue-line {
	width:700px;
	background-color:#2185C5;
	height:3px;
}

.banner {
	display:block;
	float:left;
	margin-top:28px;
}
.flex-caption{
	width:96%;
	font-family:'CenturyGothic';
	padding:2%;
	position:absolute;
	left:0;
	top:0;
	background:rgba(0,0,0,0.6);
	color:#fff;
	text-align:center;
	text-shadow:1px 1px 1px rgba(0,0,0,0.65);
	font-size:25px;
	line-height:18px
}


/**** Topo Index *****/
.topo-site {
	width:auto;
	height:180px;
	background:url(../imagens/bg-topo.jpg) center no-repeat;
	border-bottom:5px solid #E2ECF1;
	margin:0 auto;
}


/**** Conteudo Index ****/
.line-bottom {
	display:block;
	background: url(../imagens/bl-bt-line.jpg) no-repeat bottom center;
	padding-bottom:50px;
}

.box1 {
	float:left;
	display:block;
	width:450px;
	border-right:1px solid #00A1D9;
	padding-right:50px;
}

.box1 li {
	display:block;
	float:left;
}

.box1 aside {
	float:left;
	display:block;
	width:340px;
	color:#01678D;
	font-size:16px;
	margin-top:26px;
	margin-left: 10px;
}

.box1 figure {
	float:left;
	display:block;
	background: #E2ECF1;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	width: 100px;
	height: 100px;
}

.box1 aside:hover {
	text-decoration:underline;
}

.box2 {
	float:left;
	display:block;
	width:450px;
	margin-left:50px;
}

.box2 li {
	display:block;
	float:left;
	height:110px;
}

.box2 aside {
	display:block;
	float:left;
	width:350px;
	margin-top:5px;
}
.box2 figure {
	float:left;
	display:block;
	margin-right:17px;
}

.box2 span {
	color:#00668C;
	font-weight:bold;
	font-size:14px;
}

.box3 {
	display:block;
	float:left;
	width:450px;
	padding-right:50px;
	border-right:1px solid #00A1D9;
}

/* Conteudo Index */

.bloco01 {
  width: 501px;
  float:left;
  display:block;
  border-right:1px solid #00A1D9;
}

.bloco01 figure {
	display:block;
	float:left;
	background:#E2ECF1;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	width:100px;
	height:100px;
}

.bloco01 aside span {
	font-size:20px;
	font-family:'CenturyGothic';
	color:#01678D;
	margin-bottom:5px;
	font-weight:bold;
}

.bloco01 aside {
	display:block;
	float:left;
	font-size:18px;
	font-family:'CenturyGothic';
	color:#01678D;
	margin-top:30px;
	margin-left:10px;
	margin-right:10px;
	width:370px;
}

.bloco01 ul li {
	display:block;
	float:left;
	width:500px;
	height:120px;
	height:auto;
	margin-bottom:15px;
}

.right {
	float:right;
	text-align:right;
}

.bloco02 {
  width: 470px;
  float:left;
  display:block;
  background:url(../imagens/bl-bt-line.jpg) no-repeat bottom center;
}

.bloco02 ul li {
	display:block;
	float:left;
	width:150px;
	height:70px;
	text-align:center;
	margin-top:8px;
}

.bloco03 {
  width: 501px;
  height: auto;
  float:left;
  display:block;
  border-right:1px solid #00A1D9;
}


/* Roda Pé */

footer {
	width:1002px;
	margin:0 auto;
	margin-top:90px;
	border-top:1px solid #CFE0E9;
	height:100px;
}

footer .mail {
	display:block;
	float:left;
	margin-top:15px;
}

footer .fone {
	display: block;
	float:right;
	font-family:'CenturyGothic';
	font-size:12px;
	font-weight:bold;
	color:#91AA9D;
	margin-top:8px;
}

footer .fone a:hover {
	text-decoration:underline;
}
/* Sobre Nós */

.bloco05 {
  width: 500px;
  margin-right: 25px;
  float:left;
  display:block;
  padding-right: 20px;
  padding-bottom: 50px;
  border-right:1px solid #00A1D9;
  background:url(../imagens/bl-bt-line.jpg) no-repeat bottom center;
  text-align:justify;
}

.bloco05V2 {
  width: 500px;
  margin-right: 25px;
  float:left;
  display:block;
  padding-right: 20px;
  padding-bottom: 50px;
  border-right:1px solid #00A1D9;
  text-align:justify;
}

.bloco06 {
	width: 400px;
  margin-left: 25px;
  float:left;
  display:block;
  padding-bottom: 50px;
  background:url(../imagens/bl-bt-line.jpg) no-repeat bottom center;
  text-align:justify;
  padding-bottom:86px;

}
.bloco06V2 {
  width: 400px;
  margin-left: 25px;
  float:left;
  display:block;
  padding-bottom: 50px;
  text-align:justify;
  padding-bottom:86px;

}

.carrousel {
	width:1002px;
	margin:0 auto;
	margin-top:20px;
}

.bloco04 figure {
	display:block;
	float:left;
	background:#E2ECF1;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	width:77px;
	height:77px;
}

.bloco04 {
  width: 370px;
  float:left;
  display:block;
  margin-left:25px;
}

.bloco04 aside span {
	font-size:14px;
	font-family:'CenturyGothic';
	color:#01678D;
	margin-bottom:5px;
	font-weight:bold;
}
.bloco04 aside {
	display:block;
	float:left;
	font-size:12px;
	font-family:'CenturyGothic';
	color:#01678D;
	margin-left:10px;
	margin-right:10px;
	width:270px;
}

.bloco04 ul li {
	display:block;
	float:left;
	width:370px;
	height:120px;
	height:auto;
	margin-bottom:15px;
}

/* Cidades */

.categorias ul {
	display:block;
	width:1002px;
	height:auto;
	margin-top:20px;
}
.categorias li {
	float:left;
	margin:10px 38px 5px 5px;	
	width:458px;
	height:201px;
	display:block;
}
.categorias span {
	display:block;
	width:490px;
	height:65px;
	position:relative;
	bottom:68px;
	background-color:#222;
	opacity:0.70;
	-moz-opacity: 0.70;
	-webkit-moz-opacity: 0.70;
	filter: alpha(opacity=70);
}
.categorias p {
	font-size:25px;
	color:#fff;
	line-height:65px;
	position:absolute;
	left:15px;
	z-index:5;
}

.categorias li:hover {
	filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	-webkit-filter: grayscale(0);
}
.categorias li {
	filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-webkit-filter: grayscale(1);
}


/****** Empresas *****/

.box-lojas {
	display:block;
	float:left;
	width:900px;
	margin-top:20px;
}
.box-lojas figure {
	display:block;
	float:left;
	margin-top:10px;
	background:#E2ECF1;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	width:100px;
	height:100px;
}

.box-lojas aside span {
	font-size:20px;
	font-family:'CenturyGothic';
	color:#01678D;
	margin-bottom:5px;
	display: block;
}

.box-lojas aside {
	display:block;
	float:left;
	font-size:18px;
	font-family:'CenturyGothic';
	color:#01678D;
	margin-left:10px;
	margin-right:10px;
	width:780px;
}

.box-lojas ul li {
	display:block;
	float:left;
	width:900px;
	height:120px;
	height:auto;
	margin-bottom:15px;
}

.box-lojas .informacoes {
	width:191px;
	height:46px;
	float:left;
	margin-top: 15px;
	margin-right:18px;
	background-color:#4A6475;
	/* Firefox v1.0+ */
	-moz-border-radius:7px;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:7px;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:7px;
}

.informacoes span {
	display:block;
	float:left;
	margin-top: 4px;
	margin-left: 7px;
	margin-right: 5px;;
}

.informacoes p {
	color:#E2ECF1;
	height: 46px;
	line-height: 46px;
	font-size:12px;
	font-family:'CenturyGothic';
}

.pp {
	background:url(../imagens/bg-bt-pp.png) no-repeat center;
	width:38px;
	height:38px;
}
.sv {
	background:url(../imagens/bg-bt-sv.png) no-repeat center;
	width:45px;
	height:36px;
}
.oi {
	background:url(../imagens/bg-bt-oi.png) no-repeat center;
	width:34px;
	height:38px;
}
/******* Contato *********/
.bloco08 {
  width: 350px;
  height: auto;
  margin-right: 52px;
  float:left;
  display:block;
}
.bloco09 {
  width: 600px;
  height: auto;
  float:left;
  display:block;
}

.bloco09 h3 {
  color: #122B52;
}
.bloco09 p {
  font-size: 11px;
  margin-top:8px;
}
.bloco08 li {
  margin: 0 0 15px 0;
}
.bloco09 li {
  margin: 9px 0 40px 0;
}
.bloco09 li h3 {
  line-height: 0;
}
.mapa {
  width: 602px;
  height: 225px;
  background-color: #F4FBFD;
  border: 1px solid #A2C9E6;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;

}
.mapa iframe {
  margin: 12px;
}
.mapa {
  margin-top: 20px;
}
.bloco08 .buttom {
  float: right;
  margin-right: 45px;
}

/*--- Serviços ---*/

.conteudo-servico {
  width:854px;
  height:100%;
  height: auto;
  margin:0 auto;
  margin-top: 10px;
}

table {
	border-collapse: separate;
	border-spacing: 2px;
}

.total {
	border:4px solid #4B4B4D;
	padding:10px;
}

.titulo td {
	text-align:center;
	font-weight:bold;
	background-color:#002346;
	border-bottom:1px solid #111111;
	color:#FFF;
}

.escopo td {
	background-color:#003466;
	color:#D6EBFE;
	text-align:left;
	border-bottom:1px solid #111111;
}

.prd-serv td{
	background-color:#D6EBFE;
	color:#4B4B4D;
	text-align:left;
	border-bottom:1px solid #111111;
}

.serv td {
	text-align:left;
	color:#111111;
	border-bottom:1px solid #111111;
}

.serv img {
	float:right;
	margin-right:3px;
}

.bubbleInfo {
	display:block;
	float:left;
	position: relative;
}

.popup {
  position: absolute;
  display: none; /* keeps the popup hidden if no JS available */
  z-index:99999;

}

.box-inf{
	width:450px;
	display:block;
}
.box-topo {
	background:url(../imagens/tp-tb-serv.png) no-repeat top;
	display:block;
	margin:0 auto;
	height:35px;	
}

.box-rodape {
	background:url(../imagens/rp-tb-serv.png) no-repeat bottom;
	height:35px;
	display:block;
	margin:0 auto;
}

.box-topo1 {
	background:url(../imagens/tp-tb-serv1.png) no-repeat top;
	display:block;
	margin:0 auto;
	height:35px;	
}

.box-rodape1 {
	background:url(../imagens/rp-tb-serv1.png) no-repeat bottom;
	height:35px;
	display:block;
	margin:0 auto;
}

.box-texto {
	display:block;
	width:400px;
	background:#fff;
	margin:0 auto;
}

.box-texto p {
	margin-left:6px;
}

.box-texto li {
	list-style:circle;
	font-weight:bold;
	margin-left:5px;
}

/****************** GOOOOOOOOOOOOOOO *****************/

.box2-in {
	display:block;
	height:442px;
	width:470px;
	padding-left:21px;
	padding-top:24px;
	background:#FFF;
}

.box2-in li {
	display:block;
	float:left;
	min-height:110px;
	text-align:justify;
}

.box2-in aside {
	display:block;
	float:left;
	width:350px;
	margin-top:5px;
}
.box2-in figure {
	float:left;
	display:block;
	margin-right:17px;
}

.box2-in span {
	color:#00668C;
	font-weight:bold;
	font-size:14px;
}

.processo hr {
  border: 1px solid #CCC;
  margin-bottom: 10px;
}

.processo li {
  display:block;
  margin-bottom: 20px;
}

.processo h4 {
  font-weight: bold;
  margin-bottom:4px
}
.logando {
  width:100%;
  margin: 0 auto;
  margin-top: 60px;
}
.logando label {
  display:block;
}
.txt-loga {
  height:38px;
  width:200px;
  background-color: #F4FBFD;
  border: 1px solid #A2C9E6;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  padding-left: 5px;
  margin-top: 10px;
}
.btn-loga {
  height:38px;
  width:50px;
  background-color: #F4FBFD;
  border: 1px solid #A2C9E6;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
}
.list {
  width:100%;
  display:block;
  border: 1px solid #A2C9E6;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
}
.list li {
  display:block;
  float:left;
  margin:5px 0px 10px 15px;
  text-align: center;
}
.breadcrumbs {
  display:block;
  margin-bottom: 15px;
}
.breadcrumbs a {
  text-decoration: underline;
}
.breadcrumbs a:hover{
  text-decoration: none;
}
.sobre-nos {
	color:#666666;
  font-size:12px;
  font-family:Verdana, Geneva, sans-serif;

}
.sobre-nos ul li{
  list-style: disc inside !important;
}

.sobre-nos li {
  padding: 0px;
  margin: 0 0 10px 0;
  text-align: left;
}