/* Representantes */

.AreaMapaBrasil{ float: left; width: 296px; }

.active { display:inherit; }
	ul#map {display: block; margin: 0; padding: 0; width: 296px; height: 294px; background-image: url('../image/mapa2.png');}
	ul#map li {display: block; padding: 0; position: absolute;}
	li#crs {margin-top: 243px; margin-left: 125px;}
	li#csc {margin-top: 236px; margin-left: 148px;}
	li#cpr {margin-top: 209px; margin-left: 143px;}
	li#csp {margin-top: 190px; margin-left: 158px; z-index:9999; }
	li#cms {margin-top: 169px; margin-left: 118px;}
	li#crj {margin-top: 201px; margin-left: 210px; z-index:9999; }
	li#ces {margin-top: 181px; margin-left: 231px; z-index:9999; }
	li#cmg {margin-top: 152px; margin-left: 169px; z-index:9998; }
	li#cgo {margin-top: 132px; margin-left: 154px; z-index:9999; }
	li#cba {margin-top: 98px; margin-left: 197px;}
	li#cmt {margin-top: 98px; margin-left: 95px;}
	li#cro {margin-top: 100px; margin-left: 57px; z-index:9998; }
	li#cac {margin-top: 99px; margin-left: 1px;}
	li#cam {margin-top: 24px; margin-left: 2px;}
	li#crr {margin-top: 1px; margin-left: 72px;}
	li#cpa {margin-top: 22px; margin-left: 114px;}
	li#cap {margin-top: 11px; margin-left: 146px;}
	li#cma {margin-top: 53px; margin-left: 191px; z-index:9999;}
	li#cto {margin-top: 83px; margin-left: 175px;}
	li#cdf {margin-top: 155px; margin-left: 185px; width: 13px; height: 8px; z-index:9999; }
	
	li#cse {margin-top: 122px; margin-left: 266px;}
	li#cal {margin-top: 116px; margin-left: 267px;}
	li#cpe {margin-top: 102px; margin-left: 245px;}
	li#cpb {margin-top: 96px; margin-left: 265px;}
	li#crn {margin-top: 85px; margin-left: 265px;}
	li#cce {margin-top: 68px; margin-left: 245px;}
	li#cpi {margin-top: 67px; margin-left: 209px; z-index:9997;}

	ul#map li a {display: block; text-decoration: none; position: absolute;}
	a#rs {width: 50px; height: 49px; }
	a#sc {width: 35px; height: 24px; }
	a#pr {width: 43px; height: 31px; }
	a#sp {width: 55px; height: 41px; }
	a#ms {width: 51px; height: 52px; }
	a#rj {width: 28px; height: 16px; }
	a#es {width: 18px; height: 24px; }
	a#mg {width: 79px; height: 63px; }
	a#go {width: 53px; height: 55px; }
	a#ba {width: 74px; height: 95px; }
	a#mt {width: 84px; height: 76px; }
	a#ro {width: 49px; height: 44px; }
	a#ac {width: 55px; height: 27px; }
	a#am {width: 130px; height: 91px;}
	a#rr {width: 43px; height: 49px; }
	a#pa {width: 96px; height: 94px; }
	a#ap {width: 38px; height: 41px; }
	a#ma {width: 51px; height: 68px; }
	a#to {width: 34px; height: 62px; }
	a#df {width: 13px; height: 8px; }
	
	a#se {width: 13px; height: 15px; }
	a#al {width: 21px; height: 12px; }
	a#pe {width: 48px; height: 19px; }
	a#pb {width: 29px; height: 16px; }
	a#rn {width: 27px; height: 16px; }
	a#ce {width: 29px; height: 39px; }
	a#pi {width: 41px; height: 59px; }

	a#rs:hover, a#rs:active {background-image: url('../image/mapa/rs.gif');}
	a#sc:hover, a#sc:active {background-image: url('../image/mapa/sc.gif');}
	a#pr:hover, a#pr:active {background-image: url('../image/mapa/pr.gif');}
	a#sp:hover, a#sp:active {background-image: url('../image/mapa/sp.gif');}
	a#ms:hover, a#ms:active {background-image: url('../image/mapa/ms.gif');}
	a#rj:hover, a#rj:active {background-image: url('../image/mapa/rj.gif');}
	a#es:hover, a#es:active {background-image: url('../image/mapa/es.gif');}
	a#mg:hover, a#mg:active {background-image: url('../image/mapa/mg.gif');}
	a#go:hover, a#go:active {background-image: url('../image/mapa/go.gif');}
	a#ba:hover, a#ba:active {background-image: url('../image/mapa/ba.gif');}
	a#mt:hover, a#mt:active {background-image: url('../image/mapa/mt.gif');}
	a#ro:hover, a#ro:active {background-image: url('../image/mapa/ro.gif');}
	a#ac:hover, a#ac:active {background-image: url('../image/mapa/ac.gif');}
	a#am:hover, a#am:active {background-image: url('../image/mapa/am.gif');}
	a#rr:hover, a#rr:active {background-image: url('../image/mapa/rr.gif');}
	a#pa:hover, a#pa:active {background-image: url('../image/mapa/pa.gif');}
	a#ap:hover, a#ap:active {background-image: url('../image/mapa/ap.gif');}
	a#ma:hover, a#ma:active {background-image: url('../image/mapa/ma.gif');}
	a#to:hover, a#to:active {background-image: url('../image/mapa/to.gif');}
	a#df:hover, a#df:active {background-image: url('../image/mapa/df.gif');}
	a#se:hover, a#se:active {background-image: url('../image/mapa/se.gif');}
	a#al:hover, a#al:active {background-image: url('../image/mapa/al.gif');}
	a#pe:hover, a#pe:active {background-image: url('../image/mapa/pe.gif');}
	a#pb:hover, a#pb:active {background-image: url('../image/mapa/pb.gif');}
	a#rn:hover, a#rn:active {background-image: url('../image/mapa/rn.gif');}
	a#ce:hover, a#ce:active {background-image: url('../image/mapa/ce.gif');}
	a#pi:hover, a#pi:active {background-image: url('../image/mapa/pi.gif');}

	ul#map li a img {border: 0; width: inherit; height: inherit;}
	
.ConteudoRepre{ float: right; width: 644px; }
	.ConteudoRepre h2{ font-size: 26px; color: #135aa7; padding-bottom: 20px; text-transform: uppercase; }
	div.AreaRepreID{ float: left; width: 300px; margin-right: 14px; margin-bottom: 22px; border-right: 1px dashed #CCC; padding-right: 14px; }
		div.AreaRepreID h3{ font-size: 14px; color: #333333; padding: 0; margin: 0; padding-bottom: 4px; }
		div.AreaRepreID p{ padding-bottom: 14px; }
		div.AreaRepreID a{ display: block; width: 133px; height: 20px; padding-top: 6px; background: url(../image/bk_btn_soliciterepresentante.png) no-repeat; font-size: 11px; color: #FFF; text-decoration: none; text-align: center; }
		div.AreaRepreID a:hover{ height: 21px; padding-top: 5px; }
		
		
form.FormRepresentante{ clear: both; }
	form.FormRepresentante label{ float: left; text-align: right; font-size: 14px; font-weight: bold; padding: 0px 10px; padding-top: 6px; }
	form.FormRepresentante input, form.FormRepresentante textarea{ float: left; width: 532px; font-family: Arial; font-size: 12px; padding: 4px; margin-bottom: 8px; resize: none; }
	form.FormRepresentante input#nome_rp{ width: 310px; }
	form.FormRepresentante input#email_rp{ width: 180px; }
	form.FormRepresentante input#telefone_rp{ width: 180px; }
	form.FormRepresentante select#uf_rp{ float: left; width: 42px; }
	form.FormRepresentante input#cidade_rp{ width: 198px; }
	form.FormRepresentante input#empresa_rp{ width: 290px; }
	form.FormRepresentante input#setor_rp{ width: 180px; }
	form.FormRepresentante input#ass_rp{ width: 544px; }
	
	form.FormRepresentante textarea{ height: 100px; }
	form.FormRepresentante button{ float: right; width: 79px; height: 27px; border: none; background: url(../image/btns_form_fl.png) no-repeat; margin-left: 4px; cursor: pointer; text-indent: -9999px; }
	form.FormRepresentante button.Reset{ background-position: -79px top; }
	
	#formEnglish input#nome_rp{ width: 311px; }
	#formEnglish input#cidade_rp{ width: 213px; }
	#formEnglish input#empresa_rp{ width: 278px; }
	#formEnglish input#ass_rp{ width: 551px; }
	#formEnglish textarea{ width: 544px; }
	#formEnglish button{ background: url(../image/btns_form_fl.png) no-repeat left -27px; }
	#formEnglish button.Reset{ background-position: -79px -27px; }
	
div.OkFormRepre{ padding-top: 10px; }
div.OkFormRepre p{ display: block; font-size: 14px; font-weight: bold; padding-bottom: 10px; }
div.OkFormRepre a{ display: inline-block; background: #135aa7; padding: 6px 8px; font-size: 11px; color: #FFF; text-decoration: none; }
div.OkFormRepre a:hover{ border-left: 6px solid #428cdc; }
	
div.NoneRepre{ font-size: 12px; font-weight: bold; }