@charset "utf-8";
/*---------------------------------------------------------------------------------------------

Folha de Estilo Geral





VersÃ£o 	1.0

Autor:	Alex

Data:	21/02/08

Site:	Camaleonte



----------------------------------------------------------------------------------------------*/


/*																						Geral
---------------------------------------------------------------------------------------------*/

*
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


body {
	
	margin:0px;
	background-color:#FFFFFF;
	background-image:url(../imagens/bg1.gif);
	background-repeat:repeat-x;

}

/*																					Div Raiz
---------------------------------------------------------------------------------------------*/

#root
{
	position:absolute;
	width:950px;
	height:550px;
	left:50%;
	top:10px;
	margin-left:-475px;
	/*margin-top:-260px;*/
	z-index:0;
	
}

/*																					Logo
---------------------------------------------------------------------------------------------*/


#logo
{
	position:relative;
	width:190px;
	height:76px;
	top:16px;
	left:20px;
	
}


/*																					Menu
---------------------------------------------------------------------------------------------*/

#menu
{
	position:absolute;
	width:600px;
	height:auto;
	top:20px;
	left:250px;
}

#menu ul
{
	margin:0px;
	padding:0px;
	
}

#menu ul li
{
	margin:0px;
	padding:0px;
	display:inline;
}

#menu a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	color: #fff;
	text-decoration: none;
	text-align: center;
	margin: 0px;
	float: left;
	height: 30px;
	width: 120px;
	display:inline;
	list-style-type:none;
	border: 1px #FFFFFF;
	font-weight:bold;
}

#menu a:link {color: #fff;}
#menu a:visited {color: #fff;}
#menu a:focus, #menu a:hover { color: #84B818;}
#menu a:active { color: #84B818; }


/*																					Comp Home
---------------------------------------------------------------------------------------------*/
.desinger
{
	position:absolute;
	top:100px;
	left:20px;

}

#produto-home
{
	position:absolute;
	width:450px;
	min-height:200px;
	top:100px;
	left:480px;
}

#tumbs
{
	position:absolute;
	width:950px;
	height:105px;
	top:415px;
	left:20px;
	border-top:1px #b5b5b5 solid;
	margin:0px;
	padding-top:2px;
	
}

.tumbprodhome
{
	background-color:#FFFFFF;
	width:120px;
	height:90px;
	float:left;
	margin-right:30px;
	margin-left:30px;
}

/*																					Bread
---------------------------------------------------------------------------------------------*/

#breadchumps
{
	position:absolute;
	width:450px;
	height:auto;
	top:55px;
	left:286px;
	font-size:11px;
	font-weight:normal;
	color:#FFFFFF;
}

#breadchumps A
{
	text-decoration: none;
	font-size:11px;
	font-weight:normal;
	color:#FFFFFF;
}

/*																				Menu Produtos
---------------------------------------------------------------------------------------------*/

#menu_prod1
{
	position:absolute;
	width:auto;
	height:auto;
	top:110px;
	left:30px;
}

#menu_prod1 h1  {

position : relative;
margin : 0;
padding : 0;
margin-bottom:10px;
left:-10px;
color:#393228;
font-size:15px;
font-weight:bold;
}

#menu_prod1 ul
{
	margin:0px;
	padding:0px;
	
}

#menu_prod1 ul li
{
	margin:0px;
	padding:0px;
	display:block;
}


#menu_prod1 ul li a
{
	list-style-type:none;
}


.menu_prod  a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #84B818;
	text-decoration: none;
	margin: 0px;
	height:19px;	
	display:block;
	
}

.menu_prod  a:link {color: #75A415;}
.menu_prod  a:visited {color: #75A415;}
.menu_prod  a:focus, .menu_prod a:hover { color: #75A415; text-decoration:underline;}
.menu_prod_s  a 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #364B0A;
	text-decoration: none;
	margin: 0px;
	height:19px;	
	display:block;
}

/*																					Tumb Prod
---------------------------------------------------------------------------------------------*/

#prod_tubmb
{
	position:absolute;	
	top:130px;
	left:280px;
	width:690px;
	height:auto;
}

.tumbprod
{
	background-color:#FFFFFF;
	width:120px;
	height:90px;
	float:left;
	margin-right:10px;
	margin-bottom:70px;
}

.tumbprod p
{
	width:120px;
	margin-top:10px;
	text-align:center;
	font-size:10px;
	color:#666;
	
}

.tumbprod img
{
	border:0px;
}

.tumbprod a:hover
{
	border-bottom:1px #CCCCCC solid;
}



/*																						XXXXX
---------------------------------------------------------------------------------------------*/
.c_box {border: 0px solid white;padding: 0px; margin: 0px;}


/*																			Home Prod Comps
---------------------------------------------------------------------------------------------*/

#textoProd p
{	
	margin:0px;
	padding:Opx;
}


#textoProd
{
	position:absolute;	
	top:130px;
	left:280px;
	width:300px;
	height:220px;
	text-align: left;
	font-size:12px;
	color:#393228;
}

#conteudo h2
{
	margin:0px;
	padding:Opx;
	position:absolute;	
	display:block;
	top:90px;
	left:600px;
	width:310px;
	height:350px;
}


/*																			Paginacao
---------------------------------------------------------------------------------------------*/

#paginacao
{
	position:absolute;
	width:400px;
	height:auto;
	top:490px;
	left:275px;
	font-size: 12px;
	color: #393228;

}
#texto
{
	position:absolute;
	width:auto;
	height:auto;
	top:430px;
	left:280px;
	font-size: 12px;
	color: #393228;
	margin-top:20px;
	color:#993300;

}

.text_pg_secao_s
{	font-size: 12px;
	font-weight:bold;
	PADDING-right: 0px;
	PADDING-top: 0px;
	TEXT-DECORATION: none;
	color: #993300;
}
.text_pg_secao
{	font-size: 12px;
	PADDING-right: 0px;
	PADDING-top: 0px;
	TEXT-DECORATION: none;
	color: #84B818;

}


/*																			Prod Det.
---------------------------------------------------------------------------------------------*/

#proddet2
{
	position:absolute;
	width:210px;
	height:auto;
	top:105px;
	left:20px;
	
	
}

#proddet
{
	position:absolute;
	width:210px;
	height:auto;
	top:110px;
	left:280px;
	
	
}

#proddet h1
{
	margin:0px;
	padding:0px;
	font-size:22px;
	color:#393228;
	margin-bottom:50px;
}

#proddet p
{
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#666;
	margin-bottom:50px;
}

#proddet strong
{
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#393228;
	margin-bottom:5px;
}

#proddet table
{
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#666;
}


#fotodet
{
	position:absolute;
	width:450px;
	height:auto;
	top:110px;
	left:500px;
	
}


/*																	Formulario de Contato
---------------------------------------------------------------------------------------------*/

#proddet h3, #fotodet h3
{
	margin:0px;
	padding:0px;
	font-size:22px;
	color:#393228;
	margin-bottom:15px;
}


#fotodet .form {

color : #013567;

}

#fotodet .form input {

width : 200px;

}

#fotodet .form {

margin :0px;

font-family : Arial, Helvetica, sans-serif;

font-size : 11px;

color:#003300;



}


.form input {

width : 200px;

border-right : 1px solid #84B818;

border-top : 1px solid #84B818;

font-size : 11px;

margin : 5px 0px 5px 0px;

border-left : 1px solid #84B818;

color : #494f4e;

line-height : 12px;

border-bottom : 1px solid #84B818;

background-color : #ffffff;

vertical-align : middle;

}


.form textarea {

width : 200px;

border-right : 1px solid #84B818;

border-top : 1px solid #84B818;

font-size : 11px;

border-left : 1px solid #84B818;

color : #494f4e;

line-height : 12px;

border-bottom : 1px solid #84B818;

background-color : #ffffff;

vertical-align : middle;

}

/*																			Rodape
---------------------------------------------------------------------------------------------*/

#footer
{
	position:absolute;
	top:523px;
	left:20px;
	color:#FFF;
	font-size:10px;
	margin:0px;
	padding:0px;
}

/*																			Destaque
---------------------------------------------------------------------------------------------*/

#destaque
{
	position:absolute;
	top:470px;
	left:680px;
	color:#FFF;
}




