@charset "utf-8";
/* CSS Document */

/* ************************************ */
/*                                      */
/*       Cor usada no layout            */
/*                                      */
/*                                      */
/*                                      */
/*      roxo:#6c2887;                   */
/*                                      */
/*                                      */
/*                                      */
/*                                      */
/* ************************************ */

/* Zerando estilos dos browsers */

* { 
	margin: 0;
	padding: 0;
	list-style: none;
	vertical-align: baseline;
	background: transparent;
	text-decoration:none;
	border:none;
	}
	
html {
	font-size:100.01%;
	}

body {
	line-height: 1;
	}


input{
	border:none;
	}
 
:focus {
	outline: 0;
	}
 
ins {
	text-decoration: none;
	}
 
del {
	text-decoration: line-through;
	}
 
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

/* Fim Zerando estilos dos browsers */

/* Estilizacao geral de links */

a:link {
	color:#5e5e5e;
	}
a:visited {
	color:#5e5e5e;
	}
a:hover {
	color:#5e5e5e;
	}	
a:active {
	color:#5e5e5e;
	}

/* Fim da estilizacao geral de links */

/***************** INÍCIO ATRIBUTOS COMUNS *****************/	

h1,h2,h3,h4,h5,h6{
	color:#333;
    font-size:24px;
	}

h6.orange{
	color:#fdb813;
	font-size:15px;
	text-transform:uppercase;
	padding:5px 0 15px 0;
	text-align:center;
	}

span.left{
	float:left;}
	
span.right{
	float:right;}
	
p.publicidade{
	color:#474747;
	font:10px Verdana, Geneva, sans-serif;
	float:right;
	padding-bottom:2px;
	}
	
span.bullet-orange{
	background:url(../imagens/geral/detalhes/bullet-orange.gif) no-repeat left center;
	width:7px;
	height:6px;
	margin-right:5px;
	display:inline-block;
	position:relative;
	bottom:2px;
	*bottom:3px;
	_bottom:0px;
	}
	
span.ver-lista-green a{
	background:url(../imagens/geral/detalhes/bullet-roxo.gif) no-repeat left center;
	display:block;
	padding:10px 0 15px 10px;
	color:#5e5e5e;
	font:bold 10px Verdana, Geneva, sans-serif;
	}

span.ver-lista-green a:hover{
	color:#6c2887;}

span.aspas{
	color:#246169;
	font-size:15px;}
	
/***************** FIM ATRIBUTOS COMUNS *****************/	

body{ 
	background:url(../imagens/geral/bg/bg.jpg) top center no-repeat;
	width:100%;
	height:100%;
	}

#geral{
	width:970px;
	margin:0 auto;
	background-color:white;
	}

/***************** INÍCIO TOPO *****************/	
#topo{
	background:url(../imagens/geral/bg/bg-topo.jpg) no-repeat top center;
	width:970px;
	height:255px;
	margin-bottom:25px;
	background-color:white;
	}
	
#topo div.header-topo{
	width:600px;
	height:26px;
	line-height:26px;
	font:10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#777;
	margin-left:320px;
	}
	
#topo div.header-topo span.home a{
	background: url(../imagens/geral/icones/icon_home.gif) no-repeat left center;
	width:16px;
	height:16px;
	float:left;
	line-height:16px;
	color:#777777;
	text-indent:-9999px; 
	overflow:hidden;
	position:relative;
	right:12px;
	top:4px;}


#topo div.header-topo span.idioma a{
	background:url(../imagens/geral/icones/ico-english.jpg) no-repeat left center;
	width:42px;
	height:26px;
	float:left;
	font:10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:26px;
	color:#777777;
	padding-left:25px;
	}

#topo div.header-topo span.separador{
	background:url(../imagens/geral/detalhes/separador.gif) no-repeat left center;
	width:2px;
	height:26px;
	float:left;
	margin-right:8px;
	text-indent:-9999px;
	overflow:hidden;
	}

#topo div.header-topo span.form-busca{
	width:155px;
	height:26px;
	float:left;
	}

#topo div.header-topo span.form-busca span.icone-lupa{
	background:url(../imagens/geral/icones/ico-lupa.gif) no-repeat left center;
	width:16px;
	height:26px;
	margin-right:4px;
	float:left;
	}
	
#topo div.header-topo span.form-busca input{
	float:left;
	}

#topo div.header-topo input.input{
	float:left;
	color:#777777;
	width:75px;
	padding:2px 0 0 6px;
	font:10px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#topo div.header-topo span.campo{
	background:url(../imagens/geral/bg/bg-input-topo.jpg) no-repeat left center;
	width:82px;
	height:18px;
	float:left;
	margin:4px 5px 0 0;
	}
	
#topo div.header-topo span.bot-ok{
	margin:5px 0 0 0;
	float:left;
	}
	
#topo div.header-topo span.mapa-do-site a{
	color:#777777;
	float:left;
	padding:5px 12px 0 0;
	}

#topo div.header-topo span.mapa-do-site a:hover{
	color:#c70077;
	}

#topo div.header-topo span.area-do-expositor{
	/*width:320px;*/
width:160px;
	height:20px;
	float:left;
margin:3px 0 0;
	}

#topo div.header-topo span.icone-area-expositor{
	background:url(../imagens/geral/icones/ico-cadeado.jpg) no-repeat left center;
	color:#777777;
	float:left;
	height:20px;
	padding:6px 5px 0 22px;
	}

#topo div.logos-topo{
	width:685px;
	height:184px;
	float:right;
	}
	
#topo div.logos-topo span.logo-beauty a{
	margin:2px 0 0 -200px;
	background:url(../imagens/geral/logos/logo-hair-beauty.jpg) no-repeat;
	width:330px;
	height:180px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	}
	


#topo div.logos-topo span.data{
	margin:30px;
	background:url(../imagens/geral/logos/data.gif) no-repeat;
	width:370px;
	height:130px;
	text-indent:-9999px;
	overflow:hidden;
	}

/***************** INÍCIO MENU *****************/	

#topo div.menu-topo{
	width:900px;
	height:45px;
	float:left;
    margin-left:38px;
	}
#jsddm{
	margin: 0;
	padding: 0;
	}
	
#jsddm li{
	float: left;
	list-style: none;
	font:bold 14px Calibri, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	}

#jsddm li a{
	display: block;
	padding: 15px 18px;
	*padding: 15px 17px;
	text-decoration: none;
	text-align:center;
	color:white;
	white-space: nowrap;
	}
	
#jsddm li a.no-right{ 
	padding-right:0px;
	}

#jsddm li a:hover{
	color:#e5e5e5;
	}
		
#jsddm li ul{
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border:1px solid white;
	z-index:9999;
	}
		
#jsddm li ul li{
	float: none;
	display: inline;
	}
		
#jsddm li ul li a{
	width:auto;
    float: none;
    display: block;
	padding: 8px 12px;
	background: #6c2887;
	border:none;
	text-align:left;
	border-bottom:1px dashed #ccc;
    }
		
#jsddm li ul li a:hover{
	background: #999;
	color:white;
	}

/***************** FIM MENU *****************/	

/***************** FIM TOPO *****************/	

#conteudo{ 
	width:970px;
	}

/***************** INÍCIO COLUNA ESQUERDA *****************/	
#conteudo div.coluna-esquerda{
	width:150px;
	float:left;
	margin:0 15px 0 0;
	}
	
#conteudo div.coluna-esquerda h2{
	padding-bottom:10px;}

#conteudo div.coluna-esquerda img{

	}

#conteudo div.coluna-esquerda div.folder{
	display:block;
	margin-bottom:40px;
	}

#conteudo div.coluna-esquerda div.folder p{
	color:#5e5e5e;
	font:11px Verdana, Geneva, sans-serif;
	padding-top:10px;
	}
#conteudo div.coluna-esquerda div.newsletter{
	display:block;
	margin-bottom:50px;
	}

#conteudo div.coluna-esquerda div.mapa{
	display:block;
	margin-bottom:50px;
	}

#conteudo div.coluna-esquerda div.numeros{
	display:block;
	margin-bottom:50px;
	}
	
#conteudo div.coluna-esquerda div.numeros p{
	color:#5e5e5e;
	font:11px Verdana, Geneva, sans-serif;
	padding-top:10px;
	}

#conteudo div.coluna-esquerda div.redes-sociais{
	display:block;
	margin-bottom:50px;
	float:left;
	}
	
#conteudo div.coluna-esquerda div.publicidade-coluna-esquerda{
	display:inline-block;
	width:146px;
	height:auto;
	background-color:white;
	border:2px solid #e3e3e3;}
	
#conteudo div.coluna-esquerda div.conteudo-publicidade{
	width:136px;
	display:block;
	margin:0 auto;
	}

#conteudo div.coluna-esquerda div.conteudo-publicidade p{
	margin:0;
	padding:0;
	color:#0072bc;
	font:11px Verdana, Geneva, sans-serif;
	text-align:left;
	padding-bottom:10px;
	border-bottom:1px solid #e6e6e6;
	margin-bottom:10px;
	}

#conteudo div.coluna-esquerda div.conteudo-publicidade p.no-border{
	border:none;
	}

#conteudo div.coluna-esquerda div.conteudo-publicidade p a{
	color:#0072bc;
	}

#conteudo div.coluna-esquerda div.conteudo-publicidade p a:hover{
	color:#ea7e24;
	}

#conteudo span.ver-lista-orange a{
	background:url(../imagens/geral/detalhes/bullet-orange.gif) no-repeat left center;
	display:block;
	margin-top:10px;
	padding:0 0 0 15px;
	color:#0072bc;
	font:bold 10px Verdana, Geneva, sans-serif;
	}

/***************** FIM COLUNA ESQUERDA *****************/	

/***************** INÍCIO COLUNA MEIO *****************/	

#conteudo div.coluna-meio{
	width:650px;
	display:inline-block;
	*float:left;
	}
	
/***************** FIM COLUNA MEIO *****************/	

/***************** INÍCIO COLUNA DIREITA *****************/	
#conteudo div.coluna-direita h2{
	padding-bottom:10px;}

#conteudo div.coluna-direita{
	width:140px;
	float:right;
	}
	
#conteudo div.coluna-direita div.patrocinadores{
	display:block;
	margin-bottom:50px;
	}

#conteudo div.coluna-direita div.inscricao-caravanas, #conteudo div.coluna-direita div.inscricao-eventos-educacionais, #conteudo div.coluna-direita div.cred-feira, #conteudo div.coluna-direita div.expositores-confirmados{
	display:block;
	margin-bottom:25px;
	}
	
#conteudo div.expositores-confirmados ul{
	margin-top:10px;
	}
#conteudo div.expositores-confirmados ul li a{
	display:block;
	color:#5e5e5e;
	width:100%;
	font:bold 11px Verdana, Geneva, sans-serif;
	background-color:white;
	padding:5px 0 5px 0;
	border-bottom:1px solid #cdcdcd;
	}

#conteudo div.expositores-confirmados ul li a:hover{
	text-decoration:none;
	color:#246169;
	background-color:#f1f1f1;
	}

#conteudo div.expositores-confirmados span.ver-lista a:hover{
	color:#246169;
	}

#conteudo div.coluna-direita div.enquete{
	display:inline-block;
	font:11px Verdana, Geneva, sans-serif;
	color:#5e5e5e;
	margin-bottom:50px;
	}

#conteudo div.enquete p{
	font:11px Verdana, Geneva, sans-serif;
	color:#5e5e5e;
	padding-top:10px;
	padding-bottom:15px;
	}
	
#conteudo div.enquete span.campo-radio{
	width:140px;
	height:30px;
	display:block;
	margin-bottom:5px;
	}
	
#conteudo div.enquete input.bot-votar{
	float:right;
	width:70px;
	height:20px;
	margin-top:2px;
	}

#conteudo div.coluna-direita div.newsletter{
	display:inline-block;
	margin-bottom:50px;
	}
	
#conteudo div.newsletter p{
	color:#5e5e5e;
	font:11px Verdana, Geneva, sans-serif;
	padding:10px 0 0 0;
	}
	
#conteudo div.newsletter span.newsletter{
	float:left;
	width:117px;
	height:22px;
	margin-top:10px;
	display:block;
	background:url(../imagens/geral/bg/bg-input-news.jpg) no-repeat;
	}
	
#conteudo div.newsletter input.news{
	width:107px;
	height:14px;
	margin-top:10px;
	float:left;
	margin:4px 0 0 5px;
	font:10px Verdana, Geneva, sans-serif;
	color:#777777;
	}

#conteudo div.newsletter input.bot-ok3{
	float:right;
	width:20px;
	height:20px;
	margin-top:10px;
	}

#conteudo div.coluna-direita div.redes-sociais{
	display:block;
	margin-bottom:50px;
	float:left;
    width:150px;
	}

#conteudo div.coluna-direita div.indique{
	display:block;
	margin-bottom:50px;
	}
	
#conteudo div.indique p{ 
	padding-top:12px;
	color:#5e5e5e;
	font:11px Verdana, Geneva, sans-serif;
	}
	
#conteudo div.indique span.campos{
	background:url(../imagens/geral/bg/bg-input-indique.jpg) no-repeat;
	width:131px;
	height:22px;
	display:block;
	margin:7px 0 0 0;
	}
	
#conteudo div.indique input.campo{
	width:120px;
	height:14px;
	padding:5px 0 0 5px;
	font:10px Verdana, Geneva, sans-serif;
	color:#777777;
	display:block;
	letter-spacing:-1px;
	}
	
#conteudo div.indique input.bot-indicar{
	float:right;
	width:70px;
	height:20px;
	margin-top:10px;
	}

/***************** FIM COLUNA DIREITA *****************/	

/***************** INÍCIO PRE-RODAPE *****************/	

div.pre-rodape{
	display:inline-block;
	border-top:2px solid #e7e7e7;
	padding:30px 0 30px 0;
	margin:20px 0 0 0;
	}

/***************** FIM PRE-RODAPE *****************/	

/***************** INÍCIO RODAPE *****************/	

#rodape{
	background:url(../imagens/geral/filetes/filete-rodape.jpg) repeat-x;
	width:100%;
	height:414px;
	clear:both;
	}
	
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{
	padding-top:7px;
	line-height:11px;
	}
	
div.conteudo-rodape ul li a{
	color:#474747;
	font:10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
div.conteudo-rodape ul li a:hover{ 
	color:#6c2887;
	}
	
div.conteudo-rodape p{
	color:#474747;
	font:10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top:7px;
	}
	
div.conteudo-rodape h6{
	font-size:13px;
        white-space:nowrap;
	}
	
div.conteudo-rodape div.coluna{
	width:121px;
	_width:115px;
	float:left;
	margin-right:20px;
	}

div.conteudo-rodape div.no-right{ margin-right:0px;}


/***************** FIM RODAPE *****************/