@charset "utf-8";

*{margin:0; padding:0; border:0; list-style:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
body{
	margin:0; padding:0; border:0; background:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
a{text-decoration:none;}
.clear{clear:both;}


/* Header Alanı */
header.header{
	display:block; position:relative; margin:0px auto; width:100%; height:auto;
}


.header_main{display:block; position:relative; margin:0px auto; max-width:1230px; width:100%; height:auto;}
.logo{
	display:block; float:left; width:25%; height:auto; margin-top:1%; margin-bottom:0.4%; padding:0.5%; background:#f9f9f9;
	border:2px solid #e6e6e6;
}
.logo > img{display:block; float:left; width:100%; height:auto;}
h1{display:none;}
h2{display:none;}
h3{display:none;}
h4{display:none;}
h5{display:none;}
h6{display:none;}
.spangizle{display:none;}

/* Header Üst Alanı */
.ust_bolum2{
	display:block; position:relative; margin:0px auto; width:100%; height:auto; background:#069;
	border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3;	
}
.ust_iletisimler{
	display:block; position:relative; margin:0px auto; width:100%; height:10px; background:url(../image/toolbar.png) center;
	border-bottom:1px solid #DDD;
}

.ust_bolum_tek{float:right; width:23%; height:auto; margin:0.2%;}
.ust_bolum_tek > h3{
	display:block; width:100%; height:auto; float:right; color:#333; text-align:right;
	font-size:16px; line-height:30px; font-weight:500; font-style:italic;
}
.ust_bolum_tek > h3 > i{font-size:18px; font-style:italic; color:#333;}


/* Menu */
.main_menu{
	display:block; position:relative; float:right; width:73%; height:auto; margin-top:2%;
	border-bottom:2px solid #e6e6e6; border-top:2px solid #e6e6e6;	
}
nav.nav{
	display:block; position:relative; float:left; width:100%; height:auto; background:#e6e6e6;
}
.nav_section{display:block; float:left; width:19.63%; height:auto; margin-left:0.33%; background:#f9f9f9;}
.nav_section:hover > ul.secul{display:block;}
ul.secul > li:hover > ul.ulsecul{display:block;}

.yilnav_toggle{display:none; float:left; width:5%; height:auto; padding:3px 0px; margin:5px; cursor:pointer;}
.menu_sim{ float:left; width:100%; height:5px; margin:2px 0px; background:#333; border-radius:8px;}

.nava{
	display:block; float:left; width:96%; padding-left:4%; height:auto; text-align:center; 
	color:#333; font-size:14px; line-height:50px; font-weight:500;
}

.navbir{ -webkit-transition:background .7s, color .7s; transition:background .7s, color .7s;}
.navbir:hover{color:#f9f9f9; background:#D20000;}

ul.secul{
	display:none; position:absolute; top:35px; z-index:999; float:left; width:200px; height:auto; padding:8px; background:#efefef;
	-webkit-transition:display 2s; transition:display 2s; outline:1px solid #CCC;
}
ul.secul > li{
	float:left; width:100%; height:auto; margin-bottom:5px; background:#FFF; outline:1px solid #DDD;
}
ul.secul > li > a{
	display:block; float:left; width:95%; height:auto; padding-left:4%; color:#333; font-size:12px; line-height:30px;
}
ul.secul > li > a:hover{color:#FFF; background:#1081a6;}




/* Header Alt Alanı */
.ust_bolum{
	display:block; position:relative; margin:0px auto; width:100%; height:auto;
}
.ust_bolum_ic{
	display:block; position:relative; margin:0px auto; max-width:1230px; width:100%; height:auto;
}
.yol_isareti{ float:left; font-size:11px; line-height:30px; color:#333; font-weight:500; margin:0.3%; padding-left:5px;}
.yol_isareti > strong{font-size:12px; line-height:30px; color:#666; font-weight:700; margin-left:5px; margin-right:15px;}
.yol_isareti:hover{color:#1081a6;}

/* Header Arama */
.main_header_arama{display:block; float:right; width:72%; height:auto; margin-top:3%;}
.header_arama{display:block; float:right; width:50%; height:auto; margin:0.3%;}
.header_aramainput{
	display:block; float:right; width:85%; line-height:30px; height:auto; padding-left:1%;
	background:#FFF; outline:1px solid #CCC; box-shadow: 2px 5px 6px -3px #CCC;
}
.header_aramabuton{
	display:block; float:right; width:10%; line-height:30px; height:auto; background:#f5f5f5; cursor:pointer;
	box-shadow: 2px 5px 6px -3px #CCC; color:#333; font-size:12px; border-radius:5px; outline:1px solid #CCC;
}
.header_aramabuton > i{color:#333;}

/* Header Görüşme */
.header_gorusme{
	display:block; position:relative; margin:10px auto; max-width:1230px; width:100%; height:auto; background:#FFF;
	border-top:1px solid #CCC; border-bottom:1px solid #CCC;
}
.header_gorusme_tek{float:left; width:31%; height:auto; margin:0.2%;}
.header_gorusme_tekilet{
	display:block; width:98%; height:auto; float:left; padding-left:2%; color:#333; text-align:center;
	font-size:15px; line-height:35px; font-weight:500; letter-spacing:1px;
}
.header_gorusme_tekilet > i{font-size:22px; color:#111;}

.main_header_slide{
	display:block; width:31%; height:auto; float:left; margin:0.2%; color:#333; text-align:center; background:#FFF;
	font-size:15px; line-height:35px; font-weight:500; letter-spacing:1px;
}





/* Slide */
#main_tab_slide{position:relative; max-width:1230px; width:100%; height:370px; margin:0px auto; border:0px solid red;}
#main_tab{position:relative; display:block; width:32%; height:350px; float:left; margin:10px; z-index:999; border:0px solid blue;}
#main_detail{position:relative; width:100%; height:380px; float:left; overflow:hidden; margin-top:-370px; z-index:9;}
.product_tab{
	position:relative; float:left; width:98%; height:auto; margin:1%;
	background-color: rgba(0,0,0,0.8); border:1px solid #000;
}
.product_tab_img{
	position:relative; float:left; width:30%; height:50px; margin:1%;
}

.product_tab:hover{background:rgba(255,255,255,0.9); color:#333; border:1px solid #FFF;}
.product_tab:hover a{color:#333;}
.aktif{display:block; color:#000; background:rgba(255,255,255,0.9); border:1px solid #FFF;}
.product_tab.aktif a{color:#000;}
.product_tab a{display:block; float:left; width:66%; color:#FFF; font-size:15px; line-height:35px; font-weight:400;}
.product_detail{position:relative; width:100%; height:380px; float:left; border:1px solid #DDD;}
.product_detail > img{display:block; position:relative; width:100%; height:auto; float:left;}


/* Slide */
#div_mini_foto{
	display:block; position:relative; max-width:1230px; width:100%; height:350px; margin:0px auto; overflow:hidden;
	
}

#img_wid{
	display:none; width:100%; height:350px; margin:0px;
}
#img_wid > img{
	display:block; float:left; width:100%; height:100%;
}
#img_wid:first-of-type{
	display:block;
}
.img_wid_title{
	display:block; float:left; width:100%; height:auto; background:rgba(0,0,0,0.5); margin-top:-50px;
	color:#FFF; font-size:16px; line-height:50px; font-weight:500; text-align:center;
}

.div_buton{
	position:relative; display:block; margin:10px auto; max-width:1230px; width:100%; height:auto;
	top:-170px;
}
.div_buton #left_buton{
	float:left; width:5%; background-color:rgba(0,0,0,0.5); color:#FFF; text-align:center;
	font-size:24px; line-height:35px; font-weight:600;
}
.div_buton #right_buton{
	float:right; width:5%; background-color:rgba(0,0,0,0.5); color:#FFF; text-align:center;
	font-size:24px; line-height:35px; font-weight:600;
}
.div_buton #left_buton:hover{background-color:rgba(0,0,0,1);}
.div_buton #right_buton:hover{background-color:rgba(0,0,0,1);}



/* Main */
main.main{
	display:block; position:relative; margin:0px auto; max-width:1215px; width:100%; height:auto; padding:0.5%;
	background:#FFF;
}

.urun_ana_baslik{
	float:left; display:block; width:100%; height:auto; border-bottom:2px dashed #CCC; padding-bottom:5px; margin-top:10px;
	color:#333; font-size:16px; line-height:40px;
}
.urun_ana_baslik > strong{
	float:left; border-right:3px  solid #CCC; padding-right:10px; margin-right:10px;
	color:#1081a6; font-size:24px; line-height:35px; font-weight:500;
}

.urun_ana_baslik2{
	float:left; display:block; width:100%; height:auto; border-bottom:1px dashed #999; padding-bottom:5px; margin-top:10px;
	color:#333; font-size:12px; line-height:35px;
}
.urun_ana_baslik2 > strong{
	float:left; border-right:1px  solid #999; padding-right:10px; margin-right:10px;
	color:#1081a6; font-size:18px; line-height:30px; font-weight:500;
}


.fotoselli_kapi_tamiri{
	float:left; display:block; width:24%; height:auto; margin:0.5%; outline:1px solid #CCC;
}

.fotoselli_kapi_tamiri_img{float:left; display:block; width:100%; height:auto;}
.fotoselli_kapi_tamiri_h4{
	float:left; display:block; width:100%; height:auto; border-bottom:1px solid #CCC; border-top:1px solid #CCC;
	font-weight:500; color:#FFF; font-size:14px; line-height:35px; text-align:center;
}
.fotoselli_kapi_tamiri_p{
	float:left; display:block; width:98%; height:auto; padding-left:1%; padding-right:1%;
	color:#FFF; font-size:12px; line-height:25px; text-align:center;
}
.fotoselli_kapi_tamiri_a{
	float:left; display:block; width:98%; height:auto; padding-left:1%; padding-right:1%;
	color:#FFF; font-size:12px; line-height:35px; text-align:center;
}


/* Hizmetlerimiz Sayfası */
.sol_hizmetler{
	float:left; width:28%; height:auto; margin-top:10px; background:#FFF;
}
.anasol_hizmetler_baslik{
	display:block; float:left; width:99%; padding:0.5%; background:#f0f0f0;
	margin-left:1%; margin-top:2%; outline:1px solid #DDD;
}
.sol_hizmetler_baslik{
	display:block; float:left; width:96%; padding-left:2%; margin:1%; background:#fcfcfc;
	font-size:14px; font-weight:400; color:#666; line-height:35px; outline:1px solid #DDD;
}
.sol_hizmetler_baslik:hover{color:#333; background:#FFF;}

.mainsol_hizmetler_baslik{
	display:block; float:left; width:97%; padding-left:3%; margin:1%; background:#1081a6;
	font-size:14px; font-weight:500; color:#FFF; line-height:35px;
}


.sag_hizmetler{
	float:left; width:100%; height:auto; margin-top:10px;
}
/* Otomatik Kapı */
.otomatikfotosellimain{
	display:block; position:relative; float:left; width:47.5%; height:auto; background:#FFF; margin:1%; 
	border:1px solid #DDD; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}
.otomatikfotosellimain:hover{background:#f7f7f7;}
.otomatikfotosellileft{
	display:block; position:relative; float:left; width:65%; height:auto; margin:1%;
}
.otomatikfotoselliright{
	display:block; position:relative; float:right; width:30%; height:auto; overflow:hidden; margin:1%;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
}
.otomatikfotoselliimg{
	display:block; position:relative; float:left; width:100%; height:auto;
}
.otomatikfotosellibaslik{
	display:block; position:relative; float:left; width:100%; height:auto; border-bottom:1px solid #FFF;
	color:#333; font-size:15px; line-height:40px; text-align:center;
}
.otomatikfotosellibaslik:hover{color:#333; border-bottom:1px solid #CCC;}
.otomatikfotosellip{
	display:block; position:relative; float:left; width:90%; height:auto; margin-left:5%; margin-top:10px; margin-bottom:5px;
	text-align:center; color:#666; font-size:12px; line-height:25px;
}

/* Main Pro */
.otomatiksistemler{
	display:block; position:relative; float:left; width:31%; height:auto; background:#FFF; margin:1%; 
	border:1px solid #DDD; overflow:hidden;
	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}
.otomatiksistemimgmain{
	display:block; position:relative; float:left; width:100%; height:auto; background:#e6e6e6;
}
.otomatiksistemimg{
	display:block; position:relative; float:left; width:85%; height:auto; margin:5% 7.5%;
}
.otomatiksistembaslik{
	display:block; position:relative; float:left; width:100%; height:auto; text-align:center;
	color:#333; font-size:15px; line-height:35px; border-bottom:3px solid #e6e6e6;
}
.otomatiksistembaslik:hover{color:#D00;}
.otomatiksistemp{
	display:block; position:relative; float:left; width:90%; height:auto; margin-left:5%; margin-top:5px; margin-bottom:5px;
	text-align:center; color:#666; font-size:12px; line-height:25px;
}



.fotoselli_hizmetler{
	float:left; display:block; position:relative; width:31.3%; height:auto; margin:1%;
	background:#FFF; outline:2px solid #CCC;
}
.fotoselli_hizmetler:hover{background:#f9f9f9;}
.fotoselli_hizmetler_img{
	float:left; display:block; position:relative; width:100%; height:auto; outline:1px solid #DDD;
	
}
.fotoselli_hizmetler_a{
	float:right; display:block; position:relative; width:100%; height:auto; text-align:center;
	color:#333; font-size:14px; line-height:35px; background:#f5f5f5; border-top:2px solid #CCC;
}
.fotoselli_hizmetler_p{
	float:right; display:block; position:relative; width:100%; height:auto; margin-top:5px;
	color:#666; font-size:12px; line-height:20px;
}


/* Hizmet Detay Sayfası */
.fotoselli_hizmetdetay{
	float:left; display:block; position:relative; width:100%; height:auto;
	background:#FFF;
}
.fotoselli_hizmetdetay_img{
	float:left; display:block; position:relative; width:100%; height:auto; margin-top:1%; 
	margin-bottom:1%; outline:1px solid #DDD; box-shadow: 0px 5px 8px 0px #999;
}
.fotoselli_hizmetdetay_h3{
	float:left; display:block; position:relative; width:100%; height:auto; background:#f9f9f9; text-align:center;
	color:#333; font-size:16px; line-height:35px; font-weight:500; border:1px solid #DDD;
}
.fotoselli_hizmetdetay_p{
	float:left; display:block; position:relative; width:98%; height:auto; padding:1%;
	color:#666; font-size:12px; line-height:25px;
}
.fotoselli_hizmetdetaytags{
	float:left; display:block; position:relative; width:98%; height:auto; margin:1% 0.5%; padding:0.5%;
	border-top:1px solid #DDD;
}
.fotoselli_hizmetdetaytags_h6{
	float:left; display:block; position:relative; width:15%; height:auto; padding:0.5%;
	color:#333; font-size:14px; line-height:20px; font-weight:400;
}
.fotoselli_hizmetdetaytags_a{
	float:left; background:#f9f9f9; color:#333; font-size:12px; line-height:20px; padding:0.5%; margin:0.5%; 
	border:1px solid #DDD;
}
.fotoselli_hizmetdetaytags_a:hover{color:#1081a6; background:#FFF;}


/* İletişim */
.harita_iframe{ display:block; float:left; width:100%; height:350px; margin-top:10px;}
.harita_adres{ display:block; float:left; width:100%; height:auto; margin-top:10px;}
.harita_adres_span{display:block; float:left; width:32%; margin-left:1%; margin-top:5px;}
.harita_adres_span > i{ display:block; width:5%; float:left; padding-right:5px; font-size:24px; line-height:30px;}
.harita_adres_span > b{
	display:block; width:90%; padding-left:5px; float:left; font-size:12px; font-weight:bold; color:#333; line-height:30px;
}

/* Footer Alanı */
.footer{
	position:relative; display:block; width:100%; height:auto; margin:0px auto; margin-top:10px; 
	background:url(../image/toolbar.png); border-top:2px solid #e6e6e6;
}
.footer_ic{	width:100%; max-width:1230px; height:auto; margin:0px auto; padding:5px 0px;}
.footercopy{
	float:left; width:100%; height:auto; color:#333; font-size:14px; line-height:50px; font-weight:500; text-align:center;
}



@media screen and (min-width : 1125px) and (max-width: 1249px){


}
@media screen and (min-width : 960px) and (max-width: 1124px){


}
@media screen and (min-width : 912px) and (max-width : 959px) {


}
@media screen and (min-width : 750px) and (max-width : 911px) {


}

@media screen and (min-width : 600px) and (max-width : 749px) {

/* Header Alanı */
header.header{
	display:block; position:relative; margin:0px auto; width:100%; height:auto;
}


.header_main{display:block; position:relative; margin:0px auto; max-width:599px; width:100%; height:auto;}
.logo{display:block; float:left; width:60%; height:auto; margin-left:20%; margin-top:0.4%; margin-bottom:0.4%;}
.logo > img{display:block; float:left; width:100%; height:auto;}


/* Header Üst Alanı */
.ust_bolum2{
	display:block; position:relative; margin:0px auto; width:100%; height:auto; background:#069;
	border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3;	
}
.ust_iletisimler{display:block; position:relative; margin:0px auto; max-width:599px; width:100%; height:5px;}

.ust_bolum_tek{float:right; width:28%; height:auto; margin:0.2%;}
.ust_bolum_tek > h3{
	display:block; width:100%; height:auto; float:right; color:#333; text-align:right;
	font-size:16px; line-height:30px; font-weight:500; font-style:italic;
}
.ust_bolum_tek > h3 > i{font-size:14px; font-style:italic; color:#333;}

/* Slide */
#div_mini_foto{
	display:block; position:relative; max-width:599px; width:100%; height:250px; margin:0px auto; overflow:hidden;
	
}

#img_wid{
	display:none; width:100%; height:250px; margin:0px;
}
#img_wid > img{
	display:block; float:left; width:100%; height:100%;
}
#img_wid:first-of-type{
	display:block;
}
.img_wid_title{
	display:block; float:left; width:100%; height:auto; background:rgba(0,0,0,0.5); margin-top:-50px;
	color:#FFF; font-size:16px; line-height:50px; font-weight:500; text-align:center;
}

.div_buton{
	position:relative; display:block; margin:10px auto; max-width:599px; width:100%; height:auto;
	top:-170px;
}
.div_buton #left_buton{
	float:left; width:5%; background-color:rgba(0,0,0,0.5); color:#FFF; text-align:center;
	font-size:24px; line-height:35px; font-weight:600;
}
.div_buton #right_buton{
	float:right; width:5%; background-color:rgba(0,0,0,0.5); color:#FFF; text-align:center;
	font-size:24px; line-height:35px; font-weight:600;
}
.div_buton #left_buton:hover{background-color:rgba(0,0,0,1);}
.div_buton #right_buton:hover{background-color:rgba(0,0,0,1);}


/* Menu */
.main_menu{
	display:block; position:relative; margin:5px auto; max-width:599px; width:100%; height:auto;
	background:#FFF;
}

nav.nav{
	display:block; position:relative; float:left; width:96%; height:auto; margin-left:2%; margin-top:0%; margin-bottom:1%;
	background:#FFF; border-bottom:0px solid #e6e6e6; border-top:0px solid #e6e6e6;
}
.nav_section{display:none; float:left; width:100%; height:auto; background:#1081a6; margin-top:5px; outline:1px solid #1081a6;}
.nav_section:hover > ul.secul{display:none;}
ul.secul > li:hover > ul.ulsecul{display:none;}

.yilnav_toggle{display:block; float:right; width:5%; height:auto; padding:3px 0px; margin:0.5% 2%; cursor:pointer;}
.menu_sim{ float:left; width:100%; height:5px; margin:2px 0px; background:#333; border-radius:8px;}

.nava{
	display:block; float:left; width:96%; padding-left:4%; height:auto; text-align:left; 
	color:#FFF; background:#1081a6; font-size:12px; line-height:30px; font-weight:500;
}

.navbir{ -webkit-transition:background .7s, color .7s; transition:background .7s, color .7s;}
.navbir:hover{color:#1081a6; background:#FFF;}


/* Header Alt Alanı */
.ust_bolum{
	display:block; position:relative; margin:0px auto; width:100%; height:auto;
}
.ust_bolum_ic{
	display:block; position:relative; margin:0px auto; max-width:599px; width:100%; height:auto;
}


/* Header Arama */
.main_header_arama{display:block; float:right; width:100%; height:auto; margin-top:0.5%;}

/* Merkez Slide */
.merkez_slide{
	display:block; position:relative; max-width:599px; width:100%; height:auto; margin:0px auto;
}
.merkez_slide_eleman{
	position:relative; float:left; width:31.3%; height:auto; margin:1%;
}
.merkez_slide_eleman_img{
	position:relative; float:left; width:100%; height:auto;
}
.merkez_slide_eleman_baslik{
	position:relative; float:left; width:100%; height:auto;
	font-size:14px; line-height:35px; color:#000; text-align:center;
}



/* Main */
main.main{
	display:block; position:relative; margin:0px auto; max-width:599px; width:100%; height:auto; padding:0.5%;
	background:#FFF;
}

.urun_ana_baslik{
	float:left; display:block; width:100%; height:auto; border-bottom:2px dashed #CCC; padding-bottom:5px; margin-top:10px;
	color:#333; font-size:14px; line-height:40px;
}
.urun_ana_baslik > strong{
	float:left; border-right:3px  solid #CCC; padding-right:10px; margin-right:10px;
	color:#1081a6; font-size:18px; line-height:35px; font-weight:500;
}

.urun_ana_baslik2{
	float:left; display:block; width:100%; height:auto; border-bottom:1px dashed #999; padding-bottom:5px; margin-top:10px;
	color:#333; font-size:12px; line-height:35px;
}
.urun_ana_baslik2 > strong{
	float:left; border-right:1px  solid #999; padding-right:10px; margin-right:10px;
	color:#1081a6; font-size:16px; line-height:30px; font-weight:500;
}


/* Hizmetlerimiz Sayfası */
.sol_hizmetler{
	float:left; width:34%; height:auto; margin-top:10px;
}
.anasol_hizmetler_baslik{
	display:block; float:left; width:100%;
	margin-left:1%; margin-top:2%; outline:1px solid #DDD;
}
.sol_hizmetler_baslik{
	display:block; float:left; width:98%; padding-left:2%; background:#fcfcfc;
	font-size:12px; font-weight:400; color:#333; line-height:30px;
}
.sol_hizmetler_baslik:hover{color:#666; background:#FFF);}

.mainsol_hizmetler_baslik{
	display:block; float:left; width:97%; padding-left:3%; margin:1%; background:#1081a6;
	font-size:12px; font-weight:500; color:#FFF; line-height:35px;
}


.sag_hizmetler{
	float:left; width:100%; height:auto; margin-top:10px;
}

.otomatiksistemler{
	display:block; position:relative; float:left; width:45%; height:auto; background:#FFF; margin:2%; 
	border:1px solid #DDD; overflow:hidden;
	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}
.otomatiksistemimgmain{
	display:block; position:relative; float:left; width:100%; height:auto; background:#e6e6e6;
}
.otomatiksistemimg{
	display:block; position:relative; float:left; width:85%; height:auto; margin:5% 7.5%;
}
.otomatiksistembaslik{
	display:block; position:relative; float:left; width:100%; height:auto; text-align:center;
	color:#333; font-size:15px; line-height:35px; border-bottom:3px solid #e6e6e6;
}
.otomatiksistembaslik:hover{color:#D00;}
.otomatiksistemp{
	display:block; position:relative; float:left; width:90%; height:auto; margin-left:5%; margin-top:5px; margin-bottom:5px;
	text-align:center; color:#666; font-size:12px; line-height:25px; min-height:250px;
}


/* Hizmet Detay Sayfası */
.fotoselli_hizmetdetay{
	float:left; display:block; position:relative; width:100%; height:auto; background:#FFF;
}
.fotoselli_hizmetdetay_img{
	float:left; display:block; position:relative; width:98%; height:auto; margin:1%; outline:1px solid #DDD;
	box-shadow: 0px 5px 8px 0px #999;
}
.fotoselli_hizmetdetay_h3{
	float:left; display:block; position:relative; width:99%; height:auto; margin-left:1%; background:#FFF;
	color:#1081a6; font-size:14px; line-height:30px; font-weight:500; border-bottom:1px solid #CCC;
}
.fotoselli_hizmetdetay_p{
	float:left; display:block; position:relative; width:98%; height:auto; padding:1%;
	color:#666; font-size:12px; line-height:25px;
}
.fotoselli_hizmetdetaytags{
	float:left; display:block; position:relative; width:98%; height:auto; margin:1% 0.5%; padding:0.5%;
	border-top:1px solid #DDD;
}
.fotoselli_hizmetdetaytags_h6{
	float:left; display:block; position:relative; width:15%; height:auto; padding:0.5%;
	color:#333; font-size:12px; line-height:20px; font-weight:400;
}
.fotoselli_hizmetdetaytags_a{
	float:left; background:#1081a6; color:#FFF; font-size:11px; line-height:20px; padding:0.5% 2%; margin:0.5%;
}
.fotoselli_hizmetdetaytags_a:hover{color:#333; background:#FFF;}


/* İletişim */
.harita_iframe{ display:block; float:left; width:100%; height:220px; margin-top:10px;}
.harita_adres{ display:block; float:left; width:99%; height:auto; margin-top:10px;}
.harita_adres_span{display:block; float:left; width:98%; margin-left:1%; margin-top:5px;}
.harita_adres_span > i{ display:block; width:5%; float:left; padding-right:5px; font-size:24px; line-height:30px;}
.harita_adres_span > b{
	display:block; width:90%; padding-left:5px; float:left; font-size:12px; font-weight:bold; color:#333; line-height:30px;
}


.footer{
	position:relative; display:block; width:100%; height:auto; margin:0px auto; margin-top:10px; 
	background:#1081a6; border-top:2px solid #e6e6e6;
}
.footer_ic{	width:100%; max-width:599px; height:auto; margin:0px auto; padding:5px 0px;}
.footercopy{
	float:left; width:100%; height:auto; color:#FFF; font-size:12px; line-height:25px; font-weight:500; text-align:center;
}


}

@media screen and (min-width : 480px) and (max-width : 599px) {

/* Header Alanı */
header.header{
	display:block; position:relative; margin:0px auto; width:100%; height:auto;
}


.header_main{display:block; position:relative; margin:0px auto; max-width:479px; width:100%; height:auto;}
.logo{display:block; float:left; width:80%; height:auto; margin-left:10%; margin-top:0.4%; margin-bottom:0.4%;}
.logo > img{display:block; float:left; width:100%; height:auto;}


/* Header Üst Alanı */
.ust_bolum2{
	display:block; position:relative; margin:0px auto; width:100%; height:auto; background:#069;
	border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3;	
}
.ust_iletisimler{display:block; position:relative; margin:0px auto; max-width:479px; width:100%; height:5px;}

.ust_bolum_tek{float:right; width:32%; height:auto; margin:0.2%;}
.ust_bolum_tek > h3{
	display:block; width:100%; height:auto; float:right; color:#333; text-align:right;
	font-size:14px; line-height:30px; font-weight:500; font-style:italic;
}
.ust_bolum_tek > h3 > i{font-size:14px; font-style:italic; color:#333;}

/* Slide */
#div_mini_foto{
	display:block; position:relative; max-width:479px; width:100%; height:200px; margin:0px auto; overflow:hidden;
	
}

#img_wid{
	display:none; width:100%; height:200px; margin:0px;
}
#img_wid > img{
	display:block; float:left; width:100%; height:100%;
}
#img_wid:first-of-type{
	display:block;
}
.img_wid_title{
	display:block; float:left; width:100%; height:auto; background:rgba(0,0,0,0.5); margin-top:-50px;
	color:#FFF; font-size:16px; line-height:50px; font-weight:500; text-align:center;
}

.div_buton{
	position:relative; display:block; margin:10px auto; max-width:479px; width:100%; height:auto;
	top:-120px;
}
.div_buton #left_buton{
	float:left; width:5%; background-color:rgba(0,0,0,0.5); color:#FFF; text-align:center;
	font-size:24px; line-height:35px; font-weight:600;
}
.div_buton #right_buton{
	float:right; width:5%; background-color:rgba(0,0,0,0.5); color:#FFF; text-align:center;
	font-size:24px; line-height:35px; font-weight:600;
}
.div_buton #left_buton:hover{background-color:rgba(0,0,0,1);}
.div_buton #right_buton:hover{background-color:rgba(0,0,0,1);}


/* Menu */
.main_menu{
	display:block; position:relative; margin:5px auto; max-width:479px; width:100%; height:auto;
	background:#FFF;
}

nav.nav{
	display:block; position:relative; float:left; width:96%; height:auto; margin-left:2%; margin-top:0%; margin-bottom:1%;
	background:#FFF; border-bottom:0px solid #e6e6e6; border-top:0px solid #e6e6e6;
}
.nav_section{display:none; float:left; width:100%; height:auto; background:#FFF; margin-top:3px; outline:1px solid #1081a6;}
.nav_section:hover > ul.secul{display:none;}
ul.secul > li:hover > ul.ulsecul{display:none;}

.yilnav_toggle{display:block; float:right; width:8%; height:auto; padding:3px 0px; margin:0.5% 2%; cursor:pointer;}
.menu_sim{ float:left; width:100%; height:5px; margin:2px 0px; background:#333; border-radius:8px;}

.nava{
	display:block; float:left; width:96%; padding-left:4%; height:auto; text-align:left; 
	color:#FFF; background:#1081a6; font-size:12px; line-height:30px; font-weight:500;
}

.navbir{ -webkit-transition:background .7s, color .7s; transition:background .7s, color .7s;}
.navbir:hover{color:#1081a6; background:#FFF;}


/* Header Alt Alanı */
.ust_bolum{
	display:block; position:relative; margin:0px auto; width:100%; height:auto;
}
.ust_bolum_ic{
	display:block; position:relative; margin:0px auto; max-width:479px; width:100%; height:auto;
}

/* Header Arama */
.main_header_arama{display:block; float:right; width:100%; height:auto; margin-top:0.5%;}

/* Merkez Slide */
.merkez_slide{
	display:block; position:relative; max-width:479px; width:100%; height:auto; margin:0px auto;
}
.merkez_slide_eleman{
	position:relative; float:left; width:96%; height:auto; margin:2%;
}
.merkez_slide_eleman_img{
	position:relative; float:left; width:100%; height:auto;
}
.merkez_slide_eleman_baslik{
	position:relative; float:left; width:100%; height:auto;
	font-size:14px; line-height:35px; color:#000; text-align:center;
}

/* Header Görüşme */
.header_gorusme{
	display:block; position:relative; margin:10px auto; max-width:479px; width:100%; height:auto; background:#FFF;
	border-top:1px solid #CCC; border-bottom:1px solid #CCC;
}
.header_gorusme_tek{float:left; width:100%; height:auto; margin:0.2%;}
.header_gorusme_tekilet{
	display:block; width:98%; height:auto; float:left; padding-left:2%; color:#333; text-align:center;
	font-size:15px; line-height:35px; font-weight:500; letter-spacing:1px;
}
.header_gorusme_tekilet > i{font-size:22px; color:#111;}

.main_header_slide{
	display:block; width:100%; height:auto; float:left; margin:0.2%; color:#333; text-align:center; background:#FFF;
	font-size:15px; line-height:35px; font-weight:500; letter-spacing:1px;
}


/* Main */
main.main{
	display:block; position:relative; margin:0px auto; max-width:479px; width:100%; height:auto; padding:0.5%;
	background:#FFF;
}

.urun_ana_baslik{
	float:left; display:block; width:100%; height:auto; border-bottom:2px dashed #CCC; padding-bottom:5px; margin-top:10px;
	color:#333; font-size:14px; line-height:40px;
}
.urun_ana_baslik > strong{
	float:left; border-right:3px  solid #CCC; padding-right:10px; margin-right:10px;
	color:#1081a6; font-size:14px; line-height:35px; font-weight:500;
}

.urun_ana_baslik2{
	float:left; display:block; width:100%; height:auto; border-bottom:1px dashed #999; padding-bottom:5px; margin-top:10px;
	color:#333; font-size:12px; line-height:35px;
}
.urun_ana_baslik2 > strong{
	float:left; border-right:1px  solid #999; padding-right:10px; margin-right:10px;
	color:#1081a6; font-size:14px; line-height:30px; font-weight:500;
}


.otomatiksistemler{
	display:block; position:relative; float:left; width:96%; height:auto; background:#FFF; margin:2%; 
	border:1px solid #DDD; overflow:hidden;
	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}
.otomatiksistemimgmain{
	display:block; position:relative; float:left; width:100%; height:auto; background:#e6e6e6;
}
.otomatiksistemimg{
	display:block; position:relative; float:left; width:85%; height:auto; margin:5% 7.5%;
}
.otomatiksistembaslik{
	display:block; position:relative; float:left; width:100%; height:auto; text-align:center;
	color:#333; font-size:15px; line-height:35px; border-bottom:3px solid #e6e6e6;
}
.otomatiksistembaslik:hover{color:#D00;}
.otomatiksistemp{
	display:block; position:relative; float:left; width:90%; height:auto; margin-left:5%; margin-top:5px; margin-bottom:5px;
	text-align:center; color:#666; font-size:12px; line-height:25px; min-height:160px;
}



.otomatikkapisislemleri{
	display:block; position:relative; float:left; width:97%; height:auto; background:#069; margin:1%; 
	border:1px solid #DDD; overflow:hidden;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}
.otomatikkapimain{
	display:block; position:relative; float:left; width:94%; height:auto; background:#FFF; margin-left:3%;  margin-right:3%; 
}
.otomatikkapimainimg{
	display:block; position:relative; float:left; width:90%; height:auto; margin-left:5%;
}
.otomatikkapimainbaslik{
	display:block; position:relative; float:left; width:100%; height:auto; text-align:center;
	color:#069; font-size:15px; line-height:35px;
}
.otomatikkapimainbaslik:hover{color:#333;}
.otomatikkapimainp{
	display:block; position:relative; float:left; width:90%; height:auto; margin-left:5%; margin-top:5px; margin-bottom:5px;
	text-align:center; color:#666; font-size:12px; line-height:25px;
}


/* Hizmetlerimiz Sayfası */
.sol_hizmetler{
	float:left; width:34%; height:auto; margin-top:10px;
}
.anasol_hizmetler_baslik{
	display:block; float:left; width:100%;
	margin-left:1%; margin-top:2%; outline:1px solid #DDD;
}
.sol_hizmetler_baslik{
	display:block; float:left; width:98%; padding-left:2%; background:#fcfcfc;
	font-size:11px; font-weight:400; color:#333; line-height:30px;
}
.sol_hizmetler_baslik:hover{color:#666; background:#FFF);}

.mainsol_hizmetler_baslik{
	display:block; float:left; width:97%; padding-left:3%; margin:1%; background:#1081a6;
	font-size:12px; font-weight:500; color:#FFF; line-height:30px;
}


.sag_hizmetler{
	float:right; width:100%; height:auto; margin-top:10px;
}

/* Hizmet Detay Sayfası */
.fotoselli_hizmetdetay{
	float:left; display:block; position:relative; width:98%; height:auto; margin:0.5%;
}
.fotoselli_hizmetdetay_img{
	float:left; display:block; position:relative; width:98%; height:auto; margin:1%; outline:1px solid #DDD;
	box-shadow: 0px 5px 8px 0px #999;
}
.fotoselli_hizmetdetay_h3{
	float:left; display:block; position:relative; width:99%; height:auto; margin-left:1%; background:#FFF;
	color:#1081a6; font-size:14px; line-height:30px; font-weight:500; border-bottom:1px solid #CCC; text-align:center;
}
.fotoselli_hizmetdetay_p{
	float:left; display:block; position:relative; width:98%; height:auto; padding:1%;
	color:#666; font-size:12px; line-height:25px;
}
.fotoselli_hizmetdetaytags{
	float:left; display:block; position:relative; width:98%; height:auto; margin:1% 0.5%; padding:0.5%;
	border-top:1px solid #DDD;
}
.fotoselli_hizmetdetaytags_h6{
	float:left; display:block; position:relative; width:15%; height:auto; padding:0.5%;
	color:#333; font-size:12px; line-height:20px; font-weight:400;
}
.fotoselli_hizmetdetaytags_a{
	float:left; background:#1081a6; color:#FFF; font-size:11px; line-height:20px; padding:0.5% 2%; margin:0.5%;
}
.fotoselli_hizmetdetaytags_a:hover{color:#333; background:#FFF;}

/* İletişim */
.harita_iframe{ display:block; float:left; width:100%; height:200px; margin-top:10px;}
.harita_adres{ display:block; float:left; width:99%; height:auto; margin-top:10px;}
.harita_adres_span{display:block; float:left; width:98%; margin-left:1%; margin-top:5px;}
.harita_adres_span > i{ display:block; width:5%; float:left; padding-right:5px; font-size:24px; line-height:30px;}
.harita_adres_span > b{
	display:block; width:90%; padding-left:5px; float:left; font-size:12px; font-weight:bold; color:#333; line-height:30px;
}

.footer{
	position:relative; display:block; width:100%; height:auto; margin:0px auto; margin-top:10px; 
	background:#1081a6; border-top:2px solid #e6e6e6;
}
.footer_ic{	width:100%; max-width:479px; height:auto; margin:0px auto; padding:5px 0px;}
.footercopy{
	float:left; width:100%; height:auto; color:#FFF; font-size:12px; line-height:25px; font-weight:500; text-align:center;
}


}

@media screen and (max-width : 479px) {

/* Header Alanı */
header.header{
	display:block; position:relative; margin:0px auto; width:100%; height:auto;
}


.header_main{display:block; position:relative; margin:0px auto; max-width:340px; width:100%; height:auto;}
.logo{display:block; float:left; width:90%; height:auto; margin-left:5%; margin-top:2%; margin-bottom:1%;}
.logo > img{display:block; float:left; width:100%; height:auto;}


/* Header Üst Alanı */
.ust_bolum2{
	display:block; position:relative; margin:0px auto; width:100%; height:auto; background:#069;
	border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3;	
}
.ust_iletisimler{display:block; position:relative; margin:0px auto; max-width:340px; width:100%; height:5px;}

.ust_bolum_tek{float:left; width:70%; height:auto; margin:0% 20%;}
.ust_bolum_tek > h3{
	display:block; width:100%; height:auto; float:left; color:#666; text-align:center;
	font-size:14px; line-height:30px; font-weight:500; font-style:italic;
}
.ust_bolum_tek > h3 > i{font-size:14px; font-style:italic; color:#666;}

/* Header Görüşme */
.header_gorusme{
	display:block; position:relative; margin:10px auto; max-width:340px; width:100%; height:auto; background:#FFF;
	border-top:1px solid #CCC; border-bottom:1px solid #CCC;
}
.header_gorusme_tek{float:left; width:100%; height:auto; margin:0.2%;}
.header_gorusme_tekilet{
	display:block; width:98%; height:auto; float:left; padding-left:2%; color:#333; text-align:center;
	font-size:15px; line-height:35px; font-weight:500; letter-spacing:1px;
}
.header_gorusme_tekilet > i{font-size:22px; color:#111;}

.main_header_slide{
	display:block; width:100%; height:auto; float:left; margin:0.2%; color:#333; text-align:center; background:#FFF;
	font-size:15px; line-height:35px; font-weight:500; letter-spacing:1px;
}


/* Menu */
.main_menu{
	display:block; position:relative; margin:5px auto; max-width:340px; width:100%; height:auto;
	background:#FFF;
}

nav.nav{
	display:block; position:relative; float:left; width:96%; height:auto; margin-left:2%; margin-top:0%; margin-bottom:1%;
	background:#FFF; border-bottom:0px solid #e6e6e6; border-top:0px solid #e6e6e6;
}
.nav_section{display:none; float:left; width:100%; height:auto; background:#FFF; margin-top:3px; outline:1px solid #1081a6;}
.nav_section:hover > ul.secul{display:none;}
ul.secul > li:hover > ul.ulsecul{display:none;}

.yilnav_toggle{display:block; float:right; width:10%; height:auto; padding:3px 0px; margin:0.5% 2%; cursor:pointer;}
.menu_sim{ float:left; width:100%; height:5px; margin:2px 0px; background:#333; border-radius:8px;}

.nava{
	display:block; float:left; width:96%; padding-left:4%; height:auto; text-align:left; 
	color:#FFF; background:#1081a6; font-size:12px; line-height:30px; font-weight:500;
}

.navbir{ -webkit-transition:background .7s, color .7s; transition:background .7s, color .7s;}
.navbir:hover{color:#1081a6; background:#FFF;}


/* Header Alt Alanı */
.ust_bolum{
	display:block; position:relative; margin:0px auto; width:100%; height:auto;
}
.ust_bolum_ic{
	display:block; position:relative; margin:0px auto; max-width:340px; width:100%; height:auto;
}

/* Header Arama */
.main_header_arama{display:block; float:right; width:100%; height:auto; margin-top:0.5%;}

/* Merkez Slide */
.merkez_slide{
	display:block; position:relative; max-width:340px; width:100%; height:auto; margin:0px auto;
}
.merkez_slide_eleman{
	position:relative; float:left; width:96%; height:auto; margin:2%;
}
.merkez_slide_eleman_img{
	position:relative; float:left; width:100%; height:auto;
}
.merkez_slide_eleman_baslik{
	position:relative; float:left; width:100%; height:auto;
	font-size:14px; line-height:35px; color:#000; text-align:center;
}

/* Slide */
#div_mini_foto{
	display:block; position:relative; max-width:340px; width:100%; height:160px; margin:0px auto; overflow:hidden;
	
}

#img_wid{
	display:none; width:100%; height:160px; margin:0px;
}
#img_wid > img{
	display:block; float:left; width:100%; height:100%;
}
#img_wid:first-of-type{
	display:block;
}
.img_wid_title{
	display:block; float:left; width:100%; height:auto; background:rgba(0,0,0,0.5); margin-top:-50px;
	color:#FFF; font-size:16px; line-height:50px; font-weight:500; text-align:center;
}

.div_buton{
	position:relative; display:block; margin:10px auto; max-width:340px; width:100%; height:auto;
	top:-110px;
}
.div_buton #left_buton{
	float:left; width:5%; background-color:rgba(0,0,0,0.5); color:#FFF; text-align:center;
	font-size:24px; line-height:35px; font-weight:600;
}
.div_buton #right_buton{
	float:right; width:5%; background-color:rgba(0,0,0,0.5); color:#FFF; text-align:center;
	font-size:24px; line-height:35px; font-weight:600;
}
.div_buton #left_buton:hover{background-color:rgba(0,0,0,1);}
.div_buton #right_buton:hover{background-color:rgba(0,0,0,1);}



/* Main */
main.main{
	display:block; position:relative; margin:0px auto; max-width:340px; width:100%; height:auto; padding:0.5%;
	background:#FFF;
}

.urun_ana_baslik{
	float:left; display:block; width:100%; height:auto; border-bottom:2px dashed #CCC; padding-bottom:5px; margin-top:10px;
	color:#333; font-size:14px; line-height:40px;
}
.urun_ana_baslik > strong{
	float:left; border-right:3px  solid #CCC; padding-right:10px; margin-right:10px;
	color:#1081a6; font-size:14px; line-height:35px; font-weight:500;
}

.urun_ana_baslik2{
	float:left; display:block; width:100%; height:auto; border-bottom:1px dashed #999; padding-bottom:5px; margin-top:10px;
	color:#333; font-size:12px; line-height:35px;
}
.urun_ana_baslik2 > strong{
	float:left; border-right:1px  solid #999; padding-right:10px; margin-right:10px;
	color:#1081a6; font-size:14px; line-height:30px; font-weight:500;
}


.otomatiksistemler{
	display:block; position:relative; float:left; width:96%; height:auto; background:#FFF; margin:2%; 
	border:1px solid #DDD; overflow:hidden;
	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}
.otomatiksistemimgmain{
	display:block; position:relative; float:left; width:100%; height:auto; background:#e6e6e6;
}
.otomatiksistemimg{
	display:block; position:relative; float:left; width:85%; height:auto; margin:5% 7.5%;
}
.otomatiksistembaslik{
	display:block; position:relative; float:left; width:100%; height:auto; text-align:center;
	color:#333; font-size:15px; line-height:35px; border-bottom:3px solid #e6e6e6;
}
.otomatiksistembaslik:hover{color:#D00;}
.otomatiksistemp{
	display:block; position:relative; float:left; width:90%; height:auto; margin-left:5%; margin-top:5px; margin-bottom:5px;
	text-align:center; color:#666; font-size:12px; line-height:25px; min-height:160px;
}

.otomatikkapisislemleri{
	display:block; position:relative; float:left; width:97%; height:auto; background:#069; margin:1%; 
	border:1px solid #DDD; overflow:hidden;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}
.otomatikkapimain{
	display:block; position:relative; float:left; width:94%; height:auto; background:#FFF; margin-left:3%;  margin-right:3%; 
}
.otomatikkapimainimg{
	display:block; position:relative; float:left; width:90%; height:auto; margin-left:5%;
}
.otomatikkapimainbaslik{
	display:block; position:relative; float:left; width:100%; height:auto; text-align:center;
	color:#069; font-size:15px; line-height:35px;
}
.otomatikkapimainbaslik:hover{color:#333;}
.otomatikkapimainp{
	display:block; position:relative; float:left; width:90%; height:auto; margin-left:5%; margin-top:5px; margin-bottom:5px;
	text-align:center; color:#666; font-size:12px; line-height:25px;
}


/* Hizmetlerimiz Sayfası */
.sag_hizmetler{
	float:right; width:100%; height:auto; margin-top:10px;
}

/* Hizmet Detay Sayfası */
.fotoselli_hizmetdetay{
	float:left; display:block; position:relative; width:98%; height:auto; margin:0.5%;
}
.fotoselli_hizmetdetay_img{
	float:left; display:block; position:relative; width:98%; height:auto; margin:1%; outline:1px solid #DDD;
	box-shadow: 0px 5px 8px 0px #999;
}
.fotoselli_hizmetdetay_h3{
	float:left; display:block; position:relative; width:99%; height:auto; margin-left:1%; background:#FFF;
	color:#1081a6; font-size:14px; line-height:30px; font-weight:500; border-bottom:1px solid #CCC; text-align:center;
}
.fotoselli_hizmetdetay_p{
	float:left; display:block; position:relative; width:98%; height:auto; padding:1%;
	color:#666; font-size:11px; line-height:25px;
}
.fotoselli_hizmetdetaytags{
	float:left; display:block; position:relative; width:98%; height:auto; margin:1% 0.5%; padding:0.5%;
	border-top:1px solid #DDD;
}
.fotoselli_hizmetdetaytags_h6{
	float:left; display:block; position:relative; width:25%; height:auto; padding:0.5%;
	color:#333; font-size:12px; line-height:20px; font-weight:400;
}
.fotoselli_hizmetdetaytags_a{
	float:left; background:#1081a6; color:#FFF; font-size:11px; line-height:20px; padding:0.5% 2%; margin:0.5%;
}
.fotoselli_hizmetdetaytags_a:hover{color:#333; background:#FFF;}

/* İletişim */
.harita_iframe{ display:block; float:left; width:100%; height:160px; margin-top:10px;}
.harita_adres{ display:block; float:left; width:99%; height:auto; margin-top:10px;}
.harita_adres_span{display:block; float:left; width:98%; margin-left:1%; margin-top:5px;}
.harita_adres_span > i{ display:block; width:5%; float:left; padding-right:5px; font-size:24px; line-height:30px;}
.harita_adres_span > b{
	display:block; width:90%; padding-left:5px; float:left; font-size:12px; font-weight:bold; color:#333; line-height:30px;
}

.footer{
	position:relative; display:block; width:100%; height:auto; margin:0px auto; margin-top:10px; 
	background:#1081a6; border-top:2px solid #e6e6e6;
}
.footer_ic{	width:100%; max-width:340px; height:auto; margin:0px auto; padding:5px 0px;}
.footercopy{
	float:left; width:100%; height:auto; color:#FFF; font-size:12px; line-height:25px; font-weight:500; text-align:center;
}

}