/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

html {background:url(images/left-tail-bg.gif) left top repeat-y;}
body{
	
	text-align:center;
}

img {vertical-align:top; position:relative; z-index: 1;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.25em;
		color:#8a8a8a;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#6878cd;}
a:hover{text-decoration:none;}
strong a {color:#4e4d4d;}
p {padding-top:15px;}

/* ============================= main layout ====================== */

.top-tail { background:url(images/top-tail.gif) top repeat-x; margin-left:0px;}

/*
li {font-size:0.917em; line-height:1.818em;}
li a {color:#4e4d4d; font-weight:bold;}

.list li {font-size:1em; line-height:1.667em;}
.list li a {color:#4e60c4; font-weight:normal;}
*/

.imgindent {margin:0 30px 0 0; float:left;}

.link {background:url(images/link-bg.gif) no-repeat top right; padding-right:16px; font-size:0.917em; color:#515fad; font-weight:bold; text-decoration:none;}
.extra {display:inline-block; margin-top:8px;}
.link:hover {text-decoration:underline;}
.link2 {font-size:0.917em; display:inline-block; margin-top:26px;}

.title {margin-bottom:43px;}
.title1 {background:url(images/title-bg1.jpg) no-repeat 0 0; padding:30px 0 21px 60px; margin:0 0 4px -8px; position:relative; display:inline-block;}
.title2 {background:url(images/title-bg2.jpg) no-repeat 0 0;}
.title4 {background:url(images/title-bg4.jpg) no-repeat 0 0;}
.title5 {background:url(images/title-bg5.jpg) no-repeat 0 0; padding-left:73px;}
.title6 {background:url(images/title-bg6.jpg) no-repeat 0 0;}
.title7 {background:url(images/title-bg7.jpg) no-repeat 0 0;}
.title3 {background:url(images/title-bg3.jpg) no-repeat 0 0; padding:13px 0 31px 70px; margin:0 0 14px 0; position:relative; display:inline-block;}

/* ============================= header ====================== */

#header .menu {padding-top:35px;}
.flash {
	float:right;
	padding-top:20px;
	margin-bottom:-506px;
	width:923px;
	height:437px;
}

.flash_b {
	float:right;
	padding-top:20px;
	margin-bottom:-506px;
	width:923px;
	height:437px;
	background-image: url(images/header-bg.jpg);
	background-repeat: no-repeat;
	background-position: right -48px;
}

#header .block {
	width:455px;
	border-left:1px solid #dedede;
	height:235px;
	padding-top: 36px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 69px;
}

#header {
	background-image: url(top_bk.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#header .title {margin:0 0 16px -28px; position:relative;}

/* ============================= content ====================== */

#content { border-left:1px solid #dedede; position:relative; padding:0 68px 41px 67px;}

#content_b { border-left:1px solid #dedede; position:relative; padding:20px 68px 41px 67px;}

.box {background:#fcfbf9 url(images/box-tail-top.gif) top repeat-x; color:#636362; width:100%;}
.box .corner-top-right {background:url(images/box-corner-top-right.gif) top right no-repeat;}
.box .corner-top-left {background:url(images/box-corner-top-left.gif) top left no-repeat; width:100%;}
.box .indent {padding:14px 18px 0 16px;}

.box2 {background:url(images/box2-tail-top.gif) top repeat-x; color:#636362;}
.box2 .corner-top-right {background:url(images/box2-corner-top-right.gif) top right no-repeat;}
.box2 .corner-top-left {background:url(images/box2-corner-top-left.gif) top left no-repeat; width:100%;}
.box2 .indent {padding:25px 30px 0 24px; margin:0 !important;}
.box2 .indent2 {padding:11px 30px 0 24px;}
.box2 .title {margin-bottom:20px;}
.box2 p {padding-top:18px;}

div#rig_rig {
	float:right;
	width:257px;
	margin-right: -20px;
}

.contacts-box {
	background:url(images/contacts-box.jpg) no-repeat;
	width:213px;
	height:120px;
	margin-top:29px;
	color:#303402;
	font-size:0.75em;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.333em;
	padding-top: 23px;
	padding-right: 23px;
	padding-bottom: 20px;
	padding-left: 21px;
	display: block;
	float: right;
}
.contacts-box .phone {float:right;}
.contacts-box a {color:#fff;}
.contacts-box .title {margin-bottom:16px;}
.contacts-box strong {font-weight:normal; color:#fff;}

.date {background:url(images/date-bg.gif) no-repeat 0 0; padding:6px 0 15px 50px; display:inline-block; color:#0c0c0b;}

.news {margin-top:21px;}

.col-pad {padding-right:35px;}
.col-pad2 {padding-right:10px;}
.padding1 {padding-top:5px;}
.margin1 {margin-top:24px;}
.margin2 {margin-top:47px;}
.img {text-align:center; margin-bottom:20px;}
.extra2 {width:78px; display:inline-block;}
#page7 h3 {margin-bottom:0;}
#page7 .margin1 {margin-top:30px;}

/* ============================= footer ====================== */

#footer {
border-left:1px solid #d6d6d6; 
/*padding-left:70px;  --->meiling */
color:#b5b5b5;
}
#footer .inner {
border-top:1px solid #d6d6d6; 
padding:31px 0 0 70px; /*meiling change left from 0 to 70px*/
}
#footer a {color:#b5b5b5; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

#menu ul {padding-bottom:15px;}
#menu ul li {display:inline; margin-right:15px; text-transform:uppercase;}
#menu ul li a {text-decoration:none; color:#333333;}
#menu ul li a:hover {color:#304097; text-decoration:none;}
#menu ul .active a {color:#304097;}

/* ============================= forms ============================= */

#ContactForm {margin-right:-20px;}
#ContactForm .rowi {height:40px; font-size:0.917em;}
#ContactForm .rowt {font-size:0.917em;}

.input {width:232px; height:15px; border:1px solid #7d7d7d; background:none; padding:0 0 0 5px; font-size:1em;}
textarea {width:232px; height:105px; border:1px solid #7d7d7d; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}

/*=== Navigation ===*/


/*  NavMenu styles start here */


#navHContainer {
    position:absolute;
    left:400px;
    top:110px;
    display:block;
    width:600px;
}

#nav ul {
	margin:0;
	list-style:none;
	float:left;
	width:auto;
	padding: 0px;
	position:relative;
	z-index:50000;
}

#nav li {
  position: relative;
  float:left;
  line-height : 1.3em;
  list-style: none;
}

#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	width:14em;
	border:1px solid #999999;
	background-color: #3b3b79;
	z-index: 999;
}


#nav a {
	color: #545454;
	display: block;
	padding-top: 14px;
	margin: 0px;
	text-decoration: none;
	height: 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	float: left;
	display: block;
	text-align: center;
	background: url(images/m1.jpg) no-repeat;
	width:100px;
}

#nav li li a {
	padding-bottom: 4px;
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0px;
	float: none;
	background-image: none;
	width: auto;
	height: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	text-align:left;
}

#nav li li a:hover {
	padding-bottom: 4px;
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	font-size: 10px;
	font-weight: normal;
	color: #fff;
	margin: 0px;
	float: none;
	background-image: none;
	width: auto;
	height: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	text-align:left;
	background-color: #5050A5;
}

#nav li li {
	padding: 0px;
	width:14em;
}

#nav li a:hover {
	display: block;
	padding-top: 14px;
	margin: 0px;
	text-decoration: none;
	height: 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	float: left;
	display: block;
	text-align: center;
	width:100px;
	background: url(images/m1-act.jpg) no-repeat;
	cursor: pointer;
	color: #fff;
}


#nav li a.SelectedTab {
    display: block;
	padding-top: 14px;
	margin: 0px;
	text-decoration: none;
	height: 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	float: left;
	display: block;
	text-align: center;
	width:100px;
	background: url(images/m1-act.jpg) no-repeat;
	cursor: pointer;
	color: #fff;
}

#nav li.SelectedTab a {
    display: block;
	padding-top: 14px;
	margin: 0px;
	text-decoration: none;
	height: 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	float: left;
	display: block;
	text-align: center;
	width:100px;
	background: url(images/m1-act.jpg) no-repeat;
	cursor: pointer;
	color: #fff;
}


/* REGRAS PARA SELECTED SUB MENU */

#nav li.SelectedTab ul { /* second-level lists */
	position : absolute;
	left: -999em;
	width:14em;
	border:1px solid #999999;
	background-color: #3b3b79;
	z-index: 999;
}

#nav li.SelectedTab li { /* second-level lists */
}

#nav li.SelectedTab li a {
    padding-bottom: 4px;
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0px;
	float: none;
	background-image: none;
	width: auto;
	height: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	text-align:left;
}

#nav li.SelectedTab li a:hover {
	padding-bottom: 4px;
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	font-size: 10px;
	font-weight: normal;
	color: #fff;
	margin: 0px;
	float: none;
	background-image: none;
	width: auto;
	height: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	text-align:left;
	background-color: #5050A5;
}

#nav .DisabledTab {
    color:#ccc;
}
/* no need to change these hover classes 
unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{
  left: -999em;
}

#nav li:hover ul, 
#nav li.iehover ul {
	top: 3.3em;
	left:0;
}
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li.iehover ul,  
#nav li li li.iehover ul {
	top: 0;
	left:14.0em;
}










.copyright {
	color:#b5b5b5;
}
.copyright a{
	color:#b5b5b5;
	text-decoration:none;
}
.copyright a:hover{
	color:#304097;
	text-decoration:none;
}

/* MY CODES */


div.top_Pane {
	float: left;
	width: 454px;
}

div.logo_b {
	float: left;
	width: 295px;
	margin-top: 12px;
}

div.menu_b {
	float: left;
	width: 710px;
	padding-top: 9px;
	position:inherit;
	z-index: 100000;
}

div.ContentPane {
	float: left;
	width: 540px;
	margin-top: 20px;
	margin-bottom: 20px;
}

div.ContentPane_b {
	float: left;
	width: 520px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(degra_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px;
}


div.sitemap_Pane {
	float: right;
	width: 120px;
	height: 22px;
	margin-right: 60px;
	margin-top: -42px;
}

div.RightPane {
	float:right;
	width:237px;
	display: block;
	background-image: url(degra_02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px;
}


H1, H2, H3, H4, H5, DT, H6
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
H1
{
	font-size: 240%;
	font-weight: normal;
	color: #5c5c5c;
}

H2
{
	font-size: 180%;
	font-weight: normal;
	color: #5c5c5c;
}

H3
{
    font-size: 160%;
    font-weight: normal;
    color: #5c5c5c;
}

H4
{
    font-size: 140%;
    font-weight: normal;
    color: #5c5c5c;
    margin: 0px;
}

H5, DT
{
    font-size: 140%;
    font-weight: normal;
    color: #fff;
    margin: 0px;
}

H6
{
    font-size: 90%;
    font-weight: normal;
    color: #7384f6f;
    margin: 0px;
}

.Normal a:link {text-decoration: underline; color: #000;}
.Normal a:visited {text-decoration: underline; color: #ccc;}
.Normal a:hover {text-decoration: none; color: #000;}
.Normal a:active {text-decoration: none; color: #000;}

.Normal
{
	margin: 0;
	padding: 0;
	line-height: 1.3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #666666;
}