/* ==============================
Project Name: 
Description: 
Slicer: 
Designer: 
===============================*/

//============================ Colors
@bg: #fff;
@links: #990000;

//============================ Libraries
@import "libs/css3";
@import "libs/noGrid";
@import "libs/grid";

//============================ Code

a{
	color: #e96e00;

	&:hover{
		text-decoration: underline;
	}
}

header{
	background: #fcfbf6;

	section{
		.container();
		height: 80px;
		padding: 10px 0;

		h1{
			float: left;

			a{
				outline: none;
			}
		}
	}

	nav{
		background: url(imgs/bgMenu.gif) repeat-x;
		border-bottom: 5px solid #28221e;
		height: 40px;

		#categorias{
			float: left;
			width: 845px;
			overflow: hidden;

			li{
				a{
					cursor: pointer;

					&:hover{
						background: #e96e00;
						.corners(30px);
						cursor: pointer;
						text-decoration: none;
					}
				}
			}
		}

		ul{
			height: 40px;
			margin-top: -10px;

			li{
				float: left;
				display: inline;
				height: 30px;
				padding: 8px 0;

				a{
					color: #b9b1ae;
					padding: 5px 8px;
					font-size: 12px;
					float: left;
					outline: none;

					&:hover{
						color: #fff;
						text-decoration: none;
					}					
				}				
			}
		}

		.todosCanais{
			float: right;
			margin-top: -9px;

			#canais{
				padding: 13px 0 0 2px;
			}

			a{
				background: #584d47 url(imgs/setaCanais.gif) no-repeat 70px -6px;
				width: 100px;
				height: 32px;
				margin-top: -9px;
				text-indent: 20px;
				
				&:hover{
					background: #fcb040 url(imgs/setaCanais.gif) no-repeat 70px 20px;
					color: #3a312c;
				}	
			}
			
			ul{
				position: absolute;
				top: 154px;
				width: 970px;
				height: 226px;
				left: 50%;
				margin-left: -480px;
				border-top: 5px solid #fcb040;
				background: #3a312c;
				display: none;
				padding-top: 10px;
				z-index: 999;

				li{
					background: #3a312c;
					display: inline;
					float: left;
					margin-bottom: -10px;
					margin-left: 10px;

					a{
						width: 228px;
						background: #3a312c;
						padding: 7px 0 0 3px;
						text-align: left;
						text-indent: 10px;
						height: 25px;
						float: left;

						&:hover{
							background: #e96e00;
							color: #fff;
							.corners(30px);
							cursor: pointer;
						}
					}
				}
			}		
		}

		.iconInicial{
			a{
				background: url(imgs/iconInicial.gif) no-repeat 10px 8px;
				text-indent: -9000px;
				height: 18px;
				width: 18px;
				float: left;

				&:hover{
					background: #28221e url(imgs/iconInicial.gif) no-repeat 10px 8px !important;
				}	
			}
		}
	}

	#filtro{
		background: url(imgs/bgFiltro.gif) repeat-x;
		height: 40px;
		margin-bottom: 20px;

		p{
			font-size: 12px;
			color: #3a312c;
			margin: 2px 20px 0 0;
			float: left;
			font-weight: bold;
		}

		.select{
			float: left;
			margin: -4px 0 0 10px;
			
			li{
				border: 1px solid #dfdfce;
				background: #fff url(imgs/setaSelect.gif) no-repeat 95% 10px;				
				color: #5d534e;
				.corners(2px);
				width: 185px;
				padding: 5px;			

				a{ 
					color: #736862;
					font-size: 11px;
				}
			}

			ul{
				position: absolute;
				z-index: 400;
				.corner(0, 3px);
				margin: 6px 0 0 -6px;
				width: 197px;
				display: none;
				height: 391px;
				overflow: auto;
				overflow-x: hidden;


				li{
					float: left;
					clear: both;
					border: none !important;
					padding: 0;
					.corners(0);
					width: 160px;

					a{
						width: 183px;
						float: left;
						padding: 6px;
						background: #fff;
						border-bottom: 1px solid #eee !important;
						border-left: 1px solid #dfdfce !important;
						border-right: 1px solid #dfdfce !important;
						.animate;

						&:hover{
							background: #f5f5f5;
							color: #000;
						}
					}
				}
			}
		}
	}

	#searchBox{
		float: right;
		width: 260px;

		#btSearch{
			float: right;
			width: 40px;
			height: 32px;
			margin: -1px 0 0 -30px;
			background: #FCB040;
			border: 1px solid #FCB040;
			color: #fff;
			font-size: 11px;
		}

		#s{
			width: 170px;
		}

		a{
			color: #756e6a;
			font-weight: bold;
			font-size: 12px;
			.animate;

			&:hover{
				color: #fcb040;
				text-decoration: none !important;
			}

			b{
				color: #b5b1af;
				font-weight: bold;
			}

			img{
				margin-bottom: -3px;
			}
		}

		.iconRSS{
			margin-right: 20px;
		}

		span{
			height: 30px;
			width: 255px;
			float: right;
			background: #fff url(imgs/lupa.gif) no-repeat 5px;
			border: 1px solid #e6e4d8;
			.corners(2px);
			.glow(4px, 0, #f8f7ee);
			margin-top: 20px;
		}

		input{
			border: none;
			margin-left: 30px;
			padding: 6px;
			width: 205px;
			outline: none;
			font-size: 14px;
			font-weight: bold;
			color: #999;
			height: 15px;
		}
	}
}

#content{
	.container();
	display: table;

	h3{
		font-family: 'Open Sans Light', Arial, sans-serif;
		font-size: 24px;
		letter-spacing: -1px;
		color: #3a312c;
		padding: 15px 0;
	}

	#interna{
		width: 590px;
		float: left;

		

		.editor{
			border: 1px solid #ddd;
			clear: both;
			display: block;
			float: left;
			width: 100%;
			margin-bottom: 20px;
			padding: 20px;

			.editor_name{
				font-size: 18px;
				font-weight: bold;
			}

			.editor_photo{
				height: 80px;
				width: 80px;
				border: 1px solid #ddd;
				padding: 5px;
				margin-right: 20px;
				float: left;
			}

			p{
				margin: 0;
			}
		}

		

		p{
			font-size: 14px;
			color: #333;
			line-height: 22px;
			margin-bottom: 20px;

			a{
				font-weight: bold;
				color: #ff7520;
			}

			strong{
				font-weight: bold;
			}
		}

		h2{
			font-size: 36px;
			font-weight: bold;
			letter-spacing: -2px;
			line-height: 34px;
			margin: -20px 0 20px 0;
			color: #3a312c;
		}
		
		h4{
			font-size: 20px;
			letter-spacing: -1px;
			border-top: 1px solid #ddd;
			padding-top: 30px;
			margin-top: 30px;
			line-height: 24px;
		}	

		#outrasNoticias{
			margin-bottom: 30px;

			a{
				border-left: 1px solid #ddd;
				padding-left: 8px;
				margin-left: 8px;

				&:hover{
					text-decoration: underline;
				}
			}

			ul{
				li{
					font-size: 12px;
					color: #999;
					background: url(imgs/marcadorLaranja.gif) no-repeat left 6px;
					padding-left: 10px;
					margin-bottom: 5px;
				}
			}
		}
	}

	#breadcrumbs{
		border-bottom: 1px solid #ddd;
		padding-bottom: 10px;
		margin-bottom: 30px;
		
		a{
			background: url(imgs/marcadorLaranja.gif) no-repeat left 5px;
			color: #999 !important;
			padding: 0 8px;

			&:hover{
				color: #ff7520 !important;
				text-decoration: underline;
			}
		}

		.inicial{
			background: none;
			padding: 0;
			margin-right: 3px;
		}
	}

	#paginacao{
		border-top: 1px solid #ddd;
		margin-top: 20px;
		padding-top: 30px;
		float: left;
		width: 100%;

		#navAnterior{
			float: left;
			font-size: 14px;
			margin-right: 365px;
			padding: 8px 12px;
			border: 1px solid #fff;

			&:hover{
				border: 1px solid #ddd;
				.corners(3px);
				text-decoration: none;
			}
		}

		#navProximo{
			float: right;
			font-size: 14px;
			padding: 8px 12px;
			border: 1px solid #fff;

			&:hover{
				border: 1px solid #ddd;
				.corners(3px);
				text-decoration: none;
			}
		}


		ul{
			float: left;

			li{
				float: left;
				display: inline;
				margin: 0 1px;				

				a{
					padding: 6px 10px;
					border: 1px solid #eee;
					.corners(2px);
					font-size: 14px;
					color: #999;

					&:hover{
						background: #ffb131;
						border: 1px solid #ffb131;
						color: #fff;
					}
				}

				.atual{
					font-size: 25px;
					padding: 2px 10px;
					color: #999;
				}
			}
		}
	}

	.listagemNoticias{
		float: left;
		margin-top: 10px;

		p{
			margin: 0 !important;
			color: #666 !important;
		}

		div{
			padding: 0;
		}

		.data{
			margin: 0 !important;
		}

		a{
			font-size: 18px;

			&:hover{
				text-decoration: underline;
			}

			img{
				float: left;
				margin: 0 20px 100px 0;
				background: #999;

				&:hover{
					border: 5px solid #ff7520;
					margin: -5px 15px 95px -5px;
				}
			}
		}

		.url{
			font-size: 11px;
			color: #999;
			margin: 5px 0 10px 0;
			float: left;
			display: block;
			width: 78%;
		}

		.ratting{
			margin: 0 0 10px 0;
			color: #999;
			font-size: 11px;
			height: 30px;
			float: left;
		}
	}

	aside{
		width: 300px;
		float: right;

		.adsense{
			border: 1px solid #eee;
			padding: 30px;
		}

		.boxCategoria{
			margin-left: 0;
			width: 272px;
			padding: 15px 30px 10px 30px;
		}

		.noticiaRelacionada{
			float: left;
			width: 100%;
			margin-bottom: 20px;

			a{
				font-size: 15px;
				font-weight: bold;
				letter-spacing: -0,9px;

				&:hover{
					text-decoration: underline;
				}

				img{
					float: left;
					margin-right: 15px;

					&:hover{
						border: 5px solid #ff7520;
						margin: -5px 10px -5px -5px;
					}
				}
			}

			p{
				color: #999;
			}
		}
	}

	section{
		h4{
			margin-bottom: 10px;

			a{
				background: url(imgs/setaCategorias.gif) no-repeat right 5px;
				padding-right: 20px;
				font-size: 14px;
				letter-spacing: -1px;
				font-weight: bold;
				font-family: 'Open Sans', Arial, sans-serif;
				color: #000;
				.animate;

				&:hover{
					color: #fcb040;
				}
			}
		}
	}

	.boxCategoria{
		padding: 24px;
		width: 175px;
		margin: 10px;
		height: 255px;
		min-height: 240px;
		border: 1px solid #ddd;
		display: table;
		float: left;
		.animate;

		&:hover{
			.glow(4px, 0, #ddd);
			border: 1px solid #ddd;
		}

		.noticiaDestaque{
			.crop{
				width: 170px;
				height: 120px;
				overflow: hidden;
				float: left;
				margin-bottom: 10px;
			}

			a{
				font-size: 14px;
				font-weight: bold;
				color: #e96e00;
				lin

				img{
					margin-bottom: 5px;

					&:hover{
						.opacity(0.8);
					}
				}
			}
		}

		.noticiasSecundarias{
			border-top: 1px solid #eee;
			padding-top: 10px;
			margin-top: 10px;

			a{
				background: url(imgs/marcadorLaranja.gif) no-repeat 0 5px;
				padding-left: 10px;
				height: 15px;
				float: left;
				color: #666;
				overflow: hidden;

				&:hover{
					color: #e96e00;
				}
			}
		}
	}

	.halfBanner{
		float: left;
		margin: 8px;
		height: 90px;
		width: 310px;
	}
	
}

footer{
	background: #3a312c;
	clear: both;
	margin-top: 60px;
	padding: 30px 0;
	height: 240px;
	border-top: 3px solid #fcb040;

	section{
		.container();

		#categorias{
			float: left;
			width: 700px;
		}

		#institucional{
			float: right;
			width: 220px;

			.addthis_toolbox{
				margin-top: 20px !important;
				float: left;
			}
		}		

		h4{
			color: #fff;
			font-family: 'Open Sans Light', Arial, sans-serif;
			font-size: 24px;
			margin-bottom: 20px;
			letter-spacing: -1px;
		}

		a{
			width: 220px;
			float: left;
			color: #908a87;
			padding: 2px 0;

			&:hover{
				color: #fcb040;
			}
		}
	}
}

#assinatura{
	background: #fff;
	.container();
	padding: 10px 0;
	text-align: center;

	p{
		text-align: center;
		color: #999;
		font-size: 12px;
		clear: both;
	}
}