@import url("font.css");
@import url("urun.css");
@import url("arama.css");
@import url("slider.css");
@import url("tanit.css");
@import url("galeri.css");
@import url("sayfa.css");

body {margin: auto; font-family: "Arial Narrow", Arial;font-stretch: condensed;}
table, tr, td, ul, ol, li, h1, h2, h4, h5, h6, p, form, input, textarea, select, button, p, img {padding: 0; margin: 0;  }
table {border-collapse: collapse}
.clear {clear: both}
#body_bg{background-color:#ffffff}
a {text-decoration: none}

/* Divler basliyor Div Stilleri */

.cp_menusu{display:none;
}

.container{ 
width:100%;
border: 0px solid #ddd;
margin: auto;
}


.ortasi{ 
width:100%;
height:100%;
min-height:600px;
border: 0px solid #ddd;
margin: auto;
background: url('../images/sol.png'); overflow: hidden;
}

.ortasi_ust{
height:178px;
width:100%;
//border: 5px solid #000;
margin: auto;
//background:#000;
background: url('../images/ust_bg.png');
}


.ust_aralik{
width:100%;height:100px;
}


.banner{
position:absolute;width:100%;z-index:901;background: url('../images/ust_bg.png');}

.menupoz{position:absolute;top:155px;width:100%;z-index:902;}

.ortasi_alt{
width:100%;
height:300px;
border: 0px solid #ddd;
margin: auto;
}

.header{
width:100%;
// height:35px;
background: url('../images/header.gif'); overflow: hidden;
//background:#ccc;
font-size:16px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#fff;
}

.header-sol{
float:left;width:80%;padding-top:8px;padding-bottom:8px;
}

.header-sag{
float:left;width:20%;padding-top:8px;padding-bottom:8px;
}

.grafikalti{height:50px;width:100%;
background: url('../images/grafikalti.jpg');

}


.logo{float:left;cursor:pointer;width:353px;height:140px;
background:url('../images/logo.png')
}

.logoyani{float:right;cursor:pointer;margin-right:40px;text-align:center;

}



.footer{
margin: auto;width:100%;
height:200px;
background: url('../images/altsol.png');
}
.adres{
float:left;padding:6px;width:30%;padding-top:1%;
font-size:13px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#fff;
}
.altmenu_dis{float:left;width:30%;
padding-top:2%;border:0px solid #666;
font-size:13px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#ccc;
}

.altmenu_ici{margin:auto;width:80%;
padding-top:2%;border:0px solid #ff0000;
}


.altmenu{float:left;border:0px solid #ff0000;font-size:13px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#fff;cursor:pointer;padding:2px 10px;}
.altmenu:hover{background:#FFC20A;}
.altmenu a{font-size:13px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#fff;}
.altmenu a:hover{background:#FFC20A;}
.logo-kck{float:right;padding-top:1%;padding-right:3%;
		font-size:13px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#ccc;}
		
.tel-kck{float:left;width:30%;padding-top:1%;padding-right:3%;
		font-size:16px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#02A7E6;}
	







#form_sag{position:absolute;right:6%;width:350px;z-index:900;background:#ED1E26;overflow:hidden;





}





















.centercontainer{
//display:inline-block;
width:100%;
//height:600px;
background:#232323;
//font-size:16px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#fff;
}



.sol_desen{position:absolute;top:60px;right:6%;width:550px;height:231px;z-index:900;
background:url('../images/sag_desen.png');
border: 0px solid #ddd;
}

.alttakileri{position:absolute;width:22%;z-index:902;
border: 0px solid #ddd;display:none;padding:10px 10px;


}





.menusu_dis{width:100%;
}

.menu_ic{margin: auto;text-align:center;padding:0px 0px;border: 0px solid #ddd;width:100%;);
}


.m{display:inline-block;font-size:1.27vw; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#807e7e;
text-align:center;border:0px solid #666;cursor:pointer;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;padding:16px 20px;margin:4px;
//background:#000;
}
.m:hover{background: url('../images/header.gif');}

.m a{font-size:13px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#fff;}
.m a:hover{background:#FF2B7F;}







.am{display:inline-block;font-size:13px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#fff;
border:0px solid #666;width:85%;cursor:pointer;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;padding:12px 10px;
background:#000;text-align:left;
}
.am:hover{background: url('../images/header.gif');}

.am a{display:inline-block;font:13px; font-family: "Arial Narrow", Arial;font-stretch: condensed;color:#fff;}
.am a:hover{background:#ccc;}


.eam{display:inline-block;font-size:12px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#000;text-align:left;
border:0px solid #666;width:75%;cursor:pointer;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;padding:10px 10px;
background:#ccc;
}
.eam:hover{background:#000;font:12px; font-family: "Arial Narrow", Arial;font-stretch: condensed;color:#fff;}

.eam a{font:12px; font-family: "Arial Narrow", Arial;font-stretch: condensed;color:#fff;}
.eam a:hover{background:#000;}























.kutular{border:0px solid #666;width:100%;height:285px;padding:2px 10px;
}

.kutu{float:left;font-size:15px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#666;
border:0px solid #666;width:32%;height:385px;cursor:pointer;margin:5px;
background:#ECECEC;
}
.kutu:hover{background:#fff;}

.kuturesmi{width:80%;height:180px;}
.kutumetin{margin: auto;border:0px solid #666;width:80%;height:25%;overflow:hidden;
font-size:15px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#666;
}







.kategori{font-size:15px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#fff;
border:0px solid #666;width:100%;height:55px;cursor:pointer;-moz-border-radius: 9px;-webkit-border-radius: 9px;border-radius: 9px;padding:1px 10px;padding-top:15%;
background: url('../images/kategoriler.png');
text-align:center;
}
.kategori:hover{background:#FF2B7F;}






.orta{
float:left;
//display:inline-block;
width:70%;
//height:100%;
//background:#232323;
font-size:14px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#ccc;
}






.adres_ust{
float:left;padding:6px;width:350px;padding-top:2%;
font-size:13px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#ccc;
}





.det_goster{float:left;
}




.baslik{float:left;font-size:15px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#ff0000;
border:0px solid #666;width:100%;padding:10px 10px;
background: url('../images/header.gif');

}


















.bosluk{float:left;height:10px;
}









#gallery_01{float:left;width:100%;border:0px solid #666;
}



.gosteriic{font-size:13px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#666;
float:left;width:100%;height:100%;-moz-border-radius: 9px;-webkit-border-radius: 9px;border-radius: 9px;
}



.gosteridetayic{margin: auto;font-size:14px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#666;
float:left;width:100%;-moz-border-radius: 9px;-webkit-border-radius: 9px;border-radius: 9px;
}

.gosteri{margin: auto;font-size:14px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#666;
border:0px solid #ccc;width:96%;height:100%;padding:14px 10px;
background:#fff;
}

.yangosteri{float:left;margin:2px;font-size:14px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#666;
border:1px solid #ccc;width:74%;height:100%;padding:14px 10px;
background:#fff;
}

.yangosteri2{float:left;margin:12px;margin-top:3px;font-size:13px; font-family: Arial Narrow,Arial;font-stretch:condensed;color:#666;border:1px solid #ccc;width:20%;height:100%;padding:14px 10px;background:#fff;
}









#attention{float:left;border-radius: 0px;
	-moz-border-radius:0px;
	-webkit-border-radius: 0px;
	border:0px solid #AE6464;
	font-size:19px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#600707;	
	width:100%;background:#DFB1B1;vertical-align: middle;text-align:center;display:none;padding:8px 0px;}













#main_ustmenu{
width:100%;height:50px;
border: 0px solid #ddd;
background:url('../graphics/main/main.jpg');
}


#main_ustmenu_sol{
float:left;
width:50%;
text-indent: 2%;
padding:6px;
font-size:14px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#fff;

}


#main_ustmenu_sag{
float:right;
padding:6px;
font-size:14px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#fff;

}



#main_orta{ 
width:100%;
background:url('../graphics/main/ortaust.jpg')
}


#main_box_sutun_sol{
	//float:left;
	display:inline-block;
	vertical-align: top;
	border:0px solid #ddd;
	width: 45%;
 
}
#main_box_sutun_sag{
	//float:left;
	display:inline-block;
	vertical-align: top;
	border:0px solid #ddd;
	width: 45%;
 
}

#main_bolum{
	
	border:0px solid #ddd;
	padding:5px;
	margin:9px;
	width:85%;
	font-size:14px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#000;
	}

#main_bolum_kck{
	
	border:0px solid #ddd;
	padding:3px;
	margin:7px;
	width:85%;
	font-size:14px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#000;
	}

#main_bolum_input_dis{
	
	border:0px solid #ddd;
	padding:0px;
	margin:7px;
	width:95%;
	font-size:14px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#000;
		}


.main-input{
	background-color:#F1F1F1;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border:1px solid #ccc;
	padding:5px;
	margin:3px;
	width:97%;
	font-size:15px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#929292;	}

.main-checkbox{background-color:#F1F1F1;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border:1px solid #ccc;
	padding:0px;
	
	font-size:15px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#929292;		

	}



.main-textarea{
	background-color:#F1F1F1;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border:1px solid #ccc;
	margin:3px;
	padding:5px;
	width:97%;
	font-size:15px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#929292;}

select.select{
	background-color:#F1F1F1;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	margin:3px;
	padding:5px;
	width:100%;
	font-size:14px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#929292;
	border:1px solid #ccc;
}


#submit-main	{float:left;
	background-color:#303030;
	border-radius: 9px;
	-moz-border-radius:9px;
	-webkit-border-radius: 9px;
	border:1px solid #000;
	padding:10px 5px;
	margin:3px;
	text-align:center;
	width:20%;

	font-size:14px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#fff;	font-weight: bold;
	cursor:pointer;
	}
#submit-main:hover	{
	background-color:#000;
	font-size:14px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#fff;
	font-weight: bold;
	}




.menu-input{float:left;

	background-color:#F1F1F1;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border:1px solid #ccc;
	padding:5px;
	margin:3px;
	width:60%;
	font-size:15px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#929292;	}



.menu-input-kck{

	background-color:#F1F1F1;
	border-radius: 3px;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	border:1px solid #ccc;
	padding:1px;
	margin:1px;
	width:60%;
	font-size:14px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#929292;	}






















#submit-menu	{float:left;
	background-color:#303030;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border:1px solid #000;
	padding:5px 5px;
	margin:3px;
	text-align:center;
	width:15%;

	font-size:12px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#fff;	font-weight: bold;
	cursor:pointer;
	}
#submit-menu:hover	{
	background-color:#000;
	font-size:12px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#fff;
	font-weight: bold;
	}


.submit-menu-kck	{float:left;
	background-color:#666;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border:1px solid #000;
	padding:5px 5px;
	margin:3px;
	text-align:center;
	width:15%;

	font-size:12px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#fff;	font-weight: bold;
	cursor:pointer;
	}
.submit-menu-kck:hover	{
	background-color:#303030;
	font-size:12px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#fff;
	font-weight: bold;
	}




#main_parcalar_dis{
	width:100%;
	}
#main_parcalar{
	float:left;
	background-color:#ccc;
	border:1px solid #ddd;
	padding:5px;
	margin:8px;
	width:200px;
	height:250px;
	font-size:14px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#000;
	cursor:pointer;
	}
#main_parcalar:hover{
	background-color:#ddd;
	border:1px solid #ddd;
	}






.resekle {  width: 114px;height: 101px;background: url('../graphics/main/resekle.png'); overflow: hidden }
.resekle input { width: 114px;height: 101px; opacity: 0;cursor:pointer;}			

.resimsilbutonalti {width:114px;height:101px;background: url('../graphics/main/ressil.png');}
.resimsilbuton {width:114px;height:101px;cursor:pointer;}
.resimsilbuton:hover{moz-opacity:0.2;-khtml-opacity: 0.2;opacity: 0.2; }

.varsayilan{width:90px;height:15px;cursor:pointer;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;background:#30C2CB;text-align:center;font:11px tahoma;color:#fff;padding:2px 10px;}
.varsayilan:hover{background:#30C2CB}

.varsayilanP{width:90px;height:15px;cursor:pointer;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;background:#C8D9E4;text-align:center;font:11px tahoma;color:#fff;padding:2px 10px;}
.varsayilanP:hover{background:#30C2CB}


.resimonizlehaci{position:absolute;margin-left:60px;margin-top:40px;width:57px;height:59px;z-index:103; background-image: url('../graphics/main/hac.png');background-repeat:no-repeat; }
//.resimonizlehacalti{moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6; }





.attention-altmenu{border-radius: 0px;
	-moz-border-radius:0px;
	-webkit-border-radius: 0px;
	border:0px solid #AE6464;
	font-size:19px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#600707;	
	width:100%;background:#DFB1B1;vertical-align: middle;text-align:center;display:none;padding:8px 0px;}




#attention-m{border-radius: 0px;
	-moz-border-radius:0px;
	-webkit-border-radius: 0px;
	border:0px solid #AE6464;
	font-size:19px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#600707;	
	width:100%;background:#DFB1B1;vertical-align: middle;text-align:center;display:none;padding:8px 0px;}




#yukleniyor{
	border-radius: 0px;
	-moz-border-radius:0px;
	-webkit-border-radius: 0px;
	border:0px solid #666;
	font-size:19px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#600707;	
	width:100%;vertical-align: middle;text-align:center;display:none;padding:8px 0px;}
	
	
	
	
	
	
	
	
	
	
	
	
.mgrup{float:left;font-size:12px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#fff;
text-align:center;border:0px solid #666;width:11%;cursor:pointer;-moz-border-radius: 9px;-webkit-border-radius: 9px;border-radius: 9px;padding:10px 1px;margin:4px;
background:#ED1E26;
}
.mgrup:hover{background:#FF2B7F;}


	
	#cyrpAlan{position:absolute;top:40%;width:30%;height:100%border:2px solid #C4A641;background:#fff;padding:4px 7px;z-index:920;
-moz-box-shadow: 0px 15px 25px rgba(0,0,0,.5);
    -webkit-box-shadow: 0px 15px 25px rgba(0,0,0,.5);
    box-shadow: 0px 15px 25px rgba(0,0,0,.5);  -moz-border-radius: 9px;-webkit-border-radius: 9px;border-radius: 9px;
}

	
	
	
	
	
	
	
	
	
	#cp-adres{display:none;}
	
	
	
	
@media screen and (max-width:980px) and (min-width:100px){

















#ust_aralik{display:none;}






#form_sag{display:none;}


#slayti{display:none;}




.kck_resim{float:left;height:1%;
}



.logo{margin: auto;width:270px;height:140px;z-index:900;cursor:pointer;border: 0px solid #ddd;
background:url('../images/cp-logo.png')
}


.ortasi_ust{
height:150px;
width:100%;
border: 0px solid #ddd;
margin: auto;
}

.logoyani{display:none;
}


.menu-kck{position:absolute;top:8%;right:6%;width:30px;height:30px;z-index:910;
		background: url('../images/menusu.png');background-repeat:no-repeat;cursor:pointer;
}

.talep-kck{position:absolute;top:12%;right:6%;width:30px;height:30px;
		background: url('../images/talep.png');background-repeat:no-repeat;cursor:pointer;
}




#adreskismisi{display:none;}

#cp-adres{display:block;text-align:center;text-align: -moz-center;}




.arama{display:none;}




.gosteri{font-size:13px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#666;
float:left;border:0px solid #000;width:94%;height:100%;-moz-border-radius: 9px;-webkit-border-radius: 9px;border-radius: 9px;padding:14px 10px;
background:#fff;
}






.tel-kck{display:none;
}





.cp_aciklama{display:none;
}


.sol_desen{position:absolute;top:60px;right:6%;width:250px;height:105px;z-index:900;
background:url('../images/sag_desen_kck.png');
border: 0px solid #ddd;
}

.menupoz{position:absolute;top:13%;width:65%;left:35%;z-index:900;}


.menusu_dis{display:none;margin: auto;position:absolute;top:23%;width:95%;z-index:1002;
}

.alttakileri{width:90%;
border: 0px solid #ddd;display:none;padding:10px 10px;
background:#ccc;


}




.m{font-size:15px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#fff;
text-align:center;border:0px solid #666;width:95%;cursor:pointer;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;padding:16px 1px;margin:4px;
background:#000;
}
.m:hover{background: url('../images/header.gif');font-size:15px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#000;}



.m a{font-size:15px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#fff;}
.m a:hover{background:#EBD393;}

.m_altivar{font-size:15px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#fff;
text-align:center;
border:0px solid #666;width:80%;cursor:pointer;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;padding:16px 1px;margin:4px;
background:#000;
}
.m_altivar:hover{background:#EBD393;}

.m_altivar a{font-size:15px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#fff;}
.m_altivar a:hover{background:#FF2B7F;}





.am{font-size:13px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#fff;
border:0px solid #666;width:90%;cursor:pointer;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;padding:12px 10px;
}
.am:hover{background: url('../images/header.gif');}

.am a{font:13px; font-family: "Arial Narrow", Arial;font-stretch: condensed;color:#fff;}
.am a:hover{background:#ccc;}



.eam{display:inline-block;font-size:12px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#000;text-align:left;
border:0px solid #666;width:75%;cursor:pointer;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;padding:10px 10px;
background:#ccc;
}

.eam:hover{background:#ccc}

.eam a{font:12px; font-family: "Arial Narrow", Arial;font-stretch: condensed;color:#000;}
.eam a:hover{background:#ccc;}










.kutu{margin: auto;font-size:15px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#666;
border:0px solid #666;width:94%;height:385px;cursor:pointer;margin:5px;
background:#ECECEC;
}
.kutu:hover{background:#fff;}

.kuturesmi{width:80%;height:180px;}
.kutumetin{margin: auto;border:0px solid #666;width:80%;height:25%;overflow:hidden;
font-size:15px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#666;
}



#uss_sag_alt{display:none;
}




.yangosteri2{display:none;
}
.yangosteri{margin: auto;margin:1%;font-size:13px; font-family: "Arial Narrow", Arial;font-stretch: condensed; color:#666;
border:0px solid #000;width:93%;height:100%;
background:#fff;
}



.header-sol{
float:left;width:65%;
}

.header-sag{
float:left;width:35%;
}






}

	
	