/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
color:#222;
font-size:0.9em;
line-height:1.4;
}

::-moz-selection {
background:#b3e1ef;
text-shadow:none;
}

::selection {
background:#b3e1ef;
text-shadow:none;
}

hr {
display:block;
height:1px;
border:0;
border-top:1px solid #0670A1;
margin:1em 0;
padding:0;
}

audio,
canvas,
iframe,
img,
svg,
video {
vertical-align:middle;
}

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

textarea {
resize:vertical;
}

.browserupgrade {
margin:0.2em 0;
background:#ccc;
color:#000;
padding:0.2em 0;
}


/* ===== Initializr Styles ==================================================
Author:Jonathan Verrecchia - verekia.com/initializr/responsive-template
========================================================================== */

body {
font:16px/24px Helvetica, Helvetica Neue, Arial;
}

.wrapper {width:90%;margin:0 5%;}

/* ==========================================================================
Adilsons's custom styles
========================================================================== */
.texto {
font-weight: 400;
border: 0 none;
background: none repeat scroll 0 0 transparent;
color: #008CCC;
width: 9.2em;
word-wrap: break-word;
height: 40px;
margin: 0;
padding: 0;
}

h1, h2, h3, h4{
color:#058BBC;
}
h4{
	margin: 5px 0 0;
}

.header-container,.footer-container,.main aside {background:#058BBC;color:white;}

.header-container {
/* border-bottom:20px solid #058BBC; */
width:90%;
height:70px;
margin: 0 0 0 15px;
}

.header-container a {
color:white;
}

.footer-container{/* margin-bottom: 57px; */}


.footer-container,
.main aside {/* border-top:15px solid #058BBC; */height: 110px;}
.footer-container a {
color:white;
padding:20px 0;
}

.tld{
color:#fbf091;
}
.alert{
color:red;
}
html input[disabled] {
/*background-color:#99D9EA;*/
}
body {
color:#333;
background-color:#FCFEFF;
}

.logo {
width:64px;
height:64px;
margin:-12px 15px 0 0;
}
.destacado {
color:#ff6600;
}
.verbose, #verbose {
font: 10pt/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
background-color: #fff;
color: #FF9800;
border: 1px solid #008CCC;
box-shadow: 2px 2px 1px #e9f3ff;
width: 97%;
min-height: 5em;
overflow: auto;
border-radius: 3px;
border-width: 1px;
margin: .3em 0 0;
padding: .3em;
}
.formula {
color: #F60;
background-color: rgb(221, 247, 255);
border-radius: 0px;
box-shadow: 1.5px 1.5px 1px #E9F3FF;
line-height: 280%;
font-size: 1.1em;
padding: 0.7em 0.5em 0.5em;
border: 1px solid #BAD2DB;
border-radius: 3px;
}
h2 {
font-size:1.5em;
}
.HrHeader {
    font-weight: 400;
    margin-bottom: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-bottom: 1px dotted #008CCC;
    text-align: left;
    padding: .1em;
}
td, th {
padding: 0 0.2em;
}

table.lin1 {
    border-spacing: 0;
    max-width: 728px;
}
table.lin1 th {
    font-weight: 700;
    padding: .2em;
}
table.lin1 tr:nth-child(even) {
    color: #008CCC;
    background: #FFF;
}
table.lin1 tr:nth-child(odd) {
    color: #f60;
    background: #e9f3ff;
}

.bulletul{
padding-left: 1em; 
text-indent: -.8em;
}
.bullet { 
list-style: none;
padding:0;
margin:0;	
}

.bullet:before {
content: "• ";
color: #058bbc;
}

.age{
background-color:#99d9ea;	
}
.gender {
width:50px;
}

/*
Draw the scale
*/

.scale-container{
border:1px solid #d3d3d3;
overflow:auto;
padding:0 5px 23px;
border-radius:3px;
/* background-color:#f1f1f1; */
}

.scale {
/*height:20px; */
width:100%;
margin:-6px 0;
/* overflow:hidden; */
background-color:transparent;
border-radius:3px;
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
}
.bmi-pointer{
width:100%;
margin-left:-0.5em; /*compensa a largura da seta*/
}
.bmi-bar {
float:left;
width:0;
height:100%;
padding:3px 0 3px 0;
padding:3px 0 3px 0;
/*font-family:Arial Narrow, Arial, sans-serif;*/
font-size:12px;
line-height:20px;
color:#fff;
text-align:center;
background-color:#337ab7;
-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
-webkit-transition:width .6s ease;
-o-transition:width .6s ease;
transition:width .6s ease;
}

.bmi-bar-sunder {
color:#fff;
background-color:#FFA52D;}
.bmi-bar-under {
color:#000;
background-color:#fbf091;
}
.bmi-bar-normal {
color:#fff;
background-color:#36A73A;
}
.bmi-bar-overweight {
color:#000;
background-color:#fbf091;
}
.bmi-bar-obese {
color:#fff;
background-color:#F66;
}


.bf-bar-under {
color:#000;
background-color:#fbf091;
}
.bf-bar-healthy {
color:#fff;
background-color:#36A73A;
}
.bf-bar-overfat {
color:#000;
background-color:#fbf091;
}
.bf-bar-obese {
color:#fff;
background-color:#F66;
}


.down-arrow {
display:inline-block;
font:normal normal normal 16px/2 verdana;
/*margin-bottom:-2px;*/
font-size:100%;
text-rendering:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.legend {
font-size:11.2px;
}
.suwL{
background-color:#FFA52D;
color:#fff;padding:3px;
border-radius:3px;
}
.swL{
background-color:#fbf091;
padding:3px;
border-radius:3px;
}
.owL{
background-color:#fbf091;
padding:3px;
border-radius:3px;
}

/*Body fat classes*/
.bf-essencial {
color:#000;
background-color:#E6F8FF;}

.bf-athletic {
color:#fff;
background-color:#FFD72D;}

.bf-good {
color:#fff;
background-color:#36A73A;
}
.bf-acceptable {
color:#fff;
background-color:#138116;
}
.bf-overfat {
color:#000;
background-color:#fbf091;
}
.bf-obese {
color:#fff;
background-color:#F66;
}

@media only screen and (max-width:480px) {
.legend{
font-size:12px;
margin-left:-12px;
}
}
@media only screen and (max-width:375px) {
.legend{
font-size:11.5px;
margin-left:-10px;
}
}
@media only screen and (max-width:360px) {
.legend{
font-size:9.7px;
margin-left:0;
}
}


/*  SECTIONS  */
.section {
clear:both;
padding:0;
margin:0;
}

/*  
COLUMN SETUP 
*/
.col {
display:block;
float:left;
margin:1% 0 1% 1.6%;
}
.col:first-child { margin-left:0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1;

/* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
width:100%;
}
.span_3_of_3 {
width:100%;
}
.span_4_of_4 {
width:100%;
}
.span_5_of_5 {
width:100%;
}
.span_1_of_2 {
width:49.2%;
}
.span_1_of_3 {
width:32.1%;
}
.span_1_of_4 {
width:23.5%;
}
.span_1_of_5 {
width:18.5%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
.nav {
width:100%;
}
.logo {
width:60px;
}

@media only screen and (max-width:480px) {
	.col { 
	margin:1% 0 1% 0%;
	}

	.title {
	font-size:1.4em;
	}
	.span_1_of_2, .span_1_of_3 { width:100%; }

	.span_1_of_4,.span_1_of_5 { width:50%; }

	.formula {
		font-size: 1em;
	 }

	#q, #converted {
	 font-size: 0.8em;
	}
}

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

.title {
	font-size:1.3em;
}
.logo {
width:48px;
height:48px;
margin:-12px 15px 0 0;
}
.header-container {
height:65px;
}

.span_1_of_2, .span_1_of_3 { width:100%; }

.span_1_of_4,.span_1_of_5 { width:50%; }

.calculator {width:100%;}

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

.span_1_of_2, .span_1_of_3, .span_1_of_4,.span_1_of_5 { width:100%; }

}


.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
margin-bottom:40px;
position:inherit;
}

a{
text-decoration:none
}

select {
color:#ff6600;
font-weight:bold;
background:#fff;
background-image:url(/images/arrow64.png);
background-position:100% center;
background-size:15px 25px;
background-repeat:no-repeat;
border:1px solid #3E81B4;
/*box-shadow:2px 2px 1px #C0C0C0;*/
line-height:22.5px;
height:26px;
border-radius:0;
padding:0 20px 0 5px!important;
-webkit-appearance:none!important;
-moz-appearance:none;
text-indent:.01px;
font-size:14px;
border-radius:3px;
}

input {
padding:3px 5px 3px 5px!important;
margin:5px 0 5px;
font-weight:700;
border:1px solid #058BBC;
background-color:#fff;
color:#f60;
-webkit-border-radius:0;
border-radius:3px;
/*-moz-box-shadow:inset 0 1px 0 0 #C0C0C0;
-webkit-box-shadow:inset 0 1px 0 0 #C0C0C0;
box-shadow:2px 2px 1px #C0C0C0;*/
font-size:0.8em;
/*box-shadow:1.5px 1.5px 1px #c0c0c0;*/
line-height:22.5px;
height:20px;}


/*==========================================================================
Media Queries
========================================================================== */

@media only screen and (min-width:768px) {

/* ====================
WIDE:CSS3 Effects
==================== */

.header-container,
.main aside {
		-webkit-box-shadow:0 5px 10px #D3D3D3;
		-moz-box-shadow:0 5px 10px #aaa;
		box-shadow:0 3px 5px #aaa;
}

/* ============
WIDE:Menu
============ */

.title {
font-size: 1.5em;
margin: 0;
padding-top: 1em;
/* margin: 0 0 0 60px; */
}

/* ============
WIDE:Main
============ */

.main article {
		float:left;
		width:57%;
}

.main aside {
		float:right;
		width:28%;
}
}

@media only screen and (min-width:1140px) {

/* ===============
Maximal Width
=============== */

.wrapper {
		width:1026px; /* 1140px - 10% for margins */
		margin:0 auto;
}
}


/*
Floating menu based on concise
*/

.nav {
font-family:inherit;
font-size:1em;
/*height:60%;*/
position:fixed;
right:0;
top:0;
bottom:0;
-webkit-transition:visibility 0s 0.7s;
transition:visibility 0s 0.7s;
visibility:hidden;
width:20em;
z-index:2;
}
@media only screen and (max-width:480px) {

.nav {
width:95%;
}
}
.nav-button {
height: 50px;
position: fixed;
top: 10px;
/* right: 0; */
/* left: 22px; */
overflow: hidden;
text-indent: 100%;
-webkit-transition: background-color 150ms, -webkit-transform 0.5s;
transition: background-color 150ms, -webkit-transform 0.5s;
transition: transform 0.5s, background-color 150ms;
transition: transform 0.5s, background-color 150ms, -webkit-transform 0.5s;
white-space: nowrap;
width: 50px;
z-index: 3;
background-color: #058BBC;
}

:root {
-ms-overflow-style:-ms-autohiding-scrollbar;
overflow-y:scroll;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
text-size-adjust:100%;
}

*,
::after,
::before {
box-sizing:inherit;
color:inherit;
font-family:inherit;
font-size:inherit;
line-height:inherit;
text-decoration:inherit;
/* vertical-align:inherit; */
}
.nav-button .nav-icon {
background-color:#EEE;
bottom:auto;
height:3px;
left:50%;
position:absolute;
right:auto;
top:50%;
-webkit-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
-webkit-transition:0.5s;
transition:0.5s;
width:22px;
}

.nav ul {
padding-left:0;
margin-bottom:16px;
}


.nav-button:focus {
outline:0
}
.nav-button:focus .nav-icon,
.nav-button:hover .nav-icon {
background-color:#FFFFFF
}
.nav--open .nav-button:focus .nav-icon,
.nav--open .nav-button:hover .nav-icon {
background-color:transparent
}

.nav-button .nav-icon::before,
.nav-button .nav-icon::after {
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
background-color:inherit;
content:'';
height:100%;
right:0;
position:absolute;
top:0;
-webkit-transform:translateZ(0);
transform:translateZ(0);
-webkit-transition:width 0.5s, top 0.3s, -webkit-transform 0.5s;
transition:width 0.5s, top 0.3s, -webkit-transform 0.5s;
transition:transform 0.5s, width 0.5s, top 0.3s;
transition:transform 0.5s, width 0.5s, top 0.3s, -webkit-transform 0.5s;
width:100%
}
.nav-button .nav-icon::before {
-webkit-transform:translateY(-6px);
transform:translateY(-6px)
}
.nav-button .nav-icon::after {
-webkit-transform:translateY(6px);
transform:translateY(6px)
}

.nav .logo {
height:90px;
display:inline-block;
margin-bottom:60px;
width:100%;
text-align:center
}
.nav a {
color: #058bbc;
letter-spacing: .75px;
/* text-transform: uppercase; */
}
.nav a.active,
.nav a:hover,
.nav a:focus {
color:white
}
.nav a.active {
font-weight:bold
}
.nav li {
list-style:none
}
.nav ul:last-of-type {
margin-bottom:20px
}
.nav h2 {
color:#058BBC;
margin-bottom:20px;
margin-top:0;
font-size:1.4em
}
.nav .nav-wrapper {
background-color:#b3e1ef;;
height:80%;
border: 1px solid #94a9ac;
overflow-y:auto;
padding:20px 1em;
-webkit-transform:translate(100%, 0);
transform:translate(100%, 0);
-webkit-transition:-webkit-transform 0.7s;
transition:-webkit-transform 0.7s;
transition:transform 0.7s;
transition:transform 0.7s, -webkit-transform 0.7s;
}

.nav--open .nav .nav-wrapper {
-webkit-transform:translateX(0);
transform:translateX(0);
-webkit-transition:-webkit-transform 0.5s;
transition:-webkit-transform 0.5s;
transition:transform 0.5s;
transition:transform 0.5s, -webkit-transform 0.5s;
}
.nav--open .nav {
-webkit-transition:visibility 0s 0s;
transition:visibility 0s 0s;
visibility:visible
}

.nav--open .nav-icon {
background-color:transparent;
}

.nav--open .nav-icon::after,
.nav--open .nav-icon::before {
-webkit-transition:-webkit-transform 0.5s;
transition:-webkit-transform 0.5s;
transition:transform 0.5s;
transition:transform 0.5s, -webkit-transform 0.5s;
background-color:#FFFFFF
}
.nav--open .nav-icon::before {
-webkit-transform:rotate(45deg);
transform:rotate(45deg)
}
.nav--open .nav-icon::after {
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg)
}

.nav h3{
margin:0;
color:#058BBC;
}	


/*
Calculator Ajustments
*/

.calculator {
max-width: 390px;
background-color:#EDFAFF;
background:-moz-linear-gradient(center top , #D9F7FF 0px, #E6F8FF 100%) repeat scroll 0% 0% #D2E6FF;
border:1px solid #BAD2DB;
padding:0 3px 8px 3px;
border-radius:4px;}

.calcHeader {
padding:.2em .1em .1em 0;
text-align:center;
background:#B3E1EF;
margin:.5em 0 .5em;
-webkit-appearance:none;
-moz-appearance:none;
font-weight:bold;
border-radius:3px;
}

.btn {
color: #FCFEFF;
font-size: 16px;
line-height: 1;
border: none;
background: #058BBC;
padding: 5px 10px !important;
border-radius: 8px;
cursor: pointer;
font-weight: lighter;
}

.btn:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
background-color:#0061a7;
}
.btn:active {
position:relative;
top:1px;
}

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

.calculator {
width:350px;

}
}

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

.calculator {
width:360px;margin:0 0 0 -12px;
}

h1 {
font-size:1.5em;
}

}	

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

.calculator {width:350px;margin:0 0 0 -10px;}

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

.calculator {width:340px;margin-left:-13px;}
}

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

.calculator {width:308px;margin-left:-14px;}

}


/* ==========================================================================
Helper classes
========================================================================== */

.hidden {
display:none !important;
visibility:hidden;
}

.visuallyhidden {
border:0;
clip:rect(0 0 0 0);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip:auto;
height:auto;
margin:0;
overflow:visible;
position:static;
width:auto;
}

.invisible {
visibility:hidden;
}

.clearfix:before,
.clearfix:after {
content:" ";
display:table;
}

.clearfix:after {
clear:both;
}

.clearfix {
*zoom:1;
}

/* ==========================================================================
Print styles
========================================================================== */

@media print {
*,
*:before,
*:after {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
}

a,
a:visited {
		text-decoration:underline;
}

a[href]:after {
		content:" (" attr(href) ")";
}

abbr[title]:after {
		content:" (" attr(title) ")";
}

a[href^="#"]:after,
a[href^="javascript:"]:after {
		content:"";
}

pre,
blockquote {
		border:1px solid #EEE;
		page-break-inside:avoid;
}

thead {
		display:table-header-group;
}

tr,
img {
		page-break-inside:avoid;
}

img {
		max-width:100% !important;
}

p,
h2,
h3 {
		orphans:3;
		widows:3;
}

h2,
h3 {
		page-break-after:avoid;
}
}