@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	vertical-align: baseline;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
header, nav, section, article, aside, footer, audio, video, time, canvas, command, datalist, details, embed, figcaption, figure, hgroup, keygen, meter, output, progress, source, img {
	display : block;
}


/* Html
-------------------------------------------------------------------------------*/ 

html {
	min-height: 100%;
	min-width: 100%;
	-ms-text-size-adjust: none;
}
body{
    color:#999; /* text color */
    font-family: Roboto, Arial, Helvetica, Sans-serif;
    font-size: 14px;
    line-height: 1.4em; 
    font-weight: 100;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}
h1, h2, h3, h4, h5, h6{
    font-weight:normal;
    color: #303030; /* h color */
    line-height:1.5em;
    margin: 5px auto;
    padding: 0px;
    text-align: center;
} 

h1 {
    font-size: 26px;
    font-weight:bold;
}

h2 {
    color: #303030; /* h2 color */
    font-size: 24px;
    font-weight:bold;
}

h3 {
    color: #303030; /* h3 color */
    font-size: 18px;
    font-weight:bold;
}

h4 {
    color: #303030; /* h3 color */
    font-size: 16px;
    font-weight:bold;
}

/* links */
    a,
    a:visited,
    a:active,
    a:hover{color:#0caacd;} /* links color */
    a:hover{ text-decoration:none;}

p { 
    margin-top: 10px;
    font-weight: 100;
}


strong {
    color: #790069;
    font-weight: 600;   
}


/* RESPONSIVE IMAGES 
-------------------------------------------------------------------------------*/ 
img, picture, video, embed, src {
	max-width: 100%;
	height: auto;
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}




header {
    background: #ffffff; /* header color */
    display: block;
    clear: both;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

section {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

article {
	float: left;
    width: 60%;
}

aside { 
    float: right;
    width: 30%;
    margin: 10px 0;
}




/* Estrutura do site
-------------------------------------------------------------------------------*/
#content {
    display: block;
	clear: both;
    width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.wrapper {
    display: block;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0px;
	overflow: hidden;
}




/* Top
-------------------------------------------------------------------------------*/
.header {
    background: #fff; /* top-menu color */
    display: inline-block;
    width: 30%;
    float: left;
    height: auto;
}
.nav {
    background: #fff; /* top-menu color */
    display: inline-block;
    float: right;
    width: 60%;
    height: auto;
}
nav ul {
    text-align: center;
    margin: 20px auto;
}
nav li {
    display: inline;
}
nav a:link, nav a:visited {
    background: #303030; /* top-menu color */
    color: #fff;
    text-align: right;
    text-decoration: none;
    padding: 10px 15px;
    border: 2px solid #f1f1f1;
    box-shadow: 1px 2px 3px 1px #e0e0e0;
    border-radius: 3px;
}
nav a:hover, nav #active {
    color: #fff;
    background: #790069; /* top-menu color */
}
nav li:after {
    content: " ";
    color: #fff;
}
nav li:last-child:after {
    content: "";
}
.logo {
    margin: 5px auto;
}




/* Options
-------------------------------------------------------------------------------*/
.article {
	background: #fff;
	padding: 40px;
	margin: 20px auto;
}
.article img {
	display: block;
	width: 100%;
	height: auto;
	border: 3px solid #fff;
	box-shadow: 1px 2px 3px 1px #e0e0e0;
	margin: 10px auto;
	padding: 10px;
}
.article li {
	list-style-type: disc;
}


/* Aside
-------------------------------------------------------------------------------*/
.aside {
    margin: 15px 5px;
    padding: 10px;
    box-shadow: 1px 2px 3px 1px #e0e0e0;
    border-radius: 3px;
}
.aside h4 {
    font-size: 24px;
}
.sidebar-links a {
    background: #790069;
    border-radius: 3px;
    display: block;
    margin: 5px auto;
    padding: 8px 3px;
    color: #fff;
    text-decoration: none;
    text-align: center;
}
.sidebar-links a:hover {
    background: gray;
}


/* About
-------------------------------------------------------------------------------*/
.about {
    background: #fff;
    padding: 20px;
    border: 0px solid #DFDEDE;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}
.about img {
    width: 80px;
    height: 80px;
    border-radius: 5%;
    border: 1px solid #ffffff;
    padding: 5px;
    margin: 10px;
    display: inline-block;
    float: left;
}


/* Disclamer
-------------------------------------------------------------------------------*/
.disclamer {
    clear: both;
    display: block;
    color: #fff;
    max-width: 1280px;
    margin: 15px auto;
    border-top: 1px dotted #ccc;
    text-align: center;
}
.disclamer h4 {
    color: #fff !important;
}




/* Geral
-------------------------------------------------------------------------------*/
.left {
    text-align: left;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}
.banners {
    display: block;
    margin: 5px auto;
    text-align: center;
}
.banners img {
    display: block;
    margin: 5px auto;
    text-align: center;
}


/* Button
-------------------------------------------------------------------------------*/
.btn-links {
    display: block;
    width: 100%;
    background: #222222;
    -webkit-border-radius: 25;
    -moz-border-radius: 25;
    border-radius: 25px;
    font-family: Arial;
    color: #ffffff;
    font-size: 1.2em;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    margin: 10px auto;
    padding: 10px 15px;
}
.btn-links:hover {
    background: #f9d3aa;
    color: #222222;
}
.btn-links a {
    color: #ffffff;
    text-decoration: none;
}
.btn-links a:hover {
    color: #222222;
    text-decoration: none;
}


/* Imc
-------------------------------------------------------------------------------*/
#calculoimc {
    display: block;
    width: 100%;
    height: auto;
    margin: 20px auto;
}
#imc {
    background: #FFFFFF;
    width: 100%;
    height: auto;
    border: 0px solid #DFDEDE;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    text-align: center;
    padding: 10px;
    color: #3498db;
}
#imc .form-control {
    display: inline;
    height: 40px;
    padding: 8px 12px;
    font-size: 18px;
    color: #b1b1b1;
    background-color: #f1f1f1;
    border: 0px solid #cccccc;
    border-radius: 4px;
}
#imc .form-control:focus {
    border-color: #66afe9;
}
#imc .form-control::-moz-placeholder {
    color: #b1b1b1;
    opacity: 1;
}
#imc .form-control:-ms-input-placeholder {
    color: #b1b1b1;
}
#imc .form-control::-webkit-input-placeholder {
    color: #b1b1b1;
}
#imc .form-control[disabled], .form-control[readonly] {
    cursor: not-allowed;
    background-color: #f1f1f1;
    color: #b1b1b1;
    opacity: 1;
}
#imc .btn {
    background: #790069;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: Arial;
    color: #ffffff;
    font-size: 15px;
    text-decoration: none;
    font-weight: bold;
    padding: 10px 15px;
}
#imc .btn:hover {
    background: #ccc;
    text-decoration: none;
}
#imc .aviso {
    color: red;
    margin: 2px;
    padding: 3px;
    font-size: 14px;
    font-weight: bold;
}
#imc .peso-k {
    width: 60px;
}
#imc .alt-m {
    width: 40px;
}
#imc .alt-cm {
    width: 50px;
}
#imc .texto {
    margin: 10px auto;
    padding: 0px;
    color: #b1b1b1;
    font-size: 14px;
}
#imc .title {
    margin: 5px auto;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}
#imc input {
    font-size: 16px;
}
#imc span {
    color: #a1a1a1;
    font-weight: bold;
}
#resultados {
    display: none;
    width: 100%;
    border: 5px solid red;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 3px;
    text-align: center;
    margin: 5px auto;
}
#resultados p {
    font-size: 14px;
    margin: 5px;
    color: #B1B1B1;
}
#resultado {
    height: 25px;
}
#resultado2 {
    height: 25px;
}
#ideal {
    height: 25px;
}
#previsao {
    display: none;
    background: #fff;
    width: 100%;
    margin: 3px auto;
    border: 2px solid #DFDEDE;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    text-align: center;
    padding: 2px;
}
#previsao img {
    margin: 0 auto;
    text-align: center;
}


/* Avatar
-------------------------------------------------------------------------------*/
.avatar {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #790069, 0 2px 5px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #790069, 0 2px 5px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 0 0 3px #fff, 0 0 0 4px #790069, 0 2px 5px 4px rgba(0, 0, 0, .2);
}



/* Footer
-------------------------------------------------------------------------------*/
footer {
    clear: both;
    display: block;
    background: #790069;
    width: 100%;
    padding: 20px 0;
}
.footer {
    clear: both;
    display: block;
    color: #fff;
    max-width: 1280px;
    margin: 15px auto;
    border-top: 0px dotted #ccc;
    padding: 5px;
}
.footer ul {
    margin: 5px auto;
}
.footer a {
    color: #ffffff;
    text-decoration: none;
}









/* Colunas Geral
-------------------------------------------------------------------------------*/
.col-25 {width: 25%; float: left;}
.col-33 {width: 33.33%; float: left;}
.col-50 {width: 50%; float: left;}
.col-66 {width: 66%; float: left;}
.col-75 {width: 75%; float: left;}
.col-100 {width: 100%; float: left;}


/* Media queries
 -------------------------------------------------------------------------------*/

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


/* Colunas Mobile
-------------------------------------------------------------------------------*/
.col-25 {width: 25%; float: left;}
.col-33 {width: 100%; float: left;}
.col-50 {width: 100%; float: left;}
.col-66 {width: 100%; float: left;}
.col-75 {width: 100%; float: left;}
.col-100 {width: 100%; float: left;}
}



@media only screen and (max-width:680px) {
    
/* Html
-------------------------------------------------------------------------------*/ 

html {
	min-height: 100%;
	min-width: 100%;
	-ms-text-size-adjust: none;
}
    

/* Html
-------------------------------------------------------------------------------*/
header {
    display : block;
    width : 100%;
    margin : 0 auto;
}  
    
section {
    display: block;
    width: 100%;
    margin: 0px auto;
    padding: 0px;
}
    
article {
    display: block;
    width: 100%;
    margin: 0px auto;
}
    
aside {
    display: block;
    width: 100%;
    margin: 0px auto;
    padding: 0px;
}
    
    
/* Site
-------------------------------------------------------------------------------*/    
#content {
    display: block;
    clear: both;
    width: 100%;
    margin: 0 auto;
}
.wrapper {
    display: block;
    clear: both;
    width: 100%;
    margin: 0 auto;
}
    
 
/* Top
-------------------------------------------------------------------------------*/ 
.header {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
} 
    
.nav {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
}  
    
nav li a:link {
    padding: 10px;
}
    
.logo {
	max-width: 300px;
	display: block;
	text-align: center;
	margin: 0 auto;
}
    
    
/* Article
-------------------------------------------------------------------------------*/    
.article {
    margin: 5px auto;
    padding: 10px;
}
.article img {
	display: block;
	width: 95%;
	height: auto;
	border: 1px solid #fff;
	box-shadow: 1px 2px 3px 1px #e0e0e0;
	margin: 5px auto;
	padding: 5px;
}
    
 
/* Aside
-------------------------------------------------------------------------------*/
.aside {
    margin: 5px;
    padding: 10px;
}
    
    
/* Footer
-------------------------------------------------------------------------------*/
footer {
    clear: both;
    display: block;
    width: 100%;
    padding: 20px 0;
}  
.footer {
    text-align: center;
        
}
    

}



/* Print styles
-------------------------------------------------------------------------------*/
@media print {}