/* DICAS */

/* fundo = #ffc20f */
/* impar = #f7941d */
/* par   = #cf171f */

/* CSS RESET */
*{
	padding:0;
	margin:0;
	border:0;
}

.conteudo-dicas{
	width:750px;
	background-color:#f5f6f8;
}
	/* TOPO */
	.dicas-topo{
		width:750px;
		height:80px;
	}
		.dicas-topo-titulo{
			width:450px;
			height:80px;
			float:left;
		}
		.dicas-topo-titulo > h1{
			font-family: Arial, Verdana, Helvetica, sans-serif; 
			font-size: 40px;
			color: #f7941d;
			font-weight:lighter;
			line-height:80px;
			padding-left:20px;
		}
			
		.dicas-topo-botoes{
			width:300px;
			height:45px;
			padding-top:35px;
			float:left;
		}
		.dicas-topo-botoes > img{
			cursor:pointer;
		}
		
	/* CONTEUDO */
	.dicas-limitador-modulos{
		width:750px;
		height:300px;
		overflow:hidden;
		background-color:#f5f6f8;
	}
		.dicas-modulos{
			width:3120px;
			height:300px;
		}
		.dicas-modulos > li{
			list-style:none;
			width:750px;
			height:300px;
			margin-right:30px;
			float:left;
			background-color:#ffc20f;
		}
			/*FORMULARIO*/
			.dicas-modulo-formulario{
				width:750px;
				height:300px;
				background-image:url(../Imagens/dicas-fundoformulario.png);
				background-position:top;
				background-repeat:no-repeat;
			}
				/*topo*/
				.dicas-modulo-formulario-topo{
					width:750px;
					height:50px;
				}
					.dicas-modulo-formulario-topo-box{
						width:700px;
						height:50px;
						float:left;
					}
						.dicas-modulo-formulario-topo-box-setas{
							width:700px;
							height:20px;
							float:left;
						}
						.dicas-modulo-formulario-topo-box-setas a{
							display:block;
							line-height:20px;
							float:left;
							cursor:pointer;
							padding:0 20px 0 10px;
							font-family: Arial, Verdana, Helvetica, sans-serif; 
							font-size: 10px;
							color: #FFFFFF;
							font-weight:bold;
							
							background-position:right;
							background-repeat:no-repeat;
						}
						.dicas-modulo-formulario-topo-box-setas a.primeiro{
							background-image:url(../Imagens/dicas-setaprimeiro.jpg);
							background-color:#cf171f;
						}
						
						.dicas-modulo-formulario-topo-box-setas a.segundo{
							background-image:url(../Imagens/dicas-setasegundo.jpg);
							background-color:#f7941d;
						}
					
					.dicas-modulo-formulario-topo-botoes{
						width:50px;
						height:50px;
						float:right;
					}
					.dicas-modulo-formulario-topo-botoes > ul > li{
						display:block;
						float:left;
						width:50px;
						height:50px;
					}
					.dicas-modulo-formulario-topo-botoes > ul > li > img{
						cursor:pointer;
					}
			
				/*conteudo*/
				.dicas-modulo-formulario-conteudo{
					width:670px;
					height:250px;
				}
					/* formatacao do formulario */				
					.dicas-formulario-nomecampos{
						text-align:right;
						font-family: Arial, Verdana, Helvetica, sans-serif; 
						font-size: 12px;
						color: #FFFFFF;
						font-weight:bold;
					}
					.dicas-modulo-formulario-conteudo input{
						font-family: Arial, Verdana, Helvetica, sans-serif; 
						font-size: 11px;
						color: #333333;
						font-weight:bold;
					}
					
					.dicas-modulo-formulario-conteudo textarea{
						font-family: Arial, Verdana, Helvetica, sans-serif; 
						font-size: 11px;
						color: #333333;
						font-weight:bold;
					}
					
					input.dicas-formulario-camposa {
						width:150px;
						height:20px;
						border:1px solid #cf171f;
					}
					
					input.dicas-formulario-camposb {
						width:405px;
						height:20px;
						border:1px solid #cf171f;
					}
					
					textarea.dicas-formulario-camposc {
						width:405px;
						height:105px;
						border:1px solid #cf171f;
					}
					
					input.dicas-formulario-botoes{
						width:90px;
						height:20px;
						border:1px solid #FFFFFF;
						background-color:#cf171f;
						margin-left:3px;
						
						font-family: Arial, Verdana, Helvetica, sans-serif; 
						font-size: 12px; 
						color: #FFFFFF; 
						font-weight:bold; 
						cursor:pointer;
					}
					/* /formatacao do formulario */			

			/*NAVEGACAO*/
			.dicas-modulo-navegacao{
				width:750px;
				height:300px;
			}
				/*lista a*/
				.dicas-navegacao-listaa{
					float:left;
					width:130px;
					height:300px;
					border-left:5px solid #ffc20f;
				}
					/*botoes de movimentacao da lista a*/
					.dicas-listaa-botaocima{
						width:130px;
						height:15px;
						text-align:center;
					}
					.dicas-listaa-botaocima > img{
						cursor:pointer;
					}
							
					.dicas-listaa-botaobaixo{
						width:130px;
						height:15px;
						text-align:center;
					}
					.dicas-listaa-botaobaixo > img{
						cursor:pointer;
					}
						
					/*formatacao da lista da lista a*/
					.dicas-limitador-listaa{
						width:130px;
						height:270px;
						overflow:hidden;
					}
					.dicas-limitador-listaa > p{
						line-height:270px;
						background-color:#f7941d;
						text-align:center;
						font-family: Arial, Verdana, Helvetica, sans-serif; 
						font-size: 13px;
						color: #FFFFFF;
						font-weight:bold;
					}
						.dicas-listaa > li{
							list-style:none;
							width:130px;
							height:30px;
							line-height:30px;
							margin:0px;
						}
						.dicas-listaa > li.impar{
							background-color:#f7941d;
						}
						.dicas-listaa > li.par{
							background-color:#cf171f;
						}		
						.dicas-listaa > li > span.selecionavel{
							font-family: Arial, Verdana, Helvetica, sans-serif; 
							font-size: 13px;
							color: #FFFFFF;
							font-weight:bold;
							padding-left:10px;
							
							display:block;
							cursor:pointer;
						}
						.dicas-listaa > li > span.selecionavel:hover{
							background-color:#FFFFFE;
							color: #cf171f;
						}
						.dicas-listaa > li > span.selecionavel.ativo{
							background-color:#FFFFFE;
							color: #cf171f;
						}
							/*pesquisa*/
							.dicas-pesquisa{
								width:110px;
								height:20px;
								padding:5px 0px;
								*height:30px;
								*padding:0px;
							}
							.dicas-pesquisa > input.dicas-caracteres{
								width:80px;
								height:17px;
								padding:3px 5px 0 5px;
								vertical-align:middle;
								background:transparent url(../Imagens/dicas-fundopesquisa.png);
								background-position:left;
								background-repeat:repeat;
								
								font-family: Arial, Verdana, Helvetica, sans-serif; 
								font-size: 11px;
								color: #cf171f;
								font-weight:bold;
								font-style:italic;
							}
							
							.dicas-pesquisa > img.dicas-busca{
								cursor:pointer;
								vertical-align:middle;
							}

				/*lista b*/
				.dicas-navegacao-listab{
					float:left;
					width:230px;
					height:300px;
					border-left:5px solid #ffc20f;
					border-right:5px solid #ffc20f;
					overflow:hidden;
				}		
				.dicas-navegacao-listab > p{
					line-height:270px;
					margin:15px 0;
					background-color:#f7941d;
					text-align:center;
					font-family: Arial, Verdana, Helvetica, sans-serif; 
					font-size: 13px;
					color: #FFFFFF;
					font-weight:bold;
				}		
				.dicas-navegacao-listab > img{
					margin:15px 0;
					padding:130px 94px 129px 93px;
					background-color:#f7941d;
				}	
					/*imagem escolha opcao*/
					.dicas-escolhaopcao-listab{
						width:230px;
						height:270px;
						margin:15px 0;
						background-image:url(../Imagens/dicas-botaoescolhaopcao.jpg);
						background-position:center;
						background-repeat:no-repeat;
						background-color:#f7941d;
					}
								
					/*botoes de movimentacao da lista b*/
					.dicas-listab-botaocima{
						float:left;
						width:230px;
						height:15px;
						text-align:center;
					}
					.dicas-listab-botaocima > img{
						cursor:pointer;
					}
							
					.dicas-listab-botaobaixo{
						float:left;
						width:230px;
						height:15px;
						text-align:center;
					}
					.dicas-listab-botaobaixo > img{
						cursor:pointer;
					}
		
					/*formatacao da lista da lista b*/
					.dicas-limitador-listab{
						float:left;
						width:230px;
						height:270px;
						overflow:hidden;
					}
						.dicas-listab > li{
							list-style:none;
							width:230px;
							height:30px;
							line-height:30px;
							margin:0px;
						}
						.dicas-listab > li.impar{
							background-color:#f7941d;
						}
						
						.dicas-listab > li.par{
							background-color:#cf171f;
						}
									
						.dicas-listab > li > span.selecionavel{
							font-family: Arial, Verdana, Helvetica, sans-serif; 
							font-size: 13px;
							color: #FFFFFF;
							font-weight:bold;
							padding-left:10px;
							
							display:block;
							cursor:pointer;
						}
						.dicas-listab > li > span.selecionavel:hover{
							background-color:#FFFFFE;
							color: #cf171f;
						}
						.dicas-listab > li > span.selecionavel.ativo{
							background-color:#FFFFFE;
							color: #cf171f;
						}
						
				/*resumo*/				
				.dicas-navegacao-resumo{
					float:left;
					width:370px;
					height:270px;
					border-right:5px solid #ffc20f;
					margin:15px 0;
				}
				.dicas-navegacao-resumo > p{
					line-height:270px;
					background-color:#f7941d;
					text-align:center;
					font-family: Arial, Verdana, Helvetica, sans-serif; 
					font-size: 13px;
					color: #FFFFFF;
					font-weight:bold;
				}
				.dicas-navegacao-resumo > img{
					padding:130px 164px 129px 163px;
					background-color:#f7941d;
				}

				.dicas-escolhaopcao-resumo{
					width:370px;
					height:270px;
					background-image:url(../Imagens/dicas-botaoescolhaopcao.jpg);
					background-position:center;
					background-repeat:no-repeat;
					background-color:#f7941d;
				}
					.dicas-navegacao-resumo-box{
						width:370px;
						height:270px;
						background-color:#FFFFFF;
					}
						.dicas-navegacao-resumo-box-topo{
							width:370px;
							height:50px;
						}
							.dicas-navegacao-resumo-box-topo-titulo{
								float:left;
								width:320px;
								height:50px;
							}
							.dicas-navegacao-resumo-box-topo-titulo > h1{
								font-family: Arial, Verdana, Helvetica, sans-serif; 
								font-size: 20px;
								color: #f7941d;
								line-height:50px;
								padding-left:10px;
							}
							
							.dicas-navegacao-resumo-box-topo-botaomais{
								float:left;
								width:50px;
								height:50px;
							}
							.dicas-navegacao-resumo-box-topo-botaomais > img{
								cursor:pointer;
							}
							
						.dicas-navegacao-resumo-box-conteudo{
							float:left;
							width:370px;
							height:190px;
						}
							.dicas-navegacao-resumo-box-conteudo-texto{
								float:left;
								width:370px;
								height:50px;
							}
							.dicas-navegacao-resumo-box-conteudo-texto > p{
								padding:0 10px;
								font-family: Arial, Verdana, Helvetica, sans-serif; 
								font-size: 13px;
								color: #333333;
							}
							
							.dicas-navegacao-resumo-box-conteudo-fotos{
								float:left;
								width:370px;
								height:60px;
							}
							.dicas-navegacao-resumo-box-conteudo-fotos > ul{
								width:370px;
								height:60px;
							}
							.dicas-navegacao-resumo-box-conteudo-fotos > ul > li{
								display:block;
								float:left;
								width:160px;
								height:120px;
								padding:10px;
								margin-left:0;
							}
							.dicas-navegacao-resumo-box-conteudo-fotos > ul > li:first-child{
								margin-left:5px;
							}
							
						.dicas-navegacao-resumo-box-saibamais{
							float:left;
							width:370px;
							height:30px;
							background-color:#cf171f;
						}
						.dicas-navegacao-resumo-box-saibamais > p{
							line-height:30px;
							text-align:right;
							padding-right:5px;
							font-family: Arial, Verdana, Helvetica, sans-serif; 
							font-size: 13px;
							color: #FFFFFF;
							font-weight:bold;
							cursor:pointer;
						}
						
			/*DESCRICAO*/
			.dicas-modulo-descricao{
				width:750px;
				height:300px;
			}
			.dicas-modulo-descricao > p{
				line-height:300px;
				background-color:#f7941d;
				text-align:center;
				font-family: Arial, Verdana, Helvetica, sans-serif; 
				font-size: 13px;
				color: #FFFFFF;
				font-weight:bold;
			}
			.dicas-modulo-descricao > img{
				padding:145px 354px 144px 353px;
				background-color:#f7941d;
			}
				
				.dicas-modulo-descricao-topo{
					width:750px;
					height:70px;
				}
					.dicas-modulo-descricao-topo-box{
						width:600px;
						height:70px;
						float:left;
					}
						.dicas-modulo-descricao-topo-box-setas{
							width:550px;
							height:20px;
							float:left;
						}
						.dicas-modulo-descricao-topo-box-setas a{
							display:block;
							line-height:20px;
							float:left;
							cursor:pointer;
							padding:0 20px 0 10px;
							font-family: Arial, Verdana, Helvetica, sans-serif; 
							font-size: 10px;
							color: #FFFFFF;
							font-weight:bold;
							
							background-position:right;
							background-repeat:no-repeat;
						}
						.dicas-modulo-descricao-topo-box-setas a.primeiro{
							background-image:url(../Imagens/dicas-setaprimeiro.jpg);
							background-color:#cf171f;
						}
						
						.dicas-modulo-descricao-topo-box-setas a.segundo{
							background-image:url(../Imagens/dicas-setasegundo.jpg);
							background-color:#f7941d;
						}
						
						.dicas-modulo-descricao-topo-box-setas a.terceiro{
							background-color:#ffc20f;
						}
					
						.dicas-modulo-descricao-topo-box-titulo{
							width:600px;
							height:50px;
							float:left;
						}
						.dicas-modulo-descricao-topo-box-titulo > h1{
							font-family: Arial, Verdana, Helvetica, sans-serif; 
							font-size:20px;
							color: #FFFFFF;
							line-height:50px;
							padding-left:20px;
						}
					
					.dicas-modulo-descricao-topo-botoes{
						width:150px;
						height:70px;
						float:right;
					}
					.dicas-modulo-descricao-topo-botoes > ul > li{
						display:block;
						float:left;
						width:50px;
						height:70px;
					}
					.dicas-modulo-descricao-topo-botoes > ul > li > img{
						cursor:pointer;
					}
					.dicas-modulo-descricao-topo-botoes > ul > li.margem{
						height:60px;
						padding-top:10px;
					}
						.dicas-modulo-descricao-topo-botoes-conteudo > img{
							cursor:pointer;
						}
					
				.dicas-modulo-descricao-limitador-conteudo{
					width:750px;
					height:200px;
					padding:10px 0;
					background-color:#FFFFFF;
					border-bottom:10px solid #ffc20f;
					overflow:hidden;
				}
					.dicas-modulo-descricao-conteudo{
						width:1560px;
						height:180px;
					}
					.dicas-modulo-descricao-conteudo > li{
						list-style:none;
						width:750px;
						height:200px;
						margin-right:30px;
						float:left;
					}
						.dicas-modulo-descricao-conteudo-textos{
							width:750px;
							height:200px;
							overflow:auto;
						}

						/* formatacao */
						.dicas-modulo-descricao-conteudo-textos h1{
							width:550px;
							margin:5px auto;
							font-family: Arial, Verdana, Helvetica, sans-serif; 
							font-size: 20px;
							color: #ffc20f;
							font-weight:lighter;
						}
						.dicas-modulo-descricao-conteudo-textos h2{
							width:550px;
							margin:5px auto;
							font-family: Arial, Verdana, Helvetica, sans-serif; 
							font-size: 15px;
							color: #ffc20f;
							font-weight:lighter;
						}
						.dicas-modulo-descricao-conteudo-textos p{
							width:550px;
							margin:5px auto;
							font-family: Arial, Verdana, Helvetica, sans-serif; 
							font-size: 13px;
							color: #333333;
						}
						.dicas-modulo-descricao-conteudo-textos a{
							font-family: Arial, Verdana, Helvetica, sans-serif; 
							font-size: 13px;
							color: #ffc20f;
							text-decoration:none;
						}
						.dicas-modulo-descricao-conteudo-textos ul{
							width:550px;
							margin:5px auto;
							list-style:inside;
							font-family: Arial, Verdana, Helvetica, sans-serif; 
							font-size: 13px;
							color: #333333;
						}
						/* /formatacao */

						.dicas-modulo-descricao-conteudo-textos > p{
							width:550px;
							margin:5px auto;
							font-family: Arial, Verdana, Helvetica, sans-serif; 
							font-size: 13px;
							color: #333333;
						}
						
						.dicas-modulo-descricao-conteudo-fotos{
							width:750px;
							height:200px;
							overflow:auto;
						}
						.dicas-modulo-descricao-conteudo-fotos > ul{
							width:520px;
							margin:0 auto;
						}
						.dicas-modulo-descricao-conteudo-fotos ul > li{
							display:block;
							float:left;
							width:120px;
							height:90px;
							margin:5px 5px;
						}				
						
/* fundo = #ffc20f */
/* impar = #f7941d */
/* par   = #cf171f */