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

/*Mobile*/

@media only screen and (min-width: 320px) and (max-width: 640px), (min-device-width: 320px) and
(max-device-width: 640px)
{

	.logo {
float: left;
display:inline;
width:30%;

}
.logo img{
display:inline;
width:100px;
height:auto;
}

#nav{
	list-style:none;
	padding:5px 0 0;
	line-height:20px;
	float:right;
	width:70%;
}

#introWrapper {
  width: 90%;
  margin-left: auto ;
  margin-right: auto ;
  clear: both;
}

#introWrapper .banner{
  width:100%;
  margin-left: auto ;
  margin-right: auto ;
  clear: both;
  overflow:hidden;
  float:left;
}

#introWrapper .intro-box{
	width:100%;
	color:#666;
	float:left;
	padding-right:30px;
	border-right:1px solid #E9E9E9;
	text-align:justify;
}
#introWrapper .intro-box2{
	width:100%;
	float:right;
}

#introWrapper .intro-box223{
	color:#666;
	padding-right:1px;
	border-right:1px solid #fff;
	width:90%;
	text-align:center;
	margin:0 auto;
	float:none; !important
}

#introWrapper .intro-design{
	width:90%;
	color:#666;
		margin:0 auto;

}
#introWrapper .intro-box22{
	width:100%;
	padding:20px;
	float:right;
	background:#171780;
	color:#FFF;
}

#innerWrap {
	width: 96%;
  margin-left: auto ;
  margin-right: auto ;
  clear: both;
}
#introWrapper .intro-boxAbout{
	width:100%;
	color:#666;
	float:left;
	padding-right:10px;
}

#introWrapper .intro-boxAboutImage{
	width:100%;
	color:#666;
	float:right;
}
#introWrapper .intro-boxAbout2{
	width:100%;
	color:#666;
	float:right;
	padding-right:10px;
}

#introWrapper .intro-boxAboutImage2{
	width:100%;
	color:#666;
	float:left;
}
#content {
  width: 100%;
 margin:0 auto;
}

.contentPromo {
  width: 100%;
 margin:20px auto;
}

.main {
	width: 100%;
	margin: 0 auto;
	background:#FFF;
	padding-left:30px;
	padding-right:30px;
	padding-top:20px;
	padding-bottom:20px;
}

.main3 {
	width: 100%;
	margin: 0 auto;
	background:#F8C300;
	padding-left:30px;
	padding-right:30px;
	padding-top:10px;
	padding-bottom:20px;
}

.main2 {
	width: 100%;
}


.top-grid3{
	width:100%;
	padding:0px;
	float:left;
	min-height:300px;
	color:#666;
	margin:0 auto;
	margin-bottom:20px;
	
}
.top-grid33{
	width:100%;
	padding:10px;
	float:left;
	color:#333;
	margin-right:20px;
	margin-bottom:20px;
}
.top-grid4{
	width:100%;
	border-right:1px solid #E9E9E9;
	padding:10px;
	text-align:center;
	float:left;
	min-height:300px;
}

.col { 
		margin: 1% 0 1% 0%;
	}
	
	.span_1_of_3 {
		width: 100%;
		text-align:center;
		
	}
	
	.span_1_of_3:hover {
		background:#09C;
		color:#FFF;
	}
	.datalistTabble{
		display:none;
	}
	.datalistTabble2{
		display:inline;
		float:left;
	}


#wrapper {
	   	   width:100%;
}
.bodytable {
	   	   width:100%;
}.section {
	clear: both;
	padding: 0px;
	margin: 0px auto;
	width:100%;
	
}

.section2 {
	clear: both;
	padding: 0px;
	margin: 0px auto;
	width:100%;
	
}
.col2 {
	display: block;
	float:left;
}

.span_2_of_3 {
	width: 100%;
	float:left;
	padding:10px;
	text-align:center;
}
.left
{
	float:left; border-right:1px solid #E9E9E9; padding-right:20px;
	}
	
	.right
{
	float:left;text-align:center;
	}
	
	.box-content23{
	background: #fff;
	width:100%;
	padding: 10px;
	text-align:center;
}

.box-content245{
	background: #069;
	width:90%;
	margin:0 auto;
}

#introWrapper .intro-boxDesign{
	display:none;
}

.mainContainer22e{
	background:#FFF;
	padding:10px;
	color: #069;
	line-height:30px;
	text-align:center;
	border: 2px solid #fff;
	width:100%;
	margin:0 auto;
}

#ContentWrapPromo {
	width: 100%;
	clear: both;
	overflow:visible;
	margin:0 auto;
	text-align:center;
	height:auto;
	background:#fff url(../banners/bgg1.jpg) fixed;
	padding-top:20px;
	padding-bottom:20px;
	
}
#introWrapper .intro-boxWelcome{
	width:100%;
	color:#b7b7b7;
	clear: both;
}

#introWrapper .intro-boxWelcomeNote{
	width:100%;
	clear: both;
	font-size:14px;
}

#introWrapper .intro-boxWelcomeNote2{
	width:100%;
	clear: both;
	font-size:14px;
}
 .boxPrinciples2{
	background: #fff;
	width:100%;
	padding:5px;
	/* [disabled]height:180px; */
	margin:0 auto;
	background:#fff;
	border:1px solid #E9E9E9;
	margin-bottom:10px;
}

.boxPrinciples2 img{
	width:100%;
	clear:both;

	margin:0 auto;
	border:1px solid #E9E9E9;
	margin-bottom:10px;
}

.Rbanner2
{
	margin-bottom:10px; 
	width:100%;
	overflow:hidden;
	height:auto;
	display:block;
}
.Rbanner2 img
{
	width:100%;
	overflow:hidden;
}
.Rbanner
{
	display:none;
}

.Leadbanner img
{
	margin-top:0px;
	margin-bottom:10px;
	width:100%;
	overflow:hidden;
	height:auto;
	max-height:350px;
}
.Leadbanner
{
	margin-bottom:10px; 
	width:100%;
	overflow:hidden;
	height:auto;
}

.Leadbanner2
{
	display:none;
}
.images5 {
	background-color: #fff;
	padding:0;
	float:left;
	margin-right:0px;
} 

}




@media only screen and (max-width:768px) and (min-width:640px)
{
/* CSS */ 
input[type=text] {
	font-family: tahoma, Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size: 13px;
	line-height: 18px;
	color: #636b70;
	padding:5px;
	min-width:90%;
}

#wrapper {
	   	width: 96%;
			margin: 0 auto;
}
.bodytable {
	   	   width: 96%;
		   	margin: 0 auto;
}
.main {
	width: 100%;
	margin: 0 auto;
	background:#FFF;
	padding-left:0px;
	padding-right:0px;
}

.main2 {
	width: 100%;
}

.logo {
float: left;
display:block;
width:20%;
height:auto;
margin: 0px 0 0 0px;

}
.logo img{
float: left;
clear:both;
display:block;
width:200px;
height:auto;
}

#nav{
	list-style:none;
	padding:10px 0 0;
	line-height:20px;
	float:right;
	margin-top:20px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:0;	
	width:70%;
}
#innerWrap {
	width: 100%;
  margin-left: auto ;
  margin-right: auto ;
  clear: both;
}
#introWrapper {
  width: 96%;
  margin-left: auto ;
  margin-right: auto ;
  clear: both;
  text-align:justify; padding-left: 0px;
}
#introWrapper .intro-box{
	width:60%;
	color:#666;
	float:left;
	padding-right:10px;
	border-right:1px solid #E9E9E9;
	text-align:justify;
}
#introWrapper .intro-box2{
	width:30%;
	padding:20px;
	float:right;
	background:#171780;
}

#introWrapper .intro-box223{
	width:70%;
	color:#666;
	float:left;
	padding-right:10px;
	border-right:1px solid #E9E9E9;
}
#introWrapper .intro-box22{
	width:20%;
	padding:20px;
	float:right;
	color:#FFF;
}

#introWrapper .intro-box22 a{
    display: block;
    text-decoration: none;
	color: #fff;
	font-family: "Arial Unicode MS", Arial, Helvetica, sans-serif;	
	padding: 10px;
	font-size: 12px;
	text-shadow: none;
	
}

#introWrapper .intro-box22 a:hover {
color:#CCC;
text-decoration:underline;
}

#introWrapper .intro-box4{
	width:25%;
	padding:10px;
	float:right;
	background:#fff;
	color:#069;
}
.contentWrapper22 {
	width: 99%;
	margin: 0 auto;
	background:#FFF;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	top: 0px;
}

/*.Leadbanner {
	display:none;
}

.Leadbanner2, .Leadbanner2 img
{
	margin-bottom:10px; 
	width:100%; 
	overflow:hidden;
	 height:auto;
	 display:block;
}*/

.contentWrapper {
	width: 99%;
	margin: 0 auto;
	background:#FFF;
	padding-left:40px;
	padding-right:40px;
	padding-bottom:50px;
	top: 0px;
}


.main3 {
	width: 99%
	margin: 0 auto;
	background:#F8C300;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:20px;
}

#contentWrapper {
  width: 99%;
  margin-left: auto ;
  margin-right: auto ;clear: both;
}

#content {
  width: 99%;
 margin:0 auto;
}
	.top-grid3{
	width:25%;
	padding:20px;
	float:left;
	min-height:300px;
	color:#666;
	margin-right:20px;
	margin-bottom:20px;
}

.top-grid3 img{
	width:100%;
	
}

.top-grid33 img{
	width:100%;
	
}
/*  GROUPING  */
.span_1_of_3 li{
	list-style:none;
}

.section {
	clear: both;
	padding: 0px;
	margin: 0px auto;
	width:100%;
	
}

.top-grid33{
	width:20%;
	padding:10px;
	float:left;
	color:#333;
	margin-right:20px;
	margin-bottom:20px;
}
.Rbanner2
{
	margin-bottom:10px; 
	width:100%;
	overflow:hidden;
	height:auto;
	display:block;
}
.Rbanner2 img
{
	width:100%;
	overflow:hidden;
}
.Rbanner
{
	display:none;
}
.boxPrinciples2{
	background: #fff;
	width:96%;
	padding:10px;
	/* [disabled]height:180px; */
	margin:0 auto;
	background:#fff;
	border:1px solid #E9E9E9;
	float:left;
	text-align: left;
	margin-bottom:10px;
}.boxPrinciples23{
	background: #fff;
	width:40%;
	padding:20px;
	height:250px;
	margin:0 auto;
	background:#fff;
	border:1px solid #E9E9E9;
	margin-right:10px;
	float:left;
	text-align: left;margin-bottom:10px;
}
}




/******/
/******/
/******/
/******/
@media only screen and (max-width:1024px) and (min-width:960px), only screen and (max-width:960px) and (min-width:768px)
{
/* CSS */ 
input[type=text] {
	font-family: tahoma, Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size: 13px;
	line-height: 18px;
	color: #636b70;
	padding:5px;
	min-width:90%;
}

#wrapper {
	   	width: 96%;
			margin: 0 auto;
}
.bodytable {
	   	   width: 96%;
		   	margin: 0 auto;
}
.main {
	width: 100%;
	margin: 0 auto;
	background:#FFF;
	padding-left:0px;
	padding-right:0px;
}

.main2 {
	width: 100%;
}

.logo {
float: left;
display:block;
width:20%;
height:auto;
margin: 0px 0 0 0px;

}
.logo img{
float: left;
clear:both;
display:block;
width:200px;
height:auto;
}

#nav{
	list-style:none;
	padding:10px 0 0;
	line-height:20px;
	float:right;
	margin-top:20px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:0;	
	width:70%;
}
#innerWrap {
	width: 100%;
  margin-left: auto ;
  margin-right: auto ;
  clear: both;
}
#introWrapper {
  width: 98%;
  margin-left: auto ;
  margin-right: auto ;
  clear: both;
  text-align:justify; padding-left: 0px;
}
#introWrapper .intro-box{
	width:60%;
	color:#666;
	float:left;
	padding-right:10px;
	border-right:1px solid #E9E9E9;
	text-align:justify;
}
#introWrapper .intro-box2{
	width:30%;
	padding:20px;
	float:right;
	background:#171780;
}

#introWrapper .intro-box223{
	width:70%;
	color:#666;
	float:left;
	padding-right:10px;
	border-right:1px solid #E9E9E9;
}
#introWrapper .intro-box22{
	width:20%;
	padding:20px;
	float:right;
	color:#FFF;
}

#introWrapper .intro-box22 a{
    display: block;
    text-decoration: none;
	color: #fff;
	font-family: "Arial Unicode MS", Arial, Helvetica, sans-serif;	
	padding: 10px;
	font-size: 12px;
	text-shadow: none;
	
}

#introWrapper .intro-box22 a:hover {
color:#CCC;
text-decoration:underline;
}

#introWrapper .intro-box4{
	width:25%;
	padding:10px;
	float:right;
	background:#fff;
	color:#069;
}
.contentWrapper22 {
	width: 99%;
	margin: 0 auto;
	background:#FFF;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	top: 0px;
}

/*.Leadbanner {
	display:none;
}

.Leadbanner2, .Leadbanner2 img
{
	margin-bottom:10px; 
	width:100%; 
	overflow:hidden;
	 height:auto;
	 display:block;
}*/

.contentWrapper {
	width: 99%;
	margin: 0 auto;
	background:#FFF;
	padding-left:40px;
	padding-right:40px;
	padding-bottom:50px;
	top: 0px;
}


.main3 {
	width: 99%
	margin: 0 auto;
	background:#F8C300;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:20px;
}

#contentWrapper {
  width: 99%;
  margin-left: auto ;
  margin-right: auto ;clear: both;
}

#content {
  width: 99%;
 margin:0 auto;
}
	.top-grid3{
	width:26%;
	padding:20px;
	float:left;
	min-height:300px;
	color:#666;
	margin-right:20px;
	margin-bottom:20px;
}

.top-grid3 img{
	width:100%;
	
}

.top-grid33 img{
	width:100%;
	
}
/*  GROUPING  */
.span_1_of_3 li{
	list-style:none;
}

.section {
	clear: both;
	padding: 0px;
	margin: 0px auto;
	width:100%;
	
}
}