@charset "utf-8";
.body {
	background-color: #000;
	margin: 0;
	padding: 0;
	text-decoration: none;
	background-image: url(../im/bg.jpg);
	background-repeat: repeat;
	
	}
.text-main{

	font-size: 14px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: justify;
	color: #FFFFFF;
	
}
.text-main2{ 
  
   font-size: 12px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: justify;
	color: #FFFFFF;
}
.text-color{
	color: #996633;
}

a:link {
	color: #CC0000;
	text-decoration: none;
}
a:visited {
	color: #CC0000;
	text-decoration: none;
}
a:hover {
	color: #CC0000;
	text-decoration: none;
}
a:active {
	color: #CC0000;
	text-decoration: none;

		}
		.div-mainportfolio {
	width: 62%;
	top: 4%;
	text-align: center;
	background-image: linear-gradient(rgba(28,7,1,.8), rgba(0,0,0,.9));
	color: #fff;
	padding: 3%;
	position: absolute;
	left: 18%;
	border-radius: 12px;
	z-index: -1;
	min-height: 77%; 
		}	
	.main-d {

	bottom: 7%;
	
		}	



.div-main{
	width: 7%;
	padding: 1%;
	top:4%;
	left:7%;
	position:absolute;
	text-align: center;
	background-image: linear-gradient(rgba(28,7,1,.8), rgba(0,0,0,.9));
	color: #fff;
	border-radius: 12px;
	clip: rect(auto,auto,auto,auto);
	background-position: right top;
	border-right-style: none;
  	font-size: 14px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	
	}
  .im-corners {
	border-radius: 10px;
}
.h {
	text-align: center;
	color: #FFF;
	font-size: 18px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		top:3%;
	
	
}

.h1 {
	text-align: center;
	color: #FFF;
	font-size: 18px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		left:50%;
	top:3%;
	
	
}
.h {
	text-align: center;
	color: #FFF;
	font-size: 18px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	
	
	
}
.h2 {
	text-align: center;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	position:fixed;
	left:50%;
	top:8%;
}
.h22 {
		
	text-align: center;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	top:5%;
	

}
.copyright {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-align: center;
    position:fixed;
	left:43%;
	bottom:  0.6%;
	z-index: -2;
	}

   .buttom01 {
  display: inline-block;
  width: 60px;
  height: 35px;
  line-height: 35px;
  font-size: 15px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px rgba(250, 235, 222,.1), 0 -1px rgba(38, 2, 2,.6);
  outline: none;
  border: none;
  border-radius: 100px;
  background: rgb(110, 58, 25) radial-gradient(150% 100% at 50% 5px, rgba(250, 235, 222,.2), rgba(
38, 2, 2,0));
  box-shadow: inset rgba(38, 2, 2,.6) 0 -2px 5px, inset rgba(252,255,255,.7) 0 2px 5px, rgba(38, 2, 2,.8) 0 2px 5px -1px;
  color: rgb(79, 36, 7);
  user-select: none;
} 
.buttom01:hover {
  color: rgb(41, 13, 0);
  cursor: pointer;
}
.buttom01:active {
  padding-bottom: 1px;
  box-shadow:
   inset rgba(38, 2, 2,1) 0 1px 3px,
   inset rgba(38, 2, 2,.6) 0 -2px 5px,
   inset rgba(250, 235, 222,.7) 0 2px 5px,
   0 1px rgba(250, 235, 222,.08);
  color: rgb(232, 168, 125);
}
.form {
	text-align: justify;
}
::-webkit-scrollbar {

width: 0px;

}