/****

SITE: Bhyo
DATA: 05/08/2016
VERSÃO: 1.0

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

/*
01. IMPORTAÇÕES
02. GERAL
03. TEXTO, FORMS E BOTÕES
04. ESPECÍFICO
*/

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

/***  01. IMPORTAÇÕES ***/

@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,700,700italic,400italic,300,500);

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

/***  02. GERAL ***/

body {
	font-family:'Ubuntu', Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:16px;
}

/* Reset de alguns elementos */

h1, h2, h3, h4, h5, h6, p, ul, li {
	padding:0;
	margin:0;
	line-height:100%;
	font-weight:normal;
	list-style:none;
	border-radius:0;
	box-shadow:none;
}

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

/***  03. TEXTO, FORMS E BOTÕES ***/

a {
	color:#FF7F3F;
	font-size:16px;
	text-decoration: underline;
	transition: 0.5s;
}

a:hover {
	text-decoration: none;
	color:#FF7F3F;
}

p {
	line-height:150%;
	margin-bottom:15px;
}


h2 {
	color:#063D67;
	font-size:30px;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:10px;
}

h3 {}

h4 {
	font-size:18px;
	font-weight:700;
}

h5 {
	border-left:6px solid #FF8040;
	font-size:24px;
	padding-left:5px;
	margin-bottom:40px;
}

p.destaque {
	border-left:2px solid #FF8040;
	color:#063D67;
	font-size:20px;
	font-weight:700;
	padding-left:5px;
	margin-bottom:25px;
	text-transform:uppercase;
}

img.bg-imagem {
	box-shadow: 0 2px 2px #ddd;
	border:1px solid #EFEFEF;
}

.area-btn { margin:25px 0; }

.bg-cinza { background:#F6F6F6; }
.bg-branco { background:#FFF; }
.bg-azul { background:#019CBA; }

.mb05 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}

.mt05 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}

.ft-15 {font-size:15px !important;}
.ft-16 {font-size:16px !important;}
.ft-18 {font-size:18px !important;}
.ft-20 {font-size:20px !important;}

.clear { clear:both;}
.cx-alta {text-transform:uppercase;}

.fw-300 {font-weight:300;}
.fw-400 {font-weight:400;}
.fw-500 {font-weight:500;}
.fw-700 {font-weight:700;}

label {
	font-size:16px;
	color:#333;
	font-weight:400;
	line-height:180%;
}

.form-control {
    border: 1px solid #EBEBED;
    border-radius: 8px;
	box-shadow: none;	
    color: #9D9D9D;
    font-size: 16px;
	font-weight:300;
	height:40px;
	line-height:40px;
}

.form-control:focus {
    border-color: #019CBA;
	color:#019CBA;
	box-shadow: none;	
}

.btn-default {
	border:none;
	border-radius:50px;
	font-size:14px;
	display:inline-block;
	padding:0px 25px;
	font-weight:700;
	text-transform:uppercase;
	height:45px;
	line-height:45px;
	box-shadow:0 1px 4px #888;
	text-decoration:none;
}

.btn-default:hover {
	transition: .2s;
	background:#9A9AA2;	
	color:#fff !important;
}

.btn-default i {
	margin-left: 5px;
	margin-right:5px;
}

.cor-azul {
	background:#019CBA;
	color:#fff;
}

.cor-azul:hover {
	background:#018096;
}

.cor-branca {
	background:#fff;
	color:#019CBA;
}

.cor-branca:hover {
	color:#018096 !important;
	background:#fff;
}

hr {
    border-top: 4px solid #FF8040;
    content: "";
    display: block;
    height: 1px;
    margin: 12px auto 50px;
    width: 100px;
}	

p.marcador {
	background:url(../img/marcador.png) no-repeat;
	padding-left:15px;
	margin-left:15px;
}

.img-right {
	float:right;
	margin: 0 0 25px 25px;
}

/* Modal */

.modal-dialog h2 {
    color: #063d67;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
}

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

/***  04. ESPECÍFICO ***/

/* Menu */

.navbar-default {
    border-color: transparent;
}

.navbar {
    border: none;
    height: auto;
    position:absolute;
    z-index:10;
    background: none;
    width:100%;	
	margin-bottom: 0px;
	top:0px;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
	font-weight:700;
	text-transform:uppercase;
	text-shadow: 0 1px 2px #444;
	font-size:13px;
	transition: 0.5s;
	text-decoration:none;
}

.nav > li > a {
    padding: 15px 10px;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li> a.active {
    color: #FF7F3F;
}

ul.navbar-right {
	margin-top:30px;
}

.navbar-nav > li.dropdown {
	margin-top:-5px;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
	color:#fff;
}

.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border:none;
    border-radius: 10px;
    box-shadow: none;
    margin: 2px 0 0;
	min-width:50px;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}

.dropdown-menu > li > a {
    clear: both;
    color: #FF7F3F;
	text-transform:uppercase;
	text-shadow: none;
	padding: 3px 10px;
	font-size:13px;
	font-weight:700;
	text-decoration:none;
}

.navbar-nav > li > .dropdown-menu {
    border-radius: 10px;
    margin-top: 0;
	opacity:0.8;
	box-shadow: 0 1px 2px #444;
}

.dropdown-menu img {
	padding-right:8px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: transparent;
    color: #D94600;
    text-decoration: none;
}

/* Banner */

section#banner {
	z-index:50;
}

section#banner > .container-fluid {
	margin:0;
	padding:0;
}

#banner-carousel {
    position:relative;
    top:0;	
}

#banner-carousel h3 {
	color:#fff;
	font-size:40px;
	font-weight:700;
	text-shadow:0 0 2px #454545;
	border:none;
}

#banner-carousel .carousel-caption {
    padding-bottom: 300px;
}

section#banner-interno {
	z-index:50;
}

section#banner-interno > .container-fluid {
	margin:0;
	padding:0;
}

#banner-interno .area-imagem {
    position:relative;
    top:0;	
}

/* Seções geral */

section.sec-padrao {
	padding:50px 0;
}

section.sec-padrao a {
	cursor: pointer;
}

/* Diferenciais */

section.nossos-diferenciais-home {
	padding:50px 0 0 0;
}

.item-diferencial {
	overflow:hidden;
	margin-bottom:40px;
}

.item-diferencial img {
	float:left;
	width:71px;
	margin-right:15px;
}

.item-diferencial .conteudo-item-diferencial {
	margin-left:10px;
	overflow:hidden;
}

.item-diferencial h4 {
	border-bottom:1px solid #B4C4D1;
	padding-bottom:6px;
	margin-bottom:10px;
}

.item-diferencial p {
	color:#9F9F9F;
}

/* Projetos */

.item-projeto {
	background:#019CBA;
	height:364px;
	width:980px;
	margin:0 auto
}

.item-projeto .imagem-item-projeto  {
	float:left;
	width:490px;
	overflow:hidden;
	display:block;
}

.item-projeto .conteudo-item-projeto {
	width:490px;
	padding:40px 20px 0 20px;
	float:left;
}

.item-projeto .conteudo-item-projeto h4 {
	color:#063D66;
	text-transform:uppercase;
	font-size:24px;
}

.item-projeto .conteudo-item-projeto hr {
	margin:12px 0 20px 0;
}
.item-projeto .conteudo-item-projeto p {
	color:#fff;
	text-shadow: 0 0 2px #555;
}

/* Parceiros */

#parceiros-carrossel  {
    margin-bottom: 0;
	padding: 0 40px 30px 40px;
}

#parceiros-carrossel .carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}

#parceiros-carrossel .carousel-indicators li {
	background: #E9BF9F;
}

#parceiros-carrossel .carousel-indicators .active {
	background: #FF8040;
}

.item-parceiro {
	width:300px;
	height:230px;
	margin-bottom:20px;
	background:#fff;
}

.item-parceiro img {
	padding-bottom:15px;
}

.item-parceiro h6 {
	padding-bottom:6px;
}

.item-parceiro a {
	color:#019CBA;
	font-size:18px;
	font-weight:700;
	text-decoration:none;
	transition: 0.5s;	
}

.item-parceiro a:hover {
	color:#063D66;	
}

/* Rodapé */

footer {
	background:url(../img/bg-rodape.png) no-repeat top center;
	width:100%;
	height:290px;
	padding:100px 0 0 0;
}

footer ul.menu, footer ul.social {
	float:right;
	text-align:right;
	margin-bottom:25px;
}

footer ul.menu li, footer ul.social li {
	float:left;
	display:inline;
	padding:0 10px;
}

footer ul.menu li a {
	color:#fff;
	font-size:12px;
	font-weight:700;
	text-shadow:0 2px 1px #444;
	text-transform:uppercase;
	transition: 0.5s;
	text-decoration:none;	
}

footer ul.menu li a:hover {
	color:#FF8040;
	text-shadow:none;
}

footer ul.social li a {
	color:#fff;
	font-size:20px;
	text-shadow:0 2px 1px #444;
	transition: 0.5s;
}

footer ul.social li a:hover {
	text-shadow:none;
	opacity:0.7;
}

footer p {
	color:#fff;
	font-size:11px;
	text-align:right;
}

.esquerdo {
    cursor: pointer;
    float: right;
    text-indent: -9999px;
	margin-top:28px;
}

.esquerdo a {
    background: rgba(0, 0, 0, 0) url("../img/esquerdo.png") no-repeat scroll 0 0;
    display: block;
    height: 42px;
    transition: all 0.2s ease 0s;
    width: 42px;
}

.esquerdo a:hover {
    opacity: 0.7;
}

/* Página áreas de atuação */

section.areas-atuacao h5 {
	font-weight:700;
	font-size:22px;
	color:#3E3E3E;
	text-transform:uppercase;
	margin-top:40px;
}

section.areas-atuacao hr {
	margin-bottom:15px;
}

section.areas-atuacao h6 {
	color:#FF7F3F;
	font-size:24px;
	margin:70px 0 50px 0;
	font-weight:700;
}
	

/* Página de parceiros */

ul.parceiro { 
	margin-top:30px;
	display:block;
	width:950px !important;
	overflow:hidden;
}

ul.parceiro li { 
	display:inline-block;
	float:left;
	width:32%;
	margin: 0 5px;
}

ul.parceiro li  h6, ul.parceiro li p {
	padding-left:10px;
	text-align:left;
}

/* Página de multimidia */

section.multimidia h5 {
	font-weight:700;
	font-size:22px;
	color:#3E3E3E;
	text-transform:uppercase;
	margin-top:40px;
	margin-bottom:20px;
}	

/* Página de formulário */

.formulario {
	margin-top:40px;
}

/* Página de quem somos */

section.galego p.marcador {
	margin-bottom:5px;
}

.item-galego {
	background:#fff;
	width:230px;
	box-shadow:0 2px 5px #bbb;
	padding:15px 10px;
	min-height:210px;
	margin:40px 0;
}

.item-galego:hover {
	box-shadow:0 0px 5px #aaa;
}

.item-galego h6 {
	color:#009BB9;
	font-size:18px;
	font-weight:700;
	text-transform:uppercase;
}

.item-galego p {
	font-style:italic;
	line-height:140%;
	margin-top:10px;
}

/* Página de projetos */

#projetos-bhyo {
	margin-top:40px;
	max-width:1100px;
}

#projetos-bhyo ul li {
	width:20%;
	padding:5px 8px;
	background:#DDEDF0;
	border:none;
	height:250px;
}

#projetos-bhyo .seta-ativo {
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #019CBA;
}

#projetos-bhyo .seta-tab-1 { margin-left:10px;}
#projetos-bhyo .seta-tab-2 { margin-left:197px;}
#projetos-bhyo .seta-tab-3 { margin-left:384px;}
#projetos-bhyo .seta-tab-4 { margin-left:571px;}
#projetos-bhyo .seta-tab-5 { margin-left:758px;}

#projetos-bhyo ul li hr {
    border-top: 4px solid #fff;
    content: "";
    display: block;
    height: 1px;
    margin: 12px 0 50px;
    width: 80px;
	margin-bottom:10px;
}	

#projetos-bhyo ul li a {
	text-decoration:none;
}

#projetos-bhyo ul li.active, #projetos-bhyo ul li:hover  {
	background:#019CBA;
}

#projetos-bhyo ul li h3 {
	color:#063D66;
	font-size:18px;
	text-transform:uppercase;
	line-height:120%;
	font-weight:bold;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: transparent;
    border-color: transparent;
    border-image: none;
    border-style: none;
    border-width: 0px;
    color: #333;
}

#projetos-bhyo ul li a p {
	color:#333;
	text-shadow: 0 1px 2px #fff;
}

#projetos-bhyo ul li.active a p, #projetos-bhyo ul li:hover a p {
	color:#fff;
	text-shadow:0 1px 2px #555;
}

.nav-tabs > li > a:hover {
    border-color: transparent;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
    text-decoration: none;
}

#projetos-bhyo .projetos {
	margin:25px 0;
}

#projetos-bhyo .projetos h4 {
	font-size:28px;
	font-weight:700;
	color:#063D66;
	margin:20px 0 25px 0;
}

#projetos-bhyo .projetos p.marcador {
	margin-bottom:5px;
	margin-left:5px;
}

#projetos-bhyo .projetos h5.pantaneiro {
	margin:40px 0 25px 0;
	border-color:#62AE10;
	font-size:24px;
	text-transform:uppercase;
	font-weight:bold;
}

#projetos-bhyo .projetos .box-projeto-pantaneiro {
	background:#62AE10;
	padding:15px;
	border-radius:5px;
	box-shadow:0 2px 4px #999;
}

#projetos-bhyo .projetos h5.amazonico {
	margin:40px 0 25px 0;
	border-color:#0FAD22;
	font-size:24px;
	text-transform:uppercase;
	font-weight:bold;
}

#projetos-bhyo .projetos .box-projeto-amazonico {
	background:#0FAD22;
	padding:15px;
	border-radius:5px;
	box-shadow:0 2px 4px #999;
}

#projetos-bhyo .projetos h5.deep {
	margin:40px 0 25px 0;
	border-color:#2B90A2;
	font-size:24px;
	text-transform:uppercase;
	font-weight:bold;
}

#projetos-bhyo .projetos h5.snorkeling, #projetos-bhyo .projetos h5.acessibilidade, #projetos-bhyo .projetos h5.karol, #projetos-bhyo .projetos h5.curiosidades, #projetos-bhyo .projetos h5.livro {
	margin:0px 0 25px 0;
	font-size:24px;
	text-transform:uppercase;
	font-weight:bold;
}

#projetos-bhyo .projetos .box-projeto-deep {
	background:#2B90A2;
	padding:15px;
	border-radius:5px;
	box-shadow:0 2px 4px #999;
}

#projetos-bhyo .projetos .box-projeto-pantaneiro h6, #projetos-bhyo .projetos .box-projeto-amazonico h6, #projetos-bhyo .projetos .box-projeto-deep h6 {
	color:#fff;
	text-transform:uppercase;
	font-size:18px;
	margin-bottom:15px;
	font-weight:700;	
}

#projetos-bhyo .projetos .box-projeto-pantaneiro span, #projetos-bhyo .projetos .box-projeto-amazonico span, #projetos-bhyo .projetos .box-projeto-deep span {
	color:#555;
	text-transform:uppercase;
	font-size:12px;
}

#projetos-bhyo .projetos .box-projeto-pantaneiro p, #projetos-bhyo .projetos .box-projeto-amazonico p, #projetos-bhyo .projetos .box-projeto-deep p {
	font-weight:700;
	margin-bottom:8px;
}

#projetos-bhyo .linha {
	background:url(../img/projetos/linha.png) repeat-x;
	width:100%;
	height:2px;
	display:block;
	margin:25px 0;
}
	
#projetos-bhyo .box-diferenciais {
	background:#fff;
	box-shadow:0 0px 10px #ccc;
	padding:20px 30px;
	margin:50px 0;
}

#projetos-bhyo .box-diferenciais h5 {
	font-size:28px;
	color:#7FCCDC;
	font-weight:700;
	margin:20px 0 50px 0;
	border:none;
}

#projetos-bhyo .item-diferencial {
	overflow:hidden;
	margin-bottom:40px;
}

#projetos-bhyo .item-diferencial img {
	float:left;
	width:71px;
	margin-right:15px;
}

#projetos-bhyo .item-diferencial .conteudo-item-diferencial {
	margin-left:10px;
	overflow:hidden;
}

#projetos-bhyo .item-diferencial h6 {
	border-bottom:1px solid #B4C4D1;
	padding-bottom:6px;
	margin-bottom:10px;
	font-size: 18px;
    font-weight: 700;	
}

#projetos-bhyo .item-diferencial p {
	color:#9F9F9F;
}

#projetos-bhyo .box-citacao {
	width:70%;
	margin:0 auto;
	margin-top:60px;
	margin-bottom:60px;
	background:#fff;
	box-shadow:0 0px 8px #ddd;
	padding:20px 20px 10px 20px;
}

#projetos-bhyo .box-citacao .bg-aspas {
	background:url(../img/img-aspas.png) no-repeat;
	width:40px;
	height:40px;
	display:block;
}

#projetos-bhyo .box-citacao p {
	font-style:italic;
	line-height:150%;
}

#projetos-bhyo .box-citacao p.autor {
	font-weight:700;
	font-style:normal;
	text-align:right;
}

#projetos-bhyo p.status {
	text-transform:uppercase;
	font-size:13px;
	font-weight:300;
	margin-top:25px;
	color:#555;
}

#projetos-bhyo p.status span {
	text-transform: none;
	font-weight:700;
	color:#FF7F3F;
	font-size:15px;
}




<p class="status">Status: <span>Em andamento</span>.</p>