@charset "utf-8";
/* urunler açılır pencere stilleri*/
.hidden {
    display: none;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7); /* Arka plan bulanıklığı */
    z-index: 10004;
    transition: opacity 0.3s ease;
}

div.gosterButonu {
    display: inline-block;
    transition:all 0.4s;
    cursor:pointer;
    margin:10px; padding:0px;
    width: 70%;
    height: auto;
    border: 2px solid #555;
    box-shadow: 10px 10px 10px #555;
    text-decoration: none;
    text-align:center;
    color:#666;
	    
}

div.gosterButonu:hover {
    box-shadow: 10px 10px 10px #000;
    color:black;
}

.esnekResim{ width:80%; height:auto;}

.kutu {
    position:absolute;
    display: none;
    width: 60%;
    height: 70%;
    margin-top: 10%;
    margin-left: 25%;
	margin-right: 20%;
	margin-bottom: 15%;
    /*background-color: rgba(0,0,0,0.8);*/
	z-index:10006;
	align-items: center;
	transition: opacity 0.3s ease;
	text-align: justify;
	}


.icKutu {
    overflow:auto;
    width: 80%;
    height: 80%;
    margin: 5%;
    background-color: white;
    /*border: 3px solid black;*/
    padding: 20px;
    box-shadow: -10px -10px 25px #ccc;
	display: inline-block;
  background: #fff;
	/*opacity: 80%;*/
	border-radius: 8px;
	font-size: 15px;
}

h1{width:100%; float:left; text-align: center;
border-bottom-style: solid;
border-bottom-color: #1E1E1E;
border-bottom-width: 3px;
}
.kapatButonuCerceve{width:5%; float:right; cursor:pointer; position: absolute; right: 20%;}
.kapatButonu{text-align:right; font-size:20px; font-weight:bold;}
.clear{clear:both;}