@charset "iso-8859-9";

/* --------------- Reset Css -------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5;
}

table { border-collapse: separate;}
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: top; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }


/* Default font settings.  */
body { 
  font-size: 75%;
  color: #222; 
  background: #ffffff no-repeat scroll;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


/* Başlıklar
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	color: #111;
	font-family:Arial, Helvetica, sans-serif;
}

h1 { font-size: 20px; line-height: 1; margin-bottom: 0.5em; padding:5px; color:#FFF; text-align:right; }
h2 { font-size:1.8em; line-height:1.1em; margin-bottom:0.75em; color:#EA7C23; text-align:center; }
h3 { font-size: 1.3em; line-height: 1; margin-bottom: 5px; color:#D05606; font-weight:bold; padding-bottom:10px; border-bottom: dotted 1px #ccc; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 		{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}



/* Private Site
-------------------------------------------------------------- */
.center {
	height:100%;
	margin:0 auto;
	padding:0;
	width:960px;
}

.button {
	margin-left:20px;
	margin-top:50px;
}
#ust {
	background:#DDDDDD url(../images/genel/bg-top.gif) repeat-x scroll center top;
	height:85px;
}
#ust .logo {
	float:left;
	display:block;
	width:300px;
	height:65px;
	margin-top:10px;
}
#ust #icerik{
	background: transparent url(../images/genel/bg-ust.jpg) no-repeat left top;
}

#menu {
	background:#E4E4E3 none repeat scroll 0 0;
	height:54px;
}

#menu #icerik{
}

#menu ul {
	float:right;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:10px 0;
	padding:0;
}

#menu ul li {
	display:block;
	float:left;
	margin:0 10px 0 0;
	padding:0;
}
#menu ul li a{
	color:#848484;
	display:block;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.2em;
	font-weight:normal;
	height:27px;
	width:85px;
	text-decoration:none;
	text-align:center;
	padding-top:4px;
}

#menu ul li a:hover{
	background:transparent url(../images/genel/bg-but.png) no-repeat scroll 0 0;
	display:block;
	color:#FFF;
}

#banner {
	background:#DDDDDD url(../images/genel/bg-index-top.gif) repeat-x scroll center top;
	height:400px;
}

#banner #icerik {
	background:transparent url(../images/genel/bg-banner-index.jpg) no-repeat scroll center top;
}

#banner-sub {
	background:#DDDDDD url(../images/genel/bg-sub-top.gif) repeat-x scroll center top;
	height:100px;
}
#banner-sub #icerik{
	background:transparent url(../images/genel/bg-banner-sub.jpg) no-repeat scroll center top;
}

#banner #icerik .surme-metin {
	float:left;
	width:380px;
	margin:0;
	padding-left:10px;
}

#banner #icerik h1{
	color:#FFFFFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:30px;
	letter-spacing:-1px;
	line-height:30px;
	text-align:left;
	margin-top:70px;
	font-weight:bold;
}

#banner-sub #icerik h1{
	color:#FFFFFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:30px;
	letter-spacing:-1px;
	text-align:left;
	font-weight:bold;
	margin:0;
	padding:30px 0;
}

#banner #icerik p {
	color:#FFFFFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	margin:10px 0 0 110px;
	padding:5px 5px 5px 100px;
    width: 160px;
}

#banner #icerik .surme {
	float:left;
	width:540px;
	margin:0;
	padding-left:10px;
}

#banner #icerik .ekran {
	float:left;
	width:436px;
	height:288px;
	margin:70px 0px 0px 60px;
	padding:0;
}

.container_12 .grid_7 {
width:540px;
}

.grid_16 {
display:inline;
float:left;
margin-left:10px;
margin-right:10px;
}

#cu3er-container {width:436px; outline:0;}

#main-content {
}

#main-content #icerik1 {
	padding:30px 0;
}

#main-content #icerik-sub{
	padding:30px 0;
	background: transparent url(../images/genel/bg-body-sub.jpg) no-repeat -10px 30px; 
}

#main-content #icerik1 .leftpart ul{
	margin:15px 0 15px 5px;
	padding:0;

}

#main-content #icerik1 .leftpart ul li{
	float:left;
	list-style:none;
	background: #ffffff url(../images/genel/arrow1.jpg) no-repeat left center;
	width:169px;
	line-height:25px;
	font-size:12px;
	padding-left:18px;
}
#main-content #icerik1 .leftpart ul li a{
	text-decoration:none;
	color:#222222;
}
#main-content #icerik1 .leftpart ul li a:hover{
	color:#ff862e;
}
#main-content #icerik-sub .leftpart {
	float:left;
	width:244px;
	margin:0;
	padding-left:6px;
}

#main-content #icerik-sub .leftpart ul{ 
	margin:0;	
	}
	
#main-content #icerik-sub .leftpart ul li {
	list-style-type:none;
}

#main-content #icerik-sub .leftpart .secim {
	list-style-type:none;
	background: transparent url(../images/genel/bg-arrow.png) no-repeat left top;
	color:#fff;
}

#main-content #icerik-sub .leftpart .secim a{
	color:#fff;
	text-decoration:none;
	line-height:38px;
	display:block;
	padding:0 0 0 10px;
	width:218px;
}
#main-content #icerik-sub .leftpart .secim li:hover{
	background: transparent url(../images/genel/bg-arrow.png) no-repeat left top;
}

#main-content #icerik-sub .leftpart ul li:hover {
	background: transparent url(../images/genel/bg-arrow.png) no-repeat left top;
}

#main-content #icerik-sub .leftpart ul li a{
	color:#797C80;
	text-decoration:none;
	line-height:38px;
	display:block;
	padding:0 0 0 10px;
	border-bottom:solid 1px #E2E3E4;
	border-top:solid 1px #fff;
	width:218px;
}
#main-content #icerik-sub .leftpart ul li a:hover{
	color:#fff;
	font-weight:bold;
}

#main-content #icerik-sub .rightpart {
	float:left;
	width:680px;
	margin:0 0 0 20px;
	padding-left:10px;
}

#main-content #icerik-sub .rightpart .ofis-bolme {
	float:left;
	margin:0 0 40px;
}
h2.ofis-bolmeleri{ margin:0 0 10px 0;}

#main-content #icerik1 .leftpart {
	float:left;
	width:380px;
	margin:0;
	padding-left:10px;
}

#main-content #icerik1 .rightpart {
	float:left;
	width:560px;
	margin:0;
	padding-left:10px;
}

#main-content h2 { font-size:18px; margin-bottom:20px; color:#227AB0; text-align:left; letter-spacing:-1px; font-weight:bold; }
#main-content .left-head { margin-bottom:10px; background:transparent url(../images/genel/head-uygulama.jpg) no-repeat right top; line-height:71px;}

#main-content #icerik1 .rightpart .geneldiv {
	float:left;
	padding:0 10px 0 0;
	width:540px;
	text-align:right;
}
#main-content #icerik1 .rightpart .geneldiv a{
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:22px;
	text-decoration:none;
}

#main-content #icerik1 .rightpart .geneldiv a:hover{
	color:#FF862E
	}

#footer {
	background-color:#dcdcdc;
	border-top:solid 1px #a5a5a5;
	padding:10px 0 0 0;
}

#footer h3 {
	font-size:14px;
	font-weight:bold;
	letter-spacing:-1px;
	text-transform:uppercase;
	color:#F0F0F0;
	padding-bottom:10px;
	border-bottom:dotted 1px  #999;
}

#footer .bolum1 ul {
	list-style-image:none;
	list-style-type:none;
	padding:0;
	margin:0;
}

#footer .bolum1 ul li{
	border-bottom:1px dotted #666666;
	float:left;
	font-size:11px;
	margin:5px 30px 0 0;
	padding:2px 0 0 0;
	width:134px;
	line-height:24px;

}

#footer .bolum1 ul li a{
	text-decoration:none;
	color:#F0F0F0;
	padding-left:15px;
		background: transparent url(../images/genel/arrow.png) no-repeat left center;

}

#footer .bolum1 ul li a:hover {
	display:block;
	color:#fff;
	background-color:#5f5f5f;
}


#footeren {
	background:#4b4b4b url(../images/genel/bg-alt.jpg) no-repeat center top;
	border-top:solid 1px #3f3f3f;
	border-bottom:solide 1px #ffffff;
	padding:10px 0 0;
}
#footer #icerik {
	color:#FFF;
}

#footer .bolum1 {
	color:#F0F0F0;
	float:left;
	margin:30px 0 10px;
	padding:0 15px 0 0;
	width:495px;
}
#footer .bolum2 {
	color:#F0F0F0;
	float:left;
	margin:30px 0 10px 30px;
	padding:0 15px 0 0;
	width:180px;
}

#footer .bolum3 {
	color:#F0F0F0;
	float:left;
	margin:30px 0 30px 10px;
	padding:0 15px 0 0;
	width:200px;
}
.urun-kutusu {
	background-image:url(../images/genel/blankref.png);
	float:left;
	height:109px;
	margin-bottom:12px;
	margin-right:12px;
	padding:9px 8px;
	width:111px;
}

.urun-kutusu a:hover {background:#ffffff; text-decoration:none;}
.urun-kutusu a.tooltip span {display:none; padding:2px 3px; margin-left:-10px; width:110px; text-align:center;}
.urun-kutusu a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}

#cloud {line-height: 28px;	text-align: center;	letter-spacing: 2px; font-family: Georgia, Times New Roman, Times, serif;}
#cloud ul {	padding:0;margin:0;	text-align:left;	list-style:none;}
#cloud ul li {display:inline;font-size:70%;	color:#ccc;	background: none;	padding: 5; width:auto; border-bottom:none;}
#cloud ul li a.tag1 {font-size: 12px; font-weight: 200; padding-left: 6px; color:#ffffff; background-color:#218bd5; text-decoration: none;}
#cloud ul li a.tag2 {font-size: 12px; font-weight: 200; padding: 0 3px; color:#ffffff; background-color:#95a71a; text-decoration: none;}
#cloud ul li a.tag3 {font-size: 14px; font-weight: normal; padding-left: 6px; color:#fff; text-decoration:none}
#cloud ul li a.tag4 {font-size: 16px; font-weight: bold; padding-left: 6px; color:#000000; text-decoration:none}
#cloud ul li a.tag5 {font-size: 14px;font-weight: 100;color:#000000;background-color:#5b5b5b;padding-left: 6px;text-decoration: none;}
#cloud ul li a.tag9 {font-size: 13px;padding-left: 6px;	color:#999;	text-decoration: none; font-family: Tahoma;}
#cloud ul li a.tag10 {font-size: 15px;	padding-left: 6px;	color:#efcc0b;	text-decoration: none;	line-height: 22px;}
#cloud ul li a.tag11 {font-size: 15px;	padding-left: 6px;	color:#b2d1e7;	text-decoration: none;	line-height: 22px;}
#cloud ul li a:hover { background-color:#000000; color:#ffffff;}

#contacts {line-height: 16px; text-align: left;	font-family:arial;}
#contacts p{margin:0 0 4px;}
#contacts p.baslik {color:#ff862e; padding:0; margin:0; font-weight:bold;}



/* imaj galeri
-------------------------------------------------------------- */

.gallery {
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
	width:670px;
}

.gallerya {
	padding: 0px;;
}
.gallery li {
	margin: 15px 11px 0 0;
	padding: 0;
	float: left;
	position: relative;
	width: 212px;
	height: 175px;
}

.gallery a {
	text-decoration: none;
	color: #666;
}
.gallery a:hover {
	color: #000;
	text-decoration: underline;
}
.gallery img {
	padding: 20px 0 0 21px;
}
.gallery em {
	width: 212px;
	height: 30px;
	background: url(../images/genel/picture-frame.png) no-repeat;
	display: block;
	position: absolute;
	text-align: center;
	font: 100%/100% Georgia, "Times New Roman", Times, serif;
	padding-top: 145px;
	left: 1px;
}

#form1 input{
	background-color:#F5F5F4;
	border:1px solid #E5E3E3;
	color:#9A9A9A;
	font-size:1.1em;
	font-style:italic;
	font-weight:normal;
	margin:3px 0;
	padding:7px;
	width:270px;
	}
#form1 select{
	background-color:#F5F5F4;
	border:1px solid #E5E3E3;
	color:#9A9A9A;
	font-size:1.1em;
	font-style:italic;
	font-weight:normal;
	margin:5px 0;
	padding:7px;
	width:285px;
	}
#form1 textarea{	
	background-color:#F5F5F4;
	border:1px solid #E5E3E3;
	color:#9A9A9A;
	font-size:1.3em;
	font-style:italic;
	font-weight:normal;
	height:164px;
	padding:7px;
	width:270px; }
	
#form1 .gonder{
	margin-top:14px;
	width:285px;
	 }
	 
	 
.img-shadow {
  float:left;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: -6px 6px 6px -6px;
	padding: 4px;
  } 
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ 
	position: absolute;
	background-color: lightyellow;
	left: -1000px;
	border: 1px dotted gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	padding-top: 12px;
	padding-left: 12px;
}

.thumbnail span img{ 
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span{
visibility: visible;
top: -70px;
left: -100px; 

}
#makrovizyon{margin-top:0px;}
#makrovizyon #designer {
	cursor:pointer;
	background:transparent url(../images/makrovizyon.png) no-repeat scroll top center;
	width:139px;
	height:16px;
	margin:0 auto;
	padding-top:19px;}
#makrovizyon #designer ul {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:7px;
	list-style:none;
	list-style-type:none;
	margin-top:0px;
	padding-left:0px;	}
#makrovizyon #designer ul li {text-decoration:none;	float:left;	padding:0 2px; border:none;}
#makrovizyon #designer ul li a,#makrovizyon #designer ul li a:hover {color:#999;text-decoration:none;border:none;}
.powered{
	color:#999999;
	font-size:11px;
	margin:0;
	padding:20px 0 0;
	text-align:center;
	}
#main-ul li a{ }

.Accordion {
	overflow: hidden;
}
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}
.AccordionPanelTab {
	background-color: #CCCCCC;
	margin: 0 0 2px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.AccordionPanelContent {
	overflow-x: hidden;
	margin: 0 0 20px;
	padding: 0;
}
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #EEEEEE;
}
.AccordionPanelTabHover {
	color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
}