/* Eklenen CSS dosyaları (Onların sıraları önemlidir!)
-------------------------------------------------------------------------------- */

@import url('_css/arama.css');
@import url('_css/slides.css');
@import url('_css/urun.css');



/* SEÇİLİ ALAN */
::-moz-selection{ 
background: #333; 
color:#ee7418; 
} /*mozilla firefox’da geçerli olacak olan kod*/ 
::selection { 
background: #333; 
color:#ee7418; 
} /*webkit’de geçerli olacak olan kod*/ 
a::selection{ 
background: #333; 
color:#ee7418; 
}
/* SEÇİLİ ALAN */
/* input color */

/* input color */


* {
	margin: 0;
	padding: 0;
	outline: none;
}
img
{
margin: 0;
padding: 0;
border:none;
}
li
{
list-style: none;
font-family: Verdana ,Tahoma;
font-size: 14px;
color: #333;
}
a
{
text-decoration: none;
font-family: Verdana ,Tahoma;
font-size: 15px;
color: #333;
}

body 
{
background: #fff;
}


h1, h2, h3, h4
{
font-family: 'Roboto Condensed', sans-serif;
}



#kabuk
{
width: 960px;
margin: 0 auto;


}

#genel
{
width: 100%;
float: left;
margin: 30px 0 0 0;

}


#header 
{
width: 100%;
height: 95;
float: left;
margin: 15px 0 0 0;

}
#logo
{
width: 160px;
height: 46px;
float: left;



}


.logo-alt
{
width: 960px;
float: left;
margin: 10px 0 0 0;


}

.s-alt
{
width: 960px;
height: 14px;
float: left;
background: url(_design/s_alt.png) no-repeat;


}

#topbar
{
width: 100%;
height: 46px;
position: absolute;
background: #555;
border-bottom: 0px solid #ee7418;

}



#topmenu
{
width: 960px;
height: 46px;
margin: 0 auto;

}

#topmenu li a
{
height: 46px;
float: left;
margin: 0 7px 0 7px;
padding: 0 11px 0 11px;
text-align: center;
color: #aaa;
display:block;
font-size: 11px;
font-family: Verdana ,Tahoma;
line-height: 46px;


}
#topmenu li a:hover
{
background: #333;
color: #ee7418;
}
ul.top_menu {
height: 46px;
margin: 0;
padding: 0;

}
  






ul.menubar 
{
width: 100%;
height: 40px;
float: left;
margin: 0;
padding: 0;
font-size: 12px;
line-height: 40px;

}

            /* First Level List Items Style */
.menu-ara
{
width: 31px;
height: 35px;
float: left;
background: url(_design/menu_ara.png) no-repeat;
}			

#toolbar
{
width: 100%;
height: 35px;
float: left;
z-index: 999;
background: url(_design/logo_alt.png) no-repeat;
border-bottom: 1px solid #ee7418;
}
ul.menubar li {
height: 35px;
float: left;
margin: 0;
padding: 0 15px 0 20px;
position: relative;			
text-align:left;				
	-moz-transition: background 0.5s ease-out 0s, color 0.05s ease-out 0s;
	 -webkit-transition: background 0.5s ease-out 0s, color 0.05s ease-out 0s;
	 -o-transition: background 0.5s ease-out 0s, color 0.05s ease-out 0s;
	 transition: background 0.5s ease-out 0s, color 0.05s ease-out 0s;
}
/* List Items Links Style */
ul.menubar li a, ul.menubar li a:link {
position: relative;
text-decoration:none;
color: #fcfcfc;
z-index: 100;
display:block;
text-align: center;
font-size: 14px;
font-family: Verdana;


}
ul.menubar li a:hover 
{
color: #ee7418;

}
 /* Sub Menu Unordered List Second Level Style */
ul.menubar li ul 
{
display: none;
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.0); 
}

ul.menubar li ul:before {
content: " ";
position: absolute;
display: block;
z-index: 1500;
left: 0;
top: -10px;
height: 10px;
width: 100%;
}

ul.menubar li:hover ul {
position: absolute;
left: 0;
top: 35px;
display: block;
z-index: 9999;
padding: 10px 0;
background: #333;


}

ul.menubar li ul li {
width: 230px;				
float: none;
margin: 1px 0 0 0;   

}
ul.menubar li ul li:hover {
background: #ee7418;
}
/* First List Item in Second Level Menu Style */
ul.menubar li ul li:first-child {
margin: 0 0;
border-top: 0 none;
}

/* Last List Item in Second Level Menu Style */
ul.menubar li ul li:last-child {
border-bottom: 0 none;
}
/* Second Level List Items Links Style */
ul.menubar li ul li a, ul.menubar li ul li a:link {
height: 18px;
color: #eee;
display: block;
padding: 0 20px 9px 10px;
white-space: nowrap;
text-align:left;

}
/* Second Level List Items Links Hover State Style */
ul.menubar li ul li a:hover {
text-decoration: none;
color: #fcfcfc;

}

h2.destek-btn a
{
width: 115px;
float: right;
line-height: 37px;
color: #eee;

}




/*  FOOTER  ************************/
#footer-kabuk
{
width: 100%;
float: left;
margin: 50px 0 0 0;
left: 0;
bottom: 0;
position: relative;
background: #555;
box-shadow: inset 0px 3px 11px 1px  rgba(0, 0, 0, 0.3); 
}

#footer
{
width: 960px;
margin: 0 auto;
}
#f1
{
width: 276px;
float: left;
margin: 25px 20px 35px 0;
padding: 0 0 0 15px;
}  	
#f1 h4{
width: 240px;
margin: 0 0 25px 20px;
padding: 0 0 0 35px;  
background:url(_design/footer_icon.png) no-repeat;
background-position: 0 6px;	
color: #333;
}
#f1 li
{
float: left;
margin: 0 0 10px 0;
color: #eee;
font-family: Verdana ,Tahoma;
font-size: 12px;

}
#f2
{
width: 276px;
height: 300px;
float: left;
margin: 10px 0 35px 30px;
padding: 5px 0 0 30px;
border-left: 1px solid #676155;
}
#f2 h4 {
width: 240px;
margin-bottom: 15px;
padding: 0 0 15px 39px;  
background:url(_design/footer_icon.png) no-repeat;
background-position: 0 -56px;	
color:#aaa;
border-bottom: 1px dotted #370720;
}  

#f3  {
width: 250px;
height: 300px;
float: right;
margin: 10px 0 0 20px;
padding: 0 10px 10px 30px;
color:#333;
border-left: 1px solid #676155;
}
#f3 h4 {
width: 240px;
margin-bottom: 5px;
padding: 9px 0 0 7px;  
background:url(_design/icons.png) no-repeat;
background-position: 53px 10px;	
color:#aaa;
text-align: center;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
}  


#footer  ul li a
{
width: 200px;
margin: 0 0 5px 0;
padding: 0 7px 0 7px;
display: block;
color: #cecece;
font-size: 12px;
line-height: 25px;
font-family: Verdana ,Tahoma;

}
#footer  ul li a:hover
{
color: #eee;
}

#mailkayitform
{
float: left;
}


input.mail-kayit
{
width: 170px;
float: left;
margin: 0;
padding: 7px;
color: #eee;
background: #8b8882;
font-family: Verdana ,Tahoma;
 border-radius: 4px;

}
button.mail-kayit-btn
{
width: 70px;
float: left;
margin: 0 0 0 10px;
padding: 7px;
color: #eee;
background: #f5791f;
border: none;
font-family: Verdana ,Tahoma;
 border-radius: 4px;

}

.ile-sos
{
width: 200px;
float: left;
margin: 0 0 0 100px;
}

.sos_f a
{
width: 48px;
height: 48px;
float: left;
margin: 35px 7px 20px 10px;
background:url(_design/sos.png) no-repeat 0 0;
text-indent: -99999px;
}
.sos_f a:hover
{
background:url(_design/sos.png) no-repeat 0 -48px;
}
.sos_t a
{
width: 48px;
height: 48px;
float: left;
margin: 35px 0 20px 0;
background:url(_design/sos.png) no-repeat 0 -96px;
text-indent: -99999px;
}
.sos_t a:hover
{
background:url(_design/sos.png) no-repeat 0 -144px;
}






/* FOOTER MAİL */ 	
#mailForm img {
margin-right: 10px;
vertical-align: middle;
} 
#mailForm input, #mailForm textarea 
{
width:210px;
min-height:30px;
margin: 3px 0 7px 0;
padding: 0 20px 0 10px;	
color:#333;	
font-family: "Trebuchet MS";
font-size:15px;
display:block;
 border-radius: 4px;
			-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;
}		
#mailForm textarea 
{
min-height:60px;
padding-top: 7px;
border: none;
}
#mailForm label
{
font-family: "Trebuchet MS";
font-size:15px;
color: #aaa;
}
#mailForm input:focus, #mailForm textarea:focus 
{
box-shadow:1px 1px 7px rgba(0, 0, 0, 0.3); 
			
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);
}	
		/* The interesting bit */
		
#mailForm input:not(:focus), #mailForm textarea:not(:focus) 
{
background: #f8f8f8;	
opacity: 1;
}	
#mailForm input:required, #mailForm textarea:required 
{
background: #8b8882 url(_design/iletisim_yazi.png) no-repeat 220px 7px;		
}
#mailForm input:valid, #mailForm textarea:valid 
{
background: #8b8882 url(_design/iletisim_tick.png) no-repeat 220px 7px;	
}		
#mailForm input:focus:invalid, #mailForm textarea:focus:invalid 
{
background: #8b8882 url(_design/iletisim_cancel.png) no-repeat 220px 7px;			
}
#mailForm input[type=submit] 
{
width: 243px;
padding:5px;
background: #ee7418;
background-position: 0 -108px;
font-size: 15px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
color:#eee;	

box-shadow:1px 1px 4px rgba(0, 0, 0, 0.1); 
}			
#mailForm input[type=submit]:hover {
background: #aaa;
} 


#footer-bottom 
{
width: 100%;
height: 65px;
float: left;
margin: 10px 0 30px 0;
color: #ddd;
font-size: 11px;

}
.fcopy{
width:200px;
float: left;
margin: 19px 35px 0 1px;
padding: 5px 5px 5px 5px;
font-size: 15px;	
color: #777;		
}
.fcopy a{
font-size: 17px;
font-weight: bold;
color: #bbb;
text-decoration: none;	
}
.fcopy a:hover{
color: #333;
text-decoration: none;	
}
a.atmcgrafik {
width: 185px;
height: 35px;
float: right;
background:url(_design/atmcgrafik.png) no-repeat center right;
margin: 15px 30px 0 0;
padding: 0px 0 0 0;
font-size:13px;
line-height: 35px; 
color: #777;


}

.imap a
{
width: 100%;
height: 300px;
float: left;
background:url(_design/imap.jpg) no-repeat center center;

box-shadow:0px 1px 4px rgba(0, 0, 0, 0.2); 
}	
h3.harita
{
line-height: 60px;
text-align: center;
}	

	
.adres_iletisim {
width: 350px;
float: left;
margin: 50px 10px 40px 60px;


}
.adres_iletisim li{
list-style: none;
line-height: 30px;
}
.adres_iletisim h4{
height: 35px;
background:url(../_design/footer_icon.png) no-repeat;
background-position: 0 0;	
padding: 9px 0 0 35px;  
margin-bottom: 7px;
color: #333;
}
.adres_iletisim a
{
width: 80px;
float: left;
font-weight: bold;
color: #333;
}



#iletisimform
{
width: 350px;
float: right;
margin: 30px 0 0 0;
padding: 0 0 0 130px;


border: dashed #f0d4bf;
border-width: 0 0 0 1px;
}
#iletisimform input, #iletisimform textarea 
{
width: 235px;
min-height:30px;
background: #f8f8f8;
border: 0px solid #ee7418;
color:#777;	
margin-bottom:10px;
padding: 0 30px 0 10px;
font-family: "Trebuchet MS";
font-size:15px;
			display:block;
			margin-bottom:16px;
			margin-top:8px;
border: 1px solid #f0d4bf;
			-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;
		}
		
#iletisimform textarea 
{
min-height: 100px;
padding: 10px 30px 10px 10px;

}
#iletisimform label
{
font-family: "Trebuchet MS";
font-size:15px;
}
#iletisimform input:focus, #iletisimform textarea:focus 
{
box-shadow:1px 1px 7px rgba(0, 0, 0, 0.3); 
			
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);
}
		
		/* The interesting bit */
		
		#iletisimform input:not(:focus), #iletisimform textarea:not(:focus) {
		background: #f8f8f8;	
opacity:10.0;
		}
		
#iletisimform input:required, #iletisimform textarea:required 
{
background: #f8f8f8 url(_design/iletisim_yazi.png) no-repeat 250px 7px;		
}

#iletisimform input:valid, #iletisimform textarea:valid 
{
background:#f8f8f8 url(_design/iletisim_tick.png) no-repeat 255px 7px;	
}		

#iletisimform input:focus:invalid, #iletisimform textarea:focus:invalid 
{
background:#f8f8f8 url(_design/iletisim_cancel.png) no-repeat 250px 7px;			
}

#iletisimform input[type=submit] 
{
width: 275px;
padding:7px;
background: #ee7418;
opacity:10.0;
font-size: 15px;
font-weight: bold;
color:#eee;
}

#iletisimform input[type=submit]:hover
{
background: #8b6881;
}







/* PAGE TOP */
.sayfabasi a{
width: 50px;
height: 60px;
float: left;
margin: 0 0 0 50px;
position:fixed;
background: url(_design/ptop.png) no-repeat;
top: 384px;
z-index: 99;

}