body{
margin:0px;
padding:0px;
background: url(images/bg.jpg) repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;}


/*TOPO*/
#global_topo{
margin:0 auto;
height:170px;
text-align:center;}

#topo{
margin: 0 auto;
width:900px;
height:170px;
text-align: left;}

/*LOGO*/
#logo{
margin:45px 32px 0 38px;
width: 222px;
float:left;}

#logo h1 {
margin:0 auto;
overflow: hidden}

#logo h1 a{
background: url(images/logo.png) no-repeat;
display:block;
width: 222px;
height:126px;
text-indent: -9999px;}

#logo h1 a:hover{
background-position: 0 -127px;}

/*MAPA DO EVENTO*/
#mapa_evento{
	margin: 33px 0 0 430px;
	width:139px;
	height:23px;
	float:left;
	overflow: hidden}

#mapa_evento a{
	background: url(images/mapa_do_evento.png);
	display:block;
	width: 139px;
	height:23px;
	text-indent: -9999px;}

#mapa_evento a:hover{
	background-position: 0 -23px;}
	
/*MENU*/
#menu{
	margin:16px 0 0 0;
	width:570px;
	height:54px;
	background: url(images/bg_menu.jpg) repeat-x;
	float:left;}

#home{
	margin:16px 34px 0 33px;
	overflow:hidden;
	float:left;}

#home a{
	background:url(images/btn_home.png);
	display:block;
	width:72px;
	height:21px;
	text-indent:-9999px;}

#home a:hover{
	background-position: 0 -21px;}
	
	
#home_ativo{
	margin:16px 34px 0 33px;
	overflow:hidden;
	background:url(images/btn_home.png);
	display:block;
	width:72px;
	height:21px;
	text-indent:-9999px;
	float:left;
	background-position: 0 -21px;}
	

#a_expo{
	margin:16px 34px 0 0;
	overflow:hidden;
	float:left;}

#a_expo a{
	background:url(images/btn_expo.png);
	display:block;
	width:84px;
	height:21px;
	text-indent:-9999px;}
	

#a_expo a:hover{
	background-position: 0 -21px;}
	

#a_expo_ativo{
	margin:16px 34px 0 0;
	overflow:hidden;
	background:url(images/btn_expo.png);
	display:block;
	width:84px;
	height:21px;
	text-indent:-9999px;
	float:left;
	background-position: 0 -21px;}
	

#expositores{
	margin:16px 34px 0 0;
	overflow:hidden;
	float:left;}

#expositores a{
	background:url(images/btn_expositores.png);
	display:block;
	width:143px;
	height:21px;
	text-indent:-9999px;}

#expositores a:hover{
	background-position: 0 -21px;}


#expositores_ativo{
	margin:16px 34px 0 0;
	overflow:hidden;
	background:url(images/btn_expositores.png);
	display:block;
	width:143px;
	height:21px;
	text-indent:-9999px;
	float:left;
	background-position: 0 -21px;}


#contato{
	margin:16px 0 0 0;
	overflow:hidden;
	float:left;}

#contato a{
	background:url(images/btn_contato.png);
	display:block;
	width:103px;
	height:21px;
	text-indent:-9999px;}

#contato a:hover{
	background-position: 0 -21px;}
	
#contato_ativo{
	margin:16px 0 0 0;
	overflow:hidden;
	background:url(images/btn_contato.png);
	display:block;
	width:103px;
	height:21px;
	text-indent:-9999px;
	float:left;
	background-position: 0 -21px;}



#area_submenu{
	margin:0 auto;
	width:570px;
	height:44px;
	background-color:#eff0f9;
	float:left;}

#empresa a{
	margin:14px;
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4e84ad;
	float:left;
	text-decoration:none;
	font-weight:bold}

#empresa a:hover{
	color:#0091ff;}
	

#empresa_interno a{
	margin:15px 0 8px 0;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4e84ad;
	float:left;
	text-decoration:none;
	font-weight:bold}

#empresa_interno a:hover{
	color:#0091ff;}
	
#emergentes a{
	margin:14px;
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#03a803;
	float:left;
	text-decoration:none;
	font-weight:bold}

#emergentes a:hover{
	color:#005b00;}
	

#emergentes_interno a{
	margin:15px 0 8px 0;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#03a803;
	float:left;
	text-decoration:none;
	font-weight:bold}

#emergentes_interno a:hover{
	color:#005b00;}
	
#instituicoes_interno a{
	margin:5px 0 8px 0;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#f8bb03;
	float:left;
	text-decoration:none;
	font-weight:bold}

#instituicoes_interno a:hover{
	color:#a07800;}
	
#instituicoes a{
	margin:14px;
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#f8bb03;
	float:left;
	text-decoration:none;
	font-weight:bold}

#instituicoes a:hover{
	color:#a07800;}

/*CONTEUDO*/
#global_conteudo{
margin:0 auto;
height:auto;
text-align:center;}

#conteudo{
margin: 0 auto;
width:900px;
height: auto;
text-align: left;}

#chamada_principal{
margin:72px 0 0 38px;
width:824px;
height:224px;
float:left;}

#slide{
margin: 0 32px 40px 0;
width:222px;
height:222px;
float:left;}

#texto_chamada{
margin:0 auto;
width:413px;
height:107px;
float:left;}

#data_evento{
margin:19px 0 0 0;
width:570px;
height:63px;
float:left;}

#saiba_mais{
	margin:18px 0 0 0;
	overflow:hidden;
	float:left;}

#saiba_mais a{
	background: url(images/btn_saiba_mais_sobre_o_even.jpg);
	display:block;
	width:209px;
	height:15px;
	text-indent:-9999px;}

#saiba_mais a:hover{
	background-position: 0 -15px;}
	
#chamadas{
	margin:80px 0 90px 38px;
	width:824px;
	height:327px;
	float:left;}

#data{
	margin:19px 0 0 38px;
	width:824px;
	height:28px;
	float:left;
	background:url(images/data_interna.jpg) no-repeat}

#container_interno{
	margin:25px 0 90px 38px;
	width:824px;
	height:auto;
	float:left;}
	
#titulo_da_pagina{
	margin:0 0 12px 0;
	width:auto;
	min-width:200px;
	height:auto;
	float:left;
	color: #004080;
}

h2 {
margin: 0 auto;
font-size:38px;
color:#427ca8;
float:left;
font-weight:lighter}

#instituicoes h2 {
margin: 0 auto;
font-size:38px;
color:#f8bb03;
float:left;
font-weight:lighter}

#emergentes h2 {
margin: 0 auto;
font-size:38px;
color:#03a803;
float:left;
font-weight:lighter}
	
#box_empresas{
margin:22px 0 0 0;
padding:27px;
width:516px;
height:182px;
background-color:#d1e5f3}
		
	
#box_left{
margin:0 32px 0 0;
width:222px;
height:auto;
float:left;}

#titulo_box{
margin:0 0 5px 27px;
width:auto;
height:42px;
float:left}

#box_mapa{
margin:22px 0 0 0;
padding:27px 0 27px 6px;
width:216px;
height:182px;
background-color:#014782 ;}

#box_veja_empresas{
margin:22px 0 0 0;
padding:27px;
width:168px;
height:60px;
background-color:#eff0f9;}

#box_right{
margin:0 auto;
width:570px;
height:auto;
float:left;}

#box_expositores{
margin:22px 0 0 0;
padding:27px;
width:516px;
height:182px;
background-color:#427ca8;}

#veja_expositores{
	margin:10px 213px 0 0;
	overflow:hidden;
	float:left;}

#veja_expositores a{
	background: url(images/btn_conheca_nossos_exposito.jpg);
	display:block;
	width:229px;
	height:19px;
	text-indent:-9999px;}

#veja_expositores a:hover{
	background-position: 0 -19px;}


#veja_o_mapa{
	margin:10px 19px 0 0;
	overflow:hidden;
	float:left;}

#veja_o_mapa a{
	background: url(images/btn_veja_o_mapa.jpg);
	display:block;
	width:107px;
	height:15px;
	text-indent:-9999px;}

#veja_o_mapa a:hover{
	background-position: 0 -15px;}
	
/*FOOTER*/
#global_footer{
margin:-20px 0 0 0;
background:url(img/fnd_footer.jpg) repeat-x;
clear:both;
height:130px;
text-align:center;
background-color: #1b4b6e}

#container_footer{
margin:0 auto;
width:824px;
height:28px;
text-align: left;
background-color: #FFFFFF;}
	
#footer{
margin:-30px 4px 0 4px;
width:318px;
height:54px;
float:left;
background:url(images/bg_submenu.jpg) repeat-x}

#mapa_footer{
	margin:-30px 4px 0 0;
	overflow:hidden;
	float:left;}

#mapa_footer a{
	background:  url(images/btn_mapa_do_evento.jpg) no-repeat;
	display:block;
	width:124px;
	height:54px;
	text-indent:-9999px;}

#mapa_footer a:hover{
	background-position: 0 -54px;}
	
#logos_parceiros{
	margin:-30px 0 0 0;
	width:366px;
	height:54px;
	float:left;}

/*MENU FOOTER*/
#navlist {
	margin:16px 0 0 5px;}

#navlist li{
display: inline;
list-style-type: none;
text-decoration:none;}

#navlist li a{
font-size:10px;
color: #FFF;
display: inline;
text-decoration:none;
padding-left: 10px;
padding-right: 10px;}

#navlist li a:hover{
color: #004F9D;}

#navlist li a:active{
color: #FFFF2F;}

#assinatura{
	margin:20px 4px 0 0;
	overflow:hidden;
	float: right}

#assinatura a{
	background: url(images/btn_desenvolvedor.jpg);
	display:block;
	width:131px;
	height:31px;
	text-indent:-9999px;}

#assinatura a:hover{
	background-position: 0 -31px;}
/*FIM MENUFOOTER*/

/*SUBMENU*/
#navlist_submenu {
	margin:16px 0 0 15px;}

#navlist_submenu li{
display: inline;
list-style-type: none;
text-decoration:none;}

#navlist_submenu li a{
font-size:15px;
color: #FFF;
display: inline;
text-decoration:none;
padding-left: 10px;
padding-right: 10px;}

#navlist li a:hover{
color: #85b2d1;}

#navlist li a:active{
color: #FFFF2F;}


/* First Level UL List */

li{
list-style:none;}

#box_grd_empresas{
margin:0 auto;
padding:34px;
width:502px;
height: auto;
float:left;
background-color:#c7dcea}

#box_emergentes{
margin:0 auto;
padding:34px;
width:502px;
height: auto;
float:left;
background-color:#cce6a1}

#box_instiuicoes{
margin:0 auto;
padding:34px;
width:502px;
height: auto;
float:left;
background-color:#ffeb63}

#box_expo{
margin:0 auto;
padding:34px;
width:502px;
height: auto;
float:left;
background-color:#f8fafc}

#box_expo a{
	color:#0000FF;
	text-decoration:none}
	
#box_expo a:hover{
	color: #0DB0FF;}


#linha{
margin:25px 0 0 5px 0;
width:502px;
height:2px;
float:left;
background:url(images/bg_linha.png) repeat-x;}

#thumnails{
margin:10px 0 20px 0;
float:left;
width:502px;
height:161px;}

#logo_empresa{
margin:0 11px 30px 0;
width:210px;
height:161px;
float:left}

#thumbnail_empresa{
margin:0 auto;
width:281px;
height:161px;
float:left;}

#resumo{
margin:0 auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #666666;
float:left}

#site{
margin:18px 0 0 -15px;
float:left;}

#site a{
width:500px;
height:60px;
background-color: #0052A4;
color:#FFFFFF;
font-size:12px;}

#site a:hover{
background-color: #002346}


#site_emergentes{
margin:18px 0 0 -15px;
float:left;}

#site_emergentes a{
width:500px;
height:60px;
background-color: #3aa345;
color:#FFFFFF;
font-size:12px;}

#site_emergentes a:hover{
background-color: #134d1d}


#site_instituicoes{
margin:18px 0 0 -15px;
float:left;}

#site_instituicoes a{
width:500px;
height:60px;
background-color: #9e8200;
color:#FFFFFF;
font-size:12px;}

#site_instituicoes a:hover{
background-color: #cdb21d;
color:#FFFFFF}

	
	#accordion {
		margin:0;
		padding:0;	
		list-style:none;}
	
		#accordion li {
			width:502px;}
	
		#accordion li a {
			display: block;
			width: 502px;
			height:30px;	
			text-indent:-999em;
			outline:none;}
		
		/* Using CSS Sprite for menu item */
		#accordion li a.popular {
			background: url(images/btn_adespec.jpg) no-repeat 0 0;	}

		#accordion li a.popular:hover, .popularOver {
			background: url(images/btn_adespec.jpg) no-repeat -502px 0 !important;}
			
			
			#accordion li a.bioclone {
			background: url(images/btn_bioclone.jpg) no-repeat 0 0;	}

		#accordion li a.bioclone:hover, .biocloneOver {
			background: url(images/btn_bioclone.jpg) no-repeat -502px 0 !important;	}
			
		
		#accordion li a.braskem {
			background: url(images/btn_braskem.jpg) no-repeat 0 0;	}

		#accordion li a.braskem:hover, .braskemOver {
			background: url(images/btn_braskem.jpg) no-repeat -502px 0 !important;	}
			
			#accordion li a.cetrel {
			background: url(images/btn_cetrel.jpg) no-repeat 0 0;	}

			#accordion li a.cetrel:hover, .cetrelOver {
			background: url(images/btn_cetrel.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.cni {
			background: url(images/btn_cni.jpg) no-repeat 0 0;	}

			#accordion li a.cni:hover, .cniOver {
			background: url(images/btn_cni.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.embraer {
			background: url(images/btn_embraer.jpg) no-repeat 0 0;	}

			#accordion li a.embraer:hover, .embraerOver {
			background: url(images/btn_embraer.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.exatron {
			background: url(images/btn_exatron.jpg) no-repeat 0 0;	}

			#accordion li a.exatron:hover, .exatronOver {
			background: url(images/btn_exatron.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.favo_verde {
			background: url(images/btn_favo_verde.jpg) no-repeat 0 0;	}

			#accordion li a.favo_verde:hover, .favo_verdeOver {
			background: url(images/btn_favo_verde.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.nanox {
			background: url(images/btn_nanox.jpg) no-repeat 0 0;	}

			#accordion li a.nanox:hover, .nanoxOver {
			background: url(images/btn_nanox.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.natura {
			background: url(images/btn_natura.jpg) no-repeat 0 0;	}

			#accordion li a.natura:hover, .naturaOver {
			background: url(images/btn_natura.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.opto{
			background: url(images/btn_opto.jpg) no-repeat 0 0;	}

			#accordion li a.opto:hover, .optoOver {
			background: url(images/btn_opto.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.oxiteno{
			background: url(images/btn_oxiteno.jpg) no-repeat 0 0;	}

			#accordion li a.oxiteno:hover, .oxitenoOver {
			background: url(images/btn_oxiteno.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.promon{
			background: url(images/btn_promon.jpg) no-repeat 0 0;	}

			#accordion li a.promon:hover, .promonOver {
			background: url(images/btn_promon.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.protensao{
			background: url(images/btn_protensao.jpg) no-repeat 0 0;	}

			#accordion li a.protensao:hover, .protensaoOver {
			background: url(images/btn_protensao.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.vse{
			background: url(images/btn_vse.jpg) no-repeat 0 0;	}

			#accordion li a.vse:hover, .vseOver {
			background: url(images/btn_vse.jpg) no-repeat -502px 0 !important;	}
			
			
			
			#accordion li a.biomater{
			background: url(images/btn_biomater.jpg) no-repeat 0 0;	}

			#accordion li a.biomater:hover, .biomaterOver {
			background: url(images/btn_biomater.jpg) no-repeat -502px 0 !important;	}


			#accordion li a.biotechnos{
			background: url(images/btn_biotechnos.jpg) no-repeat 0 0;	}

			#accordion li a.biotechnos:hover, .biotechnosOver {
			background: url(images/btn_biotechnos.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.brasil{
			background: url(images/btn_brasil.jpg) no-repeat 0 0;	}

			#accordion li a.brasil:hover, .brasilOver {
			background: url(images/btn_brasil.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.containit{
			background: url(images/btn_containit.jpg) no-repeat 0 0;	}

			#accordion li a.containit:hover, .containitOver {
			background: url(images/btn_containit.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.embafort{
			background: url(images/btn_embafort.jpg) no-repeat 0 0;	}

			#accordion li a.embafort:hover, .embafortOver {
			background: url(images/btn_embafort.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.euroforte{
			background: url(images/btn_euroforte.jpg) no-repeat 0 0;	}

			#accordion li a.euroforte:hover, .euroforteOver {
			background: url(images/btn_euroforte.jpg) no-repeat -502px 0 !important;	}
						
			
			#accordion li a.iqx{
			background: url(images/btn_iqx.jpg) no-repeat 0 0;	}

			#accordion li a.iqx:hover, .iqxOver {
			background: url(images/btn_iqx.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.limpgas{
			background: url(images/btn_limpgas.jpg) no-repeat 0 0;	}

			#accordion li a.limpgas:hover, .limpgasOver {
			background: url(images/btn_limpgas.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.notox{
			background: url(images/btn_notox.jpg) no-repeat 0 0;	}

			#accordion li a.notox:hover, .notoxOver {
			background: url(images/btn_notox.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.novo{
			background: url(images/btn_novo.jpg) no-repeat 0 0;	}

			#accordion li a.novo:hover, .novoOver {
			background: url(images/btn_novo.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.smartbio{
			background: url(images/btn_smartbio.jpg) no-repeat 0 0;	}

			#accordion li a.smartbio:hover, .smartbioOver {
			background: url(images/btn_smartbio.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.webradar{
			background: url(images/btn_webradar.jpg) no-repeat 0 0;	}

			#accordion li a.webradar:hover, .webradarOver {
			background: url(images/btn_webradar.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.caf{
			background: url(images/btn_caf.jpg) no-repeat 0 0;	}

			#accordion li a.caf:hover, .cafOver {
			background: url(images/btn_caf.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.cetem{
			background: url(images/btn_cetem.jpg) no-repeat 0 0;	}

			#accordion li a.cetem:hover, .cetemOver {
			background: url(images/btn_cetem.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.cetene{
			background: url(images/btn_cetene.jpg) no-repeat 0 0;	}

			#accordion li a.cetene:hover, .ceteneOver {
			background: url(images/btn_cetene.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.coppe{
			background: url(images/btn_coppe.jpg) no-repeat 0 0;	}

			#accordion li a.coppe:hover, .coppeOver {
			background: url(images/btn_coppe.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.cti{
			background: url(images/btn_cti.jpg) no-repeat 0 0;	}

			#accordion li a.cti:hover, .ctiOver {
			background: url(images/btn_cti.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.vila{
			background: url(images/btn_vila.jpg) no-repeat 0 0;	}

			#accordion li a.vila:hover, .vilaOver {
			background: url(images/btn_vila.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.furg{
			background: url(images/btn_furg.jpg) no-repeat 0 0;	}

			#accordion li a.furg:hover, .furgOver {
			background: url(images/btn_furg.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.incaper{
			background: url(images/btn_incaper.jpg) no-repeat 0 0;	}

			#accordion li a.incaper:hover, .incaperOver {
			background: url(images/btn_incaper.jpg) no-repeat -502px 0 !important;	}
				
			
			#accordion li a.inpa{
			background: url(images/btn_inpa.jpg) no-repeat 0 0;	}

			#accordion li a.inpa:hover, .inpaOver {
			background: url(images/btn_inpa.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.instituto{
			background: url(images/btn_instituto.jpg) no-repeat 0 0;	}

			#accordion li a.instituto:hover, .institutoOver {
			background: url(images/btn_instituto.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.itaipu{
			background: url(images/btn_itaipu.jpg) no-repeat 0 0;	}

			#accordion li a.itaipu:hover, .itaipuOver {
			background: url(images/btn_itaipu.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.sudeco{
			background: url(images/btn_sudeco.jpg) no-repeat 0 0;	}

			#accordion li a.sudeco:hover, .sudecoOver {
			background: url(images/btn_sudeco.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.unitins{
			background: url(images/btn_unitins.jpg) no-repeat 0 0;	}

			#accordion li a.unitins:hover, .unitinsOver {
			background: url(images/btn_unitins.jpg) no-repeat -502px 0 !important;	}
			
			
			#accordion li a.usp{
			background: url(images/btn_usp.jpg) no-repeat 0 0;	}

			#accordion li a.usp:hover, .uspOver {
			background: url(images/btn_usp.jpg) no-repeat -502px 0 !important;	}
			
		
		#accordion li a.comment {
			background:url(menu.jpg) no-repeat 0 -86px;	}

		#accordion li a.comment:hover, .commentOver {
			background:url(menu.jpg) no-repeat -268px -86px !important;	}
		
		
		/* Second Level UL List*/
		#accordion ul {
			
			width:502px;
			margin:0;
			padding:0;
			display:none;}
		
			#accordion ul li {
				height:350px;}
			
			/* styling of submenu item */
			#accordion ul li a {
				padding:18px;
				width: auto;
				height:4px;
				margin-left:15px;
				padding-top:5px;
				text-indent:0;
				color:#ccc;
				text-decoration:none;}

			/* remove border bottom of the last item */
			#accordion ul li a.last {
				border-bottom: none;}		

h4{
font-size:14px;
color:#042c50;
margin:0 auto;
font-weight:lighter;
margin-bottom:6px;}


h5{
font-size:18px;
color:#042c50;
margin:0 auto;
font-weight:lighter;
margin-bottom:6px;}

input {
background-color: #85b2d1;
font: 18px verdana, arial, helvetica, sans-serif;
color: #FFFFFF;
padding:10px;
height:20px;
border:2px solid #85b2d1;
margin-bottom:20px;
}

.botao {
margin-top:10px;
background-color: #01203d;
font: 18px Arial, sans-serif;
height:45px;
padding:10px;
color: #FFFFFF;
border:none;
}