@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; list-style:none; border:none; border:0;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
h1,h2,h3,h4,h5,h6{ color:#88036b; text-transform:uppercase; font:bold 20px Calibri, Verdana, Arial, Helvetica, sans-serif;}
p{ font:12px Verdana, Geneva, sans-serif;}
input,textarea{ outline:none; background:none;}


/* BORDA INTERNA */
a.innerborder, a.innerborder img { display:block; _float:left; overflow:hidden;}
a.innerborder:hover { border:4px solid #88036b;}
a.innerborder:hover img { margin: -4px;}
/* BORDA INTERNA */


html{ background:url(../imagens/geral/bg.jpg) top center no-repeat;}
body{ width:100%; margin:0 auto;}


span.voltar{ width:100%; border-bottom:5px solid #e5e5e5; height:20px; padding-bottom:20px; display:block; clear:both;}
span a.bot-voltar{ background:url(../imagens/geral/bot-voltar.gif) no-repeat; width:70px; height:20px; display:block; text-indent:-9999px; overflow:hidden; float:right; clear:both;}

span.home a{ background:url(../imagens/geral/home.gif) no-repeat; width:16px; height:16px; display:block; float:left; text-indent:-9999px; overflow:hidden; margin:6px 20px 0 0; }

#geral{ background:url(../imagens/geral/bg.jpg) top center no-repeat; width:970px; margin:0 auto;}
#topo{ width:990px; height:225px; display:block; margin:0 auto;}
#topo div.barra-topo{ height:30px; float:right;}
#topo div.barra-topo div.busca{ width:208px; height:25px; float:left; margin-top:5px;}
div.idioma{ float:left; margin:5px 25px 0 0;}
div.busca span.icone-lupa{ margin-top:1px; background:url(../imagens/geral/icone-lupa.gif) no-repeat; width:16px; height:16px; float:left; text-indent:-9999px; overflow:hidden;}
div.form-buscar{ width:192px; float:left;}
div.form-buscar span.campo-buscar{ background:url(../imagens/geral/bg-input-busca.jpg) no-repeat; width:132px; height:20px; float:left; margin-left:4px;}
div.form-buscar input.campo-busca{ font:9px Verdana, Geneva, sans-serif; border:none; color:#777777; width:123px; height:12px; margin:4px 0 0 5px; padding-top:1px; padding-bottom:1px; float:left;}
div.form-buscar input.bot-ok{ float:left; width:37px; height:18px; background-image:url(../imagens/geral/ok-busca-sprite.gif); margin-left:10px; margin-top:1px;}
div.form-buscar input.bot-ok:hover { background-position: 0 -18px;}

#topo div.barra-topo span.separador{ margin-top:9px; background:url(../imagens/geral/separador.gif) no-repeat; width:2px; height:11px; display:block; float:left; text-indent:-9999px; overflow:hidden;}

#topo div.barra-topo span.mapa a{ width:81px; margin-top:5px; display:block; float:left; text-align:center; color:white; font:10px "Trebuchet MS", Arial, Helvetica, sans-serif;}

#topo div.barra-topo div.area-expositor{ width:414px; height:25px; display:block; float:left;}
div.area-expositor span.icone-cadeado{ margin:7px 0 0 9px; background:url(../imagens/geral/icone-cadeado.gif) no-repeat; width:90px; height:15px; float:left; padding-left:20px; color:#88036b; font:bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif; }
div.form-expositor{ margin-top:5px;}
div.form-expositor label{ float:left; padding:2px 5px 0 7px; color:#88036b; font:bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif;}
div.form-expositor input.campo-login{ color:#777777; width:82px; height:13px; margin:5px 0 0 5px; float:left; font:9px Verdana, Geneva, sans-serif;}
div.form-expositor input.campo-senha{ color:#777777; width:72px; height:13px; margin:5px 0 0 5px; float:left; font:9px Verdana, Geneva, sans-serif;}
div.form-expositor span.campo-log{ background:url(../imagens/geral/bg-input-login.jpg) no-repeat; float:left; width:92px; height:20px;}
div.form-expositor span.campo-pw{ background:url(../imagens/geral/bg-input-senha.jpg) no-repeat; float:left; width:82px; height:20px;}
div.form-expositor input.bot-ok2{ float:left; width:37px; height:18px; background-image:url(../imagens/geral/ok-busca-sprite2.gif); margin-left:4px; margin-top:1px;}
div.form-expositor input.bot-ok2:hover { background-position: 0 -18px;}

#topo div.meio-topo{ width:615px; display:inline; float:right; margin:27px 90px 0 0;}
#topo div.meio-topo span.left{ float:left;}
#topo div.meio-topo span.right{ float:right;}
#topo div.meio-topo span.both{ clear:both;}

#topo div.menu-horizontal{ width:840px; height:29px; clear:both; float:right; margin-top:26px; *margin-top:22px;}
#topo div.menu-horizontal ul li a.selected{ color:#a40575;}

#meio{ width:970px; margin:10px auto; display:table; clear:both; height:auto; min-height:1468px; padding-bottom:30px; border-bottom:5px solid #e5e5e5;}
#meio div.col-esq{ float:left; width:140px; margin-right:15px;}
#meio div.col-esq div.logo{ width:140px; height:96px; display:block; margin-top:20px; border-bottom:5px solid #e5e5e5;}
#meio div.logo h1 a{ background:url(../imagens/home/logo-estetika.gif) no-repeat; width:140px; height:68px; display:block; text-indent:-9999px; overflow:hidden;}
#meio div.mapa-feira{ display:block; margin-top:15px; width:140px; height:178px; border-bottom:5px solid #e5e5e5;}
#meio div.mapa-feira h3{ padding-bottom:17px;}

#meio div.numeros{ display:block; margin-top:15px; width:140px; height:242px; border-bottom:5px solid #e5e5e5;}
#meio div.numeros h3{ padding-bottom:17px;}
#meio div.numeros p{ padding-top:12px; color:#5e5e5e; font:11px Verdana, Geneva, sans-serif;}

#meio div.folder{ display:block; margin-top:15px; width:140px; height:185px; border-bottom:5px solid #e5e5e5;}
#meio div.folder h3{ padding-bottom:17px;}
#meio div.folder p{ padding-top:12px; color:#5e5e5e; font:11px Verdana, Geneva, sans-serif;}

#meio div.patrocinadores{ display:block; margin-top:15px; width:140px; height:395px; border-bottom:5px solid #e5e5e5;}
#meio div.patrocinadores h3{ padding-bottom:17px;}
#meio div.patrocinadores h3.letter{ letter-spacing:-1px; padding-bottom:0px;}
#meio div.patrocinadores p{ padding-top:12px; color:#5e5e5e; font:11px Verdana, Geneva, sans-serif;}
#meio div.patrocinadores img{ padding-bottom:20px;}

#meio div.newsletter{ display:block; margin-top:15px; width:140px; height:130px;}
#meio div.newsletter h3{ padding-bottom:17px;}
#meio div.newsletter p{ color:#5e5e5e; font:11px Verdana, Geneva, sans-serif;}
div.form-newsletter{ margin-top:10px;}
div.form-newsletter span.newsletter{ float:left; width:98px; height:22px; display:block; background:url(../imagens/home/bg-input-news.jpg) no-repeat;}
div.form-newsletter input.news{ width:88px; height:14px; float:left; margin:5px 0 0 5px; font:9px Verdana, Geneva, sans-serif; color:#777777;}
div.form-newsletter input.bot-ok3{ float:left; width:37px; height:18px; background-image:url(../imagens/home/bot-news-sprite.gif); margin-left:4px; margin-top:2px;}
div.form-newsletter input.bot-ok3:hover { background-position: 0 -18px;}

#meio div.col-meio{ width:650px; float:left;}

#meio div.col-dir{ float:right; width:150px;}
#meio div.col-dir div.inscrevase{ width:150px; height:120px; border-bottom:5px solid #e5e5e5;}
#meio div.col-dir div.inscrevase p a{ background:url(../imagens/home/inscrevase.gif) no-repeat; width:150px; height:100px; display:block; text-indent:-9999px; overflow:hidden;}

#meio div.col-dir div.ecology{ width:150px; height:165px; border-bottom:5px solid #e5e5e5; margin-top:20px;}

#meio div.col-dir div.expositores-confirmados{ width:150px; border-bottom:5px solid #e5e5e5; margin-top:15px;}
#meio div.expositores-confirmados ul{ margin-top:10px; padding-bottom:5px;}
#meio div.expositores-confirmados ul li a{ display:block; color:#5e5e5e; width:142px; height:18px; font:bold 12px Verdana, Geneva, sans-serif; background-color:white; padding-top:5px; border-bottom:1px solid #cdcdcd;}
#meio div.expositores-confirmados ul li a:hover{ text-decoration:none; background-color:#f1f1f1;}
#meio div.expositores-confirmados span.ver-lista{ display:block; padding-top:10px; padding-bottom:15px;}
#meio div.expositores-confirmados span a{ color:#5e5e5e; font:bold 11px Verdana, Geneva, sans-serif;}
#meio div.expositores-confirmados span.setas{ color:#88036b; font:bold 8px Verdana, Geneva, sans-serif;}

#meio div.enquete{ width:150px; height:280px; margin-top:15px; border-bottom:5px solid #e5e5e5;}
#meio div.enquete p{ font:11px Verdana, Geneva, sans-serif; color:#5e5e5e; padding-top:10px; padding-bottom:15px;}
#meio div.enquete div.form-enquete{ font:11px Verdana, Geneva, sans-serif; color:#5e5e5e;}
div.form-enquete span.campo-radio{ width:140px; height:30px; display:block; margin-bottom:5px; }
div.form-enquete input.bot-votar{ float:right; width:57px; height:18px; background-image:url(../imagens/home/bot-votar.gif); margin-left:4px; margin-top:2px;}
div.form-enquete input.bot-votar:hover{ background-position: 0 -18px;}

#meio div.redes-sociais{ display:block; margin-top:15px; width:150px; height:110px; border-bottom:5px solid #e5e5e5;}
#meio div.redes-sociais h3{ padding-bottom:17px;}
#meio div.redes-sociais p{ color:#88036b; text-align:center;}

#meio div.indique{ display:block; margin-top:15px; width:150px; height:185px;}
#meio div.indique h3{ padding-bottom:17px;}
#meio div.indique p{ padding-top:12px; color:#5e5e5e; font:11px Verdana, Geneva, sans-serif;}
div.form-indicar span.seu-email{ background:url(../imagens/home/bg-input-indique.jpg) no-repeat; width:153px; height:28px; display:block;}
div.form-indicar span.seu-nome{ background:url(../imagens/home/bg-input-indique.jpg) no-repeat; width:153px; height:38px; display:block;}
div.form-indicar span.email-amigo{ background:url(../imagens/home/bg-input-indique.jpg) no-repeat; width:153px; height:28px; display:block;}
div.form-indicar span.nome-amigo{ background:url(../imagens/home/bg-input-indique.jpg) no-repeat; width:153px; height:25px; display:block;}
div.form-indicar input.campo{ margin:5px 0 0 5px; color:#474747; font:11px Verdana, Geneva, sans-serif;}
div.form-indicar input.bot-indicar{ float:right; width:57px; height:18px; background-image:url(../imagens/home/bot-indicar.gif); margin-top:6px;}
div.form-indicar input.bot-indicar:hover{ background-position: 0 -18px;}

div.pre-rodape{ width:970px; height:160px; margin:20px auto;}
div.realizacao{ float:left;}
div.realizacao span.tit{ float:left;  color:#6d6e71; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;}
div.realizacao span.img{ clear:both; float:left; margin-top:7px;}

div.apoio{ float:left; margin-left:70px;}
div.apoio span.tit{ float:left;  color:#6d6e71; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;}
div.apoio img{ margin-right:109px; *margin-right:102px;}
div.apoio img.noright{ margin-right:0px;}
div.apoio span.img{ clear:both; float:left; margin-top:7px;}

div.apoio-institucional{ float:left; margin-top:20px;}
div.apoio-institucional span.tit{ float:left; color:#6d6e71; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;}
div.apoio-institucional img{ margin-right:22px; *margin-right:10px;}
div.apoio-institucional img.noright{ margin-right:0px;}
div.apoio-institucional span.img{ clear:both; float:left;}


#rodape{ margin-top:30px; width:100%; height:300px; background:url(../imagens/geral/filete-rodape.jpg) repeat-x;}

div.conteudo-rodape{ width:970px;display:block; padding-top:30px; margin:0 auto; line-height:15px;}
div.conteudo-rodape ul{ height:217px;}
div.conteudo-rodape ul li a{ color:#5e5e5e; font:10px "Trebuchet MS", Arial, Helvetica, sans-serif;}
div.conteudo-rodape p{ color:#5e5e5e; font:10px "Trebuchet MS", Arial, Helvetica, sans-serif;}

div.conteudo-rodape div.coluna1{ width:155px; float:left;}
div.conteudo-rodape div.coluna2{ width:155px; margin-left:48px; float:left;}
div.conteudo-rodape div.coluna3{ width:155px; margin-left:48px; float:left;}
div.conteudo-rodape div.coluna4{ width:135px; margin-left:48px; float:left;}
div.conteudo-rodape div.coluna5{ width:175px; margin-left:48px; float:left;}

div.footer{ color:white; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; width:970px; height:22px; padding-top:7px; clear:both; display:block; margin:0px auto;}
div.footer span.direitos{ float:left; margin-left:321px; width:290px; display:inline;}
div.footer span.desenvolvido{ float:right; width:100px;}
div.footer span.desenvolvido a{ color:white; font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;}
div.footer span.desenvolvido a:hover{ color:#ee1c23;}

#meio div.no-border{ border:none;}




#jsddm
{	margin: 0;
	padding: 0}
	
	#jsddm li
	{	float: left;
		list-style: none;
		font:bold 12px Calibri, Arial, Helvetica, sans-serif;
		text-transform:uppercase;}

	#jsddm li a
	{	display: block;
		padding: 8px 12px;
		text-decoration: none;
		border-right: 2px solid white;
		width: 140px;
		text-align:center;
		color: #EAFFED;
		white-space: nowrap}

	#jsddm li a:hover
	{}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border:1px solid white;}
		
		#jsddm li ul li
		{	float: none;
			display: inline;
			}
		
		#jsddm li ul li a
		{	width: auto;
			background: #ba689d;
			border:none;
			text-align:left;
			border-bottom:1px dashed #cb77ad;}
		
		#jsddm li ul li a:hover
		{	background: #88036b}
