/*
	:: Webcast 4.0 > www.isat.com.br
	:: Vídeoteca GMReis
	:: jul 2007
	:: Tiago Carvalho
*/

/*------- Formatação -------*/

	* {
		margin: 0 auto;
		border: 0;
		padding: 0;
	}

	body {
		background: #FFF;
		width: 655px;
		margin-top: 10px;
		font: 12px "Trebuchet MS";
	}
	
	h2 {
		color: #004182;
		font-weight: bold;
		font-size: 16px;
		padding-bottom: 5px;
		border-bottom: 1px dashed #000;
	}
	
	h3 {
		font:bold 14px Verdana;
		color:#000;
		font-variant:small-caps;
		margin-bottom:3px;
	}
	
	hr {
		border: 1px dashed #fff;
		border-bottom: 1px dashed #000;
		margin-bottom: 10px;
	}
	
	.Limpa {
		clear: both;
		height: 5px;
	}

	/*------- Topo -------*/
		.Topo {
			width: 100%;
			margin-bottom: 50px;
		}
		
		.Topo .LogoVideoteca {
			float: right;
		}
		
	/*------- Menu -------*/
		.Menu {
			background: #FFF url(../../imagens/bg-menu.jpg) no-repeat bottom;
			width: 100%;
			height: 78px;
			margin-bottom: 20px;
		}
		
		.Texto {
			display: block;
			margin: -20px 0 10px 0;
			padding-left: 20px;
		}
		
		/*------- Menu Abas -------*/
		
			.Menu ul {
				margin-left: 7px;
				clear: both;
			}
			
			.Menu .Aba {
				width: 178px;
				height: 19px;
				display: block;
				padding: 10px 1px 0 0;
				text-align: center;
				float: left;
				list-style: none;
				cursor: pointer;
				background: url(../../imagens/menu-aba.jpg) no-repeat bottom;		
				color: #FFF;
				font-weight: bold;
			}
			
			.Menu .AbaAtiva {
				width: 178px;
				height: 19px;
				display: block;
				padding: 10px 1px 0 0;
				text-align: center;
				float: left;
				list-style: none;
				cursor: pointer;
				background: #FFF url(../../imagens/menu-aba-ativa.jpg) no-repeat bottom;	
				color: #004182;
				font-weight: bold;
				font-size: 14px;
			}
		
		/*------- Menu SubMenu-------*/
		
			.Menu .SubMenu {
				margin-left: 22px;
			}
			
			.Menu .SubMenuItem {
				display: block;
				float: left;
				padding: 15px 10px;
				list-style: none;
				background: url(../../imagens/menu-seta.gif) no-repeat 0 20px;		
			}
			
			.Menu .SubMenuItem a {
				color: #000;
				text-decoration: none;		
			}
			
			.Menu .SubMenuItem a:hover {
				text-decoration: underline;		
			}
			
	/*------- Ao Vivo -------*/
	
		.AoVivo {
			width: 640px;
			min-height: 170px;
			text-align: center;
		}
		
		/*------- Menu -------*/
			.AoVivo .Menu {
				margin-left: 20px;
				width: 378px;
				height: 23px;
				background: url(../../imagens/aovivo-menu.gif);
				text-align: center;
				padding-top: 7px;
				color: #FFF;
			}
			
			.AoVivo .Menu a {
				color: #FFF;
				text-decoration: none;
			}
			
			.AoVivo .Menu a:hover {
				text-decoration: underline;
			}
			
			.AoVivo .Menu .Ativo {
				color: #FFF;
				font-weight: bold;
			}
			
		/*------- Eventos -------*/
		
			.Eventos {
				width: 100%;
				display: block;
				text-align: right;
			}
			
			.Eventos .Coluna {
				background: url(../../imagens/bg-coluna.gif);
				width: 290px;
				height: 159px;
				float: left;
				margin-left: 20px;
			}
			
			.Eventos .ColunaAoVivo {
				background: url(../../imagens/bg-coluna-aovivo.gif);
				width: 290px;
				height: 159px;
				float: left;
				margin-left: 20px;
			}
			
			.Eventos .Ortopedia {
				background: url(../../imagens/bg-ortopedia.gif);
				width: 290px;
				height: 159px;
				/*float: right;
				margin-right: 20px;*/
			}
			
			.Eventos .OrtopediaGrd {
				background: url(../../imagens/bg-ortopedia-grd.gif);
				width: 565px;
				height: 310px;
				/*float: right;
				margin-right: 20px;*/
			}
			
			.Eventos .OrtopediaAoVivo {
				background: url(../../imagens/bg-ortopedia-aovivo.gif);
				width: 290px;
				height: 159px;
				/*float: right;
				margin-right: 20px;*/
			}
			
			.Eventos span {
				text-align: right;
				width: 230px;
				height: 75px;
				display: block;
				color: #FFF;
				font-size: 14px;
				padding-top: 50px;
			}
			
			.Eventos .OrtopediaGrd span {
				text-align: right;
				width: 490px;
				height: 220px;
				display: block;
				color: #FFF;
				font-size: 14px;
				padding-top: 50px;
			}
			
			.Eventos img {
				margin: 0 5px 0 0;
			}

	/*------- Videos -------*/
	
		.Videos {
			background: #FFF url(../../imagens/bg-videos.jpg) no-repeat top;
			width: 600px;
			min-height: 210px;
			margin-top: 20px;
			padding: 10px 20px 0 20px; 
		}
		
		/*------- Palestras -------*/
			.Palestras {
				width: 590px;
				margin: 20px 5px 0 5px;
				float: left;
			}
			
			.Palestras p {
				font: italic 10px Verdana;
				color: #000099;
				margin: 5px 0;
			}
			
			.Palestras img {
				float: left;
				margin-right: 15px;
				border: 1px solid #013870;
			}
			
			.Palestras a {
				font: bold 10px Verdana;
				color: #000099;
				text-decoration: none;
			}
			
			.Palestras a:hover, .Palestras .Titulo:hover {
				text-decoration: underline;
			}
			
			.Palestras .Titulo {
				font: bold 10px Verdana;
				display: block;
			}
			
	/*------- Cadastro -------*/
	
		.Cadastro {
			background: #FFF url(../../imagens/bg-aovivo.jpg) no-repeat top;
			width: 640px;
			min-height: 210px;
		}
		
		.TituloCadastro {
			font: bold 20px "Trebuchet MS";
			margin: 0 0 20px 20px;
			width: 363px;
			padding-left: 15px;
			height: 27px;
			background: url(../../imagens/aovivo-menu.gif);
			text-align: left;
			padding-top: 3px;
			color: #FFF;
		}
		
		span {
			padding-left: 50px;
		}
		
		.negrito {
			color: #9D0A0E;
			font-weight: bold;
			display: block;
		}
		
		.Italico {
			display: block;
			width: 235px;
			margin-top: 10px;
			font-style: italic;
			text-align: right;
		}
		
		.Cadastro hr {
			border: 1px dashed #fff;
			border-bottom: 2px dotted #9D0A0E;
			margin: 20px 0 0 50px;
			width: 230px;
			
		}
		
		/*------- Formulário -------*/
				
			Label {
				font: bold 10px Verdana;
				display: block;
				float: left;
				margin-top: 10px;
			}
			
			.Campo {
				background: #FFF;
				border: 1px solid #000;
				font: normal 10px Verdana;
				width: 295px;
				margin-top: 10px;
			}
			
			.Select {
				background: #FFF;
				border: 1px solid #000;
				font: normal 10px Verdana;
				width: 150px;
				margin: 10px 0 0 0;
			}
			
			.TextArea {
				background: #FFF;
				border: 1px solid #000;
				font: normal 10px Verdana;
				display: block;
				width: 295px;
				height: 80px;
				margin: 10px 0 0 0;
			}
			
			.BotaoEnviar {
				background: #FFF url(../../imagens/botao-enviar.gif);
				width: 93px;
				height: 24px;
				cursor: pointer;
			}
			
			.BotaoLimpar {
				background: #FFF url(../../imagens/botao-limpar.gif);
				width: 93px;
				height: 24px;
				cursor: pointer;
				margin-left: 208px;
			}

	/*------- Rodapé -------*/
	
		.Rodape {
			background: #FFF url(../../imagens/bg-rodape.jpg) no-repeat top;
			width: 600px;
			height: 93px;
			margin-top: 5px;
			padding: 10px 20px 0 20px; 
		}
		
		.Rodape span{
			float: right;
			font: normal 10px Verdana;
			margin-top: 10px;
		}