@import "/css/top_v10.css";
@import "/css/footer_v10.css";

/* CSS Document */
body{
	margin:0px 0px 0px 0px;
	background-image:url(/supernanny/images/background.jpg);
	background-repeat:repeat-y;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#topo {
	position:relative;
	margin:auto;
	width:100%;
	height:274px;
	background-image:url(images/topo2.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
:focus {
	outline: 0;
}
#topo img {
	width:100%;
	height:270px;
}
#topo h1 {
	display:none; /* Esconde o h1 do layout, só o google vê */
}
p {
	margin:0px;
	padding:0px;
	border:0px;
	color:#016501;
	font-size:12px;
	line-height:18px;
}
img {
	border:0px;
}
#rodape_site {
	position:relative;
	width:100%;
	height:32px;
	float:left;
	text-align:center;
}
.menu_rodape {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000b6e;
	text-decoration:none;
}
a {	
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
#detalhe_rodape2 {
	position:relative;
	background-image:url(images/detalhe_rodape2.jpg);
	background-position:center;
	float:left;
	margin:auto;
	width:100%;
	height:177px;
}
#tudo {
	position:relative;
	width:1000px;
	margin:auto;
	padding:0px;
	clear:left;
}
hr {
	clear:both;
	margin:5px 0px 5px 0px;
}
.form {
	border: thin solid #016501;
}
#banner {
	position:relative;
	width:300px;
	height:250px;
	margin:10px 0px 10px 0px;
}
#banner2 {
	position:relative;
	width:100%;
	text-align:center;
	height:90px;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	float:left;
}
#footer_sbt {
	position:relative;
	float:left;
	width:100%;
	text-align:center;
}
.texto{
	font-family:Verdana;
	color:#016501;
	font-size:12px;
	text-decoration:none;
}
.texto:hover{
	text-decoration:underline;
}

/* --------------------------------------- =MENU --------------------------------------- */
#bg_menu{
	position:relative;
	width:100%;
	margin:auto;
	background-color:#0010dd;
	height:30px;
	padding:0px;
	float:left;
}
#menu{
	position:relative;
	width:1000px;
	left:50%;
	margin-left:-500px;
	height:30px;
	padding:0px;
	float:left;
}
#menu #nav {
	list-style:none;
	margin-top:0px;
	padding:0px;
}
#menu #nav li{
	float:left;
	margin-left:0px;
	margin-right:0px;
}
#menu #nav li a{
	height:30px;
	display:block;
	float:left;
	text-decoration:none;
	text-indent: -900em;
}
#menu #nav #nav_oprograma a{
	width: 121px;
	background:url(/supernanny/images/nav_oprograma.jpg) no-repeat left top;
}
#menu #nav #nav_oprograma a:hover{
	background: url(/supernanny/images/nav_oprograma.jpg) no-repeat left bottom;
}
#menu #nav #nav_oprogramaAtiva a{
	width: 121px;
	background: url(/supernanny/images/nav_oprograma.jpg) no-repeat left bottom;
}
#menu #nav #nav_crispoli a{
	width: 101px;
	background: url(/supernanny/images/nav_crispoli.jpg) no-repeat left top;
}
#menu #nav #nav_crispoli a:hover{
	background: url(/supernanny/images/nav_crispoli.jpg) no-repeat left bottom;
}
#menu #nav #nav_crispoliAtiva a{
	width: 101px;
	background: url(/supernanny/images/nav_crispoli.jpg) no-repeat left bottom;
}
#menu #nav #nav_dicas a{
	width: 65px;
	background: url(/supernanny/images/nav_dicas.jpg) no-repeat left top;
}
#menu #nav #nav_dicas a:hover{
	background: url(/supernanny/images/nav_dicas.jpg) no-repeat left bottom;
}
#menu #nav #nav_dicasAtiva a{
	width: 65px;
	background: url(/supernanny/images/nav_dicas.jpg) no-repeat left bottom;
}
#menu #nav #nav_artigos a{
	width: 84px;
	background: url(/supernanny/images/nav_artigos.jpg) no-repeat left top;
}
#menu #nav #nav_artigos a:hover{
	background: url(/supernanny/images/nav_artigos.jpg) no-repeat left bottom;
}
#menu #nav #nav_artigosAtiva a{
	width: 84px;
	background: url(/supernanny/images/nav_artigos.jpg) no-repeat left bottom;
}
#menu #nav #nav_blog a{
	width: 182px;
	background: url(/supernanny/images/nav_blog.jpg) no-repeat left top;
}
#menu #nav #nav_blog a:hover{
	background: url(/supernanny/images/nav_blog.jpg) no-repeat left bottom;
}
#menu #nav #nav_blogAtiva a{
	width: 182px;
	background: url(/supernanny/images/nav_blog.jpg) no-repeat left bottom;
}
#menu #nav #nav_bastidores a{
	width: 115px;
	background: url(/supernanny/images/nav_bastidores.jpg) no-repeat left top;
}
#menu #nav #nav_bastidores a:hover{
	background: url(/supernanny/images/nav_bastidores.jpg) no-repeat left bottom;
}
#menu #nav #nav_bastidoresAtiva a{
	width: 115px;
	background: url(/supernanny/images/nav_bastidores.jpg) no-repeat left bottom;
}
#menu #nav #nav_videos a{
	width: 77px;
	background: url(/supernanny/images/nav_videos.jpg) no-repeat left top;
}
#menu #nav #nav_videos a:hover{
	background: url(/supernanny/images/nav_videos.jpg) no-repeat left bottom;
}
#menu #nav #nav_videosAtiva a{
	width: 77px;
	background: url(/supernanny/images/nav_videos.jpg) no-repeat left bottom;
}
#menu #nav #nav_inscricoes a{
	width: 108px;
	background: url(/supernanny/images/nav_inscricoes.jpg) no-repeat left top;
}
#menu #nav #nav_inscricoes a:hover{
	background: url(/supernanny/images/nav_inscricoes.jpg) no-repeat left bottom;
}
#menu #nav #nav_inscricoesAtiva a{
	width: 108px;
	background: url(/supernanny/images/nav_inscricoes.jpg) no-repeat left bottom;
}

/* --------------------------------------- =NOTICIAS ----------------------------------- */
#noticias {
	position:relative;
	height:270px;
	background-color:#b50a51;
	text-align:left;
	padding-left:20px;
	padding-right:10px;
	color:#FFFFFF;
	text-decoration:none;
	font-family:Verdana;
	font-size:12px;
	line-height:18px;
	width:270px;
}
#noticias img {
	position:relative;
	margin:10px;
}
.noticias{
	color:#FFFFFF;
	text-decoration:none;
	font-family:Verdana;
	font-size:12px;
	line-height:18px;
}
.noticias:hover{
	text-decoration:underline;
}
.hr_noticias {
	color:#CCCCCC;
	padding: 0px 0px 0px 0px;
	border-style:dotted;
	margin:5px 0px 5px 0px;
}

/* --------------------------------------- =HOME --------------------------------------- */
#home #conteudo1 {
	position:relative;
	width:658px;
	margin:10px 0px 0px 20px;
	padding:0px;
	float:left;
}
#home #conteudo2 {
	position:relative;
	width:300px;
	margin:10px 0px 10px 10px;
	padding:0px;
	float:left;
}
#home #flashhome{
	position:relative;
	width:430px;
	height:267px;
	margin:5px 8px 0px 3px;
	padding:0px;
	float:left;
}

/* --------------------------------------- =O PROGRAMA --------------------------------------- */
#oprograma #conteudo1 {
	position:relative;
	width:570px;
	background-color:#ffffff;
	float:left;
	margin:10px 0px 0px 50px;
	padding:10px;
}
#oprograma #conteudo1 h2 {
	position:relative;
	width:194px;
	height:38px;
	background-image:url(images/tit_oprograma.jpg);
	text-indent:-900em;
}
#oprograma #conteudo2 {
	position:relative;
	width:300px;
	float:left;
	margin:10px 0px 10px 48px;
	padding:0px;
}
#oprograma #conteudo3 {
	position:relative;
	width:960px;
	float:left;
	margin:0px 0px 0px 25px;
}

/* --------------------------------------- =CRIS POLI --------------------------------------- */
#crispoli #conteudo1 {
	position:relative;
	width:400px;
	background-color:#ffffff;
	float:left;
	margin:10px 0px 0px 62px;
	padding:10px;
	height:470px;
}
#crispoli #foto {
	position:relative;
	width:126px;
	background-image:url(images/foto.jpg);
	height:489px;
	float:left;
	margin:10px 0px 0px 0px;
	padding:0px;
}
#crispoli #conteudo1 h2 {
	position:relative;
	width:323px;
	height:38px;
	background-image:url(images/tit_crispoli.jpg);
	text-indent:-900em;
}
#crispoli #conteudo2 {
	position:relative;
	width:300px;
	float:left;
	margin:10px 0px 0px 80px;
	padding:0px;
}
#crispoli #conteudo3 {
	position:relative;
	width:961px;
	float:left;
	margin:0px 0px 0px 25px;
}

/* --------------------------------------- =DICAS --------------------------------------- */
#dicas #conteudo1 {
	position:relative;
	width:390px;
	background-color:#ffffff;
	float:left;
	margin:10px 0px 0px 32px;
	padding:10px;
}
#dicas #conteudo1 h2 {
	position:relative;
	width:87px;
	height:38px;
	background-image:url(images/tit_dicas.jpg);
	text-indent:-900em;
}
#dicas #mais_dicas {
	position:relative;
	width:210px;
	background-color:#efefef;
	float:left;
	margin:10px 0px 0px 0px;
	padding:10px;
	min-height: 510px;
}
#dicas #mais_dicas h2 {
	position:relative;
	width:91px;
	height:38px;
	background-image:url(images/tit_mais_dicas.jpg);
	text-indent:-900em;
}
#dicas #conteudo2 {
	position:relative;
	width:300px;
	float:left;
	margin:10px 0px 0px 16px;
	padding:0px;
}
#dicas #conteudo3 {
	position:relative;
	width:961px;
	float:left;
	margin:0px 0px 0px 25px;
}

/* --------------------------------------- =ARTIGOS --------------------------------------- */
#artigos #conteudo1 {
	position:relative;
	width:610px;
	background-color:#ffffff;
	float:left;
	margin:10px 0px 0px 32px;
	padding:10px;
	font-family:Verdana;
	color:#016501;
	font-size:12px;
	text-decoration:none;
}
#artigos #conteudo2 {
	position:relative;
	width:300px;
	float:left;
	margin:10px 0px 10px 25px;
	padding:0px;
}
#artigos #conteudo3 {
	position:relative;
	width:961px;
	float:left;
	margin:10px 0px 0px 25px;
}
#content_artigos{
	text-align:center;
	position:relative;
	margin-top:10px;
	margin-bottom:10px;
}
#artigos h2 {
	position:relative;
	width:122px;
	height:38px;
	background-image:url(images/tit_artigos.jpg);
	text-indent:-900em;
}
#artigos #conteudo2 h3 {
	position:relative;
	width:122px;
	height:38px;
	background-image:url(images/tit_+artigos.jpg);
	text-indent:-900em;
}
.hr_artigos{
	color:#016501;
	padding: 0px 0px 0px 0px;
	border-style:dotted;
}

/* --------------------------------------- =BLOG --------------------------------------- */
#blog #conteudo1 {
	position:relative;
	width:618px;
	background-color:#ffffff;
	float:left;
	margin:10px 0px 0px 25px;
}
#blog #conteudo1 h2 {
	position:relative;
	width:472px;
	height:135px;
	background-image:url(images/tit_blog.jpg);
	text-indent:-900em;
	margin:0px 0px 0px 70px;
}
#blog #conteudo2 {
	position:relative;
	width:318px;
	float:left;
	margin:10px 0px 0px 10px;
	padding:0px;
}
#blog #comente {
	display:inline;
	float:left;
	width:200px;
	padding:5px;
}
.cor_comente {
	color:#b50a51;
}
.balao {
	float:left;
}
#blog #lateral_blog {
	position:relative;
	width:280px;
	height:250px;
	background-color:#ffffff;
	margin:0px 0px 0px 0px;
	padding:10px;
	text-align:left;
}
.espaco_hr {
	padding:0px;
	margin:0px;
}
#blog_p{
	text-align:left;
	color:#016501;
	width:100%;
}
#blog_cabecalho{
	font-weight:bold;
	text-align:left;
	color:#016501;
	width:100%;
	margin-top:20px;
}
#blog_creditos{
	font-size:12px;
	text-align:left;
	color:#016501;
	width:100%;
}
#blog_img_post{
	text-align:center;
}
#blog_video_post{
	text-align:center;
	margin-bottom:10px;
	margin-top:5px;
}
#blog_conteudo_post{
	text-align:left;
	color:#016501;
	font-size:12px;
	width:100%;
}
#blog_opcoes{
	font-size:12px;
	text-align:left;
	color:#016501;
	padding:20px;
	margin-bottom:20px;
	width:100%;
}
#blog_comentarios{
	font-size:12px;
	text-align:left;
	padding:5px;
	color:#016501;
	margin-top:5px;
	margin-bottom:20px;
	width:100%;
}
#blog_creditos_comentarios{
	font-size:12px;
	text-align:right;
	color:#016501;
	margin-top:5px;
	width:100%;
}
#blog_mensagem{
	font-size:12px;
	text-align:left;
	color:#FF0000;
	padding:20px;
	margin-bottom:20px;
}
#blog_msg_erro{
	font-size:12px;
	text-align:center;
	color:#FF0000;
	padding:5px;
	margin-bottom:5px;
	width:100%;
}
#blog_insere_post_chamada{
	font-size:12px;
	text-align:center;
	color:#016501;
	font-weight:bold;
	width:100%;
	margin-bottom:10px;
}
#blog_insere_post{
	font-size:12px;
	text-align:left;
	color:#016501;
	width:100%;
}
.blog_forms{
	width:100%;
}
#blog_insere_post_botao{
	text-align:center;
	width:100%;
}
#blog_insere_post #blog_forms{
	width:100%;
}
#blog_comentario{
	width:100%;
	color:#016501;
	margin-left:10px;
	margin-bottom:50px;
}

#blog_qtd_comentarios{
	width:100%;
	color:#016501;
	margin-top:20px;
	font-weight:bold;
}



#blog_busca{
	float:left;
	padding:0 5px;
	text-align:left;
	width:290px;
	margin-top:22px;
	color:#016501;
	font-weight:bold;
}
#blog_arquivo{
	float:left;
	padding:20px 5px 0 5px;
	text-align:left;
	height:20px;
	width:100%;
	color:#016501;
	font-weight:bold;
}
#blog_mes{
	float:left;
	font-size:12px;
	text-align:left;
	color:#016501;
	height:150px;
	overflow:auto;
	padding:10px 5px 0 5px;
	width:290px;
}
#blog_resposta{
	text-align:left;
	font-size:11px;
	width:100%;
	margin-top:5px;
	margin-bottom:5px;

}
#blog #banner{
	float:left;
	margin:0;
	margin /*\**/: 40px 0 0 0 \9 /*ie*/;
}
#conteudo2 .chamadaBastidores{
	float:left;
	margin:20px 0 0 0;
}
.blog_form{
	height:10px;
}

/* --------------------------------------- =BASTIDORES --------------------------------------- */
#bastidores #conteudo1 {
	position:relative;
	width:618px;
	background-color:#ffffff;
	float:left;
	margin:10px 0px 0px 40px;
	padding:10px;
}
#bastidores #conteudo1 h2 {
	position:relative;
	width:169px;
	height:38px;
	background-image:url(images/tit_bastidores.jpg);
	text-indent:-900em;
}
#bastidores #comente {
	display:inline;
	float:left;
	width:200px;
	padding:5px;
}
#bastidores #conteudo2 {
	position:relative;
	width:300px;
	float:left;
	margin:10px 0px 0px 10px;
	padding:0px;
}
#bastidores #conteudo3 {
	position:relative;
	width:961px;
	float:left;
	margin:20px 0px 0px 25px;
}

/* --------------------------------------- =VIDEOS --------------------------------------- */
#videos #conteudo1 {
	position:relative;
	width:710px;
	background-color:#ffffff;
	float:left;
	margin:10px 0px 0px 35px;
	padding:0px;
}
#videos #conteudo1 h2 {
	position:relative;
	width:103px;
	height:38px;
	background-image:url(images/tit_videos.jpg);
	text-indent:-900em;
	margin:0px 0px 5px 0px;
}
#videos #conteudo2 {
	position:relative;
	width:220px;
	float:left;
	margin:10px 0px 0px 20px;
	padding:0px;
}

/* --------------------------------------- =INSCRICOES --------------------------------------- */
#inscricoes #conteudo1 {
	position:relative;
	width:610px;
	background-color:#ffffff;
	float:left;
	margin:10px 0px 0px 20px;
	padding:10px;
}
#inscricoes #conteudo1 h2 {
	position:relative;
	width:150px;
	height:38px;
	background-image:url(images/tit_inscricao.jpg);
	text-indent:-900em;
	margin:0px 0px 0px 0px;
}
#inscricoes #conteudo2 {
	position:relative;
	width:326px;
	float:left;
	margin:10px 0px 0px 24px;
	padding:0px;
}
#inscricoes #conteudo2 a {
	display:block;
}
#inscricoes #conteudo3 {
	position:relative;
	width:961px;
	float:left;
	margin:15px 0px 0px 25px;
}
.form_supernanny {
	border:1px solid #016501;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#016501;
}
.txt_form {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000b6e;
}
#btn_noti {
	float:right;
}