body{font-size:12px; color:#666; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#header{ margin-top: 37px; background-color: #fff; text-align: right; position: relative; float: left; width: 100%; }
#header h1{ width: 145px; font-size: 18px; font-weight:bold; color: #14417f; text-align: left; float: left; padding-left: 20px; padding-top: 65px; }
#header .img{ padding: 10px 20px; }
#content{ padding-bottom: 40px; border-bottom: 5px solid #fff; background:#f2f1ee;}
#content .info{ color: #7f92a5; padding: 45px 25px 15px 25px; clear: both; font-weight: bold; }

table{ width: 100%; }
th, td{ padding: 3px; background:#f2f1ee; line-height:14px;}
thead{ background-color: #ffffff; }
.first{ padding-left: 25px; text-align: left; }
.odd{ background-color: #f2f6fa; }
th{ font-weight: bold; color: #4c4c4c; }
.scroll-pane
{
	width: 580px;
	height: 380px;
	overflow: auto;
	margin-top:30px;
}

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #f1f0ed;
	position: relative;
}

.jspDrag
{
	background: #0c5c9a;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 8px;
}

.jspHorizontalBar .jspArrow
{
	width: 8px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
/* 
===============================================================================================================
PESO IDEAL
===============================================================================================================
*/
#container{
	width:350px;
	margin:0 auto;
	margin-top:60px;
}
h2{
	font-size:30px;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:20px;
}
h3{
	font-size:18px;
	font-weight:bold;
	color:#666;
}
#container li{
	margin:4px 0;
}
#container p{
	clear:both;
	font-size:10px;
	line-height:14px;
}
.btn{
	float:right;
	opacity:0.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);
}
.btn *{
	cursor:default;
}
.btn .cufon{
	margin-top:6px;
}
#container label{
	float:left;
	display:block;
	width:40px;
	line-height:18px;
	margin-right:10px;
	font-size:10px;
}
#container em{
	font-size:10px;
}
#container input{
	height:10px;
	width:90px;
	margin-left:5px;
	margin-right:10px;
}
#display{
}

/* 
===============================================================================================================
CALCULADORA DE CALORIAS
===============================================================================================================
*/
#calorias{ width:540px; margin:0 auto;}
#calorias .info ul li{
	float:left;
	margin:10px 0;
	height:25px;
	margin-right:10px;
}
#calorias .info ul li label.first{
	padding:0;
	margin-right:10px;
}
#calorias .info ul li label{
	height:25px;
	margin:0;
	line-height:25px;
}
#calorias .info ul li input{
	width:35px;
}
#calorias .atividade ul li{
	margin:10px 0;
}
#calorias .atividade ul li strong{
	font-weight:bold;
}
#calorias .atividade ul li .btn{
	float:right;
}
#calorias #display strong,
#calorias #display p,
#calorias #display h3{
	margin-bottom:10px;
	display:table;
}
#calorias #display p{
	width:80%;
}
#calorias .btn span.medium, #calorias .btn span.medium span{
 background-image: url("../img/form/button.jpg");
} 
/* 
===============================================================================================================
Pirāmide Alimentar
===============================================================================================================
*/
#piramide{
    height: 480px;
    margin: 0 auto;
    overflow: auto;
    width: 610px;
}
#piramide #inner-wrapper{
	width:320px;
	float:left;
}
#piramide img{
	float:right;
}
#piramide p{
	font-size:10px;
	margin-bottom:10px;
}
#piramide h3{
	font-size:12px;
	margin-bottom:10px;
}
/* 
===============================================================================================================
Quiz
===============================================================================================================
*/
#quiz{
	margin:0 15px;
}
#quiz .top{
	color:#0d508b;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:15px;
}
#quiz .tit-questao{
	color:#2491d6;
}
#quiz p{
	margin-bottom:8px;
}
/* 
===============================================================================================================
Links
===============================================================================================================
*/
#links p{
	display:table;
	margin-bottom:15px;
}
#links a{
	color:#2390d5;
	display:block;
}