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

	autor: INPUT CENTER INFORMÁTICA
	versão: 1.0.0
	atualizado em: 24/11/2009
	
******************************************************/

*{
	padding: 0;
	margin: 0;
	border: 0;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(../layout/fundoSite.jpg) fixed;
}
/* master - MasterPage */
div#pagina{
	width: 913px;
	margin: 0 auto;
	background: #FFF;
}
div#topo{
	width: 803px;
	height: 122px;
	padding: 33px 110px 0 0;
	border-top: 2px solid #800000;
	border-bottom: 2px solid #800000;
	background: url(../layout/fundoTopo.jpg) no-repeat;
}
#topo h2 a{
	width: 446px;
	height: 91px;
	text-indent: -999em;
	overflow: hidden;
	float: right;
	background: url(../layout/fundoLinkTopo.jpg) no-repeat;
}
div#container{
	width: 913px;
	min-height: 365px;
	_height: 365px;
	background: #ECD9D9 url(../layout/fundoContainer.jpg) left top repeat-x;
}
div#boxLogin{
	width: 367px;
	height: 105px;
	padding-top: 143px;
	margin: 0 auto;
	text-align: center;
	background: url(../layout/fundoBoxLogin.gif) left 85px no-repeat;
}
#boxLogin legend{
	display: none;
}
#boxLogin label{
	color: #800000;
	font-size: 12px;
}
p#boxCampoCodigo{
	width: 182px;
	height: 19px;
	padding-top: 2px;
	margin: 2px auto 5px auto;
	background: url(../layout/fundoBoxCampoCodigo.gif) no-repeat;
}
#boxCampoCodigo input{
	width: 175px;
	color: #FFF;
	text-align: center;
	background: none;
}
.btnLogarBercario{
	display: block;
	width: 21px;
	height: 21px;
	margin: 0 auto;
	cursor: pointer;
	text-indent: -999em;
	letter-spacing: 1px;
	background: url(../layout/btnLogarBercario.gif) no-repeat;
}
p#boxDataAtualizacao{
	margin-top: 2px;
	color: #800000;
	font-size: 11px;
	text-align: center;
}
p#boxDataAtualizacao span{
	font-size: 12px;
}
div#rodape{
	height: 19px;
	padding: 5px 18px 0 0;
	text-align: right;
	background: #800000 url(../layout/fundoRodape.jpg) 611px no-repeat;
}
#rodape a{
	color: #FFF;
	font-size: 11px;
	text-decoration: none;
}

/* bercario - Principal */
div#containerBercario{
	width: 827px;
	padding-top: 40px;
	margin: 25px auto 0;
	color: #800000;
	background: #FFF url(../layout/fundoContainerBercario.gif) no-repeat;
}
#containerBercario h3{
	display: none;
}
.containerDadosBebe{
	width: 821px;
	border-left: 3px solid #800000;
	border-right: 3px solid #800000;
}
.containerDadosImagemBebe{
	width: 821px;
}
.boxDadosBebe{
	width: 387px;
	margin-top: 17px;
	float: left;
}
.boxDadosBebe div{
	width: 348px;
	padding-right: 11px;
	padding-top: 6px;
	padding-bottom: 8px;
	margin-bottom: 19px;
	float: right;
	background: url(../layout/fundoGrupoDadosBebe.jpg) right top repeat-y;
}
.boxDadosBebe p{
	margin-bottom: 20px;
	font-size: 14px;
	text-align: right;
}
.boxNomeMae{
	width: 724px;
	height: 47px;
	padding: 8px 40px 0 0;
	margin: 0 auto 10px;
	color: #FFF;
	font-size: 16px;
	text-align: right;
	background: url(../layout/fundoTituloMamae.jpg) no-repeat;
}
.boxDadosBebe p.ultimoDadoBebe{
	margin-bottom: 1px;
}
.boxDadosBebe p span{
	display: block;
	font-size: 15px;
}
.boxFotoBebe{
	width: 432px;
	height: 422px;
	float: right;
	background: url(../layout/fundoContainerFotoBebe.gif) no-repeat;
}
div.containerFoto{
	width: 339px;
	margin-top: 31px;
	margin-left: 31px;
	_margin-left: 15px;
	float: left;
}
.boxFoto{
	width: 339px;
	float: left;
}
.boxBtnFoto{
	width: 339px;
	float: left;
}
.boxBtnFoto ul{
	width: 339px;
	margin-top: 8px;
	list-style-type: none;
}
.boxBtnFoto li{
	display: inline;
}
.boxBtnFoto .btnAmpliarBebe{
	display: block;
	width: 173px;
	height: 34px;
	text-indent: -9999em;
	_letter-spacing: 1px;
	overflow: hidden;
	cursor: pointer;
	float: left;
	background: url(../layout/btnFotoBebeAmpliar.jpg) no-repeat;
}
.boxBtnFoto .btnImprimirBebe{
	display: block;
	width: 166px;
	height: 34px;
	text-indent: -9999em;
	_letter-spacing: 1px;
	overflow: hidden;
	cursor: pointer;
	float: left;
	background: url(../layout/btnFotoBebeImprimir.jpg) no-repeat;
}
div.containerMensagemMamae{
	width: 763px;
	height: 163px;
	padding-top: 39px;
	margin: 0 auto;
	margin-top: 20px;
	background: url(../layout/fundoContainerMensagem.gif) no-repeat;
}
.containerMensagemMamae fieldset{
	margin: 0 auto;
	width: 720px;
}
.containerMensagemMamae h4{
	display: none;
}
.boxCamposMensagemMamae{
	width: 764px;
	height: 165px;
	float: left;	
}
.boxEsquerdoMensagemMamame{
	width: 238px;
	margin-left: 20px;
	float: left;
}
.boxEsquerdoMensagemMamame p{
	margin-bottom: 5px;
}
.boxEsquerdoMensagemMamame label{
	display: block;
	color: #800000;
	font-size: 13px;
}
.boxEsquerdoMensagemMamame input{
	display: block;
	width: 236px;
	color: #800000;
	border: 1px solid #800000;
}
.boxEsquerdoMensagemMamame input[type="hidden"]{
	border: 0;
}
.boxDireitoMensagemMamae{
	width: 450px;
	margin-right: 20px;
	float: right;
}
.boxTextareaMensagem{
	width: 452px;
}
.boxTextareaMensagem label{
	display: block;
	color: #800000;
	font-size: 13px;
}
.boxTextareaMensagem textarea{
	display: block;
	width: 449px;
	height: 62px;
	color: #800000;
	border: 1px solid #800000;
}
.boxSelecaoEmotions{
	width: 274px;
	margin-top: 9px;
	float: left;
}
.boxSelecaoEmotions ul{
	width: 274px;
	float: left;
	list-style-type: none;
}
.boxSelecaoEmotions li{
	width: 30px;
	text-align: center;
	margin-right: 16px;
	float: left;
}
.btnGravarMensagemMamae{
	float: right;
	width: 158px;
	height: 33px;
	margin-top: 14px;
	text-indent: -9999em;
	*letter-spacing: 1px;
	overflow: hidden;
	cursor: pointer;
	background: url(../layout/btnGravarMensagemMamae.gif) no-repeat;
}
div#containerTituloMensagemRecebidas{
	width: 764px;
	height: 36px;
	margin: 0 auto;
	margin-top: 62px;
	background: url(../layout/fundoTituloMensagemRecebida.gif) no-repeat;
}
#containerTituloMensagemRecebidas h5{
	display: none;
}
div#containerMensagemRecebidas{
	width: 761px;
	float: left;
	margin-left: 28px;
	_margin-left: 14px;
	border-left: 2px solid #D2A8A8;
	border-right: 2px solid #D2A8A8
}
.boxEmotionsMensageRecebida{
	width: 761px;
	height: 32px;
	text-align: center;
	float: left;
	background: url(../layout/fundoBoxEmotionsMensageRecebida.jpg) no-repeat;
}
.boxTextoMensagemRecebida{
	width: 761px;
	height: 114px;
	text-align: center;
	margin-bottom: 16px;
	float: left;
	background: url(../layout/fundoBoxMensagemRecebida.jpg) repeat-y;
}
.boxTextoMensagemRecebida strong{
	font-size: 13px;
}
.boxTextoMensagemRecebida p.primeiroTitulo{
	font-size: 15px;
}
.boxTextoMensagemRecebida address{
	font-size: 11px;
	font-style: normal;
}
.boxTextoMensagemRecebida p.terceiroTitulo{
	font-size: 13px;
}
.boxTextoMensagemRecebida p.quartoTitulo{
	font-size: 9px;
}
.boxBtnSairBercario{
	width: 765px;
	height: 36px;
	margin: 0 auto;
	background: url(../layout/fundoBtnSairBercario.gif) no-repeat;
}
div.linkSairBercario{
	margin: 0 auto;
	width: 200px;
}
.linkSairBercario p{
	width: 198px;
	height: 33px;
	background: url(../layout/fundoBtnFazerLogout.gif) no-repeat;
}
.linkSairBercario a{
	display: block;
	width: 198px;
	height: 33px;
	text-indent: -9999em;
	_letter-spacing: 1px;
	cursor: pointer;
	overflow: hidden;		
}
div#boxRodapeDadosBebe{
	width: 827px;
	height: 22px;
	margin: 0 auto;
	padding-bottom: 82px;
	background: #ECD9D9 url(../layout/fundoRodapeDadosBebe.jpg) no-repeat;
}
.clearBoth{
	clear: both;
}

/* erro - Default */
div#containerMensagemErro{
	width: 225px;
	padding-top: 100px;
	margin: 0 auto;
}
div#boxMensagemErro{
	width: 225px;
	padding-top: 54px;
	background: url(../layout/fundoBoxMensagemErro.gif) no-repeat;
}
#boxMensagemErro p{
	margin-bottom: 11px;
	color: #800000;
	font-size: 12px;
	text-align: center;
}