﻿/* ---------- MasterPage CSS ---------- */
body 
{
	background-color: #3A8FD0;
    background-image: url(Images/background.png);
	background-repeat: repeat-x; 
    color: Black;
    margin: 0;    
    font-family: Arial, Verdana, Trebuchet MS;
    text-decoration: none;
    font-size: 12px;
    height: 100%;
    margin-bottom: 30px;
}

h4 
{
    font-size: 10px; 
    font-family: "Trebuchet MS",Arial,Helvetica, sans-serif; 
    font-weight: bold; 
}

div#page 
{
    width: 912px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

div#page_top 
{ 
    text-align: right; 
    font-weight: bold; 
    color: White;
    padding-top: 5px; 
    margin-bottom: 15px; 
}

div#page_banner
{ 
    padding-top: 15px;
    margin-bottom: 15px; 
    margin-left: 15px;
    margin-right: 15px;
}

div#body_bottom
{
    margin-top: 40px;
	background: url(images/bottom.png) no-repeat;
	margin-left: 6px;
    margin-right: 6px;
	height: 75px;
	color: White;
}

.widget_title
{
    background-image: url(images/topo.png);
    background-repeat: no-repeat;     
    color: White;
    text-transform:uppercase;
    font-family:Helvetica, Arial, Verdana, sans-serif;
    font-weight: bold;
    height: 30px;
    width: 170px;
}

.widget_title ul{
	padding-top:8px;
	padding-left: 10px;    
}

.widget_body
{
	background-color: #E2E9F1;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	width: 170px;
}

.widget_body a { color: Black; }

.roundbox_white { background-color: #ffffff; }
.roundbox_white_back { background-color: Transparent; }

.widget_separator_top { padding-bottom: 3px; margin-bottom: 6px; border-bottom: 1px #FC9971 solid; margin:0; padding:0;}

.widget_td_align_right { text-align: right; }
.widget_td_left { width: 65px; padding-left: 5px; font-size: 12px; font-weight: bold;}

.widget_marcas
{
    margin-top: 10px;
    margin-bottom: 30px;
    width: 170px;
}

.dark_a
{
    color: #000000;
}

.blue_a
{
    color: #A22E00;
}
/* -------- EndMasterPage CSS --------- */

/* ---------- Contacts CSS ------------ */
.light_separator_bottom { padding-bottom: 3px; margin-bottom: 6px; border-bottom: 1px #A22E00 solid; width: 97%;}
/* --------- EndContacts CSS ---------- */
.produtos { margin-top: 8px; margin-left: 20px; margin-right: 20px; border-top: 1px #DDDDDD solid; border-bottom: 1px #DDDDDD solid; padding: 5px; background-color: #E2E9F1; }

.noticias { margin-top: 12px; margin-right: 20px; border-bottom: 1px #DDDDDD solid; padding: 5px; height: 80px;
}
.noticias:hover { margin-top: 12px; margin-right: 20px; border-bottom: 1px #DDDDDD solid; padding: 5px; background-color: #E2E9F1; height: 80px;}

/* ---------- Navigation CSS ---------- */
#navcontainer 
{
    position:relative;
    margin-left: 6px;
    margin-right: 6px;
	height:36px;
	width:100%;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	clear: left;
	margin-bottom: 10px;
}
#nav {
	position:relative;
	height:36px;
	text-transform:uppercase;
	background:url(images/menu.png) no-repeat left top;
	padding:0 0 0 30px;
	font-size: 11px;
	font-weight: bold;
}
#nav ul {
	margin:0;
	padding:13px 0px 0px 0px;
	list-style-type:none;
    width: 877px;
}
#nav ul li {
	display:inline;
	margin:0px;
	width: auto;
}

#nav ul li a {
	color:#FFF;
	text-decoration:none;
}
#nav ul li a:hover {
	color:#C1D0E1;
}

a { text-decoration: none; color: #FFFFFF;}
a:hover { text-decoration: underline; }
/* ---------- End Navigation CSS ---------- */

/* ---------- ROUNDBOX - DEFAULT ---------- */
b.rtop, b.rbottom
{	
	display: block;
	margin: 0px;
	padding: 0px;
}

b.rtop b, b.rbottom b
{
	display: block;
	height: 1px;
	max-height: 1px;
    overflow: hidden; 
}

b.r1 {margin: 0 5px;}
b.r2 {margin: 0 3px;}
b.r3 {margin: 0 2px;}
b.rtop b.r4, b.rbottom b.r4 {margin: 0 1px; height: 2px;}

b.back 
{
    background-color: Transparent;
}
/* ------ END OF ROUNDBOX - DEFAULT ------- */

/* MENU */
		ul.menu, ul.menu ul {
			list-style-type:none;
			margin: 0;
  			padding: 0;
  			width: 170px;
		}

ul.menu a {
  display: block;
  text-decoration: none;	
  height: 15px;
}

ul.menu li {
  margin-top: 1px;
}

ul.menu li a {
  background: #225378;
  color: #fff;	
  padding: 10px;
}

ul.menu li a:hover {
  background: #77BAD8;
}

ul.menu li ul li a {
  background: #075EA0;
  color: #FFF;
  padding-left: 20px;
}

ul.menu li ul li a:hover {
  background: #77BAD8;
  border-left: 5px #F50000 solid;
  padding-left: 15px;
}

ul.menu li ul li ul li a {
  background: #62A0D0;
  color: #FFF;
  padding-left: 20px;
}

ul.menu li ul li ul li a:hover {
  background: #77BAD8;
  border-left: 5px #F50000 solid;
  padding-left: 15px;
}