/* CSS Document */
body {
	margin: 0px 15% 0px 15%;
	/*margin-top: 135px;
	border: 1px red;*/
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

#content{
	z-index:0;
	position:absolute;
	border-color:#0000CC;
	border-bottom-width:thin;
	top:158px;
	width:760px;
	left: 0px;
	}

img {
float:right;
padding: 10px;
}
/*header*/

#flashHeader {
	position:absolute;
	margin:0px;
	padding:0px;
	left:0;
	top:0;
	}

#leftAd {
	position:absolute;
	left:0;
	top: 165px;
	background-color: transparent;
	border: 0;
	width: 140px;
}
/*
#rightAd {
	position: absolute;
	
	left:640px;
	top: 165px;
	background-color: transparent;
	border: 0;
	width: 140px;
}*/
#maincontent {
	/*left:10px;
	top: 30px;*/
	background-color: transparent;
	width: 480px;
	font-size: 80%;
	text-align:left;
}
#maincontent p {
	margin: 8px 22px 8px 22px;
	line-height: 150%;
	text-align: justify;
	}

#maincontent img {
float:right;
padding: 10;
margin: 5;
}

#ruta {
	background-color:#FFFFFF;
	padding: 0px 20px 0px 20px;
	margin: 2px 2px 2px 2px;
	/*width: 200px;*/
	text-align:right;
	elevation:lower;
	/*float:right;*/
	font-size:70%;
	/*display:block;*/
	color:#3366CC;
	}
	
	#ruta a:link, #ruta a:visited, #ruta a:active{ text-decoration: none; color:#000033}
	#ruta a:hover {text-decoration:line-through;}
	

/* Heading Rules */

/*el h1 no lo usamos aqui*/
h2 {
	margin: 24px 0 0 5; /* shorthand T-R-B-L */
	font-family: "Century Gothic", Arial, sans-serif; 
	font-weight: normal;
	font-size: 200%;
}
h3 {font-size: 130%; margin: 44px 0 0 5;}
h4 {font-size: 115%; margin: 36px 0 0 5;}
h4 {font-size: 105%; margin: 36px 0 0 10;}

#maincontent a:link {color: #878F74;}
#maincontent a:visited {color: #9BA38B;}
#maincontent a:hover, #maincontent a:active, #maincontent a:focus {color: #000000;}

/*El numero 1 es para los botones principales. El nombre solo es para la posicion de los submenus*/
#aboutBmr1, #medicalService1, #healthProgram1, #checkUp1, #location1, #network1, #outreach1{
	z-index:2;
	position: absolute;
	margin:0px;
	padding:0px;
	top:68px;
	background-color: transparent;
	border: 0;
	width: 134px;
	/*height:40px;*/
}

#contactUs1, #whatsnew1, #feedback1, #ourDoctors1, #talkDirector1, #internationalmc1, #insurance1, #bmrActivities1, #bmrTraining, #magazine1 {
	z-index:1;
	position: absolute;
	top: 117px;
	background-color: transparent;
	border: 0;
	width: 134px;
	left: 0px;
	/*height:40px;*/
}

/*Posicion Menu - Botones principales*/
#aboutBmr1 {left: 0px;}
#medicalService1 {left: 134px;}
#checkUp1 {left: 268px;}
#location1 {left: 402px; width:110px;}
#network1 {left: 512px;}
#outreach1 {left: 641px;}
#watsnew1 {left: 0px;}
#ourDoctors1 {left: 134px;}
#talkDirector1 {left: 268px;}
#feedback1 {left: 402px; width:110px;}
#internationalmc1 {left: 512px;}
#insurance1 {left: 646px;}

.menu a {
	display:block;
	background-color:#0033CC;
	}
	
.menu a:hover, .menu a:active, .menu a:focus {
	background-color:#FFFFFF;
	}

/*Submenus PRIMER NIVEL*/
#aboutBmrSub, #medicalServiceSub {
	z-index:2;
	position:absolute;
	width: 160px;
	top: 115px;
	font-size: .8em;
	visibility:hidden;
	background-color:blue;
	}
#aboutBmrSub {left:0;}
#medicalServiceSub {left:134px;}

.submenus p {margin: 0; z-index:3;}

.submenus a, .submenus a:visited {
	display: block;
	padding: 1px 8px 1px 12px;
	border: 1px solid;
	border-color: #999 #333 #333 #999;
	background-color: #6699FF;
	color: black;
	text-decoration: none;
}

/*Active and Focus trigger the color change in IE-PC and other modern browsers when tabbing through the links with keyboard. */
.submenus a:hover, .submenus a:active, .submenus a:focus {
	background-color:#000099;
	color: #FFFFFF;
}
/*-----------------------------*/
#footer {
	margin: 8px 0 8px 0;
	font-size: 70%;
	padding: 6px 0 0 0;
	border-top: 2px dotted #CCD3B0;
	color:#0000CC;
}
#footer a:link {color:#0099FF; text-decoration: none;}
#footer a:visited {color:#3333FF; text-decoration:none;}
#footer a:hover, #footer a:active, #footer a:focus {color: #000000;}

#ilus {
padding: 5px;
margin: 10px;
float:right;
}

#drs {
padding: 0px;
margin: 0px;
float:left;
}