body 
{
	background-image: url('../resim/opera_logo.png');
	background-attachment:fixed;
	background-position:100% 0%;
	background-repeat:no-repeat;
	margin-bottom:30px;
}
div.aciklama
{
	height:80px;
	position:relative;
}
div.kutu
{
	max-height:150px;
	height: 135px;
	border-top:3px solid #D60000;
	background-color:#E5DADA;
	box-shadow:1px 1px 4px #000;
	-webkit-box-shadow:1px 1px 4px #000;
	-moz-box-shadow:1px 1px 4px #000;
	/*-o-transition-property: background-color, color, text-shadow, -o-transform;
    -o-transition-duration: 550ms;
	-moz-transition-property: background-color color -moz-text-shadow -moz-transform;
    -moz-transition-duration: 550ms;
	-webkit-transition-property: background-color color -webkit-text-shadow -webkit-transform ;
    -webkit-transition-duration: 550ms;
	-webkit-transition-function: ease-out;*/
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	z-index:10;
}
div.kutu[class~=r]{
/*-o-transform: rotate(-5deg) translate(10px,20px);*/
}
div.kutu[class~=l]{
/*-o-transform:  rotate(5deg) translate(-10px,20px);*/
}
div.kutu:hover[class~=kutu]{
background-color:#89B53A;
color:#fff;
text-shadow:1px 1px 3px #000;
/*-o-transform: scale(1.15);
-moz-transform: scale(1.15);
-webkit-transform: scale(1.15);
	box-shadow:5px 5px 10px #000;
	-webkit-box-shadow:5px 5px 10px #000;
	-moz-box-shadow:5px 5px 10px #000;*/
z-index:100;
}
/*
div.kutu:hover[class~=r]{
-o-transform: rotate(0deg) scale(1.15);
}
div.kutu:hover[class~=l]{
-o-transform: rotate(0deg) scale(1.15) ;
}
*/
div.kutu2
{
	opacity: 0.95;
	float: right;
	background-color:#c11c1c;
		box-shadow:1px 1px 4px #000;
	-webkit-box-shadow:1px 1px 4px #000;
	-moz-box-shadow:1px 1px 4px #000;
	/*-o-transition-property: background-color, color, text-shadow, -o-transform;
    -o-transition-duration: 550ms;
	-moz-transition-property: background-color color -moz-text-shadow -moz-transform;
    -moz-transition-duration: 550ms;
	-webkit-transition-property: background-color color -webkit-text-shadow -webkit-transform ;
    -webkit-transition-duration: 550ms;
	-webkit-transition-function: ease-out;*/
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
}
div.kutu2:hover
{
/*-o-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);*/
		box-shadow:5px 5px 10px #000;
	-webkit-box-shadow:1px 1px 4px #000;
	-moz-box-shadow:1px 1px 4px #000;
z-index:100;
	
}

.r{float:right;}
.l{float:left;}

.gk{width:435px;margin:auto, 5px;position:relative}
.gb{width:915px;}
div.gk,div.gb{position:relative}

@font-face {
	font-family: Zag;
	src: url('Zag-Bold.otf');

}


	
.kucukresim
{
	width:64px;
	float:left;
	margin-right:5px;
	
}

h1, h2, h3, h4
{
	color: #111111;
	font-family: "Myriad Pro", "Trebuchet MS", "helvetica neue", "helvetica", Arial, sans-serif;
	/*	-o-transition-property:-o-translate, -o-scale;
    -o-transition-duration: 550ms;	
	-webkit-transition-property:-webkit-translate;
    -webkit-transition-duration: 550ms;	
	-moz-transition-property:-moz-translate;
    -moz-transition-duration: 550ms;*/
	text-shadow:1px 1px 5px #fff;
	margin-bottom:15px;
	line-height:0.2em;
	display:block;
}
h1{	margin-top:15px;}
h1:hover{
/*-o-transform:translate(0px, 20px);
-moz-transform:translate(0px, 20px);
-webkit-transform:translate(0px, 20px);*/
}

.giris, #katki li
{

font-size: 1.2em;
font-weight: 400;
line-height: 1.4em;
overflow: hidden
}
.buyukgirdi{

font-size:1.7em;
width:200px;
}

.cubuk {

	z-index:10;
	font-family: Zag, Arial Narrow;
	font-size:1.3em;	
	position:relative;
	padding-left:25px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:3px;
	height:25px;
	text-shadow:1px 1px 4px #000;
	-moz-box-shadow:1px 1px 4px #000;
	background-color:#737991;
}
.cubuk a {color:#fff}

div.devam
{
	opacity: 1.0;
	position:relative;
	float:right;
	color:#fff;
	height:25px;
	z-index:15;
	text-shadow:0px 0px 10px #fff;
	width:50px;
	padding:3px 15px;
	position:relative;
	font-size:1.5em;
	background-color:#89B53A;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}



div.devam a
{
		text-decoration:none;
		color:#fff;
		
}


div.devam a:hover
{
	color:#006699;/*4f96ff*/
	text-decoration:none;
	text-shadow:1px 1px 2px #222;
}

.arama
{
	
	border:1px solid #000;
	height:30px;
	padding-left:20px;
	padding-right:20px;
	background-color:#89B53A;
	color:#fff;
}

.devam span
{
	background-image:url('../resim/git.png');
	background-position:100% 0%;
	display:block;
	width:50px;
	float:none;
	
	

}
.devam span:hover
{
	background-image:url('../resim/git.png');
	background-position:100% -29px;
}
.devam span, .devam span:hover
{
	background-repeat:no-repeat;
	
}
.yeni
{
	color:#e74a0d;
	text-shadow:0px 0px 1px #000;
	font-size:.8em;
}
.lendi
{
text-decoration: blink;
}

.kutu3
{
	position:relative;
	padding:15px 1% 1% 1%;
	background:#fff;
	margin-bottom:0px;
	margin-top:10px;
	border-top:3px solid #D60000;
}

.kutu3resim
{
	position:absolute;
	right:10px;
	top:10px;
	
}


.footer {
	
	-o-transform:translate(0px,40px);
	-o-transltion-property:-o-transform;
	-o-transition-duration:1s;
	background:#897878;/*#2b76e6;*/
	position:relative;
	bottom:0px;
	color:#fff;
	text-shadow:1px 1px 5px #000; /*737991*/
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight:bolder;
	font-size: 1em;
	height:20px;
	z-index:0;

}
.footer:hover{
-o-transform:translate(0px,40px) scale(1.2);

z-index:100;
}
.footer > div {

	padding-left:25px;
	padding-right:25px;
	margin-bottom:1em;
}


.footer  a{
	color:#fff;
	text-decoration:underline;
}
.footer  a:hover{
	color:#bcc998;
	text-decoration:underline;
	text-shadow:1px 1px 5px #000;
}

.footer2
{
	position:relative;
	float:left;
	top:0px;
	padding-left:5px;
	padding-right:5px;
	margin-left:1px;
	margin-right:1px;
	bottom:0px;
}

.gonderici > input {clear:both;}
#iletiniz {background:#fff;}
.katki {
	list-style:none;
}
.katki li { padding-left: 10px;
padding-right: 10px;
margin-left: 5px;
margin-top: 5px;
width: 75px;
background:#f4efef;
border-left: 2px solid #D60000;}
.katki li a {color:#000;font-weight:bolder;}
.katki li:hover a {color:#fff}
.katki li:hover { background:#897878;}

h3 > a[name]
{float:right;font-size:0.5em;}