/* CSS SIFIRLAMA */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; text-decoration:none;}
input {margin:0; padding:0;}
form { display:inline; }
/* remember to define focus styles! */
:focus, a:focus, a:active{ outline: 0; }
/* remember to highlight inserts somehow! */
ins{ text-decoration: none; }
del{ text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse: collapse; border-spacing: 0;}

/* float uygulanan elemanlari kapsayamama sorunu */
.kapsa:after {content: "."; display: block; height: 0; font-size:0; line-height:0; clear: both; visibility: hidden;}
.kapsa {display: inline-block;}
.kapsa {display: block;}

.clear {clear:both; font-size:0; line-height:0; height:0;}
/* CSS SIFIRLAMA */


body{
background-color:#ffffff;

background-repeat:repeat;
}

.header{
height:90px;
width:100%;

	background-color:#ffffff;
	clear:both;
}

.header960{
	width:960px;
	height:90px;
	margin:auto;
	
}


.divider{
	width:960px;
	height:2px;
	margin:auto;
	margin-top:6px;
}

.container960{
	width:960px;
	height:474px;
	margin:auto;
}

.containerhp{
	clear:both;
	width:1154px;
	height:474px;
	margin:0 auto;
}

.social{
	margin-top:15px;
	float:right;
}

.logo1{
	float:left;
	margin-top:100px;
	margin-right:46px;
}


.markamenu{
	width:160px;
	height:413px;
	float:left;
	margin-top:30px;
	margin-right:30px;
}

.markamenuson{
	width:160px;
	height:413px;
	float:left;
	margin-top:30px;
}

#shadow{
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);}
	
#shadow2{
	text-shadow: 0px 2px 0px rgba(255, 255, 255, 1);}
	

.anamenu {font-family: "Open Sans", Arial, sans-serif;font-weight:400; font-size: 14px; line-height: 14px; color: #AAA; position: relative; float:left; margin-top:18px; }

ul.anamenu li {display: inline; }
ul.anamenu li a {text-decoration: none;padding: 0px 28px 0px 0px; color:#aaa; }
ul.anamenu li a:hover {color: #0032a0;}


ul.anamenu li ul {display: none; position: absolute; top:19px; 
left:0; top:0px; width:206px; z-index:10000;}
ul.anamenu li ul a:hover,ul.anamenu li.aktif ul a:hover {color:#85c7ed;}

ul.anamenu li ul a, ul.anamenu li.aktif ul a {color:#fff; padding: 0px 0px 0px 10px;}
ul.anamenu li > ul {top: auto; left: auto;}
ul.anamenu li.hakkimizda:hover ul {width:180px; display: block; padding-top:5px; left:96px; line-height:28px; font-family: "Open Sans", Arial, sans-serif; font-size:14px; font-weight:400;}
ul.anamenu li.markalar:hover ul {width:120px; display: block; padding-top:5px; left:229px; line-height:28px; font-family: "Open Sans", Arial, sans-serif; font-size:14px; font-weight:400;}
ul.anamenu li.markalaren:hover ul {width:120px; display: block; padding-top:5px; left:250px; line-height:28px; font-family: "Open Sans", Arial, sans-serif; font-size:14px; font-weight:400;}
ul.anamenu li.hizmetler:hover ul {width:180px; display: block; padding-top:5px; left:335px; line-height:28px; font-family: "Open Sans", Arial, sans-serif; font-size:14px; font-weight:400;}

.anamenufon{background:#113388;}
ul.anamenu li:hover ul, ul.anamenu li:hover ul{display: block;}
ul.anamenu li.aktif a{ color: #0032a0;}



#socialmedia{
display: block;
width: 127px;
height: 20px;
background: url(../images/socialmedia.png) left top no-repeat;
}

#socialmedia li{
display: block;
float: left;
}

#socialmedia li a{
display: block;
height:20px;
text-indent:-9999px;
}

#socialmedia li a:hover,
#socialmedia li a.on{
background-image: url(../images/socialmedia.png);
}

#socialmedia li.facebook a{
width:21px;
background-position:-0px -20px;
}

#socialmedia li.twitter a{
width:38px;
background-position:-21px -20px;
}

#socialmedia li.instagram a{
width:42px;
background-position:-59px -20px;
}

#socialmedia li.pinterest a{
width:26px;
background-position:-101px -20px;
}


.dilmenu{
	margin-top:11px;
	float:right;
	
}
.dilmenu a{
color:#AAA;
}
.dilmenu a:hover{
color:#0032a0;
}

ul.dilmenusecenek li {	
display: inline;
list-style:none;
font-family: 'Open Sans', sans-serif;
font-weight:400;
font-size:11px;
text-decoration:none;
}


.copyright {
	clear:both;
	margin-top:10px;
float:left;
width:960px;
font-family: 'Open Sans', sans-serif;
font-weight:400;
font-size:11px;
text-decoration:none;
color:#aaa;
margin-bottom:20px;
}

.copyright p{
font-family: 'Open Sans', sans-serif;
font-weight:400;
font-size:11px;
text-decoration:none;
color:#aaa;
line-height:16px;
}



h1{
font-family: 'Open Sans', sans-serif;
font-weight:400;
font-size:32px;
text-decoration:none;
color:#0032a0;
margin-bottom:0px;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}

h2{
font-family: 'Open Sans', sans-serif;
font-weight:400;
font-size:18px;
text-decoration:none;
color:#666;
margin-bottom:5px;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}

h3{
font-family: 'Open Sans', sans-serif;
font-weight:400;
font-size:20px;
text-decoration:none;
color:#0032a0;
margin-top:15px;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}

h4{
font-family: 'Open Sans', sans-serif;
font-weight:400;
font-size:16px;
text-decoration:none;
color:#666;
margin-top:5px;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}

h4 a{
color:#0032a0;
}

h4 a:hover{
	text-decoration:underline;
}



p{
	margin-top:14px;
font-family: 'Open Sans', sans-serif;
font-weight:400;
font-size:13px;
text-decoration:none;
color:#555;
line-height:20px;
}

p a{color:#0032a0;}
p a:hover{ text-decoration:underline;}



.footer{

width:960px;
margin:0 auto;
margin-top:6px;
clear:both;


}

.footer{font-family: "Open Sans", Arial, sans-serif;font-size:11px;color:#aaa; line-height:20px;  }
.footer a{color:#aaa; font-weight:400;}
.footer a:hover{color:#3b7cca; text-decoration:underline;}
.fbas a{color:#aaa; font-weight:600;}
.fmenu1{float:left;margin-right:31px;margin-top:6px;width:80px;}
.fmenu2{float:left;margin-right:40px;margin-top:6px;width:120px;}
.fmenu3{float:left;margin-right:20px;margin-top:6px;width:120px;}
.fmenu1 .fbas{font-size:11px;font-weight:600;color:#aaa;cursor: default;margin-bottom:0px;}
.fmenu2 .fbas{font-size:11px;font-weight:600;color:#aaa;cursor: default;margin-bottom:0px;}
.fmenu3 .fbas{font-size:11px;font-weight:600;color:#aaa;cursor: default;margin-bottom:0px;}
.fmenu4{float:right;margin-right:30px;margin-top:6px;width:110px;}
.fmenu4 .fbas{font-size:11px;font-weight:600;color:#aaa;cursor: default;margin-bottom:0px;}


.mumevibuton{
	margin-left:15px;
	margin-bottom:8px;
	width:80px;
	height:40px;
	background-image:url('../images/btn-mumevi.png');
	background-repeat:repeat-x;
}

.mumevibuton:hover{
	background-image:url('../images/btn-mumevi2.png');
	background-repeat:repeat-x;
}

.kataloglar{
	width:180px;
	height:35px;
	float:right;
	margin-top:14px;
	font-family: 'Open Sans', sans-serif;
font-weight:400;
font-size:11px;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}

a{
	color:#AAA;
}

a:hover{
	color:#0032a0;
}


.katalogbuton{
	float:left;
	margin-top:-7px;
	margin-right:5px;
	width:41px;
	height:35px;
	background-image:url('../images/btn-katalog.png');
	background-repeat:none;
}

.katalogbuton:hover{
	background-image:url('../images/btn-katalogz.png');
	background-repeat:repeat-x;
}


#ortala{
	text-align:center;
}

.urunkatalog{
	margin-left:39px;
	margin-top:4px;
}

.fade {
  position: absolute;
  top: 100px
  left: 100px
}

.fade div {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.icerik730{
	margin-top:10px;
	margin-bottom:50px;
	float:left;
	width:730px;
}

.referans730{
	margin-top:10px;
	margin-bottom:40px;
	float:left;
	width:730px;
}

.imaj730{
	margin-top:20px;
	border-bottom:3px solid #bbb;
}

#atraksiyon{display:none;  position:relative; }
.markabaslik{
	width:400px;
	float:left;
}
.markaicerik{
	width:730px;
	float:left;
}
.markalogo{
	width:150px;
	float:right;
	
}
.markafoto{
	margin-right:20px;
	margin-bottom:20px;
	float:left;
	width:228px;
	height:168px;
	border:1px solid #ccc;
}

.markafotoson{
	margin-right:0px;
	margin-bottom:20px;
	float:left;
	width:228px;
	height:168px;
	border:1px solid #ccc;
}

.markafoto:hover{
	border:1px solid #3b7cca;
}

.markafotoson:hover{
	border:1px solid #3b7cca;
}

.kokulandirmaresim{
	margin-top:20px;
	margin-left:10px;
	float:right;
}

#page-wrap { width: 730px; position: relative; margin-left:230px;}
#logo2 { position: fixed;  margin: 94px 0 0 8px;  }
.solkisim{float:left; position: relative; width:150px;}

.referans{
	text-align:center;
	margin-right:20px;
	margin-bottom:20px;
	float:left;
	width:228px;
	height:168px;
	
}

.referansson{
	text-align:center;
	margin-bottom:20px;
	float:left;
	width:228px;
	height:168px;

}

#boy50pxuzat{
	margin-bottom:100px;
}

.referans ,.referansson img{
	width:228px;
	height:168px;
	border:1px solid #bbb;
	border-bottom:3px solid #bbb;
	
}

.adres{
	width:350px;
	float:left;
	margin-right:30px;
}

.iletisimtablo{width:350px; font-family: 'Open Sans', sans-serif; font-weight:400; font-size:13px; text-decoration:none; color:#555; }
.iletisimtablo a{font-family: 'Open Sans', sans-serif; font-weight:400; font-size:13px; text-decoration:none; color:#0032a0;  }
.iletisimtablo a:hover{text-decoration:underline;  }
.iletisimtablo td{padding:5px; }
.iletisimtablo th{padding-right:4px;text-align:left; color:#444;}

#son{
	margin-right:0px;
}

.dahabuyuk{ width:730px;}
.dahabuyuk p{padding:0px; margin:0px;}
.dahabuyuk a:hover{ text-decoration:underline;}

.iletisimformu{
	float:left;
	width:530px;
}

.iletisimformtextbox{
	width: 250px;
	height: 20px;
	line-height:  22px;
	font-family: "Open Sans";
	
}

.iletisimformtextbox2{
	width:420px;
	height:132px;
	line-height:  22px;
	font-family: "Open Sans";
	
	
}
.gonderbuton{

	cursor:pointer;
	padding:4px;
	line-height:  22px;

}

#uyari { position:fixed; z-index:999999; top:0; left:0;  cursor:pointer; width:100%; height:100%; background-image:url('../images/seffaf.png'); font-size:14px; font-weight:bold; }
#uyari div { background:white; width:370px; border-radius: 0.7em; margin: 15% auto; padding:15px; text-align:center;
font-family:  'Open Sans', serif;
	font-size:  15px;
	line-height:  18px;
	color:#ec1c29; }
	
.catalogicon{
	width:160px;
	height:110px;
	float:left;
	text-align:center;
	margin-right:10px;
	padding:4px;
	
}
.catalogicon:hover{
	background-color: #F4F4F4;
}
.catalogicon p{
	margin-top:4px;
}

.catalogicon a:hover{
	text-decoration:underline;
	
	
}

.catalogicon a{
	text-decoration:underline;
	color:#636;
	
}

.acrobatindir{
	width:500px;
	height:48px;
	float:left;
	margin-top:50px;
}

.acrobatindir img{
	float:left;
	margin-right:10px;
}

.katalogbos{
	width:200px;
	height:400px;
}

.reklam1{
	width:960px;
	margin:0 auto;
	text-align:center;
}

.reklam1 img{
	margin:0 auto;
	margin-top:20px;
	text-align:center;
}