@font-face {
    font-family: 'zwo_w-8regular';
    src: url('../fonts/zwo-w-8-webfont.eot');
    src: url('../fonts/zwo-w-8-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/zwo-w-8-webfont.woff') format('woff'),
         url('../fonts/zwo-w-8-webfont.ttf') format('truetype'),
         url('../fonts/zwo-w-8-webfont.svg#zwo_w-8regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'zwo_w-7regular';
    src: url('zwo-w-7-webfont.eot');
    src: url('../fonts/zwo-w-7-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/zwo-w-7-webfont.woff') format('woff'),
         url('../fonts/zwo-w-7-webfont.ttf') format('truetype'),
         url('../fonts/zwo-w-7-webfont.svg#zwo_w-7regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'zwo_w-6regular';
    src: url('../fonts/zwo-w-6-webfont.eot');
    src: url('../fonts/zwo-w-6-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/zwo-w-6-webfont.woff') format('woff'),
         url('../fonts/zwo-w-6-webfont.ttf') format('truetype'),
         url('../fonts/zwo-w-6-webfont.svg#zwo_w-6regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'zwo_w-4regular';
    src: url('../fonts/zwo-w-4-webfont.eot');
    src: url('../fonts/zwo-w-4-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/zwo-w-4-webfont.woff') format('woff'),
         url('../fonts/zwo-w-4-webfont.ttf') format('truetype'),
         url('../fonts/zwo-w-4-webfont.svg#zwo_w-4regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'museo700';
    src: url('../fonts/museo700-regular-webfont.eot');
    src: url('../fonts/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museo700-regular-webfont.woff') format('woff'),
         url('../fonts/museo700-regular-webfont.ttf') format('truetype'),
         url('../fonts/museo700-regular-webfont.svg#museo700') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*CSS GERAL*/
.clear{
	clear: both;
}
.content{
	margin: 0 auto;
	width: 960px;
	position: relative;
}
body{
	background: url('../images/bg-geral.png') center top no-repeat #255764;
	color: #fefefe;
}
body.home{
	background: url('../images/bg-geral-home.png') center top no-repeat #255764;
	color: #fefefe;
}
/*CSS HEADER*/
h1{
	margin-top: 30px;
}
.redes-sociais{
	float: right;
	margin-top: -228px;
	}
.redes-sociais li{
	display: inline-block;
	width: 33px;
	height: 33px;
	margin-left: 10px;
}
section h2{ 
	/* text-transform: uppercase; */
	font: 30px 'zwo_w-8regular';
	text-transform: uppercase;
	margin-top: -70px;
}
section h3{
	text-transform: uppercase;
	font: 16px 'zwo_w-6regular';
	font-weight: lighter;
	margin-top: 10px; 
}
section p{
	font: 14px/17px 'zwo_w-4regular';
	margin-top: 25px;
	width: 440px;;
}
.box{
	width: 200px;
	height: 77px;
	background-color: #f3f5f7;
	font: 15px 'zwo_w-4regular';
	margin-top: 35px;
	color: #255764;
	text-align: center;
}
div.data{
	text-transform: uppercase;
}
.box span{
	font-size: 45px;
}
.hora{
	float: right;	
	margin: -77px 540px 0 0;
}
.RSVP{
	width: 420px;
	height: 136px;
	background-color: #f3f5f7;
	font: 15px 'zwo_w-7regular';
	color: #255764;
	margin-top: 90px;
}
.ico{
	background: #f3f5f7 url(../images/ico-erro.png) no-repeat;
	padding-left: 35px;
	margin: 20px 20px;
}
span.responder{
	color: #feffff;
	background-color: #cf4142;
	padding: 10px 181px;
	font-size: 25px;
}
.btn{
	width: 151px;
	height: 45px;
	border-radius: 3px;
	float: left;
	position: relative;
	font-size: 20px;
	font-family: 'museo700';
	font-weight: normal;
}
a.saiba-mais{
	background-color: #2190a6;
	margin: 30px 214px;
	line-height: 45px;
	box-shadow: 0px 6px 0px #186878;
	padding: 0px 30px 0px 25px;
	color: #ffffff;
	text-decoration: none;
}
a.saiba-mais span{
	background-color: #4da6b8;
	height: 45px;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 45px;
	border-radius: 0px 3px 3px 0px;
	text-align: center;
}
a.jogar{
	background-color: #cf4142;
	margin: 30px -20px;
	line-height: 45px;
	padding: 0px 16px 0px 25px;
	box-shadow: 0px 6px 0px #b53839;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
}
a.jogar span{
	background-color: #d96768;
	height: 45px;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 45px;
	border-radius: 0px 3px 3px 0px;
	text-align: center;
}
.RSVP li{
	font: 16px 'zwo_w-7regular';
	margin-top: 22px;	
}
.RSVP li span{
	font: 20px 'zwo_w-4regular';	
}

.balao{
	font: 20px 'zwo_w-4regular';
	position: absolute;
	top: 45px;
	right: 210px;
	width: 220px;
	text-align: center;
	color: #cf4142;


}


h1.faixa{
	font: 27px 'zwo_w-4regular';
	color: #ffffff;
	text-align: center;
	width: 365px;
	float: left;
	text-transform: uppercase;
	margin-top: 370px;
	margin-left: 270px;
	font-weight: normal;


}

.site h2, .game h2{
	float: left; 
	width: 100%;
	margin: 0px;
	font:35px 'zwo_w-7regular';
	font-weight: normal;
	margin-bottom: 20px;
	padding-bottom: 14px;
}
.site h2{background: url('../images/sublinhado-site.png') no-repeat right bottom;}
.game h2{background: url('../images/sublinhado-game.png') no-repeat left bottom;}

.site{float: left;
	width: 370px;
	margin-left: 70px;
	text-align: right;
	margin-top: 30px;



}

.site p{
	width: 100%;
}
.game{float: right;
	width: 360px;
	margin-right: 70px;
	text-align: left;
	margin-top: 30px;
	


}

.game p{
	width: 100%;
}

.site a.saiba-mais{
	float: right; 
	margin: 0px;
	text-align: left;
	margin-top: 40px;
}


.game a.jogar{
	float: left; 
	margin: 0px;
	text-align: left;
	margin-top: 40px;
}