 * {

	margin:0px;

	padding:0px;

	vertical-align:baseline;

	text-decoration:none;

	border:none;

	list-style:none;

	outline:0px;

	}

	
	body {
		background:#E7D6E7;
		font:62.5% verdana, arial, "Lucida Grande", helvetica, sans-serif;
		color:#7E0C6E;
	
		}


		
		html {
			

			}



			div#geral {			
			width:726px;
			height:535px;
			background:url(../imgs/bg-site.png) no-repeat center top;
			margin:10px auto 0 auto;
			}

			div.topo {
			width:726px;
			height:132px;
			margin:0 0 0px 0;
			float:left;
			/*height:18px;*/
			background:url(../imgs/bg-menu.png) no-repeat 160px 105px;
			}

				

				div.topo h1 a {


					position:relative;
					z-index:5;
					top:0px;
					left:338px;
					width:50px;
					height:125px;
					/*border:1px solid red;*/
					text-indent:-19999px;
					overflow:hidden;
					display:block;
					outline-color:#BC94B9;

					}

					
				div.topo h2 {

					display:none;

					}
					
	
						

						div.topo ul {
                       float:left;
					   /*border:1px solid red;*/
					   padding:0px;
					   margin:-20px 0 0 83px;
							}

							div.topo ul.direita {
                             float:right;
							 margin:-20px 74px 0 0px;
							 }

						div.topo ul li {
						float:left;
						display:inline;
							}

						div.topo ul li a {
						text-indent:-19999px;
						display:block;
						overflow:hidden;
						height:18px;
						/*border:1px solid red;*/
						float:left;
						}


						div.topo ul li a.link1 {
						width:62px;
						margin:0 29px 0 0;
						background:url(../imgs/bg-links.png) no-repeat 0 -18px;
						}

						div.topo ul li a.link1:hover {
						background:url(../imgs/bg-links.png) no-repeat 0 0px;						
						}

						div.topo ul li a.link1.apagado {
						background:url(../imgs/bg-links.png) no-repeat 0 0px;						
						}

						div.topo ul li a.link1.apagado:hover {
						background:url(../imgs/bg-links.png) no-repeat 0 -18px;						
						}



						div.topo ul li a.link2 {
						width:45px;
						margin:0 30px 0 0;
						background:url(../imgs/bg-links.png) no-repeat -92px -18px;
						}

						div.topo ul li a.link2:hover {
						background:url(../imgs/bg-links.png) no-repeat -92px -0px;						
						}

						div.topo ul li a.link2.apagado {
						background:url(../imgs/bg-links.png) no-repeat -92px 0px;
						}

						div.topo ul li a.link2.apagado:hover {
						background:url(../imgs/bg-links.png) no-repeat -92px -18px;
						}




						div.topo ul li a.link3 {
						width:41px;
						background:url(../imgs/bg-links.png) no-repeat -167px -18px;
						}

						div.topo ul li a.link3:hover {
						background:url(../imgs/bg-links.png) no-repeat -167px 0px;						
						}

						div.topo ul li a.link3.apagado {
						background:url(../imgs/bg-links.png) no-repeat -167px 0px;						
						}

						div.topo ul li a.link3.apagado:hover {
						background:url(../imgs/bg-links.png) no-repeat -167px -18px;						
						}



						div.topo ul.direita li a.link1 {
						width:46px;
						margin:0 26px 0 0;
						background:url(../imgs/bg-links.png) no-repeat -343px -18px;
						}

						div.topo ul.direita li a.link1:hover {
						background:url(../imgs/bg-links.png) no-repeat -343px 0px;
						}

						div.topo ul.direita li a.link1.apagado {
						background:url(../imgs/bg-links.png) no-repeat -343px 0px;
						}

						div.topo ul.direita li a.link1.apagado:hover {
						background:url(../imgs/bg-links.png) no-repeat -343px -18px;
						}



						div.topo ul.direita li a.link2 {
						width:48px;
						margin:0 27px 0 0;
						background:url(../imgs/bg-links.png) no-repeat -415px -18px;
						}

						div.topo ul.direita li a.link2:hover {
						background:url(../imgs/bg-links.png) no-repeat -415px 0px;
						}

						div.topo ul.direita li a.link2.apagado{
						background:url(../imgs/bg-links.png) no-repeat -415px 0px;
						}

						div.topo ul.direita li a.link2.apagado:hover{
						background:url(../imgs/bg-links.png) no-repeat -415px -18px;
						}



						div.topo ul.direita li a.link3 {
						background:url(../imgs/bg-links.png) no-repeat -490px -18px;
						width:71px;
						}

						div.topo ul.direita li a.link3:hover {
						background:url(../imgs/bg-links.png) no-repeat -490px 0px;
						}

						div.topo ul.direita li a.link3.apagado {
						background:url(../imgs/bg-links.png) no-repeat -490px 0px;
						}

						div.topo ul.direita li a.link3.apagado:hover {
						background:url(../imgs/bg-links.png) no-repeat -490px -18px;
						}

						div.conteudo {
						width:582px; /*602*/
						height:302px;	/*302*/
						/*border:1px solid red;*/
						margin:0 auto -5px auto;
						clear:both;
						padding:15px 0 0px 13px;

						}

						div.conteudo.ensaios {
						width:582px; /*602*/
						height:312px;	/*302*/
						/*border:1px solid red;*/
						margin:0 auto 0px auto;
						clear:both;
						padding:0px 20px 0px 0px;
						}

						div.conteudo p {
						color:#6d6e71;
						margin:0 0 17px 0;
						text-align:justify;

						}


						div.conteudo p.left {
						text-align:left;
						}

						div.conteudo p.left.semmargem {
						text-align:left;
						margin-bottom:7px;
						}

						div.conteudo p span {
						color:#7E0C6E;
						}

						div.conteudo a {
						color:#7E0C6E;
						}


						div.conteudo a.cinza {
						color:#6d6e71;
						}

						div.conteudo a:hover {
						text-decoration:underline;
						}

						div.empresa-list {
						float:right;
						position:relative;
						top:-14px;
						left:3px;
						z-index:0;
						width:196px;
						height:302px;  						
						}

	
						div.conteudo img{
						display:block;
						}

						div.conteudo.ensaios img{

						}
						
						div.esquerda {
						width:378px;
						height:277px;
						float:left;
						overflow:hidden;
						}

						div.esquerda.ensaios {
						width:406px;
						height:302px;
						float:left;
						overflow:hidden;
						}

						div.direita.ensaios {
						width:160px;
						height:302px;
						float:right;
						overflow:hidden;						
						padding-top:10px;
						}

							

						.holder-list .botoes { 
						width:24px;
						float:right;
						position:relative;
						top:-20px;
						left:115px;
						z-index:5px;					
						
						}


                        .botoes.ensaios { 
						width:24px;
						float:right;
						position:relative;
						top:-20px;
						left:90px;
						z-index:5px;					
						
						}	



						.holder-list a.esquerda, .botoes a.esquerda {
						width:12px;
						height:12px;
						text-indent:-19999px;
						overflow:hidden;
						display:block;
						background:url(../imgs/seta2.png) no-repeat center center;
						float:left;
						outline-color:white;
						}

						.holder-list a.direita, .botoes a.direita {
						width:12px;
						height:12px;
						text-indent:-19999px;
						overflow:hidden;
						display:block;
						background:url(../imgs/seta.png) no-repeat center center;
						float:right;
						outline-color:white;
						}


						/*contato */
						
						div#formulario {


						}

						
						div#formulario form {
						width:342px;
						
						}

						div#formulario form fieldset {
						
						}


						div#formulario form fieldset legend{
						display:none;
						}
						
						div#formulario label{
						color:#6d6e71;
						
						}

						div#formulario form fieldset input{
						width:342px;
						border-right:1px solid #BC94B9;
						border-bottom:1px solid #BC94B9;
						margin:3px 0 5px 0;						
						}

                        div#formulario form fieldset textarea {
						width:342px;
						height:80px;
						border-right:1px solid #BC94B9;
						border-bottom:1px solid #BC94B9;
						margin:3px 0 14px 0;	
						
						}

						div#formulario form input.enviar{
						float:right;
						margin:-15px 0px 0 0;
						padding:3px 5px;
						background:#BC94B9;
						color:white;
						cursor:pointer;
						position:relative;
						top:-4px;
						}

						div#formulario form input.enviar:hover {
						background:#7E0C6E;
						color:white;
                        }


						

						div.rodape {
						width:602px;
						margin:80px auto 0 auto;

						}

						div.rodape address a{
						text-indent:-19999px;
						display:block;
						overflow:hidden;
						width:343px;
						height:18px;
						background:url(../imgs/bg-links.png) no-repeat 0px -36px;
						margin-left:20px;
						
						
						}

						div.rodape address a:hover{
						background:url(../imgs/bg-links.png) no-repeat 0px -54px;
						}

						div.rodape div.redes-sociais  {
						float:right;
                        background:url(../imgs/bg-redes.gif) no-repeat center center;
						margin:-20px 13px 0 0;
						padding:2px;
						}


						div.rodape div.redes-sociais h2 {
						display:none;
						}

						div.rodape div.redes-sociais a {
						text-indent:-19999px;
						display:block;
						overflow:hidden;
						width:18px;
						height:18px;	
						float:left;
						display:inline;
						border:1px solid transparent;
						}

						div.rodape div.redes-sociais a.link1 {

						}

						div.rodape div.redes-sociais a.link2 {


						}


						div.rodape div.redes-sociais a.link3 {


						}

						div.rodape div.redes-sociais a.link4 {

						}						
							
							


/************************* SCROLLER *************************/

#mycustomscroll {
/*percantage width: make it 100% to match container*/
width:368px;
height:272px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding:0 10px 0 0px;
/*margin: 0.3em auto 0.3em 28px;*/
/* negative left margin to compensate for the padding,
not related to fleXcroll, and may not be needed elsewhere */
/*padding: 10px 10px 10px 0px;*/
}



/*
percentage width: the real percentage is done by the wrapper
this is to fix various IE6 bugs kkkk
*/
.percentagewrap {
	width: 80%;
	margin: 0;
	/*padding: 10px 0px;*/
	float:left;
	}
	
/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
z-index:0px;
}

.vscrollerbase {
width: 15px;
/*background-image:url(http://trendywebdesign.nilarian.com/images/scrollbar_track.gif); background-repeat:no-repeat;*/
background-image:url(../imgs/scrollbar_track.gif); background-repeat:no-repeat;
background-position:center top;

}

.vscrollerbar {
width: 15px;
height:61px;
float:left;
padding-bottom:0px;
padding-top:0px;
/*background-image:url(http://trendywebdesign.nilarian.com/images/scrollbar_handle.gif); background-repeat:no-repeat;*/
background-image:url(../imgs/scrollbar_handle.jpg); background-repeat:no-repeat;
background-position:center center;

}



/*outros*/


.direita {float:right;}

.esquerda {float:left;}

.clear {clear:both;}


.cinza.underline {text-decoration:underline !important;}



/* splash */


#maps {
width: 340px;
height:auto;
float:right;
top:20%;
left:35%;
position:absolute;
z-index:100;
}

#maps a {
color:black;
background:none;
float:left;
}

#maps h5 a {
background:#6D015B;
color:white;
font-weight:bold;
font:120% arial,verdana, helvetica, sans-serif;
padding:5px;
margin:5px 0;
clear:both;
float:right;
}

/*#maps a:hover {
background:#e8c261;
color:#9e638c;
}*/

#map_canvas {
background: white;
border: 2px solid #6D015B;
float: left;
width: 340px;
height: 300px;
color:#9e638c;
}

#map_canvas a {
float:left;
color:#9e638c;
/*font-weight:bold;*/
font-size:12px !important;
margin-left:2px !important;
text-decoration:underline;
width:174px !important; /* Bug FF mac */
}


.gmnoprint {
font: normal 12px arial;
}

div#copyright {}

div#copyright span {float:left;}

div#copyright a {}

.gmnoprint b {float:left;margin-right:0px;}

div.gmnoprint div div {
margin-top:-4px;
}

div.gmnoprint div div span {
float:left;
width:230px;
font-weight:normal;
}

div.gmnoprint div div span a {
text-decoration:underline;
font-weight:normal;
margin-left:1px;
}

div.gmnoprint div div img {
margin-bottom:-14px;
}


a.n2 {
position:absolute;
top:411px;
left:0;
z-index:0 !important;  
}

a.n2 img {
position:relative; 
z-index:0 !important;
}

/*a.n2:hover {
background:#BC94B9;
padding-left:20px;
}*/

p.margin-little {
margin-bottom:10px !important;
text-align:left !important;
display:inline !important;
float:left;
width:160px;
}

#mask{  
    position:absolute; /* important */  
    top:0px; /* start from top */  
    left:0px; /* start from left */  
    height:100%; /* cover the whole page */  
    width:100%;  /* cover the whole page */  
    display:none; /* don't show it '*/           
	z-index:90 !important;
  
    /* styling bellow */  
    background-color: #9e638c;  
}




