@charset "utf-8";
/* CSS Document */

@import "960.css";
@import "reset.css";

* {margin:0; padding:0; /*border:1px solid black;/**/}
html, body {background:#fff url(../images/bg-website.gif) top repeat-x fixed; font:12px Tahoma, Geneva, sans-serif; color:#636363;}

a img {border: 0;}
a {text-decoration:none; cursor:pointer;}
a:active, a:focus {text-decoration:none;}
a:hover {text-decoration:underline;}

p {line-height:160%; margin-bottom:15px;}

.margin-top {margin-top:15px;}
.margin-lateral {margin:0 12px;}

/*TOPO*/

	#topo {height:174px;}
		#topo .logo {background:url(../images/logo-sampadanca.png) no-repeat; width:300px; height:174px; display:block; text-indent:-9999px;}
		#topo #box-news {background:url(../images/bg-news.gif) no-repeat; height:84px; margin-bottom:14px; padding:15px; width:190px; color:#fff;}
		
			#formNews {margin-top:15px;}
			#formNews label {float:left; width:50px;}
			#formNews input, select, textarea {font-size:12px; margin-bottom:5px; padding:2px; width:90px;}
			#formNews #btn-ok {position:absolute; width:29px; height:22px; border:0; background:url(../images/btn-ok.gif) no-repeat; text-indent:-9999px; margin-left:5px; cursor:pointer;}
		
		#topo #carrinho {background:url(../images/bg-carrinho.gif) no-repeat; height:38px; padding-top:8px; color:#fff; padding-left:70px; font:10px Verdana, Geneva, sans-serif; }
			#topo #carrinho strong {font-size:14px;}
			#topo #carrinho a {color:#fff;}
		#topo #chamada {color:#fff; text-align:right;}
			#topo #chamada h1 {font-size:18px; font-weight:normal; margin:40px 15px 0 0;}
			#topo #chamada h2 {font-size:14px; font-weight:normal; margin:0 15px;}
			#topo #chamada h3 {font-size:12px; font-weight:normal; margin:40px 15px 0 0;}
			
			
/*MENU*/			

	#menu {background:url(../images/bg-menu.gif) repeat-x; height:32px; display:block; font:12px Arial, Helvetica, sans-serif; font-weight:bold;}	
		#menu li {float:left; padding:0; margin:0; list-style:none;}
		#menu li a {background:url(../images/bg-menu-separa.gif) right no-repeat; display:block; height:32px; line-height:32px; padding:0 20px; color:#000;}
		#menu li a:hover, a.ativo {background:#cb0000; color:#fff; text-decoration:none;}
			#menu li ul {background:#eeeeee; display:none; position:absolute; z-index:5; margin:0; padding:0; border-left:#dbdad4 solid 1px; border-right:#dbdad4 solid 1px;}
			#menu li:hover ul, #menu .ie6hover ul {display:block;}
			#menu li ul li {float:none; border-bottom:1px solid #dbdad4;}
			#menu li ul li a {background:none; text-indent:0px; line-height:30px; padding:0 25px; height:30px; font-weight:normal;}
			#menu li ul li a:hover {text-decoration:none; background:#cb0000; color:#fff;}
			
			
/*CONTEUDO*/			

	#home #conteudo {background:#fff url(../images/bg-imagem.jpg) top right no-repeat; padding:10px;}
	#conteudo {background:#fff; padding:25px;}
		#conteudo h1 {margin-bottom:20px; color:#000; font-size:20px;}
		#conteudo h2 {margin-bottom:20px; color:#b73300; font-size:16px;}
		#conteudo small {color:#000;}
		#conteudo .box {background:#fff; border:#eaeaea solid 2px; padding:25px; width:550px; margin-bottom:15px;}
		#conteudo .box-10px {background:#fff; border:#eaeaea solid 1px; padding:15px; width:550px; margin-bottom:15px;}
		#conteudo .box-cinza {background:#eeeeee; border:#e8e8e8 solid 1px; padding:10px; font:11px Arial, Helvetica, sans-serif; text-align:center;}

		
		#conteudo #etapas li {float:left; margin:0; list-style:none; margin:0 20px 35px 0; height:30px; font-size:14px; color:#c9c9c9;}
		#conteudo #etapas li.etapas-on {background:url(../images/etapas-on.gif) center bottom no-repeat; color:#da1012; font-weight:bold; font-size:16px;}
		
			.btn-voltar, .bt_comprar, .btn-inscricao-concluir, .bt_continuar_comprando, .bt_topo, .btn-proxima, .btn-inscrevase, .btn-conclui {text-indent:-9999px; display:block; float:left; margin:25px 10px 0 0;}
			.btn-voltar {background:url(../images/btn-voltar.gif) no-repeat; width:98px; height:33px;}
			.btn-proxima {background:url(../images/btn-proxima-etapa.gif) no-repeat; width:141px; height:33px;}
			.btn-inscrevase {background:url(../images/btn-inscrevase.gif) no-repeat; width:125px; height:33px;}
			.btn-conclui {background:url(../images/btn-inscricao-concluir.gif) no-repeat; width:175px; height:33px;}
			.bt_comprar {background:url(../images/bt_comprar.gif) no-repeat; width:124px; height:34px;}
			.bt_continuar_comprando {background:url(../images/bt_continuar_comprando.gif) no-repeat; width:202px; height:34px;}
			.bt_topo {background:url(../images/bt_topo.gif) no-repeat; width:99px; height:34px;}
			.btn-inscricao-concluir {background:url(../images/btn-inscricao-concluir.gif) no-repeat; width:174px; height:33px;}
		
		#conteudo #post-it {position:absolute; margin:560px 0 0 660px;}
		
		#conteudo .col-esquerda, #conteudo .col-direita {float:left;}
		
		#conteudo .b590px {width:590px; margin-right:20px}
		#conteudo .b300px {width:300px;}
		
		#conteudo .b200px {width:200px;}
		#conteudo .b650px {width:650px; border:#dedede solid 1px; padding:25px;}	
		
		#conteudo .b430px {width:430px; margin:15px 10px;}
		
		#conteudo .lista-busca {background:#f7f7f7 url(../images/bg-sombra.gif) right repeat-y; border:#dedede solid 1px; margin:15px 0; font:11px Verdana, Geneva, sans-serif;}
		#conteudo .lista-busca strong {background:#e5e5e5; color:#000; display:block; padding:5px;}
		#conteudo .lista-busca ul {margin-bottom:20px;}
		#conteudo .lista-busca li {margin:5px 5px 10px 15px;}
		
		#conteudo .linha-separa {border-top:#c6c6c6 dashed 1px; margin:15px 0;}
		
		#conteudo #container a {color:#636363;}
		
		
			#conteudo #lista-confirma {margin-top:10px; border: none;}
			#conteudo #lista-confirma li {margin-bottom:10px; list-style: none;}
			#conteudo #lista-confirma label {float:left; width:130px;}
		
		#conteudo .box-confirma {border:#c6c6c6 solid 1px; padding:20px 0; margin:40px 0; width:440px; text-align:center; font-size:18px; font-weight:bold; color:#000;}
		
		#conteudo p.data {background:url(../images/bg-degrade.gif) repeat-x; border:#cccccc solid 1px; padding:5px 15px;} 

/* gabriel */
		.right { margin: 0 0 10px 15px; float: right; }
		
		#linksinferiores { border: 1px dashed #CCCCCC; padding: 20px 30px; width: 846px; text-align: left; margin: 20px 0; clear: both; font-size:14px; }
		#obs_deslocamento { border: 1px dashed #CCCCCC; padding: 20px 30px; width: 846px; text-align: left; margin: 20px 0; clear: both; font-size:14px; }
		#obs_deslocamento span.destaque { text-decoration:underline}
		
		a.azul { color: #2e40c2; font-size:14px; }

		#instrucoes li { line-height:160%; list-style:none; margin-left: 40px;}
		#instrucoes ul { margin-bottom: 10px; }
		
		.div-float-left { margin: 0 15px 10px 0; float:left;}
		.div-float-right { margin: 0 0 10px 15px; float:right;}
		
		#conteudo-interno-esquerda {float: left; width: 400px; margin: 0 30px 0 0; padding-bottom: 20px; border-bottom: 1px solid #d4d4d4}
		#conteudo-interno-direita {float: right; width: 400px; margin: 0 50px 0 0;padding-bottom: 20px; border-bottom: 1px solid #d4d4d4}
		
		.lista-simples { padding-left: 20px; list-style:disc; line-height:160%; text-align:left;}
		
		#lista-coordenadores-area { margin: auto; width: 300px;}
		
		#legenda-horizontal ul { margin: auto; padding: 0; }
		#legenda-horizontal li { display: inline; margin-right: 10px; }
		
		#imagens_apoio img {margin-right: 10px;}
		.icone_home { float: left; margin: 5px 15px 25px 0;}
		#sd_net h2 { margin-bottom:0px;}	
			#sd_net_esquerda, #sd_net_direita { float: left; width: 250px }
			#sd_net_esquerda { margin-right: 40px;}
			a.link_sd_net {color: #0000FF; text-decoration: none }
			.link_sd_net a:active  { text-decoration: none }
			.link_sd_net a:hover { text-decoration: underline }
			.link_sd_net a:visited { text-decoration: none }
		
/*TABELA*/	

	table.grade_horarios {width: 100%; border-color:#CCCCCC; border: 1px solid #cccccc; border-collapse:collapse }
	table.grade_horarios th { padding: 5px 5px 5px 0; border-color:#CCCCCC; border: 1px solid #cccccc }
	table.grade_horarios td { font-size: 12px; text-align: center; padding: 5px; border-color:#CCCCCC; border: 1px solid #cccccc }	
	table.grade_horarios td.horario { padding:5px; font-weight:bold; background-color: #d4d4d4;text-align:center; font-size:12px; }
	table.grade_horarios td.nome { font-size: 12px; text-align: center; padding: 5px; color: #990000; font-weight: bold}		
	table.grade_horarios td.nome a { color: #990000; font-weight: bold}
	table.grade_horarios td.tipo {  }

	table.programacao_bailes {border-collapse:collapse; width:100%; text-align:center; color:#000000; border-color:#CCCCCC; border: 1px solid #ccc}
	table.programacao_bailes p { padding:0;margin:0;}
	table.programacao_bailes th { padding:5px; font-weight:bold; background-color: #d4d4d4;text-align:center; font-size:12px; border: 1px solid #ccc}
	table.programacao_bailes th.coluna_horario {width:80px;}
	table.programacao_bailes th.coluna_preco{width:280px;}
	table.programacao_bailes tr td {padding:5px; text-align:left; font-size:12px; border: 1px solid #ccc}
	table.programacao_bailes td.horario { text-align:center}

	table.programacao_geral {border-collapse:collapse; width:100%; text-align:center; color:#000000; border-color:#CCCCCC; border: 1px solid #ccc}
	table.programacao_geral p { padding:0;margin:0;}
	table.programacao_geral th { padding:5px; font-weight:bold; background-color: #d4d4d4;text-align:center; font-size:12px; border: 1px solid #ccc}
	table.programacao_geral th.coluna_horario {width:120px;}
	table.programacao_geral tr td {padding:5px; text-align:left; font-size:12px;border: 1px solid #ccc }
	table.programacao_geral td.horario { text-align:center}
	span.endereco_evento { font-size:12px; color:#996600}
		
	table.goldentower {border-collapse:collapse; width:100%; text-align:center}
	table.goldentower th {font-size:11px; font-weight:bold; color:#5c5c5c; padding:5px; text-align:center}
	table.goldentower tr td {padding:5px; text-align:center}
	th.goldentower-titulo { background-color: #d4d4d4}
	
	table.lista {border-collapse:collapse; width:100%;}
	table.lista th {font-size:11px; font-weight:bold; color:#5c5c5c; padding:10px;}
	table.lista tr td {padding:10px;}
	table.lista tr td strong {color:#cf0b00;}
	
	table.lista .data-hora {background:#7c7c7c; color:#fff; text-align:center; width:58px; padding:10px;}
	table.lista .data-hora strong {color:#fff; font-size:14px;}
	
	table.apoio {border-collapse:collapse; width:100%;}
	table.apoio td {border-bottom: 1px dashed #c6c6c6; border-right: 1px solid #E9E9E9;}
	table.apoio tr td {padding:20px 10px; text-align:center;}
	
	table.precos {border-collapse:collapse; width:100%;}
	table.precos th {background:#e9e9e9; font-weight:bold; color:#5c5c5c; padding:10px;}
	table.precos tr td {padding:10px; background:#f7f7f7; border-bottom:#fff solid 1px;}
	
/* FORMULÁRIOS */

	#formCadastro {margin-top:35px; border: none;}
	#formCadastro li {margin-bottom:10px; list-style: none;}
	#formCadastro label {float:left; width:130px;}
	#formCadastro input {padding:2px;}

	.textarea { width: 300px; }


/*RODAPE*/

	.container_12 #rodape {padding: 20px 0; background-color:#000; color:#fff; font:11px Verdana, Geneva, sans-serif; height: 80px; text-align: left}
	
	#rodape .menu_rodape { line-height:30px; margin-bottom: 10px;}
	#rodape li {background:url(../images/separa-rodape.gif) right no-repeat; float:left; padding:0 10px; margin:0; list-style:none;}	
	#rodape li.first {padding:0 10px 0 0;}
	.logo_dd img { float: none}
	
	#rodape #copyright {text-align:left; color:#6b6b6b; font-size:10px; height:21px; line-height:21px;}
	#rodape #copyright img {float: right; margin:0; padding:0}

	#rodape a {color:#FFF;}
		
	#spnet{ }				
		#spnet img { float:none; padding:0; margin: 0 5px; float:right}


.profissional_link_oficinas { margin: 0; padding:0}
.profissional_link_oficinas a { color: #b73300; font-size: 14px; margin: 0; padding:0}
.profissional_data_nivel  { margin:0; padding:0; }

/*ESCOLAS APOIADORAS*/

.escola_apoiadora p.info_escola { float:right;border:0px solid blue; margin:0; padding:0; line-height:160%}
.escola_apoiadora img.logo_escola{float:left; border:0px solid blue; margin:0 0 15px 0; padding:0}

.semborda { border:0px !important}
