@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100);
@import url(font-awesome.min.css);
@import url(reset.css);
@import url(header.css);
@import url(arama.css);
@import url(footer.css);
#banner {
width : 100%;
background : url(../img/slideBG.jpg) top -50px center no-repeat #05223e;
}
.banner {
width : 100%;
background : url(../img/BG.png) ;
box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.1) inset;
padding-top : 50px;
padding-bottom : 100px;
}
.banner h1{
font-weight : 100;
color: #7196bc;
font-size : 30px;
margin-bottom:0;
margin-top:5px;
}
.banner h2,.banner h2{
font-weight : 100;
color: #7196bc;
font-size : 35px;
margin-bottom:0;
margin-top:5px;
}
.banner p,.banner p{
font-weight : 100;
color: #fff;
font-size : 20px;
}
.banner .fa{
float : left;
font-weight : 100;
color: #3d6389;
font-size : 85px;
margin-right : 20px;
margin-top : -20px;
}
.page {
margin : 0 auto;
margin-top : -47px;
width : 990px;
min-height : 430px;
padding : 5px;
background : #fff;
border : 1px solid #eee;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
}
.page_ic {
width : 980px;
padding : 10px;
}
.ilansec {
float : left;
width : 288px;
margin : 5px;
border : 1px solid #ddd;
padding : 25px 15px;
transition: all 0.2s linear;
text-align : center;
}
.ilansec .fa{
font-size:85px;
color : #ccc;
display : block;
text-align : center;
transition: all 0.2s linear;
}
.ilansec b{
font-size:20px;
color : #357bb1;
text-align : center;
font-weight : 400;
display : block;
padding : 15px 0;
border-bottom : 1px solid #ddd;
transition: all 0.2s linear;
}
.ilansec span{
font-size:17px;
color : #666;
text-align : center;
font-weight : 400;
display : block;
padding : 15px 0;
}
.ilansec:hover b{
color : #357bb1;
border-bottom : 1px solid #78a3ba;
}
.ilansec:hover .fa{
color : #357bb1;
}
.ilansec:hover {
border : 1px solid #78a3ba;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2) ;
background : #f5fcff;
}
.filtre{
float : left;
width : 240px;
min-height : 600px;
margin : 5px;
border-right : 1px solid #ddd;
margin-left : -5px;
margin-top : -5px;
margin-bottom : -5px;
line-height : 40px;
background : #fbfbfb;
box-shadow: -5px 0px 5px 0px rgba(0,0,0,0.02) inset;
}
#filtreic{
float : left;
width : 240px;
min-height : 600px;
border-right : 1px solid #ddd;
margin-bottom : -5px;
line-height : 40px;
background : #fbfbfb;
box-shadow: -5px 0px 5px 0px rgba(0,0,0,0.02) inset;
}
#filtreic.fixed{
position : fixed;
top : 0;
}
#filtreic.fixed2{
position : relative;
top : 1350px;
}
.fbaslik{
color: #2378df;
text-decoration : none;
font-weight : 400;
font-size : 14px;
padding-left : 10px;
height : 40px;
line-height : 48px;
}
.kbaslik{
color: #2378df;
text-decoration : none;
font-weight : 400;
font-size : 14px;
padding-left : 10px;
padding-bottom : 5px;
height : 40px;
line-height : 48px;
border-bottom : 1px solid #ddd;
}
.kbaslik .fa{
padding-right : 5px;
}
a.altkat{
display : block;
color: #333;
text-decoration : none;
padding-left : 10px;
padding-bottom : 5px;
height : 40px;
line-height : 48px;
border-bottom : 1px dotted #ddd;
}
a.altkat:hover{
background : #f5f5f5;
border-bottom : 1px solid #ddd;
}
.altkat .fa{
padding-right : 5px;
}
a.sec,a.sec:hover{
width : 230px;
background : #fff;
border-right : 1px solid #fff;
position  :relative;
z-index : 99;
cursor : default;
color: #2378df;
}
.lbaslik{
float : left;
width : 748px;
color: #2378df;
font-weight : 400;
font-size : 14px;
border-bottom : 1px solid #ddd;
line-height : 40px;
margin-left : -5px;
margin-right : -5px;
margin-bottom : 10px;
display : block;
padding-left : 10px;
}
.lbaslik a{
	float : left;
color: #2378df;
text-decoration :none;
}
.pageright{
float : left;
width : 730px;
padding : 0 8px;
}
.fsatir{
color: #333;
text-decoration : none;
font-weight : 400;
border-top : 1px dotted #ddd;
margin-top : 5px;
padding-left : 10px;
}
.filtre select {
width : 220px;
height:30px; 
line-height:20px;
cursor:pointer;
margin: 0 10px;
margin-bottom: 10px;
border : 1px solid #ccc;
border-radius : 3px;
padding : 5px;
background : #fff;
outline : 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background : url(../img/selok2.png) right center no-repeat #fff;
}
.filtre input {
width : 198px;
height:20px; 
line-height:20px;
margin: 0 10px;
margin-bottom: 10px;
border : 1px solid #ccc;
border-radius : 3px;
padding : 5px 10px;
background : #fff;
outline : 0;
}
.filtre input.tl {
background : url(../img/tl2.png) right center no-repeat #fff;
}
input.sub{
float : right;
width : 117px;
display : inline-block;
padding : 0 10px;
height : 35px;
line-height : 35px;
background : url(../img/button-green.png) top  center #3f9441;
font-size : 15px;
font-weight : 300;
color : #fff;
text-shadow : -1px -1px #1e6b1e;
border-radius : 3px;
border : 1px solid #1e6b1e;
cursor : pointer;
}
input.sub:hover{
background : url(../img/button-green2.png) top  center #1b7a1d;
}
.vitrin {
margin : 0 auto;
width : 990px;
padding : 5px;
background : #fff;
border : 1px solid #eee;
border-top : 0;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
}
.anabaslik {
width : 100%;
height : 45px;
background : url(../img/bar2BG.png) top -2px left 0 #eee;
border-bottom : 1px solid #d1d1d1;
margin-bottom : 0px;
}
#tabs2{
height : 45px;
padding: 0px;
margin: 0px;
list-style: none;
}
#tabs2 li{
float: left;
overflow: hidden;
}
#tabs2 a{
float: left;
position: relative;
padding: 0 15px;
line-height : 45px;
text-decoration: none;
color: #555;
border-right: 1px solid #ddd;
font-size  :13.3px;
font-weight : 400;
}
#tabs2 li:first-child a{
}
#tabs2 .fa{
font-size : 19px;
margin-right : 5px;
line-height : 45px;
float : left;
}
#tabs2 a:hover,#tabs a:focus:{
}
#tabs2 a:focus{
  outline: 0;
}
#tabs2 #current2 a,
#tabs2 #current2 a::after{
position: relative;
z-index: 3;
color: #2378df;
background: #fff;
border-bottom : 1px solid #fff;
}
#content2{
width : 990px;
position: relative;
z-index: 2;
padding : 5px 0;
}
.ilan{
float : left;
width : 235px;
height : 275px;
margin : 5px;
border : 1px solid #ddd;
overflow : hidden;
}
.ilan:hover{
border : 1px solid #70aaf1;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}
.ilan .resim{
width : 235px;
height : 176px;
background : url(../img/no-img.png) center center no-repeat #fff;
border-bottom : 1px solid #ddd;
cursor : pointer;
overflow : hidden;
}
.resimyy{
width : 235px;
height : 176px;
    display:table-cell;
    vertical-align:middle;
}
.ilan:hover .bilgi{
background : #2378df;
}
.ilan:hover .fiyat{
background : #dbe8f7;
}
.ilan:hover .bilgi a{
background : #2378df;
color: #fff;
}
.ilan .bilgi{
padding : 10px;
width : 215px;
height : 40px;
line-height : 20px;
border-bottom : 1px solid #ddd;
}
.ilan .bilgi a{
color: #2378df;
text-decoration : none;
font-weight : 400;
display : block;
width : 215px;
height : 40px;
overflow : hidden;
}
.ilan .fiyat{
padding : 10px;
width : 215px;
height : 20px;
background : #fbfbfb
}
.fiyat a{
float : right;
display  :inline-block;
text-decoration : none;
line-height : 20px;
border-left : 1px solid #ddd;
padding : 0 10px ;
color : #000;
}
.fiyat a:hover{
text-decoration : underline;
}
.fiyat a img{
float:left;
margin-right : 5px;
}
.ilan .fiyat .eski{
color : #888;
}
.ilan .fiyat .yeni{
float : right;
color: #222;
font-weight : 400;
}
.ilan2{
float : right;
width : 717px;
height : 152px;
margin : 5px;
padding : 10px;
border : 1px solid #ddd;
overflow : hidden;
position : relative;
    display:block;
}
.ilan2:hover{
border : 1px solid #70aaf1;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
background : #fefefe
}
.ilan2 .resim{
width : 200px;
height : 150px;
background : url(../img/no-img.png) center center no-repeat #fff;
border : 1px solid #ddd;
cursor : pointer;
overflow : hidden;
}
.resimxx{
width : 200px;
height : 150px;
    display:table-cell;
    vertical-align:middle;
}
.ilan2 .bilgi{
float : right;
margin-left : 10px;
padding : 0px;
width : 505px;
margin-top : -150px
}
.ilan2 .bilgi a{
display : block;
width : 505px;
color: #2378df;
text-decoration : none;
font-weight : 400;
border-bottom : 1px solid #ddd;
padding-bottom : 5px;
margin-bottom : 10px;
font-size : 15px;
}
.ilan2 .bilgi span{
display : block;
width : 100%;
height : 50px;
overflow : hidden
}
.ilan2 .fiyat{
margin-left : 10px;
padding : 10px;
width : 484px;
height : 20px;
line-height : 20px;
background : #fbfbfb;
position : absolute;
bottom : 11px;
right : 10px;
border : 1px solid #ddd;
}
.ilan2 .fiyat .icon{
float : left;
width : 30%;
display : block;
color : #555;
margin-right : 20px;
border-right : 1px solid #ddd;
font-weight : 400;
}
#up{
width : 30px;
height : 30px;
background : url(../img/up.png) center center no-repeat #357bb1;
position : fixed ;
right : 10px;
bottom : 15px;
display : none;
border-radius : 3px;
cursor : pointer;
z-index : 10
}
#up:hover{
background : url(../img/up.png) center center no-repeat #05223e;
}
#up.fixed{
display : block;
}
select.sirala  {
float: right;
width : auto;
height:25px; 
padding-right : 40px;
line-height:22px;
cursor:pointer;
margin: 5px;
margin-right: 10px;
border : 1px solid #ccc;
border-radius : 3px;
background : #fbfbfb;
outline : 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background : url(../img/selok2.png) right center no-repeat #fbfbfb;
}
.baslik1  {
float:left;
width : 980px;
border-bottom :1px solid #ddd;
height  :25px;
line-height  :25px;
margin : -5px;
padding : 10px;
background : #eee;
}
.baslik2  {
float:left;
width : 970px;
border-bottom :1px solid #ddd;
height  :20px;
line-height  :20px;
padding-bottom : 10px;
color : #357bb1;
font-weight : 400;
font-size : 14px;
margin-bottom : 10px;
}
.baslik4  {
float:left;
width : 560px;
border-bottom :1px solid #ddd;
line-height  :20px;
padding-bottom : 10px;
color : #357bb1;
font-weight : 400;
font-size : 14px;
margin-bottom : 10px;
}
.satir4{
width : 100%;
height : 30px;
line-height : 30px;
color : #000;
}
.satir4 .baslik{
float: left;
width : 120px;
height : 30px;
color : #111;
font-weight : 400;
}
.satir4 .nokta{
height : 30px;
line-height : 30px;
color : #111;
font-weight : 400;
margin-right : 10px;
}
.satir3{
width : 100%;
height : 50px;
line-height : 50px;
color : #666;
font-style:italic; 
}
.satir3 .baslik{
float: left;
width : 120px;
height : 50px;
font-weight : 300;
color : #111;
font-style:normal; 
}
.satir3 select {
float: left;
width : 317px;
height:35px; 
line-height:25px;
cursor:pointer;
margin: 5px;
margin-left: 13px;
margin-right: 0px;
border : 1px solid #ccc;
border-radius : 3px;
padding : 5px;
background : #fbfbfb;
outline : 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background : url(../img/selok.png) right center no-repeat #fbfbfb;
margin-right : 15px;
}
.satir3 input {
float: left;
width : 295px;
height:25px; 
line-height:25px;
margin: 5px;
margin-left: 13px;
margin-right: 0px;
border : 1px solid #ccc;
border-radius : 3px;
padding : 5px 10px;
background : #fbfbfb;
outline : 0;
margin-right : 15px;
}
.satir3 textarea {
float: left;
width : 800px;
height:125px; 
line-height:25px;
margin: 5px;
margin-left: 13px;
margin-right: 0px;
border : 1px solid #ccc;
border-radius : 3px;
padding : 5px 10px;
background : #fbfbfb;
outline : 0;
margin-right : 15px;
}
input.sub{
float : right;
width : 117px;
display : inline-block;
padding : 0 10px;
height : 35px;
line-height : 35px;
background : url(../img/button-green.png) top  center #3f9441;
font-size : 15px;
font-weight : 300;
color : #fff;
text-shadow : -1px -1px #1e6b1e;
border-radius : 3px;
border : 1px solid #1e6b1e;
cursor : pointer;
}
input.sub:hover{
background : url(../img/button-green2.png) top  center #1b7a1d;
}
a.unuttum{
display : inline-block;
margin-top : 20px;
text-decoration : none;
}
input.tl {
background : url(../img/tl.png) right center no-repeat #fbfbfb;
}
input[type='number'] {
    -moz-appearance:textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
#load{
top : 0;
left : 0;
width : 100%;
height : 100%;
background : url(../img/load.svg) center center no-repeat rgba(255, 255, 255, 0.8);
position : fixed;
z-index : 998999;
}
#slide{
width : 100%;
padding-bottom : 10px;
}
.resimyukle {
float :left;
padding : 0;
width : 25%;
box-sizing : border-box;
padding : 5px;
}
.resimyukle_ic {
width : 100%;
overflow : hidden;
margin : 0;
padding : 0;
border-collapse : collapse;
border : 1px solid #ddd;
background : #fff;
box-sizing : border-box;
}
.resimform {
padding : 0px;
position : relative;
height : 160px;
}
div.upload {
width : 100%;
height : 160px;
background: url(../img/camera.png) center center no-repeat #eee;
overflow: hidden;
cursor : pointer;
}
div.upload input {
display: block !important;
width : 100%;
height : 160px;
opacity: 0 !important;
overflow: hidden !important;
cursor : pointer;
}
.resimform_baslik {
padding : 0px;
padding-left : 5px;
height: 26px;
line-height: 26px;
background: #eee;
background : linear-gradient(#fff,#eee);
border-top : 1px solid #ddd;
font-size : 11px;
color : #666;
}
input.yukle {
width : 100%;
padding : 0px;
border : 0;
outline : 0;
background : none;
cursor:pointer;
font-size : 11px;
color : #666;
height: 26px;
line-height: 26px;
background: url(../img/upload.png) center right no-repeat;
text-align : left;
}
#slide ul {
list-style : none;
margin : 0;
padding : 0;
}
#slide li {
float :left;
padding : 0;
width : 25%;
box-sizing : border-box;
padding : 5px;
}
#slide li table.resim {
width : 100%;
overflow : hidden;
margin : 0;
padding : 0;
border-collapse : collapse;
border : 1px solid #ddd;
background : #fff;
box-sizing : border-box;
}
td.resimtd{
padding : 0px;
position : relative;
cursor : move;
height : 160px;
}
td.edittd{
padding : 0px;
padding-left : 5px;
height: 26px;
line-height: 26px;
background: #eee;
background : linear-gradient(#fff,#eee);
border-top : 1px solid #ddd;
font-size : 10px;
color : #666;
}
#slide li table.resim:hover {
border : 1px solid #bbb;
}
.duz_pencere{
width : 100%;
background : rgba(255, 255, 255, 0.8);
height : 100%;
position : absolute;
top : 0;
display : none;
box-sizing : border-box;
padding : 15px 12px;
}
.duz_pencere input.text{
margin : 0 auto;
width : 100%;
height : 38px;
line-height : 20px;
padding : 0 10px;
background-color : #fbfbfb;
border : #ccc solid 1px;
margin-bottom : 10px;
outline : 0;
box-sizing : border-box;
transition : all 0.30s ease-in-out;
}
.duz_pencere input.url{
padding-left : 40px;
background : url(../img/url.png) left center no-repeat #fbfbfb;
}
.duz_pencere input.text:focus {
background-color : #fff;
border : #ff9000 solid 1px;
box-shadow : 0 0 10px 0 rgba(255, 150, 0, 0.75);
transition : all 0.30s ease-in-out;
}
td.resimtd:hover .slide_edit{
top : 14px;
right : 14px;
}
.edittd a{
display : block;
float : right;
width : 16px;
height : 16px;
padding : 5px;
border-left : 1px solid #ccc;
cursor : pointer;
}
.edittd a:hover{
background: #eee;
}

.ilanresim{
float : left;
width : 410px;
}
.ilanbilgi{
float : left;
width : 560px;
margin : 5px;
border-left : 1px solid #eee;
padding-left:9px;
min-height : 400px;
}
.ilanbilgi h2{
font-size : 16px;
font-weight : 400;
}
.zoom-small-image {
float : left;
width : 400px;
height : 300px;
overflow : hidden;
text-align : center;
border : #ddd solid 1px;
background : url(../img/no-img.png) center center no-repeat #fff;
box-sizing : border-box;
margin : 5px;
}
.kresim {
float : left;
width : 410px;
}
.kresimo {
float : left;
width : 124px;
height : 93px;
overflow : hidden;
border : #ddd solid 1px;
margin : 5px;
text-align : center;
background : #fff;
}
#mesaj {
float : left;
text-decoration : none;
color : #3f9441;
font-weight : 400;
border-radius: 4px;
padding : 5px;
line-height : 20px;
margin-left : -5px;
cursor : pointer;
}
#mesaj:hover {float : left;
text-decoration : none;
color : #fff;
background : #3f9441;
font-weight : 400;
border-radius: 4px;
padding : 5px;
line-height : 20px;
}
#mesaj.ac {
text-decoration : none;
color : #fff;
background : #3f9441;
font-weight : 400;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
#mesajalan {
width : 560px;
height : 250px;
background : #fff;
border : 1px solid #3f9441;
display : none;
overflow : hidden;
}
#mesajalan.ac{
display : block;
}
#sonuc{
float:left;
background : url(../img/ajax-loader.gif) left center no-repeat ;
}
#sonuc b{
float:left;
display : block;
width : 400px;
background : #eee;
}
.mat{
width : 540px;
padding : 10px;
height : 190px;
border : 0;
outline : 0;
resize : none;
}
.mata{
width : 540px;
padding : 10px;
height : 40px;
border-top : 1px solid #ccc;
background : #eee;
}

.gelen {
float : right;
width : 735px;
padding : 5px;
}
.gelen table{
width : 735px;
margin : 0px;
padding : 0px;
border-collapse : collapse;
}
.gelen tr{
border-bottom : 1px solid #eee;
}
.gelen tr:nth-child(odd){
background-color : #fdfdfd;
}
.gelen tr:nth-child(even){
background-color : #ffffff;
}
.gelen td{
vertical-align : middle;
text-align : left;
padding : 5px;
color : #000;
height : 30px;
border-bottom : 1px solid #eee;
}
.gelen td a{
color : #000;
text-decoration : none;
}
.gelen tr:first-child, .gelen tr:first-child:hover{
color : #111;
font-weight : 700;
background : #fff;
}
.gelen tr:last-child{
border-bottom : 0;
}
.gelen tr:hover{
background : #f5f5f5;
}