@charset "utf-8";
/* CSS Document */

body {
	background:url(../images/background.jpg) no-repeat center top;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}
#wrap {
	margin:0px auto;
	width:980px;
	color:#fff;
	padding:30px 0px 0px; overflow: hidden;
}
a {
	color:#fff;
}
a:hover {
	color:#fff;
}
#topnav {
	float:right;
	width:560px;
}
#topnav ul {
	padding:0px;
	margin:0px;
	margin-top:15px;
}
#topnav ul li {
	display:inline;
	list-style:none;
	margin:0px 17px;
	background:#c2c2c2;
}
#mainnav {
	position:relative;
	padding:0px;
	width:970px;
	clear:both;
	margin:0px;
	padding-top:30px;
	color:#000!important;
}
#mainnav a {
	color:#000!important;
	text-decoration:none;
}
#mainnav li {
	list-style:none;
	margin:0px;
}
#mainnav li a span {
	padding-left:25px;
	
}
#mainnav li a:hover span {
	padding-left:25px;
	
}
#mainnav li#ignou {
width: 200px;
position: absolute;
left: 755px;
top: 0px;
}
#mainnav li#virtualclass {
width: 300px;
position: absolute;
left: 580px;
top: 80px;
}
#mainnav li#egyankosh {
width: 300px;
position: absolute;
left: 400px;
top: 140px;
}
#mainnav li#educationbroadcast {
width: 300px;
position: absolute;
left: 140px;
top: 200px;
}
#mainnav li#contactus {
width: 300px;
position: absolute;
left: -10px;
top: 210px;
}
#mainnav li#flexilearn {
	width:250px;
	position:absolute;
	left: 430px;
	top: 135px;
}
#mainnav li#sakshat {
	width:300px;
	position:absolute;
	left: -10px;
	top: 210px;
}

#mainnav li#flexilearn a div {
	width:250px;
}
#mainnav li#educationbroadcast a div {
	width:350px;
}
#mainnav li#egyankosh a div {
	width:300px;	
}
#mainnav li#sakshat a div {
	width:300px;
}
#mainnav li#virtualclass a div {
	width:300px;
}
#mainnav li#educationtelecast a div {
	width:300px;
}
#mainnav li#ignou a div {
	width:100%;
}
#content {
	float:left;
	width:650px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:12px;
	padding-top:10px;
	line-height:15px;
	clear:both;
}
#mainnav li a div {
	visibility:hidden;
	background:#c3e1ff;
	padding:2px;
	border:1px solid #666;
	font-size:10px;
	color:#000!important;
	clear:both;
	position:relative;
	z-index:1000;
}
#mainnav li a:hover div {
	clear:both;
	color:#000!important;
}
#logo {
	background:url(../images/logo.png) no-repeat left top;
	font-size:18px; width:128px;height:57px;float:left;
}
#contentwrap {
	min-height:550px;
	height:auto !important;
	height:500px;
	padding-top:95px; *padding-top:50px;
	background:url(../images/bgimage.jpg) no-repeat bottom right;
}
#footer {
	border-top:#336699 7px solid;
	clear:both;
	margin:0px auto;
	width:980px;
	text-align:center;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
.heading {
	margin-left:12px;
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	width:680px;
	font-weight:bold;
	padding-top:15px;
	text-align:right;
}
.links {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#003466;
}
/* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="col-"] {
        width: 100%;
    }
	
	body {
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}
#wrap,#topnav,#content,#mainnav {
	margin:0px auto; 
	width:100%;
	color:#000; display:none;  
}
	.header
{background-color:#1f3a69;}
}
.footer{ font-size:12px;
 border-top:5px solid #1f3a69;
}
.img{ width:100%; height:auto;}
.panel-default > .panel-heading {
    color: #fff !important;
    background-color: #1f3a69 !important;
    border-color: #3F51B5;
}