@charset "UTF-8";
/* CSS Document */

@font-face {
  font-family: 'morgansncaps';
  src: url(../font/morgansncaps.ttf) format("truetype");
}
@font-face {
  font-family: 'morgansncaps'\0/;
  src: url(../font/morgansncaps.eot);
}
@font-face {
  font-family: 'swis721';
  src: url(../font/swiss721light.ttf) format("truetype");
}
@font-face {
  font-family: 'swis721'\0/;
  src: url(../font/swiss721light.eot);
}


body {
	margin:0;
	font-family: 'swis721','Open Sans Condensed', sans-serif;
	font-size:16px;
	background: url("../resim/bg.jpg") #c0c0be top center no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

img {
	border:none;
}

.hr {
	width: 1000px; height:2px;
	margin: auto;
	background: url("../resim/hr.png");
}
/*Ana Hat*/
#govde {
	width: 100%;
	margin: auto;
}
#ustDiv {
	width:1024px;
	margin: auto;
}
#logo {
	width:200px; height:197px;
	background: url("../resim/logo.png");
	display: inline-block;
	float: left;
	position: absolute;
	margin-left: 10px;
}
.clear {
	clear: both;
}

h2 {
	color: #333333;
	font-size: 24px;
	margin: 10px 0 10px 5px;
}

h3 {
	color: #333333;
	font-size: 20px;
	margin: 10px 0 3px 5px;
	color: #683507;
}

h4 {
	width:100px;
	font-size: 15px;
	color: #4476b9;
	text-align:center;
	border-bottom: 1px solid #4476b9;
}

.cizgiDot {
	width:300px; height:7px;
	background: url("../resim/cizgi-dot.png");
	margin: 8px 0 8px 0;
}

#ustYazi {
	width: 440px; height: 57px;
	background: url("../resim/ust-yazi.png");
	position: absolute;
	right: 200px;
	top:8px;
}
/*Menü*/
.menu {
	height:40px;
	margin: 50px 0 0 120px;
	float: left;
}

#menu {
	margin: 10px 0 0 0px;
	float: left;
	z-index: 999;
}

#menu .bas {
	width:40px; height:40px;
	background: url("../resim/menu-rp.png");
}

#menu .sag {
	width:27px; height:40px;
	background: url("../resim/menu-sag.png");
}
#menu .son {
	width:43px; height:40px;
	background: url("../resim/menu-son.png");
}
#menu .sag:hover {
	background: url("../resim/menu-sag.png");
}
#menu li {
	height:40px;
	background: url("../resim/menu-rp.png");
	list-style: none;
	float: left;
}

#menu li a {
	font-size: 12px;
	font-family: morgansncaps;
	text-decoration: none;
	color: #000000;
	line-height: 40px;
	padding: 0 4px 0 4px;
}

#menu li:hover a{
	color: #ffffff;
}

/*Alt Menü*/

#altMenu {
	width: 1024px;
	margin: auto;
	text-align: center;
}
#altMenu ul {
	margin-left:140px;
}
#altMenu li {
	float: left;
	list-style: none;
	padding: 0 10px 0 10px;
}

#altMenu a {
	text-decoration: none;
	color: #333333;
}

/*Slide*/
#slider {
	margin:70px auto 50px auto;
	width: 900px; height: 374px;
}
#slider li {
	list-style: none;
}

.icerikBg {
	width: 970px;
	background: url("../resim/icerik-bg.png");
	margin: auto;
	margin-bottom: 20px;
	padding: 10px 10px 15px 10px;
}

.icerikAlt {
	width: 100%; height:97px;
	background: url("../resim/icerik-alt.png");
	top:0;
}
/*Anasayfa*/

.altGrup {
	width: 1000px; height: 150px;
	background: url("../resim/alt-alan.png");
	margin: auto;
}

.altGrupBg {
	width: 100%; height: 140px;
	background:  url("../resim/alt-grup-bg.png");
}


.anasayfaIletisim {
	width: 277px; height: 152px;
	background:  url("../resim/iletisim-anasayfa.png");
}

.anasayfaTel {
	color: #fff;
	font-size: 26px;
	padding: 30px 0 0 80px;
}

#urunSlider img {
	width: 100px;
}

#haberA {
	width: 360px; height: 90px;
	background:  url("../resim/anasayfa-haber-bg.png");
	font-size: 14px;
	padding: 3px;
}

.haberNav {
	width: 100%; height:20px;
	text-align: right;
	margin-top: 20px;
}
.haberNav a {
	width: 20px; height: 20px;
	background: #ffffff;
	border:1px solid #cccccc;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	line-height: 20px;
	text-align: center;
	position:absolute;
	margin-top: 0px;
}
.haberNav #hnext{
	margin-left: -25px;
}
.haberNav #hprev {
	margin-left: -48px;
}
.urunA {
	width: 83px; height: 80px;
	border-radius: 5px; /* Standart */
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari ve Chrome */
	margin: 0 3px 3px 0;
}

/*Kurumsal*/

.kurumsalImg {
	width:200px;
	border:1px solid #cccccc;
	border-radius: 13px;
	margin: -1px 5px 0 -1px;
	float: left;
}

#kurumsal .icerik {
	width: 700px;
	display: block;
	overflow: hidden;
	margin-top:-10px;
}


/*Ürünler*/
.urunKutu {
	float: left; margin:0 10px 0 10px;
}
.urunKategori {
	width: 250px; height: 200px;
	border:1px solid #333333;
	border-radius: 5px; /* Standart */
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari ve Chrome */
	overflow: hidden;
}

.urunKategori img {
	width: 250px;
	border:0;
}

.urunKatIsim {
	width:250px; height:27px;
	font-size: 24px;
	color: #333333;
	position: absolute;
	margin-top: -33px;
	margin-left:1px;
	text-align: center;
	background: #ffffff;
}

.urunKategori:hover{
	border:1px solid red;
}


.urunKutu2 {
	float: left; margin:0 10px 0 10px;
	width: 184px; height: 160px;
	background: #ffffff;
	border:1px solid #333333;
	text-align: center;
	padding-top:10px;
}
.urunIsim {
	width: 184px;
	text-align: center;
	margin-top: 10px;
}

/*Galeri*/

.galeri {
	margin: 0 5px 15px 5px;
	border-radius: 5px; /* Standart */
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari ve Chrome */
}

.galeriKategoriK {
	width: 250px; height: 200px;
}

/*Sipariş Formu*/
#formSonuc {
	width: 500px;
	margin: auto;
	font-size: 16px;
	text-align: center;
}

#teklifTablo th {
	width:150px; height:40px;
	text-align: left;
}

#teklifTablo input {
	width: 300px; height: 28px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#teklifTablo select {
	width: 304px; height: 36px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#teklifTablo textarea {
	width: 400px; height: 200px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#teklifTablo button {
	width: 100px; height: 33px;
}

/*İnsan Kaynakları*/
.ikDis {
	width: 650px;
	background: #ffffff;
	border:1px solid #cccccc;
	border-radius:3px;
	margin: auto;
}
#ik {
	width: 100%;
	margin: auto;
	border-radius:3px;
}
#ik th {
	text-align: left;
	width: 180px; height: 30px;
	background: #cccccc;
	padding-left: 5px;
}

#ik td {
	text-align: left;
	background: #dcdcdc;
}

#ik input {
	width: 240px; height: 22px;
	border-radius:3px;
}

#ik .inputK {
	width: 150px; height: 22px;
	border-radius:3px;
}

#ik input[type="radio"] {
	width: 15px; height: 15px;
}

#ik select {
	height: 25px;
}

#ik label {
	height:23px;
	line-height: 20px;
}

#ik textarea {
	width: 370px; height: 150px;
	border-radius:3px;
	border:none;
	margin: 5px;
}

#ik button {
	width: 160px; height: 35px;
}

/*İletişim*/

#iletisimTablo th {
	text-align: left;
	font-weight: bold;
	width: 70px;
}

#iletisimTablo input {
	width: 230px; height:25px;
	border-radius:3px;
}

#iletisimTablo textarea {
	width: 270px; height:100px;
	border-radius:3px;
	border:1px solid #cccccc;
}

/*Footer*/
.crDiv {
	width: 100%;
	background: #ffffff;
	height: 35px;
	margin-top: 10px;
}
.cr {
	width: 400px;
	text-align: left;
	line-height: 35px;
	margin-left: 10px;
}

.progela {
	background: url("../resim/progela.png");
	width: 84px; height: 31px;
	display: block;
	float: right;
	margin-top: -32px;
}