html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: #FFFFFF;
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, "sans-serif";
font-size: 14px;
color: #646464;
line-height: 1.5;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;
}
.MaviAlanMenusu a:link, .MaviAlanMenusu a:visited, .MaviAlanMenusu a:active{
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, "sans-serif";
font-size: 14px;
color: #FFFFFF;
line-height: 1.5;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;	
	
}

.SonucSayfalari a:link, .SonucSayfalari a:visited, .SonucSayfalari a:active{
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, "sans-serif";
font-size: 14px;
color: #0088cc;
line-height: 1.5;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;	
	
}
.SonucSayfalari a:hover{
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, "sans-serif";
font-size: 14px;
color: #FFF000;
line-height: 1.5;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;
}
.ilerigeriok a img{
transition: transform 0.3s ease;
}
.ilerigeriok a:hover img{	
 transform: scale(1.1);
}
.SayfaMenuRE a img{
transition: transform 0.3s ease;
}
.SayfaMenuRE a:hover img{	
transform: scale(1.1);
}
.SayfaMenusu a:link, .SayfaMenusu a:visited, .SayfaMenusu a:active{
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, "sans-serif";
font-size: 14px;
color: #646464;
line-height: 1.5;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;	
}
.SayfaMenusu a:hover{
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, "sans-serif";
font-size: 14px;
color: #0088cc;
line-height: 1.5;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;
}
.MaviAlanMenusu a:hover{
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, "sans-serif";
font-size: 14px;
color: #FFF000;
line-height: 1.5;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;
}
.AnaAlanMenusu a:link, .AnaAlanMenusu a:visited, .AnaAlanMenusu a:active{
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, "sans-serif";
font-size: 14px;
color: #646464;
line-height: 1.5;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;	
}
.AnaAlanMenusu a:hover{
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, "sans-serif";
font-size: 14px;
color: #0088cc;
line-height: 1.5;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;
}
.KalLink a:link, .KalLink a:visited, .KalLink a:active{
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, "sans-serif";
font-size: 14px;
color: #FF9900;
line-height: 1.5;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;	
}
.KalLink a:hover{
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, "sans-serif";
font-size: 14px;
color: #0088cc;
line-height: 1.5;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;
}
.KalLinkYorum a:link, .KalLinkYorum a:visited, .KalLinkYorum a:active{
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, "sans-serif";
font-size: 10px;
color: #FF7300;
line-height: 1.5;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;	
}
.KalLinkYorum a:hover{
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, "sans-serif";
font-size: 10px;
color: #0088cc;
line-height: 1.5;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;
}
.KalLink1 a:link, .KalLink1 a:visited, .KalLink1 a:active{
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, "sans-serif";
font-size: 14px;
color: #646464;
line-height: 1.5;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;	
}
.KalLink1 a:hover{
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, "sans-serif";
font-size: 14px;
color: #0088cc;
line-height: 1.5;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;
}
.KalLink2 a:link, .KalLink2 a:visited, .KalLink2 a:active{
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, "sans-serif";
font-size: 12px;
color: black;
line-height: 1.5;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;	
}
.KalLink2 a:hover{
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, "sans-serif";
font-size: 12px;
color: black;
line-height: 1.5;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;
}
.FiyLink1 a:link, .FiyLink1 a:visited, .FiyLink1 a:active{
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, "sans-serif";
font-size: 14px;
color: #990000;
line-height: 1.5;
font-style:normal;
font-variant:normal;
font-weight:bold;
text-decoration:none;	
}
.FiyLink1 a:hover{
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, "sans-serif";
font-size: 14px;
color: #0088cc;
line-height: 1.5;
font-style:normal;
font-variant:normal;
font-weight:bold;
text-decoration:none;
}
 .explanation-text {
            font-size: 16px;
            color: #333;
            margin-bottom: 10px;
        }

        /* Resim üzerine metin eklemek için stil */
        .image-container {
            position: relative;
            display: inline-block;
        }

        .info-text {
            position: absolute;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
            background-color: rgba(255, 255, 255, 0.9); /* Daha açık beyaz arka plan */
            color: #333; /* Yazı rengi */
            padding: 5px 10px;
            border-radius: 5px;
            font-size: 10px;
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .image-container:hover .info-text {
            opacity: 1;
        }

        /* Resim stilleri için yeni sınıf */
        .resim {
            width: 200px;
            transition: transform 0.3s ease, border 0.3s ease;
        }

        .bigger {
            transform: scale(1.5) translateY(-20px); /* %50 büyütme ve yukarı kaydırma */
            transition: transform 0.3s ease;
            z-index: 1000;
            border: 5px solid black; /* Çerçeve */
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); /* Gölge */
        }
.hover-resim {	
    width: 180px;
    height: 180px; /* Orantılı büyüme için */
    transition: transform 0.3s; /* Geçiş süresi */
}
.hover-resim:hover {	
    transform: scale(1.1); /* Hover durumunda resmi büyüt */
}
.hover-resimbuyuk {
    width: 350px;
    height: 350px; /* Orantılı büyüme için */
    transition: transform 0.3s; /* Geçiş süresi */
}
.hover-resimbuyuk:hover {
    transform: scale(1.1); /* Hover durumunda resmi büyüt */
}
.hover-resimkucukler {
    width: 60px;
    height: 60px; /* Orantılı büyüme için */
    transition: transform 0.3s; /* Geçiş süresi */
	
}
.hover-resimkucukler:hover {
    transform: scale(1.1); /* Hover durumunda resmi büyüt */
}
.mAnaAlanMenusuhs a:link, .mAnaAlanMenusuhs a:visited, .mAnaAlanMenusuhs a:active{
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, "sans-serif";
font-size: 14px;
color: #000000;
line-height: 1.5;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;	
	
}
.mAnaAlanMenusuhs a:hover{
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, "sans-serif";
font-size: 14px;
color: #FFFFFF;
line-height: 1.5;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;
}
.img {
    display: block;    
}
.InputAlanlari{
	width: 95%;
	height:30px;
	padding:0px 10px;	
}
.SelectAlanlari{
	width: 100%;
	height:35px;
	padding:0px 10px;
	background-color:#0088cc;
	color:#FFFFFF;
}
.TextAreaAlanlari{
	width: 95%;
	height:100px;
	padding:10px 10px;
	resize: none;	
}
.TextAreaAlanlariSoruSor{
	width: 300px;
	height:50px;
	padding:5px 5px;
	resize: none;	
}
.YorumTextAreaAlanlari{
	width: 320px;
	height:100px;
	padding:10px 10px;
	resize: none;
}
.YorumTextAreaAlanlariA{
	width:95%;
	height:200px;
	padding:10px 10px;
	resize: none;
}
.YesilButon{
	height: 30px;
	border: 1px;
	background:#ff7e2e;
	padding: 5px 30px;
	color: white;	
}
.YesilButon:hover{
	height: 30px;
	border: 1px;
	background:#ff9900;
	padding: 5px 30px;
	color: white;
    cursor:pointer;	
}
.KargoTakipInputu{
	width: 75%;
	height:32px;
	padding:0px 10px;
	text-align:center;
	font-weight:bold;
	font-size:16px;
}
.KargoTakipButonu{	
	height:30px;
	border: 1px solid #CCCCCC;
	background:#ff9900;
	padding: 5px 50px;
	color: white;
}
.KargoTakipButonu:hover{	
	height:30px;
	border: 1px solid #000000;
	background:#CCCCCC;
	padding: 5px 50px;
	color: black;
	cursor: pointer;
}
.SorununBaslikAlini{
	width: 100%;
	height:30px;
    padding-top: 10px;	
    font-size: 16px;
    color: #000000;
    line-height: 1.5;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    text-decoration:none;
	border-bottom:1px dashed #CCCCCC;
	cursor:pointer;
}
.SorununBaslikAlini:hover{
    background: #F1F1F1;
	cursor:pointer;
}
.SorununCevapAlani{
	width: 100%;
	margin-top: 10px;	
    font-size: 16px; 
    line-height: 1.5;
 
}
.UyelikFormu a:link, .UyelikFormu a:visited, .UyelikFormu a:active, .UyelikFormu a:hover{
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, "sans-serif";
font-size: 14px;
color: #646464;
line-height: 1.5;
font-style:normal;
font-variant:normal;
font-weight:bold;
text-decoration:none;	
	
}
.SifremiUnuttum a:link, .SifremiUnuttum a:visited, .SifremiUnuttum a:active{
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, "sans-serif";
font-size: 14px;
color: #646464;
line-height: 1.5;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;	
	
}
.SifremiUnuttum a:hover{
color:#0088cc;
cursor:pointer;
}
.LinkAlanMenusu a:link, .LinkAlanMenusu a:visited, .LinkAlanMenusu a:active{
height: 30px;
border: 1px solid #0026ff;
color: white;
text-decoration:none;
background:#0088cc;	
padding: 3px 40px;	
}
.LinkAlanMenusu a:hover{
height: 30px;
border: 1px solid #0088cc;
color: white;
cursor: pointer;
text-decoration:none;
background:#1568d4;
padding: 3px 40px;
}
.SayfalamaAlaniKapsayicisi{
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	text-align: center;
	text-decoration: none;	
}
.SayfalamaAlaniIcMetinAlaniKapsayicisi{
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	text-align: center;
	text-decoration: none;		
}
.SayfalamaAlaniIcNumaraAlaniKapsayicisi{
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	text-align: center;
	text-decoration: none;		
}
.SayfalamaAktif{
	display: inline-block;
	width: auto;
	height: 20px;
	margin: 0px 0.5px;
	padding: 5px 7.5px;
	background:#F6F6F6;
	border: 1px solid #DADADA;
	outline: 0;
	color: #FF0000;
	font-weight: bold;
    text-decoration:none;	
}
.SayfalamaPasif{
	display: inline-block;
	width: auto;
	height: 20px;
	margin: 0px 0.5px;
	padding: 5px 7.5px;
	background:#F6F6F6;
	border: 1px solid #DADADA;
	outline: 0;
	color: #646464;
	font-weight: bold;
    text-decoration:none;
}
.SayfalamaPasif a:link, .SayfalamaPasif a:hover, .SayfalamaPasif a:active, .SayfalamaPasif a:visited{
	color:#646464;
	text-decoration:none;	
}
.AramaAlani{
	display:block;
	width:100%;
	height:35px;
	margin:0;
	padding:0;
	overflow:hidden;
	border:0;
	outline:0;
	vertical-align:top;	
}
.AramaAlaniButonKapsamaAlani{
	display:inline-block;
	float:right;
	width:60;
	height:35px;
	margin:0;
	padding:0;
	overflow:hidden;
	border:0;
	outline:0;
	text-align:left;
}	

.AramaAlaniInputKapsamaAlani {
	display: inline-block;
	float: right;
	width: calc(100% - 60px); 
	height: 35px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
	outline: 0;
	text-align: left;
}
.AramaAlaniInputu {
	display: block;
	float: right;
	width: calc(100% - 42px); 
	height: 33px;
	margin: 0;
	padding: 0;
	padding-left: 30px;
	padding-right: 10px;
	background: url(../Resimler/gcc/buyutecrenk.png) no-repeat center left 10px;
	border: 1px solid #646464;
	outline: none;
	text-align: left;
}

.AramaAlaniButonu {
	display: block;
	width: 60px;
	height: 35px;
	margin: 0;
	padding: 0;
	border: 1px solid #646464;
	background: url(../Resimler/gcc/soru16x19.png) no-repeat center left 10px;
	background-size: 30px; 
	outline: none; 

}
.AramaAlaniButonu:hover{
	cursor:pointer;
	
}