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

@font-face{
	font-family:"ptsans";
	src: url('fontlar/PTSans-Regular.ttf') format('truetype');
 	font-weight: normal;
}

*{
	/* font-family:"Verdana, Geneva, sans-serif" ;
	 fot-size:15px; */
 } 
 
 

body
{
	margin: 0px;
	min-width: 1050px;
}

html
{
	overflow: scroll;
	overflow-x: scroll;
	overflow-y: scroll;
	
    /*min-width:1050px;  Mobil Gösterim olmayacaksa 980 çözünürlükte tam göstermesi için*/
}

.logo
 {
	height: 110px;
	width: 165px;
	float: left;
	background-image: url(../ortak/logo_bil.jpg);
	background-repeat: no-repeat;
}

.ustbanteldis
 {
	height: auto;
	width: 215px;
	float: left;
	margin-left: 195px;
	display: table;
	font-weight: bold;
	padding-left: 0px;
	margin-top: 27px;
	position: absolute;
}

.ustbanteldis a
{
	text-decoration: none;
	color: #C33;
}

.telefonbolumcer
{
	width: auto;
	float: left;
	margin-bottom: 5px;

}

.telefonbolumcer:hover
{
	color: #00C;
}

.telsimge
{
     	float:left; 
		width:25px;
		height:25px;
}

.telsimge img
{

    width:25px;
	height:25px;
}

.telefonno
{
	width: auto;
	padding-left: 10px;
	float: left;
	padding-top: 3px;
	font-size: 17px;
}


#ustsepetcer {
	z-index: 1;
	height: auto;
	width: auto;
	float: right;
	margin-top: 35px;
	margin-right: 20px;
	padding-top: 0px;
	margin-left: 30px;
	top: 50px;
}

.menuicaltbolummobil
{
	position: relative;
	float: right;
	margin-top: 0px;
	width: 200px;
}


.urunaramabutcer {
	z-index: 1;
	height: auto;
	width: 200px;
	float: left;
	margin-top: 70px;
	padding-top: 0px;
	background-image: url(/ortak/urunara.jpg);
	background-repeat: no-repeat;
	border-radius: 5px;
	padding-left: 35px;
	border: thin solid #999595;
	overflow: hidden;
	margin-left: 195px;
	position: absolute;
}

.urunaramagiris
{
	padding: 0px;
	width: 100%;
	margin-left: 0px;
	border: none;
	outline: none;
	margin-top: 0px;
	height: 24px;
	padding-left: 0px;
	aaabackground: #fff url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=) no-repeat right -10px center;
	aaatransition: background 0.4s;
	font-family: "Trebuchet ms";
	font-size: 13px;
	font-weight: bold;
	color: #F60;
}
.urunaramagiris.x  { background-position: right 10px center; }
.urunaramagiris.onX{ cursor: pointer; }



.urunaramadiscer
{
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	display: none;
	position: absolute;
	z-index: 14000;
	left: 0px;
}

.urunaramaiccer
{
	height: auto;
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
}
#urunaramasonuc 
{
	width: 410px;
	padding: 7px;
	margin-left: 175px;
	margin-top: -3px;
	border: thin solid #A6A6A6;
	font: 14px Trebuchet ms;
	margin-right: auto;
	float: left;
	background-color: #333333;
}
#urunaramasonuc a
{
	text-decoration: none;
	color: #E4E4E4;
}
#urunaramasonuc a:visited
{
	color: #E4E4E4;
}
#urunaramasonuc a:hover
{
   color: #F00;
}
#urunaramasonuc li
{
	padding: 5px;
	margin-bottom: 5px;
	line-height: 5px;
	list-style-type: none;
	text-decoration: none;
	overflow: hidden; /* taşanları gizle */
	white-space: nowrap; /* alt satıra hiç inme */
	text-overflow: ellipsis; /* eğer uzunsa üç nokta koy */
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8F8F8F;
}



.menudiscer
{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	color: #FFF;
	z-index: 15000;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #006699;
	background-color: #FBFBFB;
}

.menuiccer
{
	width: 1150px;
	margin-left: auto;
	margin-right: auto;
	height: 110px;
	background-image: url(/ortak/logo_bil.png);
	background-repeat: no-repeat;
}

.ustmenucer
{
	height: auto;
	width: auto;
	float: right;
	margin-top: 31px;
	margin-right: 5px;
	text-align: center;
	clear: right;
	
}

.sosmedcer {
	z-index: 1;
	height: auto;
	width: 180px;
	text-align: center;
	font-size: 13px;
	font-weight: 20;
	float: right;
	margin-top: 63px;
	margin-right: 10px;
	padding-top: 5px;
}

#sosmedicon {
	background-repeat: no-repeat;
	float: left;
	width: 28px;
	height: 28px;
	margin-top: -3px;
	margin-left: 8px;
}
.sosmediaiconfa
{
	background-image: url(/ortak/sos_fa1.png);
}
.sosmediaiconfa:hover {
	background-image: url(/ortak/sos_fa2.png);
}
.sosmediaiconpi
{
	background-image: url(/ortak/sos_pi1.png);
}
.sosmediaiconpi:hover {
	background-image: url(/ortak/sos_pi2.png);
}
.sosmediaiconwh 
{
	background-image: url(/ortak/sos_wh1.png);
}
.sosmediaiconwh:hover {
	background-image: url(/ortak/sos_wh2.png);
}
.sosmediaiconin
{
	background-image: url(/ortak/sos_in1.png);
}
.sosmediaiconin:hover {
	background-image: url(/ortak/sos_in2.png);
}
.sosmediaicontw
{
	background-image: url(/ortak/sos_tw1.png);
}
.sosmediaicontw:hover {
	background-image: url(/ortak/sos_tw2.png);
}
.sosmediaiconyo
{
	background-image: url(/ortak/sos_yo1.png);
}
.sosmediaiconyo:hover {
	background-image: url(/ortak/sos_yo2.png);
}
.ortaiccer
{
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	width: 1150px;
	margin-top: 0px;
}

.altbantabancer
{
	background-color: #000000;
	height: 120px;
	margin-left: auto;
	padding-top: 5px;
	width: 100%;
}

.altbantabanic
{
	margin-left: auto;
	margin-right: auto;
	width: 1150px;
	height: auto;
}


.altbantabansol, .altbantabanorta, .altbantabansag
{
	float: left;
	height: 30px;
	margin-left: 5px;
	margin-top: 45px;
	padding-top: 5px;
}

.altbantabansol
{
	width: 300px;
}

.altbantabanorta
{
    width:520px;
}

.altbantabansag
{
	width: 275px;
	float: right;
}

.altbantabansag a
{
	color: #FFFFFF;
	text-decoration: none;
}

.altbantabansag a:hover
{
	color:#C00;
}
 
.altbantabetiket
{
	font-size: 12px;
	color: #CCCCCC;
}
 
 .altbantabaciklama
{
	font-size: 13px;
	color: #FFFFFF;
	font-weight: normal;
}

.sosmedyabutortala
{ 
   display:table-cell;
   width:auto;
   margin-left:auto;
   margin-right:auto;
}

 .topnav {
	overflow: hidden;
	margin-left: 350px;
	float: left;
	margin-top: 43px;
}

.topnav a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	float: left;
	display: block;
	color: #000;
	text-align: center;
	text-decoration: none;
	margin-right: -1px;
	text-align: center;
	text-decoration: none;
	margin-right: -1px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-weight: bold;
}

.active {
  background-color: #3366FF;
  color: white;
}

.topnav .icon {
  display: none;
}

.dropdown {
	float: left;
	overflow: hidden;
	 
}


.dropdown .dropbtn {
	border: none;
	outline: none;
	color: #f2f2f2;
	padding: 10px 16px;
	margin: 0;
	font-size: 14px;
	background-color: #333;
	margin-left: 1px;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #F39;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 20;
}

.dropdown-content a {
	float: none;
	color: #f9f9f9;
	padding: 8px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
	 
}
 
.topnav a:hover, .dropdown:hover .dropbtn, .secilimenu {
	color: #FFF!important;
	background-size: 100% 100%;
	background-image: url(/ortak/btn_ana_menu_arkaplan.png);
}

.secilimenu1 {
	color: #0066CC!important;
	text-decoration: none;
	font-weight: bold;
}

 
.dropdown-content a:hover {
	background-color: #ddd;
	color: black;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.menugenislik
 {
	width: 95px;
 }

/* -------------------------- */ 

.icsayfabaslik {
	height: 20px;
	width: 100%;
	font-weight: bold;
	margin-top: 30px;
	color: #333333;
	font-family: "MS Serif", "New York", serif;
	font-size: 19px;
}

.temizlesatir0
{
	clear: both;
	height: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	margin-top: 0px;
}

.temizlesatir15
{
	clear: both;
	height: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	margin-top: 0px;
}

.temizlesatir1
{
	clear: both;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	margin-top: 0px;
}

.temizlesatir10
{
	clear: both;
	height: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	margin-top: 0px;
}

.temizlesatir25
{
	clear: both;
	height: 25px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	margin-top: 0px;
}

.temizleayircizgi40
{
	clear: both;
	height: 40px;
	background-image: url(../ortak/ayirici.png);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
}

.temizleayircizgi20
{
	clear: both;
	height: 20px;
	background-image: url(../ortak/ayirici.png);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
}


.temizleayircizgi40mob
{
	clear: both;
	height: 40px;
	background-image: url(../ortak/ayirici.png);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display:none;
}

.temizleayircizgi20mob
{
	clear: both;
	height: 20px;
	background-image: url(../ortak/ayirici.png);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display:none;
}

.temizle20mob
{
	clear: both;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display:none;
}

.biziara {
	position: fixed;
	bottom: 75px;
	right: 3px;
	display: block;
	margin-right: 10px;
	height: 50px;
	width: 50px;
	border-radius: 8px;
	z-index: 5000;
}


.biziaraimg
{
	float: left;
	height: 50px;
	width: 50px;
}

.biziarayazi
{
	width: 145px;
	float: left;
	height: 45px;
	padding-top: 17px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
}


.whatiletisim {
	position: fixed;
	bottom: 130px;
	right: 3px;
	display: block;
	margin-right: 10px;
	height: 50px;
	width: 50px;
	border-radius: 8px;
	z-index: 5000;
}


.whatiletisimimg
{
	float: left;
	height: 50px;
	width: 50px;
}

.whatiletisimyazi
{
	width: 145px;
	float: left;
	height: 45px;
	padding-top: 17px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
}

.urunaramagiris::-ms-clear {display: none; width:0; height:0;}

 
.yukarikaydir {
	position: fixed;
	bottom: 20px;
	right: 3px;
	display: none;
	height: 50px;
	width: 50px;
	margin-right: 10px;
}


.altodemediscer
{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 70px;
	background-color: #333;
	padding-top: 15px;
}

.altodemeiccer
{
	margin-left: auto;
	margin-right: auto;
	width: 1150px;
}

.altodemesolbolum
{
	width: 300px;
	float: left;
}


.altodememaddeler, .altodememaddeler a, .altodememaddeler a:visited
{
	width: 100%;
	color: #CCC;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	margin-bottom: 3px;
	float: left;
	text-align: left;
}

.altodememaddeler :hover
{
   color: #F00;
}



.altodemesagbolum
{
	float: left;
	margin-left: 170px;

}

.altodemesagbolumic
{   margin-left:auto;
margin-right:auto;
 width:500px;
}
 

.altodemeresimler
{
	width: 100px;
	height: 57px;
	float: left;
	margin-right: 20px;
}

.altodemeresimler img
{
   width:100%;
   height:100%;
}