/*q
*	layout.css
*
*	CSS Development Made by CAT®
* 	http://www.madebycat.com
*/

html{width:100%;height:100%;}
body{width:100%;height:100%;font-family:arial;font-size:11px;color:#333333}

.clearfix:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: block;}
.clear {clear:both;}


a{text-decoration:none !important;color:#2E4A81;}
a:hover{text-decoration:underline;}

/*#site-container {border-top:6px solid #a5a3a3;}*/
#all-around{width:970px;margin:0 auto;top:27px;position:relative;}
.mc-top {padding:5px 0 0 0;}
.mc-center {display:block;overflow:hidden;background:#ffffff;}
.mc-container {display:block;overflow:hidden;padding:10px;min-height:300px;}
.mc-bottom {padding:0 0 5px 0;}

.logo {margin:0;}
.logo a {display:block;width:103px;height:32px;margin:0 0 0 0px;text-indent:-500px;overflow:hidden;}
#cont-sect {margin:20px 0 0 0;}

.nav-left {float:left;width:86%;}
.nav-right {float:right;}
.security-exit {display:block;width:114px;height:25px;padding:3px 0 0 7px;font-weight:bold;color:#4f555a !important;}



ul#tabnav {
text-align: left;
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding:0;
margin:0;
height:36px;
}


ul#tabnav li { 
float:left;
height:36px;
}

ul#tabnav li a { 
/*color: #fff; */
/*margin:16px 0 0 11px; */
text-decoration: none;
border-bottom: none;
}

ul#tabnav li a {display:block;height:19px;}

ul#tabnav li.tab1on {width:202px;}
ul#tabnav li.tab2on {width:245px;}
ul#tabnav li.tab3on {width:228px;}
ul#tabnav li.tab4on {width:166px;}
ul#tabnav li.tab1on a {color:#2e4a81;font-size:11px;font-weight:bold;margin:12px 0 0 6px;}
ul#tabnav li.tab2on a {color:#2e4a81;font-size:11px;font-weight:bold;margin:12px 0 0 6px;}
ul#tabnav li.tab3on a {color:#2e4a81;font-size:11px;font-weight:bold;margin:12px 0 0 6px;}
ul#tabnav li.tab4on a {color:#2e4a81;font-size:11px;font-weight:bold;margin:12px 0 0 6px;}

ul#tabnav li.tab1off a {color:#FFFFFF;font-size:11px;font-weight:bold;margin:12px 0 0 6px;}
ul#tabnav li.tab2off a {color:#FFFFFF;font-size:11px;font-weight:bold;margin:12px 0 0 6px;}
ul#tabnav li.tab3off a {color:#FFFFFF;font-size:11px;font-weight:bold;margin:12px 0 0 6px;}
ul#tabnav li.tab4off a {color:#FFFFFF;font-size:11px;font-weight:bold;margin:12px 0 0 6px;}

ul#tabnav li.tab1off {width:194px;padding:0px 0 0 0px;}
ul#tabnav li.tab2off {width:245px;padding:0px 0 0 0px;}
ul#tabnav li.tab3off {width:228px;padding:0px 0 0 0px;}
ul#tabnav li.tab4off {width:150px;padding:0px 0 0 0px;}
.a_tab_off {color:#FFFFFF;}
.a_tab_on {color:#2e4a81;}

.tabstart_off
{
	background: url(../images/tab1_off_start.png) no-repeat;
	width:7px;
	height:36px;
	float:left;
}
.tabmiddle_off
{
	background: url(../images/tab_off_middle.png) repeat-x;
	/*padding-top:15px;*/
	height:36px;
	color:#FFFFFF;
	float:left;
	padding-left:6px;
}
.tabend1_2_3_off
{
	background: url(../images/tab1_2_3_off_end.png) no-repeat;
	width:9px;
	height:36px;
	float:left;
}

.tab4end_off
{
	background: url(../images/tab4_off_end.png) no-repeat;
	width:9px;
	height:36px;
	float:left;	
}

.tabstart_on
{
	background: url(../images/tab_on_start.png) no-repeat;
	width:7px;
	height:36px;
	float:left;
}
.tabmiddle_on
{
	background: url(../images/tab_on_middle.png) repeat-x;
	/*padding-top:15px;*/
	height:36px;
	color:#2e4a81;
	float:left;
	padding-left:6px;
}
.tabend1_2_3_on
{
	background: url(../images/tab1_2_3_on_end.png) no-repeat;
	width:9px;
	height:36px;
	float:left;
}

.tab4end_on
{
	background: url(../images/tab4_on_end.png) no-repeat;
	width:9px;
	height:36px;
	float:left;	
}

#result-locator {
	text-align: left;
	font: bold 11px verdana, arial, sans-serif;
	list-style-type: none;
	padding:0;
	margin:10px 0 20px 0;
	height:35px;
	
}

#result-locator li { 
	float:left;
	height:35px;
	color:#fff;
	padding:10px 0 0 50px;
}

#result-locator li.step1on {width:226px;padding:9px 0 0 60px;font-size:14px;font-weight:bold;}
#result-locator li.step2on {width:353px;padding:9px 0 0 60px;font-size:14px;font-weight:bold;}
#result-locator li.step3on {width:538px;padding:9px 0 0 60px;font-size:14px;font-weight:bold;}
#result-locator li.step4on {width:731px;padding:9px 0 0 60px;font-size:14px;font-weight:bold;}


#result-locator li.step1leftoff {width:54px;text-indent:-500px;overflow:hidden;padding:0;}
#result-locator li.step2leftoff {width:47px;text-indent:-500px;overflow:hidden;padding:0;}
#result-locator li.step3leftoff {width:47px;text-indent:-500px;overflow:hidden;padding:0;}

#result-locator li.step2rightoff {width:125px;}
#result-locator li.step3rightoff {width:190px;}
#result-locator li.step4rightoff {width:190px;}



#screen-container {
	width:606px;
}

#screen-container  .thumbnail-nav {
	float:left;
	width:75px;
}

#screen-container  .thumbnail-nav  img {
	border:3px solid #cfcfcf !important;
	cursor:pointer;
}

#screen-container .screen {
	position:relative;
	float:right;
	width:520px;
	height:400px;
	overflow:hidden;
	border:1px solid #cfcfcf;
}

#screen-container  .screen img {
	border:0px solid #cfcfcf !important;
}

#screen-container .screen .draging .drag-img {
	border:3px solid #cfcfcf !important;
}


#msg {
	color:#004b85;
}

#screen-container  .screen  .control-btn {
	position:absolute;
	top:10px;
	left:10px;
	width:20px;
	z-index:1;
}

#screen-container  .screen  .control-btn  img{
	border:0 !important;
	cursor:pointer;
}

#screen-container  .screen  .draging{
	position:absolute;
	top:3px;
	left:3px;
	cursor:move;
}


.screen-bottom-nav {
	padding:10px 0;
	display:none;
}

.screen-bottom-nav .bigsize {
	display:block;
	width:148px;
	height:18px;
	margin:0;
	vertical-align:middle;
	float:right;
	text-align:left;
	color:#fff;
	padding:1px 0 0 12px;
	font-weight:bold;
}


#frm-konut-arama-form {

}
#frm-konut-arama .content-box{
 padding:20px 0 0 0;
}
#frm-konut-arama .content-box dl {
 margin:0;
}
#frm-kapora  .msg ,
#frm-konut-arama-form  .msg {
	color:#004b85;
}
#frm-konut-arama .col-right .content-box {
	border-left:1px solid #cfcfcf;
	width:90%;
	height:225px;
}


#frm-konut-arama-form  dd {
	margin: 0 0 15px !important; 
}

.konut-ara  #frm-konut-arama .two-cols .col-left{
	width:60% !important;
}

#taksit-container {
	padding:0 0 20px 0;
}

#taksit-container .taksit-info ul li{
	color:#2e4a81;
	font-size:11px;
	margin:0 0 15px 0;
	list-style:square;
}

#taksit-container .konut-title {
	padding:2px 0 2px 32px;
	color:#2e4a81;
	font-size:15px;
}

#taksit-container .bankalar-title {
	padding:5px 0 10px 32px;
	color:#2e4a81;
	font-size:15px;
}

#taksit-container .header .title{
	display:block;
	width:265px;
	height:59px;
	margin:0 0 0 0;
	padding:21px 0 0 61px;
	float:left;
	color:#2e4a81;
}

#taksit-container .header #TB_closeWindowButton{
	display:block;
	width:28px;
	height:27px;
	margin:0 0 0 0;
	text-indent:-500px;
	overflow:hidden;
	float:right;
}

#taksit-container #frm-konut-arama  .col-left  {
	width:100% !important;
}

#taksit-container #frm-konut-arama-form dt  {
		width:40% !important;

}

#taksit-container #frm-konut-arama-form dt  label {
	text-align:left !important;
}

#taksit-container #frm-konut-arama-form dd  {
	width:60% !important;
}

#taksit-container #frm-konut-arama-form  {
	padding:15px 0 0 20px;
	width:600px;
}

#taksit-container #konut-detay  .col-left{
	border:0;
}

#taksit-container #konut-detay  .col-left p{
	margin: 0 0 5px;
}

#taksit-container #frm-konut-arama p.btn-bar{
	margin: 0 98px 0 0;
}




#foot-sect {padding-bottom:20px;margin:12px 0 0 0;}
#foot-sect .copyright-by {display:block;margin:3px 0 0 0;color:#878686;}
#foot-sect .privacy {display:inline-block;width:98px;height:18px;margin:0 0 0 5px;text-indent:-500px;overflow:hidden;vertical-align:middle;}
#foot-sect .foot-left {float:left;}
#foot-sect .foot-right {float:right;width:250px;}
#foot-sect .forqestion {display:block;height:25px;margin:0 0 0 0;font-size:15px;font-weight:bold;color:#7B7B7B !important;width:250px;text-align:right;}



body#root #prim-nav{
	display:none;
}

body#root .four-cols .column{
	
}

body#root .four-cols .content-box{
	padding:30px 0 0 0;
}


body#root .four-cols .content-box .column span{
	display:block;
	padding:0 0 0 17px;
	font-size:16px;
	font-weight:bold;
	color:#217fc8;
}

body#root .four-cols .content-box .column p{
	padding:10px 0 0 20px;
}





body#root .four-cols .column .content-box{
	width: 17.2em;
	margin: 2em auto;
	padding:11.3em 0 0;
}

body#root .four-cols .column .content-box a{
	width: 16em;
	display: block;
	margin: 0 auto;
}

table.tbl-search-result{
	width:100%;
	border-collapse:collapse;
}

table.tbl-search-result thead tr td{
	background:#004b85;
	color:#fff;
	font-weight:bold;
	padding:10px;
	border:1px solid #fff;
}

table.tbl-search-result thead tr td a{
	color:#fff;
}

table.tbl-search-result thead tr td a:hover{
	color:#fff !important;
}

table.tbl-search-result thead tr td a.down,
table.tbl-search-result thead tr td a.up{
	padding:0 10px 0 0;
}


table.tbl-search-result tbody tr{
	background:#fff;
}

table.tbl-search-result tbody td{
	padding:.5em;
	border:1px solid #dfdfdf;
	color:#000;
	font-weight:normal;
}

table.tbl-search-result tbody td a.detail{
	padding:0 20px 0 0;
	color:#658db5;
	font-weight:bold;
	text-decoration:underline;
}


table.tbl-search-result tbody tr.even,
table.tbl-search-result tbody tr.even td{
	background:#f5f5f5;
}



.result-title {
	color:#2e4a81;
	border-bottom:1px solid #cfcfcf;
	padding:0 10px 6px;
	font-size:1.5em !important;
	margin:0;
}


form input {color:#6e6e6e;}
form select {color:#6e6e6e;}
form textarea {color:#6e6e6e;}

#frm-konut-arama .two-cols div.col-left,
#frm-kapora .two-cols div.col-right{
	width:45% !important;
}

#frm-kapora .btn-bar {
	float:none;
}

#konut-detay .content-box{
	margin:15px 15px 0 !important;
}




#frm-konut-arama .two-cols div.col-left
#frm-kapora .two-cols div.col-left{
	width:45% !important;
	padding:0 40px 0 0;
	margin:0 10px 0 0;
	border:1px solid #999;
	border-width:0 1px 0 0;
}

#frm-konut-arama .two-cols dt,
#frm-kapora .two-cols dt{
	width:25% !important;
	text-align:left;
	margin:0 0 1em;
}

#frm-konut-arama .two-cols dd,
#frm-kapora .two-cols dd{
	width:70% !important;
	margin:0 0 1em;
}


#frm-konut-arama.blok-konut dl{
	width:80%;
	margin:0 auto 1em;
	text-align:left;
}

#frm-konut-arama.blok-konut .two-cols dd{
	width:50% !important;
	margin:0 0 1em 1em;
	float:left;
}

#frm-konut-arama.blok-konut .two-cols dt label{
	text-align:left;
}


p.btn-bar{
	text-align:left;
}

#frm-konut-arama p.btn-bar{
	margin:0 0 0 140px;
}

#frm-konut-arama.blok-konut p.btn-bar{
	margin:0 0 0 290px;
}

#frm-konut-arama select,
#frm-kapora{
	width:100%;
}

.length-5{
	width:5em !important;
}

.length-6{
	width:6em !important;
}

.lenght-7 {
	width:278px !important;
}

#konut-detay.two-cols .col-left{
	width:300px !important;
	border:1px solid #cfcfcf;
	border-width: 0 1px 0 0;
}

#detayli-konut-arama #konut-detay.two-cols .col-left{
	width:380px !important;
}

#detayli-konut-arama #konut-detay.two-cols .col-left .content-box{
	margin:0 0 15px 15px !important
}

#detayli-konut-arama #konut-detay.two-cols .col-right .content-box{
	margin:0 15px 15px 0 !important
}

.padding10 {
	padding:20px;
}

.cvc {
	vertical-align:middle;
	margin:-5px 0 0 10px;
}

.bilgi-guncelleme .two-cols .col-right,
.bilgi-guncelleme .two-cols .col-left{
	margin:10px 5px;
}


.sparis-verify p {
	line-height:13px !important;
}

#detayli-konut-arama #konut-detay.two-cols .col-right{
	width:569px !important
}

#konut-detay.two-cols .col-left .content-box{
	margin:15px;
}

#konut-detay.two-cols .col-right{
	width:648px !important
}

#konut-detay.two-cols .col-right dt{
	width:145px !important
}

#konut-detay.two-cols .col-right dt label{
	text-align:left;
}

#konut-detay.two-cols .col-right dd{
	width:67% !important
}

#konut-detay-text h3 {
	color:#2e4a81;
	font-size:13px;
}

#konut-detay-text p{
	color:#626262;
	font-size:11px;
	line-height:25px;
}

#konut-detay-text p.btn-bar {
	float:none;
}

#konut-detay-text .content-box {
	padding:0 30px 45px 30px;
}

#son_kullanma_tarihi_yil{
	margin:0 0 0 10px;
}

.konut-detay-info{
	
}

.konut-detay-info p{
	margin:0 0 10px;
	padding:0;
	clear:both;
	overflow:hidden;
	zoom:1;
}

.konut-detay-info p strong{
	display:block;
	width:47%;
	float:left;
	color:#000;
	margin: 0 4px 0 0;
}

.konut-detay-info p label{
	display:block;
	width:2%;
	float:left;
	color:#000;
}

.konut-detay-info p span{
	display:block;
	width:43%;
	float:left;
	color:#000;
}

.konut-detay-info p strong span{
	display:block;
	width:50%;
	float:left;
	color:#2e4a81;
}

.btn-taksit-secenekleri-big{
	background: url(/i/btn-taksit-secenekleri-big.png) no-repeat;
	display:block;
	margin:20px 0;
	width:269px;
	height:18px;
	font-size:11px;
	font-weight:bold;
	color:#fff !important;
	padding:1px 0 0 10px;
}


.btn-bar{
	margin:15px 0;
	float:right;
}

.btn-bar a,
.btn-bar input{
	display:block;
	margin:0 4px;
	float:left;
	border:0;
	cursor:pointer;
	color:#fff;
	font-weight:bold;
	padding:3px 0 3px 7px;
	text-align:left;
}

a.btn-gray{
	background: url(../images/btn-geri-gray.png) no-repeat;
	width:40px;
	height:24px;
	padding:0px 0 3px 20px;
}

a.btn-devam-et{
	background: url(../images/btn-devam-et-gray.png) no-repeat;
	width:83px;
	height:24px;
	padding:3px 0 3px 14px;
}

.btn-kapora-islemi-yap{
	background: url(../images/btn-kapora-islemi-yap.png) no-repeat;
	width:147px;
	height:24px;
}

.btn-arama-yap{
	background: url(../images/btn-arama-yap.png) no-repeat;
	width:96px;
	height:24px;
}

.btn-hesapla{
	background: url(../images/btn-calc.gif) no-repeat;
	width:96px;
	height:24px;
	padding:0px 0 3px 5px !important
}

.btn-taahutname-kabul{
	background:url(../images/btn-kabul-ediyorum.png) no-repeat;
	width:121px;
	height:24px;
	padding:0 0 0 15px !important
}

.btn-taahutname-red{
	background:url(../images/btn-kabul-etmiyorum.png) no-repeat;
	width:125px;
	height:24px;
	padding:0 0 0 15px !important
}

.mc-container h1{
	font:normal 1.5em Arial, Helvetica, Sans-serif;
	color:#2e4a81;
	border:solid #cfcfcf;
	border-width: 0 0 1px;
}
.btn-gonder{
	background: url(../images/btn-gonder.png) no-repeat;
	width: 78px;
	height:24px;
	margin:5px 0 0 30px;
	display:inline-block;
	vertical-align:text-bottom;
	border:0;
	cursor:pointer;
	color:#fff;
	text-align:left;
	font-weight:bold;
	padding:0 0 0 3px;
}

.leftMessages {position: absolute; top: 155px; text-align: center; left: 70px; color:#217fc8;}



.Login {padding:15px;width:292px;padding:85px 0 0 0;margin:0 auto;}
.Login .content-box {padding:0 !important;}
.Login .content-box .btn-bar {margin:0 !important;}
.Login .login-nav {clear:both;}
#login-form {margin:0;}
#login-form dt {float:left;margin:0 10px 0 0;width:100px;}
#login-form dd {float:right;margin:0;}
#login-form dd input {width:170px}
#kayit-form {padding:15px 0 0 0;}
#kayit-form dt {width:220px !important;height:19px}
#kayit-form dd {height:20px}
#kayit-form dd input {width:230px !important;}
#kayit-form .btn-bar {margin:0;}
#kayit-form .sozlesmelnk {padding: 0pt 0pt 10px 75px;clear:both;}

