@charset "utf-8";

body {
	margin:0px;
	padding:0px;
	font-family:Tahoma, Verdana, Arial, Trebuchet MS;
	font-size: 11px;
	background-image:url(images/bg.jpg);
    background-repeat: repeat-x;
	background-position:top;
	background-color:#FFF;
	color:#4F4F4F;
	border:none;
}
a {
  color:#000000;
  border:none;
  text-decoration:none;
}
a:hover {
  color:#333;
}
h1, h2, h3, h4, h5, h6, ul, li, p {
    margin:0px;
	padding:0px;
}
#container {
  position:relative;
  background-image:url(images/tepe-back.jpg);
  background-repeat: repeat-x;
  width:100%;
  margin:0 auto 0 auto;
}
img {

  border:none;
}
#header {
  position:relative;
  width:990px;
}


#header {
  position:relative;
  width:990px;

}
.header_left {
  height:99px; margin:10px 0px 0px 30px; float:left;
  
}

.header_right {
  position:relative;
  width:195px;
  float:right;
}

.top-menu {
  position:relative;
  width:180px;
}



#tt {position:absolute; display:block; z-index: 10000; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; z-index: 10000; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; z-index: 10000; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; z-index: 10000; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}

span.rollover {
	opacity: 1;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	background:url(images/mag.png) center center no-repeat #000;
	cursor: pointer;
	height: 150px;
	width: 190px;
	position: absolute;
	z-index: 1;
	opacity: 0;
}

span.rollover:hover {
	opacity: .2;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;
}

.dilicin {
width: 960px;
margin: 0 auto;
padding: 0;
}

.dil2
{
font: normal .7em/1.5em Arial, Helvetica, sans-serif;
color: #fff;
position:absolute;
margin-left: 878px;
margin-top:0px;
top: 7px;

}
.flag2
{
float:left;
margin-right:5px;
}

#nav {

	width:auto; height:auto; position:relative; display:inline-block; float:right; top:0px; right:-10px;
	margin: 0;
	padding: 0px 0px 0;
	background: #fafafa	line-height: 100%;
	font-size:14px; font-weight:400; color:#000;
	font-family:Oswald;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	border-radius: 0em;
	-webkit-border-radius: 0em;
	-moz-border-radius: 0em;

	-webkit-box-shadow: 0 0px 0px rgba(0,0,0, .4);
	-moz-box-shadow: 0 0px 0px rgba(0,0,0, .4);
	z-index: 100;
}
#nav li {
	margin: 5px 10px;
	padding: 0 0 40px;
	float: left;
	position: relative;
	z-index:99999;
	list-style: none;
}


/* main level link */
#nav a {
	font-weight: bold;
	color: #535353;
	text-decoration: none;
	display: block;
	padding:  10px 28px;
	margin: 0;

	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	
	text-shadow: 0 2px 2px rgba(0,0,0, .1);
}
#nav a:hover {
	background: #000;
	color: #fff;
}

/* main level link hover */
#nav .current a, #nav li:hover > a {
	background: #cecece url(images/gradient.png) repeat-x 0 -40px;
	color: #5f2e14;
	border-top: solid 0px #f8f8f8;

	-webkit-box-shadow: 0 3px 3px rgba(0,0,0, .2);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0, .2);
	box-shadow: 0 3px 3px rgba(0,0,0, .2);

	text-shadow: 0 2px 2px rgba(0,0,0, .1);
}

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #666;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#nav ul a:hover {
	background: #6f482d url(images/gradient.png) repeat-x 0 -100px !important;
	color: #fff !important;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;

	text-shadow: 0 1px 1px rgba(0,0,0, .1);
}

/* dropdown */
#nav li:hover > ul {
	display: block;
}

/* level 2 list */
#nav ul {
	display: none;

	margin: 0;
	padding: 0;
	width: 200px;
	position: absolute;
	top: 40px;
	left: 0;
	background: #ddd url(images/gradient.png) repeat-x 0 0;
	border: solid 1px #b4b4b4;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}

#nav ul a {
	font-weight: normal;
	text-shadow: 0 1px 0 #fff;
}

/* level 3+ list */
#nav ul ul {
	left: 160px;
	top: -3px;
}

/* rounded corners of first and last link */
#nav ul li:first-child > a {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;

	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;

	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}

/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
} 
html[xmlns] #nav {
	display: block;
}
 
* html #nav {
	height: 1%;
}


p.arrow-list{
	background-image:url(images/arrow.gif);
	background-position:0px 10px;
	background-repeat:no-repeat;
	padding:2px 0px 2px 18px;
	line-height:24px;
	list-style-type:none;
	overflow:hidden;
}	


ul.arrow-list li{
	background-image:url(images/arrow.gif);
	background-position:0px 12px;
	background-repeat:no-repeat;
	padding:2px 0px 2px 18px;
	line-height:24px;
	list-style-type:none;
	overflow:hidden;
}	


/***********************************FOOTER******************************/

/********************** FOOTER ******************************/
.footer {
  position:relative;
  width:990px;
  margin:0 auto 0 auto;
}

.footer_bg_tr {
  position:relative;
  width:990px;
  height:114px;
  background-image:url(images/footer-bg.png);
  background-repeat:no-repeat;
}
.footer_bg_en {
  position:relative;
  width:990px;
  height:114px;
  background-image:url(../img/footer-bg-en.png);
  background-repeat:no-repeat;
}
.footer_menu {
  position:relative;
  width:960px;
  top:7px;
  left:0px;
}
.footer_menu div{
  position:relative;
  float:left;
}

.fmenu-line {
  position:relative;
  width:50px;
  background-image:url(images/menu-line.png);
  background-repeat:no-repeat;
  background-position:top;
}

.fbuton {
  position:relative;
  width:300px;
  top:23px;
  left:8px;
}

.social {
  position:relative;
  width:60px;
  top:8px;
  left:4px;
  float:left;
}
.author {
  position:relative;
  width:60px;
  float:right;
}
/********************** FONT ******************************/
.baslik{
  font-family:'FuturaRegular';
}

.menu{
  font-size:20px;
  color:#727272;
}
.menu a{
  color:#727272;
}
.menu a:hover{
  color:#E40C13;
}

.cmenu{
  font-size:18px;
  color:#939393;
}



.cmenu a{
  color:#939393;
}
.cmenu a:hover{
  color:#E40C13;
}

.active a{
 
  color:#E40C13;
}


.kirmizi16{
  font-size:16px;
  color:#E40C13;
}
.kirmizi16 a{
  color: #3C0;
}
.kirmizi16 a:hover{
  color:#727272;
}

.kirmizi{
  font-size:20px;
  color:#E40C13;
}
.kirmizi a{
  color:#E40C13;
}
.kirmizi a:hover{
  color:#727272;
}

.kirmizi26{
  font-size:26px;
  color:#E40C13;
}
.kirmizi26 a{
  color:#E40C13;
}
.kirmizi26 a:hover{
  color:#727272;
}


.kirmizi24{
  font-size:24px;
  color:#E40C13;
}
.kirmizi24 a{
  color:#E40C13;
}
.kirmizi24 a:hover{
  color:#727272;
}

.gri{
  font-size:24px;
  color:#666;
}
.gri a{
  color:#666;
}
.gri a:hover{
  color:#E40C13;
}

.txt_urun{
  font-size:22px;
  color:#727272;
}
.txt_urun a{
  color:#727272;
}
.txt_urun a:hover{
  color:#E40C13;
}


.fmenu{
  font-size:16px;
  color:#727272;
}
.fmenu a{
  color:#727272;
}
.fmenu a:hover{
  color:#E40C13;
}

.txt-mini{
  font-size:11px;
  color:#949494;
}
.txt-mini a{
  color:#949494;
}
.txt-mini a:hover{
  color:#E40C13;
}

.txt12{
  font-size:12px;
  color:#666;
}
.txt12 a{
  color:#333;
}
.txt12 a:hover{
  color:#333;
}

.beyaz20{
  font-size:20px;
  color:#FFF;
}
.beyaz20 a{
  color:#FFF;
}
.beyaz20 a:hover{
  color:#333;
}


.tarih-f{
  font-size:40px;
  color:#FFF;
}
.tarih-f a{
  color:#727272;
}
.tarih-f a:hover{
  color:#E40C13;
}



.f17{
  font-size:17px;
  color:#727272;
}
.f17 a{
  color:#727272;
}
.f17 a:hover{
  color:#E40C13;
}

/*******************************END FOOTER******************************/

.left-col {width:835px; float:left;}
.left-col-urunler {width:545px; float:left;}
.right-col {width:285px; float:right;}

.content-area {
    width:100%;
    background:#FFFFFF;
    overflow:hidden; height:100%;
}
#content-area .left-col a {
    border-bottom:1px solid #ff3300;
    text-decoration:none;
    color:#636363;
}


h2 {font-size:16px; margin-top:0px; color:#ff3333; padding-left: 0px; font-weight:bold; clear:both;}
h3 {color: #005B95; font-size: 1.8em; margin: 15 0 15px 0; line-height: 20px;}
h3 a:link { text-decoration:none; color:#067AB4 }
h3 a:active { outline:none }
h3 a:visited { text-decoration:none; color:#005B95 }
h3 a:hover { text-decoration:underline; color:#005B95 }


#page-text {width:840px; padding-left:0px; margin:0px auto; color:#636363; text-align:left;}
#page-text-content {
height:100%;
overflow:hidden;
padding-bottom:20px;
padding-top:20px;
position:relative;
}


.page-text p {
     line-height:150%;
}


p {line-height:135%; padding-top:0; margin-top:0px; font-size:13px;}



.clear{clear:both;}
.aciz {background-image:url(img/ciz-1.gif); height:10px; font-size:1px; }
.bciz {background-image:url(img/ciz-2.gif); height:10px; font-size:1px; }

#inc {width:910px; margin-left:5px; text-align:justify;}

#aa { width:918px; height:42px; background-image:url(images/bg_content_top.jpg); float:center;}
#bb { width:918px;  background-image:url(images/bg_content_middle.jpg); min-height:360px; float:center; }
#cc { width:918px; height:42px; background-image:url(images/bg_content_bottom.jpg); float:center;  }

.satir2
{
	FONT-SIZE: 12px;
	COLOR: #4f4f4f;
	FONT-FAMILY: Arial;
	LINE-HEIGHT: 18px;
	LETTER-SPACING: 0px
}

.haberler
{
    FONT-SIZE: 14px;
    color:#636363;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
	
}
.haberler a { font: normal 13px Arial, Helvetica, sans-serif; line-height: 18px; color:#636363; text-decoration:none;}
.haberler a:hover { color:#727272; border-bottom:1px solid rgb(255, 51, 0);}

.haberlerbold
{
    FONT-SIZE: 14px;
    color:#636363;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
	
}
.haberlerbold a { font: bold 13px Arial, Helvetica, sans-serif; line-height: 18px; color:#636363; text-decoration:none;}
.haberlerbold a:hover { color:#727272; border-bottom:1px solid rgb(255, 51, 0);}


.text
{
    FONT-SIZE: 11px;
    COLOR: #4A4A4A;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.text a { font: normal 11px Arial, Helvetica, sans-serif; color:#000; border-bottom:1px solid rgb(255, 51, 0); text-decoration:none;}
.text a:hover { color:#727272;}

.gorsel{
	background-repeat:no-repeat;
	padding:2px 0px 2px 58px;
	
}

.image2{
	border:1px solid #dfdfdf;
	padding:5px;
	background:#fff;
	FONT-SIZE: 12px;
    COLOR: #4A4A4A;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

.imgborder{
	padding:5px;
	background-color:#ffffff;
	-webkit-box-shadow: 0px 0px 3px #969696;
	-moz-box-shadow: 0px 0px 3px #969696;
	box-shadow: 0px 0px 3px #969696; 
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.imglist{ margin:7px; }

#sidebar {
height:350px;
width:250px;
overflow:hidden;
position:relative;
background-color:#fff;
}	



.bgGreyRed {
	background-color: #efefef;
	font-family:"Tahoma","Lucida Grande",Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #ff0000;
}



.w230 {width:220px;}
.w500 {width:270px;}

#foto
{
   overflow:hidden;
    width:100%
}

#foto div
{
     float:left;
     width:150px;
     height:150px;
     margin:5 5px
}

.textli
{
    FONT-SIZE: 13px;
    COLOR: #7E7E7E;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

.text0
{
    FONT-SIZE: 14px;
    COLOR: #697E87;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}


#kontent_wrapper,
#kontent_wrapper_sbl,
#kontent_wrapper_sbr {
				width:960px;
				min-height:200px;
				margin:20px auto auto auto;
				padding:0 0 10px;
				}

#kontent_wrapper #kontent {
				width:960px;
				margin:0 auto;
				}



/* ---- Three Featured Boxes ---- */

#kontent_wrapper .featured_boxes,
#kontent_wrapper .services,
#kontent_wrapper .services2,
#kontent_wrapper .services3,
#kontent_wrapper .services4	{
				width:950px;
				position:relative;
				margin:0px 0px 0px 0px;
				}


				
.featured_boxes .thumb {margin-bottom:14px;}

.featured		{
				width:230px;
				float:left;
				}

.box,
#sidebar .widget-container{
				margin-bottom:20px;
				padding:20px;
				border-radius:5px;
				-moz-border-radius:5px;
				-khtml-border-radius:5px;
				-webkit-border-radius:5px;
				box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
				-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
				-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
				background:#fff;
				}

.clear			{
				clear:both;
				display:block;
				height:0 !important;
				overflow:hidden;
				}
				
.thumb			{margin-bottom:5px;}

.pic			{
				display:block;
				padding:4px;
				border:1px solid #D5D5D5;
				background:#fff;
				}
img:hover.pic	{
				background:#ebebeb;
				border:1px solid #999;
				}
				
#footerContainer{position:relative;background:url(images/footer_container.gif) repeat-x;}



#footer{width:1008px;margin:0 auto;background:#4f5763 url(images/bg/footer_bg.gif) repeat-x;height:146px;}


ul.medya li, ul.medya li a{list-style:none;border:none;float:left;height:2px;}
/* medya eng */

ul.medya li#fsTakipEt{background:url(images/fs_medya.png) no-repeat 0px 1px transparent;width:47px;}

ul.medya li#fsFacebook a{background:url(images/fs_medya.png) no-repeat -47px 0px transparent;width:40px;height:35px;position:relative;}
ul.medya li#fsFacebook a:hover{background:url(images/fs_medya.png) no-repeat -47px -35px transparent;}

ul.medya li#fsTwitter a{background:url(images/fs_medya.png) no-repeat -87px 0px transparent;width:35px;height:35px;position:relative;}
ul.medya li#fsTwitter a:hover{background:url(images/fs_medya.png) no-repeat -87px -35px transparent;}

ul.medya li#fsYoutube a{background:url(images/fs_medya.png) no-repeat -122px 0px transparent;width:22px;height:35px;position:relative;}
ul.medya li#fsYoutube a:hover{background:url(images/fs_medya.png) no-repeat -122px -35px transparent;}

ul.medya li#fsGoogle a{   background: url("images/fs_medya.png") no-repeat scroll -143px 0 transparent;
    height: 35px;
    position: relative;
    width: 35px;}
ul.medya li#fsGoogle a:hover{background:url(images/fs_medya.png) no-repeat -143px -35px transparent;}

ul.medya li#fsIn a{background:url(images/fs_medya.png) no-repeat -180px 0px transparent;width:22px;height:35px;position:relative;}
ul.medya li#fsIn a:hover{background:url(images/fs_medya.png) no-repeat -180px -35px transparent;}


.post { width:940px; margin:0 auto; padding:0;}

.post h1{ 
    font:bold 36px Arial, Helvetica, sans-serif; 
    color: #fff; 
    background: url(images/basliklar.gif) 1px -80px no-repeat; 
   
}


/*************************************** SHADOW STYLES ****************************************/


/******************************************************/
/****** WARP SHADOW ******/

.WarpShadow {
    position: relative;
	-moz-box-shadow: 0 14px 10px -12px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 14px 10px -12px rgba(0,0,0,0.7);
	box-shadow: 0 14px 10px -12px rgba(0,0,0,0.7);
	z-index:10;
	
}

.WarpShadow2 {margin-bottom:20px;}

.WarpShadow:before, .WarpShadow:after {
	content: '';
	position: absolute;	
	z-index:-1;
	bottom: 15px;
	-moz-box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.7);	
}

.WarpShadow:before {
	  right: 10px;
	  -moz-transform: rotate(4deg) skew(4deg);
	  -webkit-transform: rotate(4deg) skew(4deg);
	  -o-transform: rotate(4deg) skew(4deg);
	  transform: rotate(4deg) skew(4deg);	  			  
}

/**  'smallBox' class for boxes with width between 150px - 350px  **/
.smallBox.WarpShadow:before {
	  -moz-transform: rotate(8deg) skew(4deg);
	  -webkit-transform: rotate(8deg) skew(4deg);
	  -o-transform: rotate(8deg) skew(4deg);
	  transform: rotate(8deg) skew(4deg);	  			  
}
	
.WarpShadow:after {
	  left: 10px;
	  -moz-transform: rotate(-4deg) skew(-4deg);
	  -webkit-transform: rotate(-4deg) skew(-4deg);
	  -o-transform: rotate(-4deg) skew(-4deg);
	  transform: rotate(-4deg) skew(-4deg);
}

.smallBox.WarpShadow:after {
	  -moz-transform: rotate(-8deg) skew(-4deg);
	  -webkit-transform: rotate(-8deg) skew(-4deg);
	  -o-transform: rotate(-8deg) skew(-4deg);
	  transform: rotate(-8deg) skew(-4deg);
}





#ana_div {
    min-height: 100%;
    width: 840px;
    margin-right: auto;
    margin-left: auto;
    background-color: #ffffff;
}

.icerik {
width:450px;
height:100%px;
float:left;
margin: 0;
padding: 0px 0px 0;
}
 
.yan {
width:300px;
float:right;
margin: 0;
padding: -10px 0px 0;
}

.alt-menu {
font-size:12px; font-weight:400; color:#000;
font-family:Oswald;
}

.basyazi {font-size:24px; color:#ffffff; background:url(images/head_bg.jpg) repeat-x; height:53px; padding:20px 10px 0px 0px;}

.sidebarNav {
    clear: left;
    float: left;
    margin-right: 10px;
    width: 200px;
}
.sidebarNav ul#zone_32 {
    display: none;
}
.rightContent {
    float: left;
    width: 630px;
}

.sidebarNav ul li.active ul {
    display: block;
}
.sidebarNav ul li ul {
    display: none;
}
.sidebarNav ul {
    float: left;
}
.sidebarNav ul li {
    clear: left;
    float: left;
    margin-bottom: 2px;
}
.sidebarNav ul li.lie {
    margin-bottom: 0;
}
.sidebarNav ul li a {
    background: url("images/sidebar_nav_icon.png") no-repeat scroll right center #94765a;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size:12px; font-weight:400; color:#fff;
	font-family:Oswald;
    padding: 12px 0 12px 18px;
    width: 170px;
}
.sidebarNav ul li:hover a {
    background: url("images/sidebar_nav_icon.png") no-repeat scroll right center #222222;
}
.sidebarNav ul li.active a {
    background: url("images/sidebar_nav_icon.png") no-repeat scroll right center #222222;
}
.sidebarNav ul li ul {
    background: none repeat scroll 0 0 #C6D0D7;
    border-radius: 2px 2px 2px 2px;
    clear: left;
    margin-top: 2px;
    padding: 10px 2px 10px 18px;
    width: 220px;
}
.sidebarNav ul li ul li {
    margin-bottom: 12px;
}
.sidebarNav ul li ul li a {
    background: none repeat scroll 0 0 transparent !important;
    color: #575858;
    font-family: 'klavikamedium';
    font-size: 15px;
    padding: 0 !important;
    width: 210px;
}
.sidebarNav ul li ul li:hover a {
    color: #4E8AC3;
}
.sidebarNav ul li ul li.active a {
    color: #4E8AC3;
}
.sidebarNav ul li ul li ul {
    padding-bottom: 0;
    width: 200px;
}
.sidebarNav ul li ul li ul li a {
    background: none repeat scroll 0 0 transparent !important;
    color: #575858 !important;
    padding: 0 !important;
}
.sidebarNav ul li ul li ul li:hover {
    background: none repeat scroll 0 0 transparent !important;
}
.sidebarNav ul li ul li ul li a:hover {
    color: #4E8AC3 !important;
}
.sidebarNav ul li ul li ul li.active a {
    color: #4E8AC3 !important;
}


.rightContent h3 {
    color: #4E4E4E;
    font-size:22px; font-weight:400;
	font-family:Oswald;
    margin-bottom: 10px;
}

.rightContent hr {
       border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.rightContent p, .tibbiBolumDetay p {
    clear: left;
    float: left;
    line-height: 18px;
    margin-bottom: 20px;
}

ul.kelebek-mozaik {
position: relative;
z-index: 1; /* prevent shadows falling behind containers with backgrounds */
overflow: hidden;
list-style: none;
margin: 0;
padding: 0; 
}


ul.kelebek-mozaik li {
position: relative;
float: left;
width: 130px;
height: 100px;
padding: 0;
border: 1px solid #efefef;
margin: 0 25px 10px 0;
background: #fff;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; }


ul.kelebek-mozaik li:before,
ul.kelebek-mozaik li:after {
content: '';
z-index: -1;
position: absolute;
left: 10px;
bottom: 10px;
width: 70%;
max-width: 100px; /* avoid rotation causing ugly appearance at large container widths */
max-height: 100px;
height: 55%;
-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
-webkit-transform: skew(-15deg) rotate(-6deg);
-moz-transform: skew(-15deg) rotate(-6deg);
-ms-transform: skew(-15deg) rotate(-6deg);
-o-transform: skew(-15deg) rotate(-6deg);
transform: skew(-15deg) rotate(-6deg); }


ul.kelebek-mozaik li:after {
left: auto;
right: 10px;
-webkit-transform: skew(15deg) rotate(6deg);
-moz-transform: skew(15deg) rotate(6deg);
-ms-transform: skew(15deg) rotate(6deg);
-o-transform: skew(15deg) rotate(6deg);
transform: skew(15deg) rotate(6deg); }

#links-mozaik {
position: relative;
z-index: 1; /* prevent shadows falling behind containers with backgrounds */
overflow: hidden;
list-style: none;
margin: 0;
padding: 0; 
}

#links-mozaik li {
position: relative;
float: left;
width: 130px;
height: 1px;
padding: 0;
margin: 0 26px 30px 0;
}


ul.kelebek {
position: relative;
z-index: 1; /* prevent shadows falling behind containers with backgrounds */
overflow: hidden;
list-style: none;
margin: 0;
padding: 0; 
}


ul.kelebek li {
position: relative;
float: left;
width: 190px;
height: 150px;
padding: 0;
border: 1px solid #efefef;
margin: 0 18px 20px 0;
background: #fff;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; }


ul.kelebek li:before,
ul.kelebek li:after {
content: '';
z-index: -1;
position: absolute;
left: 10px;
bottom: 10px;
width: 70%;
max-width: 300px; /* avoid rotation causing ugly appearance at large container widths */
max-height: 100px;
height: 55%;
-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
-webkit-transform: skew(-15deg) rotate(-6deg);
-moz-transform: skew(-15deg) rotate(-6deg);
-ms-transform: skew(-15deg) rotate(-6deg);
-o-transform: skew(-15deg) rotate(-6deg);
transform: skew(-15deg) rotate(-6deg); }


ul.kelebek li:after {
left: auto;
right: 10px;
-webkit-transform: skew(15deg) rotate(6deg);
-moz-transform: skew(15deg) rotate(6deg);
-ms-transform: skew(15deg) rotate(6deg);
-o-transform: skew(15deg) rotate(6deg);
transform: skew(15deg) rotate(6deg); }

#links {
position: relative;
z-index: 1; /* prevent shadows falling behind containers with backgrounds */
overflow: hidden;
list-style: none;
margin: 0;
padding: 0; 
}

#links li {
position: relative;
float: left;
width: 190px;
height: 1px;
padding: 0;
margin: 0 20px 20px 0;
}

.teknikForm {width:715px;height:auto;float:left;display:inline;margin:35px 0 0 0}
.teknikFormListe {width:715px;height:auto;float:left;display:inline;margin:0}
.teknikFormListe li {background:f00;width:330px;height:auto;float:left;display:inline;margin:0 55px 17px 0px}
.teknikFormListe li span {width:80px;height:auto;float:left;display:inline;margin:0 -20px 0 10px;text-align:right;padding:0 0 0 5px;font-size:13px;line-height:27px}
.teknikFormListe li em {width:auto;height:auto;float:left;display:inline;margin:0 0px 0 20px;font-style:normal;font-size:13px;line-height:27px}
.teknikInput {width:205px;height:27px;float:right;display:inline;margin:0;padding:0 0 0 5px;background:url(../img/teknikinput.png) no-repeat}
.text {width:715px!important;height:auto;float:left;display:inline}
.teknikText {width:591px;height:81px!important;float:right;background:url(../img/tekniktext.png) no-repeat;resize:none;overflow:auto;font-size:13px;padding:5px 0 0 5px;border:none}
.nomargin{margin:0 0px 17px 0px!important}
.buton {width:84px!important;height:auto;float:right!important;display:inline;margin:10px 0 0 0!important}
.teknikButon {width:84px;height:29px;float:right;display:inline;margin:0 16px 0 0;font-size:12px;font-weight:bold;color:#ffffff;cursor:pointer;border:none;background:#2f2583;border-radius:4px;moz-border-radiud:4px;-webkit-border-radius:4px;}
.teknikFormListe li strong {background:000;width:auto;height:auto;float:right;font-size:12px;font-weight:normal;display:inline;margin:0 0 0 2px;color:#f00}
.zorunlu {width:593px;height:auto;float:left;display:inline;margin:-5px 0 0 112px!important}
.zorunlu h3 {width:auto;height:auto;float:left;display:inline;color:#f00;font-size:12px;}
.zorunlu p {width:auto;height:auto;float:left;display:inline;color:#000000;font-size:12px;font-style:normal}