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

body
{
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#780348;
	
}
.affilation li
{
	list-style-type:none;
}
.affilation li a
{
	width:100%;
	border-radius:10px;
	background-color:#FFCC00;
	color:#000000;
	font-size:25px;
	padding:15px 12px;
	margin:15px 0px;
	list-style-type:none;
	text-align:center;
	display:block;
}

.affilation li a:hover{
	background-color:#000000;
	color:#FFFFFF; 
	
	}



.activity
{
	margin:30px;
}
.activity li
{
	display:inline-table;
	list-style-type:none;
	margin:20px;
	width:280px;
	height:250px;
	text-align:center;
}
.activity li a
{
	color:#FFFFFF;
	text-decoration:none;
}
.activity li img
{
	width:300px;
	height:250px;
	margin-bottom:8px;
	border:1px #FFFFFF solid;
	
}
.activies li
{
	display:inline-block;
	list-style-type:none;
	margin:8px;
}
.activies li img
{
	width:350px;
	height:310px;
	
}
.menuback
{
	background-color:#039;
}
.menus
{
	width:964px;
	margin-left:auto;
	margin-right:auto;
}
.banner
{
	background-color: #F90;
	padding:5px 0px 15px 0px;
	font-family: 'Cairo', sans-serif;
	border-top:3px solid #FC0;
	border-bottom:2px solid #fC0;
}
.banner a
{
	color: #666;
	text-decoration:none;
}
.banner h1
{
	font-size:40px;
	text-align:center;
	font-family: 'Cairo', sans-serif;
	color: #900;
	margin:0px;

}
.guru li
{
	font-family: 'Exo 2', sans-serif;

	padding:8px 10px;
	border:1px solid #fff; display:inline-block;
	margin-right:20px;
	text-align:center;
	line-height:25px;
	margin-bottom:30px;
	-webkit-border-radius:10px;
	background-color:#FFCC00;
	color:#000000;

}
.guru p
{
	margin:0px;
	
}
.guru ul
{
	margin-left:auto;
	margin-right:auto;
	width:85%;
}
.slider
{
	width:1250px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:50px;
}
.sliderframe
{
	width:1250px;
	height:400px;
	border:2px solid #fff;
	margin-left:auto;
	margin-right:auto;
}
h1
{font-family: 'Exo 2', sans-serif;

	text-align:center;
	color:#FFFFFF;
	margin:30px 0px;
	font-size:42px;
	text-transform:uppercase;
}
h2
{font-family: 'Exo 2', sans-serif;

	text-align:center;
	text-transform:uppercase;
	color:#FFFFFF;
	margin:30px 0px;
	font-size:30px;
}
h3
{font-family: 'Exo 2', sans-serif;

	font-size:23px;
	text-transform:uppercase;}
	.col
	{
		color:#990000;
	}
.homepage
{
	width:85%;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	color:#FFFFFF;
	line-height:26px;font-family: 'Exo 2', sans-serif;}
.sm1
{
	width:37%;
	margin-left:auto;
	margin-right:auto;
	} 
.sm2
{
	width:75%;
	margin-left:auto;
	margin-right:auto;
}
.sm3
{
	width:19%;
	margin-left:auto;
	margin-right:auto;
}
.sm4
{
	width:16%;
	margin-left:auto;
	margin-right:auto;
}
.sm5
{


	width:33%;
	margin-left:auto;
	margin-right:auto;
}
.sm6
{
	width:25%;
	margin-left:auto;
	margin-right:auto;
}
.sm7
{
	width:50%;
	margin-left:auto;
	margin-right:auto;
}
.sm8
{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
.sm9
{
	width:40%;
	margin-left:auto;
	margin-right:auto;
}
.other
{
	color: #333;
	line-height:24px;}
.splitcontet
{
	padding:20px 30px;
	background-color:#fdd857;
	border:1px solid #FFF;
	margin-top:40px;
	-webkit-border-radius:10px;
	color:#000;
	
}
h4
{
	text-align:center;
	color:#FFFFFF;
}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	.menus
{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.banner
{
	background-color: #F90;
	padding:5px 0px 15px 0px;
	font-family: 'Cairo', sans-serif;
	border-top:3px solid #FC0;
	border-bottom:2px solid #fC0;
}
.banner a
{
	color: #666;
	text-decoration:none;
}
.banner h1
{
	font-size:40px;
	text-align:center;
	font-family: 'Cairo', sans-serif;
	color: #900;
	margin:0px;
	line-height:40px;

}
.slider
{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
}
.sliderframe
{
	width:100%;
	height:170px;
	border:0px solid #fff;
	margin-left:auto;
	margin-right:auto;
}
.homepage
{
	width:85%;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	color:#FFFFFF;
	line-height:26px;font-family: 'Exo 2', sans-serif;}
	.guru li
{
	
	padding:8px 10px;
	border:1px solid #999; display:inline-block;
	margin-right:10px;
	text-align:center;
	line-height:25px;
	margin-bottom:30px;
	-webkit-border-radius:10px;
	background-color:#FFCC00;

}
.guru p
{
	margin:0px;
	
}
.guru ul
{
	margin-left:auto;
	margin-right:auto;
	width:90%;
}
h1
{
	text-align:center;
	color:#FFFFFF;
	margin:30px 0px;
	font-size:42px;
	text-transform:uppercase;
}
h2
{
	text-align:center;
	text-transform:uppercase;
	color:#FFFFFF;
	margin:30px 0px;
	font-size:30px;
}
h3
{
	font-size:23px;
	text-transform:uppercase;}
	.col
	{
		color:#990000;
	}
table
{
	width:auto;
}
.sm1
{
	width:70%;
	margin-left:auto;
	margin-right:auto;
	} 
.sm2
{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
.sm3
{
	width:70%;
	margin-left:auto;
	margin-right:auto;
}
.sm4
{
	width:70%;
	margin-left:auto;
	margin-right:auto;
}
.sm5
{


	width:80%;
	margin-left:auto;
	margin-right:auto;
}
.sm6
{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
.sm7
{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
.sm8
{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
.sm9
{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
.other
{
	color: #333;
	line-height:24px;}
.splitcontet
{
	padding:20px;
	background-color:#fdd857;
	border:1px solid #FFF;
	margin-top:40px;
	


}