@charset "utf-8";

/* 
   RESET
*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, font, img, small, strong, ol, 
ul, li, fieldset, form, label {
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	vertical-align: baseline;	
	background: transparent;
	font-family: Tahoma, Arial, Helvetica, sans serif; }
	
body { 
	line-height: 1; 
}
ol, ul { 
	list-style: none; 

}
:focus { 
	outline: 0;
}

a { 
	text-decoration: none; 
}

/*
   MAIN SETTINGSs
*/

#fonas { 
  background: url(bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: -1;
}

.kaire {
	display:block;
	width:50%;
	left:0;
	background: ;
	position: fixed; 
	left: 0px;
	top: 0px;
	bottom: 0px;
	z-index: 16;
}

.desine {
	display:block;
	width:50%;
	right:0;
	height:100%;
	background: ;
	position: fixed; 
	right: 0px;
	top: 0px;
	bottom: 0px;
	z-index: 17;
}
.desine:hover {
	background: transparent;

}
.kaire:hover {
	background: transparent;
}


.kaire2 {
	width:260px;
	left:15px;
	top:15px;
	border:4px solid white;
	background:url(wbg.png) repeat top center;
	padding:10px;
	position: fixed; 
}
.desine2 {
	width:260px;
	right:15px;
	top:15px;
	border:4px solid white;
	background:url(wbg.png) repeat top center;
	padding:10px;
	position: fixed; 
}
.clear { display:block; clear:both}

.centras {margin:0 auto}

ul li {
	margin:14px 5px 0 5px;
	font-family: georgia,times new roman,serif;
	font-style: italic;
	font-size: 16px;
	text-align:center;


}


.kaire2 ul li {
	color: rgb(173, 154, 99);
}
.desine2 ul li {
	color: rgb(148,51,48);
}

@-webkit-keyframes aniload {
  from {-webkit-transform:translate(0px, -500px)}
  to   {-webkit-transform:translate(0px, 0px)}
}

@-moz-keyframes aniload {
  from {-moz-transform:translate(0px, -500px)}
  to   {-moz-transform:translate(0px, 0px)}
}

@-ms-keyframes aniload {
  from {-ms-transform:translate(0px, -500px)}
  to   {-ms-transform:translate(0px, 0px)}
}

@-o-keyframes aniload {
  from {-o-transform:translate(0px, -500px)}
  to   {-o-transform:translate(0px, 0px)}
}

@keyframes aniload {
  from {transform:translate(0px, -500px)}
  to   {transform:translate(0px, 0px)}
}

/* Step 2: Call the Animation */
.desine2,.kaire2  {
  -webkit-animation:aniload 1s;
  -moz-animation:aniload 1s;
  -ms-animation:aniload 1s;
  -o-animation:aniload 1s;
  animation:aniload 1s;
}