/*-----------------------------------------------------------------*/
/* 01. CSS RESET
/*-----------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	outline: 0px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html { 
	min-height: 100%;
	margin: 0;
	padding: 0;
}

img {
	max-width: 100%;
	height:auto;
	width: auto;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

input[type="text"],input[type="password"],input[type="email"], textarea {
	width: 100%;
	font-family: inherit; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #d9d9d9;
}

p,ul{ margin-bottom:20px; line-height:1.5; }
strong,b{ font-weight:bold; }
ul{ margin-left:30px; }

/******************************************************************
/******************************************************************
/******************************************************************
/******************************************************************/

body{ padding:0; margin:0; font-family:Georgia, "Times New Roman", Times, serif; }
a{ text-decoration:none; }
a:hover{ text-decoration:underline; }
#menu{ position:fixed; background:url(../img/transp-preto.png); height:50px; width:100%; z-index:2; top:0; }
#fotoPrincipal{ background:url(../img/foto-principal-1300.jpg) bottom #000; background-size:cover; height:500px; position:fixed; width:100%; top:0; z-index:0; }
#fotoPrincipal #fx{ width:100%; height:100%; background:url(../img/bg_transp_capa.png); }
#fotoPrincipal #fx #logo{ padding-top:250px; text-align:center; }
#menu ul{ width:600px; margin:0 auto; margin-top:15px; }
#menu ul li{ display:block; float:left; margin:0 15px 0 15px; color:#FFF; cursor:pointer; }
#menu ul li:hover{ color:#FC0; }
#menu ul li.selected{ color:#FC0; }
#menu select{ margin:5px; width:97%; }
#site{ background:url(../img/bg-papel.jpg); min-height:700px; width:100%; position:relative; z-index:1; margin-top:500px; }
#site #content{ width:980px; margin:0 auto; padding-top:20px; background:url(../img/passos-final.png) no-repeat top center; }

#site #content .secao{ min-height:400px; padding-top:70px; }
#site #content .secao#contato{ min-height:600px; }

#site #content .secao .titulo{ font-size:22px; font-weight:bold; text-align:center; margin-bottom:40px; }
#site #content .secao .center{ text-align:center; }
#site #content .secao .left{ text-align:left; }
#site #content .secao a{ color:#3d5d91; }
#site #content .secao iframe{ margin-bottom:20px; }
#site #content .secao .detalhe-makingof{ margin-bottom:20px; }
#site #content .secao img.cinestudio{ margin-bottom:20px; }
#site #content .secao .elenco{ margin-top:163px; margin-left:-40px; }
#site #content .secao .elenco i{ font-style:italic; }

@media only screen and (min-width: 1300px) {
	#fotoPrincipal{ background:url(../img/foto-principal-1920.jpg) bottom #000; background-size:cover; }
	#site #content .secao#contato{ min-height:900px; }
}

@media only screen and (max-width: 768px){
	#fotoPrincipal{ position:relative !important; background:url(../img/foto-principal-800.jpg) bottom #000; background-size:cover; }
	#site{ margin-top:0 !important; }
	#site #content{ padding:0 20px 0 20px !important; width:100% !important; }
}