@font-face {
    font-family: 'HelveticaNeueLTStd67MdCn';
    src: url('helveticaneueltstd-mdcn-webfont.eot');
    src: url('helveticaneueltstd-mdcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneueltstd-mdcn-webfont.woff') format('woff'),
         url('helveticaneueltstd-mdcn-webfont.ttf') format('truetype'),
         url('helveticaneueltstd-mdcn-webfont.svg#HelveticaNeueLTStd67MdCn') format('svg');
    font-weight:normal;
    font-style:normal;
    font-variant:normal;


}

@font-face {
    font-family: 'HelveticaNeueLTStdCnBold';
    src: url('helveticaneueltstd-bdcn-webfont.eot');
    src: url('helveticaneueltstd-bdcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneueltstd-bdcn-webfont.woff') format('woff'),
         url('helveticaneueltstd-bdcn-webfont.ttf') format('truetype'),
         url('helveticaneueltstd-bdcn-webfont.svg#HelveticaNeueLTStdCnBold') format('svg');
    font-weight:normal;
    font-style:normal;
    font-variant:normal;

}

@font-face {
    font-family: 'HelveticaNeueLTStdLtRegular';
    src: url('helveticaneueltstd-lt-webfont.eot');
    src: url('helveticaneueltstd-lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneueltstd-lt-webfont.woff') format('woff'),
         url('helveticaneueltstd-lt-webfont.ttf') format('truetype'),
         url('helveticaneueltstd-lt-webfont.svg#HelveticaNeueLTStdLtRegular') format('svg');
    font-weight:normal;
    font-style:normal;
    font-variant:normal;

}

@font-face {
    font-family: 'HelveticaNeueLTStdUltLtCnRg';
    src: url('helveticaneueltstd-ultltcn-webfont.eot');
    src: url('helveticaneueltstd-ultltcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneueltstd-ultltcn-webfont.woff') format('woff'),
         url('helveticaneueltstd-ultltcn-webfont.ttf') format('truetype'),
         url('helveticaneueltstd-ultltcn-webfont.svg#HelveticaNeueLTStdUltLtCnRg') format('svg');
    font-weight:normal;
    font-style:normal;
    font-variant:normal;
}

h2{
	color: #0099CC;
	font: 20px 'HelveticaNeueLTStdCnBold';
	margin: 0px;
}

h3{
	color: #0099CC;
	font: 15px 'HelveticaNeueLTStdCnBold';
	margin: 0px;
}

h4{
	color: #7F7F7F;
	font: 12px 'HelveticaNeueLTStdUltLtCnRg';
	margin: 0px;
	letter-spacing: 2px;
}

.item_sub_menu{
	font: 16px 'HelveticaNeueLTStdCnBold';
	color: #666666;
	margin-top: -5px;
	position: relative;
	float: left;
	cursor: pointer;
}
.item_sub_menu:hover{
	color: #0099CC;
}
.item_sub_menu_sel{
	color: #0099CC;	
}

*{  
     border:none;  
 }
#background{position:absolute; top: 0px; z-index:-1; width:100%; height:100%;}
 html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
 body{  
 /* background: url('../imagens/back.jpg') no-repeat center 0;*/
 /* background-position: 100% 100%;*/
 background-attachment: fixed;
     margin:0;  
     padding:0;  
	 height: 100%;
	 width: 100%;
	 min-height:100%; 
 }  	 
 
#fhome2{
top:-249px;
} 
#fhome3{
top: -498px;
} 
#fhome4{
top: -747px;
} 
#fhome5{
top:-996px;
}  
 
#contentor{
	
	/*position: absolute;*/
    /*background: url('../imagens/back.jpg') no-repeat center -3px;  */
	width: 1000px;
	height: 1000px;

	/*float: center;*/
} 

#logo{
position: relative;
/*top: 70px;
left: -350px;*/
width: 230px;
}

#middle{
position: relative;
top: 25px;
width: 950px;
height: 659px;
background: url('../imagens/body.png') no-repeat center 0;
overflow: hidden;
}

#barrita{
position: relative;
top: 25px;
left: -2px;
width: 955px;
height: 30px;
background: url('../imagens/barra2.png') no-repeat;
}

#footer{
position: relative;
top: 18px;
left: -1px;
width: 960px;
height: 123px;
background: url('../imagens/footer.png') no-repeat;
}

.m{
height: 40px;
}

.m p{
font-family:Geneva, Arial, Helvetica, sans-serif;
position: relative;
left: 20px;
top: 7px;
color: white;
font-size: 15px;
}



#opt{
background: url('../imagens/menu/barra.png') no-repeat;
position: relative;
/*top: 20px;*/
left: 0px;
width: 614px;
height: 54px;

}

.hover{
background: url('../imagens/select.png') no-repeat 8px 0px;
width: 100px;
height: 100px;
position: relative;
color: #00FFFF;
}

#emp2{
filter: none;
}

.hover2{
background: url('../imagens/select2.png') no-repeat 8px -2px;
width: 100px;
height: 100px;
position: relative;
color: #00FFFF;
}

.hover3{
background: url('../imagens/select3.png') no-repeat 8px -2px;
width: 100px;
height: 100px;
position: relative;
color: #00FFFF;
}

.hover4{
background: url('../imagens/select4.png') no-repeat 8px -2px;
width: 100px;
height: 100px;
position: relative;
color: #00FFFF;
}

DIV#loader {
	
  border: 1px solid #ccc;
  width: 500px;
  height: 500px;
}

/** 
 * While we're having the loading class set.
 * Removig it, will remove the loading message
 */
div.loading {
  background: url('ajax-loader.gif') no-repeat center center;
  position: relative;
  z-index: 20;
}

ul.op {list-style-type: none}

#menu-imagens{
	position: relative;
	background: url('../imagens/montra/menu-imagens.png') no-repeat;
	width: 674px;
	height: 111px;
	left: 0px;

}

#imagem{
	cursor: pointer;
	position: relative;
	background: url('../imagens/montra/quadrado.png') no-repeat;
	width:116px;
	height:104px;
	/*top: -108px;
	left: 46px;*/
}
#imagem2{
cursor: pointer;
	position: relative;
	background: url('../imagens/montra/quadrado.png') no-repeat;
	width:116px;
	height:104px;
	/*top: -212px;
	left: 165px;*/
}
#imagem3{
cursor: pointer;
	position: relative;
	background: url('../imagens/montra/quadrado.png') no-repeat;
	width:116px;
	height:104px;
	/*top: -316px;
	left: 284px;*/
}
#imagem4{
cursor: pointer;
	position: relative;
	background: url('../imagens/montra/quadrado.png') no-repeat;
	width:116px;
	height:104px;
	/*top: -420px;
	left: 403px;*/
}
#imagem5{
cursor: pointer;
	position: relative;
	background: url('../imagens/montra/quadrado.png') no-repeat;
	width:116px;
	height:104px;
	/*top: -524px;
	left: 522px;*/
}
#imagem6{
cursor: pointer;
	position: relative;
	background: url('../imagens/montra/quadrado.png') no-repeat;
	width:116px;
	height:104px;
	/*top: -628px;
	left: 522px;*/
}
#imagem7{
cursor: pointer;
	position: relative;
	background: url('../imagens/montra/quadrado.png') no-repeat;
	width:116px;
	height:104px;
	/*top: -628px;
	left: 522px;*/
}
#imagem8{
cursor: pointer;
	position: relative;
	background: url('../imagens/montra/quadrado.png') no-repeat;
	width:116px;
	height:104px;
	/*top: -628px;
	left: 522px;*/
}
#imagem9{
cursor: pointer;
	position: relative;
	background: url('../imagens/montra/quadrado.png') no-repeat;
	width:116px;
	height:104px;
	/*top: -628px;
	left: 522px;*/
}
#imagem10{
cursor: pointer;
	position: relative;
	background: url('../imagens/montra/quadrado.png') no-repeat;
	width:116px;
	height:104px;
	/*top: -628px;
	left: 522px;*/
}
#imagem11{
cursor: pointer;
	position: relative;
	background: url('../imagens/montra/quadrado.png') no-repeat;
	width:116px;
	height:104px;
	/*top: -628px;
	left: 522px;*/
}
#imagem12{
cursor: pointer;
	position: relative;
	background: url('../imagens/montra/quadrado.png') no-repeat;
	width:116px;
	height:104px;
	/*top: -628px;
	left: 522px;*/
}
#montra{
width: 674px;


	overflow: hidden;
	
}

p.t_img{

	color: #0099CC;
	font: 10px Arial;
	margin-left: 0.15cm;
	margin-top: 0px;
	padding-top: 8px;
	margin-bottom:-3px;
}

#big{
	width: 674px;
	height: 288px;
	background: url('../imagens/montra/img_big.png') no-repeat;
	position: relative;
	top: -111px;
	left: 0px;
	z-index:101;

}
#big2{
	width: 674px;
	height: 288px;
	background: url('../imagens/montra/img_big.png') no-repeat;
	position: relative;
	top: 0px;
	left: 0px;
	z-index:101;

}

#img-big{
	width: 674px;
	height: 288px;
	position: relative;
	top: 0px;
	
}
#img-big2{
	width: 674px;
	height: 288px;
	position: relative;
	top: 0px;
	
}

#loading{
	position: absolute;
	background: white;	
	top: 0px;
	z-index: 300;
	width: 100%;
	height: 100%;
	min-height:100%; 
	color: #0099D7; 
	font-size: 10px; font-family: arial; 
	
	text-align: center;
	background-attachment: fixed;
}
#loading2{
	position: absolute;
	background: white url('ajax-loader.gif') no-repeat center center;	
	top: 0px;
	z-index: 200;
	width: 950px;
	height: 989px;
	color: white; 
	font: 100px arial-black;
	text-align: center;
}

img.round-button{
	cursor: pointer;
	position: relative;
	top: 257px;
	left: 560px;
	z-index: 200;
}

#grande{
	position:relative;
	top: 2px;
	z-index: 10;
		
}
#grande2{
	position:relative;
	top: -286px;
	z-index: 10;
		
}