@charset "ISO-8859-1";
/* skin default - tutoriais */

/* fomatando a camada tutorias que conterᡠtodos os tutoriais */
div#tutoriais
{
	display:none;
	position:relative;
	width:780px;
	height:450px;
	border-bottom:1px solid #fff;
	color:#fff;
	float:left;
	background:#234c9b;
}

/* formatando o titulo do tópico */
div#tutoriais h1
{
	margin-top:15px;
	margin-left:15px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	font-size:20px;
	_font-size:16px; /* hack para IE < 7 */
	f\ont-size:20px; /* hack para IE 6 */
	font-weight:bold;
	color:#fff;
}

/* fomatando a tabela */
div#tutoriais table
{
	position:relative;
	width:750px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:15px;
	border:0px;
	background:#275da6;
}

/* formatando as células da tabela */
div#tutoriais table td
{
	padding:10px;
	line-height:16px;
	vertical-align:middle;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	border-bottom:1px solid #fff;
}

/* alterando o background da linha quando o mouse esta em cima dela,
este efeito só tem funcionamento nos navegadores mais recentes */
div#tutoriais table tr:hover
{
	background:#3470c2;
}

/* formatando os links parte 1*/
div#tutoriais table td a:link, div#tutoriais table td a:visited
{
	font-size:10px;
	text-decoration:none;
	text-align:left;
	font:message-box;
	color:#fff;
}

/* formatando os links parte 2 */
div#tutoriais table td a:hover, div#tutoriais table td a:active
{
	text-decoration:underline;
	color:#daeaff;
}