﻿@media only screen and (min-width: 760px){
#slider-cerceve {
				border: medium solid #FFCC66;
				position: relative;
				margin: 0px 0px 0px 50px;
				padding: 0px;
				width: 750px;
				height: 400px;
				overflow: hidden;}}
@media only screen and (max-width: 760px) { 
.jimgMenu {
				border: medium solid #FFCC66;
				position: relative;
				margin: 0px 0px 0px 25px;
				padding: 0px;
				width: 100%;
				height: 400px;
				overflow: hidden;}}

@media only screen and (min-width: 760px){
.jimgMenu ul {
				list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
	height: 400px;
	position: relative;}}
@media only screen and (max-width: 760px) { 
.jimgMenu ul {
			list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
	height: 400px;
	position: relative;}}
@media only screen and (min-width: 760px){
.jimgMenu ul li {
			width: 150px;
	float: left;
	display: block;
	overflow: hidden;}}
@media only screen and (max-width: 760px) { 
.jimgMenu ul li {
			width: 20%;
	float: left;
	display: block;
	overflow: hidden;}}

	
  
.jimgMenu ul li a {
	text-indent: -1000px;
	background:#fff repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow: hidden;
	height: 400px;
}

.jimgMenu ul li#landscapes a {
	background: url(images/meyveler.jpg) repeat scroll 0%;
  
}

.jimgMenu ul li#people a {
	background: url(images/sebzeler.jpg) repeat scroll 0%;

}

.jimgMenu ul li#nature a {
	background: url(images/gidalar.jpg) repeat scroll 0%;
  
}

.jimgMenu ul li#abstract a {
	background: url(images/haslanmislar.jpg) repeat scroll 0%;

}

.jimgMenu ul li#urban a {
	background: url(images/minipaketler.jpg) repeat scroll 0%;
	border-right-style: none;
}

.clear {
	clear: both;
}
