@media screen and (orientation: landscape) 
{
.ozel_gun_tur{
position:absolute; background-image: url(../ozel_gun/30_agustos_yatay2.jpg);  background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 100%;
height: 100%;
}
.ozel_gun_eng{
position:absolute; background-image: url(../ozel_gun/yeni_yil_yatay_eng.jpg);  background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 100%;
height: 100%;
}
}


@media screen and (orientation: portrait) 
{
.ozel_gun_tur{
position:absolute; background-image: url(../ozel_gun/30_agustos_dikey2.jpg);  background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
}
.ozel_gun_eng{
position:absolute; background-image: url(../ozel_gun/yeni_yil_dikey_eng.jpg);  background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
}
}





.baslik_logo{ position:absolute; height:100; top:10; left:5; z-index:101;}
.baslik_img1{ position:absolute; top:10; height:35; left:75%; z-index:101;}
.baslik_img2{ position:absolute; top:10; height:35; left:80%; z-index:101;}
.baslik_img3{ position:absolute; top:10; height:35; left:85%; z-index:101;}
.baslik_menu1{position:absolute; top:10; height:40; left:20%; z-index:101;}
.baslik_menu2{position:absolute; top:60; height:40; left:20%; z-index:101;}

.tel_menu1{display: none;}

.tel_brans_menu_kapat_buton{display: none;}
.tel_urun_ozellik_menu1{display: none;}
.tel_urun_menu1{display: none;}

.giris_pc{display: none;}
.giris_tablet{position: fixed; background-color:ffffff; top:78%;  height:20%; width:100%; opacity:1;;}
.giris_tel{display: none;}


.index_ana_zemin{position: absolute; left:1%;  width:98%;	height:80%;}

@media screen and (orientation: landscape) 
{
.index_grup1{position: absolute; left:5%;  height:140px; width:350; top:0px; background-image:url(../giris/makina3.jpg); background-size: cover;}
.index_grup2{position: absolute; left:55%;  height:140px; width:350; top:0px; background-image:url(../giris/otomasyon3.jpg); background-size: cover;}
.index_grup3{position: absolute; left:5%;  height:140px; width:350; top:160px; background-image:url(../giris/endustri3_1.jpg); background-size: cover;}
.index_grup4{position: absolute; left:55%;  height:140px; width:350; top:160px; background-image:url(../giris/otomotiv3.jpg); background-size: cover;}
.index_marka{position: absolute; left:10%;  width:80%;	top:92%;}
.index_buyuk{display:none;}
}

@media screen and (orientation: portrait) 
{
.index_grup1{position: absolute; left:20%;  height:200px; width:500; top:0px; background-image:url(../giris/makina3.jpg); background-size: cover;}
.index_grup2{position: absolute; left:20%;  height:200px; width:500; top:220px; background-image:url(../giris/otomasyon3.jpg); background-size: cover;}
.index_grup3{position: absolute; left:20%;  height:200px; width:500; top:420px; background-image:url(../giris/endustri3_1.jpg); background-size: cover;}
.index_grup4{position: absolute; left:20%;  height:200px; width:500; top:640px; background-image:url(../giris/otomotiv3.jpg); background-size: cover;}
.index_marka{position: absolute; left:10%;  width:80%;	top:170%;}
.index_buyuk{display:none;}
}






.pc_tablet_urun_foto_menu{}
.pc_contact{display:none;}
.tel_tablet_contact{position: absolute; left:0%;  top:0; height:100%; width:100%;  }


.baslik_menu2_link
{
background-color:transparent;
border-style:double;  
border-width:1px;
border-color:ffffff; 
cursor:hand;
text-decoration:none; 
font:14px  Century Gothic; 
font-weight: bold;  
color:#ffffff;
padding:5px;
}


.yuvarlak_link
{
position:absolute; 
top:10; 
right:10; 
width:40; 
height:40; 
background-color:#064b72;
display:flex;
border-radius:40px;
justify-content:center;
padding:0px;
align-items:center;
}


.yuvarlak_link:hover
{
position:absolute; 
top:10; 
right:10; 
width:40; 
height:40; 
background-color:#ff0000;
display:flex;
border-radius:40px;
justify-content:center;
padding:0px;
align-items:center;
}

.urun_resim_kucuk {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.urun_resim_kucuk1{
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}


.ust_grup1{z-index:0; position:absolute; left:2%;	 width:96%; min-height:250; overflow: hidden; border-style:solid;  border-width:1px; border-color:#064b72;}
.ust_grup2{z-index:0; position:absolute; width:45%; 	min-height:250; overflow: hidden;}
.ust_grup3{z-index:0; position:absolute; left:45%; width:55%; min-height:250; overflow: hidden; background-color:064b72;}

.logo1{position:absolute; left:1;   top:35%;  width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:1px;border-color: #3d6889;padding:3px;display: block;text-align: center;}
.logo1:hover{position:absolute; left:1;   top:35%;  width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:3px;border-color: #ff0000;padding:3px;display: block;text-align: center;}
.logo2{position:absolute; left:20%; top:35%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:1px;border-color: #3d6889;padding:3px;display: block;text-align: center;}
.logo2:hover{position:absolute; left:20%; top:35%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:3px;border-color: #ff0000;padding:3px;display: block;text-align: center;}
.logo3{position:absolute; left:40%; top:35%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:1px;border-color: #3d6889;padding:3px;display: block;text-align: center;}
.logo3:hover{position:absolute; left:40%; top:35%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:3px;border-color: #ff0000;padding:3px;display: block;text-align: center;}
.logo4{position:absolute; left:60%; top:35%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:1px;border-color: #3d6889;padding:3px;display: block;text-align: center;}
.logo4:hover{position:absolute; left:60%; top:35%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:3px;border-color: #ff0000;padding:3px;display: block;text-align: center;}
.logo5{position:absolute; left:80%; top:35%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:1px;border-color: #3d6889;padding:3px;display: block;text-align: center;}
.logo5:hover{position:absolute; left:80%; top:35%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:3px;border-color: #ff0000;padding:3px;display: block;text-align: center;}

.logo6{position:absolute; left:1;   top:55%;  width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:1px;border-color: #3d6889;padding:3px;display: block;text-align: center;}
.logo6:hover{position:absolute; left:1;   top:55%;  width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:3px;border-color: #ff0000;padding:3px;display: block;text-align: center;}
.logo7{position:absolute; left:20%; top:55%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:1px;border-color: #3d6889;padding:3px;display: block;text-align: center;}
.logo7:hover{position:absolute; left:20%; top:55%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:3px;border-color: #ff0000;padding:3px;display: block;text-align: center;}
.logo8{position:absolute; left:40%; top:55%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:1px;border-color: #3d6889;padding:3px;display: block;text-align: center;}
.logo8:hover{position:absolute; left:40%; top:55%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:3px;border-color: #ff0000;padding:3px;display: block;text-align: center;}
.logo9{position:absolute; left:60%; top:55%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:1px;border-color: #3d6889;padding:3px;display: block;text-align: center;}
.logo9:hover{position:absolute; left:60%; top:55%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:3px;border-color: #ff0000;padding:3px;display: block;text-align: center;}
.logo10{position:absolute; left:80%; top:55%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:1px;border-color: #3d6889;padding:3px;display: block;text-align: center;}
.logo10:hover{position:absolute; left:80%; top:55%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:3px;border-color: #ff0000;padding:3px;display: block;text-align: center;}

.logo11{position:absolute; left:1; top:75%;  width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:1px;border-color: #3d6889;padding:3px;display: block;text-align: center;}
.logo11:hover{position:absolute; left:1; top:75%;  width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:3px;border-color: #ff0000;padding:3px;display: block;text-align: center;}
.logo12{position:absolute; left:20%; top:75%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:1px;border-color: #3d6889;padding:3px;display: block;text-align: center;}
.logo12:hover{position:absolute; left:20%; top:75%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:3px;border-color: #ff0000;padding:3px;display: block;text-align: center;}
.logo13{position:absolute; left:40%; top:75%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:1px;border-color: #3d6889;padding:3px;display: block;text-align: center;}
.logo13:hover{position:absolute; left:40%; top:75%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:3px;border-color: #ff0000;padding:3px;display: block;text-align: center;}
.logo14{position:absolute; left:60%; top:75%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:1px;border-color: #3d6889;padding:3px;display: block;text-align: center;}
.logo14:hover{position:absolute; left:60%; top:75%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:3px;border-color: #ff0000;padding:3px;display: block;text-align: center;}
.logo15{position:absolute; left:80%; top:75%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:1px;border-color: #3d6889;padding:3px;display: block;text-align: center;}
.logo15:hover{position:absolute; left:80%; top:75%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:3px;border-color: #ff0000;padding:3px;display: block;text-align: center;}

.tablet_urun_ust_menu{position: absolute; left:0%;  top:0;  width:100%; }
.tel_urun_ust_menu{display:none;}
.pc_urun_ust_menu{display:none;}


.brans_ana_zemin{position: absolute; left:2%;  width:96%;	height:100%;}
.brans_baslik{position: absolute; width:100%; top:0; height:45; background-color: #064b72;   display: flex; justify-content: left; align-items: center;}
.yeni_urun{	position: absolute; left:0; top:0;}
.firsat_urun{position: absolute; bottom: 20%; display: flex; justify-content: right; align-items: right;}
.brans_urun_adi{position: absolute; bottom:0; height:20%; width:100%; background-color: #064b72; display: flex; justify-content: center; align-items: center; background-color:#064b72;}





@media screen and (orientation: landscape) 
{
.tel_menu_buton{display: none;}
.tel_brans_menu_buton{display: none;}
.tel_brans_menu1{display: none;}
.tablet_brans_urun{display:none;}
.tel_brans_urun{display: none;}
.brans_menu{position: absolute; left:0%;  top:55;  width:25%; height:100%;}
.pc_brans_urun{position: absolute; left:27%;  top:55;  width:73%; height:100%;}
}


@media screen and (orientation: portrait) 
{

.tel_brans_menu_buton{position:abolute; width:50; left:5px; cursor:pointer; z-index:106;}
.tel_brans_menu_kapat_buton{position:abolute; width:50; right:50px; cursor:pointer; z-index:106; }
.tel_brans_menu1 { height: 100%; width:0;position: fixed;
  z-index: 1;
  top:110;
  left:0;
  background-color:rgba(255,255,255,.95);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 10px;
  z-index:106;
}
.brans_menu{display: none;}
.pc_brans_urun{display:none;}
.tablet_brans_urun{position: absolute; left:2%;  top:55;  width:96%; height:100%;}
.tel_brans_urun{display: none;}
}







.urun_ana_zemin{position: absolute; left:2%;  width:96%;	height:100%;}
.urun_baslik{position: absolute; width:100%; top:0; height:45; background-color: #064b72;   display: flex; justify-content: left; align-items: center;}
.urun_menu{position: absolute; left:0%;  top:55;  width:25%; height:100%;}
.urun_detay{position: absolute; left:30%;  top:55;  width:70%; height:100%; }
.urun_zemin{position: absolute; left:0%;  top:100;  width:100%; height:100%; background-color: #ffffff; border-style:solid; border-width:1px; border-color:a0a0a0;}

.haber_ana_zemin{position: absolute; left:2%;  width:96%;	height:100%;}
.haber_baslik{position: absolute; width:100%; top:0; height:45; background-color: #064b72;   display: flex; justify-content: left; align-items: center;}
.haber_menu{position: absolute; left:0%;  top:55;  width:25%; height:100%;}
.haber_detay{position: absolute; left:30%;  top:55;  width:70%; height:100%;}
.haber_zemin{position: absolute; left:0%;  top:100;  width:100%; height:100%; background-color: #ffffff; border-style:solid; border-width:1px; border-color:a0a0a0;}


@media screen and (orientation: landscape) 
{
.urun_foto_buton1{position: absolute; left:1%;   top:2%; width:22%; height:5%;  border-radius:5px 5px 5px 5px; border-style:solid;  border-width:1px; border-color:a0a0a0; display:flex; justify-content:center; padding:0px; align-items:center; }
.urun_foto_buton2{position: absolute; left:26%;  top:2%; width:22%; height:5%;  border-radius:5px 5px 5px 5px; border-style:solid;  border-width:1px; border-color:a0a0a0; display:flex; justify-content:center; padding:0px; align-items:center; }
.urun_foto_buton3{position: absolute; left:51%;  top:2%; width:22%; height:5%;  border-radius:5px 5px 5px 5px; border-style:solid;  border-width:1px; border-color:a0a0a0; display:flex; justify-content:center; padding:0px; align-items:center; }
.urun_foto_buton4{position: absolute; left:76%;  top:2%; width:22%; height:5%;  border-radius:5px 5px 5px 5px; border-style:solid;  border-width:1px; border-color:a0a0a0; display:flex; justify-content:center; padding:0px; align-items:center; }

.urun_foto_buton5{position: absolute; left:1%;   top:8%; width:22%; height:5%;  border-radius:5px 5px 5px 5px; border-style:solid;  border-width:1px; border-color:a0a0a0; display:flex; justify-content:center; padding:0px; align-items:center; }
.urun_foto_buton6{position: absolute; left:26%;  top:8%; width:22%; height:5%;  border-radius:5px 5px 5px 5px; border-style:solid;  border-width:1px; border-color:a0a0a0; display:flex; justify-content:center; padding:0px; align-items:center; }
.urun_foto_buton7{position: absolute; left:51%;  top:8%; width:22%; height:5%;  border-radius:5px 5px 5px 5px; border-style:solid;  border-width:1px; border-color:a0a0a0; display:flex; justify-content:center; padding:0px; align-items:center; }
.urun_foto_buton8{position: absolute; left:76%;  top:8%; width:22%; height:5%;  border-radius:5px 5px 5px 5px; border-style:solid;  border-width:1px; border-color:a0a0a0; display:flex; justify-content:center; padding:0px; align-items:center; }

.urun_foto_buton9{position: absolute;  left:1%;  top:14%; width:22%; height:5%;  border-radius:5px 5px 5px 5px; border-style:solid;  border-width:1px; border-color:a0a0a0; display:flex; justify-content:center; padding:0px; align-items:center; }
.urun_foto_buton10{position: absolute; left:26%; top:14%; width:22%; height:5%;  border-radius:5px 5px 5px 5px; border-style:solid;  border-width:1px; border-color:a0a0a0; display:flex; justify-content:center; padding:0px; align-items:center; }
.urun_foto_buton11{position: absolute; left:51%; top:14%; width:22%; height:5%;  border-radius:5px 5px 5px 5px; border-style:solid;  border-width:1px; border-color:a0a0a0; display:flex; justify-content:center; padding:0px; align-items:center; }
.urun_foto_buton12{position: absolute; left:76%; top:14%; width:22%; height:5%;  border-radius:5px 5px 5px 5px; border-style:solid;  border-width:1px; border-color:a0a0a0; display:flex; justify-content:center; padding:0px; align-items:center; }

	
.urun_foto1{position: absolute; left:2%;  background-size: cover; top:0%; width:15%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto2{position: absolute; left:22%; background-size: cover; top:0%; width:15%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto3{position: absolute; left:42%; background-size: cover; top:0%; width:15%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto4{position: absolute; left:62%; background-size: cover; top:0%; width:15%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto5{position: absolute; left:82%; background-size: cover; top:0%; width:15%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}

.urun_foto6{position: absolute; left:2%;   background-size: cover; top:17%; width:15%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto7{position: absolute; left:22%;  background-size: cover; top:17%; width:15%;	height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto8{position: absolute; left:42%;  background-size: cover; top:17%; width:15%;	height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto9{position: absolute; left:62%;  background-size: cover; top:17%; width:15%;	height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto10{position: absolute; left:82%; background-size: cover; top:17%; width:15%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}

.urun_foto11{position: absolute; left:2%;  background-size: cover; top:34%; width:15%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto12{position: absolute; left:22%; background-size: cover; top:34%; width:15%;	height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto13{position: absolute; left:42%; background-size: cover; top:34%; width:15%;	height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto14{position: absolute; left:62%; background-size: cover; top:34%; width:15%;	height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto15{position: absolute; left:82%; background-size: cover; top:34%; width:15%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}

.urun_foto16{position: absolute; left:2%;  background-size: cover; top:51%; width:15%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto17{position: absolute; left:22%; background-size: cover; top:51%; width:15%;	height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto18{position: absolute; left:42%; background-size: cover; top:51%; width:15%;	height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto19{position: absolute; left:62%; background-size: cover; top:51%; width:15%;	height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto20{position: absolute; left:82%; background-size: cover; top:51%; width:15%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}


.yar_urun1{position: absolute; left:1%;  background-size: cover; top:2%; width:22%; height:22%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun2{position: absolute; left:26%; background-size: cover; top:2%; width:22%;	height:22%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun3{position: absolute; left:51%; background-size: cover; top:2%; width:22%;	height:22%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun4{position: absolute; left:76%; background-size: cover; top:2%; width:22%;	height:22%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}

.yar_urun5{position: absolute; left:1%;  background-size: cover; top:27%; width:22%; height:22%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun6{position: absolute; left:26%; background-size: cover; top:27%; width:22%; height:22%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun7{position: absolute; left:51%; background-size: cover; top:27%; width:22%; height:22%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun8{position: absolute; left:76%; background-size: cover; top:27%; width:22%; height:22%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}

.yar_urun9{position: absolute; left:1%;   background-size: cover; top:52%; width:22%; height:22%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun10{position: absolute; left:26%; background-size: cover; top:52%; width:22%; height:22%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun11{position: absolute; left:51%; background-size: cover; top:52%; width:22%; height:22%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun12{position: absolute; left:76%; background-size: cover; top:52%; width:22%; height:22%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}

.yar_urun13{position: absolute; left:1%;  background-size: cover; top:77%; width:22%; height:22%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun14{position: absolute; left:26%; background-size: cover; top:77%; width:22%; height:22%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun15{position: absolute; left:51%; background-size: cover; top:77%; width:22%; height:22%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun16{position: absolute; left:76%; background-size: cover; top:77%; width:22%; height:22%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}

.yar_urun17{position: absolute; left:1%;  background-size: cover; top:102%; width:22%; height:22%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun18{position: absolute; left:26%; background-size: cover; top:102%; width:22%; height:22%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun19{position: absolute; left:51%; background-size: cover; top:102%; width:22%; height:22%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun20{position: absolute; left:76%; background-size: cover; top:102%; width:22%; height:22%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}




.marka_ana_zemin{position: absolute; left:10%;  width:80%;	height:100%;}
.marka_ici_logo{position: absolute; left:5%; top:30; width:25%;}
.marka_kategori_isim{position: absolute; left:35%; top:5%; width:63%; text-align:left;}
.img_logo4{width:90%;height: auto;max-width: 150px;max-height: 50px;object-fit:contain;}


.marka1{position: absolute; left:3%;   background-size: cover;   top:0;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}
.marka2{position: absolute; left:53%;  background-size: cover;   top:0;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}

.marka3{position: absolute; left:3%;   background-size: cover; top:22%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}
.marka4{position: absolute; left:53%;  background-size: cover; top:22%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}

.marka5{position: absolute; left:3%;   background-size: cover; top:44%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}
.marka6{position: absolute; left:53%;  background-size: cover; top:44%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}

.marka7{position: absolute; left:3%;   background-size: cover; top:66%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}
.marka8{position: absolute; left:53%;  background-size: cover; top:66%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}

.marka9{position: absolute;  left:3%;  background-size: cover; top:88%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}
.marka10{position: absolute; left:53%; background-size: cover; top:88%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}

.marka11{position: absolute; left:3%;  background-size: cover; top:110%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}
.marka12{position: absolute; left:53%; background-size: cover; top:110%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}

.marka13{position: absolute; left:3%;  background-size: cover; top:132%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}
.marka14{position: absolute; left:53%; background-size: cover; top:132%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}

.marka15{position: absolute; left:3%;  background-size: cover; top:154%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}
.marka16{position: absolute; left:53%; background-size: cover; top:154%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}

.marka17{position: absolute; left:3%;  background-size: cover; top:176%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}
.marka18{position: absolute; left:53%; background-size: cover; top:176%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}

.marka19{position: absolute; left:3%;  background-size: cover; top:198%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}
.marka20{position: absolute; left:53%; background-size: cover; top:198%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}

.marka21{position: absolute; left:3%;  background-size: cover; top:220%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}
.marka22{position: absolute; left:53%; background-size: cover; top:220%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}

.marka23{position: absolute; left:3%;  background-size: cover; top:242%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}
.marka24{position: absolute; left:53%; background-size: cover; top:242%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}

.marka25{position: absolute; left:3%;  background-size: cover; top:264%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}
.marka26{position: absolute; left:53%; background-size: cover; top:264%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}

.marka27{position: absolute; left:3%;  background-size: cover; top:286%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}
.marka28{position: absolute; left:53%; background-size: cover; top:286%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}

.marka29{position: absolute; left:3%;  background-size: cover; top:308%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}
.marka30{position: absolute; left:53%; background-size: cover; top:308%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}

.marka31{position: absolute; left:3%;  background-size: cover; top:330%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}
.marka32{position: absolute; left:53%; background-size: cover; top:330%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}

.marka33{position: absolute; left:3%;  background-size: cover; top:352%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}
.marka34{position: absolute; left:53%; background-size: cover; top:352%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}

.marka35{position: absolute; left:3%;  background-size: cover; top:374%;  width:45%; height:20%;  background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}
.marka36{position: absolute; left:53%; background-size: cover; top:374%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}

.marka37{position: absolute; left:3%;  background-size: cover; top:396%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}
.marka38{position: absolute; left:53%; background-size: cover; top:396%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}

.marka39{position: absolute; left:3%;  background-size: cover; top:418%;  width:45%; height:20%;  background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}
.marka40{position: absolute; left:53%; background-size: cover; top:418%;  width:45%; height:20%;background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}

.marka41{position: absolute; left:3%;  background-size: cover; top:440%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}
.marka42{position: absolute; left:53%; background-size: cover; top:440%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}

.marka43{position: absolute; left:3%;  background-size: cover; top:462%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}
.marka44{position: absolute; left:53%; background-size: cover; top:462%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}

.marka45{position: absolute; left:3%;  background-size: cover; top:488%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}
.marka46{position: absolute; left:53%; background-size: cover; top:488%;  width:45%; height:20%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;}




.haber_foto1{position: absolute; left:2%;  background-size: cover; top:0%; width:15%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto2{position: absolute; left:22%; background-size: cover; top:0%; width:15%;	height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto3{position: absolute; left:42%; background-size: cover; top:0%; width:15%;	height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto4{position: absolute; left:62%; background-size: cover; top:0%; width:15%;	height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto5{position: absolute; left:82%; background-size: cover; top:0%; width:15%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}

.haber_foto6{position: absolute; left:2%;   background-size: cover; top:17%; width:15%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto7{position: absolute; left:22%;  background-size: cover; top:17%; width:15%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto8{position: absolute; left:42%;  background-size: cover; top:17%; width:15%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto9{position: absolute; left:62%;  background-size: cover; top:17%; width:15%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto10{position: absolute; left:82%; background-size: cover; top:17%; width:15%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}

.haber_foto11{position: absolute; left:2%;  background-size: cover; top:34%; width:15%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto12{position: absolute; left:22%; background-size: cover; top:34%; width:15%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto13{position: absolute; left:42%; background-size: cover; top:34%; width:15%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto14{position: absolute; left:62%; background-size: cover; top:34%; width:15%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto15{position: absolute; left:82%; background-size: cover; top:34%; width:15%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}

.haber_foto16{position: absolute; left:2%;  background-size: cover; top:51%; width:15%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto17{position: absolute; left:22%; background-size: cover; top:51%; width:15%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto18{position: absolute; left:42%; background-size: cover; top:51%; width:15%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto19{position: absolute; left:62%; background-size: cover; top:51%; width:15%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto20{position: absolute; left:82%; background-size: cover; top:51%; width:15%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}

}


@media screen and (orientation: portrait) 
{
.urun_foto_buton1{position: absolute; left:1%;   top:2%; width:22%; height:5%;  border-radius:5px 5px 5px 5px; border-style:solid;  border-width:1px; border-color:a0a0a0; display:flex; justify-content:center; padding:0px; align-items:center; }
.urun_foto_buton2{position: absolute; left:26%;  top:2%; width:22%; height:5%;  border-radius:5px 5px 5px 5px; border-style:solid;  border-width:1px; border-color:a0a0a0; display:flex; justify-content:center; padding:0px; align-items:center; }
.urun_foto_buton3{position: absolute; left:51%;  top:2%; width:22%; height:5%;  border-radius:5px 5px 5px 5px; border-style:solid;  border-width:1px; border-color:a0a0a0; display:flex; justify-content:center; padding:0px; align-items:center; }
.urun_foto_buton4{position: absolute; left:76%;  top:2%; width:22%; height:5%;  border-radius:5px 5px 5px 5px; border-style:solid;  border-width:1px; border-color:a0a0a0; display:flex; justify-content:center; padding:0px; align-items:center; }

.urun_foto_buton5{position: absolute; left:1%;   top:8%; width:22%; height:5%;  border-radius:5px 5px 5px 5px; border-style:solid;  border-width:1px; border-color:a0a0a0; display:flex; justify-content:center; padding:0px; align-items:center; }
.urun_foto_buton6{position: absolute; left:26%;  top:8%; width:22%; height:5%;  border-radius:5px 5px 5px 5px; border-style:solid;  border-width:1px; border-color:a0a0a0; display:flex; justify-content:center; padding:0px; align-items:center; }
.urun_foto_buton7{position: absolute; left:51%;  top:8%; width:22%; height:5%;  border-radius:5px 5px 5px 5px; border-style:solid;  border-width:1px; border-color:a0a0a0; display:flex; justify-content:center; padding:0px; align-items:center; }
.urun_foto_buton8{position: absolute; left:76%;  top:8%; width:22%; height:5%;  border-radius:5px 5px 5px 5px; border-style:solid;  border-width:1px; border-color:a0a0a0; display:flex; justify-content:center; padding:0px; align-items:center; }

.urun_foto_buton9{position: absolute;  left:1%;  top:14%; width:22%; height:5%;  border-radius:5px 5px 5px 5px; border-style:solid;  border-width:1px; border-color:a0a0a0; display:flex; justify-content:center; padding:0px; align-items:center; }
.urun_foto_buton10{position: absolute; left:26%; top:14%; width:22%; height:5%;  border-radius:5px 5px 5px 5px; border-style:solid;  border-width:1px; border-color:a0a0a0; display:flex; justify-content:center; padding:0px; align-items:center; }
.urun_foto_buton11{position: absolute; left:51%; top:14%; width:22%; height:5%;  border-radius:5px 5px 5px 5px; border-style:solid;  border-width:1px; border-color:a0a0a0; display:flex; justify-content:center; padding:0px; align-items:center; }
.urun_foto_buton12{position: absolute; left:76%; top:14%; width:22%; height:5%;  border-radius:5px 5px 5px 5px; border-style:solid;  border-width:1px; border-color:a0a0a0; display:flex; justify-content:center; padding:0px; align-items:center; }

	
.urun_foto1{position: absolute; left:2%;  background-size: cover; top:0%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto2{position: absolute; left:27%; background-size: cover; top:0%; width:20%;	height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto3{position: absolute; left:52%; background-size: cover; top:0%; width:20%;	height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto4{position: absolute; left:77%; background-size: cover; top:0%; width:20%;	height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}

.urun_foto5{position: absolute; left:2%;  background-size: cover; top:12%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto6{position: absolute; left:27%; background-size: cover; top:12%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto7{position: absolute; left:52%; background-size: cover; top:12%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto8{position: absolute; left:77%; background-size: cover; top:12%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}

.urun_foto9{position:  absolute; left:2%;  background-size: cover; top:24%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto10{position: absolute; left:27%; background-size: cover; top:24%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto11{position: absolute; left:52%; background-size: cover; top:24%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto12{position: absolute; left:77%; background-size: cover; top:24%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}

.urun_foto13{position: absolute; left:2%;  background-size: cover; top:36%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto14{position: absolute; left:27%; background-size: cover; top:36%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto15{position: absolute; left:52%; background-size: cover; top:36%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto16{position: absolute; left:77%; background-size: cover; top:36%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}

.urun_foto17{position: absolute; left:2%;  background-size: cover; top:48%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto18{position: absolute; left:27%; background-size: cover; top:48%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto19{position: absolute; left:52%; background-size: cover; top:48%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto20{position: absolute; left:77%; background-size: cover; top:48%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}



.yar_urun1{position: absolute; left:2%;   background-size: cover; top:2%; width:30%; height:15%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun2{position: absolute; left:35%;  background-size: cover; top:2%; width:30%; height:15%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun3{position: absolute; left:68%;  background-size: cover; top:2%; width:30%; height:15%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}

.yar_urun4{position: absolute; left:2%;   background-size: cover; top:19%; width:30%; height:15%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun5{position: absolute; left:35%;  background-size: cover; top:19%; width:30%; height:15%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun6{position: absolute; left:68%;  background-size: cover; top:19%; width:30%; height:15%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}

.yar_urun7{position: absolute; left:2%;   background-size: cover; top:36%; width:30%; height:15%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun8{position: absolute; left:35%;  background-size: cover; top:36%; width:30%; height:15%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun9{position: absolute; left:68%;  background-size: cover; top:36%; width:30%; height:15%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}

.yar_urun10{position: absolute; left:2%;  background-size: cover; top:53%; width:30%; height:15%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun11{position: absolute; left:35%; background-size: cover; top:53%; width:30%; height:15%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun12{position: absolute; left:68%; background-size: cover; top:53%; width:30%; height:15%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}

.yar_urun13{position: absolute; left:2%;  background-size: cover; top:70%; width:30%; height:15%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun14{position: absolute; left:35%; background-size: cover; top:70%; width:30%; height:15%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun15{position: absolute; left:68%; background-size: cover; top:70%; width:30%; height:15%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}

.yar_urun16{position: absolute; left:2%;  background-size: cover; top:87%; width:30%; height:15%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun17{position: absolute; left:35%; background-size: cover; top:87%; width:30%; height:15%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun18{position: absolute; left:68%; background-size: cover; top:87%; width:30%; height:15%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}


.marka_ana_zemin{position: absolute; left:0%;  width:100%;	height:100%;}
.marka_ici_logo{position: absolute; left:25%; top:20; width:50%;	max-height:20%;}
.marka_kategori_isim{display:none;}
.img_logo4{width:90%; height: auto; max-width: 120px; max-height: 40px; object-fit:contain;}


.marka1{position: absolute; left:3%;  background-size: cover; top:0;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}
.marka2{position: absolute; left:35%; background-size: cover; top:0;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}
.marka3{position: absolute; left:67%; background-size: cover; top:0;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}

.marka4{position: absolute; left:3%;  background-size: cover; top:9%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}
.marka5{position: absolute; left:35%; background-size: cover; top:9%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}
.marka6{position: absolute; left:67%; background-size: cover; top:9%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}

.marka7{position: absolute; left:3%;  background-size: cover; top:18%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}
.marka8{position: absolute; left:35%; background-size: cover; top:18%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}
.marka9{position: absolute; left:67%; background-size: cover; top:18%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}

.marka10{position: absolute; left:3%;  background-size: cover; top:27%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}
.marka11{position: absolute; left:35%; background-size: cover; top:27%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}
.marka12{position: absolute; left:67%; background-size: cover; top:27%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}

.marka13{position: absolute; left:3%;  background-size: cover; top:36%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}
.marka14{position: absolute; left:35%; background-size: cover; top:36%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}
.marka15{position: absolute; left:67%; background-size: cover; top:36%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}

.marka16{position: absolute; left:3%;  background-size: cover; top:45%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}
.marka17{position: absolute; left:35%; background-size: cover; top:45%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}
.marka18{position: absolute; left:67%; background-size: cover; top:45%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}

.marka19{position: absolute; left:3%;  background-size: cover; top:54%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}
.marka20{position: absolute; left:35%; background-size: cover; top:54%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}
.marka21{position: absolute; left:67%; background-size: cover; top:54%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}

.marka22{position: absolute; left:3%;  background-size: cover; top:63%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}
.marka23{position: absolute; left:35%; background-size: cover; top:63%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}
.marka24{position: absolute; left:67%; background-size: cover; top:63%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}

.marka25{position: absolute; left:3%;  background-size: cover; top:72%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}
.marka26{position: absolute; left:35%; background-size: cover; top:72%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}
.marka27{position: absolute; left:67%; background-size: cover; top:72%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}

.marka28{position: absolute; left:3%;  background-size: cover; top:81%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}
.marka29{position: absolute; left:35%; background-size: cover; top:81%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}
.marka30{position: absolute; left:67%; background-size: cover; top:81%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}

.marka31{position: absolute; left:3%;  background-size: cover; top:90%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}
.marka32{position: absolute; left:35%; background-size: cover; top:90%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}
.marka33{position: absolute; left:67%; background-size: cover; top:90%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}

.marka34{position: absolute; left:3%;  background-size: cover; top:99%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}
.marka35{position: absolute; left:35%; background-size: cover; top:99%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}
.marka36{position: absolute; left:67%; background-size: cover; top:99%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}

.marka37{position: absolute; left:3%;  background-size: cover; top:108%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}
.marka38{position: absolute; left:35%; background-size: cover; top:108%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}
.marka39{position: absolute; left:67%; background-size: cover; top:108%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}

.marka40{position: absolute; left:3%;  background-size: cover; top:117%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}
.marka41{position: absolute; left:35%; background-size: cover; top:117%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}
.marka42{position: absolute; left:67%; background-size: cover; top:117%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}

.marka43{position: absolute; left:3%;  background-size: cover; top:126%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}
.marka44{position: absolute; left:35%; background-size: cover; top:126%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}
.marka45{position: absolute; left:67%; background-size: cover; top:126%;  width:30%; height:7%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:15px;}


.haber_foto1{position: absolute; left:2%;  background-size: cover; top:0%;   width:20%;   height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto2{position: absolute; left:27%; background-size: cover; top:0%;   width:20%;	height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto3{position: absolute; left:52%; background-size: cover; top:0%;   width:20%;	height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto4{position: absolute; left:77%; background-size: cover; top:0%;   width:20%;	height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}

.haber_foto5{position: absolute; left:2%; background-size:  cover; top:12%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto6{position: absolute; left:27%;   background-size: cover; top:12%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto7{position: absolute; left:52%;  background-size: cover; top:12%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto8{position: absolute; left:77%;  background-size: cover; top:12%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}

.haber_foto9{position: absolute;  left:2%;  background-size: cover; top:24%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto10{position: absolute; left:27%; background-size: cover; top:24%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto11{position: absolute; left:52%;  background-size: cover; top:24%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto12{position: absolute; left:77%; background-size: cover; top:24%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}

.haber_foto13{position: absolute; left:2%; background-size: cover; top:36%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto14{position: absolute; left:27%; background-size: cover; top:36%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto15{position: absolute; left:52%; background-size: cover; top:36%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto16{position: absolute; left:77%;  background-size: cover; top:36%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}

.haber_foto17{position: absolute; left:2%; background-size: cover; top:48%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto18{position: absolute; left:27%; background-size: cover; top:48%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto19{position: absolute; left:52%; background-size: cover; top:48%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto20{position: absolute; left:77%; background-size: cover; top:48%; width:20%; height:10%;  border:#064b72;  border-style:solid;  border-width:1px;}
}







.h1_1 {font:10px verdana; color:#444444;}
.h1_11 {font:10px verdana; color:#dadada;}
.h1_2 {font:10px verdana; color:#ffffff;}
.h1_3{font:10px verdana; color:#ff0000;}

.h2_1 {font:14px verdana; color:#444444;}
.h2_2 {font:14px verdana; color:#ffffff;}

.h3_1 {font:16px verdana; color:#000000;}
.h3_2 {font:16px verdana; color:#ffffff;}



.h4_1 {
font:12px Century Gothic; color:#000000;
}
.h4_2 {
font:12px Century Gothic; color:#ffffff;
}

.h5_1 {
font:25px Century Gothic; color:#000000;
}
.h5_2 {
font:25px Century Gothic; color:#ffffff;
}


.h6_1 {
font:30px Century Gothic; color:#000000;
}
.h6_2 {
font:30px Century Gothic; color:#ffffff;
}

.urun_adi{font:25px Century Gothic; color:#000000;}


.link1 {color:#444444; text-decoration:none; }
A:hover.link1 { color:#ff0000; text-decoration:none; font-weight: bold;}
.link2 {color:#ffffff; text-decoration:none; }
A:hover.link2 { color:#ff0000; text-decoration:none;font-weight: bold; }
.link3 {color:#ff0000; text-decoration:none; }
A:hover.link3 { color:#e8e8e8; text-decoration:none; }
.bordolink {color:#c40000; text-decoration:none; }
A:hover.bordolink { color:#000000; text-decoration:none; }


.logo_link {border: solid 1px transparent;  padding:10;}
.logo_link:hover{border: solid 1px #444444; padding:10;}



.red_buton {font-family: verdana; font-size:12px; color:#ffffff; vertical-align: middle; background-color:#ff0000; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;   cursor:hand;}
.red_buton1 {font-family: Tahoma; font-size:16px; color:#ffffff; vertical-align: middle; background-color:#ff0000; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;   cursor:hand;}
.gray_buton {font-family: verdana; font-size:12px; color:#ffffff; vertical-align: middle; background-color:#888888; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; width:100; height:25;  cursor:hand;}
.gray_buton1 {font-family: verdana; font-size:16px; color:#ffffff; vertical-align: middle; background-color:#888888; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; width:250; height:25;  cursor:hand;}
.up_buton {font-family: verdana; font-size:1px; color:#ffffff; vertical-align: middle; background-color: Transparent; background-image:url(up.png); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; width:30; height:12;  cursor:hand;}
.cop_buton {font-family: verdana; font-size:1px; color:#ffffff; vertical-align: middle; background-color: Transparent; background-image:url(cop.png); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; width:22; height:25;  cursor:hand;}
.on_buton {font-family: verdana; font-size:1px; color:#9bfaaf; vertical-align: middle; background-color: Transparent; background-image:url(on_buton.png); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; width:30; height:18;  cursor:hand;}
.off_buton {font-family: verdana; font-size:1px; color:#c6caca; vertical-align: middle; background-color: Transparent; background-image:url(off_buton.png); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; width:30; height:18;  cursor:hand;}
.close_buton {font-family: Verdana; font-size:1px; color:#808080; background-color: Transparent;  background-image: url(close_button.png);  border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; width:31; height:31;  cursor:hand;}
.bos {background-color: Transparent;  border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; cursor:hand;}
.bos_index {background-color: Transparent;  border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; cursor:hand;}


.ara_buton{  font-family: Tahoma; font-size: 1px; color:#ffffff; background-image: url(ara.png); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; width: 28px; height: 28px; }
.ara_input{  font-family: verdana; font-size: 16; color:#000000;  border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}




.img_logo {
height:70%;
max-height: 200px;
width: auto;
}

.img_logo2{
height:90%;
max-height: 100px;
width: auto;
}

.img_logo3{
width:90%;
height: auto;
max-width: 80px;
max-height: 25px;

object-fit:contain;
}
.buyuk_resim{
width:90%;
height: auto;
max-width: 90%;
max-height:90%;
object-fit:contain;

}

.input1 
{
font-family: Tahoma; 
font-size:14px; 
color:#444444; 
padding: 5px;
vertical-align: middle; 
border: solid 1px #444444;
}

.element {
    object-fit: contain;
}


.logo_kutu1{
position:relative; 
width:100; 
height:40; 
display:flex;
background-color: #ffffff;
border-radius: 8px;
border-style:solid;  
border-width:1px;
border-color: #3d6889;
padding:5px;
display: block;
text-align: center;
}

.logo_kutu2{
position:relative; 
width:150; 
height:60; 
display:flex;
background-color: #ffffff;
padding:5px;
display: block;
text-align: center;
}

.yuvarlak_buton1 
{
width:50; 
height:50; 
background-color:#fcdde4;
display:flex;
border-radius:50px;
border-style:solid;  
border-width:2px;
border-color: #fd8fa8; 
cursor:hand;
display:flex;
justify-content:center;
padding:0px;
align-items:center; 
font:12px verdana; 
font-weight: bold;
color:#444444;
}
.yuvarlak_buton1:hover
{
background-color:fe3260;
font:12px verdana; 
font-weight: bold;
color:#ffffff;
border-style:solid;  
border-width:2px;
border-color: #fd8fa8; 
}


.yuvarlak_buton2 
{
width:30; 
height:30; 
background-color:#fe3260;
display:flex;
border-radius:30px;
border-style:solid;  
border-width:2px;
border-color: #fd8fa8; 
cursor:hand;
display:flex;
border-radius:30px;
justify-content:center;
padding:0px;
align-items:center; 
font:12px verdana; 
font-weight: bold;
color:#ffffff;
}


.urun_buton1 
{
width:100%; 
height:35; 
background-color:#e8e8e8;
border-radius:5px 5px 0px 0px;
border-style:solid;  
border-width:1px;
border-color:a0a0a0; 
border-left-width: 1px;
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 0px; 
cursor:hand;
display:flex;
justify-content:center;
padding:0px;
align-items:center; 
text-decoration:none; 
font:12px  Century Gothic; 
font-weight: bold;  
color:#444444;
}
.urun_buton1:hover
{
width:100%; 
height:35; 
background-color:ffffff;
border-radius:5px 5px 0px 0px;
border-style:solid;  
border-width:1px;
border-color:a0a0a0; 
border-left-width: 1px;
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 0px; 
cursor:hand;
display:flex;
justify-content:center;
padding:0px;
align-items:center; 
text-decoration:none; 
font:12px  Century Gothic; ;
font-weight: bold; 
color:#ff0000;
}

.urun_buton2
{
width:100%; 
height:35; 
background-color:ffffff;
border-radius:5px 5px 0px 0px;
border-style:solid;  
border-width:1px;
border-color:a0a0a0; 
border-left-width: 1px;
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 0px; 
cursor:hand;
display:flex;
justify-content:center;
padding:0px;
align-items:center; 
text-decoration:none; 
font:12px  Century Gothic; ;
font-weight: bold; 
color:#000000;
}



.urun_buton3
{
width:200; 
height:35; 
background-color:#ffffff;
border-radius:5px 5px 5px 5px;
border-style:solid;  
border-width:1px;
border-color:a0a0a0; 
cursor:hand;
display:flex;
justify-content:center;
padding:0px;
align-items:center; 
text-decoration:none; 
font:12px  Century Gothic; 
font-weight: bold;  
color:#444444;
}

.urun_buton3:hover
{
width:200; 
height:35; 
background-color:#ffffff;
border-radius:5px 5px 5px 5px;
border-style:solid;  
border-width:1px;
border-color:a0a0a0; 
cursor:hand;
display:flex;
justify-content:center;
padding:0px;
align-items:center; 
text-decoration:none; 
font:12px  Century Gothic; 
font-weight: bold;  
color:#ff0000;
}



.urun_buton3_1
{
width:200; 
height:35; 
background-color:#e8e8e8;
border-radius:5px 5px 5px 5px;
border-style:solid;  
border-width:1px;
border-color:a0a0a0; 
cursor:hand;
display:flex;
justify-content:center;
padding:0px;
align-items:center; 
text-decoration:none; 
font:12px  Century Gothic; 
font-weight: bold;  
color:#444444;
}







.bg1 {background-color: #828282;}
.bg2 {background-color: #f0f0f0;}
.red_bg1{background-color: #f6303f;}
.white_bg1{background-color: #ffffff;}
.yellow_bg1{background-color: #faa51a;}
.yellow_bg2{background-color: #e8ffb4;}
.blue_bg1{background-color: #064b72;}
.blue_bg2{background-color: #bddefd;}




.gray_border1 { border:#828282;  border-style:solid;  border-width:1px;}
.gray_border2 { border:#dddddd;  border-style:solid;  border-width:1px;}
.kalin_border1 { border:#949494;  border-style:solid;  border-width:20px;}
.blue_border1 { border:#064b72;  border-style:solid;  border-width:1px;}
.blue_border2 { border:#bddefd;  border-style:solid;  border-width:1px;}


.yon_baslik
{
position:relative; 
width;1000; 
height:100; 	
background-image:url(../images/yon_baslik.jpg);	
}

.yon_baslik1
{
position:relative; 
top:5; 
left:550; 
width:450; 
height:80; 
}


.beyaz_bant1{
  position:absolute; 
  margin: 0 auto; 
  top: 0px; 
  left: 0px; 
  background-color: #f0f0f0; 
  width: 100%; 
  height: 100%; 
  z-index:100;
   -khtml-opacity:.90; 
 -moz-opacity:.90; 
 -ms-filter:”alpha(opacity=90)”;
  filter:alpha(opacity=90);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.9);
  opacity:.90; 
}


input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type='radio']:after {
        width: 20px;
        height: 20px;
        position: relative;
        background-color: #ffffff;
        content: ' ';
        display: inline-block;
        visibility: visible;
        border-radius: 15px;		
        border-width: 1px;
        border-style: solid;
        border-color: #444444;
    }

    input[type='radio']:hover:after {
        width: 20px;
        height: 20px;
        position: relative;
        background-image: url(radio_onay_hover.png);
        content: ' ';
        display: inline-block;
        visibility: visible;
        border-radius: 15px;		
        border-width: 1px;
        border-style: solid;
        border-color: #444444;
		
    }    input[type='radio']:checked:after {
        width: 20px;
        height: 20px;
        position: relative;
        background-image: url(radio_onay.png);
        content: ' ';
        display: inline-block;
        visibility: visible;
        border-radius: 15px;		
        border-width: 1px;
        border-style: solid;
        border-color: #444444;
    }
	
	
	
	
	
	input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type='checkbox']:after {
        width: 25px;
        height: 25px;
        position: relative;
        background-color: #ffffff;
        content: ' ';
        display: inline-block;
        visibility: visible;
		border-radius: 1px;
        border-width: 1px;
        border-style: solid;
        border-color: #444444;
    }

    input[type='checkbox']:hover:after {
        width: 25px;
        height: 25px;
        position: relative;
        background-image: url(check_onay_hover.png);
        content: ' ';
        display: inline-block;
        visibility: visible;
        border-radius: 1px;		
        border-width: 1px;
        border-style: solid;
        border-color: #444444;
		
    }    input[type='checkbox']:checked:after {
        width: 25px;
        height: 25px;
        position: relative;
        background-image: url(check_onay.png);
        content: ' ';
        display: inline-block;
        visibility: visible;
        border-radius: 1px;		
        border-style: solid;
        border-color: #444444;
    }
	




.red_check[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.red_check[type='checkbox']:after {
        width: 25px;
        height: 25px;
        position: relative;
        background-color: #ffffff;
        content: ' ';
        display: inline-block;
        visibility: visible;
		border-radius: 1px;
        border-width: 1px;
        border-style: solid;
         border-color: #ff0000;
    }

.red_check[type='checkbox']:hover:after {
        width: 25px;
        height: 25px;
        position: relative;
        background-image: url(check_onay_hover.png);
        content: ' ';
        display: inline-block;
        visibility: visible;
        border-radius: 1px;		
        border-width: 1px;
        border-style: solid;
         border-color: #ff0000;
		
    }   
.red_check[type='checkbox']:checked:after {
        width: 25px;
        height: 25px;
        position: relative;
        background-image: url(red_check_onay.png);
        content: ' ';
        display: inline-block;
        visibility: visible;
        border-radius: 1px;		
        border-style: solid;
        border-color: #ff0000;
    }
	

  	.hover_table{
		
		border-collapse:collapse; 
	}
	.hover_table td{ 
		padding:7px; border:#4e95f4 1px solid;
	}
	/* Define the default color for all the table rows */
	.hover_table tr.a{
		background: #f0f0f0;
	}
	.hover_table tr.b{
		background: #ffffff;
	}
	/* Define the hover highlight color for the table row */
    .hover_table tr:hover {
          background-color: #ffff99;
    }

.list1 tr:hover td {
    background-color:#fefefe;
}
