@charset "utf-8";
body {
	background-image: url(../images/background_arena.jpg);
	background-repeat: repeat-x;
}

#site_index {	
	position: relative;
	left: 50%;
	top: 0px;	
	width: 894px;
	height: 542px;
	margin-left: -447px;
	z-index: 2;
}

#logo_telos {
	background: url(../images/logo_telos_inicial.gif);
	left: 50px;
	top: 50px;
	width: 131px;
	height: 105px;
	position: absolute;
	z-index: 3;
	text-indent: -900px;

}

#plataforma_inicial {
	left: 0px;
	top: 196px;
	width: 894px;
	height: 178px;
	position: absolute;
	z-index: 4;
}

#caixa_menu_inicial {
	left: 0px;
	top: 205px;
	width: 500px;
	height: 337px;
	position: absolute;
	z-index: 7;
}

#caixa_animacao_inicial {
	top: 32px;
	left: 219px;
	width: 675px;
	height: 280px;
	position: absolute;
	z-index: 1;
}

#caixa_inicial_destaque1 {
	top: 418px;
	left: 260px;
	width: 298px;
	height: 64px;
	position: absolute;
	z-index: 10;
	}
	
#caixa_inicial_destaque2 {
	top: 418px;
	left: 580px;
	width: 298px;
	height: 64px;
	position: absolute;
	z-index: 11;
}

#caixa_destaque_inicial {
	left: 366px;
	top: 333px;
}


.selo_index {
	margin: 2px;
	display: block;
	float: left;
}

.caixa_selo_index {
	display: block;
	margin: 2px;
	float: right;
}

.titulo_selo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	border-bottom: dotted 1px #333333;
	color: #333333;
	margin: 2px;
	width: 150px;
}

.conteudo_selo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	width: 419px;
	margin: 2px;
}


/* -- MENU -- */

	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 11em;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		width: 204px;
		/* margin-bottom : -1px; */
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 204px;
		/* margin-top : -1.35em; */
		margin-bottom: -2px;
		margin-top: -22px;
		background-color : #CBCCCD;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
}
	
	#nav li a {
		width: 11em;
		w\idth : 10em;
		display : block;
		color : #ffffff;
		text-decoration : none;
		padding : 0 0.5em;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
		font-size: 16.1px;
		/* border : 1px solid #FFFFFF; */
	}
	
	#nav li a:hover {
		color : white;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	
	#opt_laranja {
		background: url(../images/menu_index/opt_01_off.gif);
		width: 207px;
		height: 26px;
		text-indent: -900px;
	}
	
	#nav #opt_laranja a:hover {
		background: url(../images/menu_index/opt_01_on.gif);
		padding-bottom: 6px;
		padding-right: 35px;
	}
	
	#opt_verde {
		background: url(../images/menu_index/opt_02_off.gif);
		width: 207px;
		height: 26px;
		text-indent: -900px;
	}


	#nav #opt_verde a:hover {
		background: url(../images/menu_index/opt_02_on.gif);
		padding-bottom: 6px;
		padding-right: 35px;
	}

	
	#opt_bordo {
		background: url(../images/menu_index/opt_03_off.gif);
		width: 207px;
		height: 26px;
		text-indent: -900px;
	}

	
	#nav #opt_bordo a:hover {
		background: url(../images/menu_index/opt_03_on.gif);
		padding-bottom: 6px;
		padding-right: 35px;
	}


	#opt_piscina {
		background: url(../images/menu_index/opt_04_off.gif);
		width: 207px;
		height: 26px;
		text-indent: -900px;
	}

	
	#nav #opt_piscina a:hover {
		background: url(../images/menu_index/opt_04_on.gif);
		padding-bottom: 6px;
		padding-right: 35px;
	}


	#opt_roxo {
		background: url(../images/menu_index/opt_05_off.gif);
		width: 207px;
		height: 26px;
		text-indent: -900px;
	}

	
	#nav #opt_roxo a:hover {
		background: url(../images/menu_index/opt_05_on.gif);
		padding-bottom: 6px;
		padding-right: 35px;
	}


	#opt_amarelo {
		background: url(../images/menu_index/opt_06_off.gif);
		width: 207px;
		height: 26px;
		text-indent: -900px;
	}
	

	#nav #opt_amarelo a:hover {
		background: url(../images/menu_index/opt_06_on.gif);
		padding-bottom: 6px;
		padding-right: 35px;
	}

	.nav2 {
		text-indent: 0px;
		overflow: visible;
	}
	
	.nav2 a:hover {
		background: url(../images/menu_index/transparent.gif);
		background-color:#009900;
	}


/* --------------- */