﻿body {
	background:url(http://www.cityfilterpress.com/img/bg.jpg) repeat;
	margin:0px;
	padding:0px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#484848;
	}	
	
a, a:hover {
	margin:0px;
	padding:0px;
	text-decoration:none;
}
	
.enust {
	height:9px;
	background:#00698c;
	width:100%;
	margin:auto;
		
	}

#mecmukatman {
	margin:auto;
	min-height:500px;
	height:auto;

	}
	
.logo{
	float:left;
	}
	
.sag_ust {
	vertical-align:absmiddle;
	}
	
.anamenu_kutu {

	float:left;
	border-top:1px solid #acac9d;
	background:url(http://www.cityfilterpress.com/img/menuFon.jpg) left repeat-x;

	}
	
.menu{
	width:175px;
	height:55px;
	margin: auto;
	}
	
.menu_baslik{
	width:117px;
	height:18px;
	float:left;
	margin-left:4px;
	font-size:15px;
	line-height:18px;
	color:#333;
	}
	
.menu_baslik a, .menu_baslik a:hover{
	color:#333;
	}
	
.menu_icerik{
	width:117px;
	height:27px;
	float:left;
	margin-top:10px;
	margin-left:4px;
	}
	
.menu_icerik a{
	font-style:italic;
	font-size:12px;
	color:#484848;
	}
	
.menu_icerik a:hover{
	color:#484848;
	}
	
.kutu {
	width:288px;
	}
	
.kutu_baslik {
	width:288px;
	height:30px;
	border-top:1px #acac9d solid;
	}
	
.kutu_baslik li {
	width:288px;
	list-style:none;
	background-image:url(http://www.cityfilterpress.com/img/magnifier.png);
	background-repeat:no-repeat;
	padding-left:24px;
	}
	
.kutu_baslik li a{
	width:288px;
	font-size:14px;
	list-style:none;
	display:block;
	color:#222222;
	margin-top:-2px;
	padding:0px;
	clear:both;
	}
	
.kutu_baslik li a img{
	float:left;
	padding:0px;
	margin:0px;
	margin-right:10px;
	}
	
.kutu_baslik li a:hover{
	color:#222222;
	}
	
.kutu_gorsel{
	width:288px;

	float:left;
	border-top:7px solid #00698c;
	}
	
.kutu_icerik{
	width:288px;

	float:left;
	font-size:12px;
	text-align:justify;
	margin-top:12px;
	line-height:18px;
	}
	
.kutu2 {
	width:288px;

	float:left;	
	border-top:1px #acac9d solid;
	margin-top:40px;
	}

.kutu2_baslik {
	width:288px;
	height:30px;
	float:left;	
	}
		
.kutu2_baslik li {
	width:288px;
	height:30px;
	float:left;	
	line-height:30px;
	display:block;
	background:url(http://cityfilterpress.com/img/check.png) left no-repeat;
	border-bottom:1px #acac9d solid;
	
	}
	
.kutu2_baslik li a{
	width:257px;
	margin-left:30px;
	font-size:14px;
	list-style:none;
	display:block;
	color:#222222;
	float:left;
	}
	
.kutu2_icerik{
	width:288px;
	height:116px;
	margin-top:15px;
	float:left;
	}
	
.kutu2_icerik li{
	width:278px;
	margin-left:7px;
	background:url(http://cityfilterpress.com/img/check2.png) left no-repeat;
	height:16px;
	line-height:16px;
	display:block;
	float:left;
	}
	
.kutu2_icerik li a{
	width:256px;
	margin-left:22px;
	height:16px;
	line-height:16px;
	display:block;
	float:left;
	}
	
.kutu3{
	float:left;
	margin-top:40px;
	border-top:1px #acac9d solid;
	}
	
.kutu3_baslik{
	height:30px;
	float:left;
	
	}
	
.kutu3_baslik li{
	height:30px;

	float:left;
	display:block;
	line-height:30px;
	border-bottom:1px #acac9d solid;
	
	}
	
.kutu3_baslik li a{
	float:left;
	display:block;	
	color:#222222;
	margin-top:-3px;
		font-size:14px;
	}
	
.kutu3_baslik li a:hover{
	color:#222222;
	}
	
.kutu3_baslik li a img{
	
	float:left;
	line-height:30px;
	margin:0px;
	padding:0px;
	margin-right:10px;
	
	}
	
.kutu3_gorsel{
	width:288px;
	height:151px;
	float:left;
	margin-top:15px;
	}
	
.kutu3_icerik{
	width:288px;
	height:151px;
	float:left;
	margin-top:15px;
	line-height:18px;
	text-align:justify;
	}

#antet {
	height:75px;
	background:url(http://cityfilterpress.com/img/antet.jpg) left repeat-x;
	width:100%;
	margin:auto;
	margin-top:30px;
	}
	
.antet_icerik {
	height:25px;
	margin:auto;
	padding-top:30px;
	color:#FFF;
	text-align:center;
	}
	
h1 {
	margin:0px;
	padding:0px;
	
	font-weight:lighter;
	line-height:15px;
	margin-top:10px;	
	}
	
h2{
	
	margin:0px;
	padding:0px;
	font-size:13px;
	font-weight:lighter;
	line-height:18px;
	}
	
h4 {
	margin:0px;
	padding:0px;
	
	font-weight:lighter;
	line-height:15px;
	margin-top:10px;	
	}
	
h5 {
	margin:0px;
	padding:0px;
	font-size:15px;

	line-height:15px;
	margin-top:10px;	
	}
	
p, br {
	margin: 0;
	padding: 0;	
	
	}

@media only screen and (min-width: 960px) and (max-width: 6561px) { 

	
.enust {
	min-width:960px;
	}
	
#mecmukatman {
	width:960px;
	background:url(http://www.cityfilterpress.com/img/isik.png) left top no-repeat;
		
	}
	
.logo{
	width:365px;
	height:116px;
	margin-left:-22px;

	}
	
.sag_ust {
	width:350px;
	height:80px;
	float:right;
	text-align:right;
	
	margin:0px;
	padding:0px;
	font-size:13px;
	font-weight:lighter;
	line-height:18px;

	}
	
.sag_ust span {
	color:#00698c;
	}
	
.anamenu {
	width:960px;
	float:left;


	}
		
	
.anamenu_kutu {
	width:240px;
	height:143px;

	border-bottom:1px solid #acac9d;


	}
	
.menu{
	margin-top:40px;
	}
	
.ayırac{
	background:url(http://www.cityfilterpress.com/img/menucizgi.png)left top no-repeat;
	width:1px;
	height:52px;
	margin-top:42px;
	float:left;

	}

.menu_gorsel{
	width:54px;
	height:55px;
	float:left;
	}
	
.golge{
	width:960px;
	height:30px;
	background:url(http://www.cityfilterpress.com/img/golge.png) left top no-repeat;
	float:left;

	}

.kutu {

	float:left;
	}
	
.bosluk1{
	width:47px;
	height:105px;
	float:left;
	}

.kutu3{
	width:625px;
	height:215px;
	}
	
.kutu3_baslik{
	width:625px;	
	}
	
.kutu3_baslik li{
	width:625px;
	}
	
.kutu3_baslik li a{
	width:625px;
	}
	
#antet {
	min-width:960px;
	}
	
.antet_icerik {
	width:960px;
	}
	
}
	
@media only screen and (min-width: 120px) and (max-width: 959px) { 

.enust {
	min-width:320px;
	}

#mecmukatman {
	width:320px;
	background:url(http://cityfilterpress.com/img/miniFon.png) left top no-repeat;
	}
	
.logo{
	width:320px;
	height:100px;
	margin-top: 20px;
	margin-bottom:20px;
	}
	
.logo img{
	width:300px;
	height:95px;
	margin:auto;
	}

.sag_ust {
	width:320px;
	height:80px;
	float:right;
	text-align:justify;
	line-height:20px;
	}
	
.golge{
	display:none;
	}
	
.ayırac{
	display:none;
	}
	
.anamenu_kutu {
	width:320px;
	height:110px;

	border-bottom:none;

	margin-top:0px;
	}
	
.menu{
	margin-top:25px;
	}
	
.menu_gorsel{
	width:54px;
	height:55px;
	float:left;
	}
	
.kutu {


	margin:auto;
	margin-top:30px;
	margin-bottom:10px;
	}
	
.kutu2{
	width:288px;
	height:auto;
	margin:auto;
	margin-top:30px;
	margin-bottom:10px;
	margin-left:15px;
	}

.kutu3{
	width:288px;
	height:auto;
	margin:auto;
	margin-bottom:10px;
	margin-left:15px;
	}
	
.kutu3_baslik{
	width:288px;
	}
	
.kutu3_baslik li{
	width:288px;
	}
	
.kutu3_baslik li a{
	width:288px;
	}
	
.bosluk1{
	display:none;
	
	}
	
#antet {
	min-width:320px;
	}
	
.antet_icerik {
	width:320px;
	}
	
}