/* CSS Document */

/* Typography */
@import url('../maio/typography.css');
a{
  text-decoration:none;
  color:#6699cc;
  white-space:nowrap;
  font-family: verdana,tahoma,arial;
  font-size: small;
}
a:hover{
  text-decoration:none;
  color:#F0F8FF;
  background:#6699cc
}

#content {
	border: 4px solid #F9F7ED;
	padding:15px 4px 15px 15px;
	margin: 50px auto;
	text-align: left;
	background:url(../maio/images/px.png);
	background: transparent url('../maio/images/opaque60.png');
}
#content {
	padding: 20px;
	color:#ffffff;
}

/*#content p {
  margin:10px 15px 0 0;
}
*/

#content p {
  font-size:1.05em;
  line-height:23px;
  margin-top:25px;
  text-align: justify;
  font-family:Arial,Verdana,Tahoma,georgia,Helvetica,sans-serif;
}

ul.column{
	width: 100%;
	padding: 0;
	margin:15px auto;
	list-style: none;
}
ul.column li {
	float: left;
	width: 180px;
	padding: 0;
	margin: 0 0 10px 0;
	display: inline;
}
.block {
	min-height: 150px;
	padding: 0;
}
div.photograph {
  margin:0 auto;
  -moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
}
img {
	border:0px;
}
/*a {
	color:#0066cb;
	text-decoration:none;
}
a:hover {
	color:#474848;
	text-decoration:underline;
}*/
a img {
	border:0px;
}
#gallerywrapper {
	width:100%;
	margin:15px auto 0 auto;
	border:0;
}
.page {
	width:100%;
	margin:0 auto;
}
#gallerycontent {
	width:100%;
	padding:0;
	overflow:hidden;
}
.clear {
	clear:both;
	padding:0;
	margin:0;
}
.item {
	padding:5px 15px 5px 15px;
	width:150px;
	float:left;
	margin:0 15px 15px 0;
	background:#ffffff;
	border:1px solid #e5e5e5;
}
.item h2 {
	font-size:small;
	margin:0 0 3px 0;
	padding:0;
}
/*
.item p {
	margin:0 0 4px 0;
	border:#e5e5e5 1px solid;
}*/
.item2 {
	padding:5px 15px 5px 15px;
	width:150px;
	float:left;
	margin:0 15px 15px 0;
	background:#ebf3fb;
	border:1px solid #cce0f5;
}
.item2 h2 {
	font-size:small;
	margin:0 0 3px 0;
	padding:0;
	/*color:#fff;*/
}
/*.item2 h2 a {
	color:#474848;
	text-decoration:none;
}
.item2 h2 a:hover {
	color:#0066cb;
	text-decoration:none;
}
.item2 p {
	margin:0 0 4px 0;
	border:0;
}*/
.Nav {
	margin:0 0 20px 0;
	padding:10px 0 0 0;
	color:#838383;
	text-align: center;
}
.Nav a {
	padding:4px 8px 4px 8px;
	background:#fff;
	border:1px solid #e5e5e5;
	color:#838383;
	font-size:10px;
	margin:0 5px 0 0;
}
.Nav a:hover {
	padding:4px 8px 4px 8px;
	border:1px solid #0066cb;
	color:#0066cb;
	text-decoration:none;
	font-size:10px;
	margin:0 5px 0 0;
}
.Nav .on {
	padding:4px 8px 4px 8px;
	border:1px solid #0066cb;
	color:#0066cb;
	font-size:10px;
	margin:0 5px 0 0;
}
.Nav span {
	padding:4px 8px 4px 8px;
	border:1px solid #e5e5e5;
	font-size:10px;
	margin:0 5px 0 0;
}
.post-ratings span {
	float:right;
	font-size:11px;
	padding:3px 0 0 0;
}
.boxgrid{
  width: 152px;
  height: 80px;
  margin:0;
  float:left;
  font-size: 1em;
  background:#161613;
  border: 0;/*solid 2px #8399AF;*/
  overflow: hidden;
  position: relative;
}
.boxgrid img{
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #aaa;
}
.boxgrid p{
  padding: 0 0 0 4px;
  color:#afafaf;
  font-weight:bold;
  font:10pt tahoma,"Lucida Grande", Arial, sans-serif;
  font-size: x-small;
}
.boxgrid h3{
  font-size: small;
  margin: 4px 4px 0 4px;
  color:#FFF;
  font-family: Verdana, Arial, sans-serif;
  letter-spacing:-1px;
  font-weight: normal;
  text-align:left;
}
h3 a {}

a.btn {
	display: block; width: 75%; height: 35px; padding: 25px 0 0 0; margin: 0 auto;

	background: #398525; /* old browsers */
	background: -moz-linear-gradient(top, #8DD297 0%, #398525 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8DD297), color-stop(100%,#398525)); /* webkit */

	box-shadow: inset 0px 0px 6px #fff;
	-webkit-box-shadow: inset 0px 0px 6px #fff;
	border: 1px solid #5ea617;
	border-radius: 10px;

	font: bold 18px/7px Helvetica, Sans-Serif;
  text-align: center;
	text-transform: capitalize;
  font-variant: small-caps;
  text-decoration: none;
	color: #147032;
	text-shadow: 0px 1px 2px #b4d1ad;
  margin-bottom: 35px;

	-moz-transition: color 0.25s ease-in-out;
	-webkit-transition: color 0.25s ease-in-out;
	transition: color 0.25s ease-in-out;
}

a.btn:hover {
	color: #145675;

	-moz-transition: color 0.25s ease-in-out;
	-webkit-transition: color 0.25s ease-in-out;
	transition: color 0.25s ease-in-out;
}

.opaquemenubg{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  /* IE 8 */
  filter: alpha(opacity=50);  /* IE 5-7 */
  -moz-opacity: 0.50;  /* Netscape */
  -khtml-opacity: 0.50;  /* Safari 1.x */
  opacity: 0.50;  /* Good browsers */
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
  background: #ffffff;
}