body {
	background-color: #FFFFFF;
	line-height: 0.7em;
	color: #333;
}





body {
  font-family: 'Dancing Script', cursive;
	font-size: 32px;
}
a {

color: #333;
	text-decoration: none;
}

a:hover {

color: #999;
	text-decoration: none;
}

.titulo {
	font-size: 48px;
}

#conteudo
{
	width: 840px;
	height: 360px;
	position: relative;
	top: 50px;
	left: 50%;
	margin-left: -420px;
	text-align: center;
}


#container {
width: 840px;
position: relative;
top: 100px;
left: 50%;
margin-left: -420px;
text-align: center;
  max-width: 1200px;
}

#container2 {
height: 200px;
width: 800px;
position: relative;
top: 100px;
left: 50%;
margin-left: -400px;
text-align: center;
	max-width: 1200px;
}

.item img {
   height: 100%;
   width: 100%;
}




/* ---- isotope ---- */

.isotope {

  max-width: 840px;
}

/* clear fix */
.isotope:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .item ---- */

.item {
  float: left;
  width: 200px;
  height: 200px;
	margin-bottom: 10px;
}


.item.width2 { width: 200px; }
.item.height2 { height: 200px; }

.item:hover {
  cursor: pointer;
}

.item.gigante {
  width: 400px;
  height: 400px;
	margin-bottom: 10px;
}

#notification {
  position: fixed;
  background: black;
  opacity: 0;
  color: white;
  font-size: 16px;
  padding: 0.5em;
  right: 0;
  top: 0;
}
