@charset "iso-8859-9";
/* CSS Document */


body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}


#arka {  margin-left:auto; margin-right:auto; text-align:left; background-image:url('images/arka.png'); background-repeat:repeat-y; background-attachment:fixed; background-position:center; }
#harka {  margin-left:auto; margin-right:auto; text-align:left; background-image:url('arka.png'); background-repeat:repeat-y; background-attachment:fixed; background-position:center; }
#kelebeksoft { width:980px; margin-left:auto; margin-right:auto; text-align:left; background-image:url('images/logo.png'); background-repeat:no-repeat; background-attachment:fixed; background-position:center; }

.top-menu {
	background:url(images/top-menu-bg.png) no-repeat;
	height:112px;
}
ul#navigation {

	height:30px;
}
ul#navigation li {
	background:transparent url(images/seperator.gif) repeat-y scroll 0 0;
	display:block;
	float:left;
	list-style-type:none;
	position:relative;
}
ul#navigation li a {
	color:#000000;
	display:block;
	font-size:18px;
	padding-left:15px;
	padding-right:16px;
	text-decoration:none;
}
ul#navigation li a:hover {
	background-color:transparent;
	color:#000;
}
ul#navigation li span {
	display:block;
	font-size:11px;
	text-transform:lowercase;
	margin:0;
	padding:01
}
.theme-default #slider {
	width:892px;
	height:250px;
	border:none
}
.sag {
	background:url(images/ssag.png);
	width:300px;
	height:100px
}
.kutu {
	color:#FFF; font-size:16px; font-weight:bold;
	text-shadow:1px 1px 2px #000;
}

.hbaslik {
	background:url(images/hbaslik.png);
	height:38px;
	text-shadow:1px 1px 2px #000;
	color:#FFF;
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:18px;
	text-indent:15px
}

.baslik {
	background:url(images/baslik.png);
	height:38px;
	text-shadow:1px 1px 2px #000;
	color:#005196;
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:16px;
	text-indent:15px
}
.baslikorta {
	background:#e6e6e6
}
.baslikorta2 {
	background:#ffffff
}
.baslikorta3 {
	background:#ffffff
}
.haberorta {
	background:url(images/yaziorta.png);
}
.kategori {
	border-bottom:dotted 1px #ccc
}
.urunbaslik {
	font-size:16px;
	font-family: 'Ubuntu Condensed', sans-serif;
}
.orta {
	background:url(images/orta.png);
		height:30px;
	;
	
	color:#ffffff;
	font-family:sans-serif;
	font-size:18px;
	text-indent:15px
}
.ortaana {
	background:url(images/orta.png);
		height:30px;
	;
	
	color:#ffffff;
	font-family:sans-serif;
	font-size:18px;
	text-indent:15px
}
.tam {
	background:url(images/tam.png);
		height:58px;
	text-shadow:1px 1px 2px #000;
	color:#FFF;
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:18px;
	text-indent:15px
}
.gonder {
	border:none;
	background:url(images/kaydet.png);
	width:96px;
	height:25px
}
.yukleniyor {
	width:100%;
	text-align:center;
	font-size:24px;

}
.urun-box {
	float:left;
	width:169px;
	height:200px;
	border:solid 1px #ccc;
	background-color:#FFF
}
.urun-box2 {
	float:left;
	width:169px;
	height:200px;
	border:solid 1px #ccc;
	margin-left:9px;
	background-color:#FFF
}
.urun-baslik {

	height:50px;
	font-weight:bold;
	font-size:12px;
	text-align:center
}
.urun-baslik p {
	margin:0;
	padding:0;
	padding-top:7px;
}

.urun-resim {
	text-align:center;
	background-color:#FFF
}
.fot td {
	height:28px;
	border-bottom:dotted 1px #ccc;
}
.footer {
	background:url(images/footer.png);
	height:71px;
}
body {

}

#sideNav {

	width:230px;

	margin:0 0;

	float:left;

	font-weight:bold;

	line-height:30px;

	text-align:left;

	background:#fff;

	border-left:1px solid #cccccc;

	border-right:1px solid #cccccc;

	padding:0 0px;

}

#sideNav h1{

	font-size:20px;

	font-weight:bold;

	line-height:24px;

	margin:0;

	margin-bottom:6px;

	padding:0;

	color:#2d2d2d;

	}

#sideNav ul {  

	margin: 0; 

	padding: 0;	

}

#sideNav ul li {

	display:inline;

	float: left;

	list-style: none;

	width:230px;

	margin-bottom:4px;

	}

#sideNav ul li a { 

	display: block; 

	margin:0;

	text-decoration: none;

	text-transform:uppercase;

	color: #2d2d2d;

	background: url(images/sideNav.png) no-repeat;

	padding:0 30px;

	

}

#sideNav ul li a:hover{

	color: #2d2d2d;

	text-decoration:none;

	background: url(images/sideNavOver.png) no-repeat;

	

}

#sideNav ul li a.active {

	color: #fff;

	text-decoration:none;

	background: url(images/sideNavActive.png) no-repeat;

}

.frm {
	font-family:Tahoma,verdana,arial,geneva;
	font-size:11px;
	border-color:#999999;
	border-width: 1;
	border-style: solid;
}

.baslikb {
	font-family: "Myriad Pro", Geneva, Arial, sans serif, helvetica, Tahoma, Verdana;
	color: #FFFFFF;
	font-size:18px;
	font-weight:lighter;
	background:url(images/baslikb.png);
    height:30px;
	width:300px;
}
.baslikbh {
	font-family: "Myriad Pro", Geneva, Arial, sans serif, helvetica, Tahoma, Verdana;
	color: #FFFFFF;
	font-size:18px;
	font-weight:lighter;
	background:url(images/baslikbh.png);
    height:30px;
	width:290px;
}
.baslikbu {
	font-family: "Myriad Pro", Geneva, Arial, sans serif, helvetica, Tahoma, Verdana;
	color: #FFFFFF;
	font-size:18px;
	font-weight:lighter;
	background:url(images/baslikbu.png);
    height:30px;
	width:227px;
}
.baslikbub {
	font-family: "Myriad Pro", Geneva, Arial, sans serif, helvetica, Tahoma, Verdana;
	color: #FFFFFF;
	font-size:18px;
	font-weight:lighter;
	background:url(images/baslikbub.png);
    height:30px;
	width:672px;
}
.baslikbubu {
	font-family: "Myriad Pro", Geneva, Arial, sans serif, helvetica, Tahoma, Verdana;
	color: #FFFFFF;
	font-size:18px;
	font-weight:lighter;
	background:url(images/baslikbubu.png);
    height:30px;
	width:672px;
}
.baslikalt{
	font-family: "Myriad Pro", Geneva, Arial, sans serif, helvetica, Tahoma, Verdana;
	font-size:16px;
	font-weight:lighter;
}

.ari11 {font-family:arial,verdana,geneva; font-size:11px;}
.ari10 {font-family:arial,verdana,geneva; font-size:10px;}
.ari9  {font-family:arial,verdana,geneva; font-size:9px;}
.ari8  {font-family:arial,verdana,geneva; font-size:8px;}
.ari7  {font-family:arial,verdana,geneva; font-size:7px;}

.taho20 {font-family:Tahoma,sans-serif,verdana,arial,geneva; font-size:20px; color:#000000;}
.taho13 {font-family:Tahoma,sans-serif,verdana,arial,geneva; font-size:13px; color:#000000;}
.taho12 {font-family:Tahoma,sans-serif,verdana,arial,geneva; font-size:12px; color:#000000;}
.taho11 {font-family:Tahoma,sans-serif,verdana,arial,geneva; font-size:11px; color:#4f4f4f;}
.taho10 {font-family:Tahoma,sans-serif,verdana,arial,geneva; font-size:10px; color:#000000;}
.taho9  {font-family:Tahoma,sans-serif,verdana,arial,geneva; font-size:9px; color:#000000;}
.taho8  {font-family:Tahoma,sans-serif,verdana,arial,geneva; font-size:8px; color:#000000;}

/* paragraflar --------------------------------------------------------------------------------------------------------------------------------------*/
P {margin-left: 16px; margin-right: 10px; margin-top: 5px; margin-bottom:0px;}
P.p1 {margin-left: 10px; margin-right: 10px; margin-top: 10px;}
P.p2 {margin-left: 10px; margin-top: 0px;}
P.p3 {margin-left: 15px; margin-right: 10px; margin-top: 10px; margin-bottom:10px;}
P.p4 {margin-left: 15px; margin-right: 10px; margin-top: 0px; margin-bottom:0px;}


/* form için ----------------------------------------------------------------------------------------------------------------------------------------*/
.frm2 {width:150; height:40; margin-left: 0px; font-family:verdana,arial,geneva; font-size:10px; }
.frm3 {width:60; height:20; margin-left: 10px; font-family:verdana,arial,geneva; font-size:10px; }
.frm4 {height:20; font-family:verdana,arial,geneva; font-size:10px; }

/* çerçeve ------------------------------------------------------------------------------------------------------------------------------------------*/
.cerc {
  border:#7e7e7c 1px solid;
}

/* linkler ------------------------------------------------------------------------------------------------------------------------------------------*/
a.cerc {
  border:#ffffff 1px solid;
}
a.cerc:hover {
  border:#999999 1px solid;
}
.menu1 {
	font-family: "Myriad Pro", Geneva, Arial, sans serif, helvetica, Tahoma, Verdana;
	font-size:20px;
}
a.menu1 {
	color:#ffffff;
	text-decoration:none;
}
a.menu1:hover {
  color:#cccccc;
}

a.menu2 {
	font-size:14px;
	color:#ffffff;
	text-decoration:none;
}

a.menu2:hover {
  color:#cccccc;
}

a.menu3 {
	color:#ffffff;
	text-decoration:none;
}
a.menu3:hover {
  color:#D5E6FF;
}

.image{
	margin:0px 0px 10px 16px;
	background-image:url(images/imgback.jpg);
	background-repeat:no-repeat;
	width:275px;
	height:95px;
}
/* uygulama çarçeve ---------------------------------------------------------------------------------------------------------------------------------*/
a.imagelink{
	background-image:url(images/imgback.jpg);
	text-decoration:none;
	background-repeat:no-repeat;
	width:272px;
	height:95px;
	display:block;
}
a.imagelink:hover{
	background-image:url(images/imgback.jpg);
	text-decoration:none;
	background-repeat:no-repeat;
	width:272px;
	height:95px;
}
/* aksesuar çarçeve ---------------------------------------------------------------------------------------------------------------------------------*/
a.imagelink2{
	background-image:url(images/imgback2.jpg);
	text-decoration:none;
	background-repeat:no-repeat;
	width:170px;
	height:136px;
	display:block;
}
a.imagelink2:hover{
	background-image:url(images/imgback2.jpg);
	text-decoration:none;
	background-repeat:no-repeat;
	width:170px;
	height:110px;
}
a.imagelink3{
	background-image:url(images/imgback3.jpg);
	text-decoration:none;
	background-repeat:no-repeat;
	width:170px;
	height:110px;
	display:block;
}
a.imagelink3:hover{
	background-image:url(images/imgback3.jpg);
	text-decoration:none;
	background-repeat:no-repeat;
	width:170px;
	height:110px;
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------*/
a.link1 {
  color:#ffffff;
  text-decoration:none;
}
a.link1:hover {
  color:#808080;
}
a.link2 {
  color:#808080;
  text-decoration:none;
}
a.link2:hover {
  color:#ffffff;
  text-decoration:none;
}
.mavi{
	color:#005196;
	text-decoration:none;
}

ul#home-thumbs {
	width: 890px;
	list-style: none;
}

ul#home-thumbs li {
	list-style: none;
	width: 156px;
	height: 135px;
	margin: 0 5px 5px 0;
	padding: 11px 0 0 11px;
	float: left;
	position: relative;
	display: block;
	background: url(images/thumb-home.png) top left no-repeat;
}



ul#home-thumbs li span {
	width: 70px;
	height: 40px;
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	margin-right: 3px;
	z-index: 100;
}

a.f-video {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
	background: #fff url(images/video-zoom.png) center center no-repeat;
}

/*.ver20 {font-family:verdana,arial,geneva; font-size:20px; color:#000000;}
.ver14 {font-family:verdana,arial,geneva; font-size:14px; color:#000000;}
.ver13 {font-family:verdana,arial,geneva; font-size:13px; color:#FFFFFF;}
.ver12 {font-family:verdana,arial,geneva; font-size:12px; color:#FFFFFF;}
.ver11 {font-family:verdana,arial,geneva; font-size:11px; color:#FFFFFF;}
.ver10 {font-family:verdana,arial,geneva; font-size:10px; color:#FFFFFF;}
.ver9  {font-family:verdana,arial,geneva; font-size:9px; color:#FFFFFF;}
.ver8  {font-family:verdana,arial,geneva; font-size:8px; color:#FFFFFF;}*/