@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300);
body{font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;font-size:12px;}
#top{max-width:960px;margin:0 auto;}
#Manset{max-width:960px;margin:0 auto;border:solid 1px #CCC;text-align:center;}
#content{max-width:960px;margin:0 auto;border:solid 1px #CCC;}
#footer{max-width:950px;margin:0 auto;border:solid 1px #CCC;line-height:30px;padding-left:10px;}
.hizmetler{float:left;width:293px;height:148px;background-image: url('/images/bg.jpg');margin-top:10px;margin-left:20px;}
.harita{float:left;width:293px;height:148px;background-image: url('/images/harita.jpg');margin-top:10px;margin-left:20px;}
.baslik{background-image: url('/images/baslik.png');background-repeat: no-repeat;color:#FFF;height:30px;line-height:30px;padding-left:5px;font-weight:bold;}
.banner{margin-top:10px;margin-left:20px;float:left;}
.bannerImg{width:605px;height:307px;}
.icerik ul {
background-repeat:no-repeat;
	background-position:0 .22em;
	padding-left:30px;
	line-height:20px;
	margin-left:20px;
    list-style-image: url("/images/check.png");}
input,select{vertical-align: middle;
	line-height: 1.1em;
	width: 100%;
	padding:10px;
	border-style: solid;
	border-width: 1px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding:8px 15px 9px;
  cursor: pointer;
  text-align: center;
  display:inline-block;
  border:1px solid #D4D4D4;}
#cssmenu {
  font-size: 14px;
  line-height: 15px;
  text-align: left;
  max-width:960px;
  margin:0 auto;
}
#cssmenu > ul {
  width: auto;
  list-style-type: none;
  padding: 0;
  margin: 0;
  background: #ffffff;
  border: 1px solid #ece6e8;
  border-bottom: 3px solid #d9ced2;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
#cssmenu > ul li#responsive-tab {
  display: none;
}
#cssmenu > ul li {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
#cssmenu > ul li.right {
  float: right;
}
#cssmenu > ul li.has-sub {
  position: relative;
}
#cssmenu > ul li.has-sub:hover ul {
  display: block;
  z-index: 10000;
}
#cssmenu > ul li.has-sub ul {
  display: none;
  width: 250px;
  position: absolute;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: #ffffff;
  border: 1px solid #ece6e8;
  border-bottom: 3px solid #d9ced2;
  border-top: 0 none;
}
#cssmenu > ul li.has-sub ul li {
  display: block;
}
#cssmenu > ul li.has-sub > a {
  background-image: url('/images/caret.png');
  background-repeat: no-repeat;
  background-position: 90% -95%;
}
#cssmenu > ul li.has-sub > a.active,
#cssmenu > ul li.has-sub > a:hover {
  background: #044593 url('/images/caret.png') no-repeat;
  background-position: 90% 195%;
}
#cssmenu > ul li a {
  display: block;
  padding: 12px 24px 11px 24px;
  text-decoration: none;
  color: #044593;
  text-shadow: 0px 1px 0px #fff;
}
#cssmenu > ul li a.active,
#cssmenu > ul li a:hover {
  background: #044593;
  color: #fff;
  text-shadow: 0px 1px 0px #000;
}
@media (max-width: 600px) {
  #cssmenu > ul {
    width: 100%;
  }
  #cssmenu > ul li#responsive-tab {
    display: block;
  }
  #cssmenu > ul li#responsive-tab a {
    background: url('/images/menu.png') no-repeat;
    background-position: 95% -35%;
  }
  #cssmenu > ul li#responsive-tab a:hover {
    background-color: #044593;
    background-position: 95% 135%;
  }
  #cssmenu > ul li {
    display: none;
  }
  #cssmenu > ul li.right {
    float: none;
  }
  #cssmenu > ul li.has-sub {
    position: relative;
  }
  #cssmenu > ul li.has-sub ul {
    display: block;
    position: static;
    width: 100%;
    background: #ffffff;
    border: 0 none;
  }
  #cssmenu > ul li.has-sub ul li {
    display: block !important;
  }
  #cssmenu > ul li.has-sub ul li a span {
    display: block;
    padding-left: 24px;
  }
  #cssmenu > ul li.has-sub > a {
    background-image: none;
  }
}
@media screen and (max-width:600px) and (min-width:100px){
.hizmetler{margin-left:5px;}
.harita{margin-left:5px;}
.banner{margin-left:5px;}
.bannerImg{width:292px;height:148px;}
.m_img{width:292px;}
}
@media (min-width: 600px) {  #cssmenu > ul > li.collapsed {
    display: inline-block !important;
    *display: inline;
    zoom: 1;
  }
  #cssmenu > ul ul li.collapsed {
    display: block !important;
  }
}