/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body{ background:#5be8f2 url(../img/bg.png) repeat-x; }


.parte1{ height:640px; background:url(../img/parte1.png) no-repeat center top; position:relative;  }
.parte1 .logo{ width:160px; height:230px; background:url(../img/logo.png) no-repeat; background-size:cover; text-indent:-50000em; position:absolute; left:50%; margin: 50px 0 0 -80px }
.parte1 .video,
.parte1 .video{ cursor:pointer; width:636px; height:354px; background:url(../img/bg-video.jpg) no-repeat; top:321px; left:50%; position:absolute; margin-left:-318px; }

.parte1 video{ width:636px; height:354px; top:311px; left:50%; position:absolute; margin-left:-318px; z-index:0; }
.parte1 .video .de,
.parte1 .video .para{ color:#6d6cb1; width:98px; height:40px; font-size:12px; position:absolute; top:187px; left:65px; font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform:uppercase; text-align:center;  }
.parte1 .video .para{ width:136px; top:175px; right:53px; left:auto; text-align:center; color:#f27274; }
.parte1 .carregar { background:url(../img/btn-carregar-foto.png) no-repeat; width:172px; height:45px; display:block; position:absolute; left:50%; margin-left:-560px; top:475px; }
.parte1 .carregar.facebook { background:url(../img/btn-facebook.png) no-repeat; width:172px; height:45px; display:block; position:absolute; left:50%; margin-left:360px; top:475px; }

.parte1 .video2 .de,
.parte1 .video2 .para{ color:#6d6cb1; width:98px; height:40px; font-size:12px; position:absolute; top:187px; left:65px; font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform:uppercase; text-align:center;  }
.parte1 .video2 .para{ width:136px; top:175px; right:53px; left:auto; text-align:center; color:#f27274; }

.parte1 .video2{ cursor:pointer;  z-index:1; opacity:1; width:636px; height:354px; background:url(../img/moldura.png) no-repeat;  top:311px; left:50%; position:absolute; margin-left:-318px; }


.parte2{ height:240px; background:url(../img/parte2.png) no-repeat center top;   }

.fotoContainer{ opacity:1; width:180px; overflow:hidden; height:180px; background:#fff; position:absolute; left:50%; margin-left:-90px; top:400px; text-align:center; }
.fotoContainer .play{ width:130px; height:130px; left:50%; margin-left:-65px; position:absolute; top:25px;  background:url(../img/play.png) no-repeat center top;}
.fotoDoPai{ display:none; }

.modalFoto{ display:none; text-align:center; position:absolute; left:50%; width:450px; height:230px; background:#f2f4a0; top:405px; margin-left:-225px; z-index:3; }
.modalFoto label{ margin-top:30px; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size:12px; color:#f27274; width:112px; display:inline-block; text-align:right; padding-right:20px; }
.modalFoto input,
.modalFoto .input{ width:260px; font-family: 'Montserrat', sans-serif; color:#f27274; font-weight: 700; display:inline-block; background:#fff; border:0; height:34px; line-height:34px; text-indent:12px; }
.modalFoto .file{ background:url(../img/carregar-foto.png) no-repeat; height:43px; text-indent:1000em; border:0; }
.botaoArquivo {  width:260px; display:inline-block; height:40px; line-height:40px; text-align:center; background:#fff; border-radius:10px }

@media (max-width: 1024px) { 
	.parte1 .carregar{ margin-left:-480px; }
	.parte1 .carregar.facebook { margin-left:330px; }
}

@media (max-width: 768px) {
	body{ background:#5be8f2 url(../img/bg-mobile.png) repeat-x; }
	.parte1{ height:376px; background:url(../img/parte1-mobile.png) no-repeat center top; }
	.parte1 .logo{ width:122px; height:175px; background-size:cover;  margin: 50px 0 0 -61px }
	.parte1 .video,
	.parte1 .video{  width:730px; height:150px; background:url(../img/bg-video.jpg) no-repeat; background-size:cover; top:311px; left:50%; position:absolute; margin-left:-365px; }	
	.parte1 .carregar {  width:148px; height:40px; display:block; position:absolute; left:50%; margin-left:-74px; top:242px; }
	.parte1 .carregar.facebook { background:url(../img/btn-facebook-mobile.png) no-repeat; width:172px; height:45px; display:block; position:absolute; left:50%; margin-left:-86px; top:750px; }
	.parte2{ background:none; height:500px; }	
	.parte1 .video2{ width:730px; height:40px; background-size:cover; top:311px;  margin-left:-365px; }
	.parte1 video{ width:730px; height:403px; margin-left:-365px; top:311px; }
	.fotoContainer{ width:200px; height:200px; margin-left:-100px; top:409px; }
	
	.parte1 .video2 .de,
	.parte1 .video2 .para{ color:#6d6cb1; width:128px; height:40px; font-size:12px; position:absolute; top:212px; left:65px; font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform:uppercase; text-align:center; }
	.parte1 .video2 .para{ width:160px; top:195px; right:60px; left:auto; text-align:center; color:#f27274; }
	.modalFoto{ display:none; padding:5%; text-align:center; position:absolute; left:5%; width:80%; height:auto; background:#f2f4a0; top:20px; margin-left:0; z-index:3; }
	.modalFoto label{ margin-top:15px; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size:12px; color:#f27274; width:100%; display:inline-block; text-align:left; padding-right:0; }
.modalFoto input,
.modalFoto .input{ width:100%; font-family: 'Montserrat', sans-serif; color:#f27274; font-weight: 700; display:inline-block; background:#fff; border:0; height:34px; line-height:34px; text-indent:12px; }
.modalFoto .file{ background:url(../img/carregar-foto.png) no-repeat; height:43px; text-indent:1000em; border:0; }
.botaoArquivo {  width:260px; display:inline-block; height:40px; line-height:40px; text-align:center; background:#fff; border-radius:10px }
}

@media (max-width: 425px) {
	body{ background:#5be8f2 url(../img/bg-mobile.png) repeat-x; }
	.parte1 .video,
	.parte1 .video{  width:400px; height:150px; background:url(../img/bg-video.jpg) no-repeat; background-size:cover; top:311px; left:50%; position:absolute; margin-left:-200px; }	
	.parte1 .carregar {  width:148px; height:40px; display:block; position:absolute; left:50%; margin-left:-74px; top:242px; }
	.parte1 .carregar.facebook { background:url(../img/btn-facebook-mobile.png) no-repeat; width:172px; height:45px; display:block; position:absolute; left:50%; margin-left:-86px; top:570px; }
	.parte2{ background:none; height:300px; }	
	.parte1 .video2{ width:400px; height:40px; background-size:cover; top:311px;  margin-left:-200px; }
	.parte1 video{ width:400px; height:220px; margin-left:-200px; top:311px; position:absolute; }
	.fotoContainer{ width:110px; height:110px; margin-left:-55px; top:366px; }
	.fotoContainer .play{ width:80px; height:80px; left:50%; margin-left:-40px; position:absolute; top:13px;  background:url(../img/play.png) no-repeat center top; background-size:cover;}
	
	
	.parte1 .video2 .de,
	.parte1 .video2 .para{ color:#6d6cb1; width:68px; height:40px; font-size:10px; position:absolute; top:117px; left:35px; font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform:uppercase; text-align:center; }
	.parte1 .video2 .para{ width:86px; top:110px; right:33px; left:auto; text-align:center; color:#f27274; }
}

@media (max-width: 375px) {
	body{ background:#5be8f2 url(../img/bg-mobile.png) repeat-x; }
	.parte1 .video,
	.parte1 .video{  width:356px; height:150px; background:url(../img/bg-video.jpg) no-repeat; background-size:cover; top:311px; left:50%; position:absolute; margin-left:-178px; }	
	.parte1 .carregar {  width:148px; height:40px; display:block; position:absolute; left:50%; margin-left:-74px; top:242px; }
	.parte1 .carregar.facebook { background:url(../img/btn-facebook-mobile.png) no-repeat; width:172px; height:45px; display:block; position:absolute; left:50%; margin-left:-86px; top:540px; }
	.parte2{ background:none; height:250px; }	
	.parte1 .video2{ width:356px; height:40px; background-size:cover; top:311px;  margin-left:-178px; }
	.parte1 video{ width:356px; height:220px; margin-left:-178px; top:299px; position:absolute; }
	.fotoContainer{ width:110px; height:110px; margin-left:-55px; top:360px; }
	.fotoContainer .play{ width:70px; height:70px; left:50%; margin-left:-35px; position:absolute; top:13px;  background:url(../img/play.png) no-repeat center top; background-size:cover;}
	
	.parte1 .video2 .de,
	.parte1 .video2 .para{ color:#6d6cb1; width:60px; height:40px; font-size:9px; position:absolute; top:105px; left:30px; font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform:uppercase; text-align:center;  }
	.parte1 .video2 .para{ width:76px; top:97px; right:30px; left:auto; text-align:center; color:#f27274; }
}

@media (max-width: 320px) {
	body{ background:#5be8f2 url(../img/bg-mobile.png) repeat-x; }
	.parte1 .video,
	.parte1 .video{  width:300px; background:url(../img/bg-video.jpg) no-repeat; background-size:cover; margin-left:-150px; top:299px; }	
	.parte1 .carregar {  width:148px; height:40px; display:block; position:absolute; left:50%; margin-left:-74px; top:242px; }
	.parte1 .carregar.facebook { background:url(../img/btn-facebook-mobile.png) no-repeat; width:172px; height:45px; display:block; position:absolute; left:50%; margin-left:-86px; top:490px; }
	.parte2{ background:none; height:200px; }	
	.parte1 .video2{ width:300px; height:40px; background-size:cover; top:299px;  margin-left:-150px; }
	.parte1 video{ width:300px; height:220px; margin-left:-150px; top:272px; position:absolute; }
	.fotoContainer{ width:84px; height:84px; margin-left:-42px; top:340px; }
	.fotoContainer .play{ width:70px; height:70px; left:50%; margin-left:-35px; position:absolute; top:5px;  background:url(../img/play.png) no-repeat center top; background-size:cover;}
	.parte1 .video2 .de,
	.parte1 .video2 .para{ color:#6d6cb1; width:50px; height:40px; font-size:9px; position:absolute; top:88px; left:25px; font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform:uppercase; text-align:center; }
	.parte1 .video2 .para{ width:64px; top:82px; right:25px; left:auto; text-align:center; color:#f27274; }
}