* {
	margin: 0;
	padding: 0;
	
	-webkit-font-smoothing: antialiased;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@font-face {
    font-family: "KnockoutHTF29-JuniorLiteweigh";
    src: url("http://cfgallo.com/paulaepedro/Fonts/knockout-htf29-juniorliteweight-webfont.ttf") format("truetype");
	font-weight: normal;
	font-style: normal; /*menu*/

}

#popup1, #popup2, #popup3, #popup4, #popup5, #popup6 {
position: absolute;top: 5%;left: 50%; margin-left:-15%; width: 30%;height:auto; background:#2A2A27; color:#FFFFFF; cursor: hand;font:12px Verdana, Arial, Helvetica, sans-serif; line-height:18px; text-align:center; vertical-align:middle; display:none; padding:40px 30px 40px 30px; font-weight:bold; border-radius: 10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; z-index:10;}


body { margin:0px; padding:0px; font-family:"KnockoutHTF29-JuniorLiteweigh", Helvetica, "Helvetica Neue", "Helvetica Light", Verdana, "Helvetica Neue Light"; font-size:1em; -webkit-text-size-adjust: none; color:#000; text-align:center; width:100%; height:100%; overflow:auto;   }

#top {width:100%; height:39px; z-index:-2; position:absolute; top:5px; left:0; background:#D1D0CB;}
#top2 {width:100%; height:5px; z-index:-2; position:absolute; top:0; left:0; background:#2F2E2C;}
#arvore {background:#000 url(imagens/arvore.png) no-repeat; position:absolute; right:0; width:339px; height:251px; display:block; z-index:0; }



ul {list-style:none; margin:0px; padding:0px;}

#page{height:auto; min-width:1000px; display:table; padding:0px; margin:0px 0px 0px -500px; text-align:left;
	box-shadow: none;
	width: 1000px;
	position: absolute; top:0; left:50%; 
	z-index: 1;/*background:url(imagens/arvore.png) no-repeat bottom;*/ }


#page .header {width:1000px; height:174px; margin:0px 0px 0px -500px; padding:0px; position: absolute; top:0; left:50%; z-index:3;  }
/*#page .header #anuncie {width:100%; height:60px; background:#EDEFED;}*/

#page .header h1 {margin-top:10px; margin-left:5%; float:left;  width:278px; height:100px; display:block; text-indent:-3000px;  background-size: 70%; cursor:pointer; }


#page ul#menu_principal {width:100%; height:39px; background:#D1D0CB; margin:0px; padding:0px; text-align:center; z-index:5; position:absolute; top:5px; left:0;}
#page ul#menu_principal li {display:inline-block; padding:3px 5px 3px 5px; line-height:39px;  }
#page ul#menu_principal li a {display:inline-block; color:#4E4E4E; text-decoration:none; text-transform:uppercase; cursor:pointer; font-size:0.8em;}
#page ul#menu_principal li a:hover {  opacity:0.65;-moz-opacity: 0.65;filter: alpha(opacity=65); /*text-shadow: 5px 5px 5px #FFF; */}

ul#menu_principal {width:100%; height:39px; background:#D1D0CB; margin:0px; padding:0px; text-align:center; z-index:0; position:absolute; top:0; left:0;}
ul#menu_principal li {display:inline-block; padding:3px 18px 3px 18px; line-height:39px;  }
ul#menu_principal li a {display:inline-block; color:#4E4E4E; text-decoration:none; text-transform:uppercase; cursor:pointer; font-size:1em;}
ul#menu_principal li a:hover {  opacity:0.65;-moz-opacity: 0.65;filter: alpha(opacity=65); /*text-shadow: 5px 5px 5px #FFF; */}

#page #menu_rsvp {width:100%; height:300px; background:url(imagens/rsvp.png) no-repeat bottom; margin:0px; padding:0px; text-align:center; z-index:4; position:absolute; top:-198px; left:0;}
#page #menu_rsvp a#rsvp { display:block;  height:40px; width:100%;  margin-top:240px; text-indent:-5000px; overflow:hidden; outline:none; }
#page #menu_rsvp a#rsvp2 { display:block; height:40px; width:100%;  margin-top:240px; text-indent:-5000px; overflow:hidden; outline:none; background:url(imagens/bt_fechar.png) bottom;}
#page form#rsvp {width:570px; height:auto; display:block; position:absolute; top:60px; left:232px; z-index:100;  }
#page form#rsvp h3 {color:#FFF; }
#page form#rsvp fieldset {border:none; width:100%; height:auto; margin:0px; padding:5px 0px 5px 0px; }
#page form#rsvp fieldset label {width:40%; display:inline-block; float:left; margin:0px; padding:0px; color:#FFF; }
#page form#rsvp fieldset input { width:40%; display:inline-block; float:right; margin:0px; padding:5px 0px 5px 0px; background:#FFF; border:none; color:#333; }
#page form#rsvp  fieldset select { width:auto; display:inline-block; float:left; margin:0px; padding:5px 0px 5px 0px; border:none; color:#333; }
#page form#rsvp fieldset input.btn {cursor:pointer; }
#page form#rsvp  p a.close {display:none;}

#page h1 {width:213px; height:174px; position:relative; top:0; left:0; display:block; z-index:6; background: url(imagens/logo.png) no-repeat top right; text-indent:-3000px; overflow:hidden; }
#page #contagem {width:127px; height:52px; position:absolute; top:45px; right:58px; display:block; z-index:6; background: url(imagens/contagem.png) no-repeat top left; color:#fff; text-align:center; line-height:52px; }
#contagem_mobile {display:none;}
#page #foto {width:1000px; height:451px; position:absolute; top:95px; left:0; z-index:0; background:url(imagens/foto_home.jpg) no-repeat; }
#page #foto_mobile {display:none; }

#page nav#menu {display:none; }


#page .content  {width:863px; height:500px; min-height:500px; display:table; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:left; position:absolute; top:90px; left:70px; z-index:3; }
#page .content .top {width:100%; height:104px; background:url(imagens/content_top.png) no-repeat; display:block; margin:0px; padding:0px; text-align:center;}
#page .content .middle {width:100%; height:104px; background:url(imagens/content_middle.png) repeat-y; display:table; margin:0px; padding:20px 0px 0px 0px; text-align:center;}
#page .content .bottom {width:100%; height:29px; background:url(imagens/content_bottom.png) no-repeat; display:block; margin:0px; padding:0px;}

#page .content .top h2 {line-height:58px; padding-top:29px; color:#FFF; font-size:2em; }
#page .content .middle p {color:#4E4E4E; font-size:1.6em; line-height:2em; width:80%; margin-left:10%;}
#page .content .middle p a {color:#4E4E4E; font-size:1em; line-height:2em; text-decoration:none;}
#page .content .middle p a:hover {text-decoration:underline;}
#page .content .middle p a.close {color:#AD3318; font-size:0.8em; line-height:2em; text-decoration:none; cursor:pointer;}
#page .content .middle p iframe {margin:0px; padding:0px; border:none; }
#page .content .middle p img {border:none; margin:0px; padding:0px; }

#page .content .middle ul, #page .content .middle p.des {width:90%; list-style:none; margin-left:5%; display:block; }
#page .content .middle ul li {width:40%; height:auto; display:inline-block; padding:5px 4% 5px 4%; border:1px solid #ccc; text-align:center; }
#page .content .middle ul li p, #page .content .middle ul li form {width:90%; height:auto; display:inline-block; text-align:center; font-size:1em;}
#page .content .middle ul li p a {width:90%; height:auto; display:inline-block; }

#page #evento { }


/*MOBILE*/
@media (min-width: 300px) and (max-width: 736px) {
body {-webkit-text-size-adjust: auto;}
#page{height:auto; display:table; padding:0px; margin:0px 0px 0px 0px; text-align:left;
	box-shadow: none;
	width: 100%;
	min-width: 320px; text-align:center; position:absolute; top:0; left:0; background:none; min-height:none;
	}
#page h1 {width:100%; height:174px; display:block; margin:0px; padding:0px; background: url(imagens/logo.png) no-repeat center;  text-indent:-3000px; overflow:hidden; }
#page #contagem { display:none; }
#contagem_mobile {width:100%; height:52px; position:fixed; bottom:0; left:0; display:block; background:#AD3318; color:#fff; text-align:center; line-height:52px; text-align:center; display:block; }
#page #foto {display:none;}
#page #foto_mobile {width:100%; height:auto; z-index:0; background:none; display:block; }
#page #foto_mobile img { max-width:100%; border:none; margin:0px; padding:0px; }
#page .content  {width:100%; height:auto; min-height:none; display:table; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:left; position:absolute; left:0; top:174px;  }
#page .content .top {width:100%; height:104px; background:#AD3318; background-image:none; display:block; margin:0px; padding:0px; text-align:center;}
#page .content .middle {width:100%; height:104px; background:#fff; background-image:none;  display:table; margin:0px; padding:20px 0px 0px 0px; text-align:center;}
#page .content .bottom {width:100%; height:29px; background:#fff; background-image:none;  display:block; margin:0px; padding:0px;}
#page .content .middle p img {border:none; margin:0px; padding:0px; max-width:90%; }
#page .content .middle ul li {width:90%; height:auto; display:inline-block; padding:5px 4% 5px 4%; border-top:1px solid #ccc; border-left:none; border-right:none;  text-align:center; border-bottom:none;  }
#page .content .middle ul li img { max-width:90%; height:auto; border:none; text-align:center; }

#page form#rsvp {width:100%; height:auto; display:block; position:absolute; top:174px; left:0; z-index:100; background:#FFF;  }
#page form#rsvp h3 {width:100%; height:104px; background:#AD3318; background-image:none; display:block; margin:0px; padding:0px; text-align:center; line-height:58px; padding-top:29px; color:#FFF; font-size:1em; }
#page form#rsvp p a.close {color:#AD3318; font-size:0.8em; line-height:2em; text-decoration:none; cursor:pointer; display:block;}
#page form#rsvp fieldset {border:none; width:100%; height:auto; margin:0px; padding:5px 0px 5px 0px; }
#page form#rsvp fieldset label {width:80%; display:block; float:left; margin:0px 0px 0px 10%; padding:0px; color:#4E4E4E; text-align:left; }
#page form#rsvp fieldset input { width:80%; display:block; float:left; margin:0px 0px 0px 10%; padding:8px 0px 8px 0px; background:#4E4E4E; border:none; color:#fff; }
#page form#rsvp  fieldset select { width:auto; display:inline-block; float:left; margin:0px; padding:8px 0px 8px 0px; border:none; color:#4E4E4E; }
#page form#rsvp fieldset input.btn {cursor:pointer; }


#page nav
{
	display: none;
}
nav:not(.mm-menu)
{
	display: none;
}

#page ul#menu_principal, #page #menu_rsvp, #top, #top2 {display:none;} 

#page nav#menu {text-align:left; }

#page nav#menu ul {text-align:left; }
#page nav#menu ul li a {text-transform:uppercase; text-align:left; text-indent:2px; }

#hamburger
{
	box-sizing: border-box;
	display: block;
	width: 70px;
	height: 45px;
	position: fixed;
	top: 0px;
	left: 0;
	z-index: 2;
}
#hamburger:before,
#hamburger:after,
#hamburger span
{
	background: #AD3318;
	content: '';
	display: block;
	width: 30px;
	height: 5px;
	position: absolute;
	left: 0px;
}
#hamburger:before
{
	top: 10px;
}
#hamburger span
{
	top: 20px;
}
#hamburger:after
{
	top: 30px;
}

/* Hamburger animation */
#hamburger:before,
#hamburger:after,
#hamburger span
{
	-webkit-transition: none 0.5s ease 0.5s;
	transition: none 0.5s ease 0.5s;

	-webkit-transition-property: transform, top, bottom, left, opacity;
	transition-property: transform, top, bottom, left, opacity;
}
html.mm-opening #hamburger:before,
html.mm-opening #hamburger:after
{
	top: 20px;	
}
html.mm-opening #hamburger span
{
	left: -50px;
	opacity: 0;
}
html.mm-opening #hamburger:before
{
	transform: rotate( 45deg );
}
html.mm-opening #hamburger:after
{
	transform: rotate( -45deg );
}

#page #content #nossosImoveis .list .list__item
			{
				width: 100%; /* 1 items per row */
			}
}