html, body { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol, ul { list-style: none; }
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
.clear {
	width: 100%;
	height: 0;
	clear: both;
	overflow: hidden;
}
.trigger-submenu {
	display: inline;
	float: left;
	overflow: hidden;
	text-indent: -999px;
}

body {
	/*background-color: #83D2FF;*/
	background: #B2D9EB url(http://clinicamonpetit.com.br/site/wp-content/themes/monpetit/img/bg-site.jpg) no-repeat 50% 0;
	color: #325468 !important;
	line-height: 1;
}

body, input, textarea, select, optgroup, option {
  font-family: "Segoe UI", 'Droid Sans', Arial, sans-serif;
  font-size: 13px;
}

a { text-decoration: none; color: inherit; }
strong { font-style: inherit; font-weight: bold; }
em { font-style: italic !important; font-weight: inherit; }

.content,
.center-topo {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
.coluna, grafico {
	display: inline;
	float: left;
}
.w330 {
	width: 330px;
	margin-right: 30px;
}
.w600 {
	width: 600px;
}
.w450 {
	width: 450px;
}
.space60 {
	margin-right: 60px;
}

.topo {
	background: #FFF url(../img/bg-topo.png) repeat-x 0 0;
	height: 70px;
	margin-bottom: 15px;
}
.logo {
	display: inline;
	float: left;
	margin: 6px 15px 0 0;
}

.logout {
	background: url(../img/ico-desconectar.png) no-repeat 0 0;
	position: absolute !important;
	top: 27px;
	right: 0;
	overflow: hidden;
	text-indent: -999px;
}
/* Menu */
#menu {
	position: absolute;
	top: 15px;
	left: 200px;
}
.menu,
.menu li,
.item-principal {
	display: inline;
	float: left;
}
.menu li { margin-right: 30px; position: relative; }

.item-principal {
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	color: #7E929A;
	padding: 0 5px;
}
.item-principal:hover {
	background-color: #83D2FF;
	color: #FFF;
}
.trigger-submenu {
	background: url(../img/trigger-submenu.png) no-repeat 50% 50%;
	float: left;
	cursor: pointer;
	width: 25px;
	height: 40px;
}
.trigger-submenu.active { background-color: #CDE3F0; }
.trigger-submenu.hover { background-color: #83D2FF; }
.trigger-submenu.active {
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.item-principal:hover,
.trigger-submenu.hover {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/* submenu */
.submenu {
	background-color: #CDE3F0;
	display: none;
	width: 150px;
	position: absolute;
	top: 40px;
	right: 0;
	z-index: 100;
	padding: 5px 0;
	-webkit-border-radius: 5px 0 5px 5px;
	-moz-border-radius: 5px 0 5px 5px;
	border-radius: 5px 0 5px 5px;
}
.submenu a {
	display: block;
	padding: 10px;
	margin: 0 5px;
	line-height: 1.5;
}
.submenu a:hover {
	background-color: #83D2FF;
	color: #FFF;
}

/* Login */
.login {
	width: 270px;
	margin: 100px auto;
}
.login img {
	display: block;
	margin: 0 auto;
}
.login .text { width: 250px; }
.login a {
	float: right;
	font-size: 11px;
	color: #0066FF;
	padding-top: 5px;
}
/* Conteudo */
.content a {
	font-weight: inherit;
	font-style: inherit;
	color: #0066FF;
}
.content p,
.content li { line-height: 20px; }
.content p,
.content ul { margin-bottom: 10px; }
.content li {
	list-style: disc outside;
	margin: 0 0 0 20px;
}

/* titulo pagina */
.page-title {
	display: block;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: -1px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
	color: #FFF;
	margin-bottom: 30px;
}
.title-block {
	border-bottom: 1px solid #66B2DD;
	display: block;
	font-size: 15px;
	font-weight: bold;
	line-height: 22px;
	letter-spacing: -1px;
	color: #24678E;
	margin-bottom: 10px;
	clear: both;
	position: relative;
}
.title-block span {
	border-bottom: 1px solid #24678E;
	display: inline-block;
	margin-bottom: -1px;
	padding: 0 5px;
}
.bt-link {
	background-color: #B0E2FF;
	color: #325468 !important;
	display: inline-block;
	padding: 6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.bt-link:hover { background-color: #70BBE6; }
/* mensagem sucesso | erro */
.msg-sucesso,
.msg-erro {
	line-height: 2;
	padding: 15px;
	margin-bottom: 10px;
	clear: both;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
}
.msg-sucesso {
	background-color: #C3FF8D;
	color: #2B4613 !important;
}
.msg-erro {
	background-color: #E35F5F;
	color: #3A0909 !important;
}
/* form */
.row {
	display: inline;
	float: left;
	width: 100%;
	padding-bottom: 15px;
}
.cell {
	display: inline;
	float: left;
	margin-right: 30px;	
}
label, .label {
	display: block;
	line-height: 20px;
}
.label-inline { display: inline-block; }
label.error {
	background-color: #E35F5F;
	font-size: 11px;
	color: #FFF;
	padding: 0 8px;
	position: absolute;
}
.text {
	background: #EDF8FE url(../img/bg-text.png) repeat-x 0 0;
	border: 1px solid #466273;
	border-color: #466273 #75A4C0 #7BADCA #75A4C0;
	padding: 8px;
	margin: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.text:focus,
.text:active {
	border-color: #000;
	color: #000;
	outline: none;
}
input.error { border-color: #E35F5F; }
.info-campo {
	display: block;
	font-size: 11px;
	line-height: 1.2;
	padding: 5px 0 0 5px;
}
/* botoes */
input[type="submit"]::-moz-focus-inner {
    border: none;
    padding: 0;
    margin: 0;
}
.button input:focus,
.button input:active { outline: 0; }
.button {
	display: inline;
	float: left;
}
.button input,
.button a {
	border-width: 1px;
	border-style: solid;
	display: inline;
	float: left;
	height: 34px;
	padding: 0 10px;
	font-weight: bold;
	cursor: pointer;
	zoom: 1;
	white-space: nowrap;
	overflow: visible;
	width: auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 3px 1px rgba(43,49,55,0.1);
	-moz-box-shadow: 0 3px 1px rgba(43,49,55,0.1);
	box-shadow: 0 3px 1px rgba(43,49,55,0.1);
}
.button a { height: 32px; line-height: 32px; }

.bt-1 input { background: #93B3C5 url(../img/bg-botao.png) repeat-x 0 0; border-color: #5E91AE; }
.bt-1 input:hover,
.bt-1 input:focus { background-position: 0 -50px; }
.bt-1 input:active { background: #F2FAFF; }
.bt-1 input,
.bt-1 a { color: #436C83; text-shadow: 1px 1px 0 rgba(255,255,255,0.75); }

.bt-2 input,
.bt-2 a { background: #BB9E37 url(../img/bg-botao-2.png) repeat-x 0 0; border-color: #A88A5B; color: #584C3E; text-shadow: 1px 1px 0 rgba(255,228,158,1); }
.bt-2 input:hover,
.bt-2 input:focus,
.bt-2 a:hover { background-position: 0 -50px; }
.bt-2 input:active,
.bt-2 a:active { background: #FFE84F; }

.bt-right { float: right !important; margin: 5px 0 5px 10px !important; }

/* exlcuir - fica do lado direito do bot�o */
.excluir {
	float: left;
	font-weight: bold !important;
	color: #C82A2A !important;
	margin: 9px 0 0 10px;
}
.excluir:hover { text-decoration: underline; }
/* ico */
.ico {
	display: inline;
	float: left;
	width: 18px;
	height: 18px;
	position: relative;
}
.ico-visualizar { background: url(../img/ico-visualizar.png) no-repeat 0 0; }
.ico-editar { background: url(../img/ico-editar.png) no-repeat 0 0; }
.ico-excluir { background: url(../img/ico-excluir.png) no-repeat 0 0; }

/* tooltip */
.tooltip {
	background: url(../img/tooltip.png) no-repeat 0 100%;
	display: none;
	white-space: nowrap;
	z-index: 9999;
	height: 38px;
	font-size: 11px;
	line-height: 32px;
	color: #463E18;
	text-decoration: none !important;
	padding: 0 10px;
	position: absolute;
	top: -40px;
	left: -7px;
}
.tooltip strong { color: #000; }
.tooltip:hover { visibility: hidden; }
.ico:hover .tooltip { display: block !important; }
/* table listagem */
.table-list {
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.15);
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
	margin-bottom: 15px;
}
.table-list th {
	background: #FFF url(../img/bg-thead.png) repeat-x 0 100%;
	font-weight: bold;
	line-height: 1.6;
	text-align: left;
	color: #325468;
	padding: 10px 0 10px 15px;
}
.table-list td {
	background-color: #AFDFFB;
	border-bottom: 1px solid #83D2FF;
	padding: 10px 0 10px 15px;
}
.table-list tr.odd td { background-color: #C4E5F8; }
.table-list tbody tr:hover td { background-color: #F0F2F4; }
.table-list .ico { margin: 0 5px; }
.table-list-action { visibility: hidden }
.table-list tr:hover .table-list-action { visibility: visible }

#historico-medidas th,
#historico-medidas td {	text-align: center; }
/* tabs */
.tabs {
	border-bottom: 10px solid #F0F2F4;
	float: left;
	width: 100%;
	clear: both;
}
.tabs li {
	float: left;
	margin: 0 0 0 5px !important;
	list-style: none !important;
}
.tabs a {
	background: #D1E2EB url(../img/bg-tab.png) repeat-x 0 100%;
	display: inline;
	float: left;
	color: #325468;
	padding: 12px 10px;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
.tabs .active-tab,
.tabs a:hover { background: #F0F2F4; }
.tabs .active-tab { font-weight: bold; }

/* grafico */
.grafico {
	clear: both;
	margin: 0 auto 20px;
	position: relative;
}
.pin {
	width: 16px;
	height: 16px;
	position: absolute;
	cursor: pointer;
}
.pin img { display: block; }
.grafico .tooltip {
	line-height: 15px !important;
	height: 55px !important;
	padding-top: 5px;
	top: -60px;
}
.fonteGrafico {
	background: #FFF url(../img/bg-thead.png) repeat-x 0 0;
	font-style: italic;
	color: #325468;
	padding: 10px;
}
.grafico .title-block { display: none; }
/* filho */
.filho {
	display: inline;
	float: left;
	width: 100%;
	height: 18px;
	line-height: 18px;
}
.filho a { float: left; line-height: 18px; }
.filho .ico { margin: 0 0 0 10px !important; }

/* Posicao medida */
.posicao { display: inline; }
.deitado {
	background: url(../img/ico-deitado.png) no-repeat 0 50%;
	padding: 2px 0 2px 24px;
}
.emPe {
	background: url(../img/ico-em-pe.png) no-repeat 0 50%;
	padding: 2px 0 2px 20px;
}
.legendaPosicao {
	margin: 0 0 0 10px !important;
	display: inline-block;
	vertical-align: middle !important;	
}

.rangeAltura {
	border: 4px solid red;
	border-right: none;
	width: 5px;
	height: 122px;
	position: absolute;
	right: 126px;
}
.estaturaAlvo {
	border: 2px solid red;
	width: 3px;
	height: 0;
	overflow: hidden;
	text-indent: -999px;
	position: absolute;
	left: 0;
	top: 50%;
}

.nome-idade { font-size: 22px; display: none; }
/*.trigger-submenu.active,
.item-principal:hover,
.trigger-submenu.hover,
.submenu, .bt-link,
.msg-sucesso, .msg-erro,
.text, .button input, .button a,
.table-list, .tabs a { behavior: url('css/PIE.htc'); }*/


.texto-explicativo {
	background: #FFF url(../img/bg-bebe.jpg) no-repeat 100% 100%;
	padding: 25px 300px 25px 30px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 30px;
}
.introducao {
	background: #FFF url(../img/evolucao.gif) no-repeat 95% 50% !important;
	padding: 25px 30px;
	height: 180px;
}
.introducao p { width: 50%; }