/********************************************************************\
'																	'
'																'
'	ONNET BİLİŞİM LTD. ŞTİ.									'
'	 --- since 1997 ----								'
'													'
'==================================				'
'											'
'	tasarım/yazılım : H. Hüseyin AKYÜZ 	'
'									'
************************************/
/*fixed*/
.fixed:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fixed {display: inline-block;}
* html .fixed {height: 1%;}
.fixed {display: block;}

/*reset*/
::selection
{
	background:#930;
	color:#fff;
}
::-moz-selection
{
	background:#930;
	color:#fff;
}
html, body {
	height: 100%;
}

div, p, ul,li,h1, h2, h3, h4, h5, img { padding:0px; margin:0px; }
textarea, input { outline:0; } 
ul{ list-style-type:none; }
form { display: inline; }

/*body*/
body{
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	background:#e8e2df
}

/*üst çizgi*/
.ustcizgi {
	background:url(../images/ust1.png) repeat-x;
	height:37px;
	width:100%;
	border-bottom:1px solid rgba(153,77,0,0.5);
	box-shadow:0px 0px 3px rgba(0,0,0,0.5);
}

/*arkaplan*/
.bgBolum {
	background:url(../images/bgResim1.jpg) top center repeat-x;
	width:100%;
	height:100%;
	position:fixed;
	top:-5px;
	z-index:-9
}

/*boşluk bırak*/
.boslukBolum{height:37px;width:100%;}

/*logo bölüm*/
.logoBolum{
	width:1000px;
	height:157px;
	margin:0 auto;
	background:url(../images/u1.png) center;
	position:relative;
}
.logo {
	position:relative;
	top:0px;
	right:-30px;
	z-index:5;
	width:300px;
}
.menuBolum {
	width:703px;
	height:59px;
	background:url(../images/menuBolum.png);
	position:absolute;
	top:50px;
	right:0;
}
.tarihYazi{
	position:absolute;
	right:40px;
	top:18px;
	width:324px;
}
.ustMenu {
	width:1000px;
	height:37px;
	margin:0 auto;
	position:relative;
}
.ustMenu ul {list-style:none;color:#900;float:right;margin-top:8px}
.ustMenu li {float:left;text-align:left;padding:4px;font-size:11px;font-family:Tahoma, Geneva, sans-serif;font-weight:bold;}
.ustMenu a {text-decoration:none;color:#726858;text-shadow:1px 1px 0.1px rgba(255,255,255,0.5);-webkit-transition-property:color, background;-webkit-transition-duration: 0.2s, 0.2s;-webkit-transition-timing-function: linear, ease-in; }
.ustMenu li+li:before{
	content: "/";
	float: left;
	color:#b19f83;
	margin-right:10px;
}
.ustMenu a:hover {color:#333}
.ustMenu li:nth-child(3) a:hover {color:#03C}

/*slider bölüm*/
.sliderBolum{
	width:650px;
	height:200px;
	position:absolute;
	top:120px;
	right:9px;
	border-radius:5px;
}
.slider{
	position:relative;
	top:0px;
	right:0;
	height:200px;
	width:650px;
}
.slider-container {width:650px;height:200px}

/*içerik bölüm*/
.icerik {
	width:1000px;
	min-height:400px;
	background:#fff;
	margin:170px auto auto auto;
	padding:0px;
	position:relative;
	box-shadow:0px 6px 10px rgba(0,0,0,.2);
	border-radius:3px
}

/*-sanal tur-*/
.sanalTur {
	width:148px;
	height:49px;
	background:url(../images/sanaltur.png) no-repeat top;
	position:absolute;
	left:50px;
	bottom:-120px;
}
.sanalTur:hover {background-position:bottom;cursor:pointer}

/*haber kutu*/
.rKutu {
	padding:16px;
	width:230px;
	height:250px;
	float:left;
	border-right:1px solid #e1e1e1;
	color:#666;
}
.rKutu h1 {letter-spacing:-0.5px;font-size:14pt;font-weight:bold;font-family:Tahoma, Geneva, sans-serif;}
.rKutu a {text-decoration:none;color:#222;font-weight:bold}
.hbr1 li {border-bottom:1px dotted #ccc;padding-top:4px;padding-bottom:4px}
.hbr1 li:last-child {border-bottom:none}
.rKutu a:hover {color:#900}
.rKutu li:hover {background:#f9f9f9}

.tmunGor {background:#930 url(../images/cizgi2.png) center repeat-x;float:right;margin-top:3px;font-size:11px;font-family:Tahoma, Geneva, sans-serif;color:#fff;box-shadow:0px 0px 3px rgba(0,0,0,0.5)}
.tmunGor:hover {background:#222 url(../images/cizgi2.png) bottom;cursor:pointer;}
.tmunGor a {color:#fff;text-decoration:none;display:block;padding:4px}

.cizgikutu {width:100%;background:#e1e1e1;height:4px;margin-bottom:6px;margin-top:6px;}
.cizgikutu img {float:left}

#foto {width:450px;}
#fotoGl {margin-left:3px}
#fotoGl img {float:left;margin:10px;border:4px solid #512a28;width:120px;box-shadow:0px 0px 3px rgba(0,0,0,0.5)}
#fotoGl img:hover {border-color:#2e0600;box-shadow:0px 0px 5px rgba(0,0,0,1)}

#hDrm {width:222px;border-right:none;}
#hDrm table {margin-top:6px;border-collapse:collapse;width:96%}
#hDrm tr {border-bottom:1px dashed #e1e1e1}
#hDrm td {padding:4px;font-size:12px;}
#hDrm a:hover {color:#fff}

/* ürünler bölüm */
.hbrKutu {
	padding:16px;
	width:96.8%;
	float:left;
	border-top:1px solid #e1e1e1;
	background:#f9f9f9;
	position:relative;
}
.hbrKutu h1 {letter-spacing:-0.5px;font-size:14pt;font-weight:bold;font-family:Tahoma, Geneva, sans-serif;color:#333}
.cizgikutu {width:100%;background:#e1e1e1;height:4px;margin-bottom:6px;margin-top:6px;}
/**/
.blackBox {
/*	overflow:hidden;*/
}
.blackBox h1 {font-size:14px;padding-top:4px;font-family:Tahoma, Geneva, sans-serif;}
.blackBox img {margin:0;padding:0;width:200px;height:125px;}

.list_carousel {
	width:100%;
}
.list_carousel ul {
	margin-top:10px;
	margin-left:0px;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	background:#fff;
	text-align: center;
	width: 200px;
	height: 160px;
	display: block;
	float: left;
	border:6px solid #fff;
	box-shadow:0px 0px 6px rgba(0,0,0,.1);
	margin-bottom:10px;
	margin-top:10px;
	margin-left:15px;
	margin-right:15px;
	position:relative;
}
.list_carousel a {text-decoration:none;color:#2e0600}
.list_carousel a:hover {color:#222}
#pDetay {position:absolute;right:0;z-index:10}
.list_carousel li:hover {border-color:#2e0600;cursor:pointer;box-shadow:0px 0px 3px rgba(0,0,0,1)}
.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}
.clearfix {
	float: none;
	clear: both;
}
.prev {
	position:absolute;
	top:12px;
	right:70px;
}
.next {
	position:absolute;
	top:12px;
	right:40px;
}
.pager {
	display:none;
	width: 300px;
	text-align: center;
}
.pager a {
	margin: 0 5px;
	text-decoration: none;
}
.pager a.selected {
	text-decoration: underline;
}

/* en alt bölüm */
.enAlt {
	width:100%;
	height:150px;
	background:#4c2416 url(../images/dipmenu.png) repeat-x;
}
.enalti{
	width:1000px;
	height:145px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
.enalti h1 {font-size:14pt;color:#fff;text-align:center;margin-top:40px}
.aciklama {
	position:absolute;
	right:15px;
	top:60px;
	font-size:10pt;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:15px
}
.onemliNot {
	position:absolute;
	left:15px;
	bottom:10px;
	font-size:10px;
	color:#fff
}
.madeBy{
	position:absolute;
	right:20px;
	bottom:0px;
}
.altMenu {
	position:absolute;
	right:20px;
	top:20px;
}
.altMenu a {color:#fff;font-weight:bold;text-decoration:none;float:left;display:block;margin-left:12px;text-shadow:2px 1px 1px rgba(0,0,0,0.5);border-bottom:1px solid rgba(0,0,0,0.3);padding-bottom:7px;border-radius:50%;text-align:center;padding-left:10px;padding-right:10px}
.altMenu a:hover {box-shadow:none;border-bottom-color:#fff}

.sayfaBolum1 {
	padding:16px;
	width:230px;
	height:93.3%;
	float:left;
	border-right:1px solid #e1e1e1;
	color:#666;
}
.sayfaBolum1 h1 {letter-spacing:-0.5px;font-size:14pt;font-weight:bold;font-family:Tahoma, Geneva, sans-serif;}
.sayfaBolum1 a {text-decoration:none;color:#222;font-weight:bold}
.sayfaBolum1 a:hover {color:#C00}
#menuItem {font-size:11px;font-family:Tahoma, Geneva, sans-serif;font-weight:bold;padding:6px 0}
#menuItem:hover {background:url(../images/next.png) no-repeat center right;}
#cizgikutu2 {width:100%;height:2px;background:#eee;margin-bottom:4px;position:relative}
#cizgikutu2 img {width:25px;height:2px;top:0px;position:absolute}
#menuItem2 {font-size:11px;font-family:Tahoma, Geneva, sans-serif;font-weight:bold;padding:6px 0;color:#232323}

.sayfaBolum2 {
	padding:16px;
	width:705px;
	height:93.3%;
	float:left;
	color:#666;
}
.sayfaBolum2 h1 {letter-spacing:-0.5px;font-size:14pt;font-weight:bold;font-family:Tahoma, Geneva, sans-serif;}
.sayfaBolum2 a {text-decoration:none;color:#222;font-weight:bold}
.sayfaBolum2 a:hover {color:#C00}

.projeKutu {
	width:100%;
	height:60px;
	background:#f9f9f9;
	border-radius:0px;
	overflow:hidden;
	border:3px solid #e1e1e1;
	border-bottom:3px solid #ccc;
	border-radius:4px;
	position:relative
}
#projeSayi {
	font-size:32pt;
	float:left;
	border-right:1px solid #ddd;
	color:#214362;
	height:60px;
}
#projeSayi h1 {font-size:32pt;padding:12px 10px 0px 12px;}
#projeAdi {float:left;padding:20px;}
#projeAdi a {color:#232323}
#projeAdi a:hover {color:#c00}
.projeKutu:hover #projeSayi {background:#fff}

    .myButton {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ebebeb), color-stop(1, #d9d9d9));
        background:-moz-linear-gradient(top, #ebebeb 5%, #d9d9d9 100%);
        background:-webkit-linear-gradient(top, #ebebeb 5%, #d9d9d9 100%);
        background:-o-linear-gradient(top, #ebebeb 5%, #d9d9d9 100%);
        background:-ms-linear-gradient(top, #ebebeb 5%, #d9d9d9 100%);
        background:linear-gradient(to bottom, #ebebeb 5%, #d9d9d9 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#d9d9d9',GradientType=0);
        
        background-color:#ebebeb;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        
        border:1px solid #cccccc;
        
        display:inline-block;
        color:#878487;
        font-family:arial;
        font-size:12px;
        font-weight:bold;
        padding:7px 18px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #ebebeb;
        
    }
    .myButton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d9d9d9), color-stop(1, #ebebeb));
        background:-moz-linear-gradient(top, #d9d9d9 5%, #ebebeb 100%);
        background:-webkit-linear-gradient(top, #d9d9d9 5%, #ebebeb 100%);
        background:-o-linear-gradient(top, #d9d9d9 5%, #ebebeb 100%);
        background:-ms-linear-gradient(top, #d9d9d9 5%, #ebebeb 100%);
        background:linear-gradient(to bottom, #d9d9d9 5%, #ebebeb 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9d9d9', endColorstr='#ebebeb',GradientType=0);
        
        background-color:#d9d9d9;
    }
    .myButton:active {
        position:relative;
        top:1px;
    }
#haberokumaalani p {
	text-indent:10px;
	line-height:18px;
	margin-bottom:10px
}

#msjTable {border-collapse:collapse;width:100%;font-size:11px;font-family:Tahoma, Geneva, sans-serif;font-height:100%;font-weight:bold}
#msjTable tr {border-bottom:1px solid #eee}
#msjTable td {padding-bottom:10px;padding-top:10px;padding-right:10px}
#msjTable tr:last-child {border-bottom:none;}
#msjTable tr:last-child  td {border-bottom:none;}
#bilgiForm {border-collapse:collapse;border:none;width:100%;}
#bilgiForm td {padding:6px;font-size:11px;font-family:Tahoma, Geneva, sans-serif;letter-spacing:1px}
#bilgiForm tr {border-bottom:1px solid #eee}
#bilgiForm td:last-child {color:#c00;font-size:10px;}
input[type=text]{
	padding:6px;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	border:1px solid #ccc;
	box-shadow:0px 0px 3px rgba(0,0,0,0.2) inset;
	background:#f9f9f9;
	color:#666;
	width:250px
}
textarea {
	padding:6px;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	border:1px solid #ccc;
	box-shadow:0px 0px 3px rgba(0,0,0,0.2) inset;
	background:#f9f9f9;
	color:#666;
	width:250px;
	height:100px;
	resize:none;
}
#bilgiForm input[type=submit]{
	background:#c00;
	padding:6px;
	border:none;
	color:#fff;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
}
#bilgiForm input[type=submit]:hover {background:#900;cursor:pointer}
#formSonuc {padding:6px;font-weight:bold}


.uKate {
	margin-top:15px;
	margin-bottom:5px;
	width: 450px;
	height:400px;
	float:left;
	margin-right:15px;
	margin-left:15px;
	position:relative;
}
.coverPage {
	position:absolute;
	top:0;
	left:0;
	height:350px;
	width:450px;
	border-right:1px solid #222;
	border-left:1px solid #222;
	z-index:2;
	box-shadow:0px 0px 12px rgba(0,0,0,0.5)
}
.resimcerceve {
	width:429px;
	height:329px;
	position:absolute;
	z-index:3;
	background:#222;
	left:11px;
	top:10px;
	z-index:1;
}
.kategori_adi {
	background:#2e2c32;
	position:absolute;
	bottom:0;
	padding:12px;
	width:250px;
	left:80px;
	
}
.kategori_adi a {color:#fff;text-align:center;display:block;width:100%;font-size:12pt}
.kategori_adi:hover {background:#C00}
.kategori_adi a:hover {color:#fff}
.urunKutu01 {
	background:#fff;
	width:251px;
	height:250px;
	float:left;
	margin:20px 35px;
	border-radius:4px;
	position:relative;
	margin-bottom:0px;
}
.urunKutu02{
	margin:14px;
	text-align:center
}
.urunKutu02 img {padding:10px;border-radius:3px;background:#f9f9f9;box-shadow:0px 0px 6px rgba(0,0,0,0.4)}
.urunKutu03{
	margin:14px;
	text-align:center
}
.urunKutu03 a {color:#333;text-decoration:none;font-size:12pt}

#zoomRes{
	width:152px;
	height:24px;
	display:block;
	background:url(../images/yakin.png) top;
	margin:10px auto;
}
#zoomRes:hover {background-position:bottom}
#urunDetay {}
#urunDetay td {padding:4px;}

#resimBolum{
	margin-top:8px;
	text-align:center;
	float:left;
	height:93%;
	padding-right:12px;
}
#resimBolum img {
	padding:6px;
	box-shadow:0px 0px 5px rgba(0,0,0,0.4);
}
.yaziBolum {
	margin-top:8px;
	float:left;
	width:73%;
	height:93%
}
#metinbolum2 {
	font-size:12px;
	line-height:20px;
	text-indent:10px
}
#metinbolum2 p {font-size:12px;line-height:20px;text-indent:10px}
#metinbolum2 table {border-collapse:collapse;border:1px solid #e5c998;margin:0 auto}
#metinbolum2 td {border:1px solid #e5c998}
.urunFayda table {border-collapse:collapse;border:1px solid #e5c998;margin:0 auto}
.urunFayda td {border:1px solid #e5c998}
.urundetaykat {float:right}
.urundetaykat a {font-size:11px}

.maillist {
	width:100%;
	height:83px;
	background:url(../images/mail.png);
	border-top:4px solid #fff;
	margin-top:14px
}
.mailIc {
	width:1000px;
	height:83px;
	margin:0 auto;
	position:relative
}
.mailIc h1 {color:#fff;padding:15px;font-size:9pt}

.inputr {
	width:165px;
	height:26px;
	margin:15px;
	margin-top:-10px;
	background:url(../images/mailbox.png) no-repeat;
}
.inputr input {background:none;color:#600;font-size:10px;height:10px;margin-top:2px;width:146px;border:none;box-shadow:none}
.inputr input:focus {outline:none}
.inputr input[type=button]{
	width:45px;
	height:23px;
	background:url(../images/gbuton.png) no-repeat;
	float:right;
	margin-top:2px;
	margin-right:-40px;
	position:absolute
}
.inputr input[type=button]:hover {background-position:bottom;cursor:pointer}

.sosyal {right:0;position:absolute;top:27px}
.facebook0 {width:32px;height:32px;background:url(../images/facebook.png);float:left;margin-right:14px}
.facebook0:hover {background-position:bottom;cursor:pointer}
.twitter0 {width:32px;height:32px;background:url(../images/twitter.png);float:left;margin-right:14px}
.twitter0:hover {background-position:bottom;cursor:pointer}
.menuuuu{
	position:absolute;
	top:30px;
	left:300px
}
.menuuuu li {float:left;}
.menuuuu li a {
	color:#fff;
	display:block;
	padding:6px;
	text-decoration:none;
	font-weight:bold;
	margin:4px;
}
.menuuuu li a:hover {color:#CCC}

.sonalti {
	border-top:4px solid #fff;
	height:50px;
	background:#fff url(../images/altalt.png);
}
.sonalt1 {
	width:1000px;
	height:50px;
	line-height:50px;
	margin:0 auto;
	position:relative
}
.sonalt1 h2{
	color:#666
}

#kurumsalresim {
	margin-top:17px;
	margin-left:30px
}
.kmKategori {
	width:446px;
	height:346px;
	float:left;
	margin:18px
}
#v1{background:url(../upload/dokmekurumeyveler.png) top}
#v1:hover {background-position:bottom;cursor:pointer}

#v2{background:url(../upload/dokmekuruyemis.png) top}
#v2:hover {background-position:bottom;cursor:pointer}

#v3{background:url(../upload/cikolatahediyelik.png) top}
#v3:hover {background-position:bottom;cursor:pointer}

#v4{background:url(../upload/kuruyemisler.png) top}
#v4:hover {background-position:bottom;cursor:pointer}


#v5{background:url(../upload/kurumeyveler.png) top}
#v5:hover {background-position:bottom;cursor:pointer}

#v6{background:url(../upload/sekerlemeler.png) top}
#v6:hover {background-position:bottom;cursor:pointer}

#v7{background:url(../upload/lokum.png) top}
#v7:hover {background-position:bottom;cursor:pointer}

#v8{background:url(../upload/kahve.png) top}
#v8:hover {background-position:bottom;cursor:pointer}

#fotoGl img {margin-right:2px}
#fotoGl img:hover {border-color:#c00}


@media (max-width: 768px) {
}