/*<![CDATA[*/

	/* 
		Esquema de cores Emotioncard:
		
		#00B2D3 -- Azul "Aqua"
		#007D94 -- Mais escuro
		#BFF5FF -- Mais claro
		#80EBFF -- Meio
		#D30E00 -- Vermelho "Sangue"
		#940A00 -- Mais escuro
		#FFC4BF -- Mais claro
		#FF8880 -- Meio
		#D38500 -- Laranja "Terracota"
		#945D00 -- Mais escuro
		#FFE8BF -- Mais claro
		#FFD080 -- Meio
		
		Variações do verde Emotioncard:
		
		#6BB300 -- Verde
		#E6FFBF -- Quase branco
		#CCFF80 -- Claro
		#99FF00 -- Médio
		
		http://wellstyled.com/tools/colorscheme2/index-en.html?triad;50;0;215;1;0.8274509803921568;1;0.5792156862745097;0.25;1;0.5;1;1;0.8274509803921568;1;0.5792156862745097;0.25;1;0.5;1;1;0.8274509803921568;1;0.5792156862745097;0.25;1;0.5;1;1;0.8274509803921568;1;0.5792156862745097;0.25;1;0.5;1;0
	*/
		
	body
	{
		background: #E7E7E7 url(../images/fundos/fundo_cityscape3.png) repeat-x;
		font-size: 13px;
		font-family: "Gill Alternate One Monotype", "Gill Sans", Tahoma, Trebuchet MS, sans-serif;
		padding: 0;
		margin: 0;
		text-align: center;
	}
	
	div#container
	{
		width: 749px;
		margin: 0 auto;
		text-align: center; /* gambi pro IE centralizar a pagina */
	}
	
	h1, h2
	{
		color: #D30E00;
		padding: 0;
		margin: 0;
	}
	
	img
	{
		border: none;
		padding: 0;
		margin: 0;
	}
	
	.hide
	{
		display: none;
	}


	
/* TESTEIRA */
	
	div#testeira
	{
		background: url(../images/testeira_emotion_2005e.png);/*testeira_emotion_anonovo.pngtesteira_emotion_natal2006.pngtesteira_emotion_luto.pngtesteira_2006_copaperdida.png*/
		background-color: transparent;
		position: relative;
		top: 0em;
		margin-top: 2em;
		width: 749px;
		height: 130px;
		z-index: 590;
		text-align: right;
	}

	div#fullbanner
	{
		position: absolute;
		width: 468px;
		top: -0.8em;
		left: 260px;
		z-index: 500;
		margin: 0;
		padding: 0;
	}
	
	#anuncieaqui
	{
		/*display: none;*/
		font-size: 11px;
		width: 468px;
		text-align: right;
		margin: 0;
		padding: 0;
		/*background: red;*/
	}

    #obs
    {
        /*display: none;*/
        font-size: 0.8em;
        width: 468px;
        text-align: right;
        margin: 0;
        padding: 0;
        /*background: red;*/
     }
     
    .legenda
    {
        font-size: 0.9em;
        text-align: right;
        color: #007D94;
        margin: 0;
        padding: 0;
     }

		a#logo {
			position: absolute;
			top: 0;
			left: 0;
			width: 250px;
			height: 85px;
			text-decoration: none;
			color: black;
		}
		
		#balaologo {
			display: none;
		}
		
		a#logo:hover #balaologo {
			background: url(../images/logos/balaologo.png);
			position: absolute;
			left: 180px;
			top: -50px;
			display: block;
			width: 213px;
			height: 163px;
			z-index: 700;
			padding: 20px 20px 20px 50px;
			text-align: center;
		}
		

	
	h1#emotioncard
	{
		display: none;
	}
	
	p#USP	
	{
		font-size: 1em;
		position: relative;
		text-align: right;
		top: 82px;
		right: 80px;
		color: #CCFF80;
		text-align: right;
		padding: 0;
		margin: 0;
		/*float: left;*/
	}
	
	p#USP b {font-weight: normal;}
	
	img#avatar
		{
	/*		display: none;*/
			background: transparent;
			position: relative;
			top: 60px;
			right: 17px;
			padding: 0;
			margin: 0;
			text-align: right;
		}
	
	.login
	{
		color: white;
	}
	
	#logintesteira
	{
		position: absolute;
		top: 135px;
		right: 2em;
		text-align: right;
		width: 749px;
		font-size: 0.8em;
		padding: 0;
		margin: 0;
		float: left;
	}
	
	#iconelogin
	{
		padding: 0 0 12px 0;
	}
	
	#cadastro
		{
			width: 650px;
			margin: 0 50px;
		}
	
/* Posicionamento e distribuição em linha do Menu */

ul#nav
{
	position: absolute;
	list-style: none;
	top: 110px;
	left: 60px;
	z-index: 600;
	padding: 0;
	margin: 0;
	font-size: 0.9em;
	/*font-weight: bold;*/
	text-align: left;
}

li.menu ul
{
	/*position: relative;*/
	list-style: none;
	padding: 0;
	margin: 0;
}

/*********** Funcionamento do DropDown ***********/

li ul
{
	display: none;
}

li:hover ul, li.over ul
{
	display: block;
	position: absolute;
}

/***** Aparencia dos links e rolovers do Menu ****/

/* A aparencia do menu é toda 
configurada nos tags âncora <a> pois só assim o 
IE reconhece a configuração */

li.menu
{
	display: inline;
	float: left;
	text-align: left;
}

.bordamenu
{
	position: relative;
	top: 0;
	left: 0;
}

li:hover a.menu
{
	color: #0000EE;
	text-decoration: none;
	/*background: white#D30E00 url(../imagens/fundo_bot_over.png) repeat-x*/;
}

a.menu
{
	display: block;
	position: relative;
	color: #0000EE;
	background: white url(../images/acabamento/bordaazul_menu_testeira_dir.png) top right no-repeat;
	text-decoration: none;
	margin: 0.1em;
	padding: 0.3em 0.6em 0.2em 0.6em;
}

a.menuparceiros
{
	display: block;
	position: relative;
	color: #0000EE;
	background: #E6FFBF url(../images/acabamento/bordaazul_menu_testeira_dir.png) top right no-repeat;
	text-decoration: none;
	margin: 0.1em;
	padding: 0.3em 0.6em 0.2em 0.6em;
}

img.menu
{
	float: lef;
	position: absolute;
	top: 0;
	left: 0;
}

* html img.menu { /* a.entre:hover span This is the Tan hack */
        left: -0.6em; 
        /*w\idth: 230px;*/ }

a.menu:hover
{
	/*background: #D30E00 url(../imagens/fundo_bot_over.png);*/
	color: red;
	text-decoration: none;
}

a.menuparceiros:hover
{
	/*background: #D30E00 url(../imagens/fundo_bot_over.png);*/
	color: red;
	text-decoration: none;
}

ul.submenu
{
	background: white;
	border-color: #6BB300/*black*/;
	border-width: 2px;
	border-style: solid;
	top: 20px;
	width: 10.05em;
}

ul.submenu a
{
	display: block;
	color: #0000EE;
	background: transparent;
	text-decoration: none;
	margin: 0em;
	padding: 0.1em 0.3em;
	width: 9.5em;
}

ul.submenu a:hover
{
	background: #6BB300;/*black#15146F;  É o azul mais escuro na testeira */
	color: white;
	text-decoration: none;
}

li.destaquesubmenu
{
	font-weight: bold;
}

/******* Gambi pro submenu funcionar no IE. *******/

/* Fix IE. Hide from IE Mac \*/
* html ul li li a { height: 1%; width: 10em; }
/* End */

/****************** Fim do Menu *******************/

	
/* Misselania do Conteudo */

	div#barraparceiro
	{
		position: relative;
		top: 0;
		left: 0;
	}
	
	div#conteudo
	{
		background: white;
		width: 749px;
		/*height: 100px;*/
		margin: 0em 0em 0em 0em;
		position: relative;
		top: 0px;
		text-align: left; /* remedio pra gambi do IE */
	}
	
	div#conteudo_helpdesk
	{
		background: white;
		width: 749px;
		/*height: 100px;*/
		margin: 0em 0em 0em 0em;
		position: relative;
		top: 0px;
		/*text-align: center; /* remedio pra gambi do IE */
	}
	
	#borda_sup_quadro_total
	{
		background: #DDDDDD url(../images/acabamento/borda_sup_quadro_total.png);
		/*position: relative;
		padding: 0 0 -20px 0
		top: 0px;*/
		width: 749px;
		height: 30px;
	}
	
	#borda_inf_quadro_total
	{
		background: #E7E7E7 url(../images/acabamento/borda_inf_quadro_total.png) repeat-x;
		/*position: relative;
		top: -14px;*/
		width: 749px;
		height: 30px;
	}

	ul.subnav	
	{
		display: none;
		padding: 0em;
		margin: 0em;
		text-align: right;
		position: absolute;
		top: 2.4em;
		left: 0em;
		list-style-type: none;
		width: 130px;
		font-weight: normal;
	}
	
	li.subnav 
	{
		background-color: transparent;
		padding: 0.3em;
		border-bottom: 1px solid #6BB300;
		
	}

	.msg_erro
	{
		color: #D30E00;
		font-size: 1em;
		padding: 0.1em 1em 0.1em 1em;
		margin: 0.8em 0em 0.8em 0em;
	}
	
	#colunaesquerda
	{
		position: absolute;
		width: 154px;
		top: 30px;
		left: 10px;
		text-align: left;
		padding: 0;
	}
	
	#aspa1
	{
		float: left;
		margin: 0 0.7em 0 0;
	}
	
	#aspa2
	{
		float: right;
	}
	
	#testemunhal
	{
		margin: 0;
		text-align: left;
	}
	
	#asstestemunhal
	{
		font-weight: bold;
		text-align: right;
	}
	
	#colunaesquerda div
	{
		background: #E6FFBF; /* #CCFF80 */
		text-align: left;
		margin: 0.5em 0 0 0;
		padding: 0;
	}
	
	#colunaesquerda h4
	{
		margin: 0;
		padding: 0 0.5em;
	}
	
	#bloquetoquatro, #bloquetocinco
	{
		display: none;
	}
	
	p.bloqueto
	{
		margin: 0;
		padding: 0 0.5em;
	}
	
	#colunameio
	{
		position: relative;
		width: 395px;
		top: 0;
		left: 174px;
		text-align: center;
		z-index: 1;
	}
	
	#bloquetomeio
	{
		/*width: 395px;*/
		background: #FFE8BF;
	}
	
	#areapessoal
	{
		padding: 0 1em;
	}
	
	#areapessoal h3
	{
		color: #D30E00;
	}
	
	#colunagratis
	{
		position: absolute;
		top: 30px;
		left: 569px;
		width: 180px;
		font-size: 0.85em;
	}
	
	#colunagratis a { font-weight: bold; }
	
	.logogratis
	{
		text-align: center;
		margin: 0 0 1em 0;
		font-size: 1em;
	}
	
	div#coluna_esq
	{
		text-align: left;
		width: 330px;
		position: relative;
		left: 175px;
		top: -1.4em;
		padding: 0em 0em 0em 0em;
	}
	
	#iluscanal
	{
		position: absolute;
		left: 517px;
		top: 2.4em;
	}
	
		
	form.form_direita
	{
		background-color: #E6FFBF;
		text-align: left;
		padding: 0em 0em 0em 0em;
		margin: 0 1em 0 0;
		position: absolute;
		left: 515px;
		top: 2.4em;
		width: 218px;
	}
	
	p.bordasupbloqueto /*form.form_direita:before*/
	{
		display: block;
		line-height: 0;
		height: 10px;
		margin: 0;
		padding: 0;
		background: url(../images/acabamento/borda_branca_sup_dir.png) top right no-repeat;
		text-align: left;
		/*content: url(../images/acabamento/borda_branca_sup_esq.png);*/
	}
	
	p.bordainfbloqueto /*form.form_direita:after*/
	{
		display: block;
		line-height: 0;
		height: 10px;
		margin: 0;
		padding: 0;
		background: url(../images/acabamento/borda_branca_inf_dir.png) bottom right no-repeat;
		text-align: left;
		/*content: url(../images/acabamento/borda_branca_inf_esq.png);*/
	}
	
	.form_direita { padding: 0em 1em 0.2em 1em; }
	
	div#form_destaque
	{
		background-color: #CCFF80;
		padding: 1em;
	}

/* RODAPE */

	#superbanner {
		background: grey;
		width: 728px;
		height: 90px;
		margin: 10px auto;
	}
	
	div#rodape
	{
		padding: 0em 0em 1em 0em;
		margin: 1em 0 0 0;
		text-align: center;
	}
	
	span#copyright
	{
		color: black;
	}
	
/* LINKS */
	
	a { text-decoration: none; }
	
	a:hover 
	{ text-decoration: underline; }
	
	a:visited { color: blue; }
	
	/*a.testeira
	{
		text-decoration: none;
		padding: 0em 0.5em 1em 0.5em;
		color: white;
	}
	
	a:hover.testeira
	{
		text-decoration: none;
		margin: 0.61em * Hack pra posicionar o menu corretamente no IE. * 0em 0em 0em;
		border-top: 0px solid orange;
		border-bottom: 0px solid orange;
		background-color: #D30E00;
	}*/
	
	a:hover.subnav 
	{ 
		text-decoration: none;
		color: #D30E00;
		background-color: transparent;
		border-bottom: 0px solid #D30E00;
		width: 130px;
	}
	
	a.subnav 
	{ 
		text-decoration: none;
		padding: 0.5em 0 0 0;
		color: #6BB300;
		border-bottom: 0px solid #6BB300;
		width: 130px;
	}

/*]]>*/