body {
	min-width: 1000px;
	min-height: 690px;
	font-family: 'PT Sans', sans-serif;
	background: #FFFFFF url(../img/fundo.jpg) no-repeat fixed top center;	
	overflow-x:hidden;
	overflow-y:auto;
	postion:fixed;
}

form, fieldset, input, textarea {
	margin: 0; padding: 0; border: 0; outline: none;
}

.container {
	position: relative;
	width: 1000px;
	margin: 0 auto; 
}

#header {
	position: relative;
	width: 100%;
	z-index:1;
}

#empresa {
	position: fixed;
	z-index:50;
	visibility: hidden;
    opacity: 0;
	top:1000px;
	margin: 0 auto; 
	background: url(../img/box_fundo.png) repeat;
	width: 640px;
	height: 260px;
	padding: 20px;
	-moz-box-shadow:0px 0px 30px #999999;
	-webkit-box-shadow:0px 0px 30px #999999;
	-o-box-shadow:0px 0px 30px #999999;
	-ms-box-shadow:0px 0px 30px #999999;
}

#marca, #repre {
	position: fixed;
	z-index:50;
	visibility: hidden;
    opacity: 0;
	top:1000px;
	margin: 0 auto; 
	background: url(../img/box_fundo.png) repeat;
	width: 640px;
	padding: 20px;
	-moz-box-shadow:0px 0px 30px #999999;
	-webkit-box-shadow:0px 0px 30px #999999;
	-o-box-shadow:0px 0px 30px #999999;
	-ms-box-shadow:0px 0px 30px #999999;
}

#contato {
	position: fixed;
	z-index:50;
	visibility: hidden;
    opacity: 0;
	top:800px;
	margin: 0 auto; 
	background: url(../img/box_fundo.png) repeat;
	width: 640px;
	height: 330px;
	padding: 20px;
	-moz-box-shadow:0px 0px 30px #999999;
	-webkit-box-shadow:0px 0px 30px #999999;
	-o-box-shadow:0px 0px 30px #999999;
	-ms-box-shadow:0px 0px 30px #999999;
}

#marca.auto-fade-in,#empresa.auto-fade-in,#repre.auto-fade-in,#contato.auto-fade-in {
	position: fixed;
    opacity: 1;
    top: 230px;
    transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
}

#marca.auto-fade-out,#empresa.auto-fade-out,#repre.auto-fade-out,#contato.auto-fade-out {
	position: fixed;
    opacity: 0;
    top: 800px;
	visibility: hidden;
    transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
}

#logo {
	float: left;
	display: block;
	width: 630px;
	height: 240px;
	margin: 20px 0 0 -340px;
	background: url(../img/logo.png) no-repeat;
}

#info {
	float: right;
	display: block;
	width: 780px;
	height: 270px;
	margin: 20px -340px 0 0;
	background: url(../img/info.png) no-repeat; 
}

#footer {	
	position: relative;
	z-index: 1; 
	width: 100%;
	height: 130px;	
	top: 540px;
	padding-bottom:50px;
}
	
#nav {
	font-family: 'PT Sans', sans-serif;
	color: #FFF;
	float: left;
	display: block;
	font-size: 14px;
	text-transform: uppercase;	
	margin: -160px 0 0 350px;
}

	
.repreitem {
	font-family: 'PT Sans', sans-serif;
	color: #000;
	position:relative;
	font-size: 14px;
}

.repreitem a:link,.repreitem a:visited,.repreitem a:active  {
	color: #4dbcd7;
	text-decoration: none;
}

.repreitem a:hover {
	text-decoration: none;
	opacity: .50;
}

#nav a:link,#nav a:visited,#nav a:active  {
	padding:6px;
	color: #FFF;
	text-decoration: none;
}

#nav a:hover {
	text-decoration: none;
	opacity: .50;
}

#fundomenu {
	margin: 0px 0 0 -340px;
	width: 730px;
	height: 130px;
	background: url(../img/menu.png) no-repeat;
	text-align: right;
}

h1 {
	float: left;
	clear:both;
	margin:0px;
}

h2 {
	float: right;
	margin:0px;
}

h3 {
	float: right;
	margin-left:10px;
	font-size: 12px;
	font-weight:100;
}

h4 {
	margin:0px;
	float: left;
	clear:both;
	font-size: 24px;
	font-weight:400;
}

h5 {
	margin-bottom:20px;
	font-size: 18px;
	font-weight:100;
}

address {
	font-style:normal;
	margin-top:-30px;
	float: right;
	clear:both;
	font-size: 12px;
	font-weight:100;
}

p {
	margin-top:60px;
	text-align:justify;	
}


input {
	width: 620px; 
	height: 30px; 
	margin: 0 0 10px 0; 
	padding: 0 10px 0px 10px;
	background: #e1eaea;
	font-family: 'PT Sans', sans-serif;
	font-size: 14px; 
	color: #000000; 
}

::-webkit-input-placeholder,:-moz-placeholder,:-o-placeholder ,:-ms-input-placeholder {
color: #000; !important
}
	
textarea {
	width: 620px; 
	height: 110px; 
	margin: 0 0 10px 0; 
	padding: 0 10px 0px 10px;
	background: #e1eaea;
	font-family: 'PT Sans', sans-serif;
	font-size: 14px; 
	color: #000000; 
}

.contatobt {
	width: 70px; 
	height: 30px; 
	float: left; 
	padding: 5px 5px; 
	border: 0px;
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	font-weight:700;
	color: #FFFFFF; 
	background: #54accc;
	cursor: pointer;
}

input[type=submit]:hover {
	color: #54accc; 
	background: #FFFFFF;
}

/*MAPA*/
#repretexto {
	clear:right;
	float:left;
	position:relative;	
	z-index:0;
	width:300px;
	top:-200px;
}

.active { display:inherit; }
	ul#map {position:relative; top:10px; float:right; display: block; margin: 0; padding: 0; width: 542px; height: 544px; background-image: url(../img/mapa/mapa.png);}
	ul#map li {
	display: block;
	padding: 0;
	position: absolute;
	width: 10px;
	height: 10px;
}

	li#crs {margin-top: 454px; margin-left: 227px;}
	li#csc {margin-top: 437px; margin-left: 280px;}
	li#csp {margin-top: 352px; margin-left: 292px; z-index:989; }
	li#cms {margin-top: 312px; margin-left: 218px;}
	li#crj {margin-top: 366px; margin-left: 407px; z-index:999; }
	li#cmg {margin-top: 274px; margin-left: 318px; z-index:980; }
	li#cgo {margin-top: 252px; margin-left: 287px; z-index:999; }
	li#cba {margin-top: 193px; margin-left: 382px;}
	li#cpa {margin-top: 38px; margin-left: 206px;}
	li#cpe {margin-top: 176px; margin-left: 456px;}
	li#cce {margin-top: 115px; margin-left: 453px;}
	
	
	li#ces {margin-top: 326px; margin-left: 448px; z-index:997; }
	li#cpr {margin-top: 391px; margin-left: 274px; z-index:996; }

	ul#map li a {
	display: block;
	text-decoration: none;
	position: absolute;
	left: 0px;
	top: 0px;
}
	
	a#rs {width: 108px; height: 90px; }
	a#sc {width: 72px; height: 47px; }	
	a#sp {width: 120px; height: 73px; }
	a#ms {width: 100px; height: 96px; }
	a#rj {width: 50px; height: 29px; }
	a#mg {width: 153px; height: 121px; }
	a#go {width: 101px; height: 93px; }
	a#ba {width: 123px; height: 135px; }
	a#pa {width: 179px; height: 172px; }
	a#pe {width: 86px; height: 29px; }
	a#ce {width: 54px; height: 68px; }
	
	a#es {width: 24px; height: 43px; }
	a#pr {width: 81px; height: 53px; }

	a#rs:hover, a#rs:active {background-image: url('../img/mapa/rs.png');}
	a#sc:hover, a#sc:active {background-image: url('../img/mapa/sc.png');}
	a#sp:hover, a#sp:active {background-image: url('../img/mapa/sp.png');}
	a#ms:hover, a#ms:active {background-image: url('../img/mapa/ms.png');}
	a#rj:hover, a#rj:active {background-image: url('../img/mapa/rj.png');}
	a#mg:hover, a#mg:active {background-image: url('../img/mapa/mg.png');}
	a#go:hover, a#go:active {background-image: url('../img/mapa/go.png');}
	a#ba:hover, a#ba:active {background-image: url('../img/mapa/ba.png');}
	a#pa:hover, a#pa:active {background-image: url('../img/mapa/pa.png');}
	a#pe:hover, a#pe:active {background-image: url('../img/mapa/pe.png');}
	a#ce:hover, a#ce:active {background-image: url('../img/mapa/ce.png');}
	
	a#es:hover, a#es:active {background-image: url('../img/mapa/es.png');}
	a#pr:hover, a#pr:active {background-image: url('../img/mapa/pr.png');}
	
	ul#map li a img {border: 0; width: inherit; height: inherit;}	
	
/*ANIMACOES*/
#logo {	
	-webkit-animation: fadeesquerda 1s ease-out 1s backwards;
	-o-animation: fadeesquerda 1s ease-out 1s backwards;
	-moz-animation: fadeesquerda 1s ease-out 1s backwards;
	-ms-animation: fadeesquerda 1s ease-out 1s backwards;
	animation: fadeesquerda 1s ease-out 1s backwards;}
#info {	
	-webkit-animation: fadedireita 1s ease-out 1s backwards;
	-o-animation: fadedireita 1s ease-out 1s backwards;
	-moz-animation: fadedireita 1s ease-out 1s backwards;
	-ms-animation: fadedireita 1s ease-out 1s backwards;
	animation: fadedireita 1s ease-out 1s backwards;}

#footer {
	-webkit-animation: fadeesquerda 1s ease-out 1s backwards;
	-o-animation: fadeesquerda 1s ease-out 1s backwards;
	-moz-animation: fadeesquerda 1s ease-out 1s backwards;
	-ms-animation: fadeesquerda 1s ease-out 1s backwards;
	animation: fadeesquerda 1s ease-out 1s backwards;}

#content {
	-webkit-animation: fadebase 1s ease-out 1s backwards;
	-o-animation: fadebase 1s ease-out 1s backwards;
	-moz-animation: fadebase 1s ease-out 1s backwards;
	-ms-animation: fadebase 1s ease-out 1s backwards;
	animation: fadebase 1s ease-out 1s backwards;
}
.body {
	-webkit-animation: fadebase 1s ease-out 1s backwards;
	-o-animation: fadebase 1s ease-out 1s backwards;
	-moz-animation: fadebase 1s ease-out 1s backwards;
	-ms-animation: fadebase 1s ease-out 1s backwards;
	animation: fadebase 1s ease-out 1s backwards;
}

.repreitem {
	-webkit-animation: fadebase 1s ease-out 1s backwards;
	-o-animation: fadebase 1s ease-out 1s backwards;
	-moz-animation: fadebase 1s ease-out 1s backwards;
	-ms-animation: fadebase 1s ease-out 1s backwards;
	animation: fadebase 1s ease-out 1s backwards;
}

@keyframes fadebase {  
    from { opacity: 0; }    
    to { opacity: 1; }  
}  	
@-moz-keyframes fadebase {  
    from { opacity: 0; }    
    to { opacity: 1; }  
} 	
@-o-keyframes fadebase {  
    from { opacity: 0; }    
    to { opacity: 1; }  
} 	
@-webkit-keyframes fadebase {  
    from { opacity: 0; }    
    to { opacity: 1; }  
} 	
@-ms-keyframes fadebase {  
    from { opacity: 0; }    
    to { opacity: 1; }  
} 


@keyframes fadebasevai {  
    from { opacity: 1; }    
    to { opacity: 0; }  
}  	
@-moz-keyframes fadebasevai {  
    from { opacity: 1; }    
    to { opacity: 0; }  
} 	
@-o-keyframes fadebasevai {  
    from { opacity: 1; }    
    to { opacity: 0; }  
} 	
@-webkit-keyframes fadebasevai {  
    from { opacity: 1; }    
    to { opacity: 0; }  
} 	
@-ms-keyframes fadebasevai {  
    from { opacity: 1; }    
    to { opacity: 0; }  
} 
		

@keyframes fadeesquerda {  
    from { opacity: 0; transform: translateX(-100px);}    
    to {opacity: 1; }  
}  
			
@-webkit-keyframes fadeesquerda {  
    from { opacity: 0; -webkit-transform: translateX(-100px);}    
    to {opacity: 1; }  
}  
			
@-o-keyframes fadeesquerda {  
    from { opacity: 0; -o-transform: translateX(-100px);}    
    to {opacity: 1; }  
}  
			
@-moz-keyframes fadeesquerda {  
    from { opacity: 0; -moz-transform: translateX(-100px);}    
    to {opacity: 1; }  
} 
			
@-ms-keyframes fadeesquerda {  
    from { opacity: 0; -ms-transform: translateX(-100px);}    
    to {opacity: 1; }  
} 
 
@keyframes fadedireita {  
    from { opacity: 0; transform: translateX(100px);}    
    to {opacity: 1; }  
}  
			
@-webkit-keyframes fadedireita {  
    from { opacity: 0; -webkit-transform: translateX(100px);}    
    to {opacity: 1; }  
}  
			
@-o-keyframes fadedireita {  
    from { opacity: 0; -o-transform: translateX(100px);}    
    to {opacity: 1; }  
}  
			
@-moz-keyframes fadedireita {  
    from { opacity: 0; -moz-transform: translateX(100px);}    
    to {opacity: 1; }  
} 
		
@-ms-keyframes fadedireita {  
    from { opacity: 0; -ms-transform: translateX(100px);}   
    to {opacity: 1; }  
}