@charset "utf-8";
/* CSS Document */
@import url('reset.css');

body{
	background-image:url(../img/bg.jpg);
	background-repeat:repeat-x;
	background-color:#cbcbcb;
}

#contorno_principal{
	width:1024px;
	/*height:768px;*/
	height:auto;
	margin:0px auto;
	padding-top:10px;
}

h1{ font:Helvetica;
font-size:10px;
color:#000;
padding-left:50px;
padding-top:30px;
}

h3{ font:Helvetica;
font-size:10px;
color:#000;
padding-left:50px;
padding-top:30px;
}


/* Div contorno do menu - formatção */

#nav_fotos
{
	background:url(../img/tit_fotos.png) no-repeat;
width:70%;
/*height:70px;*/
height:154px;
padding-left:30%;
margin-top:20px;

}


#nav
{
width:70%;
/*height:70px;*/
height:154px;
padding-left:30%;
margin-top:20px;

}

/* Div menu - funcionamento */



#navegacao 
{
margin-left:250px;
}

#navegacao li
{
float:left;
display:block;
}

#navegacao li a 
{
	display: block;
	outline: none;
	height: 81px;
	width:81px;
	text-decoration: none;
}

#navegacao li a.home
{background-image:url(../img/bt_home_0.png);}

#navegacao li a.home:hover
{background-image:url(../img/bt_home_1.png);}


#navegacao li a.release 
{background-image:url(../img/bt_release_0.png);}

#navegacao li a.release:hover
{background-image:url(../img/bt_release_1.png);}


#navegacao li a.fotos 
{background-image:url(../img/bt_fotos_0.png);}

#navegacao li a.fotos:hover 
{background-image:url(../img/bt_fotos_1.png);}


#navegacao li a.clipping 
{background-image:url(../img/bt_clipping_0.png);}

#navegacao li a.clipping:hover 
{background-image:url(../img/bt_clipping_1.png);}


#navegacao li a.venda
{background-image:url(../img/bt_vendas_0.png);}

#navegacao li a.venda:hover
{background-image:url(../img/bt_vendas_1.png);}


/* ----------------------- */


#navigation 
{
margin-left:250px;
}



#navigation li
{

float:left;
display:block;
}

#navigation li a
{
	background-image:url(../img/sprite.png);
	display: block;
	outline: none;
	position: relative;
	height: 81px;
	text-decoration: none;
	width: auto;
}
	
	#navigation .home 
	{
	background-position:0px 0px;
	width:81px;
	height:81px;	
	}
	
	#navigation .release 
	{
	background-position:-81px 0px;
	width:81px;
	height:81px;
	}
	
	#navigation .fotos 
	{
	background-position:-162px 0px;
	width:81px;
	height:81px;
	}
	
	#navigation .clipping 
	{
	background-position:-243px 0px;
	width:81px;
	height:81px;
	}
	
	#navigation .venda
	{
	background-position:-324px 0px;
	width:81px;
	height:81px;
	}
	
	#navigation a .hover {
	background: transparent url(../img/sprite.png) no-repeat;
	display:block ;
	opacity: 0;
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	
	}
	
	#navigation .home .hover {
	background-position: -0px -81px;
	}
	
	#navigation .release .hover{
	background-position: -81px -81px;
	
	}
	#navigation .fotos .hover {
	background-position: -162px -81px;
	}
	
	#navigation .clipping .hover {
	background-position: -243px -81px;
	}
	
	#navigation .venda .hover {
	background-position: -324px -81px;
	}
	

/*  Destaque - formatação */

#destaque{
	width:880px;
	height:507px;
	margin:0px auto;
	background:url(../img/destaque.png) no-repeat;
	z-index:1;
}


/* Release - formatação */

#release{
	width:508px;
	/*height:507px;*/
	height:auto;
	padding-left:372px;
	padding-top:40px;
	margin:0px auto;
	background:url(../img/bg_release.png) no-repeat;
	z-index:1;
}

.release_txt{
	text-align: left;
	padding:5px;
	
	}


/* Fotos */

#fotos{
	width:880px;
	/*height:507px;*/
	height:auto;
	/*padding-left:372px;*/
	padding-top:10px;
	margin:0px auto;
	/*background:url(../img/bg_release.png) no-repeat;*/
	z-index:1;
}



/* virtual - formatação */

#virtual{
	width:480px;
	height:184px;
	margin-top:360px;
	padding-left:400px;
	z-index:10;
	position:absolute;
	
	_width:480px;
	_height:184px;
	_margin-top:360px;
	_padding-left:300px;
	
	*width:480px;
	*height:184px;
	*margin-top:360px;
	*padding-left:330px;

	}

/* Rodape - Formatação */

#rodape{
	width:880px;
	height:65px;
	background: url(../img/rodape.png) no-repeat bottom;
	margin:0px auto;
	padding-top:30px;
	
	}
#rodape a{
	color:#F60;
	text-decoration:none;
	}

/* Clipping - formatação */

#clipping 
{
margin-left:250px;
}

#espace{
	width: auto;
	height:217px;
	
	}
	
/* formulário de vendas */	
	
#navega {
	/*width:393px;*/
	width:400px;
	height:280px;
	overflow:auto;
	padding:0px 25px 0px 0px;
	margin:0px auto;
	z-index:10;
	text-align:justify;
}

.form {
	border: 1px solid #666;
	width: 100%;
	margin: 0px;
	padding: 5px;
	font-size: 11px;
	background-color:#999999;
	
	}

.format_form{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;

}