﻿.tail-top{ background:url(images/bg.gif) top repeat-x #e6e6e6}
.tail-bottom{background:url(images/bot.gif) bottom repeat-x  }
.tail-bg{background:url(images/bg_block.jpg) no-repeat top center }


.col-1, .col-2, .col-3, .col-4{ float:left}
/*======= width =======*/
.main{margin:0 auto; text-align:left; width:987px; }

/*======= header =======*/
#header {height:181px;  background:url(images/top.gif) no-repeat top center;position:relative;}

#header .bar{
	position:absolute;width:500px;height:38px;z-index:99;right:0;top:0;padding-top:46px;
}
#header .bar a{
    height:26px;
    padding:6px 8px;
    display:inline-block;
    text-decoration:none;
    float:right;
}
#header .bar a img{
	float:left;
	border:0;
} 
#header .bar a span.ust{
	height:13px;
	float:left;
	display:block;
	line-height:13px;
	font-size:9pt;
}
#header .bar a span.ust span{
	color:#e5e4e4;
	font-weight:bold;
	font-size:9pt;
}

#header .bar a:hover{
    background-image:url('images/hoveraktifbg.png');
    background-repeat:repeat-x;
    
}
#header .bar a:hover span.ust span{
	color:#fff;
}
#header .bar a.aktif{
    background-image:url('images/hoveraktifbg.png');
    background-repeat:repeat-x;
}
#header .bar a.aktif span.ust span{
	color:#fff;
}


.aciklama1{
	padding:90px 0;
	text-align:justify;
}

#orta{
	width:440px;
	margin:0 auto;
	padding-bottom:50px;
}
#orta .baslik{
	height:60px;
	line-height:60px;
	color:#4d4d4d;
	font-weight:bold;
}
#orta label{
  display:block;
  margin-top:10px;
	
}
#orta label span{
	height:20px;
	line-height:20px;
	width:200px;
	display:inline-block;
}
#orta label input{
	height:18px;
	line-height:18px;
	width:233px;
	border:1px #8d8d8d solid;
	color:#8d8d8d;
	padding:0 0 0 2px;
	
}
#orta label .alan{
	width:58px;
	margin-right:10px;
}
#orta label .tel{
	width:160px;
}
#orta label select{
	width:237px;
	border:1px #8d8d8d solid;
	color:#8d8d8d;

}
#orta label .checkbox{
	height:18px;
	width:18px;
	border:0;
}
#orta label .buton{
	height:18px;
	width:100px;
	color:#8d8d8d;
	text-align:center;
	float:right;
}
#orta label textarea{
	height:100px;
	width:230px;
	line-height:16px;
	border:1px #8d8d8d solid;
	color:#8d8d8d;
	float:left;

}

/*======= index.html =======*/
#page1 #content .box .col-1{ width:270px; margin-right:35px}
#page1 #content .box .col-2{ width:255px; margin-right:0}
#page1 #content .box .bg{ background:url(images/tail.gif) repeat-y 279px top } 
#page1 #content .box .bg1{ background:url(images/tail.gif) repeat-y 585px top } 

#page1 #content .col-1{ width:250px; margin-right:70px}
#page1 #content .col-2{ width:242px; margin-right:65px}
#page1 #content .col-3{ width:258px}
#page1 #content .bg{ background:url(images/tail1.gif) repeat-y 284px top }
#page1 #content .bg1{ background:url(images/tail1.gif) repeat-y 590px top } 
/*======= index-1.html =======*/
#page2 #content .col-1{ width:250px; margin-right:70px}
#page2 #content .col-2{ width:242px; margin-right:65px}
#page2 #content .col-3{ width:258px}
#page2 #content .bg{ background:url(images/tail1.gif) repeat-y 284px top }
#page2 #content .bg1{ background:url(images/tail1.gif) repeat-y 590px top } 
/*======= index-2.html =======*/
#page3 #content .col-1{ width:250px; margin-right:70px}
#page3 #content .col-2{ width:242px; margin-right:65px}
#page3 #content .col-3{ width:258px}
#page3 #content .bg{ background:url(images/tail1.gif) repeat-y 284px top }
#page3 #content .bg1{ background:url(images/tail1.gif) repeat-y 590px top } 
/*======= index-3.html =======*/
#page4 #content .col-1{ width:250px; margin-right:70px}
#page4 #content .col-2{ width:242px; margin-right:65px}
#page4 #content .col-3{ width:258px}
#page4 #content .bg{ background:url(images/tail1.gif) repeat-y 284px top }
#page4 #content .bg1{ background:url(images/tail1.gif) repeat-y 590px top } 
/*======= index-4.html =======*/
#page5 #content .col-1{ width:250px; margin-right:70px}
#page5 #content .col-2{ width:242px; margin-right:65px}
#page5 #content .col-3{ width:258px}
#page5 #content .bg{ background:url(images/tail1.gif) repeat-y 284px top }
#page5 #content .bg1{ background:url(images/tail1.gif) repeat-y 590px top } 
/*======= index-5.html =======*/
#page6 #content .col-1{ width:250px; margin-right:70px}
#page6 #content .col-2{ width:252px; margin-right:55px}
#page6 #content .col-3{ width:258px}
#page6 #content .bg{ background:url(images/tail1.gif) repeat-y 284px top }
#page6 #content .bg1{ background:url(images/tail1.gif) repeat-y 590px top } 
/*======= index-6.html =======*/
#page7 #content .col-1{ width:250px; margin-right:70px}
#page7 #content .col-2{ width:242px; margin-right:65px}
#page7 #content .col-3{ width:258px}
#page7 #content .bg{ background:url(images/tail1.gif) repeat-y 284px top }
#page7 #content .bg1{ background:url(images/tail1.gif) repeat-y 590px top } 

/*======= footer =======*/
#footer { height:71px; }
