/* =============================================================
   www.muratore.com.br | css stylesheet

   Compasso Arte 2007
   http://www.compassoarte.com.br | compasso@compassoarte.com.br
   ============================================================= */

/* ============================================================= 
   BODY & TIPOGRAPHY & SELECTORS
   ============================================================= */

* { margin: 0px; padding: 0px; }

body {
	padding-bottom: 40px;
	border-width: 19px 0px 0px 0px;
	border-color: #FF6600;
	border-style: solid;
	background-color: #FFFFFF;
	color: #333333;
	font-size: 13px;
	line-height: 18px;
	font-family: Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
	/* for IE 5 win - see container */
}

h1 {
	padding-top: 10px;
	padding-bottom: 15px;
	font-size: 21px;
	line-height: 18px;
	color: #000066;
	font-weight: lighter;
	text-transform: uppercase;
}

h2 {
	padding-top: 16px;
	padding-bottom: 6px;
	font-size: 15px;
	line-height: 18px;
	color: #000066;
}

p { padding: 0px 0px 10px 0px; }

a, a:visited { text-decoration: none; color: #666666; }
a:hover { color: #1A255A; }

img { border: none; }
hr { 
	margin-top: 5px;
	padding-bottom: 10px; 
	border-style: solid;
	border-top-width: 1px;
	border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px;
	border-color: #EAEAEA;
	}

.txtred { color: #990033; }
.txtblack { color: #000000; }
.right { text-align: right; }
.small { font-size: 11px; line-height: 15px; }
.small-gray { font-size: 11px; line-height: 15px; color: #666666; }

/* ============================================================= 
   CONTAINERS
   ============================================================= */

#container-page {
	float: left;
	width: 100%;
	border-width: 3px 0px 0px 0px;
	border-style: solid;
	background-color: #FFFFFF;
	border-color: #FFCC99;
}

#container {
	width: 1000px;
	position: relative;
	margin: 0px auto 0px auto;
	background-color: transparent;
	text-align: left;
}

#content {
	width: 100%;
	float: left;
	padding: 0px 0px 80px 0px;
	background-color: #FFFFFF;
}

/* ============================================================= 
   CLASSES
   ============================================================= */
.boxleft { float: left; margin-right: 10px; padding: 3px; border: 1px #DCDEDD solid; background-color: #FFFFFF; }


/* ============================================================= 
   HEADER & SPLASH
   ============================================================= */
#header { width: 100%; height: 70px; float: left; margin-top: 10px; background-image: url(images/main/vm-header-bg.gif); background-position: left top; background-color: transparent; display: block; clear: both; }
#header #logo { margin: 0px; float: left; display: inline; }
#header #flag { margin: 0px; float: right; clear: left; }


/* ============================================================= 
   MENU & NAVIGATION
   ============================================================= */
#basenav { width: 100%; float: left; margin: 8px 0px 8px 0px; padding: 0px 5px 0px 5px; }
#basenav ul.menu { width: 100%; float: left; padding: 0px; border-width: 1px 0px 1px 0px; border-color: #CCCCCC; border-style: solid; list-style: none; display: block; font-size: 13px; }
#basenav ul.menu li { display: inline; float: left;  text-align: center; }
#basenav ul.menu li a, ul.menu li a:visited { display: block; padding: 10px 32px 3px 32px; border-bottom: 4px transparent solid; color: #666666; }
#basenav ul.menu li a:hover { border-bottom: 4px #92B2CB solid; background-color: #F7F7F7; color: #000000; }
#basenav ul.menu li a.selected { display: block; margin: 0px; padding: 10px 32px 3px 32px; border-bottom: 4px #3371B4 solid; background-color: #F7F7F7; color: #00283E; cursor: default; }


/* ============================================================= 
   LEFT COLUMN
   ============================================================= */
#left_column { width: 200px; float: left; display: inline; padding: 16px 8px 0px 8px; }

#left_column ul { width: 190px; display: block; margin: 0px 0px 20px 0px; padding: 0px 0px 10px 0px; font-size: 11px; line-height: 14px; list-style-type: none; }
#left_column ul li { margin: 0px 5px 0px 5px; padding: 0px 0px 0px 5px; border-color: #CCCCCC; border-width: 1px; border-style: none none solid none; }
#left_column ul li.top { border-color: #CCCCCC; border-width: 1px; border-style: solid none solid none; }

#left_column ul li a { width: 100%; display: block; margin: 0px 0px 0px -5px; padding: 8px 0px 8px 5px; color: #666666; }
#left_column ul li a:hover { color: #000000; background-color: #F7F7F7; }
#left_column ul li a.current { margin: 0px 0px 0px -5px; padding: 8px 0px 8px 5px; background-color: #D9E0E7; color: #000066; cursor: default; }


/* ============================================================= 
   RIGHT COLUMN
   ============================================================= */
#right_column { width: 740px; float: right; display: inline; padding: 20px 20px 0px 20px; background-image: url(images/main/right-column-bg.jpg); background-repeat: no-repeat; background-position: 0px 0px; /* background-color: #99FF33;*/ }

#right_column p.title { margin-left: -4px; }
#right_column p.subtitle { padding: 8px 0px 8px 0px; font-size: 14px; }
#right_column p.urls { margin-bottom: 20px; padding: 5px 0px 5px 0px; border-bottom: 1px #CCCCCC solid; border-top: 1px #CCCCCC solid; font-size: 10px; color: #999999; }

#right_column p.downtext { padding: 4px 0px 0px 24px; background-image: url(images/main/vm-icon-text-01.gif); background-repeat: no-repeat; background-position: 3px 5px; }
#right_column p.downpdf { padding: 4px 0px 0px 24px; background-image: url(images/main/vm-icon-pdf-01.gif); background-repeat: no-repeat; background-position: 3px 5px; }

#right_column a, a:visited { text-decoration: none; color: #666666; }
#right_column a:hover { text-decoration: underline; color: #1A255A; }

#right_column a.urls, a.urls:visited { color: #999999; }
#right_column a.urls:hover { color: #333333; }

#right_column ul { list-style-type: none; padding-bottom: 5px; }
#right_column ul li { padding: 0px 0px 3px 22px; background-image: url(images/main/vm-bullet-01.gif); background-position: 10px 7px; background-repeat: no-repeat; }
#right_column ul li a:hover { color: #990033; }

#right_column img.box {	padding: 5px; border: 1px #D9E0E7 solid; background-color: #F7F7F7;}


/* ============================================================= 
   SUB COLUMNS
   ============================================================= */
.subcolumn_full { clear: both; }
.subcolumn_left { width: 230px; float: left; display: inline; margin: 0px; padding: 10px 0px 10px 0px; /* background-color: #99FF33;*/ }
.subcolumn_right { width: 450px; float: left; display: inline; margin: 0px; padding: 0px; /* background-color: #9999FF*/; }


/* ============================================================= 
   PAGE FOOTER
   ============================================================= */
#page_footer {
	width: 100%;
	float: left;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	border-color: #FFCC99 transparent #FF6600 transparent;
	border-width: 1px 1px 10px 1px;
	border-style: solid none solid none;
	font-size: 9px;
	line-height: 18px;
	color: #333333;
}

#page_footer p.copyright {
	float: left;
	display: inline;
}

#page_footer p.credits {
	float: right;
	text-align: right;
}

#page_footer a, a:visited { color: #333333; }
#page_footer a:hover { color: #023766; }