/*
	:: Webcast 4.0 > www.isat.com.br
	:: Extreme Makeover 2
	:: jun 2007
	:: Tiago Carvalho
*/

/*------- Formatação -------*/
	* {
		margin: 0 auto;
		padding: 0;
		border: 0;
	}
	
	body {
		background:#FFF url(../imagens/bg.jpg) no-repeat center top;
		width: 770px;
		text-align: center;
		font: 12px Arial;
	}
	
	.bodyLista {
		background:#FFF url(../imagens/bg-lista.jpg) no-repeat center top;
		width: 770px;
		text-align: center;
		font: 12px Arial;
	}
	
	label {
		margin-right: 5px;
		font-weight: bold;
		font-size: 14px;
	}
	
/*------- Corpo -------*/

	#logotipo{
		width: 400px;
		margin-top: 20px;
	}
	
	#mensagem {
		width: 400px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	
	.subTitulo {
		font: 10px Arial;
		color: #757575;
		display: block;
		margin-bottom: 10px;
	}
	
	.limpa {
		clear: both;
		height: 10px;
	}

	/*------- Realização -------*/
	#realizadores {
		width: 400px;
		margin-bottom: 10px;
	}
	
	#realizadores img {
		vertical-align: top;
		margin: 0 5px;
	}
	
	/*------- Realização -------*/
	#colaboradores {
		width: 400px;
		margin-bottom: 10px;
	}
	
	#colaboradores img {
		vertical-align: middle;
		margin: 0 10px;
	}

/*------- Menu -------*/
	
	#menu {
		width: 400px;
		margin-top: 10px;
		text-align: left;
	}
	
	#menu img {
		margin: 0 2px;
	}
	
/*------- Formulário -------*/
	
	#formLogin, #formContato {
		width: 400px;
		margin-top: 20px;
	}
	
	#formRodape {
		width: 400px;
	}

	.input_text {
		background:url(../imagens/bg-input.gif);
		width: 266px;
		height: 18px;
		color: #FFF;
		margin: 5px 0;
		padding: 2px 3px 0 3px;
	}
	
	.input_text_peq {
		background:url(../imagens/bg-input-peq.gif);
		width: 135px;
		height: 18px;
		color: #FFF;
		margin: 5px 0;
		padding: 2px 3px 0 3px;
	}
	
	.select {
		background: url(../imagens/bg-select.gif);
		width: 65px;
		color: #FFF;
		margin: 5px 0;
		border: 1px solid #000;
	}
	
	.textarea {
		background: url(../imagens/bg-textarea.gif);
		width: 266px;
		height: 78px;
		color: #FFF;
		margin: 5px 0;
		padding: 2px 3px 0 3px;
		font: 12px Arial;
		overflow: hidden;
	}
	
	.Botao {
		width: 75px;
		height: 22px;
		border: 0;
		background: #FFF url(../imagens/botao-entrar.gif) ;
		margin-top: 10px;
		cursor: pointer;
	}
	
	.BotaoEnviar {
		width: 75px;
		height: 22px;
		border: 0;
		background: #FFF url(../imagens/botao-enviar.gif) ;
		margin-top: 10px;
		cursor: pointer;
	}
	
	.BotaoLimpar {
		width: 75px;
		height: 22px;
		border: 0;
		background: #FFF url(../imagens/botao-limpar.gif) ;
		margin-top: 10px;
		cursor: pointer;
	}
	
/*------- Teste de Sistema -------*/

	#TesteSistema {
		width: 147px;
		height: 82px;
		background-image: url(../imagens/bg-testesistema.gif) ;
		margin-top: 20px;
		padding: 15px 0 0 5px;
		text-align: left;
	}
	
	.DivInfo {
		width: 400px;
		margin-top: 15px;
		margin-bottom: 15px;
		font: 11px Arial;
	}
	
	.Info {
		min-width: 190px;
		display: block;
		color: #606060;
	}
	
	h4 {
		font: 11px Arial;
		font-weight: bold;
	}
	
	.Info a {
		color: #606060;
		text-decoration: none;
	}
	
	.Info a:hover {
		text-decoration: underline;
	}
/*------- Lista Vídeos -------*/

	.flash-box {
		width: 180px;
		height: 94px;
		background: url(../imagens/bg-video.gif) no-repeat;
		margin-top: 0px;
		float: left;
		padding: 5px;
		text-align: left;
	}
	
	.flash-box a {
		font: 12px Arial, Helvetica, sans-serif;
		color: #000;
		font-weight: bold;
		display: block;
		text-decoration: none;
	}
	
	.flash-box a:hover {
		text-decoration: underline;
	}
	
	.preview {
		float: left;
		margin-right: 10px;
	}
	
	.palestrante {
		font: 11px Arial, Helvetica, sans-serif;
		padding-top: 5px;	
	}
	
	#formRodape {
		width: 444px;
	}
	
	#destaque, #flash {
		width: 400px;
		margin-top: 15px;
		margin-bottom: 15px;
		text-align: left;
	}
	
	#destaque h4, #flash h4 {
		font: 12px Arial, Helvetica, sans-serif;
		color: #F76E23;
		font-weight: bold;
		margin-bottom: 5px;
	}
	
	#destaque span {
		font: 12px Arial, Helvetica, sans-serif;
		color: #000;
		font-weight: bold;
		display: block;
	}
	
	#destaque .data {
		font: 12px Arial, Helvetica, sans-serif;
		color: #000;
		font-weight: normal;
		margin-bottom: 5px;
	}

/*------- ISAT -------*/
	
	.subTituloIsat {
		font: 10px Arial;
		color: #757575;
		display: block;
		margin: 15px 0 5px 0;
	}