/* CSS Document */

/* Formatação de Elementos */

a
{
	text-decoration: none;
	color: #0000FF;
}
a:hover
{
	text-decoration: underline;
}
a:visited
{
	color: #800080;
}

/* Classes independentes */

.upcase {
	text-transform: uppercase;
}

.lowcase {
	text-transform: lowercase;
}

.copyright
{
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.title
{
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.centro
{
	text-align: center;
}

.pointer
{
	cursor: pointer;
}

.break
{
	clear: both;
}

.escondido {
	width: 0;
	height: 0;
	font-size: 0;
	border: none;
	display:none;
}

#frmLogin input {
	text-transform: uppercase;
}
#frmDestino img
{
	cursor: pointer;
}

/* Formatação dos blocos */

h4.titulo {
	display: block;
	text-align: center;
	margin: auto;
	padding: 20px;
}

.forms {
	text-align: center;
	padding: 50px;
}
body
{
	background-color: #CCC;
	margin: 10px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#geral
{
	width: 774px; /*760px;*/
	height: 100%;	
	margin: 0 auto;
	background-color: #FFF;
}
	div#titulo
	{
		margin: 0;
		padding-top: 0;
		text-align: center;
	}
		div#titulo div#cabecalho
		{
			height: 130px;
			width: 774px;
			float: left;
			background: url(/detran/aceas/img/topo_detran.jpg) top left no-repeat;
		}
			div#titulo div#cabecalho p
			{
				font-weight: normal;
				font-size: 9px;
				margin-bottom: 15px;
			}	
				div#titulo div#cabecalho div#label
				{
					text-align: center;
					margin-top: 50px;
					float: right;
					width: 530px;
				}

		div#titulo div#menu
		{
			clear: both;
			height: 17px;
			padding: 5px 0 0;
			font-size: 12px;
			text-align: left;
			color: #333;
			background: url(/detran/aceas/img/fundo_menu_topo.jpg) top left repeat-x;
			
		}
			div#titulo div#menu a
			{
				text-decoration: none;
				margin: 0 5px;
				color: #333;
			}
				div#titulo div#menu a:hover
				{
					text-decoration: underline;
				}
				div#titulo div#menu a.sair
				{
					display: block;
					float: right;
					color: #0000FF;
				}
				div#titulo div#menu .morelink
				{
					display: block;
					float: right;
				}
				div#titulo div#menu .link
				{
					color: #0000FF;
					margin: 0 10px;
				}
	
	div#corpo
	{
		clear: both;
		margin: 0;
		padding: 0;
		height: 400px;
	}
		div#listagem
		{
			overflow: auto;
			height: 403px;
		}
			div#listagem table
			{
				margin: 0 auto;
				padding: 0;
			}
	
		div#content
		{
			margin: 0;
			padding:  0;
		}
			div#content div#opcoes
			{
				width: 250px;
				float: left;
			}
				div#content div#opcoes div.caixa
				{
					margin: 30px 10px;
					padding: 0px;
					border: 1px solid #C6BDA8;
					background-color: #F7F6F1;
					font-size: 12px;
					text-align: center;
				}
				div#content div#opcoes label
				{
					display: block;
					font-weight: bold;
					font-size: 12px;
					text-align: center;
					margin: 0;
					padding: 5px;
					border-bottom: 1px solid #C6BDA8;
					background-color: #E3DFD4;
				}
				div#content div#opcoes form#cadastrese
				{
					padding: 5px;
				}
				
				ul#menucolabora, ul#menuadmin
				{
					margin: 10px 10px 10px 25px;
					padding: 0;
					height: 380px;
					font-size: 12px;
				}
					ul#menucolabora #saudacao, ul#menuadmin #saudacao
					{
						margin: 0 0 10px 0;
						list-style: none;
						text-transform: capitalize;
					}
												
			div#content div#conteudo
			{
				width: 509px;
				float: left;
				/*background-color: #BFF7CC;*/
				height: 400px;
			}
	
		div#bloco1
		{
			padding: 0;
			margin: 0;
			float: left;
			width: 289px;
			height: 400px;
			
			border-right: 1px dashed #999;
		}
		
			#bVideo, #tVideo
			{
				margin: 0;
				padding: 0;
			}
			
			#frmVideo
			{
				margin: 0;
				padding: 0;
				width: 330px;
				height: 320px;
			}
			
			#frmVideoAula
			{
				margin: 3px auto;
				padding: 0;
				width: 280px;
				height: 260px;
				text-align: center;
				display: block;
			}
			
			#menu_title
			{
				text-align: center;
				background: #B6B4A5 url(../img/fundo02.jpg) center repeat-x;
				padding: 0;
				font-weight: bold;
				font-size: 12px;
			}
			
			#content_list
			{
				height: 123px;
				overflow: auto;
				font-size: 12px;
			}
				#content_list ol
				{
					margin: 0 30px;
					padding: 5px 0;
				}
			
		div#bloco2
		{
			padding: 0;
			margin: 0;
			float: left;
			width: 470px; /*465px*/
			height: 400px;
		}
			#imgAula
			{
				width: 470px;
			}
		
		div#cadastro #frmCursos td.lista
		{
			vertical-align: top;
			text-align: left;
			padding: 15px 15px 15px 10px;
			width: 50%;
		}	
			div#cadastro #frmCursos td.lista label
			{
				cursor: pointer;
			}
			div#cadastro #frmCursos td.lista br
			{
				margin: 10px;
			}	
		div#cadastro th {
			padding: 15px 10px;
		}
		div#cadastro input, div#cadastro td {
			font-size: 14px;
		}
	
	div#rodape
	{
		margin: 0;
		padding: 8px;
		height: 24px;
		text-align: center;
		background: url(../img/fundo_rodape.jpg) center repeat-x;
	}


div#boxCad
{
	position: absolute;
	top: 35%;
	width: 500px;
	z-index: 180;
	margin: 0;
	padding: 0;
}

div#bgBody
{
	background-color: #000;
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter:alpha(opacity=70);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	margin: 0;
	padding: 0;
}

form#frmAvaliacao * {
	font-size: 12px;
}

form#frmAvaliacao th {
	padding: 2px;
}