/* Projeto: CarFilm.com.br */
@import url(reset.css);
/*@import url(debug.css);*/
@font-face { font-family: 'HN'; src: url('HelveticaNeue.otf'); }

/* Estrutura */
#wraper { margin: auto; width: 1000px; }

#header {
	background: url(../images/bg-header.jpg) no-repeat;
	height: 291px;
	margin-top: 26px;
	position: relative;
}
	#logo {
		/*background: url(../images/logo.gif) no-repeat;*/
		height: 132px;
		left: 60px;
		/*text-indent: -9999px;*/
		position: absolute;
		top: 20px;
		width: 314px;
	}
	
	#carro {
		/*background: url(../images/header-carro.png);*/
		bottom: 20px;
		height: 226px;
		position: absolute;
		right: 75px;
		width: 434px;
	}
	
	#nav {
		/*background: url(../images/bg-nav.jpg) no-repeat;*/
		-moz-box-shadow: 5px 5px 10px #000;
		box-shadow: 5px 5px 10px #000;
		height: 32px;
		overflow: hidden;
		position: absolute;
		right: 70px;
		top: -26px;
		width: 472px
	}
		#nav li {
			float: left;
			height: 32px;
			overflow: hidden;
		}
		#nav a:link, #nav a:visited, #nav span {
			display: block;
			height: 64px;
			text-indent: -9999px;
			position: relative;
			
			background-image: url(../images/bg-nav-itens.jpg);
			background-repeat: no-repeat;
		}
		#nav span { background: none; bottom: 0; height: 32px; position: absolute; }
		
		.nav-empresa, .nav-produtos, .nav-cursos,
		.nav-novidades, .nav-contato {
			/*background-image: url(../images/bg-nav-itens.jpg);
			background-repeat: no-repeat;*/
		}
		.nav-empresa a { width: 77px; }
		.nav-produtos a { width: 79px; background-position: -77px 0; }
		.nav-cursos a { width: 144px; background-position: -156px 0; }
		.nav-novidades a { width: 79px; background-position: -300px 0; }
		.nav-contato a { width: 93px; background-position: -379px 0; }

#content {
	background-color: #1e1e1e;
	min-height: 400px;
	padding: 0 40px 40px 40px;
	position: relative;
	z-index: 2;
}
.index #content { min-height: 0; }

#footer {
	background-color: #2a2c2e;
	font-size: 12px;
	height: 50px;
	line-height: 50px;
	text-align: center;
}

/* Elementos */
body {
	background: #000 url(../images/bg-header-gloss.jpg) repeat-x;
	color: #6c6c6c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
h2, h1 { color: #FFF; font-family: 'HN', Arial; font-size: 20px; }
h1 { font-size: 25px; margin: 0 0 30px 0; }
h2 a:link, h2 a:visited { color: inherit; text-decoration: none; }
h2 a:hover { border-bottom: 1px solid; }
p { line-height: 1.5em; margin: 0 0 10px 0; }
strong { font-weight: bold; }
table { margin-bottom: 20px; }
	.conteudo td { background-color: #FFF; text-align: center; color: #121212; padding: 4px; }
	td.enfase, td.titulo, td.subTitulo { background-color: #e2e2e2; font-weight: bold; text-align: left; }
	td.enfase { text-align: center; }
	td.subTitulo { background-color: #999; }
	td.header{ background-color: #666; color: #bdcccc; }

input, textarea, select {
	background-color: #242424;
	border:1px solid #101010;
	color: #9b9b9b;
	height: 20px;
	width: 300px;
}
textarea { height: auto; width: auto; }
input:focus, textarea:focus { border: 1px solid #000; }
fieldset {
	border: 1px solid;
	padding: 20px;
	margin: 20px 0; 
	-moz-border-radius: 5px;
}
legend { padding: 0 5px; }
label { display: block; margin: 10px 0 5px 0; }
form li { margin: 5px 0; }
/* plugin validação */
label.error { display: inline; color: #FF3300; margin-left: 10px; }

a:link, a:visited { color: #9f9f9f; text-decoration: none; }
a:hover { color: #F3f3f3; text-decoration: underline; }

.produtos {
	float: left;
	height: 125px;
	margin: -25px 0 60px 0;
	width: 488px;
}
	.produtos a {
		display: block;
		float: left;
		height: 125px;
		margin-right: 40px;
		text-indent: -9999px;
		width: 122px;
	}
	.pagina-produtos .produtos a { margin-right: 80px; }
	.pagina-produtos .produtos { width: auto; }
	
	.filmes-automotivos { background-image: url(../images/filmes-automotivos.jpg); }
	.filmes-arquitetonicos { background-image: url(../images/filmes-arquitetonicos.jpg); }
	.filmes-seguranca { background-image: url(../images/filmes-de-seguranca.jpg); }
	
.cursos {
	background-color: #7e7f82;
	border: solid #101010;
	border-width: 0 1px 1px 0; 
	color: #00060f;
	float: left;
	height: 95px;
	margin: 20px 0 45px 0;
	position: relative;
	width: 400px;
}
	.cursos h2 {
		background-image: url(../images/bg-blue-gloss.jpg);
		border-bottom: 1px solid #434345;
		color: #6d7c91;
		font-size: 19px;
		height: 33px;
		line-height: 33px;
		padding-left: 18px;
	}
	.cursos p { border-top: 1px solid #6a6b6e; padding: 10px 145px 20px 21px; margin: 0; line-height: 1em; }
	.cursos img { position: absolute; top: 0; right: 0; }
	.cursos .btn { margin: -4px 0 0 21px; }
	.cursos a:hover { color: #F3F3F3; border: 0; }
	
.ofertas, .msn {
	background: #242424;
	border: solid #101010;
	border-width: 0 2px 1px 0;
	clear: left;
	float: left;
	height: 88px;
	margin: 0 30px 0 -10px;
	position: relative;
	width: 245px;
}
	.ofertas h2 {
		background: url(../images/bg-dark-gloss.jpg) repeat-x;
		border-bottom: 2px solid #101010;
		height: 30px;
		line-height: 30px;
		padding-left: 15px;
	}
	.ofertas p { padding: 15px; }
	
.informativo {
	float: left;
	height: 85px;
	width: 275px;
}
	.informativo h2 { margin-bottom: 10px; }
	.informativo input {
		/*background-color: #242424;
		border:1px solid #101010;
		color: #9b9b9b;
		height: 20px;*/
		margin: 10px 5px 0 0;
		padding-left: 5px;
		width: 200px;
	}

.msn {
	background: #272728 url(../images/bg-msn.jpg) no-repeat 5px 5px;
	clear: none;
	height: 92px;
	margin: 0;
	width: 345px;
}
	.msn h2 { padding: 20px 0 10px 0; }
	.msn h2, .msn p { padding-left: 90px; }
	
#luzpropria-noticias h3 { font-weight: bold; margin: 10px 0; }
#luzpropria-listaUltimasnoticias a:link,
#luzpropria-listaUltimasnoticias a:visited { text-decoration: none; }
#luzpropria-listaUltimasnoticias li { border-bottom: 1px solid #4b4848; padding: 0 0 5px 0; }

#luzpropria-galeriaFotos { margin: 20px 0 0 0; }

.ulOutraImagens { clear: left; }
.ulOutraImagens li { margin-bottom: 29px; }

#frmContato input, #frmContato textarea { margin-top: 5px; }

#listasimples h2 { margin-bottom: 20px; }

/* Classes */

.btn {
	background: url(../images/bg-gloss-blue-button.jpg) repeat-x;
	color: #6d7c91;
	display: inline-block;
	font-family: 'HN', Arial;
	font-size: 15px;
	height: 21px;
	line-height: 21px;
	padding: 0 5px;
	text-transform: lowercase;
}

a:link.btn, a:visited.btn { color: #6d7c91; text-decoration: none; }
a:hover.btn, .btn:hover { color: #F3F3F3; }

.ofertas .btn, .msn .btn {
	background: url(../images/btn-saiba-mais.png) no-repeat;
	bottom: 0;
	height: 23px;
	padding: 0;
	position: absolute;
	right: 0;
	text-indent: -9999px;
	width: 86px;
}
.msn .btn { background: url(../images/btn-acessar.png) no-repeat; }
.ofertas a:hover.btn, .msn a:hover.btn { background-position: -86px 0; }

button, label { cursor: pointer; }
button.btn { border: none; padding-bottom: 5px; vertical-align: middle; }
p.btn { padding-left: 320px; }

.dados-bancarios{
	width: 200px;
	float: right;
}
.dados-bancarios p { margin: 5px 0; }
.dados-bancarios h4 {
font-size: 14px; font-weight: bold; margin-bottom: 10px;
}
.banco { background-repeat: no-repeat; background-position: 0 5px; margin: 0 0 30px 0; padding-left: 45px; }
.itau { background-image: url(../images/banco-itau.jpg); }
.bradesco{ background-image: url(../images/banco-bradesco.jpg); }

h2.titulo-interna { font-size: 25px; }

/* contendo float */
.contemfloat:after, #content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.contemfloat, #content { display: inline-block; }
/* Hides from IE-mac \*/
* .contemfloat, * #content { height: 1%; }
.contemfloat, #content { display: block; }
/* End hide from IE-mac */

/* MODAL */
.load { position: absolute; top: 50%; left: 50%; width: 88px; height: 78px; margin: -39px 0 0 -44px; z-index: 99999;}
.bg_modal { position: absolute; top: 0; left: 0; z-index: 99998; }
.view_modal { position: absolute; left: 50%; top: 50%; text-align: left; z-index: 99998; }
.modal { visibility: hidden; cursor:pointer; }
#modalMap { background: #FFF; padding: 10px; }
#intEnviar { border: none; }
#modalMap input, #modalMap textarea { border: 1px solid; background: #F3F3F3; }
#modalMap h2 { color: #1F3C80; margin: 5px 0; }
#modalMap .btn { color: #f3f3f3; }
#modalMap a:link, #modalMap a:visited { color: red; }