﻿body {
	width: 100%;
	font: normal 11px/13px Arial;
	color: #343434;
	text-align: center;
	background: #fff8c1 url('/html/images/bg_fundo.jpg') repeat-x 0 119px;
}

/*CLASSES E CSS GERAL
----------------------------------------------------------------------------------------------------------*/
a {
	color: #343434;
}
a:hover {
	
}

input, select, textarea {
	color: #343434;
	font: normal 12px/12px Arial;
}
.floatLeft {
	float:left;
}
.floatLeftImg {
	float:left;
	margin: 0px 10px 10px 0px;
}
.floatRight {
	float:right;
}
.floatRightImg {
	float:right;
	margin-left: 10px;
	margin-bottom: 10px;
}
.clear {
	clear: both;
}


#bgAmareloConteudo h1 span {
	display: none;
}
h2 {
	padding: 0px;
	margin: 0px;
}
/*FLASH HOME
-----------------------------------------------------*/
.controlaFlash {
	position: relative;
	z-index: 1;
}

/*TOPO
----------------------------------------------------------------------------------------------------------*/
#wrapperHeader {
	height: 118px;
	float: left;
	width: 100%;
	background: #ffd785 url('/html/images/topo_bg.gif') repeat-x 0 top;
	border-bottom: 1px solid #fff;
}
#header {
	position: relative;
	width: 996px;
	z-index: 10!important;
	margin: auto;
}
#header #menuTopo {
	width: 233px;
	height: 100px;
	float: right;
}
#header #logoBayer {
	padding: 22px 0px 0px 107px;
	float: left;
}
#header #faleConosco {
	float: left;
	padding: 10px 0px 0px 21px;
	font-size: 9px;
}
.linksTopo{
    position:absolute;
    left:540px;
    top:75px;
    display:block;
    width: 287px!important;
}
.linksTopo ul{
    width: 287px;
    float: right; 
}
.linksTopo ul li{
    float: left;
    padding-right:4px;
}
.espaco{
 padding-left: 30px;
 float: left;
}
.logoTopo{
    position: absolute;
    left:750px;
}

/*MENU SUPERIOR
----------------------------------------------------------------------------------------------------------*/
#menuSuperior {
	position: relative;
	width: 996px;
	background-color: #ffd785;
	float: left;
	font: bold 12px Arial;
	z-index: 50;
	text-align: left;
}
#menuSuperior #linkHome{
	border:none;
	text-align: left;
	border-right: 1px solid #FFF;
}
#menuSuperior #linkHome a:hover, 
#menuSuperior #linkHome a {
	display: block;
	width: 155px;
	padding: 2px 0px 0px 15px;
	color: #00305d;
	background-color: #ffd785;
}
#menuSuperior ul li{
	float: left;
	border-right: 1px solid #FFF;
	height: 18px;
	position: relative;
}
#menuSuperior ul li a{
	display: block;
	padding: 2px 10px 2px 10px;
	color: #00305d;
}
#menuSuperior ul li a.marcado{
	text-decoration: none!important;
	color: #00305d;
	background-color: #f9ebc8;
}

/* SEGUNDO NÍVEL MENU
-----------------------------------------------------*/
#menuSuperior ul li ul{
	display: none;
	position: absolute;
	width: 180px;
	top: 18px;
	left: 0px;
	padding: 0px 0px 0px 0px;
	z-index: 120;
}
#menuSuperior ul li ul li {
	float: left;
	width: 180px;
	height: 20px;
	border-bottom:1px solid #CCCCCC!important;
}
#menuSuperior ul li ul li a{
	display: block;
	padding-left: 15px;
	font: normal 12px Arial;
	height: 16px;
	color: #00305d;
	background-color: #f9ebc8;
}
#menuSuperior ul li ul li a.marcado{
	background: #f9ebc8 url('/html/images/seta_topo_branca.gif') no-repeat 3px 6px;
	color: #00305d;
}


/*MENU LATERAL ESQUERDO
----------------------------------------------------------------------------------------------------------*/
#content #lateralEsquerda {
	width: 170px;
	text-align: left;
	float: left;
	padding: 0px 0px 20px 0px;
	background: #fbe1ae url('/html/images/borda_inferior_menu.gif') no-repeat 0px bottom;
}
#lateralEsquerda #menuLateral ul {
	display: block;
	background: #fbe1ae;
	float: left;
}
#menuLateral ul li a{
	display: block;
	font: normal 12px Arial;
	width: 150px;
	border-bottom:1px solid #fff;
	padding: 2px 5px 2px 15px;
	color: #00305d;
	height: 14px;
	text-decoration: none!important;
}
#menuLateral ul li a.marcado{
	background: #25618E url('/html/images/seta_topo_branca.gif') no-repeat 3px 6px;
	color:#FFFFFF;
	font-weight:bold;
}
#menuLateral ul li ul{
	display: none;
	width: 150px;
	float: left;
	clear: both;
}
#menuLateral ul li{
	float:left;
}
#menuLateral ul li ul li a{
	display:block;
	font: normal 12px Arial;
	width: 135px;
	border-bottom:1px solid #FFF;
	padding: 3px 5px 3px 30px; 
	text-decoration: none!important;
	clear: both;
}
#menuLateral ul li ul li a.item3{
	height:auto;
	line-height:15px;
}
#menuLateral ul li ul li a.marcado{
	background: #fcf5e2 url('/html/images/seta_topo_branca.gif') no-repeat 15px 7px;
}

/*GUARDA LINKS BAYER
-----------------------------------------------------*/
#lateralEsquerda #guardaBayerLinks {
	float: left;
	width: 170px;
	padding: 10px 0px 50px 0px;
}
#guardaBayerLinks #bayerLinks {
	float: left;
	padding: 10px 0px 10px 0px;
}
#guardaBayerLinks span {
	text-align: left;
	width: 154px;
	display: block;
	font-weight:bold;
	padding:5px 0 0 16px;
	font-size:12px;
}
#guardaBayerLinks #bayerLinks li a {
	float: left;
	width: 153px;
	padding: 2px 0px 2px 17px;
	font: normal 11px Arial;
}
#lateralEsquerda #links {
	width: 154px;
	float: left;
	padding: 10px 0px 15px 16px;
	font: normal 10px Arial;
}
#lateralEsquerda #creditosBayer {
	float: left;
	padding: 0px 0px 0px 16px;
	font: normal 10px Arial;
}


/*MENU LATERAL DIREITO
----------------------------------------------------------------------------------------------------------*/
#menuLateralDireito {
	float: left;
	width: 201px;
	position: relative;
	z-index: 9;
	padding: 10px 0px 165px 0px;
	background: #fbe1ae url('/html/images/adolescentes.gif') no-repeat 0 bottom;
}
#menuLateralDireito span {
	text-align: center;
	width: 201px;
	display: block;
	background-color: #25618e;
	padding: 5px 0;
}
#menuLateralDireito div {
	float: left;
	padding: 5px 0px 20px 20px;
}
#menuLateralDireito div input.tamanhoMaior,
#menuLateralDireito div input.tamanhoInput {
	border: 0px;
	float: left;
	font-size: 10px;
	padding: 2px 0px 2px 5px!important;
}
#menuLateralDireito div input.tamanhoMaior {
	width: 153px; 
}
#menuLateralDireito div input.tamanhoInput {
	width: 121px;
}
#menuLateralDireito div .label {
	float: left;
	padding: 10px 0px 0px 0px;
}
#menuLateralDireito div #labelInfo {
	width: 130px;
	font-size: 10px;
	text-align: left;
	float: left;
	padding: 10px 0px 0px 0px;
}
#menuLateralDireito div #labelInfo input {
	float: left;
}
#menuLateralDireito div .btnOk {
	float: left;
	padding: 8px 0px 0px 5px;
}

/*DIV CONTÉM TODO O CONTEÚDO CENTRAL
----------------------------------------------------------------------------------------------------------*/
#wrapperContent {
	float: left;
	width: 100%;
	position: relative;
	background: url('/html/images/bg_interna.jpg') no-repeat center 128px;
}
#content {
	width: 996px;
	_width: 1000px;
	margin: 0 auto;
}
#content #corpo {
	position: relative;
	float: left;
	width: 605px;
	padding: 0px 10px;
}
#corpo #pagina {
	float: left;
	width: 595px;
	position: relative;
	padding: 0px 0px;
	text-align: left;
}
#corpo #pagina p {
	font: normal 12px/13px Arial;
	margin: 0px;
	padding: 0px;
}

/*ENVIE GALERA INTERNAS
-----------------------------------------------------*/
#corpo #paiEnvieGalera {
	text-align: left;
	position: absolute;
	top: 170px;
	right: 35px;
	z-index: 9;
	width: 100px;
	float: left;	
}
#content #corpo #envieGalera {
	float: left;
	width: 100px;
	text-align: left;
}
#content #corpo #envieGalera img {
	float: left;
	padding: 0px 5px 0px 0px;
}
#content #corpo #envieGalera a {
	color: #00305d;
	font-weight: bold;
}

/*BREADCRUMBS
-----------------------------------------------------*/
#corpo #bread {
	text-align: left;
	width: 605px;
	padding: 10px 0;
	float: left;	
}

/*COMPARTILHE
----------------------------------------------------------------------------------------------------------*/
#wrapperShare {
	width: 100%;
	float: left;
	height: 45px;
	text-align: center;
	padding: 50px 0px 0px 0px;
	background: url('/html/images/bg_rodape.jpg') repeat-x 0 0;
}
#wrapperShare #contentShare {
	width: 996px;
	margin: 0 auto;
}
#contentShare #share {
	width: 950px;
	height: 31px;
	text-align: center;
	background: url('/html/images/bg_compartilhe.png') no-repeat center 0;
	padding: 4px 0px 0px 0px;
	margin: 0 auto;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg_compartilhe.png', sizingMethod='scale');
}
#contentShare #share ul {	
	padding: 0px 20px 0px 0px;
	float: right;
}
#contentShare #share ul li {
	float: left;
	padding: 0px 15px 0px 0px;
	
}

/*RODAPÉ
----------------------------------------------------------------------------------------------------------*/
#wrapperFooter {
	width: 100%;
	float: left;
	background-color: #fefacd;
}
#wrapperFooter #contentFooter {
	width: 100%;
	float: left;
	padding: 6px 0;
	color: #00305d;
	background: url('/html/images/bg_inferior.jpg') repeat-x 0 0;
}
#wrapperFooter #footerLinks {
	width: 996px;
	margin: 0 auto;
	text-align: left;
}
#wrapperFooter #contentFooter a,
#wrapperFooter #footerLinks a {
	color: #00305d;
}
#footerLinks ul {
	float: left;
	padding: 20px 7px 25px 8px;
}
#footerLinks ul li {
	font-size: 11px;
	padding: 5px 0px 0px 10px;
}
#footerLinks li.tituloLink {
	font-weight: bold;
	padding: 0 0 5px 0;
}

@media print {
	#conteudoItens{display:block;width:800px;font-size:12px!important;}
	#bgAmareloConteudo{display:block;}	
	#wrapperHeader {display:none;}
	#wrapperShare{display:none;}
	#lateralEsquerda{display:none;}
	#wrapperFooter{display:none;}
	#menuLateralDireito{display:none;}
	#controlaFlash{display:none;}
	#bread{display:none;}
	#paiEnvieGalera{display:none;}
}


