html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: 'Neo Sans ProRegular';
	line-height: 1.6em;
}
/* HTML5 display-role reset for older browsers */

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
@font-face {
	font-family: 'Neo Sans ProBold';
	src: url('font/NeoSansPro-Bold.eot');
	src: url('font/NeoSansPro-Bold.eot?#iefix') format('embedded-opentype'),
		url('font/NeoSansPro-Bold.woff') format('woff'),
		url('font/NeoSansPro-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Neo Sans ProRegular';
	src: url('font/NeoSansPro-Regular.eot');
	src: url('font/NeoSansPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('font/NeoSansPro-Regular.woff') format('woff'),
		url('font/NeoSansPro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Neo Sans ProMedium';
	src: url('font/NeoSansPro-Medium.eot');
	src: url('font/NeoSansPro-Medium.eot?#iefix') format('embedded-opentype'),
		url('font/NeoSansPro-Medium.woff') format('woff'),
		url('font/NeoSansPro-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
ol, ul {
	list-style: none;
}
a {text-decoration:none;}

.clear{clear:both;line-height:0;font-size:0;overflow:hidden;height:0;width:100%;}
#bg{width:900px;margin:0 auto; box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);}
/*Header Başla*/
#header {background-color:#fff}
#header .logo {height:120px; background:url('hivay-tekstil.png') no-repeat;}
#header .logomobil {height:120px; background:url('hivay-tekstil.png') no-repeat; display:none}
#header .menu {float:left; display:block; background-color:#d60352;width:100%;}
#header .menu ul {display:block; float:left;background-color:#d60352}
#header .menu ul li {display:block; float:left; padding:18px 18px 16px 18px; cursor: pointer;background-color:#d60352}
#header .menu ul li a {display:block; font: normal 16px 'Neo Sans ProRegular',Helvetica,Tahoma; color:#fff;text-decoration:none;
    font-weight:bold;
    text-transform:uppercase;
    cursor: pointer;
	
}
#header .menu  ul li:hover {background-color:#282828}
#header .menucizgi {height:10px;background-color:#d60352;}
/*Header Bitir*/
/*Orta Başla*/
.girisResmi img {width:100%; height:auto;}
.ortaKutu {
	width: 275px;
    background-color: #dbdbdb;
    padding: 10px;
	margin-top:10px;
	margin-bottom:10px;
	min-height:200px
}
.Left {float:left;}
.sagUst {border-top-right-radius: 10px;}
.Right {float:right;}
.solUst {border-top-left-radius: 10px;}
.solsagUst {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.ortaKutuIcerik {background-color:#fff; padding:3px;min-height:200px}
#content {display:block; background-color:#fff;float:left;width:100%;}
	.solbolum {width:323px; float:left; background-color:#fff; margin-bottom:20px;}
	.baslik {background-color:#373941; padding:5px; color:#fff; font-weight:bold;font-size:20px;text-transform:uppercase;}
	.menuIcerik ul{display:block;}
	.menuIcerik ul li{
		background-color:#f8f8f8; 
		display:block;
		padding:5px 0 5px 10px;
		border-bottom: 1px solid #dcdcdc;
		border-right: 1px solid #dcdcdc;
		background: #efefef;
		background: linear-gradient(to bottom,#fff 0,#efefef 100%);
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(1,#efefef));	
		font-weight:bold;
		text-transform:uppercase
	}
	.menuIcerik ul li:hover {
		background: linear-gradient(to bottom,#fff 0,#f7f7f7 100%);
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(1,#f7f7f7));			
	}
	.menuIcerik ul li a {display:block; text-decoration:none; color:#373941}
	
	.bilgiIcerik ul {display:block}
	.bilgiIcerik ul li {
		background-color:#fff; 
		display:block;
		padding:5px 0 5px 10px;
		border-bottom: 1px solid #dcdcdc;
		border-right: 1px solid #dcdcdc;
		font-weight:bold;
		font-size:13px;
	}
	.bilgiIcerik ul li:hover {
		background-color:#f7f7f7;		
	}
	.bilgiIcerik ul li a {display:block; text-decoration:none; color:#373941}
	.sagbolum {margin-left:10px; width:778px; float:left; background-color:#fff; border:1px solid #dcdcdc; margin-bottom:20px;}
	h5 {
		display:block;
		padding:5px 0 5px 10px;
		border-bottom: 1px solid #dcdcdc;
		background: #fff;
		font-size:12px;
		
	}
	h5 a {color:#000000; text-decoration:none}
	h5 a:hover {color:#000000; text-decoration:underline}
	h4 {
		display:block;
		padding:5px 0 5px 10px;
		border-bottom: 1px solid #dcdcdc;
		border-right: 1px solid #dcdcdc;
		background: #efefef;
		background: linear-gradient(to bottom,#fff 0,#efefef 100%);
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(1,#efefef));	
		font-weight:bold;
	}
	.menuAc {background-color:#373941; padding:5px; color:#fff; font-weight:bold;font-size:20px;text-transform:uppercase;cursor:pointer; display:none}
	h4 a {color:#000000; text-decoration:none}
	h4 a:hover {color:#000000; text-decoration:none}
	.bilgiDetay {padding:6px; line-height: 1.8em; margin-bottom:20px;}
	.bilgiDetay a {font-weight:bold; color:#d60352}
	.gkodu {margin-top:5px; margin-right:2px; float:left;}
	.gkoduText {width:63%!important;}
	
	/*BİLGİ KUTUSU BAŞLA*/
	.bilgiKutusu {border:1px solid #1c9ffb; float:left; display:block;  width:100%; margin-bottom:10px;}
	.bkText {background-color:#1c9ffb; display:block; padding:5px 10px 5px 10px; color:#fff; font-weight:bold}
	.bilgiKutusu ul {display:block; margin:3px}
	.bilgiKutusu ul li {display:block; margin-top:3px; margin-bottom:3px; float:left; width:99.5%;padding-right:3px ;line-height:34px!important; background-color:#f8f8f8;}
	.bilgiKutusu ul li .bkBaslik {padding-left:5px; margin-right:5px; background-color:#373941; color:#fff; width:25%; font-weight:bold; float:left; line-height:31px!important;}
	.bkResim {text-align:center; padding:3px; margin-bottom:10px; width:99%!important;}
	.bkResim img {width:100%; height:auto; margin-top:3px}
	.styleTip2 {width:49%!important; float:left; margin-right:3px}
	.bkBaslik2 {width:50%!important;}
	/*BİLGİ KUTUSU BİTİR*/
.haberbilgi {
	margin: 5px 0 10px 0;
    background-color: #f8f8f8;
    border: 1px solid #d0d0d0;
    padding: 3px;
    display: block;	
}	
input[type=text], textarea, select {
  padding: 6px 0px 6px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
  width:73%;
}
input[type=file]{
  padding: 6px 0px 6px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
  width:73%;
}
input[type=file]:focus {
  padding: 6px 0px 6px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #d60352;
} 
input[type=text]:focus {
  padding: 6px 0px 6px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #d60352;
}
input[type="submit"] {
	width:73.5%;
	display:block;
	padding: 6px 0px 6px 3px;
	margin-left:200px;
	background-color:#373941;
	border:1px solid #000000;
	text-transform:uppercase;
	color: #fff;
	font-weight:bold;
	cursor: pointer;
}

label {
  margin-top:8px;
  width: 200px;
  float: left;
}
.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('img/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('img/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('img/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('img/error.png');
}
.haberler {
	margin:3px;
	height:115px;
}
.haberler ul li {display:block}	
.haberler ul li a{color:#1c1c1c; display:block}	
.haberler ul li a:hover{border-bottom:1px dotted #d60352; color:#d60352}	
/*Orta Bitir*/
/*Footer Başla*/
.font11 {font-size:11px}
#footer .footerLink ul li .fa-facebook{color:3b5998; font-size:20px}
#footer {height:120px; background-color:#373941;}
#footer .footercizgi {background-color:#d60352; height:10px;}
#footer .footerLink {display:block; padding:5px; }
#footer .footerLink ul {display:block;text-align:center; float:right}
#footer .footerLink ul li{display:block; margin:2px 15px 2px 15px; float:right; color:#fff}
#footer .footerLink ul li a{color:#fff; text-decoration:none;}
#footer .footerLink ul li a:hover{color:#fff; text-decoration:none}
#footer .footerCopy {margin:2px 15px 2px 15px; color:#fff}
#footer .footerCopy a{margin:2px 10px 2px 10px; color:#fff; font-weight:bold; text-decoration:none}
#footer .footerCopy a:hover{text-decoration:underline}
#footer .fbilgi {margin:2px 15px 2px 15px; color:#fff; font-size:12px; border:1px dotted #d60352;}
/*Footer Bitir*/