@charset "utf-8";
/* CSS Document */
/* ### GENERAL ### */
* {
	margin: 0px;
	padding: 0px;
	/*width: 200px;*/
}
html, body { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #000; }
input, select, textarea { font-family: Arial; font-size: 11px; color: #3b3b3b; }
body { background: #ccc }
img { border: 0px; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both;}

/* ### WRAPPER ### */
#wrapper { width: 100%; min-height: 100%;}

/* ### MAIN CONTAINER ### */
#mainCntr { padding-bottom: 30px; padding-top: 20px; margin: 0 auto; width: 900px;}

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 900px; height: 98px; background: #fff url(../images/header-bg.gif) top left no-repeat;  border: 2px #000 solid;}
		
		/* ### LOGO ### */
			#logo {float: left; width: 253px; height: 98px; background: #fff url('../images/metrocal-logo.gif') no-repeat;}
			#logoHome {/*float: left;*/ width: 253px; height: 98px; background: #fff url('../images/metrocal-logo.gif') no-repeat; border-bottom: 2px solid #000;}
		
		/* ### HEADER CONTAINER RIGHT ### */
			#headerCntrRight {float: right; width: 644px; background: url('../images/top-banner.jpg') no-repeat; height: 98px; border-left: solid #000 2px;}
			#denis {height: 40px; border-bottom: 2px solid #000; margin-bottom: 10px; padding: 10px 0 0 0;}
			#denis p{font-size: 12px; font-weight:bold; color: #0265A6; text-align:center;}	
			#denis p.black{ color: #000;}
		
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { /*overflow: hidden; */position: relative; width: 900px; background-color: #fff; border-top: 0px; border-right: 2px solid #000;border-bottom: 2px solid #000; border-left: 2px solid #000;}
	
		/* ### LEFT CONTENT CONTAINER ### */
			#contentCntrLeft {float: left;width: 253px;	padding: 25px 0 25px 0;	}
			#contentCntrLeftHome {float: left;width: 253px;	border-right: 2px solid #000;border-top: 2px solid #000; height: 530px}
		
			/* ### MENU BOX ### */
			.menuBox { padding: 0 0 0 25px; background: #fff; position: relative; }
			.menuBoxHome { padding: 25px 0 0 25px; background: #fff; position: relative; margin-top: 5px;}
			/*.menuBox h2 { position: absolute; top: -29px; text-align: center; line-height: 29px; font-size: 14px; color: #5d2b33; font-family: Georgia, Arial; left: -1px; width: 81px; height: 29px; background: url(../images/menu-box-headingbg.gif) top left no-repeat; }*/
			.menuBox ul, .menuBoxHome ul { list-style: none;/* overflow: hidden;*/ font-family: Verdana, Geneva, sans-serif; }
			.menuBox li, .menuBoxHome li { font-size: 14px; color: #000; line-height: 16px; padding-bottom: 20px; font-weight: bold; }
			.menuBox li a,  .menuBoxHome li a{ color: #0265a6; text-decoration: none; font-weight: bold; }
			.menuBox li a:hover, .menuBoxHome li a:hover {color: #000; }
			.menuBox li a.active, .menuBoxHome li a.active { color: #000; }

		/* ### RIGHT CONTENT CONTAINER ### */
			#contentCntrRight  {float: right; width: 644px; background: #f5f7fa url('../images/background-01.jpg') no-repeat; border-left: solid #000 2px; min-height:428px;}
			#contentCntrRightHome  {float: right; width: 645px; background-color: #fff; border-top: solid #000 2px; border-left: none; min-height:530px;}
			
			
			#text {padding: 20px;}
			#text h1 {font-size: 22px; padding-bottom: 15px;}
			#text h2 {font-size: 18px; padding-top:10px;padding-bottom:10px;}
			#text h3 {font-size: 14px; padding-top:10px;padding-bottom:10px; color:#0265a6;}
			#text p {font-size: 11px; line-height: 16px; padding-bottom:15px;}
			#text ul {font-size: 11px; line-height: 16px; padding-left:30px; list-style:square;padding-bottom:15px;}
			#text li {}
			
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { /*padding-top: 45px;*//* overflow: hidden;*/ width: 900px; }

		
		/* ### FOOTER BOX ### */
		.footerBox { padding-top: 10px; width: 900px; text-align: center; font-size: 10px; color: #000; }
		.footerBox ul { list-style: none; text-align: center; }
		.footerBox li { padding-right: 15px; display: inline; line-height: 17px; }
		.footerBox p { padding-bottom: 18px; line-height: 17px; }
		.footerBox span { text-transform: uppercase; font-weight: bold; }
		.footerBox img { margin-right: 45px; text-align: center; }
		.footerBox img.first { position: relative; top: -25px; }