@charset "utf-8";
/* 	
	Legal você se dedicar e verificar essa estilização, aprenda com ela, não copie, isso é feio! =)
	Criado por Edjames Oliveira
	em 15/11/2010 às 14:35
*/

 
body{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background:	#C1D59E url("../imagens/fundo-do-site.jpg") fixed;
	height:	100%;
	}
	
#geral{
	width: 950px;
	margin:	0 auto;
	}

/* ---------------------------------------------- ÁREA DO TOPO DA PÁGINA ---------------------------------------------- */

#topo{	}
	
	#topo #home-contato{
		width:318px;
		height:38px;			
		float:right;
		margin:0px 150px 0 0;
		border:none;
	}
	#topo #home-contato p{
		float:left;
		}
		.sumir{
			display:none;
			}
	#ico-home{
		width:159px;
		height:38px;
		background:url("../imagens/ico-home.png") no-repeat;
		}
		#ico-home:hover{
			background:url("../imagens/ico-home-hover.png") no-repeat;
			}
	#ico-contato{
		width:156px;
		height:38px;
		background:url("../imagens/ico-contato.png") no-repeat;	
		}
		#ico-contato:hover{
			background:url("../imagens/ico-contato-hover.png") no-repeat;
			}
	
	#topo #logo{		
		width:355px;
		height:122px;
		background:url("../imagens/logo-nativida3.png");
		display:block;	
		float:left;
		}	
		#topo #logo h1{
			text-indent:-9999px;
			line-height:60px;
		}
			
	#bebe-topo{
		width:220px;
		height:188px;
		background:url("../imagens/bebe-topo.png");
		
		float:right;
		}
	
	#destaque{
		width:950px;
		height:260px;
		background:url("../imagens/fundo-destaque.png");
		float:left;
		margin-top:-30px;
		}	
		#destaque-foto{
			float:left;
			}
		#destaque-menu{
			float:right;
			margin:135px 20px 0 0;	
			text-transform:uppercase;
			font-size:17px;
			color:#fff;
			}
			#destaque-menu li{
				line-height:27px;
				width:200px;
				border-bottom:1px dotted #fff;
				padding-left:30px;
				background:url("../imagens/ico-menu-topo.png") left center no-repeat;
			}
			#destaque-menu li a{
				color:#fff;
				display:block;			
			}
			#destaque-menu li a:hover, li:hover{/*aplicando o a cor verde de fundo e os cantos arrendondados no menu topo*/
				background:#A0C23B;
				-moz-border-radius: 7px;
				-webkit-border-radius: 7px;
			}
			
			#destaque-menu li:hover{/*Aplicando sombra quando o mouse estiver sobre os itens de menu*/
				box-shadow: 5px 5px 0 #659234;
				-webkit-box-shadow: 2px 2px 0 #659234;
				-moz-box-shadow: 3px 3px 0 #659234;
			}
			
#menu-horizontal{
	width:950px;
	height:40px;
	background:url("../imagens/fundo-menu-horizontal.png");
	float:left;
	margin:-1px 0 5px;

	}
	
	#menu-horizontal ul{
		margin:12px 0 0 20px;
		}
	#menu-horizontal li{		
		display:inline;		
		}
		#menu-horizontal li a{
			color:#fff;
			padding:5px 20px 5px 10px;
			border-right:1px dotted #fff;
			border-left:1px dotted #777F77;				
			}
		#menu-horizontal li a:hover{
			background:#DEEEBB;
			-moz-border-radius: 7px;
		   	-webkit-border-radius: 7px;
			color:#333;
			border:1px dotted #fff;		
			}
#busca{	
	float:right;
	margin:5px 20px 0 0;
	}
	#busca #inputBusca{
		background:#F0F0F0;
		border:none;
		vertical-align:top;
		height:30px;
		width:145px;
		line-height:30px;		
		font-size:18px;
		color:#14A819;
		float:left;
	}
	#busca #botaoBusca{
		display:block;
		border:none;
		width:30px;
		height:30px;
		cursor:help;
		float:left;
		}

#conteudo-geral{
	width:950px;
	clear:both;
	margin-top:40px;
	}
	
	#colunaEsquerda{
		width:200px;
		float:left;
		}
	#colunaCentral{
		width:550px;

		float:left;
		}
	#colunaDireita{
		width:193px;	
		float:right;
		}
	
.topoColuna{
 	width:178px;
	height:37px;
	background:url("../imagens/topo-de-colunas.png") no-repeat;
	padding:0;
	}

#ctl00_btneAgendamento{
	background:url("../imagens/btn-eAgendamento.gif") no-repeat;
	width:122px;
	height:27px;
	border:none;
	cursor:pointer;
	margin-top:20px;
	padding-top:1px;
	vertical-align:top;
	padding: 0 10px 8px 0;
	}

#btnNewsLetter{
	background:url("../imagens/btn-cadastrarNewsLetter.gif") no-repeat;
	width:100px;
	height:31px;
	border:none;
	cursor:pointer;
	margin-top:20px;
	}
#formNewsLetter label{
	display:block
	}

#btnInstrucaoColeta{
	background:url("../imagens/btn-instrucaoColeta.gif") no-repeat;
	width:144px;
	height:32px;
	border:none;
	cursor:pointer;
	margin-top:20px;
	}

.conteudoColuna{
	width:163px;
	background:#E0EDD3;
	border:1px solid #A7CC82;
	border-top:none;
	margin:0 0 0 8px;
	padding:10px;
	}

.topoColunaCentral{
 	width:535px;
	height:37px;
	background:url("../imagens/topo-da-coluna-central.png") no-repeat;
	padding:0;	
	}
h2.subTituloColunaCentral{

	line-height:28px;	
	background:#A0C23B url("../imagens/fundo-sub-titulo.png") left center repeat-x;
	padding-left:20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin:0 0 10px 0px;
	clear:both;
	}
	.cantoEsquerdoSubMenu{		
		height:41px;
		background:url("../imagens/canto-esquerdo-sub-titulo.png") left bottom no-repeat;
		padding:0;
		margin-left:-20px;
		clear:both;
		}

	
.conteudoColunaCentral{
	width:520px;
	background:#E0EDD3;
	border:1px solid #A7CC82;
	border-top:none;
	margin:0 0 0 8px;
	padding:10px;
	}

h1{
	font-size:20px;
	font-weight:normal;
	}
h2{
	margin:0;
	padding:0 0 0 15px;
	font-size:17px;
	color:#fff;
	text-shadow:#000 1px 1px 1px;
	font-weight:normal;
	}
p{
	font-size:13px;
	text-align:justify;
	margin-bottom:20px;
	line-height:18px;
	}

h1.topoColunaCentral,h2.topoColuna{
	margin:0;
	padding:18px 0 0 15px;
	font-size:17px;
	color:#fff;
	text-shadow:#000 1px 1px 1px;
	font-weight:normal;
	}
.controleDeBlocos{
	margin-bottom:10px;
	padding:0;
	}
.fonteDescricao{
	font-size:12px;
	font-weight:normal;
	text-align:justify;
	}
.invisivel{
	display:none;
	}


	
/*---------------- FORMULÁRIOS ----------------*/

input[type="text"], select{
	border:1px solid #A7CC82;
	background:#F8F8F8;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#060;

	}

/*---------------- RODAPÉ ----------------*/
#rodape{
	clear:both;
	width:		960px;
	height:		41px;
	background:	url("../imagens/rodape.png") no-repeat;
	margin:0 auto;
	padding-top:50px;
	font-size:10px;
	}
	#rodape p, address{
		text-align:center;
		line-height:0px;
		}
	address > strong{
		font-style:normal;
		}
/*---------------- BLOCOS DE DESTAQUE ----------------*/

#box-servicos-especiais{
	height:290px;
	width:520px;
	padding:0;
	overflow:auto;
	}

.bloco-destaque{
	width:155px;
	min-height:258px;
	padding:5px;
	background:#DAE4C5;
	border: 1px solid #A7CC82;
	margin:0 6px 0 0;	
	float:left;
	}
	
	.bloco-destaque:hover{
		background:#E9EFDC;
		border: 1px dashed #A7CC82;
		cursor:default;
		}
		.bloco-destaque:hover .titulo-bloco-destaque{
			box-shadow: 5px 5px 0 #A0C23B;
			-webkit-box-shadow: 2px 2px 0 #A0C23B;
			-moz-box-shadow: 3px 3px 0 #A0C23B;
			
		}

	.bloco-destaque a, .bloco-destaque a:visited, .bloco-destaque a:active{
		font-family:Tahoma, Geneva, sans-serif;
		font-size:11px;
		font-weight:normal;
		color:#586444;
		background:url("../imagens/ico-saiba-mais.png") center right no-repeat;
		padding:0 22px 5px 0;
		float:right;		
		}
		.bloco-destaque a:hover{			
			text-shadow:#090 1px 1px 1px;
			}
	
	.titulo-bloco-destaque{
	font-family:tahoma, arial;
	text-transform:uppercase;
	font-size:14px;
	color:#435524;
	font-weight:bold;
	text-shadow:none;
	width:145px;
	height:30px;
	padding:15px 5px 5px;;
	background:#DAE4C5;
	border: 1px solid #A7CC82;
	margin-bottom:10px;

	}


/*---------------- FORMULÁRIO DE CONTATO ----------------*/


#formulario{
	width:500px;
	margin:0 auto;	
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	#pnlCampus label{
		display:block;
		}
	#pnlCampus input[type=text], textarea{
		width:400px;
		line-height:20px;
		background:#fff url("../imagens/img-fundo-input-contato.png") repeat-x;
		font-size:18px;
		border:1px solid #090;
		padding:5px;
		margin-bottom:15px;
		}
	#pnlCampus input[type=submit]{
		background:#ccc url("http://nativida.com.br/imagens/fundo-cinza.png") bottom left repeat-x;
		color:#fff;
		text-transform:uppercase;
		border:none;
		line-height:30px;
		height:30px;
		}
#endereco{
	background:#A0C23B url("../imagens/fundo-sub-titulo.png") bottom left repeat-x;
	height:60px;
	border-top:1px solid #fff;
	padding:10px 0;
	margin-top:30px;
	}
	#endereco p, #endereco address{
		font-size:12px;
		font-style:normal;
		text-align:center;
		margin: 0 0 10px;
		}

/*---------------- TABELA DE ÚLTIMAS NOTÍCIAS ----------------*/
.tabelaUltimasNoticias{
	width:500px;
	border:none;
	}
.tabelaUltimasNoticias tr{
	font-size:13px;
	text-align:justify;
	line-height:30px;
	border-bottom:1px dotted #000;
	}
.tabelaUltimasNoticias td{
	line-height:30px;
	height:30px;
	display:table-cell;
	}
	
	.tabelaUltimasNoticias .colunaData{
		width:90px;
		font-weight:bold;
		color:#435524;

		}
	.tabelaUltimasNoticias .colunaTitulo{
		width:410px;
		}
		.tabelaUltimasNoticias .colunaTitulo a:hover, .tabelaUltimasNoticias tr:hover{
			background:#C5D5A4;
			}
	#maisNoticias{
		font-family:Tahoma, Geneva, sans-serif;
		font-size:11px;
		font-weight:normal;
		color:#586444;
		background:url("../imagens/ico-saiba-mais.png") top right no-repeat;
		padding:0 22px 5px 20px;
		text-align:right;
		margin:20px 20px 0 0;
		}
		#maisNoticias a:hover{
			text-shadow:#fff 1px 1px 1px;
			text-decoration:underline;
			}
		
/*---------------- OPÇÕES ----------------*/
#opcoes, #opcoes ul{
	width:auto;
	list-style:none;
	margin-bottom:40px;
	font-size:11px;
	height:45px;
	text-align:right;
	clear:both;
	}
	#opcoes ul li{
		display:inline;
		line-height:45px;
		height:45px;
		margin-right:20px;
		padding:9px;
		}
	
	#opcoes .opVoltar{
		background: url("../imagens/ico-voltar.png") left center no-repeat;
		padding-left:30px;	
		}
	#opcoes .opSeguir{
		background: url("../imagens/ico-seguir.png") right center no-repeat;
		padding-right:30px;	
		}
		
	#opcoes .opParaAmigo{
		background: url("../imagens/ico-enviar-para-amigo.png") left center no-repeat;
		padding-left:30px;	
		}
	#opcoes .opImprimir{
		background: url("../imagens/ico-imprimir.png") left center no-repeat;
		padding-left:30px;	
		}

/*---------------- FORMULÁRIO DE INDICAÇÃO ----------------*/

#form-indicacao{
	width:360px;
	margin:0 auto;	
	font-family:Georgia, "Times New Roman", Times, serif;
	background:#E0EDD3;
	padding:20px 20px 0;
	}
	
	#pnlCampus label{
		display:block;
		margin-left:20px
		}
	
	#pnlCampus input[type=text]{
		width:320px;
		line-height:20px;
		background:#fff url("../imagens/img-fundo-input-contato.png") repeat-x;
		font-size:18px;
		border:1px solid #090;
		padding:5px;
		margin:0 20px 15px;
		}
	
	#pnlCampus input[type=submit]{
		background:#ccc url("http://nativida.com.br/imagens/fundo-cinza.png") bottom left repeat-x;
		color:#fff;
		text-transform:uppercase;
		border:none;
		line-height:30px;
		height:30px;
		margin:0 20px 15px;
		}
		
/*---------------- ESTILO DO MODAL POPUP ----------------*/		
		
.modalBackground {
	background-color:#333333;
	filter:alpha(opacity=48);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

.Informacao{ height:50px; width:99%; border:1px solid #FFCC99; background:#FFFFCC;}

/*---- FORMATACAO FORMULÁRIO AGENDAMENTO ----*/
.formataDivs{ }
.formataDivs div {float:left; margin:5px 10px 0 5px;}
.formataDivs .seletorGrande{float:left; margin:5px 10px 0 5px;}
.formataDivs div label{margin:0; width:150px; display:block; padding:5px 0; color:#000; font: bold 12px Tahoma;}
.formataDivs div label span{ display:none;}
.formataDivs div span{margin:0; width:150px; display:block; padding:5px 0; color:#737373; font: normal  12px Tahoma;}
.formataDivs div input[type="text"]{width:200px; border:1px solid #d4d4d4; margin:2px 0; padding:5px 2px; background:#F3F3F3;}
.formataDivs div select {border:1px solid #d4d4d4; margin:2px 0; background:#F3F3F3;}
.formataDivs div option{ border:1px solid #d4d4d4; margin:2px 0; padding:5px 2px; background:#F3F3F3;}
.formataDivs div input[type="password"]{width:200px; border:1px solid #d4d4d4; margin:2px 0; padding:5px 2px; background:#F3F3F3;}
.formataDivs div textarea { width:920px; height:50px; border:1px solid #d4d4d4; margin:2px 0; padding:2px; background:#F3F3F3;}
.formataDivs div input[type="text"]:focus {background:#fff;border: 1px solid #5D7B9D;}
.formataDivs div input[type="password"]:focus {background:#fff;border: 1px solid #5D7B9D;}
.formataDivs div textarea:focus {background:#fff;border: 1px solid #5D7B9D;}
.formataDivs div select:focus {width:206px;background:#fff;border: 1px solid #5D7B9D;}
.formataDivs div em {font:bold;color:Red; margin-right:5px;}
.formataDivs p {color:Blue; font-size:14px; margin-top:10px;}

.formataDivs .maior{}
.formataDivs .maior label{margin:0; width:400px; display:block; padding:5px 0; color:#000; font: bold 12px Tahoma;}
.formataDivs .maior label span{ display:none;}
.formataDivs .maior span{margin:0; width:400px; display:block; padding:5px 0; color:#737373; font: bold  12px Tahoma;}
.formataDivs .maior input[type="text"]{width:450px; border:1px solid #d4d4d4; margin:2px 0; padding:5px 2px; background:#F3F3F3;}
.formataDivs .maior input[type="text"]:focus {background:#fff;border: 1px solid #5D7B9D;}

.clear { clear: both;}
.clearFull{display:block;clear:both;}

.campusBloco{}
.campusBloco select {border:1px solid #d4d4d4; margin:2px 0; background:#F3F3F3; width:160px;}
.campusBloco option{ border:1px solid #d4d4d4; margin:2px 0; padding:5px 2px; background:#F3F3F3;}
.campusBloco select:focus {width:160px;background:#fff;border: 1px solid #5D7B9D;}
.campusBloco input[type="text"]{width:160px; border:1px solid #d4d4d4; margin:2px 0; padding:5px 2px; background:#F3F3F3;}
.campusBloco input[type="text"]:focus {background:#fff;border: 1px solid #5D7B9D;}