﻿body,html{
    margin:0px;
    padding:0px;
}
body{
    background-color:#DDD;	

}
.wrapper{
    max-width:1200px;
    width:100%;
    background-color:white;
    margin:auto;
    margin-top:20px;
}

/* begin Box, Block */
.Block {
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:3px;
	min-height:3px;
}
.Block-body {
	position: relative;
	z-index:1;
	padding: 5px;
}
.Block-tr, .Block-tl, .Block-br, .Block-bl, .Block-tc, .Block-bc, .Block-cr, .Block-cl {
	position:absolute;
	z-index:-1;
}
.Block-tr, .Block-tl, .Block-br, .Block-bl {
	width: 2px;
	height: 2px;
	background-image: url('../_img/Block-s.png');
}
.Block-tl {
	top:0;
	left:0;
	clip: rect(auto, 1px, 1px, auto);
}
.Block-tr {
	top: 0;
	right: 0;
	clip: rect(auto, auto, 1px, 1px);
}
.Block-bl {
	bottom: 0;
	left: 0;
	clip: rect(1px, 1px, auto, auto);
}
.Block-br {
	bottom: 0;
	right: 0;
	clip: rect(1px, auto, auto, 1px);
}
.Block-tc, .Block-bc {
	left: 1px;
	right: 1px;
	height: 2px;
	background-image: url('../_img/Block-h.png');
}
.Block-tc {
	top: 0;
	clip: rect(auto, auto, 1px, auto);
}
.Block-bc {
	bottom: 0;
	clip: rect(1px, auto, auto, auto);
}
.Block-cr, .Block-cl {
	top: 1px;
	bottom: 1px;
	width: 2px;
	background-image: url('../_img/Block-v.png');
}
.Block-cr {
	right:0;
	clip: rect(auto, auto, auto, 1px);
}
.Block-cl {
	left:0;
	clip: rect(auto, 1px, auto, auto);
}
.Block-cc {
	position:absolute;
	z-index:-1;
	top: 1px;
	left: 1px;
	right: 1px;
	bottom: 1px;
	background-color:white;
}
.Block {
	margin: 7px;
}
/* end Box, Block */

/* begin BlockHeader */
.BlockHeader {
	position:relative;
	z-index:0;
	height: 30px;
	padding: 0 7px;
	margin-bottom: 7px;
}
.BlockHeader .t {
	height: 30px;
	color: #fff;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	white-space : nowrap;
	padding: 0 7px;
	line-height: 30px;
}
.BlockHeader .l, .BlockHeader .r {
	display:block;
	position:absolute;
	z-index:-1;
	height: 30px;
	background-image: url('../_img/BlockHeader.png');
}
.BlockHeader .l {
	left:0;
	right:0px;
}
.BlockHeader .r {
	width:894px;
	right:0;
	clip: rect(auto, auto, auto, 894px);
}
.header-tag-icon {
	display:inline-block;
	background-position:left top;
	background-image: url('../_img/BlockHeaderIcon.png');
	padding:0 0 0 2px;
	background-repeat: no-repeat;
	min-height: 10px;
	margin: 0 0 0 5px;
}
/* end BlockHeader */

/* begin Box, BlockContent */
.BlockContent {
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:3px;
	min-height:3px;
}
.BlockContent-body {
	position: relative;
	z-index:1;
	padding: 8px;
}
.BlockContent-tr, .BlockContent-tl, .BlockContent-br, .BlockContent-bl, .BlockContent-tc, .BlockContent-bc, .BlockContent-cr, .BlockContent-cl {
	position:absolute;
	z-index:-1;
}

.BlockContent-tl {
	top:0;
	left:0;
	clip: rect(auto, 1px, 1px, auto);
}
.BlockContent-tr {
	top: 0;
	right: 0;
	clip: rect(auto, auto, 1px, 1px);
}
.BlockContent-bl {
	bottom: 0;
	left: 0;
	clip: rect(1px, 1px, auto, auto);
}
.BlockContent-br {
	bottom: 0;
	right: 0;
	clip: rect(1px, auto, auto, 1px);
}
.BlockContent-tc, .BlockContent-bc {
	left: 1px;
	right: 1px;
	height: 2px;
	background-image: url('../_img/BlockContent-h.png');
}
.BlockContent-tc {
	top: 0;
	clip: rect(auto, auto, 1px, auto);
}
.BlockContent-bc {
	bottom: 0;
	clip: rect(1px, auto, auto, auto);
}
.BlockContent-cr, .BlockContent-cl {
	top: 1px;
	bottom: 1px;
	width: 2px;
	background-image: url('../_img/BlockContent-v.png');
}
.BlockContent-cr {
	right:0;
	clip: rect(auto, auto, auto, 1px);
}
.BlockContent-cl {
	left:0;
	clip: rect(auto, 1px, auto, auto);
}
.BlockContent-cc {
	position:absolute;
	z-index:-1;
	top: 1px;
	left: 1px;
	right: 1px;
	bottom: 1px;
	background-color: #DBE2D0;
}
.BlockContent-body {
	color:#20211C;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}
.BlockContent-body a:link {
	color: #668019;
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
}
.BlockContent-body a:visited, .BlockContent-body a.visited {
	color: #4F5247;
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
}
.BlockContent-body a:hover, .BlockContent-body a.hover {
	color: #505F3A;
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: none;
}
.BlockContent-body ul {
	list-style-type: none;
	color: #42443B;
	margin:0;
	padding:0;
}
.BlockContent-body li {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	text-decoration: none;
}

/* end Box, BlockContent */

@media only screen and (max-width: 1200px) {
	.wrapper{
		margin-top:0px;
		padding:0px 10px;
		box-sizing:border-box;
	}
}

/* O código abaixo serve exclusivamente para o slider */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
	
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; text-align:center; border:0px solid #ccc;}
.span_2_of_3 { width: 74%;  height: 710px; overflow:auto; border:1px solid #ccc;}
.span_1_of_3 { width: 25%; height: 700px; border:0px solid #ccc;}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}

#barraFacebook {	
width:100%;
height:100%;
clear:both;
}

#footer {
	clear: both;
}