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



/*====================/////CORPO/////====================*/
body{
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
	min-height:100%;
}

/*====================/////PALCO/////====================*/
#palco{
	position:relative;
	width:100%;
	min-height:100%;
	margin:0 auto;
}
#topo1{
	position:relative;
	width:100%;
	height:150px;
	margin:0 auto;
	/*border-bottom:rgba(245,245,245,1) 1px dotted;*/
	
	background: -moz-linear-gradient(left, rgba(54,51,118,1) 0%, rgba(54,51,118,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(54,51,118,1)), color-stop(50%,rgba(54,51,118,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); 
	background: -webkit-linear-gradient(left, rgba(54,51,118,1) 0%,rgba(54,51,118,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); 
	background: -o-linear-gradient(left, rgba(54,51,118,1) 0%,rgba(54,51,118,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(54,51,118,1) 0%,rgba(54,51,118,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); 
	background: linear-gradient(to right, rgba(54,51,118,1) 0%,rgba(54,51,118,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#ffffff',GradientType=1 ); 
}
#topo1a{
	position:relative;
	width:980px;
	height:150px;
	margin:0 auto;
	background:rgba(255,255,255,1);
}
#topo1a1{
	position:relative;
	width:145px;
	height:150px;
	float:left;
	background:rgba(54,51,118,1);
}
#topo1a2{
	position:relative;
	width:159px;
	height:130px;
	margin-left:70px;
	margin-top:10px;
	float:left;
	background:rgba(255,255,255,1);
}
#topo2{
	position:relative;
	width:980px;
	margin:30px auto;
}
#topo2a{
	position:relative;
	width:410px;
	padding:0 10px;
	float:left;
}
#topo2b{
	position:relative;
	width:100px;
	height:50px;
	margin:20px;
	float:right;
	background:#193179;
}
#topo3{
	position:relative;
	clear:both;
	width:100%;
	height:350px;
	top:10px;
	background:#193179;
}
#topo3a{
	position:relative;
	width:980px;
	margin:0 auto;
}
#topo3a1{
	position:relative;
	width:410px;
	padding:20px 10px;
	float:left;
}
#topo3a1a{
	position:relative;
	width:45px;
	height:45px;
	margin:5px 20px 0 0;
	border-radius:45px;
	float:right;
	background:rgba(255,255,255,0.3);
}
#topo4{
	position:relative;
	width:990px;
	margin:30px auto;
}
#topo4a{
	position:relative;
	width:290px;
	padding:0 20px;
	float:left;
}
#topo5{
	position:relative;
	clear:both;
	width:100%;
	height:395px;
	top:20px;
	border-top:#21409d 5px solid;
	background:#193179;
}
#bt{
	position:relative;
	cursor:pointer;
	padding:10px;
	
	-webkit-transition:all ease-out 250ms;
	-moz-transition:all ease-out 250ms;
	-ms-transition:all ease-out 250ms;
	-o-transition:all ease-out 250ms;
}
#bt:hover{
	color:rgba(255,255,255,1);
	border-radius:3px;
	background:#193179;
}
/*====================/////SOCIAL-ICONE/////====================*/
#social{
	cursor:pointer;
	width:48px;
	height:48px;
	margin-left:5px;
	float:left;
	
	overflow:hidden;
	
	background-position-y:0px;

	-webkit-transition:background-position-y 300ms ease-out;
	-moz-transition:background-position-y 300ms ease-out;
	-ms-transition:background-position-y 300ms ease-out;
	-o-transition:background-position-y 300ms ease-out;
}
#social:hover{
	background-position-y:-48px;
}
/*====================/////BANNER/////====================*/
#banner1{
	position:relative;
	width:100%;
	height:400px;
	margin:0 auto;
	/*background:url(../banner/1.jpg) center no-repeat;*/
}
#banner1a{
	position:relative;
	width:100%;
	height:30px;
	margin:0 auto;
	margin-bottom:rgba(150,150,150,1) 1px solid;
	background:rgba(238,238,238,1);
}
#nav {
	position:absolute;
	width:100px;
	height:20px;
	z-index: 10;
	left:50%;
	margin-left:-50px;
	bottom:-28px;
}
.select {
	width:25px; 
	height:20px;
	background-image: url(../banner/sel.png);
	background-repeat: no-repeat;
	float: left;
}
.select:hover {
	background-image: url(../banner/sela.png);
}

#nav span.activeSlide div {
	background-image: url(../banner/sela.png);
}
/*====================/////MENU/////====================*/
#menu1{
	position:relative;
	list-style:none;
	float:right;
	margin:50px 5px;
	padding:0;
}

#menu1 li {
	float:left;
}
#menu1 li a, .links{
	display:block;
	cursor:pointer;
	margin:3px;
	padding:0 9px;
	line-height:35px;
	border-radius:2px;

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#555;
	text-decoration:none;
	
	-webkit-transition:all ease-out 250ms;
}

#menu1 li a:hover, .links:hover {
	background:#193179;
	color:#FFF;
}