/*
	Cliente: 
	Projeto: 

	--------------
	PADRÕES DE CODIGO - Frameworks FED v3.0
	--------------

	Nossos projetos são desenvolvidos de acordo com um padrão de escrita.
	Mais informações sobre ele em: http://www.webstandards.blog.br/checklist-para-desenvolvimento-css/
	Qualquer dúvida, mande um e-mail para: contato[at]lablight.com.br
*/


@import url("elementos.css"); /* biblioteca de classes com estilos gerais */


/*
	--------------
	ELEMENTOS e CLASSES
	--------------
*/


/* ------- ELEMENTOS ------- */

/* reset */
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, ol, ul, menu, form, fieldset, legend, button, figure, section, summary { margin: 0; padding: 0; }
article, aside, details, summary, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
button, fieldset, iframe, img { border: 0; }
input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; }
details summary::-webkit-details-marker { display: none; }

html { font: 100% Arial, Helvetica, sans-serif; color: #000; }
body { background-color: #FFF; font-size: 14px; }


/* formulário */
form { }

ol, ul { list-style: none; }

ol {}
ol li { margin-bottom: .41em; padding: .41em 0; }

/* label */
label,
p,
ol li:first-child label { float: left; width: @largura_label; padding-right: @padding_right_label; line-height: 2em; text-align: right; }

/* label interno */
li li label,
p.erro,
li.confirmacao label { float: none; width: auto; padding-right: 0; text-align: left; }
ul li label { margin-right: 0; }

/* listas internas */
ol,
ul,
li li { display: inline-block; vertical-align: top; }
li li { margin: 0 10px 0 0; padding: 0; }

/* mensagem de erro */
ol p.erro { display: block; }
p.erro,
ol li.erro { color: #e33; }
li.erro { border-radius: 3px; }
li.erro,
input.erro,
textarea.erro { background-color: #f7cac9; }
ol li li p.erro { margin-left: 0; }

/* margin left de alinhamento com os campos */
#instrucoes_formulario, ol li p.erro, ol ol li:first-child p.erro, ol li.confirmacao label, button {  }

/* correções ie */

/* linhas */
.ie6 form ol li { height: 1%; overflow: hidden; }

/* listas internas */
.ie6, .ie7 {}
.ie6, .ie7 form {}
.ie6, .ie7 form  ol {}
.ie6, .ie7 form  ol, ul, li li { display: inline; }

/* mensagem de erro */
.ie6 form ol p.erro { display: inline; float: left; }


/* ------- CLASSES ------- */

/* paginação */
.paginacao {}
.paginacao li { display: inline-block; }
.paginacao li a[rel="prev"], a[rel="next"] {}

/* popup */
.popup { display: none; position: absolute; z-index: 10; }
.popup a.fechar { }
.pelicula { position: absolute; z-index: 9; }

/* botões */
.botao,
.botao strong { display: inline-block; background: url(../images/botao.png) no-repeat; line-height: 25px; text-decoration: none; }
.botao { padding-left: 10px; }
.botao:hover { background-position: 0 0; }
button.botao::-moz-focus-inner { border: 0; padding: 0; }


/*
	--------------
	ESTRUTURA
	--------------
*/

body{font-family: 'Roboto', 'sans-serif';
                font-weight: 100; background: #b93838;}
.limites { width: 1000px; margin: 0 auto; }

/* ------- TOPO ------- */
.topo { width: 100%; display: table; background:url(img/bg-body.png) #ffffff;z-index: 8888;}
img.gif-img{display: none;padding-top: 0px;z-index: 8888;position: absolute;}
.gif-topo{width: 1200px; height: 600px; margin: 0 auto; position: relative;}
.gif-topo a.logo{width: 200px; height: 200px;  text-decoration: none; display: block; b}
.gif-topo a.logo:hover img.gif-img{display: block; width: 1200px; height: 600px;}

.gif-topo a.logo p{display: block;
width: 300px;
height: 300px;
padding-left: 706px;
background: url(img/logotipo-a21films.png) rgba(255, 255, 255, 0.79);
margin-left: 52px;
margin-top: 98px;
}

.topo_teste { width: 100%; height: 100px;  background:url(img/bg-topo.png); font-family: 'Numans', sans-serif; }

.topo-escondido{width: 100%; height: 100px; position: fixed; z-index:7777;margin-top: -600px;}

ul.menu-topo{display: inline; width: 410px;
padding: 10px; float: right; margin-top: 50px; border-bottom: 1px solid white;
border-left: 1px solid white;}
ul.menu-topo li{list-style: none; display: inline; margin: 20px;}
ul.menu-topo li a{color: #ffffff; font-size: 20px; letter-spacing: 2px; font-weight: 500;opacity: 1.5; text-decoration: none;-webkit-transition:all 0.3s;}
ul.menu-topo li a:hover{opacity: 0.5;letter-spacing: 3px;}
/* ------- CONTEÚDO ------- */
.conteudo { }


/* ------- RODAPÉ ------- */

.rodape { width: 100%; height: 100px; background:#ffffff;font-family: 'Numans', sans-serif;font-weight: 100; font-size: 10px;color: #515151;clear:both;bottom:0px;margin-right:auto;}

.centro-estrela-footer{width: 1000px; height: 100px; margin: 0 auto;}

.creditos{width: 500px; height: 30px; margin-top: 50px; float: left; }
.creditos a.lablight{color: #9a9a9a; text-decoration: none;-webkit-transition:all 0.5s;}
.creditos a.lablight:hover{color: #00ccff; letter-spacing: 1px;}