@charset "utf-8";
/*-------------------------------------------------------------------------	
	Son düzenleme:	emresumer	12.06.09 / 12.00
-------------------------------------------------------------------------*/

/*	SIFIRLAMA
-------------------------------------------------------------------------*/
body,div,ul,ol,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,th,td,p{ margin:0; padding:0 }
table {	border-collapse:collapse; border-spacing:0 }
fieldset,img { border:0 }
ol,ul { list-style:none }
caption,th { font-style:normal;	font-weight:normal;	text-align:left }
h1,h2,h3,h4,h5,h6 { font-size:100%;	font-weight:normal }
a{ text-decoration:none; outline:none }
:focus{ outline:none }
p{ padding:10px 0 2px }
/*	GENEL YAPI
-------------------------------------------------------------------------*/
body { background:#E151C8 url(../images/bg.jpg) no-repeat center top; font:12px Tahoma, Geneva, sans-serif; color:#740A3D; min-width:997px; width:auto }

div#container { width:967px; height:auto; margin:0 auto; padding:0 15px }
	div#center { position:relative; top:-22px; background:transparent url(../images/bgCenterAna.png) no-repeat center bottom; width:954px; height:253px; margin:0 auto }
		div#doreFlash{width:967px; height:234px; z-index:9}
		div#content {  }
	div#footer { width:954px; height:20px; padding:25px 0 0; margin:-22px auto 0; background:transparent url(../images/bgFooter.png) no-repeat left top; color:#D55163; font-size:11px; line-height:18px }
		span#doreLogo{ background:transparent url(../images/logoUfak.png) no-repeat right center; text-indent:-9999px; display:block; float:left; width:100px; height:15px; margin:0 3px 0 0}
		div#footer ul{width:auto; height:auto; float:right; margin:0; padding:0 20px 0 0}
		*:first-child+html div#footer ul{margin:-18px 0 0 } 
			div#footer ul li{display:block; float:left; padding:0 5px 0 0}
	

/*	GENEL SINIFLAR
-------------------------------------------------------------------------*/
.mt5{ margin-top:5px !important}
.mt10{ margin-top:10px !important}
.mt15{ margin-top:15px !important}
.floatNone { float:none }
.floatLeft { float:left }
.floatRight { float:right !important }
.clearBoth { clear:both }
.noBg { background:none !important }
.noMargin { margin:0 !important }
.noPadding { padding:0 !important }
.noBorder { border:0 !important }
.displayNone { display:none !important }
.displayBlock { display:block !important }
.ortala{ text-align:center !important; padding:0}



/*	BAGLANTILAR
-------------------------------------------------------------------------*/
a { color:#740A3D }
a:hover {  text-decoration:underline; color:#FF0080 }
h1 a{ display:block; width:136px; height:61px}
a.btnKatil, a.btnHesapla{display:block; background:transparent url(../images/btnAnasayfa.png) no-repeat; color:#fff; font-weight:bold}
div#doreTemsilci a.btnKatil, div#doreKazanc a.btnHesapla, div#doreFirsat a.btnKatil{ margin:0 auto}
	a.btnKatil{width:200px; height:24px; padding:7px 0 0; background-position:0 0; text-align:center}
		a.btnHesapla{width:155px; height:28px; padding:16px 0 0 45px; background-position:-200px 0}
h2 a{ color:#FF0080}
h2 a:hover{ color:#FF0080; text-decoration:none}

#dore_buton{ position:absolute; top:0; right:0; z-index:19}
a#videoAc{ }

/*	BASLIKLAR
-------------------------------------------------------------------------*/
h1, h2, h3, h4 {  }
h1 { display:block; width:136px; height:61px; margin:9px 0 8px 45px; background:transparent url(../images/logo.png) no-repeat; text-indent:-9999px }
h2.sifr { display:block; width:170px; height:auto; background:transparent url(../images/bgCenterResim_kolaj.png) no-repeat 0 0; color:#FF0080; font-size:20px }
h2.baslik{width:350px}
div#doreFirsat h2.sifr{ height:70px; padding:45px 0 0 120px; background:transparent url(../images/doreTanitim.png) no-repeat 0 0}
div#doreTemsilci h2.sifr{height:80px; padding:35px 0 0 120px; background-position:0 -115px; width:190px}
div#doreKazanc h2.sifr{height:80px; padding:35px 0 0 120px; background-position:0 -230px; width:160px; margin:0 0 0 5px}
h3 {  }
h4 {  }



/*	FORMLAR
-------------------------------------------------------------------------*/
input {  }
span.inputTasi input{ display:block; float:left; border:none; text-align:center; background:transparent none; width:50px; height:25px; font:bold 22px Verdana, Geneva, sans-serif; color:#333}
input#txtSaat{margin:0 60px 0 0}
input#btnHesapla{border:none; display:block; width:160px; height:43px; margin:0 auto; background:transparent url(../images/btnHesapla.png) no-repeat 0 0; cursor:pointer}
span.fiyatTasi input{ display:block; margin:0 0 0 20px; width:160px; height:28px; text-align:right;  background:transparent none; border:none; font:bold 22px Verdana, Geneva, sans-serif; color:#333}
div.basvuru p span input{display:block; width:187px; height:19px; border:2px solid #FF3399; font:16px Verdana, Geneva, sans-serif; color:#333; padding:2px 3px 0}
div.basvuru p span label{float:left; line-height:25px; width:60px; text-align:right; padding:0 5px 0 0}
div.basvuru p span#telefon label{width:40px}
div.basvuru p span#alanKodu input,div.basvuru p span.alanKodu input{width:48px;  padding-left:5px}
div.basvuru p span#telefon input, div.basvuru p span.telefon input{width:97px;  padding-left:8px}
div.basvuru p span select{display:block; width:193px; height:21px; border:none; background:#fff none; font-size:14px; font-weight:normal; line-height:15px;}
div.basvuru p.gonderTasi input{display:block; width:221px; height:37px; background:transparent url(../images/btnBasvuru.png) no-repeat; border:none; cursor:pointer}
button { }
select {  }
textarea {  }



/*	MENULER
-------------------------------------------------------------------------*/
ul#menu{ width:954px; height:41px; margin:0 auto 5px}
	ul#menu li{display:inline}
		ul#menu li a{display:block; float:left; width:165px; height:41px; background:transparent url(../images/bgMenu.png) no-repeat; text-indent:-9999px}
			ul#menu li a#m1{}
			ul#menu li a#m2{width:218px; background-position:-165px 0}
			ul#menu li a#m3{width:258px; background-position:-383px 0}
			ul#menu li a#m4{width:313px; background-position:-641px 0}
			ul#menu li a#m1:hover{background-position:0 -41px}
			ul#menu li a#m2:hover{background-position:-165px -41px}
			ul#menu li a#m3:hover{background-position:-383px -41px}
			ul#menu li a#m4:hover{background-position:-641px -41px}
			ul#menu li a#m1.secili{background-position:0 -82px}
			ul#menu li a#m2.secili{background-position:-165px -82px}
			ul#menu li a#m3.secili{background-position:-383px -82px}
			ul#menu li a#m4.secili{background-position:-641px -82px}
ul.btnIkili{}
	ul.btnIkili li{display:block; float:left; padding:0 5px 0 0}

/*	Index.html
-------------------------------------------------------------------------*/
div#doreFirsat{padding:17px 0 0 27px; width:293px; margin:0 15px 0 0}
div#doreTemsilci{width:315px; padding:30px 0 0}
	div#doreTemsilci p{padding:7px 0 5px}
div#doreKazanc{width:290px; padding:20px 0 0 10px}


/*	kazancimi-hesapla.html
-------------------------------------------------------------------------*/
body#kazancimiHesapla div#center{ background-image:url(../images/bgCenterHesap.png); top:-18px}
	div#kazancAciklama{width:410px; padding:40px 0 0 30px; margin:0 25px 0 0}
	div#kazancForm{ width:470px; padding:30px 0 0}
		div#kazancForm p{ display:block; height:35px; padding:3px 0; width:470px; clear:both}
			div#kazancForm p.dipnot{ text-align:center; font-size:10px; color:#D64B64}
		span.baslik{display:block; float:left; width:85px; text-align:right; padding:5px 3px 0}
		span.baslik.uzun{ width:115px}
		span.baslik.sol{width:60px}
		span.inputTasi, span.fiyatTasi{display:block; float:left; width:236px; height:27px; background:transparent url(../images/bgInput.png) no-repeat center top; padding:3px 4px 0 30px}
		span.fiyatTasi{ background-position:right -30px; padding:0 4px 0 96px; height:30px}
		span.slcTasi{display:block; float:left; position:relative; width:128px; height:auto; overflow:visible; z-index:998; padding:0 4px}
body#kazancimiHesapla div#footer{ margin-top:-18px }

/*	urunler.html
-------------------------------------------------------------------------*/
body#urunler div#center, body.dore div#center{ background-image:url(../images/bgCenterUrun.png); padding:25px 0 0 30px; width:924px; height:228px}
div.urunKutu{width:280px; height:auto; float:left}
div.urunKutu.orta{ padding:0 30px}
	div.urunKutu p{ padding:5px 0}
	div.urunKutu img{display:block; margin:5px auto 0}

/*	Icerik Sayfalari
-------------------------------------------------------------------------*/
body.dore div#center{padding-top:35px; height:218px}
div.sol, div.sag{float:left; width:420px; height:auto}
div.sol{margin:0 30px 0 10px}


/*	basvuru-formu.html
-------------------------------------------------------------------------*/
body#basvuru div#center{ background-image:url(../images/bgCenterForm.png); padding:25px 0 0 60px; width:884px; height:300px; top:-18px}
body#basvuru div#footer{ margin-top:-18px }
div.basvuru p{ display:block; width:auto; height:28px; margin:0; clear:both}
	div.basvuru p.gonderTasi{padding:5px 0 0 325px}
	div.basvuru p.gonderTasi strong{padding:5px 0 0 40px; font:normal 11px Tahoma, Geneva, sans-serif}
	div.basvuru p span{display:block; float:left; color:#ff0080; width:286px; height:auto; font:12px Arial, Helvetica, sans-serif}
	div.basvuru p span#alanKodu{width:445px}
	div.basvuru p span.alanKodu{width:170px !important}
	div.basvuru p br{display:block; width:auto; line-height:1px; height:1px; margin:0; padding:0}
	div.basvuru p.gonderTasi br{height:5px; line-height:5px; margin:5px 0 0}
	div.basvuru p span em{display:block; width:193px; height:21px;border:2px solid #FF3399; float:left}
	div.basvuru p span.alanKodu label{width:100px}
	div.basvuru p span.telefon label{width:7px; text-align:center}
	span.alanKodu label.ciftSatir{ line-height:13px}
	div.basvuru span.aciklama{ font-size:9px; margin:0; padding:4px 0 0 100px; width:auto !important; color:#740A3D}
	div.basvuru p.irtibat{display:block; width:360px; height:auto; float:left; clear:none; margin-left:-40px}
	div.basvuru p.irtibat span{width:150px}
	.w450{ width:450px !important; margin:0 !important}

	

/*	SELECT
-------------------------------------------------------------------------*/

div.selectbox-wrapper {position:absolute; width:123px; background:#fff none; border:1px solid #E879B1; text-align:left; height:auto; max-height:600px; overflow:auto;  margin-top:-1px; padding-left:0px; z-index:999; left:0px}
*:first-child+html div.selectbox-wrapper  {margin-top:-2px;} 
div.selectbox-wrapper ul {list-style-type:none; margin:0px; padding:0px; z-index:999; font:bold 22px Verdana, Geneva, sans-serif}
div.selectbox-wrapper ul li.selected { }
div.selectbox-wrapper ul li {display:block; margin:0; padding:3px 5px 4px 5px; cursor:pointer; color:#595241}
div.selectbox-wrapper ul li:hover{ color:#000 }
span.selectTasi .selectbox{font-size:11px; border:none; width:118px; height:30px;  display: block; text-align:left; background: url(../images/select.png) no-repeat 0 -26px; cursor: pointer;  padding:5px 0 0 10px; color:#333333; z-index:2}
select {background: url(../images/select.png) right; height:30px; font:bold 22px Verdana, Geneva, sans-serif}
span.slcTasi .selectbox-wrapper{width:128px; z-index:999}
span.slcTasi .selectbox{font-size:11px; border:none; width: 118px;  display: block; text-align:left; background:transparent url(../images/select.png) no-repeat right top; cursor: pointer; color:#595241; height:28px; padding:2px 0 0 10px; z-index:999; font:bold 22px Verdana, Geneva, sans-serif}
span.slcDakika .selectbox{background: url(../images/select.png) no-repeat 0 -30px !important;}
select.slctBox{background: url(../images/select.png) no-repeat 0 -30px;}


/*	Sifr
-------------------------------------------------------------------------*/
@media screen {
  .sIFR-flash { visibility: visible !important; margin: 0; padding: 0 }  
  .sIFR-replaced, .sIFR-ignore { visibility: visible !important }  
  .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden }
  .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none }
}

@media print {
  .sIFR-flash { display: none !important; height: 0; width: 0; position: absolute; overflow: hidden }  
  .sIFR-alternate { visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important; width: auto !important; height: auto    !important }
}

@media screen {
    .sIFR-active h2.sifr { visibility:hidden; font-size: 16px; display: block }
}