/* Tüm elementlere uygulanacak stiller */
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,
del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend
{
  vertical-align: baseline;
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  outline: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
:focus 
{
  outline: 0;
}
body 
{
  background: white;
  line-height: 1;
  color: black;
}
ol, ul
{
  list-style: none;
}
table
{
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td
{
  font-weight: normal;
  text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after
{
  content: "";
}
blockquote, q
{
  quotes: "" "";
}

/* Sayfayı içinde bulunduran body */
html
{
  width: 100%;
}
body
{
	background: #fff;
  width: 980px;
  margin: 0 auto;
  font-family: tahoma, helvetica, verdana, tahoma, sans-serif;
  font-size: 80%;
	color: #333;
}

/* Bağlantılar */
a
{
	color: #03558c;
	text-decoration: none;
}
a:hover
{
	color: #cc0000;
}

/* Kullanıcıdan gizlenecek elementler */
div#icerik div#sag h2, div#platformlar h2, div#platformlar ul, #ust ul li a span, div#ust h1 span, body#anasayfa #sol h2, body#anasayfa #sol ul, div#icerik div#sag h2
{
  position: absolute;
  left: -9999px;
}

/* Paragraflar */
p
{
	margin-bottom: 15px;
	line-height: 150%;
}

/* Bağlantılar */
a
{
	color: #03558c;
	text-decoration: none;
}
a:hover
{
	color: #cc0000;
}

/* Sitenin üst bölümü */
div#ust
{
	width: 980px;
	height: 114px;
	background: url(resimler/ust_ap.png) no-repeat;
	padding: 17px 0;
}
body#anasayfa div#ust
{
	height: 314px;
}
div#ust h1
{
	width: 150px;
	height: 70px;
	background: url(resimler/logo_ap.png) no-repeat;
	float: left;
	margin-bottom: 10px;
}
div#ust ul
{
	float: right;
	width: 584px;
	height: 72px;
	margin: 20px 0 0 0;
}
div#ust ul li
{
	float: left;
	height: 32px;
	margin-left: 23px;
}
div#ust ul li.anasayfa, div#ust ul li.anasayfa a
{
	width: 75px;
}
div#ust ul li.bizkimiz
{
	width: 75px;
}
div#ust ul li.cozumlerimiz
{
	width: 109px;
}
div#ust ul li.referanslarimiz
{
	width: 109px;
}
div#ust ul li.bizeulasin
{
	width: 92px;
}
#ust ul li a
{
	display: block;
	height: 32px;
}
div#ust ul li.anasayfa a
{
	background: url(resimler/menu_ap.png) no-repeat 0 0;
}
div#ust ul li.bizkimiz a
{
	background: url(resimler/menu_ap.png) no-repeat -98px 0;
}
div#ust ul li.cozumlerimiz a
{
	background: url(resimler/menu_ap.png) no-repeat -196px 0;
}
div#ust ul li.referanslarimiz a
{
	background: url(resimler/menu_ap.png) no-repeat -328px 0;
}
div#ust ul li.bizeulasin a
{
	background: url(resimler/menu_ap.png) no-repeat -460px 0;
}
div#ust ul li.anasayfa a:hover
{
	background: url(resimler/menu_ap.png) no-repeat 0px -32px;
}
div#ust ul li.bizkimiz a:hover
{
	background: url(resimler/menu_ap.png) no-repeat -98px -32px;
}
div#ust ul li.cozumlerimiz a:hover
{
	background: url(resimler/menu_ap.png) no-repeat -196px -32px;
}
div#ust ul li.referanslarimiz a:hover
{
	background: url(resimler/menu_ap.png) no-repeat -328px -32px;
}
div#ust ul li.bizeulasin a:hover
{
	background: url(resimler/menu_ap.png) no-repeat -460px -32px;
}
div#ust ul li.anasayfa a.aktif
{
	background-position: 0 -32px;
}
div#ust ul li.bizkimiz a.aktif
{
	background-position: -98px -32px;
}
div#ust ul li.cozumlerimiz a.aktif
{
	background-position: -196px -32px;
}
div#ust ul li.referanslarimiz a.aktif
{
	background-position: -328px -32px;
}
div#ust ul li.bizeulasin a.aktif
{
	background-position: -460px  -32px;
}

/* Sitenin üst bölümü */
div#orta
{
	width: 980px;
	height: 186px;
	clear: both;
	bottom: 4px;
	position: relative;
	z-index: 90;
}
div#orta div
{
	width: 980px;
	height: 186px;
}
div#ortaicerik h2
{
	color: #f58629;
	font-family: "Arial Narrow", arial, helvetica, sans-serif;
	font-size: 20px;
	margin: 0 0 12px 0;
	padding: 20px 0 0 0;

}
div#ortaicerik p
{
	line-height: 180%;
	color: #999;
}
div#ortaicerik
{
	position: relative;
	bottom: 190px;
	z-index: 100;
	padding-right: 400px;
}
/* Sitenin üst bölümü */
div#icerik
{
	clear: both;
}
body#anasayfa div#icerik div#sol
{
	height: 250px;
	padding: 0px 5px 5px 0;
}
body#anasayfa div#icerik div#sol div.iskolu
{
	float: left;
	width: 190px;
	margin-right: 15px;
	padding: 10px;
	background: #fcfcfc;
	font-size: 11px;
}
body#anasayfa div#icerik div#sol div.iskolu img
{
	border: 1px #eee solid;
	padding: 3px;
	background: #fff;
	margin-bottom: 10px;
}
div#icerik div#sol
{
	width: 676px;
	padding: 0px 5px 20px 0;
	float: left;
}
div#icerik div#sol h2
{
	font-size: 20px;
	font-family: "Arial Narrow", Arial, sans-serif;
	color: #f88628;
	margin-bottom: 12px;

}
div#icerik div#sol div#cozum ul
{
	list-style-type: circle;
	margin-left: 15px;
	font-size: 11px;
	position: relative;
	left: 13px;
}
div#icerik div#sol div#cozum ul li
{
	margin-bottom: 5px;
}
div#icerik div#sag
{
	float: right;
	width: 216px;
	height: 171px;
	margin: 0 17px 0 0;
	background: url(resimler/netyaz.png) no-repeat top left;
	padding: 30px 12px 0 12px;
	left: 16px;
	position: relative;
}
div#icerik div#sol div#cozum img
{
	float: left;
	margin: 0 15px 10px 0
}
div#icerik div#sag.cozumlerimiz
{
	float: right;
	width: 240px;
	margin: 0 17px 0 0;
	background: url(resimler/cozumlerimiz.png) no-repeat top left;
	padding: 29px 0 0 0;
	left: 16px;
	position: relative;
}
div#icerik div#sag.cozumlerimiz ul
{
  margin-top: 2px;
	border-left: 1px #d1d1d1 solid;
	border-right: 1px #d1d1d1 solid;
	border-bottom: 1px #d1d1d1 solid;
	padding: 4px 0 0 0;
}
div#icerik div#sag.cozumlerimiz ul a
{
	display: block;
	padding: 10px;
	border-bottom: 1px #f0f0f0 solid;
}
div#icerik div#sag.cozumlerimiz ul a:hover
{
	background: #fafafa;
}
div#icerik div#sag h3
{
	font-family: Tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-top: 15px;
	color: #f58629;
	margin-bottom: 10px;
}
div#icerik div#sag p
{
	line-height: 180%;
	color: #666;
	margin-bottom: 10px;
	font-size: 85%;
}
div#icerik hr
{
	border: 0px;
	width: 97%;
	padding: 0;
	margin: 0;
	background: #f0f0f0;
	height: 1px;
}

/* İletişim sayfası */
form label
{
	display: block;
	margin-bottom: 3px;
}
textarea
{
	font-size: 11px;
	width: 97%;
}
form fieldset#bilgiler
{
	width: 27%;
	float: left;
}
form fieldset#ileti
{
	width: 71%;
	float: right;
	margin-bottom: 10px;
}
form input
{
	margin-bottom: 10px;
}
#iletisim form input.buton
{
	clear: both;
}
#iletisim form fieldset textarea
{
	height: 119px;
}
#iletisim div.ayir
{
	clear: both;
	margin-bottom: 20px;
}
#iletisim dl
{
	margin: 0 0 30px 0;
	font-size: 85%;
}
#iletisim dl dt
{
	float: left;
	width: 25%;
	margin: 0 0 3px 0;
	font-weight: bold;
	color: #999;
}
#iletisim dl dd
{
	float: left;
	width: 73%;
	margin: 0 0 3px 0;
}
#iletisim dl dd#adres2
{
	margin: 0 0 0 25%;
}
h3
{
	clear: both;
	color: #03558c;
	margin-bottom: 35px;
	font-size: 13px;
	border-bottom: 1px #f0f0f0 solid;
	padding-bottom: 5px;
	font-weight: 100;

}
.kimler {
float:right;
display:inline;
width:230px;
margin:-65px auto;
}
.kimler img {
display:inline;
width:100px;

}

/* Sitenin alt bölümü */
div#alt
{
	clear: both;
	border-top: 1px #f0f0f0 solid;
	padding-top: 15px;
	bottom: 8px;
	position: relative;
}
div#alt div#platformlar
{
	width: 508px;
	height: 50px;
	background: url(resimler/logolar.png) no-repeat top left;
	float: left;
}
div#alt div#telifhakki
{
	width: 380px;
	height: 50px;
	float: right;
	text-align: right;
	font-size: 85%;
	color: #999;
	line-height: 140%;
	padding: 10px 0;
}
#loading{
	text-align: center;
	visibility: hidden;
}
#dil{
	font-size: 10px;
	text-align: right;
	position: relative;
	top: 10px;
	right: 7px;
}
#solayasla{
	float: right;
	width: 444px;
}
.message {
  background: #fffafa;
	border: 1px dashed #b46666;
  padding: 14px 20px;
	margin: 0 0 20px 0;
  }
.message ul {
  margin-top: 10px;
  list-style-type: circle;
  padding-left: 30px;
  }
.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}

#thumbnails {
	display: none;
}