@charset "utf-8";




body
{
    min-width:100%; 
}

.logo
{
	height: 75px;
	margin-left: 0px;
	width: 135px;
	position: absolute;
	top: 0px;
	z-index: 50000;
	background-image: url(../ortak/logo_mob.jpg);
	background-repeat: no-repeat;
}

.ustbanteldis
 {
	height: 30px;
	width: auto;
	margin-left: 110px;
	display: block;
	font-weight: bold;
	font-size: 19px;
	padding-left: 5px;
	position: absolute;
	top: -10px;
	z-index: 60000;
	text-align: center;
	padding-top: 13px;
	padding-bottom: 10px;
}

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

.telsimge
{
   display:none;
}

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

 

#urunaramasonuc 
{
	width: 100%;
	padding: 7px;
	margin-left: 0px;
	margin-top: 0px;
	border: thin solid #A6A6A6;
	font: 14px Trebuchet ms;
	margin-right: auto;
	float: left;
	background-color: #333333;
}


.menuicaltbolummobil
{
	width: 100%;
	height: 65px;
	margin-left: auto;
	margin-right: auto;
	background-color: #B5B5B5;
	margin-top: 80px;
	position: absolute;
	float: right;
}

#ustsepetcer {
	z-index: 1;
	height: auto;
	width: auto;
	float: right;
	padding-top: 0px;
	position: relative;
	margin-top: -39px;
	margin-left: auto;
	margin-right: 10px;
}


.sosmedcer 
{
	position: absolute;
	z-index: 1;
	float: left;
	height: auto;
	width: 100%;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	top: 0px;
	margin-right: 0px;
	left: 0px;
	margin-top: 0px;
	background-color: #000;
}

#sosmedicon
{
	float: right;
	height: 33px;
}

.menudiscer
{
	height: 145px;
	width: 100%;
	border-bottom: solid;
	border-bottom-color: #006699;
	background-color: #FFFFFF;
}


.menudisceraltmobrenk
{
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #C00;
}


.menuiccer
{
	width: 100%;
	z-index: 1000;
	height: 70px;
	background-image: url(/ortak/logo_mob.png);
	background-repeat: no-repeat;
}

#menuiletisimyukmob
{
  height:30px;
}


 .topnav
 {
	width: auto;
	height: auto;
	margin-right: 0px;
	float: none;
	margin-left: 0px;
	margin-top: 0px;
 }

.topnav a {
	text-align: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFF;
	font-weight: normal;
	top: 10px;
}

.topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
 
.topnav.responsive .icon {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 20;
	border-bottom: none;
	color: #FFF!important;
	background-color: #3B3B3B!important;
}

.topnav.responsive a {
	float: none;
	display: block;
	text-align: left;
	z-index: 50000;
	position: relative;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #655454;
	background-color: #333;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
 }
  
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
  
  .topnav a:hover, .topnav a.icon:hover, .dropdown:hover .dropbtn, .secilimenu {
		background-size: none;
	background-image: none;
	color: #FFF!important;
	background-color: #1B1B1B;
   }

 .topnav a.icon {
	float: right;
	display: block;
	background: #333;
	color: #FFFFFF;
	font-size: 35px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0px;
	padding-bottom: 3px;
	margin-top: 15px;
	margin-right: 9px;
  }
  
 

.taban
{
	height: 60px;
}

.sol
{
	width: 100%;
}

.sag
{
	width: 100%;
	float: left;
}

.menuic
{
	width: 100%;
}

.ortaiccer
{
	height: auto;
	padding-right: 7px;
	padding-left: 7px;
	width: 95%;
}

.slaytgecisdis
{
	background-image: none;
	height: 100%;
	width: 100%;
	margin-top: 36px;
	background-color: #999;
}

.slaytgecisic
{
	background-image: none;
	height: auto;
	width: 100%;
	background-color: #999;
} 

.slaytyazisi
{
	width: 100%;
	height: 22px;
	margin-left: 0px;
	margin-top: 0px;
	float: left;
	background-color: #CDCDCD;
	background-image: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #044BB7;
	padding-top: 9px;
	padding-left: 15px;
	padding-bottom: 5px;
}

.slaytresim
{
	width: 100%;
	float: left;
	margin-left: -0px;
	background-color: #03C;
	margin-top: 0px;
}
	
.swiper-wrapper {
	height: 200px;
	background-color: #CDCDCD;
} 

.swiper-slide
{  
	display: block;
}

.swiper-button-prev
{
	left: -35px;
	right: auto;
	top: 125px;
}

.swiper-button-next
{
	left: auto;
	right: -55px;
	top: 125px;
}

.swiper-pagination {
	top: 205px;
	left: 0px;
 
}


.slaytbaslik1dis
 {
	top: 25px;
	margin-left: auto;
	margin-right: 0px;
	position: absolute;
	z-index: 1;
	left: 0px;
	display: block;
 }
 
 .slaytbaslik1ic
 {
	width: auto;
	display: table-cell;
	opacity: 100;
	padding: 15px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	border: thin solid #CCC;
	float: right;
	padding-left: 25px;
	padding-right: 25px;
	margin-right: 25px;
	border-radius: 4px;
 }
 
 

  
.icsayfabaslik
{
	margin-top: 20px;
	height: 10px;
	margin-bottom: 5px;
}

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


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


.sloganbaslikdiscer
 {
 
	padding-top: 65px;
	padding-bottom: 65px;
 
 }
 
 .sloganbaslik1
 {

	font-size: 34px;

 }
 
 .sloganbaslik2
 {

	font-size: 20px;

 }
 
 

.kurumyazialani
{
   margin-top:0px;
   width:98%;
}

.kurumresimcer {
	width: 97%;
	height: 170px;
}

 

.iletdiscer 
{
	width: 99%;
	height: 700px;
	border: thin solid #E4E4E4;
	margin-top: 20px;
	padding-left:5px;
	padding-right:5px;
}
.cersagadres
{
   width:100%;
   float:left;
   margin-left:0px;
   margin-right:0px;
}

.cersolform
{
	width: 100%;
	float: right;
	background-color: #E0E2E4;
	margin-top: 30px;
	   margin-left:0px;
   margin-right:0px;
}
.kaydet, .kaydethoveryok
{
   margin-left:5px;
}

.cizgi
{
	width:75%;
}


.guvkodcer {
	width: 180px;
	float:left;
}

	
.metinkutuetiketcer1
	{
	width: 90px;
	float: left;
	margin-left: 0px;
	font-size:11px;
	}
	
 
	
	.metinkutuinputcer1
	{
	float: left;
	width: 175px;
	}
	
.metinkututextareacer
{
	width: 175px;
}
	
		.metinkutuarkaplan1
	{
	float: left;
	width: 100%;
	}
.ceraltkroki
{
   width:100%;
   height: 250px;
   margin-top:20px;
}

.radbutyazi
{
   font-size:10px;
}

#security
{
    width:80px;
}
.guvkodresim
{
  width:80px;
}

.guvkodyenile
{
   width:80px;
}

.guvkodgirmetni
{
  size: 6;
  width:78px;
}

.kaydetcer
{
	margin-left: 100px;
}

.DivYukleniyor
{
	margin-top: 7px;
}

.temizleayircizgi40
{  
  display:none;
}

.temizleayircizgi40mob
{  
  display:block;
}

.temizleayircizgi20
{  
  display:none;
}

.temizleayircizgi20mob
{  
  display:block;
}

 

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

 
#resimgaleridiscerceve
{
    z-index:1;
}  

.altbantabancer
{
	height: 180px;
}

.altbantabanic
{
	width: 100%;
}

.altbantabansol, .altbantabanorta, .altbantabansag
{
 width:100%;
 text-align:center;
 margin-top:15px;
 margin-left:0px;
}
 

.ortakonubaslikdiscer
{
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
}


.ortakonubaslikiccer
{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: table-cell;
}

.ortakonubaslikcizcer
{
	width: 55px;
	float: left;
	margin-top: 5px;
}

.ortakonubascizbicim
{
	border: 1px solid #666;
	border-radius: 5px;
}

.ortakonubaslikbas
{
	width: auto;
	float: left;
	text-align: center;
	font-size: 22px;
	color: #B30650;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
}

 

.ortaurunbasdiscer
{
	width: 100%;
	height: auto;
	padding-left: 0px;
}

.ortaurunbasiccer
{
	width: 45%;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	margin: 0px;
	text-align: center;
}


 

 
 

.ortasloganbasdiscer
{
	width: 100%;
	height: auto;
	margin-left: auto;
}


.ortasloganbaskonudiscer
{
	width: 100%;
	height: 320px;

}

.ortamesajbasdiscer
{
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	float: left;
	background-color: #EBEBEB;
	padding-top:10px;
}


.ortamesajbaskonudiscer
{
	width: 95%;
	height: 100%;
	float: left;
	border-right-width: thin;
	margin-top: 0px;
	margin-left: 15px;
	padding-bottom: 15px;
}


.ortamesajbaskonudisresim
{
	width: 65px;
	height: 65px;
}

.ortamesajbaskonuustbas1
{
	font-weight: bold;
	font-size: 18px;
}

 

.ortamesajbaskonualtbas2
{
	font-size: 15px;
}


.ortamesajdevambutcerdis
{
	width: auto;
	height: auto;
	margin-top: 5px;
}

.ortamesajdevambutceric
{
	width: 175px;
	height: 25px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	background-color: #0066CC;
	color: #FFF;
	font-weight: 500;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 3px;
	border-radius: 5px;
	font-size: 14px;
}

 





.hizmetlerendiscer
{
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: 5px;
	float: left;
	margin-bottom: 65px;
}


.kurumsalbaskonudiscer
{
	width: 100%;
	margin-right: 10px;
}

#hizdetaysol
{
	width: 98%;
	min-height: 100px;
}


.hizdetaysagtaraf
{
	 margin-top: 20px;
	width: 98%;
	margin-left: 0px;
	margin-right: 3px;
 
}


.iletdiscerform {
	width: 97%;
	height: auto;
	border: thin solid #E4E4E4;
	margin: 0px;
	padding: 5px;
	margin-top: 20px;
	float: right;
	background-color: #E6E6E6;	
 
}

.iletdisceradres {
	width: 97%;
	margin-top: 10px;
	padding: 6px;
	margin-top: 20px;
	float: left;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #E6E6E6;
}


.urunlergenelcer
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFCC;
	z-index: 900;
	height: auto;
}
.urunlersolbutcer
{
	width: 94%;
	height: 170px;
	background-color: #BCBCBC;
	padding: 15px;
	z-index: 2;
}


.urunlersagcer
{
	width: 100%;
	margin-top: 25px;
	z-index: 1;
}

.urunisimbildiscer  
{
	height: auto;
	width: 100%;
	float: left;
	clear: right;
	margin-right: 0px;
	margin-bottom: 1px;
}

.urunisimbilfiyat {
	padding-left: 6px;
	padding-right: 6px;
	margin-top: 8px;
	width: 75px;
}


.urunisimbilstok {
	padding-left: 6px;
	padding-right: 6px;
	margin-left: 15px;
	margin-top: 8px;
	width: 100px;
}
.urunisimbilekle
{

	padding-left: 6px;
	padding-right: 6px;
	margin-left: 15px;
	margin-top: 8px;
	width: 80px;
}



.ortamesajbaskonualtbas2
{
	width: 98%;
 
}


.altodemediscer
{
 
	width: 100%;
	height: auto;
 
}

.altodemeiccer
{
  width:100%;
}

.altodemecizgimob
{
	width: 100%;
	height: 0px;
	background-color: #C00 !important;
}


.altodemesolbolum
{
	width: 100%;
	float: none;
}


.altodememaddeler, .altodememaddeler a, .altodememaddeler a:visited
{
	width: 100%;
	text-align: center;
	font-size: 12px;
   
}

.altodemebolumayirmob
{
  width:100%;
  height:1px;
  clear:both;
}

.altodemesagbolum
{
	float: none;
	width: 100%;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #555555;
	border-right-color: #555555;
	border-bottom-color: #555555;
	border-left-color: #555555;
}

.altodemesagbolumic
{
	padding-top: 15px;
	padding-bottom: 10px;
	width: 300px;
}

.altodemeresimler
{
	width: 75px;
	height: 40px;
	margin-right: 20px;
	float: none;
}


.analistebildiscer 
{
	height: auto;
	width: 98%;
	float: left;
	clear: right;
	margin-right: 10px;
	margin-bottom: 20px;
}


.analistebilresimcer {
	width: 100%;
}

 
.analistebilresimceric {
	height: 240px;
	width: 100%;
}





#divbaslikbil, .divurunsirano, .divurunbirimfiyat
{
   display:none;
}


#divurunicerikayar
{
	padding-top: 0px;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	height: 35px;
	text-align: left;
	border: none;
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;
	margin-top: 0px;
}
 
 
.divurunlisteresimcermob
{
	width: auto;
}

.divurunresim
{
	float: left;
	width: 150px;
}
.divurunadi
{
	float: left;
	width: 60%;
	height: auto;
	margin-left: 10px;
	word-wrap: break-word;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

.divurunlistedigerbutmob
{
	width: 100%;
	float: left;
}

.divurunlistedigerbutmobkap
{
	width: 350px;
	margin: auto;
	margin-top: 10px;
}

.urunazalt
{
  margin-left:0px;
}

.uruncikart
{
  margin-left:0px;
}

.divuruntutar
{
	width: auto;
	margin-left: 15px;
	font-weight: bold;
	color: #06C;
}

.divurunislem
{
   margin-left:20px;
}


.divuruntutardiscer
{
	width: 100%;
	height: 35px;
}

#divuruntutarayarlar
{
	padding-top: 15px;
	padding-bottom: 10px;
	height: 25px;
	text-align: center;
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;
	margin-top: -1px;
}
.divuruntutarsolbos
{
   display:none;
}
.divuruntutaretiket
{
	width: 150px;
	float: left;
	border: thin solid #999;
	margin-left: 50px;
	color: #333;
	font-weight: bold;
	border-radius: 5px;
}

.divuruntutartoplam
{
	width: 120px;
	float: left;
	border: thin solid #999;
	color: #06C;
	font-weight: bold;
	margin-left: 5px;
	border-radius: 5px;
}

.siparisbolumdiscer
{
	width: 100%;
	float: left;
	margin-right: 50px;
	background-color: #FFFFFF;
	border-radius: 5px;
	margin-bottom:20px;
	margin-top:10px;
}
.siparisilsecim
{
	font-family: Verdana, Geneva, sans-serif;
	color: #06F;
	text-align: left;
}
.siparisaciklamalar
{
  min-height: 80px;
}
.siparisaciklamalar li
{
	margin-top: -10px;
	margin-left: -19px;
	margin-bottom: 2px;
	line-height:30px;
	font-size:12px;
}

.certeslimatformu
{
	width: 100%;
	float: left;
	margin-top: 20px;
	margin-left: 0px;
}

.certeslimatformuic
{
	width: 100%;
 margin-left: 0px;
}

.cersonodemelistesi
{
	height: auto;
	width: auto;
	float: left;
	margin-top: -20px;
	margin-left: 0px;
}

.

.sepetdiscer
{
	background-color: #333; 
}


.urunbuyresimcer {
	width: 100%;
	height: 225px;
}

.urunkucresimcer {
	width: 95px;
	height: 55px;
}

.urunfiyatbilgisolmobsol   
{
  width:100%; height:50px;  margin:auto;
 
}

.urunfiyatbilgisolmobsag
{
  width:100%; height:auto;  margin:auto;
   
 
}

{
  width:100%; height:auto; background-color:#CCC; margin:auto;
 
}


.kapsayici
{
     width:250px; height:auto; background-color:#999; margin:auto;
}

.fiyat
{
    width:100px; height:auto; background-color:#0CF; margin:auto;
	float:left;
}


.urundetayiisimbilfiyat {
	float: left;
	padding-left: 6px;
	padding-right: 6px;
		padding-top: 6px;
	padding-bottom: 6px;
	margin: auto;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	width: 100px; 
}


.urundetayiisimbilstok {
	float: left;
	padding-left: 6px;
	padding-right: 6px;
	margin-left: 15px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-top: 0px;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	width: 100px;
	text-align: center;
}

.urundetayiisimbilekle
{
	color: #FFFFFF;
	float: left;
	border-radius: 5px;
	border: thin solid #CCC;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #000;
	margin-left: 20px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-weight: bold;
	margin-top: 0px;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	width: 100px;
	text-align: center;
}

.urundetayiazalt
{
	color: #FFFFFF;
	float: left;
	border-radius: 5px;
	border: thin solid #CCC;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #000;
	width: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 14px;
	margin-left: 10px;
}

.urundetayiazalt:hover
{
	cursor: pointer;
	background-color: #03C;
}

.urundetayiarttir
{
	color: #FFFFFF;
	float: left;
	border-radius: 5px;
	border: thin solid #CCC;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #000;
	width: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 14px;
}
 
.urundetayimiktari
{
	float: left;
	 
	padding-top: 4px;
	padding-bottom: 3px;
	font-weight: bold;
	-webkit-appearance: none;
	background-color: #FFF;
     margin:auto;
}


.certeslimatformu
{
	width: 100%;
}

.metinkutuinputcer1, .metinkututextareacer
{
	 width:65%;
}

 .metinkutuarkaplan, .metinkutuarkaplan1
{
	  width:90%;
	  	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	 
}

.verigirdiscer, .verigiriccer
{
   margin-bottom:15px;
}


.cersonodemelistesi
{
	margin-left: 10px;

}

.odemeaciklama
{
	width: 150px;
	float: left;
	background-color: #EEE;
	border: thin solid #CCC;
	padding: 5px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

.odemetutar
{
	width: 130px;
	float: left;
	background-color: #FFF;
	border: thin solid #CCC;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
 
#odemetutar
{
	color: #03C;
	font-size: 15px;
}


.sipbaslik
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}

.sonuclistecer
{
  width:92%;
  padding-left:5px;
  margin-top: 15px;
  padding-top: 10px;
}

.sonucliste, .sipadres
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}

.cerodemebutonu
{
	height: 150px;
	width: 100%;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	float: none;
	
	 
}

.sipDivYukleniyor
{
	float: none;
	width: 100%;
	background-color: #0FF;
	height: 100%;
	margin-left: 50%;
	margin-right: auto;
}



.odemebuton
{
	margin-left: 25%;
	margin-right: auto;
	width: 200px;
	height: 30px;
	background-color: #039;
	color: #FFF;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 6px;
	font-weight: bold;
	border-radius: 8px;
	margin-top: 35px;
}

.SipDivGif
{
	float: none;
	width: 240px;
	margin-left: 45%;
	margin-right: 0px;
	padding-left: 0px;
}

.SipDivYazi
{
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;
	color: #06C;
	font-weight: bold;
	height: 20px;
	margin-left: 45%;
	width: 240px;
}

.uyaricer {
 
	margin-left: 4px;
}