/* INICIO - Zerar todas as margens e bordas de todos os elementos */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body 
{
	width: 100%;
	height: 100%;
	font: 100% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	color: #fff;
}

/****************** Formatação padrão dos links ************************/
a {color: #808080; text-decoration: none;}
a:hover { color: #003e6a;}
a:visited {color: #808080}
a:visited:hover{color: #003e6a}
a:active {color: #808080}

/******************************************* layout fixo para todas as paginas **************************************************/

/****************** layout total todas as outras divs vão dentro desta ********************/
div#layout
{
	width: 778px;
	height: auto !important; /* altura definida pelo conteúdo */
	display:table;
	padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
	margin : 0 auto;
	text-align: center; /* conteudo a esquerda. */
	float: inherit; /* layout centralizado. */
	color: #000;
	background-color: #fff;
}
/****************** Topo ************************/
div#layout div#topo 
{
	width: 778px;
	height: auto !important;
	background-color: #fff;
	padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
	margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
	float: left;
	color: #fff;
	display: table;
}
/****************** Logo ************************/
div#layout div#logo
{
	width: 200px;
	height: auto !important;
	background-color: transparent;
	padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
	margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
	float: left;
	color: #fff;
	display: table;
}
/****************** Area Médica, busca e menu ************************/
div#area
{
	width: 578px;
	background: #fff url(http://www.nsl.com.br/Imagens/fun_topo.gif) no-repeat center top;
	padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
	margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
	float: none;
	color: #fff;
	display: table;
}
/****************** Menu ************************/
div#menutop
{
	width: 578px;
	height: 22px;
	background: #fff url(http://www.nsl.com.br/Imagens/fun_menu_topo.gif) no-repeat center top;
	padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
	margin: 10px 0px 10px 0px; /* espaçamento top, right, buttom, left*/
	float: right;
	color: #fff;
	display: table;
}
/****************** Menu topo links ************************/
.menutoplink{
	width: auto !important;
	height: 22px;
	font: 65% Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: 600;
	background-color: transparent;
	padding: 2px 20px 0px 5px; /* espaçamento top, right, buttom, left*/
	text-align: center;
	float: left;
	color: #15446b;
	display: table;
	/*border: solid 1px #00659C;*/
}
/****************** Formatação padrão dos links ************************/
.menutoplink a {color: #15446b; text-decoration: none;}
.menutoplink a:hover { color: #166c9d;}
/****************** Area Médica ************************/
.areamedica
{
	width: 180px;
	height: auto !important;
	background-color: transparent;
	padding: 0px 0px 0px 170px; /* espaçamento top, right, buttom, left*/
	margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
	float: left;
	color: #fff;
	display: table;
}
/****************** Texto Área ************************/
.textarea
{
	width: 40px;
	height: auto !important;
	font: 70% Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: transparent;
	padding: 2px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
	text-align: left;
	float: left;
	color: #002d54;
	display: table;
}
/****************** Texto Titulo Área ************************/
.textareatit{
width: 130px;
height: auto !important;
font: 70% Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: transparent;
padding: 10px 0px 0px 53px; /* espaçamento top, right, buttom, left*/
text-align: left;
float: right;
color: #002d54;
display: table;
}
/****************** Texto link Área ************************/
.textarealink{
width: 130px;
height: auto !important;
font : 60% Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration: underline;
background-color: transparent;
padding: 5px 0px 0px 50px; /* espaçamento top, right, buttom, left*/
text-align: left;
float: left;
color: #002d54;
display: table;
}
/****************** Formatação padrão dos links ************************/
.textarealink a {color: #808080; text-decoration: underline;}
.textarealink a:hover { color: #003e6a;}
/****************** Texto campo ************************/
.textcampo{
width: 110px;
height: auto !important;
font : 70% Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: transparent;
text-align: left;
float: left;
color: #002d54;
display: table;
}
/****************** Campo Área ************************/
.carea{
width: 94px;
/*height: 15px;*/
font: 100% Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
border: 0px;
/*background: #fff url(http://www.nsl.com.br/Imagens/campo_area.gif) no-repeat center top;*/
/*padding: 3px 0px 0px 5px; /* espaçamento top, right, buttom, left*/
/*margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: right;
color: #002d54;
display: table;
overflow: hidden;
}
/****************** Botão Área ************************/
.btarea{
width: 16px;
height: 16px;
border: 0px;
/*background: #dedfe1 url(http://www.nsl.com.br/Imagens/bt_area.gif) no-repeat center;*/
padding: 0px 5px 0px 5px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: left;
display: table;
overflow: hidden;
cursor: pointer;
}
/****************** Busca ************************/
.busca{
width: 180px;
height: auto !important;
background-color: transparent;
padding: 50px 0px 0px 40px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: left;
color: #fff;
display: table;
}
/****************** Campo busca ************************/
.cbusca{
width: 140px;
height: 15px;
font : 70% Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
border: 0px;
background: #fff url(http://www.nsl.com.br/Imagens/campo_busca.gif) no-repeat center top;
padding: 3px 0px 0px 5px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: left;
color: #002d54;
display: table;
overflow: hidden;
}
/****************** Botão busca ************************/
.btbusca{
width: 16px;
height: 16px;
border: 0px;
background: #d0d4d7 url(http://www.nsl.com.br/Imagens/bt_busca.gif) no-repeat center;
padding: 0px 5px 0px 5px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: left;
display: table;
overflow: hidden;
cursor: pointer;
}
/****************** Conteudo ************************/
div#layout div#conteudo {
width: 778px;
height: auto !important;
font: 100% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
background-color: transparent;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: left;
color: #000;
display: table;
}
/****************** centro ************************/
div#layout div#conteudo div#centro
{
	width: 578px;
	height: auto !important;
	font: 100% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: transparent;
	border: 0px solid #6b73c9;
	padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
	margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
	float: right;
	color: #000;
	display: inline;
}
/****************** heightmini ************************/
div#layout div#conteudo div#heightmini {
width: 1px;
height: 450px;
background-color: tranparente;
float: left;
display: table;
}
/****************** Div Menu ************************/
div#layout div#conteudo div#menulateral {
width: 200px;
height: auto !important;
padding: 0px 0px 30px 0px; /* espaçamento top, right, buttom, left*/
font: 100% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: transparent;
text-align: center;
float: left;
color: #fff;
display: table;
}
/***************************************************** Fim do layout fixo *******************************************************/

/************************************************************* Abertura ********************************************************/
/******** Div com o logo *************/
div#logoabert {
width: 778px;
height: auto !important;
display:table;
padding: 80px 0px 80px 0px; /* espaçamento top, right, buttom, left*/
text-align: center; /* conteudo a esquerda. */
float: left; /* layout centralizado. */
color: #000;
background-color: #fff;
}
/******** Div com o banner *************/
div#bannerabert {
width: 778px;
height: 135px;
display:table;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
text-align: center; /* conteudo a esquerda. */
float: left; /* layout centralizado. */
color: #000;
background: #fff url(http://www.nsl.com.br/Imagens/banner_abert.jpg) no-repeat center;
}
/******** class legenda apos o banner *************/
.legenda {
width: 778px;
height: 25px;
font: 110% Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: 400;
display:table;
padding: 10px 0px 100px 0px; /* espaçamento top, right, buttom, left*/
text-align: center; /* conteudo a esquerda. */
float: left; /* layout centralizado. */
color: #808080;
background-color: #fff;
}
/******** class bem vindo *************/
.bemvindo 
{
	width: 100%;
	height: 25px;
	font: 100% Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:table;
	padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
	text-align: center;  /*conteudo a esquerda. */
	float: left;  /*layout centralizado. */
	color: #808080;
	background-color: #fff;
}
/************************************************************* Hospital ********************************************************/
/******** class logo *************/
.logohosp {
width: 195px;
height: 90px;
display:table;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
text-align: center; /* conteudo a esquerda. */
float: left; /* layout centralizado. */
color: #808080;
background: #fff url(http://www.nsl.com.br/Imagens/logo_hosp.gif) no-repeat center;
}
/******** class Numero de Telefone *************/
.numtelhosp {
width: 195px;
height: 50px;
display:table;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
text-align: center; /* conteudo a esquerda. */
float: left; /* layout centralizado. */
color: #808080;
background: #fff url(http://www.nsl.com.br/Imagens/num_telefone1.gif) no-repeat center;
}
/******** class menu lateral *************/
.menulateral {
width : 200px;
height: auto !important;
font: 70% Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: 500;
display: table;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
text-align: center; /* conteudo a esquerda. */
float: left; /* layout centralizado. */
color: #808080;
background-color: transparent;
}
/******** class menu lateral linha 1 *************/
.menulinha1 {
	width : 195px;
	height: auto !important;
	line-height: 20px;
	vertical-align: middle;
	display: table;
	padding: 5px 0px 7px 2px; /* espaçamento top, right, buttom, left*/
	text-align: left; /* conteudo a esquerda. */
	float: left; /* layout centralizado. */
	color: #808080;
	background: transparent url(http://www.nsl.com.br/Imagens/menulinha1.gif) no-repeat left bottom;
}
/******** class menu lateral linha 2 *************/
.menulinha2 {
	width : 195px;
	height: auto !important;
	line-height: 20px;
	vertical-align: middle;
	display: table;
	padding: 5px 0px 7px 2px; /* espaçamento top, right, buttom, left*/
	text-align: left; /* conteudo a esquerda. */
	float: left; /* layout centralizado. */
	color: #808080;
	background: transparent url(http://www.nsl.com.br/Imagens/menulinha2.gif) no-repeat right bottom;
	/*border: solid 1px #00659C;*/
}
/******** class botão convenios cadastrados *************/
.btconv {
width : 190px;
height: 30px;
vertical-align: middle;
display: table;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 40px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
text-align: left; /* conteudo a esquerda. */
float: left; /* layout centralizado. */
color: #808080;
/*background: transparent url(http://www.nsl.com.br/Imagens/bt_conv.gif) no-repeat center bottom;*/
}
/******** class botão casa da atividade *************/
.btcasa {
width : 190px;
height: 30px;
vertical-align: middle;
display: table;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 10px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
text-align: left; /* conteudo a esquerda. */
float: left; /* layout centralizado. */
color: #808080;
/*background: transparent url(http://www.nsl.com.br/Imagens/bt_casa.gif) no-repeat center bottom;*/
}
/****************** Legenda da pagina ************************/
.hosp{
width: 578px;
height: 30px;
font: 100% Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: transparent;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
text-align: center;
float: left;
color: #15446b;
display: table;
}
/******** banner *************/
.bannerhosp {
width : 578px;
height: 120px;
display:table;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 20px 0px; /* espaçamento top, right, buttom, left*/
/*text-align: center; /* conteudo a esquerda. */
float: left; /* layout centralizado. */
color: #000;
/*background: transparent url(http://www.nsl.com.br/Imagens/banner_hosp.jpg) no-repeat center;*/
}
/****************** Div Noticias ************************/
.nothosp{
width: 255px;
height: 240px;
font : 80% Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
background: transparent url(http://www.nsl.com.br/Imagens/not_hosp.gif) no-repeat left top;
padding: 50px 20px 0px 20px; /* espaçamento top, right, buttom, left*/
text-align: left;
float: left;
color: #15446b;
display: table;
overflow: hidden;
}
/****************** Div conteudo ************************/
.conthosp{
width: 395px;
font : Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 5px 5px 0px 5px; /* espaçamento top, right, buttom, left*/
text-align: left;
float: left;
color: #15446b;
display: table;
overflow: hidden;
}
.conthospbanner{
width: 578px;
font : Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 5px 5px 0px 5px; /* espaçamento top, right, buttom, left*/
text-align: left;
float: left;
color: #15446b;
display: table;
overflow: hidden;
}
/****************** banners 3a idade, Tour e Atividades ************************/
.idadetourativhosp{
width: 280px;
height: 240px;
font: 80% Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
background-color: transparent;
padding: 00px 00px 0px 00px; /* espaçamento top, right, buttom, left*/
text-align: left;
float: right;
color: #15446b;
display: table;
}
/****************** banners internas ************************/
.bannersinternas{
	width: 170px;
	font: 80% Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color: transparent;
	padding: 30px 00px 0px 00px; /* espaçamento top, right, buttom, left*/
	text-align: right;
	float: right;
	color: #15446b;
	display: inline;
}
/******** banner 3a idade *************/
.idadehosp {
width : 280px;
height: 78px;
display:table;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 26px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
/*text-align: center; /* conteudo a esquerda. */
float: left; /* layout centralizado. */
color: #000;
/*background: transparent url(http://www.nsl.com.br/Imagens/3idade_hosp.jpg) no-repeat right;*/
}
/******** banner tour *************/
.tourhosp {
width : 280px;
height: 78px;
display:table;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 12px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
/*text-align: center; /* conteudo a esquerda. */
float: left; /* layout centralizado. */
color: #000;
/*background: transparent url(http://www.nsl.com.br/Imagens/tour_hosp.jpg) no-repeat right;*/
}
/******** banner Atividades *************/
.ativhosp {
width : 280px;
height: 78px;
display:table;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 12px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
/*text-align: center; /* conteudo a esquerda. */
float: left; /* layout centralizado. */
color: #000;
/*background: transparent url(http://www.nsl.com.br/Imagens/ativ_hosp.jpg) no-repeat right;*/
}
/************************************************************* Grupo ********************************************************/
/******** class logo *************/
.logogrupo {
width : 195px;
height: 90px;
display:table;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
/*text-align: center; /* conteudo a esquerda. */
float: left; /* layout centralizado. */
color: #808080;
background: #fff url(http://www.nsl.com.br/Imagens/logo_grupo.gif) no-repeat center;
}
/****************** Legenda em cima do menu ************************/
.legmenu{
width: 200px;
height: 18px;
font : 60% Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
background-color: transparent;
padding: 5px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
text-align: left;
float: left;
color: #15446b;
display: table;
overflow: hidden;
}
/****************** Botões Missão Visão Valores em cima do banner ************************/
.missaovisaovalores{
width: 498px;
height: 25px;
background-color: transparent;
padding: 0px 0px 5px 80px; /* espaçamento top, right, buttom, left*/
text-align: left;
float: left;
color: #15446b;
display: table;
}
.btmissao{
width: 100px;
height: 22px;
/*background: transparent url(http://www.nsl.com.br/Imagens/bt_missao.gif) no-repeat center;*/
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 30px; /* espaçamento top, right, buttom, left*/
text-align: center;
float: left;
color: #15446b;
display: table;
}
.btvisao{
width: 100px;
height: 22px;
/*background: transparent url(http://www.nsl.com.br/Imagens/bt_visao.gif) no-repeat center;*/
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 30px; /* espaçamento top, right, buttom, left*/
text-align: center;
float: left;
color: #15446b;
display: table;
}
.btvalores{
width: 100px;
height: 22px;
/*background: transparent url(http://www.nsl.com.br/Imagens/bt_valores.gif) no-repeat center;*/
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 30px; /* espaçamento top, right, buttom, left*/
text-align: center;
float: left;
color: #15446b;
display: table;
}
/******** banner *************/
.bannergrupo {
width: 578px;
height: 120px;
display:table;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 20px 0px; /* espaçamento top, right, buttom, left*/
text-align: center; /* conteudo a esquerda. */
float: left; /* layout centralizado. */
color: #000;
background: transparent url(http://www.nsl.com.br/Imagens/banner_grupo.jpg) no-repeat center;
}
/**** banners Seja um cliente especial, Responsabilidade Sócio-Ambiental e Relação com Investidores ******/
.sejaresprelac{
width: 280px;
height: 240px;
font: 80% Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
background-color: transparent;
padding: 00px 00px 0px 00px; /* espaçamento top, right, buttom, left*/
text-align: left;
float: right;
color: #15446b;
display: table;
}
/******** banner Seja um cliente especial *************/
.sejagrupo {
width: 280px;
height: 78px;
display:table;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 26px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
text-align: center; /* conteudo a esquerda. */
float: left; /* layout centralizado. */
color: #000;
background: transparent url(http://www.nsl.com.br/Imagens/seja_grupo.jpg) no-repeat right;
}
/******** banner Responsabilidade Sócio-Ambiental *************/
.responsgrupo {
width: 280px;
height: 78px;
display:table;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 12px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
text-align: center; /* conteudo a esquerda. */
float: left; /* layout centralizado. */
color: #000;
background: transparent url(http://www.nsl.com.br/Imagens/responsa_grupo.jpg) no-repeat right;
}
/******** banner Relação com Investidores *************/
.relagrupo {
width: 280px;
height: 78px;
display:table;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 12px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
text-align: center; /* conteudo a esquerda. */
float: left; /* layout centralizado. */
color: #000;
background: transparent url(http://www.nsl.com.br/Imagens/relacao_grupo.jpg) no-repeat right;
}
/******** class botão Centro de Estudos *************/
.btcentro {
width: 190px;
height: 30px;
vertical-align: middle;
display: table;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 10px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
text-align: left; /* conteudo a esquerda. */
float: left; /* layout centralizado. */
color: #808080;
background: transparent url(http://www.nsl.com.br/Imagens/bt_centro.gif) no-repeat center bottom;
}
/************************************************************* Criança ********************************************************/
/******** class logo *************/
.logocrianca {
width: 195px;
height: 90px;
display:table;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
text-align: center; /* conteudo a esquerda. */
float: left; /* layout centralizado. */
color : #808080;
background: #fff url(http://www.nsl.com.br/Imagens/logo_crianca.gif) no-repeat center;
}
/******** class Numero de Telefone *************/
.numtelcrianca {
width: 195px;
height: 50px;
display:table;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
text-align: center; /* conteudo a esquerda. */
float: left; /* layout centralizado. */
color: #808080;
background: #fff url(http://www.nsl.com.br/Imagens/num_telefone2.gif) no-repeat center;
}
/****************** Menu ************************/
div#layout div#topo div#area div#menutopcri
{
	width: 578px;
	height: 22px;
	background: #fff url(http://www.nsl.com.br/Imagens/fun_menu_topo_cri.gif) no-repeat center top;
	padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
	margin: 10px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
	float: right;
	color: #fff;
	display: table;
}
/****************** Menu topo links ************************/
.menutoplinkcri{
width: auto !important;
height: auto !important;
font: 65% Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: 600;
background-color: transparent;
padding: 2px 20px 0px 20px; /* espaçamento top, right, buttom, left*/
text-align: center;
float: left;
color: #00b3aa;
display: table;
/*border: solid 1px #00659C;*/
}
/****************** Formatação padrão dos links ************************/
.menutoplinkcri a {color: #00b3aa; text-decoration: none;}
.menutoplinkcri a:hover { color: #15446b;}
/****************** Legenda da pagina ************************/
.crian{
width: 578px;
height: 30px;
font: 100% Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
letter-spacing: 3px;
background-color: transparent;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
text-align: center;
float: left;
color: #00b3aa;
display: table;
}

.contcrian{
width: 395px;
font : Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 5px 5px 0px 5px; /* espaçamento top, right, buttom, left*/
text-align: left;
float: left;
color: #00b3aa;
display: table;
overflow: hidden;
}
/******** banner *************/
.bannercrianca {
width: 578px;
height: 120px;
display:table;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 20px 0px; /* espaçamento top, right, buttom, left*/
text-align: center; /* conteudo a esquerda. */
float: left; /* layout centralizado. */
color: #000;
/*background: transparent url(http://www.nsl.com.br/Imagens/banner_crianca.jpg) no-repeat center;*/
}
/****************** Div Noticias ************************/
.notcrianca{
width: 255px;
height: 240px;
font: 80% Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
background: transparent url(http://www.nsl.com.br/Imagens/not_crianca.gif) no-repeat left top;
padding: 50px 20px 0px 20px; /* espaçamento top, right, buttom, left*/
text-align: left;
float: left;
color: #15446b;
display: table;
overflow: hidden;
}
/******** class Desenho 1 dentro de noticias  *************/
.notimg1{
width: 50px;
height: 60px;
vertical-align: middle;
display: table;
padding: 0px 10px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
text-align: left; /* conteudo a esquerda. */
float: left; /* layout centralizado. */
color : #808080;
background: transparent url(http://www.nsl.com.br/Imagens/not_desenho1.jpg) no-repeat left bottom;
}
/******** class Desenho 2 dentro de noticias  *************/
.notimg2{
width: 80px;
height: 50px;
vertical-align: middle;
display: table;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
text-align: right; /* conteudo a esquerda. */
float: right; /* layout centralizado. */
color : #808080;
background: transparent url(http://www.nsl.com.br/Imagens/not_desenho2.jpg) no-repeat right bottom;
}
/******** class menu lateral linha 1 *************/
.menulinha3 {
width: 195px;
height: auto !important;
line-height: 20px;
vertical-align: middle;
display: table;
padding: 5px 0px 7px 2px; /* espaçamento top, right, buttom, left*/
text-align: left; /* conteudo a esquerda. */
float: left; /* layout centralizado. */
color: #808080;
background: transparent url(http://www.nsl.com.br/Imagens/menulinha3.gif) no-repeat left bottom;
}
/******** class menu lateral linha 2 *************/
.menulinha4 {
width: 195px;
height: auto !important;
line-height: 20px;
vertical-align: middle;
display: table;
padding: 5px 0px 7px 2px; /* espaçamento top, right, buttom, left*/
text-align: left; /* conteudo a esquerda. */
float: left; /* layout centralizado. */
color: #808080;
background: transparent url(http://www.nsl.com.br/Imagens/menulinha4.gif) no-repeat left bottom;
}
/******** class banner Pepe *************/
.pepe {
width: 190px;
height: 90px;
vertical-align: middle;
display: table;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 25px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
text-align: center; /* conteudo a esquerda. */
float: left; /* layout centralizado. */
color: #808080;
/*background: transparent url(http://www.nsl.com.br/Imagens/banner_pepe.jpg) no-repeat center bottom;*/
}
/******** class banner Ibest *************/
.ibest {
width: 190px;
height: 60px;
vertical-align: middle;
display: table;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 15px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
text-align: center; /* conteudo a esquerda. */
float: left; /* layout centralizado. */
color : #808080;
/*background: transparent url(http://www.nsl.com.br/Imagens/banner_ibest.jpg) no-repeat center bottom;*/
}
/******** class banner Top *************/
.top {
width: 60px;
height: 60px;
vertical-align: middle;
display: table;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 15px 0px 0px 20px; /* espaçamento top, right, buttom, left*/
text-align: center; /* conteudo a esquerda. */
float: left; /* layout centralizado. */
color : #808080;
background: transparent url(http://www.nsl.com.br/Imagens/banner_top.jpg) no-repeat center bottom;
}
/****************** Legenda dos banners do ibest e top ************************/
.legibestop{
width: 200px;
height: 25px;
font : 55% Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
background-color: transparent;
padding: 10px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
text-align: center;
float: left;
color: #666666;
display: table;
overflow: hidden;
}
/**** banners Atividades do Hospital da Criança e Filme Hospital da Criança ******/
.atvhospfilmehosp{
width: 280px;
height: 240px;
font: 80% Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
background-color: transparent;
padding: 00px 00px 0px 00px; /* espaçamento top, right, buttom, left*/
text-align: left;
float: right;
color: #15446b;
display: table;
}
/******** banner Atividades do Hospital da Criança *************/
.ativcrianca {
width: 280px;
height: 78px;
display:table;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 26px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
text-align: center; /* conteudo a esquerda. */
float: left; /* layout centralizado. */
color: #000;
/*background: transparent url(http://www.nsl.com.br/Imagens/ativ_hosp_crianca.jpg) no-repeat right;*/
}
/******** banner Filme Hospital da Criança *************/
.filmecrianca {
width: 280px;
height: 78px;
display:table;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 12px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
text-align: center; /* conteudo a esquerda. */
float: left; /* layout centralizado. */
color: #000;
/*background: transparent url(http://www.nsl.com.br/Imagens/filme_hosp_crianca.jpg) no-repeat right;*/
}

.textoconteudo
{
	font: 70% Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.campoForm
{
	display: block;
	text-align: left;
	vertical-align: middle;
	float: left;
	width: 100px;
	padding-left: 5px;
	font-weight:bold;
	display:table-cell;
}

input, select, textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

input, select, textarea
{
	color: #333333;
	background-color: #F1F1F1;
	border: #939598 1px solid;
	font-size:10px;
}

.iframeAguarde
{
	position:absolute;
	top:1px;
	left:1px;	
	width:100%;
	height:100%;
	z-index: 99999;
	filter: alpha(opacity=10);
}

.aguarde
{
	position:absolute;
	width: 32px;
	height: 32px;
	top: expression((document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + (((window.innerHeight ? (window.__safari ? window.innerHeight : Math.min(window.innerHeight, document.documentElement.clientHeight)) : document.documentElement.offsetHeight - 4) - this.offsetHeight) / 2));
    left: expression((document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft) + (((window.innerWidth ? (window.__safari ? window.innerWidth : Math.min(window.innerWidth, document.documentElement.clientWidth)) : document.documentElement.offsetWidth - 20) - this.offsetWidth) / 2));
	z-index: 100001;
}