/*
Theme Name: Biosintesis V 2 - Tema personalizado
Author: Arenas Espm
Author URI: http://arenas.espm.br/
Description: Tema personalizado desenvolvido pelo Arenas ESPM para a Biosintesis.
Version: 2.0
*/
*
{
	margin:0;
	padding:0;
}
body
{
	background-color: #ededed;
	color: #808080;
	font-family: Arial, helvetica, sans-serif;
	font-size: 12px;
}
a{
	color: #808080;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
#topo
{
	width: 960px;
	margin: 0 auto;
}
#topo h1 a
{
	background:url(img/logo.png) no-repeat;
	display:block;
	width:160px;
	height:75px;
	text-indent:-5000px;
	float:left;
	margin:10px;
}
#menu-principal, #topo .sf-menu
{
	background: #532f64;
	border-radius: 5px;
	margin: 6px 0 0 90px;
}
#menu-principal a, #topo .sf-menu a
{
	font-size: 13px;
	font-family: Arial, helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	font-weight: lighter;
	padding: 20px 15px;
}
#menu-principal a:hover, #topo .sf-menu a:hover{
	background: #714a83;
}
#language_switcher
{
	float: right;
	list-style: none;
	margin-top: 10px; 
}
#language_switcher li
{
	display: inline-block;
}
/* ===========================================================================
	Submenus
   ===========================================================================*/


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			15em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			4.3em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
}
.sf-menu li {
}
.sf-menu li li {
	background: #532f64;
}
.sf-menu li li li {
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*=====================================================================
	Banner 
=====================================================================*/
 #banner{
 	/*background: url(img/banner.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/banner.png', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/banner.png', sizingMethod='scale')";*/
	min-height: 350px;
	width:100%;
	min-width:1024px;
	position: relative;
	overflow: hidden;
 }
 #img_banner
 {
 	width: 100%;
 	height: 350px;
 	overflow: hidden;
 	float: left;
 	background: url(img/loader.gif) no-repeat center center #000;
 }
 #img_banner img{
	width: 100%;
 }
 #banner_container
 {
 	width: 960px;
 	margin: 0 auto;
 	position: relative;
 }
 #legenda_banner
 {
 	background: url(img/bg_destaque_banner2.png);
 	width: 320px;
 	height: 329px;
 	position: absolute;	
 	right: 10px;
 	top: 5px;
 }
 #legenda_banner h1
 {
 	color: #fff;
 	font-family: 'Text Me One', sans-serif;
 	text-transform: uppercase;
 	font-weight: lighter;
 	font-size: 40px;
 	margin: 80px 0 0 40px;
 	line-height: 60px;
 }
 #legenda_banner h1 a
 {
	color: #fff;
 }
 #legenda_banner h1 a:hover
 {
	color: #ccc;
	text-decoration: none;
 }
 #legenda_banner .conteudo
 {
	color: #fff;
	margin-left: 40px;
	margin-top: 10px;
	width: 240px;
	font-size: 14px;
 }
 #nav_banner
 {
 	position: absolute;
 	right: 45px;
 	top:327px;
 }
 #nav_banner li
 {
 	list-style: none;
 	display: inline-block;
 }
 #nav_banner li a
 {
	display: block;
	width: 21px;
	height: 21px;
	background: url(img/bolinhas.png) no-repeat;
 }
 #nav_banner li a.current
 {
 	background-position: -26px;
 }
 #conteudo
 {
 	width: 940px;
 	margin: 0 auto;
 	padding: 20px 10px;
 }
 #conteudo h1
 {
 	font-family: 'Text Me One', sans-serif;
 	text-transform: uppercase;
 	font-weight: lighter;
 	color: #532f64;
 }
 .produtos_home
 {
 	background: url(img/ped_home.png) no-repeat;
 	display: block;
 	width: 167px;
 	height: 167px;
 	float: left;
 	margin: 20px 0 50px 0;
 }
 .produtos_home_en
 {
 	background: url(img/ped_home_en.png) no-repeat;
 	display: block;
 	width: 167px;
 	height: 167px;
 	float: left;
 	margin: 20px 0 50px 0;
 }
 #projetos:hover{
 	background-position: 0 -170px;
 }
 #estudos
 {
 	background-position: -168px 0;
 }
 #estudos:hover
 {
	background-position: -168px -170px;
 }
 #pesquisa
 {
 	background-position: -336px 0;
 }
 #pesquisa:hover
 {
 	background-position: -336px -170px;
 }
 #caracterizacao
 {
 	background-position: -504px 0;
 }
 #caracterizacao:hover
 {
 	background-position: -504px -170px;
 }
 .servicos_home
 {
 	float: left;
 	width: 290px;
 	margin: 20px 20px 40px 0;
 }
 #conteudo .servicos_home h2,  #conteudo .servicos_home h1
 {
 	font-family: 'Text Me One', sans-serif;
 	text-transform: uppercase;
 	font-weight: lighter;
 	font-size: 22px;
 	color: #00aeef;
 	margin-bottom: 10px;
 }
/*=====================================================================
	Footer
=====================================================================*/

#footer
{
	background: #dcdcdc;
	width: 914px;
	margin: 0 auto;
	border-radius: 10px;
	clear: both;
	font-family: 'Text Me One', sans-serif;
	font-family: 14px;
	color: #808080;
	padding: 20px;
	margin-bottom: 40px;
}
#interna
{
	width: 960px;
	margin: 0 auto;
}
#interna .container
{
	margin: 20px;
	float: left;
}
#conteudo_interno
{
	float: left;
	width: 480px;
}
#conteudo_interno h1, .titulo_noticias
{
	font-family: 'Text Me One', sans-serif;
	font-size: 44px;
	line-height: 40px;
	color: #00aeef;
	font-weight: lighter;
	width: 450px;
	margin-bottom: 20px; 
	text-transform: uppercase;
}
#conteudo_interno p
{
	width: 450px;
}
#conteudo_interno ul
{
	margin-left: 15px;
}
#conteudo_interno ul li
{
	margin-bottom: 5px;
}
#featured
{
	float: left;
	width: 300px;
	margin-top: 70px;
}
#titulo_pai
{
	color:#532f64;
	font-size: 14px;
	font-weight: bold;
}
#child_pages
{
	margin: 10px 0 40px 0; 
}
#child_pages li
{
	display: inline;
}
#child_pages li a
{
	text-decoration: none;
	border-right: 1px solid #9e9e9e;
	padding: 0 5px;
	color: #9e9e9e;
}
#child_pages li a:hover, #child_pages li a:active
{
	color:#532f64;
}
#child_pages li:last-child a
{
	border: none;
}
form
{
	width: 310px;
	margin-bottom: 50px;
}
input[type=text], textarea
{
	border: 1px solid #ccc;
	padding: 3px;
	width: 300px;
	margin-bottom: 10px;
	margin-top: 5px;
	font-size: 18px;
	color: #666;
}
textarea
{
	height: 100px;
}
input[type=submit]
{
	background: #00aeef;
	cursor: pointer;
	float: right;
	border:1px solid #0088bb;
	padding: 3px 8px;
	color:#fff;
	font-size: 16px;
	box-shadow: 0 2px 4px #666;	
}
input[type=submit]:active
{
	box-shadow: none;
}

/*==================================
  Notícias
==================================== */

.noticias
{
	width: 940px;
	margin: 0 auto;
	float: left;
}
.destaque_noticia
{
	width: 214px;
	float: left;
	padding: 30px 20px 30px 0;
}
.destaque_noticia img
{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
#featured_noticia img , .lista_noticia img
{
	width: 300px;
	height: auto;
	float: left;
	margin: 0 10px 10px 0;
}
.lista_noticia img
{
	width: 200px;
}
#conteudo_noticia
{
	width: 100%;
	float: left;
	margin-top: 50px;
}
#conteudo_noticia h1
{
	font-family: 'Text Me One', sans-serif;
	font-size: 30px;
	color: #00aeef;
	font-weight: lighter;
	margin-bottom: 20px; 
}
.titulo_noticias
{
	margin-top: 50px;
}
.link_integra
{
	color: #00aeef;
	float: right;
	margin-top: 10px;
}
/* ================================
	Avaliação Biológica
=================================== */
.resultado_biologico
{
	width: 390px;
}
.resultado_biologico td , .resultado_biologico th
{
	padding: 5px;
}