body { /* background:#fff; */ background:#f0ece9; }

a { cursor:pointer; text-decoration:none; color:#000; }
h1,h2,h3 { font-size:125%; color:#2B3185; margin-bottom:15px; text-align:left; line-height:150%; }
h1 { font-size:125%; }
h3 { font-size:100%; }
.bg { /* background:#f6f4f1; */ background:#f0ece9; }


.imgfrm { }
.w50 { width:50%; }
.w75 { width:75%; }
.w100 { width:100%; }
.lx { float:left; margin:20px 20px 20px 0px; }
.rx { float:right; margin:20px 0px 20px 20px; }
.cn { margin:0px auto; }
.imgfrm img { display:block; max-width:100%; margin:0px auto; border:1px solid #e9e9e9; }
.did { margin-top:-5px; text-align:center; border:0px solid #999; width:100%; line-height:125%; 
		padding:5px 0px; font-size:87%; }

#frame { position:relative; width:100%; background:#369; 
	margin:0px auto 0px auto;  padding:0px 0px 0px 0px; 
	outline:0px solid #0f0; display:block; clear:both; }

#header { width:100%; text-align:right; font-size:125%; padding:20px 0px 30px 0px; 
		border-radius:0px; margin-bottom:0px; z-index:1000; outline:0px solid #f00; 
		background:#f0ece9; height:167px; }

#header .hdcont { position:relative; display:block; width:100%; max-width:1300px; outline:0px solid #0f0;}
#header .hdcont img { width:380px; }

#logoceub { position:absolute; left:80px; top:6px;  }
#logoceub img { width:150px !important;  }

#logoegf { letter-spacing:0.13em; font-family:Arial; font-weight:normal; color:#2B2E7E; position:absolute; 
	width:390px; margin-left:47%; left:0px; top:10px;  outline:0px solid #0f0; font-size:18px; }

#left { float:left; width:300px; min-height:100%; padding:50px 0px 50px 0px; margin-bottom:0px; 
		 background:#369; }
#right {  min-height:700px; overflow: auto; padding:48px 40px 48px 40px; margin-bottom:0px; 
		line-height:175%; text-align:left; background:#fff; }
#right a { color:#00f; }

.cont { padding:10px 20px; outline:0px solid #f00; max-width:1000px; }
#footer { clear:both; text-align:center; padding:10px 0px; border-radius:0px; width:100%; 
		height:65px; background:#f0ece9; border-bottom:0px solid #369; outline:0px solid #0f0; }
#footer .cont { padding-left:300px; position:relative; display:block; width:100%; 
		max-width:1300px; outline:0px solid #0f0; }


.course { border-top:1px solid #ccc; padding:10px; }
.coursetit { font-weight:bold; }
.coursepdf { vertical-align:middle; margin-left:10px; width:30px; }
.dwnld { margin-top:10px;  }

#menu ul { font-size:120%; text-align:right; padding-right:0px; color:#fff; }
#menu ul a { color:#fff; }
#menu ul li { list-style:none; padding:7px 20px 7px 10px; margin-bottom:21px; }
#menu ul ul { font-size:75%; margin:-21px 0px 20px 0px; /* width:160px; */ }
#menu ul ul li { margin-bottom:0px; /* padding:5px; */ border-bottom:0px solid #eee; }
.ch { background:#f0ece9 !important; color:#000 !important; }
.ch a { color:#000 !important; }


#corso { line-height:150%; }
#corso h1 { font-size:180% !important; line-height:100%; margin:20px 0px 0px 0px; }
#corso h1:first-child { margin:0px 0px 0px 0px; }
#corso h2 { font-size:140% !important; line-height:120%; margin:40px 0px 0px 0px; }
#corso h3 { font-size:120% !important; line-height:130%; margin:20px 0px 10px 0px; }


@media all and ( max-width:500px ) {
	#menu ul { text-align:left; }
	#menu ul li { list-style:none; padding:5px 10px 5px 20px; margin-bottom:5px; 
			border-radius:0px; }
	#menu ul ul { font-size:87%; margin:0px 0px 20px 0px; padding-left:0px; width:100%; }
	#menu ul ul li { padding-left:60px; }
	#footer .cont { padding-left:0px; position:relative; display:block; width:100%; 
		max-width:1300px; outline:0px solid #0f0; }

}




@media all and ( max-width:500px ) {

	#frame { margin:0px auto 0px auto; }

	#header { width:100%; font-size:100%; margin:0px; padding:20px 0px 20px 0px; 
			border-radius:0px; text-align:left; outline:0px solid #0f0; height:150px; }
	#header .hdcont { position:relative; display:block; width:100%; padding:0px; margin:0px 0px 0px -15px;  }

	#logoceub { position:relative; width:90%; outline:0px solid #f00; margin:-10px 0px 0px -50px; }
	#logoceub img { width:90px !important;  }

	#logoegf { letter-spacing:0.1em; position:relative; width:90%; margin-left:30px; padding:0px; 
		top:10px; outline:0px solid #0f0; font-size:12px; margin-top:-40px; }
	#logoegf img { position:relative; width:100% !important; }

	#left { float:none; min-height:0px; width:100%; padding:30px 0px 20px 0px; border:none; margin:0px; }
	#right {  min-height:0px; overflow: auto; padding:0px 20px 48px 20px; margin:0px; 
			border:none; text-align:left;  }

	.w50 { width:100%; }
	.w75 { width:100%; }

}