/* Site 2minds Web Marketing - 2011 - 17 jan 2011

 =Header
 =Contato
 =Conteudo
 =Destaque
 =Rodapé
----------------------------------------------------------*/
*{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	text-decoration: none;
	list-style:none;
	font-family:CaviarDreamsBold, Arial, Sans-Serif;
	font-size:14px;
	font-style:normal;
	font-weight:normal;
	color:#fff;
	line-height:normal;
}
.png {}
html, #cinza { background:#1d1d1d;}
#cinza {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:0px;
	line-height:0;
}
body { background:#000;}
h1, h2, h3, h4, h5, h6 { 
	color:#cf6;
	text-transform:uppercase;
	}
h1 { font-size:22px;}
h2 { font-size:20px;}
h3 { font-size:16px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
.clear {
	clear:both;
	line-height:0;
	height:0;
	font-size:0;
}

/* =Header
----------------------------------------------------------*/
#header {
	width:980px;
	height:90px;
	margin:0 auto;
	position: relative;
}
#header h1 {
	background:url(../imgs/logo.png) no-repeat;
	width:160px;
	height:60px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	bottom:15px;
	left:15px;
	}
	#header h1 a{ 
		display:block;
		width:100%;
		height:100%;
		}	
#nav { 
	background:url(../imgs/bg-nav.png) no-repeat bottom;
	width:980px;
	text-align:right;
	padding:0 20px 8px 0;
	position:absolute;
	bottom:10px;
	right:0;
	}
	#nav li {
		display:inline;
		text-transform:uppercase;
		font-size:14px;
		margin:0 0 0 40px;
	}
	#nav li a:hover { color:#cf6;}
	
/* =Contato
----------------------------------------------------------*/
#header #contato {
	position: absolute;
	width:100%;
	bottom:90px;
}
#contato fieldset { 
	background:#1d1d1d; 
	position:relative;
	text-align:right;
	padding:0 30px;
	
	}
#contato legend {
	position:absolute;
	width:233px;
	height:30px;
	bottom:-30px;
	right:80px;
	text-align:center;
	text-transform:uppercase;
	text-indent:-10px;
	}
	#contato legend a {
		display:block;
		background:url(../imgs/aba-contato.gif) no-repeat;
		width:100%;
		height:100%;
		line-height:30px;
	}
	#contato legend a:hover {color:#cf6;}
#contato p {
	text-align:left;
	padding:10px;
}
#contato li { display:inline;}
#contato label {
	color:#cf6;
	font-size:18px;
	width:50%;
	}
	#contato label.col {
		width:50%;
		float:left;
		clear:left;
		position:relative;
	}
#contato input,  #contato textarea {
	background:#666;
	border:1px solid #999;
	width:300px;
	height:25px;
	margin:5px;
	vertical-align:middle;
}
#contato textarea {
	height:65px;
	vertical-align:top;
	}

#contato button{
	background:url(../imgs/bg-botao.png) 0 0 no-repeat;
	width:75px;
	height:30px;
	margin:10px 0;
	padding:0 0 5px;
	line-height:30px;
	font-size:22px;
	color:#000;
	text-shadow:1px 1px #f0ff7d;
	cursor:pointer;
}

#contato label.error{
	position:absolute;
	top:0;
	right:-8px;
	font-family:georgia;
	color:red !important;
}

/* =Destaque
----------------------------------------------------------*/
#destaque {
	width:100%;
	height:317px;
	background:#000 url(../imgs/bg-destaque.gif) repeat-x;
}
#slider {
	background: url(../imgs/bg-slider.jpg) no-repeat;
	width:980px;
	height:317px;
	margin:0 auto;
	position:relative;
	overflow:hidden
}
#wrap {
	width:9999px;
	height:315px;
	margin:1px 0;
	background:transparent;
}
.slide {
	width:980px;
	height:315px;
	position:relative;
	background:transparent
	}
	.slide h1, .slide p {
		color:#fff;
		text-shadow:2px 2px 3px #000;
		width:300px;
		text-align:right;
		margin:0 0 0 50px;
		}
	.slide h1 {	
		font-size:30px;
		font-weight:bold;
		line-height:120px;
	}
	.slide p {	
		font-size:18px;
		text-transform:uppercase;
		text-shadow:1px 1px 2px #000;
		}

#s1 { background:transparent url(../imgs/destaque/slide1.png) no-repeat 360px bottom }
#s2 { background:transparent url(../imgs/destaque/slide2.png) no-repeat 370px bottom }
#s3 { background:transparent url(../imgs/destaque/slide3.png) no-repeat 360px bottom }
#s4 { background:transparent url(../imgs/destaque/slide6.png) no-repeat 350px bottom }
#s5 { background:transparent url(../imgs/destaque/slide7.png) no-repeat 350px bottom }
#s0	{ background:transparent url(../imgs/destaque/slide4.png) no-repeat center bottom }
#s0.slide h1, #s0.slide p  { display:none;}

#ante, #prox {
	display:block;
	background:url(../imgs/setas.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	width:27px;
	height:82px;
	position:absolute;
	top:50%;
	margin:-41px 0 0;
	cursor:pointer;
	z-index:100;
	}
	#ante {
		background-position:top left;
		left:0;
	}
	#prox {
		background-position:top right;
		right:0;
	}
	a#ante:hover { background-position:bottom left;}
	a#prox:hover { background-position:bottom right;}

/* =Conteudo
----------------------------------------------------------*/
#container {
	background:url(../imgs/fundo-preto.jpg) no-repeat top center;
	width:980px;
	margin:0 auto;
	position:relative;
	padding:20px 0;
}
#container p, #container li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:justify;
}
/* =Rodapé
----------------------------------------------------------*/
#footer {
	background:url(../imgs/bg-rodape.gif) repeat-x;
	width:100%;
	height:175px;
	}
	#inside {
		width:980px;
		height:100%;
		margin:0 auto;
		position:relative;
	}
a#mapa {
	display:block;
	background:url(../imgs/map.jpg) no-repeat top left;
	width:212px;
	height:137px;
	float:left;
	margin:20px 20px 0 12px;
	text-indent:-9999px;
	overflow:hidden;
	}
	a#mapa:hover {background:url(../imgs/map.jpg) no-repeat top right;}

#footer .telefone{	font-size:23px;}
#footer p.endereco { padding: 40px 0 15px;}
#footer p.endereco a { line-height:30px;}

#footer h3 {
	font-size:14px;
	text-transform:none;
	position:absolute;
	top:35px;
	right:305px;

}
#inside ul.links {
	background:url(../imgs/separador.jpg) no-repeat 0 50%;
	height:80px;
	padding: 5px 0 0 20px;
    position: absolute;
    right: 250px;
    top: 60px;
	}
	#inside ul.links.alt {
	    right: 65px;
    	top: 60px;
	}
	#inside ul.links a {
		font:11px/18px Verdana, Arial, Helvetica, sans-serif;
		color:#666;
		padding:0 0 5px;
		}
		#inside ul.links a:hover {	color:#cf6;	}

p#copy {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	position:absolute;
	bottom:5px;
	right:0;
}
