@charset "utf-8";

div.blog {
	background-image: url(../img/site/fundo_blog.png);
	background-repeat: no-repeat;
	background-position: 420px top;
}

a.h1 {
	background-image: url(../img/site/title_blog.png);
	width: 315px;
	height: 84px;
	float: left;
}

div.blog p.h1 {
	height: 94px;
}

	div.blog p.h1 img {
		float: right;
		margin: 22px 10px 0px 0px;
	}

div.blog div.preview {
	width: 595px;
	height: 410px;
	overflow: hidden;
	padding-bottom: 15px;
	float: left;
}

	div.blog div.preview div {
		background: none;
		padding: 0px;
	}

	div.blog div.preview div.left {
		width: 559px;
		height: 100%;
		float: left;
		background-image: url(../img/site/blog_left.jpg);
		background-repeat: repeat-y;
		background-position: 9px top;
		overflow: hidden;
	}
	
		/*-------------- topo ----------------------------*/
		
		div.blog div.preview div.left div.top {
			width: 100%;
			height: 82px;
			padding-bottom: 10px;
			padding-left: 9px;
			position: relative;
			z-index: 0;
		}
		
			div.blog div.preview div.left div.top div.left {
				width: 200px;
				height: 100%;
				float: left;
				background-image: url(../img/site/blog_left_top_left.jpg);
				background-repeat: no-repeat;
				background-position: top left;
				background-color: #467630;
			}
			
				div.blog div.preview div.left div.top div.left h1 {
					float: left;
					width: 103px;
					text-align: center;
					font-size: 60px;
					height: 70px;
					line-height: 70px;
					color: #D9E3C8;
					border-right: 1px solid #133818;
					margin-top: 6px;
				}
				
				div.blog div.preview div.left div.top div.left h2 {
					float: left;
					width: 95px;
					text-align: center;
					font-size: 35px;
					height: 35px;
					line-height: 35px;
					color: #133818;
					margin-top: 8px;
					letter-spacing: -1px;
					padding-top: 0px;
				}
				
				div.blog div.preview div.left div.top div.left h3 {
					float: left;
					width: 95px;
					text-align: center;
					font-size: 30px;
					height: 30px;
					line-height: 30px;
					color: #133818;
					font-weight: bold;
					letter-spacing: -2px;
					text-indent: 0px;
				}
			
			div.blog div.preview div.left div.top h2 {
				padding-top: 5px;
				overflow: hidden;
			}
				
				div.blog div.preview div.left div.top h2 a {
					font-size: 25px;
					color: #FABC72;
					font-weight: normal;
					padding-left: 10px;
					line-height: 45px;
				}
				
				div.blog div.preview div.left div.top h2 a:hover {
					color: #FFFFFF;
				}
			
			div.blog div.preview div.left div.top h3 {
				font-size: 14px;
				color: #fff;
				width: auto;
				margin: 0px;
				text-align: left;
				text-indent: 10px;
				font-weight: bold;
			}
		
		/*-------------- paper ----------------------------*/
		
		div.blog div.preview div.left div.paper {
			width: 100%;
			height: 318px;
			background-image: url(../img/site/blog_paper_back.jpg);
			background-repeat: repeat-y;
			background-position: left 20px;
		}
		
			div.blog div.preview div.left div.paper div.top {
				width: 100%;
				height: 63px;
				background-image: url(../img/site/blog_paper_top.jpg);
				background-repeat: no-repeat;
				padding: 0px;
				float: left;
			}
			
			div.blog div.preview div.left div.paper div.center {
				/*width: 425px;*/
				width: 468px;
				height: 217px;
				margin: 0px 0px -32px 0px;
				padding-left: 90px;
				position: relative;
				z-index: 100;
				/*overflow: hidden;*/
				float: right;
				background-image: url(../img/site/blog_back.png);
				background-repeat: no-repeat;
				background-position: 24px top;
			}
			
				div.blog div.preview div.left div.paper div.center div.text {
					height: 198px;
				}
				
					div.blog div.preview div.left div.paper div.center div.text div.autor {
						width: 131px;
						height: 139px;
						float: right;
						background-image: url(../img/site/blog_autor.png);
						background-repeat: no-repeat;
						margin-top: -95px;
					}
					
						div.blog div.preview div.left div.paper div.center div.text div.autor div.photo {
							width: 116px;
							height: 116px;
							margin: 10px 0px 0px 10px;
							overflow: hidden;
							position: relative;
							z-index: 500;
						}
						
							div.blog div.preview div.left div.paper div.center div.text div.autor div.photo img {
								display: block;
								margin: auto;
								/*height: 100%;*/
							}
							
						div.blog div.preview div.left div.paper div.center div.text div.autor div.clip {
							width: 63px;
							height: 43px;
							background-image: url(../img/site/blog_clip.png);
							background-repeat: no-repeat;
							float: right;
							position: relative;
							z-index: 600;
							margin-top: -45px;
						}
				
					div.blog div.preview div.left div.paper div.center div.text p {
						text-indent: 20px;
						padding-right: 30px;
					}
				
				div.blog div.preview div.left div.paper div.center p {
					font-size: 12px;
					line-height: 22px;
					padding: 0px;
					margin: 0px;
					color: #7B3611;
				}
			
			div.blog div.preview div.left div.paper div.bottom {
				width: 100%;
				height: 70px;
				background-image: url(../img/site/blog_paper_bottom.jpg);
				background-repeat: no-repeat;
				position: relative;
				/*z-index: 0;*/
				float: left;
			}
			
				div.blog div.preview div.left div.paper div.bottom a {
					background-color: #7B3611;
					color: #fff;
					display: block;
					float: right;
					position: relative;
					z-index: 100;
					margin: 13px 30px 0px 0px;
					padding: 3px 6px;
					text-decoration: none;
					font-weight: bold;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
				}
				
				div.blog div.preview div.left div.paper div.bottom a:hover {
					background-color: #000;
				}
	
	div.blog div.preview div.div {
		width: 34px;
		height: 100%;
		float: left;
		background-image: url(../img/site/blog_right.png);
		background-repeat: no-repeat;
	}
	
div.blog div.autores {
	width: 340px;
	float: right;
}
	
	div.blog div.autores div.autor {
		float: left;
		width: 330px;
		padding: 0px 10px 10px 0px;
	}
	
		div.blog div.autores div.autor h5 {
			text-align: right;
			font-size: 20px;
			line-height: 40px;
		}
	
		div.blog div.autores div.autor p {
			text-align: right;
			line-height: 18px;
		}
		
		div.blog div.autores div.autor img {
			float: right;
			border: 6px solid #70BEE0;
			margin-left: 10px;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
		}

/*---------------- VIEW -----------------------------*/

div.content-blue.small p.h1 {
	height: 72px;
}

div.post {
	width: 704px;
	margin: auto;
	background-image: url(../img/site/blog_post_bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 70px;
}

	div.post div.top {
		width: 100%;
		height: 18px;
		overflow: hidden;
		background-image: url(../img/site/blog_post_top.png);
		background-repeat: no-repeat;
	}

	div.post div.center {
		width: 100%;
		background-image: url(../img/site/blog_post_center.png);
		background-repeat: repeat-y;
	}
	
		div.post div.center h1 {
			color: #FABC72;
			font-size: 32px;
			font-weight: normal;
			line-height: 32px;
			text-indent: 25px;
		}
		
		div.post div.center h4 {
			color: #FFFFFF;
			font-size: 14px;
			font-weight: bold;
			line-height: 30px;
			text-indent: 25px;
			padding-bottom: 10px;
		}
	
	div.post div.paper-top {
		width: 100%;
		height: 63px;
		background-image: url(../img/site/blog_post_paper_top.png);
		background-repeat: no-repeat;
	}
	
	div.post div.paper-center {
		width: 100%;
		background-image: url(../img/site/blog_post_paper_center.png);
		background-repeat: repeat-y;
		padding-bottom: 7px;
		display: inline-block;
	}
	
		div.post div.paper-center img {
			float: left;
			width: 270px;
			border: 7px solid #F5F8F1;
			border-top-width: 4px;
			margin: -20px 10px 0px 70px;
			padding-top: 22px;
			background-color: #F5F8F1;
			background-image: url(../img/site/blog_pre.jpg);
			background-repeat: no-repeat;
			background-position: center top;
			position: relative;
			z-index: 999;
		}
	
		div.post div.paper-center p {
			font-size: 14px;
			line-height: 22px;
			padding: 0px 90px;
			margin: 0px;
			color: #7B3611;
			text-indent: 20px;
		}

div.comments {
	width: 704px;
	margin: auto;
	background-image: url(../img/site/blog_comments_bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 23px;
}

	div.comments div.top {
		width: 100%;
		height: 18px;
		overflow: hidden;
		background-image: url(../img/site/blog_comments_top.png);
		background-repeat: no-repeat;
	}
	
	div.comments div.center {
		width: 654px;
		padding: 0px 25px 15px 25px;
		background-image: url(../img/site/blog_comments_center.png);
		background-repeat: repeat-y;
	}
	
		div.comments div.center div.no h3 {
			line-height: 40px;
			text-indent: 10px;
		}
		
		div.comments div.center div.comment {
			border-top: 2px dashed #FABC72;
			padding: 10px 0px;
		}
		
		div.comments div.center div.comment.first {
			border-top: none;
		}
			
			div.comments div.center h2 {
				font-size: 18px;
				line-height: 40px;
				color: #FABC72;
				text-decoration: underline;
			}
			
			div.comments div.center div.comment h3 {
				font-size: 14px;
				color: #fff;
			}
					
			div.comments div.center div.comment h5 {
				color: #FABC72;
				width: auto;
				font-size: 12px;
				text-align: left;
				margin: 0px;
				padding-bottom: 5px;
			}
			
			div.comments div.center div.comment p {
				color: #fff;
			}
			
		div.comments div.center form.form h2 {
			padding-bottom: 15px;
			line-height: 22px;
		}
		
		div.comments div.center form.form label {
			line-height: 25px;
			padding-top: 5px;
		}
		
		div.comments div.center form.form input.input-text,
		div.comments div.center form.form textarea {
			width: 300px;
			background-color: #361605;
			border-color: #7A4C29;
		}
		
		div.comments div.center form.form input.input-text:hover,
		div.comments div.center form.form textarea:hover,
		div.comments div.center form.form input.input-text:focus,
		div.comments div.center form.form textarea:focus {
			border-color: #FABC72;
		}
		
		div.comments div.center form.form textarea {
			height: 100px;
		}
		
		div.comments div.center form.form div.central {
			width: 400px;
			margin-left: 50px;
		}
		
		div.comments div.center form.form input.input-submit {
			margin-top: 15px;
			margin-bottom: 10px;
			background-image: url(../img/site/blog_submit.jpg);
		}
		
/*-------------------- MESSAGES ------------------------------------*/

div#flashMessage {
	background-color: #361605;
	margin: 0px 4px 10px 0px;
	padding: 10px;
}