@charset "UTF-8";
/* CSS Document */

/* // Project: Bioalvo
   // Author: José Rosa
   // Date: 10/02/2009
   // Company: This Side Up Design
   
   */



body {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	background-image:url(images/body.jpg);
	background-position:center top;
	background-repeat: no-repeat;
	background-color: #034EA2;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #FFFFFF;
}

a {
color:#8FC63F;
text-decoration: none;
	
}

a:hover {
color: #66CCFF;
}

sup {
font-size:8px;
line-height:1.0em;/**/


}

strong {
color:#8FC63F;
}

h1 {
	margin:0;
	padding:0;
	font-size:28px;
	
	color:#8FC63F;/*green*/
}


/* // h4 estiliza a data, em news & events//*/

h4{
	font-size:16px;
	font-weight:lighter;
	color:#000033; /*dark blue*/
	margin:10px 5px 0px 5px;
	padding:0;
	text-align:center;
	float:left;
	clear:right;


}

h4 img {
float:left;	


}

p {
margin:0;
padding:0;
}

img {
border-color:#FFFFFF;

}

hr {
 color:#FFFFFF;
 margin:10px 0px 10px 0px;
 padding:0;
 
 
 }
 
 
blockquote {
color:#003366;
line-height:1.5em;
margin:0;
padding:0;


}



#board {
	position: relative;
	margin:0 10px 0 0;
	padding:0;
	left:0;
	top:0;
	overflow: hidden;
	float:right;
	clear:right;
}




#container {
	width: 960px;  
	margin: 0 auto;
	padding:0;
	text-align: left;
}


/* // menu style div: this header contains the navigation bar // */


#menu {
	background-image:url(images/header.png);
	background-position:top left;
	background-repeat:no-repeat;
	height:200px;
	width:100%;
	font-size:93%;
	
	
	
	}
#menu ul {
	margin:0;
	padding:150px 20px 39px 20px;
	list-style:none;
	background-image:url(images/menul.png);
	background-repeat:no-repeat;
	background-position:bottom;
	height:7px;
	
	}
	
#menu li {
	display:inline;
	margin:0;
	padding:0;
	}

	
#menu a {
	float:left;
	margin:0;
	padding:0px 0px 0px 8px;
	text-decoration:none;
	
	}	
	
	
	
	
/*hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */
#menu a:hover span {color:#000033;}
/*#menu a:hover {background-position:0% -42px;}*/
/*#menu a:hover span {background-position:100% -42px;} */

 
/* mainContent - // Who we are? 
			     // More about Bioalvo
						
						*/

#mainContent {
	background-image:url(images/main.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0;
	padding:322px 0 0 0;
	
}


#mainContent p {
	float:left;
	width:450px;
	margin: 0px 0px 0px 25px;
	padding:0;
	clear:both;
}

#mainContent h1 {
	margin: 0px 0px 0px 25px;
	padding:0;
	font-size:28px;
	font-style:normal;
	font-weight:normal;


}


#mainContent ul {
	margin:0px 26px 0px 0px;
	padding:0;
	float:right;
	width: 400px;
	list-style-type:none;
	
	
}

#mainContent ul li {
	margin:0px 0px 5px 0px;/***valor alterado  era 10px*/
	padding:0;
	color:#FFFFFF;
	font-size:14px;/***valor alterado  era 13px*/	


}

#mainContent ul li a {
	margin-bottom:10px;
	text-decoration:none;
	font-size:16px;
	color:#8FC63F;
}

#mainContent ul li a:hover { color:#FFFFFF; }

/* end mainContent */



/* more - // More about Bioalvo
						
						*/

#more {
	background-image:url(images/moretop.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0;
	padding:100px 0px 0px 0px;
	color:#666666;
	font-size:13px;
	
}


#more p { /* controla o p da class morecontent*/
	margin: 0px 50px 15px 25px;
	padding:0;
	clear:both;
	line-height:1.3em;
	
	}
	
#more p a { /* controla o p da class morecontent*/
	color: #003300;
}


#more p a:hover { /* controla o p da class morecontent*/
	color: #8FC63F;
}




#more h1 {
	margin: 0px 0px 0px 25px;
	padding:0;
	font-style:italic;


}


#more ul {
	margin:0;
	padding:12px 0px 11px 0px;/* // controla a quantidade de imagem fundo que vemos na lista // */
	background-image:url(images/more.png);
	background-repeat:repeat-x;
	background-position:left top;
	list-style-type:none;
	
	
	
	
	
}

#more ul li {
	margin:0;
	padding:0px 5px 0px 20px;
	color:#FFFFFF;
	font-size:14px;
	display:inline;
	


}

#more ul li a {
	margin:0;
	padding:50px 0px 20px 0px;
	text-decoration:none;
	font-size:14px;
	color:#FFFFFF;
}

#more ul li a:hover {
	background-image:url(images/moreov.png);
	background-repeat:no-repeat;
	background-position:bottom center; 
 }
 
#more ul li a span{
	margin:0; 
	padding:50px 0px 20px 0px;
	background-image:url(images/moreov.png);
	background-repeat:no-repeat;
	background-position:bottom center; 
	
}	

/*  class do div que contém  texto  */

.morecontent {
	width:960px;
	margin:0;
	padding:20px 0px 30px 0px;
	background-color:#FFFFFF;
	border-bottom:5px solid #8FC63F;
	float:left;
	color:#666666;
	
}

.morecontent p {
margin:0;
padding:0;
	
}

.morecontent h4 {
	margin: 0px 0px 0px 25px;
	padding:0;
	font-size:18px;/*antigamente 20 normal*/
	font-weight:bold;
	color:#8FC63F;
	width:auto; /* evita que contenha o estilo geral h4 - largura */
	height:20px;/* evita que contenha o estilo geral h4 - altura */
}

.morecontent h5 {
	margin: 0px 0px 0px 25px;
	padding:0;
	float:left;
	font-size:14px;/**old 18 bold*/
	font-weight:normal;
	text-align:left;
	color:#8FC63F;

}

.morecontent h6 {
	margin: 0px 0px 0px 25px;
	padding:0;
	float:left;
	font-size:15px;
	font-weight:normal;
	text-align:left;
	color:#8FC63F;

}

.morecontent strong { 
	margin-left:25px;
	
}


p.faqs {
	margin:5px 0px 30px 25px;
	width:600px;
	padding:5px;
	background-color:#f9f9f9;
}





/* end morecontent */









/* content2 - // News & Events
              // Destaques 
			  */


#content2 {
    margin:60px 25px 0px 25px;
	padding:0;
	width:400px; 
	}

#content2 a{
	text-decoration: none;
	color:#8FC63F; /* // green // */
	}
	
	
	
#content2 ul {
    margin:0;
	padding:0;
	font-size:14px;
	width:400px;
	list-style-type:none; 
	
	}
	
#content2 ul img{
	float:left;
    margin:0;
	padding:0;
	font-size:18px;
	color:#8FC63F; 
	}		
	
#content2 ul h3 {
	float:left;
    margin:0px 0px 5px 0px;
	padding:5px 0 0 0 ;
	font-size:14px;/*** valor alterado era 18px*/
	font-weight:normal;
	color:#8FC63F;
	width:200px;
	
	
	}
	
#content2 ul li {
    margin:0;
	padding:0;
	font-size:12px;
	display:block;
	height:140px; 
	}
	
#content2 ul li a{
    margin:0px 15px 0px 0px;
	padding:0;
	font-size:10px;
	float:right;
}

#content2 ul a:hover{
	color:#FFFFFF;
}
	
#content2  p{
    margin:0;
	padding:0;
	font-size:12px;

	}
	
/* contentnews // news div //   */

#contentnews {
    margin:15px 25px 0px 25px;
	padding:0;
	width:400px;
	float:right;
	}
	
	
ul#news {
	margin:0;
	padding:0;
	width:400px;
	
	

	}
	
ul#news li {
	margin:0;
	padding:0;
	list-style-type:none;
	border-bottom: 1px dashed #FFFFFF;
	height:110px; /* futuramente retirar a altura*/
	}		
	
	
	
ul#news li a {
	text-decoration: none;
	color:#8FC63F; /* // green // */
	text-align:right;
	font-size:10px;
	float:right;
	}
	
	
ul#news li a:hover {color:#FFFFFF;}		
				
	
ul#news li p {
	margin:15px 0px 10px 5px;
	padding:0;
	width:300px;
	float:left;
	font-size:12px;
	
	
	}		


.data{
	font-size:23px;
	font-weight:normal;
	background-image: url(images/data.png);
	background-position:center top;
	background-repeat: no-repeat;
	height:60px;
	width:60px;
	padding-top:12px;
}

.month {
	font-size: 16px;
	text-transform:uppercase;
	}




/********************************* CEO box */
.ceo {
	
	margin-left:20px;
	padding:15px;
	float:left;
	width:450px;
	
}


.ceo img{
	margin:0;
	padding:0;
	float:left;
	display:block;
}

.ceo h4 {
	margin:0 0 0 10px;
	padding:0;
	font-size:18px;
	font-weight:bold;
	color:#8FC63F;
	float:left;
	height:auto;
	text-align:left;

}

.ceo h5 {
	margin:0 0 0 10px;
	padding:0;
	font-size:14px;
	color:#8FC63F;
	float:left;
	width:300px;
	font-weight:normal;


}


.ceo span {
	margin: 10px 0 0 10px;
	font-size:13px;	
	color:#666666;
	line-height:1.3em;
	float:left;
	width:300px;
}

/******** end CEO box */


#prod {
	background-image:url(images/productop.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0;
	padding:322px 0 0 0;
	
}


#prod p {
	float:left;
	width:400px;
	margin: 0px 0px 0px 15px;
	line-height:1.3em;
	padding:0;
	clear:both;


}

#prod h1 {
	margin: 0px 0px 0px 25px;
	padding:0;
	/*font-style:italic;*/
	
	}
	
	
#prod h4 {
	margin: 0;
	padding:0;
	width:auto;	


}



#prod ul {
	margin:0px 26px 0px 0px;
	padding:0;
	float:right;
	width: 350px;
	list-style-type:none;
	
	
}

#prod ul li {
	margin:0px 0px 10px 0px;
	padding:0;
	color:#FFFFFF;
	font-size:13px;
	


}

#prod ul li a {
	margin-bottom:10px;
	text-decoration:none;
	font-size:15px;
	color:#8FC63F;
}

#prod ul li a:hover { color:#666666; }

/* end prod */












/********************************* people div */
.people {
	border-bottom:1px solid #8FC63F;
	margin:10px 20px 0px 20px;
	padding:15px;
	float:left;
	width:880px;
	background-color:#FFFFFF;
	
}


.people img{
	margin:0;
	padding:0;
	float:left;
	display:block;
}

.people h4 {
	margin:0 0 0 10px;
	padding:0;
	font-size:18px;
	font-weight:bold;
	color:#8FC63F;
	float:left;
	height:auto;
	text-align:left;

}

.people h5 {
	margin:0 0 0 10px;
	padding:0;
	font-size:14px;
	color:#8FC63F;
	float:left;
	width:750px;
	font-weight:normal;


}


.people span {
	margin: 10px 0 0 10px;
	font-size:13px;
	color:#666666;
	line-height:1.3em;
	float:left;
	width:750px;
}



ul#blockade {
	font-size:10px;
	background-image:none;
	color:#666666;
}

ul#blockade li {
	background-image:none;
	display:inline;
	padding:0;
	margin: 0 20px 0 20px;
	float:left;
	color:#666666;
}

ul#blockade img {
	float:left;

}

ul#blockade p {
	padding:0;
	margin:0;
	font-size:10px;


}

span.block {
	width:500px;
	margin:0;
	padding:0 ;
	
}

span.block strong {
text-decoration:none;
padding:0;
margin:0;
font-weight:normal; /**novo elemento*/
}


p.block {
	width:500px;
	margin:0;
	padding:0;
	float:left;
	
}



#floater {
	position:relative;
	left:0;
	top:0;
	width:auto;
	height:auto;
	float:right;
	font-size:10px;
	clear:right;
	margin:0 0 15px 0;
	padding:0 0 5px 0;
	
}

#floater p {
	margin:0;
	padding:5px;
	color: #003300;
	width:300px;


}

.faquestion {
font-size:14px;
font-weight:bold;
color:8FC63F;
margin:0 50px 0 25px;

}

/*****/

.faquest {
	position:relative;
	left:0;
	top:0;
	width:auto;
	height:auto;
	float:right;
	font-size:12px;
	font-weight:bold;
	clear:right;
	margin:0 15px 0 0;
	padding:26px 0 0 0;
	
}

/*.faquest a {
font-size:12px;
font-weight:normal;
color:#333333;
text-align:center;


}

*/


/******** end people div */


	
	
	


#footer {
	margin:0px 0px 20px 0px;
	padding: 0;
	background-image:url(images/footer.png);
	background-position: top;
	background-repeat: no-repeat;
	 
	
}




#footer p {
	margin: 0;
	padding:0; 
}



#footer ul {
	margin:0;
	padding:90px 0 0 0;
	font-size:10px;
	text-align:center;
	height:30px;
}

#footer ul li {
	list-style-type:none;
	display:inline;
}

#footer ul li a {
	text-decoration:none;
	color:#FFFFFF;
}

#footer ul li a:hover {
	text-decoration:none;
	color:#000033;
}

#footer p {
	margin: 0;
	padding:0px 0 0 0;
	text-align:center;
	font-size:10px; 
	
}



/* // OTHER STYLES // */


.vantage{
color:#003366;
line-height:1.5em;

}


p.enlarge {

color:#8FC63F;
text-align:center;

}





.productcontent {
	width:910px;
	margin:0px 20px 0px 20px;
	padding:20px 0px 30px 0px;
	background-color:#FFFFFF;
	border-bottom:5px solid #8FC63F;
	float:left;
	color:#666666;
	
}


.productcontent h4 {
	margin: 0px 0px 0px 25px;
	padding:0;
	font-size:24px;
	color:#8FC63F;
	width:auto; /* evita que contenha o estilo geral h4 - largura */
	height:26px;/* evita que contenha o estilo geral h4 - altura */
}

.productcontent h5 {
	margin: 0px 0px 0px 25px;
	padding:0;
	
	font-size:18px;
	font-weight:bold;
	text-align:left;
	color:#8FC63F;

}



.productcontent p a {
	color: #66CCFF;
	text-decoration:none;
}

.productcontent p a:hover {
	color:#8FC63F;
	text-decoration:none;
}


.productcontent p a img {
padding: 0;
margin: 15px 0 10px 0;

}



/* end productcontent */



#floater2 {
	position:relative;
	left:0;
	top:0;
	width:300px;
	height:auto;
	float:right;
	margin-right:25px;
	
	
}

#floater2 p {
	margin:0;
	font-size:10px;
	padding:0;
	color: #003300;
	width:200px;
	
}


#floater2 p  {
	margin:0;
	font-size:10px;
	padding:0;
	color: #003300;
	width:200px;
	
}



#floater2 img {
	margin:0 0 15px 0;
	padding:0;
	float:left;
	clear:both;
}


span.backto {
color:#999999;
font-size:10px;
text-decoration:underline;
}



img.prd {

border:3px solid white;

}
 
 
 /****** layers *****/
 
#directors {
	z-index:6;
	background-color: #607CA3;
}

#executive {
	z-index:7;
	background-color: #8097B6;
}

#business {
	z-index:8;
	background-color: #044C49;
	}

#scientific {
	z-index:9;
	background-color: #57A02D;
}

#director {
	z-index:10;
	background-color: #599F20;
}

#cbdo {
	z-index:5;
	background-color: #006965;
}

#ceo {
	z-index:4;
	background-color: #00CC66;
	}

#cso {
	z-index:3;
	background-color: #599F20;
}

#cfo {
	z-index:2;
	background-color: #006965;
}


#advisor {
	z-index:11;
	background-color: #153453;
}

.layer{
	position: absolute;
	bottom:29px;
	left:29px;	
	width:201px;
	height:170px;
	visibility: hidden;
	color:#FFF;
	font-weight:bold;
	line-height:1.6em;
	padding-top:18px;
	text-align:center;
}

.layertitle {
	color:#FFFFCC;
	font-size:14px;
	font-weight:bold;
	line-height:1.5em;

	
}


/*** //newspage ***/



.mainContent {
	margin:0;
	padding:50px 0 0 0;
}



.content2 {
    margin:15px 0 0px 25px;
	padding:0;
	width:480px;
	float:left;
	
	
}

.content2 img {
padding:0;
margin:0;
border:5px solid white;}

.content2 h4 {
margin-bottom:10px;
font-size:20px;
color:#8FC63F;
font-weight:bold;
float:none;
text-align:left;
}

.content2 h1 {
margin-bottom:10px;
font-size:28px;
color:#8FC63F;
padding:0 0 5px 0px;
font-weight:lighter;
float:none;
text-align:left;
}


.content2 p {
color:#FFFFFF;
}

.content2 ul {
margin:15px 0 0 0;
padding:0;
float:left;
list-style-type:none;
}

.content2 ul li{
margin:10px 0 0 0;
padding:5px 5px 5px 30px;
list-style-type:none;
display: block;
border:none;
background-image:url(images/pdf.png);
background-position:center left;
background-repeat:no-repeat;
}

.content2 ul li img{
border:none;

}


.ndata {
color: #66CCFF;
float:right;
}



/** news page **/




#newsbar {
    margin:15px 0px 0px 25px;
	padding:0;
	width:400px;
	height:370px;
	float:right;
	overflow:auto;
	position:relative;
	
	}
	
#newsbar ul {
	margin:0;
	padding:0;
	width:360px;
	
}
	
#newsbar ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	border-bottom: 1px dashed #FFFFFF;
	height:120px; /* futuramente retirar a altura*/
	}				
	
#newsbar ul li p {
	margin:15px 0px 10px 5px;
	padding:0;
	width:250px;
	float:left;
	font-size:12px;
	}

#newsbar ul li p a {
	text-decoration: none;
	color:#8FC63F; /* // green // */
	text-align:right;
	font-size:10px;
	float:right;
	}

#newsbar ul li p a:hover {color:#FFFFFF;}		
	
.newshead {
	width:400px;
	float:right;
	border-bottom:3px solid #8FC63F;
	margin:0;
}		

.newshead p {
	font-size:12px;
	padding:0 0 10px 10px;
	color:#8FC63F;
}	


/*jobspage*/

#jobsbar {
    margin:15px 0px 0px 25px;
	padding:0;
	width:400px;
	height:560px;
	float:right;
	overflow:auto;
	position:relative;
	
	}
	
#jobsbar ul {
	margin:0;
	padding:0;
	width:360px;
	
}
	
#jobsbar ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	background-image:url(images/job.png);
	background-position:left;
	background-repeat:no-repeat;
	border-bottom: 1px dashed #FFFFFF;
	height:140px; /* futuramente retirar a altura*/
	}				
	
#jobsbar ul li p {
	margin:15px 0px 10px 55px;
	padding:0;
	width:280px;
	float:left;
	font-size:12px;
	}

#jobsbar ul li p a {
	text-decoration: none;
	color:#8FC63F; /* // green // */
	text-align:right;
	font-size:10px;
	float:right;
}

#jobsbar ul li p a:hover {
	color:#FFFFFF;
}


/*jobspage*/

#faqsbar {
    margin:15px 0px 0px 25px;
	padding:0;
	width:300px;
	height:500px;
	float:right;
	overflow:auto;
	position:relative;
	
	}
	
#faqsbar ul {
	margin:0;
	padding:0;
	width:320px;
	
}
	
#faqsbar ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	background-image:url(images/job.png);
	background-position:center left;
	background-repeat:no-repeat;
	border-bottom: 1px dashed #FFFFFF;
	height:120px; /* futuramente retirar a altura*/
	}				
	
#faqsbar ul li p {
	margin:15px 0px 10px 55px;
	padding:0;
	width:200px;
	float:left;
	font-size:12px;
	}

#faqsbar ul li p a {
	text-decoration: none;
	color:#8FC63F; /* // green // */
	text-align:right;
	font-size:10px;
	float:right;
}

#faqsbar ul li p a:hover {
	color:#FFFFFF;
}






ul.faqs {
	margin:0;
	padding:20px 0px 11px 0px;/* // controla a quantidade de imagem fundo que vemos na lista // */
	list-style-type:none;
	float:left;
	
	
	
	
	
}

ul.faqs li {
	margin:0;
	padding:0px 5px 0px 20px;
	color:#FFFFFF;
	font-size:14px;
	display:inline;
	


}

ul.faqs li a {
	margin:0;
	padding:50px 0px 20px 0px;
	text-decoration:none;
	font-size:14px;
	color:#FFFFFF;
	display:inline;
}

ul.faqs li a:hover {
color: #000033;
 }
 
ul.faqs li a span{
	margin:0; 
	padding:50px 0px 20px 0px;
	background-image:url(images/moreov.png);
	background-repeat:no-repeat;
	background-position:bottom center; 
	
}


/*** newstyle***/

h4.achieve{
font-size:18px;
margin-bottom:10px;
color:#8FC63F; 
width:100%; 
text-align:left; 
font-weight:bold;

}