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

body
{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
    /*background:url(../Other%20Images/518164-backgrounds.jpg) fixed;*/
	background:url(../img/GB2.jpg) fixed;
	/*background:url(../images/bg.jpg) fixed;*/
}
*
{
	margin:0px;
	padding:0px;
}
.clr
{
   clear:both;	
}
.cont
{
	width:100%;
	margin:auto;
}
header
{
	width:88%;
	/*background:#00295c;*/
	/*background:#0099CC;*/
	/*border:1px solid #FFF;*/
	margin:auto;
	border-radius:5px;
	/*background-image:url(../img/top_bg.png);*/
	/*background:#24a2d6;*/

	background-repeat:repeat-x;
	/*opacity:0.7;*/
	/*box-shadow:0px 4px 5px #000000;*/
}
.logo
{
	width:8%;
	margin:10px 0px 10px 10px;
	float:left;
	
}
.logo img
{
	width:100%;
}

.name
{
	width:100%;
	font-size:20px;
	margin-top:0%;
	/*text-shadow:0px 0px 0px #FFF;*/
	float:left;
	box-sizing:border-box;
	text-transform:uppercase;
	color:#609;
	text-align:center;
	/*text-shadow:0px 1px 3px #fff;*/
}
.name img
{
  width:100%;
  border:1px solid #FFF;
  border-radius:5px;
  box-shadow:0px 4px 5px #000000;	
}
.name h2
{
	font-size:40px;
}
.ban
{
	width:88%;
	margin:auto;
}
.ban1
{
	width:28%;
	float:left;
	border:1px solid #FFF;
	margin:auto;
	background:#FFC;
	opacity:0.9;
	border-radius:5px;
	box-shadow:0px 3px 4px #000000; 
}
.ban1 p
{
	padding-left:4%;
	font-size:16px;
	padding-top:3%;
}
.ban2
{
	width:42%;
	float:left;
	margin-left:0.8%;
	border:1px solid #FFF;
	box-shadow:0px 3px 4px #000000; 
}
.ban3
{
	width:28%;
	float:right;
	border:1px solid #FFF;
	margin:auto;
	border-radius:5px;
	box-shadow:0px 3px 4px #000000; 
	height:318px;
}
.ban3 iframe
{
	width:100%;
	height:318px;
	border:0px solid #000;
	border-radius:5px;
}
.bdy
{
	width:88%;
	background:#FFC;
	border:1px solid #fff;
	margin:auto;
	border-radius:5px;
	opacity:0.9;
}
.bdy2
{
	width:88%;
	background:#FFC;
	
	border:1px solid #fff;
	margin:auto;
	border-radius:5px;
	opacity:0.9;
	
	
}


.wel_left h2
{
	color:#600;
	
}
.wel_left
{
	width:65%;
	float:left;
	color:#000;
	text-align:justify;
	padding-left:1%;
	margin-left:2%;
	padding-right:1%;
	font-size:14px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
.wel_left3
{
	width:98%;
	float:left;
	padding:10px;
	font-size:14px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}

.wel_left img
{
	width:100%;
}

.wel_left p img
{
	width:30%;
	float:left;
	padding-right:2%;
}
.wel_right
{
	width:27.8%;
	float:left;
	text-align:left;
	border:0px solid #036;
	margin-right:2%;
	margin-top:1%;
	
}
.wel_right02
{
	width:20%;
	float:left;
	text-align:left;
	border:0px solid #036;
	margin-right:2%;
	margin-top:1%;
	
}

.wel_right02 a p
{
	float:left;
	margin-top:8px;
	color:#006;
	
	
}
.wel_right img
{
	width:100%;
}
.wel_right h2
{
	color:#600;
}
footer
{
	width:88%;
	/*background:#0d5c96;*/
	background:url(../img/ft.png) no-repeat;
	border:1px solid #FFF;
	opacity:0.9;
	margin:auto;
	border-radius:5px;
	text-align:center;
	padding-top:2%;
	padding-bottom:2%;
	color:#FFF;
}

footer a
{
	text-decoration:none;
	color:#FFF;
}

.admission
{
	width:100%;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#0C3;
	color:#FFF;
	border:1px solid #000;
	display:block;
	position:relative;
}
.admission a
{
	color:#FFF;
	font-weight:bold;
	display:block;
}

.admission:hover
{
	background-color:#F30;
	display:block;
	
}

.gb a img
{
	width:20%;
}



.gallery
{
	width:20%;
	float:left;
	margin-left:4%;
}


.gallery img
{
	width:100%;
	
}









@media screen and (max-width: 480px)

{
	.cont
{
	width:90%;
}
header
{
	width:90%;
}
.logo
{
	width:50%;
	margin-left:22%;
	margin-top:10%;
}
.name
{
	width:100%;
	margin-top:2%;
	margin-bottom:8%;
}

.name h1
{
  font-size:36px;	
}

.name p
{
	padding-bottom:0%;
}
.ban
{
	width:90%;
}
.ban1
{
	width:100%;
	margin-left:0.0%;
	margin-bottom:8%;
}
.ban2
{
	width:90%;
	margin-left:5%;
	margin-bottom:8%;
}
.ban3
{
	width:100%;
	margin-right:0.2%;
}
.ban3 iframe
{
	width:100%;
}
.bdy
{
	width:90%;
}
.wel_left
{
	width:95%;

}
.wel_left p
{
	padding-right:4px;
	padding-left:0px;

}
.wel_right
{
	width:95%;
	margin-bottom:4%;
}

.gallery
{
	width:100%;
	margin-left:-0.5%;
}



footer
{
	width:90%;

}

/*footer p
{
	width:60%;
	padding-left:20%;
	padding-top:4%;
	padding-bottom:4%;
}*/
.toggleMenu 
{
	margin-top:2%;
}
}