﻿html {
	width:100%;
	margin:0 auto;
	 background: url(../images/bg1.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
	font-size:14px;
	font-family:Arial Unicode MS;
	max-width:100%;
	margin:0 auto;
	color:#333333;
	line-height:1.6;
	text-align:justify;
}

a
{
    color:Red;
    text-decoration:none;
}
a:hover
{
    color:Purple;
    text-decoration:none;
}
#slideshow {
    position:relative;
   
	z-index:-1;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#slideshow img {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
			
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
			
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}
		
@media screen and (max-width: 1024px){
	img.bg {
	left: 50%;
	margin-left: -512px; 
}
}
		
/*******************************************************************Content*************************************************************/
	#main
	{
	     width:100%;
	     margin:0 auto;
}
	    
	#head_bk
{
    width:100%;
    height:40px;
   background-color:#C92323;
    z-index: 9999;	 
   
    
}
#head_men
{
    width:1000px;
    margin:0 auto;   
     height:40px; 
    
}
	#name_bk
{
    width:100%;
    height:100px;
    margin:0 auto; 
    background-color:#ffffff;
  
  background-image:url(../images/binding-light.png);
   z-index: 9999;	 
}
#name_men
{
    width:1000px;
    margin:0 auto;   
     height:100px; 
}
#banner
{
      width:100%;
    margin:0 auto;
    height: 500px;
    
}
.bann
{
     width:1000px;
    margin:0 auto;   
     height:400px; 
}
.bann_r
{
    width:210px;
    
    height:400px;
    float:right;
    
    
}
#blank
{
    width:100%;
margin:0 auto; 
height:650px;
}
#man_con
{
 width:1000px;
margin:0 auto;
position:relative;
}

.d_left
{
    width:750px;
    float:left;
}
.d_rt
{
    width:210px;
    float:right;
}
.con_mas
{
width:100%;
margin:0 auto;
background: rgb(255, 255, 255); 
background: rgba(255, 255, 255, .9);
margin-bottom:20px;
margin-top:20px;

}

.con_mas_ad
{
width:100%;
margin:0 auto;
background: rgb(255, 255, 255); 
background: rgba(255, 255, 255, .9);
margin-bottom:20px;
margin-top:20px;
overflow:hidden;
position:relative;

}

#con_n
{
 width:100%;
margin:0 auto;   
height:150px; 
background: rgb(255, 255, 255); 
background: rgba(255, 255, 255, .9);
margin-bottom:20px;
padding:10px;
}

.con_s
{
 width:100%;
padding:10px;  
height:220px; 
background: rgb(255, 255, 255); 
background: rgba(255, 255, 255, .9);
margin-bottom:20px;
}

.con_b
{
 width:100%;
padding:10px;  
height:250px; 
background: rgb(255, 255, 255); 
background: rgba(255, 255, 255, .9);
margin-bottom:20px;
}
.stu
{
width:48.5%;
height:210px;
float:left;	
}
.divider
{
 width:2%;
height:210px;
float:left;
background-image:url(../images/divider.png);
background-repeat:no-repeat;
} 
.act
{
width:49%;
height:210px;
float:right;	
}

#con_e
{
   width:1000px;
margin:0 auto;   
height:100px;
margin-top:10px; 
margin-bottom:20px;
} 
 .image:hover{
-webkit-transform: rotateY(360deg);
-webkit-transform-style: preserve-3d;
transform: rotateY(360deg);
transform-style: preserve-3d;
}
.image {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
width:130px;
height:130px;
}

.footer
{

    width:730px;
margin:0 auto;   
height:30px; 
background: rgb(255, 255, 255); 
background: rgba(255, 255, 255, .9);
margin-bottom:10px;
padding:10px;
overflow:hidden;
position:relative;
}
.foot
{
   width:100%;
margin:0 auto;   
height:30px; 
background: rgb(255, 255, 255); 
background: rgba(255, 255, 255, .9);
margin-bottom:10px;
padding:10px;
	
}

.foot_ad
{
   width:98%;
margin:0 auto;   
height:30px; 
background: rgb(255, 255, 255); 
background: rgba(255, 255, 255, .9);
margin-bottom:10px;
padding:10px;
	
}



/********************************************************************Master***********************************************/

#bk_bot
{
    width:100%;
    height:500px;
    position:relative;
}
.conta
{
width:250px;
height:90px;
padding:10px;
background: rgb(255, 255, 255); 
background: rgba(255, 255, 255, .8);
float:left;
margin-bottom:10px;	
} 
.conta:hover .image{
-webkit-transform: rotateY(360deg);
-webkit-transform-style: preserve-3d;
transform: rotateY(360deg);
transform-style: preserve-3d;
}
.conta .image, .conta:hover .image {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}


.mas_h
{
    
  background-color:#C92323;
  height:40px;
  color:#ffffff;
  padding:5px;
  font-size:24px;
  font-family: Gunplay;
  background-image:url(../images/random-grey-variations.png);
}

.mas_h_ad
{
  background-color:#C92323;
  height:40px;
  color:#ffffff;
  padding:5px;
  font-size:24px;
  font-family: Gunplay;
  background-image:url(../images/random-grey-variations.png);
}