/*BLOG*/
#blog2 {top: 70px; position: relative; left: 0; z-index: 199; display: block; width: 100%; height: auto; min-height: auto; }
#blog2 h1 { width: 45%; float: left; font-family: Arial; font-weight: bold; font-size: 18px; color:#029dec; margin: 50px 169px 20px; text-align: left; }
#blog2 h2 { width: 240px; float: right; font-family: Arial; font-weight: bold; font-size: 18px; color:#029dec; margin: 50px 100px 20px 0px; text-align: left; }
#blog2 .opcoes{width: 240px; height: auto; z-index: 1999; position: relative; margin-top: 5px;}
#blog2 .voltar {float: left; margin: 30px 0 0 -6px; height: 30px; width: 30px; background-color: #029dec; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#blog2 .voltar img { margin: 3px 0px 0px 5px;}
#blog2 .opcoes ul{list-style: none;}
#blog2 .opcoes ul li { cursor: pointer; list-style: none; float: left; background-color: #683B51; width: 210px; height: 16px; margin-bottom: 1px; font-family: Arial; font-size: 12px; color:#FFFFFF; text-align: center; font-weight:bold; padding: 10px 15px;}
#blog2 .opcoes ul li.ativo, #blog2 .opcoes ul li.ativo:hover { list-style: none; float: left; background-color: #977684; width: 210px; height: 16px; margin-right: 5px; font-family: Arial; font-size: 12px; color:#FFFFFF; text-align: center; font-weight:bold; padding: 10px 15px;}
#blog2 .opcoes ul li:hover { background-color: #977684; color:#FFFFFF; }
#blog2 .faces {height: auto; width: 240px; padding-bottom: 50px; z-index: 2500; position: relative; margin-top: 30px; margin-bottom: 50px;}

#blog2 .listagem { width: 750px; float: left; height: auto; margin: 5px 0px 0px 0px; padding-bottom: 180px; -moz-column-count: 0; -moz-column-gap: 0; -webkit-column-count: 0; -webkit-column-gap: 0; column-count: 0; column-gap: 0; margin-left: 0; }
#blog2 .listagem li { overflow: hidden; display: inline-block; margin: 0; position: relative; text-align: center; width: 100%; color:#707070; background-color: #e7e7e7; border-bottom: 4px solid #e7e7e7; }
#blog2 .listagem li img { width:250px;  margin: 8px 8px 8px 8px;  float:left; }
#blog2 .listagem li img:hover { margin: 8px 8px 4px 8px; opacity:0.65; -moz-opacity: 0.65; filter: alpha(opacity=65); }
#blog2 .listagem li .back{ width:100%; height:auto; font-family: Arial; font-weight: bold; font-size: 14px; color: #683B51; letter-spacing: -1px; text-align: left; text-transform: uppercase; line-height: 15px; padding: 6px 12px;  }
#blog2 .listagem li .back span { color: #767676; font-size: 10px; letter-spacing:0px; }
#blog2 .listagem li .back p { color: #767676; font-size: 12px; line-height:18px; letter-spacing:0px; text-transform:none; font-weight:normal; padding:5px 0px; }
#blog2 .listagem li:hover { cursor: pointer; border-bottom: 4px solid #977684; }
#blog2 .fecha { cursor: pointer; width: 50px; height: 45px; color: #ffffff; background-color: #029dec; text-align: center; font-size: 30px; line-height: 44px; font-family: Arial; position: fixed; top: 110px; right: 0; z-index: 1999; }

#blog2 .recebeblog { width: 750px; float: left; height: auto; padding: 0px 0px 50px 0px; z-index: 1999; }
#blog2 .recebeblog .faceb {float: right; width: 153px;}
#blog2 .recebeblog h1 { width: 100%; font-size: 36px; line-height: 40px; font-family: Arial; letter-spacing: -2px; color: #683B51; padding: 10px 0px 5px 0px; margin: 0; }
#blog2 .recebeblog h2 { width: 52%; float: left; font-size: 14px; line-height: 16px; font-family: Arial; color: #161616; padding-bottom: 15px; margin: 0 ; }
#blog2 .recebeblog .curtas { width: 100%; height: 30px; position: relative; clear: both; }
#blog2 .recebeblog p { font-family: Arial; font-size: 14px; line-height:19px; color: #868080; text-align: justify; max-width: 100%; margin-right: 10px; }
#blog2 .recebeblog img { max-width: 50%; margin: 8px 0px; float: left; padding-right: 15px; }
#blog2 .recebeblog img:hover { margin: 8px 0px; opacity: 1.0; -moz-opacity: 1.00; filter: alpha(opacity=100); }

#blog2 .recebeblog #areadetrabalho { padding-bottom: 80px; float: left; width: 750px; height: auto; position: relative; }
#blog2 .recebeblog #areadetrabalho .listagem2 { float: left; height: auto; margin: 50px 0px 0px 0px; -moz-column-count: 4; -moz-column-gap: 0; -webkit-column-count: 4; -webkit-column-gap: 0; -webkit-column-width: 246px; column-count: 4; column-gap: 0; margin-left: 0; }
#blog2 .recebeblog #areadetrabalho .listagem2 li { overflow: hidden; display: inline-block; margin: 0 10px; position: relative; text-align: center; width: 246px; color:#707070; background-color: #e7e7e7; border-bottom: 4px solid #e7e7e7; }
#blog2 .recebeblog #areadetrabalho .listagem2 li img { margin: 8px 8px; width: 230px; padding-right: 0px; }
#blog2 .recebeblog #areadetrabalho .listagem2 li img:hover { margin: 8px 8px; padding-right: 0px; opacity:0.65; -moz-opacity: 0.65; filter: alpha(opacity=65); }
#blog2 .recebeblog #areadetrabalho .listagem2 li .back{ width:222px; height:auto; font-family: Arial; font-weight: bold; font-size: 14px; color: #683B51; letter-spacing: -1px; text-align: left; text-transform: uppercase; line-height: 15px; padding: 6px 12px; }
#blog2 .recebeblog #areadetrabalho .listagem2 li .back span { color: #767676; font-size: 10px; }
#blog2 .recebeblog #areadetrabalho .listagem2 li:hover { cursor: pointer; border-bottom: 4px solid #977684; }

#blog2 .cts { color: #029dec; font-family: Arial; font-weight: bold; font-size: 14px; }

.pt1{float: left; width: 750px;}
.pt2{float: right;}

.menublog{width: 38px; height: 34px; float: right; background: url(../imagens/menuativo.png) no-repeat; margin-top: 45px; display: none; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.menublog:hover{background: url(../imagens/menublogativo.png) no-repeat;}

#btn-dinamic span{display: none; width: 1px; height: 1px;}
/*BLOG*/
@media screen and (max-width: 980px) {
	.pt1{float: left; width: 500px;}
	#blog2 .listagem { width: 500px; float: left; height: auto; margin: 5px 0px 0px 0px; padding-bottom: 180px; -moz-column-count: 2; -moz-column-gap: 0; -webkit-column-count: 2; -webkit-column-gap: 0; column-count: 2; column-gap: 0; margin-left: 0; }	
	.pt2{float: right; width: 200px;}
	#blog2 .opcoes{width: 200px;}
	#blog2 .opcoes ul li {width: 170px; height: 16px; padding: 10px 15px;}
	#blog2 .opcoes ul li.ativo, #blog2 .opcoes ul li.ativo:hover {width: 170px;}

	#blog2 .recebeblog { width: 500px; float: left; height: auto; padding: 0px 0px 50px 0px; z-index: 1999; }
	#blog2 .recebeblog #areadetrabalho{width: 500px;}
	#blog2 .recebeblog #areadetrabalho .listagem2{-moz-column-count:3; -moz-column-gap: 0; -webkit-column-count: 3; -webkit-column-gap: 0; -webkit-column-width: 246px; column-count: 3; column-gap: 0;}

}	
@media screen and (max-width: 640px) {
	.pt1{float: left; width: 300px;}
	#blog2 .listagem { width: 300px; float: left; height: auto; margin: 5px 0px 0px 0px; padding-bottom: 180px; -moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-gap: 0; column-count: 1; column-gap: 0; margin-left: 0; }	
	.pt2{float: right; width: 200px;}
	#blog2 .opcoes{width: 200px;}
	#blog2 .opcoes ul li {width: 170px; height: 16px; padding: 10px 15px;}
	#blog2 .opcoes ul li.ativo, #blog2 .opcoes ul li.ativo:hover {width: 170px;}

	#blog2 .recebeblog { width: 300px; float: left; height: auto; padding: 0px 0px 50px 0px; z-index: 1999; background-color: #ffffff; }
	#blog2 .recebeblog #areadetrabalho {width: 300px;}
	#blog2 .recebeblog #areadetrabalho .listagem2{-moz-column-count:2; -moz-column-gap: 0; -webkit-column-count: 2; -webkit-column-gap: 0; -webkit-column-width: 246px; column-count: 2; column-gap: 0;}
}
@media screen and (max-width: 480px) {
	.pt1{float: left; width: 300px;}
	.pt2{float: left; width: 100%;}

	#blog2 .listagem { width: 250px; left: 50%; margin-left: -125px; position: relative; -moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-gap: 0; column-count: 1; column-gap: 0;}	

	#blog2 .opcoes{width: 100%;}
	#blog2 .opcoes ul{display: none;}
	#blog2 .opcoes ul li {width: 100%; padding: 10px 0px;}
	#blog2 .opcoes ul li.ativo, #blog2 .opcoes ul li.ativo:hover {width: 100%; padding: 10px 0px;}

	#blog2 .faces {display: none;}

	#blog2 .recebeblog { width: 300px; float: left; height: auto; padding: 0px 0px 50px 0px; z-index: 1999; }
	#blog2 .recebeblog #areadetrabalho {width: 300px;}
	#blog2 .recebeblog #areadetrabalho .listagem2{width: 260px; left: 50%; margin-left: -130px; position: relative; -moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-gap: 0; -webkit-column-width: 246px; column-count: 1; column-gap: 0;}

	.menublog{display: block;}

	#blog2 .recebeblog h2 {width: 100%; margin-top: 10px;}
	#blog2 .recebeblog img {max-width: 100%}
}