/* -------------------------------------------------- 
   Fonts
---------------------------------------------------*/

@font-face {
    font-family: 'flamaregular';
    src: url('../../assets/fonts/flama-webfont.eot');
    src: url('../../assets/fonts/flama-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../assets/fonts/flama-webfont.woff') format('woff'),
         url('../../assets/fonts/flama-webfont.ttf') format('truetype'),
         url('../../assets/fonts/flama-webfont.svg#flamaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'flamablackregular';
    src: url('../../assets/fonts/flamablack-webfont.eot');
    src: url('../../assets/fonts/flamablack-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../assets/fonts/flamablack-webfont.woff') format('woff'),
         url('../../assets/fonts/flamablack-webfont.ttf') format('truetype'),
         url('../../assets/fonts/flamablack-webfont.svg#flamablackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* -----------------------------------------
   Shared Styles
----------------------------------------- */

body {
	background:#ffffff url(../../assets/images/bgimg.gif) no-repeat center bottom fixed;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	font-family:'flamaregular', Arial, Helvetica, sans-serif;
	font-size:1.00em
}

h1, h2, h3, h4 {
	font-weight:normal;
	letter-spacing:-1px
}

h4{
	font-family:'flamaregular', Arial, Helvetica, sans-serif;
	margin-top: 0;
	padding-top: 0;
}

p {
	font-family:'flamaregular', 'Helvetica Neue', 'HelveticaNeue', 'Helvetica', 'Arial', 'Lucida Grande', 'sans-serif';
	line-height:1.8em;
	color:#222;
}

p a:hover {
	font-family:'flamaregular', 'Helvetica Neue', 'HelveticaNeue', 'Helvetica', 'Arial', 'Lucida Grande', 'sans-serif';
	line-height:1.8em;
	color:#3b8b21;
}

strong {
	font-family:'flamaregular', sans-serif;
}

dl dd {
	color: #3b8b21;
	font-size:1.063em;
}

#titulo{
	color: #7ab454;
	margin-top: 0;
	padding-top: 0;
	line-height: 1em;
}

#sub_titulo{
	color: #7ab454;
}

.green {
	color:#4da32f;
}


.all-cap {
	text-transform:uppercase;
}

.float-left {
	float:left;
}
.float-right {
	float:right;
}
.clear {
	clear:both !important
}

#logo, #fbk {
	padding-bottom: 10px;
}

.hr {
	height: 5px;
	line-height: 5px;
}

.logo {
 margin-top: 10px;
 padding-top: 30px;
 min-height: 105px;
 min-width: 205px;
}

.fbk {
	padding-top: 100px;
}


#navsys{
	background-color: #4da32f;
  -webkit-border-radius: 6px; /* Safari 3-4, iOS 1-3.2, Android ≤1.6 */
          border-radius: 6px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

#navsys section #navstyle li a, a:hover {
	color: #e9f2e7;
	font-family:'flamaregular', Arial, Helvetica, sans-serif;
	font-weight: normal;
    font-style: normal;
}


section li :hover {
	background-color: #3b8b21;
}


#navsys section #navstyle #selected {
	background-color: #3b8b21;
}

#main{
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 10px;
}


/* -----------------------------------------
   scroll contents
----------------------------------------- */
#submenu {
	margin-bottom: 0;
}


#content_1 {
	height: 355px;
	margin-top:0;
	padding: 2.5% 3% 3% 3%;
	background-color: transparent;
  background-color: rgba(255, 255, 255, 0.8);  /* Firefox 3+, Safari 3+, Opera 10.10+, Chrome, IE9+ */
	-webkit-border-radius: 8px; /* Safari 3-4, iOS 1-3.2, Android ≤1.6 */
          border-radius: 8px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

	overflow:auto;
}

#footer{
margin-top: 1em;
}

.logo_ft{
	float: left;
	width: 50px;
	margin-right: 15px;
}

.credits{
	color: #3b8b21;
	font-size: 0.750em;
	padding-top: 2%;
	padding-right: 0;
	float: left;
}

/* -----------------------------------------
   Tables
----------------------------------------- */
#tbheader {
	font-family:'flamaregular', Arial, Helvetica, sans-serif;
	font-size: 1.250em;
	color: #ffffff;
	padding: 3% 3%;
	background-color: #7ab454;
}

#tbcell_g{
	font-family:'flamaregular', Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #222;
	padding: 1% 1%;
	background-color: #e9f2e6;
}

#tbcell_w{
	font-family:'flamaregular', Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #222;
	padding: 1% 1%;
	background-color: #ffffff;
}

.nav-bar {
	background-color: #ffffff;
}

.nav-bar li {
	background-color: #7ab454;
	border-style:none;
	border-width:0;
	border-color: #ffffff;
}

.nav-bar li a{
	color: #ffffff;  
}

.nav-bar li a:hover{
	background-color: #3b8b21; 
}

@media only screen and (max-width: 480px) {
  /* Small Device Styles here */

	  #logo a{
		text-indent:-9999px;
		background:url(http://biologic.pt/assets/images/logo_biologic_bth_s.gif) no-repeat right center;
		display:block;
		height:74px;
		width:175px;
		float:right;
	}
}

#nuv_hld {
	position: absolute;
	margin: 0px auto;
	width: 100%;
}

#nuvens {
	width: 100%;
	height: 426px;
	position: relative;
	overflow:hidden;
}
#nuvem1 {
	position:relative;
	top:-235px;
	left: 108%;
	height: 98px;
	width: 125px;
	z-index:-3;
}
#nuvem2 {
	position:relative;
	top:-195px;
	left: 102%;
	height: 36px;
	width: 45px;
	z-index:-3;
}
#nuvem3 {
	position:relative;
	top:10px;
	left: -20%;
	height: 306px;
	width: 381px;
	z-index:-4;
}