
/* CSS Document */


.bgtopo{ background: url(img/bg_sky.jpg) repeat-x}

#voltar{ text-align:right; height:30px; }
#voltar a{ color:#333 }

br.clear
{
clear: both;
}

div.fixed
{
width: 923px !important;
}
p.separador{  background:url(img/separador.gif) no-repeat 100%; width:600px; height:25px}

/* Basic Stuff */

*
{
margin: 0em;
padding: 0em;
}

body
{
background:  #000000;
color: #484747;
font-size: 13px;
font-family: "trebuchet ms", helvetica, sans-serif;
}

#header
{
width:100%;
height:156px;
background:  url(img/bg_sky.jpg) repeat-x;
}

#header_inner
{
position: relative;
height:156px;
margin: 0 auto;
}

/* Logo */

#logo
{
position: absolute;
bottom: 0.8em;
}
#rss
{
margin-right:10px;
float:right;
padding-top:5px;
font-size:12px;
}
#rss form
{ display:inline;
}
#rss input
{ background-color: #666666;
color: #CCCCCC;
border:1px solid #999999
}
#rss button
{ background: url(img/bg_menu2.jpg) repeat-x;
height:25px;
border:1px solid #999999
}
#rss a
{ color:#c1c2c4;
text-decoration:none;
}
#rss a:hover
{
color: #000000;
}

#menu
{
position: absolute;
right: 0em;
bottom: 35px;
}

#menu ul
{
list-style: none;
}

#menu li
{
float: left;
}

#menu li a
{
margin-left: 10px;
display: block;
padding: 12px 10px 12px 10px;
background: url(img/bg_menu.gif) repeat;
border: dotted 1px #adadad;
color: #c1c2c4;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
text-decoration: none;
}

#menu li a:hover
{
background:  url(img/bg_menu2.jpg) repeat-x;
color: #000;
border: dotted 1px  #fff938;
}

#main
{
}

#main_inner
{
position: relative;
width:100%;
margin: 0 auto;
}

#main_inner h3,h4
{
position: relative;
}

#main_inner h3
{
font-size: 2.1em;
padding-bottom: 0.1em;
margin-bottom: 0.8em;
}

#main_inner h4
{
font-size: 1.2em;
padding-bottom: 0.175em;
margin-bottom: 1.4em;
margin-top: 0.95em;
}


/* Footer */

#footer
{
width: 923px;
margin: 0 auto;
clear: both;
margin-top: 1.0em;
margin-bottom: 1.0em;
padding-top: 1.0em;
font-size:12px;
position: relative;
}

#footer a{
color: #000000;
background-color: #666666}

#footer a:hover{
color:#000000;
background-color:#e54900}
	
	#footerA_2columns
	{
	float: left;
	width: 400px;
	}
	
	#footerB_2columns
	{
	width: 300px;
	float: right;
	margin: 0px;
	text-align:right;
	padding-top:12px;
	}

/* Search */

input.button
{
color: #fff;
border: solid 1px #AA7036;
font-weight: bold;
font-size: 13px;
height: 2.0em;
}


/* LAYOUT - 3 COLUMNS */

	/* banners homepage */
	
	#columnA_3columns
	{
	float: left;
	width: 300px;
	}
	
	#columnB_3columns
	{
	width: 300px;
	float: left;
	margin-left:20px;
	}
	
	#columnC_3columns
	{
	float: right;
	}
	
/* LAYOUT - 2 COLUMNS */

	/* Primary content background: url(img/bg_menuprod.png) repeat; */
	
	#primaryContent_2columns
	{overflow: hidden;
	}
	
	#columnA_2columns
	{
	background-color: #282828;
	padding:6px 4px 6px 4px;
	margin-top:6px;
	float: left;
	width: 232px;
	}
	
	/** menu produtos **/
		#menu_prod h3
		{		background-image:url(img/bg_menuprod.gif);
		padding: 8px 19px 0;
		height:26px;
		font-weight:700;
		font-size:14px;
		}
		#menu_prod li
		{		margin-left: 35px;
		list-style: inherit circle;
		font-size: 11px;
		padding: 5px 3px 5px 3px;
		
		}
		#menu_prod li a
		{	color: #c1c2c4;
		font-weight: normal;
		display: block;
		text-decoration: none;
		}
		#menu_prod li a:hover
		{ background-color:#000000;
		color: #fff938;
		}
	
	/* Secondary Content */
	
	#secondaryContent_2columns
	{
	float: right;
	}
	
	#columnC_2columns
	{
	padding:6px 0px 6px 0px;
	}
	
	/* PRODUTOS HOME */
	#columnD_2columns
	{
	width:677px;
	padding:6px 0px 6px 0px;
	background:#FFFFFF  url(img/bg_produto.jpg) repeat-x;
	}
	#columnD_2columns H1
	{
	margin:4px;
	color: #996600;
	padding: 3px 10px;
	font-size:20px;
	font-weight:700;
	height:30px;
	text-transform:uppercase;
	background: url(img/bg_titulo.png) repeat;
	}
	#columnD_2columns H1 span
	{
	color:#000;
	font-size:16px;
	font-weight:600;
	text-transform:uppercase;
	}
	
	#columnD_2columns H5
	{
	color: #333333;
	height:20px;
	width:180px;
	margin:0 10px;
	padding:8px 25px ;
	background: url(img/bg_carac.jpg) no-repeat;
	font-size:13px;
	font-weight:bold;
	}
	#caracteristicas
	{
	color: #333333;
	width:90%;
	margin: 0 25px 0;
	padding:3px 10px ;
	background: url(img/bg_dados.jpg) repeat-x;
	font-size:13px;
	}
	
	#columnD_2columns H2
	{
	color:#000;
	font-size:15px;
	font-weight:bold;
	}
	
	#columnA_2prod
	{
	width:320px;
	padding:6px 0px 6px 0px;
	float: left;
	}
	#columnA_2prod img
	{
	padding:3px;
	border:1px solid #999999;
	}
	#columnB_2prodmini
	{
	margin:55px 50px 0  0;
	padding:6px 0px 6px 0px;
	float: left;
	}
	#columnB_2prod
	{
	width:310px;
	margin:0px 40px 0  0;
	padding:6px 0px 6px 0px;
	float: left;
	}
	#columnB_2prod img
	{
	padding:3px;
	border:1px solid #999999;
	}
	#columnA_2proddet
	{
	margin:0px 10px 0;
	width:400px;
	padding:6px 0px 6px 0px;
	float: left;
	}
	#columnA_2proddet img
	{
	padding:3px;
	border:1px solid #999999;
	}
	#columnB_2prodmini input
	{
	padding:3px;
	border:1px solid #b6b6b6;
	margin:3px;
	}
	

/* LAYOUT - COLUMNLESS */

	/* Primary content */
	
	#primaryContent_columnless
	{ float:left; position:relative; clear:both	}
	
	#columnC
	{
	width:280px;
	margin: 6px 0 0 0px;
	}
	
	#secundaryContent_columnless
	{ float:right	}

	#columnD
	{
	width:630px;
	margin: 6px 0 0 290px;
	padding:6px 0px 6px 0px;
	background:#FFFFFF  url(img/bg_produto.jpg) repeat-x;
	}
	#columnD H1
	{
	margin:4px;
	color:#996600;
	padding: 3px 10px;
	font-size:20px;
	font-weight:700;
	height:30px;
	text-transform:uppercase;
	background: url(img/bg_titulo.png) repeat;
	}
	#columnD H1 span
	{
	color:#000;
	font-size:16px;
	font-weight:600;
	text-transform:uppercase;
	}
	
	#columnD H2
	{
	color:#000;
	font-size:15px;
	font-weight:bold;
	}
	
	#conteudo{
	width:90%;
	padding:20px 0 0 15px }
	
	#conteudo input{
	border:1px solid #CCCCCC;
	font-size:14px;
	height:22px}
	
	#conteudo p{
	line-height:24px}
	
	#conteudo ul{
	line-height:24px;
	padding:20px 0 0 15px }
	
	#conteudo ul a{ color:#c88e0c }
	#conteudo ul a:hover{ background-color:#c88e0c; color: #FFFFFF }
