html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	margin:0;

	padding:0;

	border:0;

	outline:0;

	;

}

.body1{ background:url(en/pict/bgo1.jpg) repeat-y top;

	margin:0 auto;

    font-family: Verdana; font-size:14px; color: #333333; text-align:justify; line-height:20px;}

	

	

.body2{ background:url(en/pict/bgo1.jpg) repeat-y top;

background-color:#FFF;

	margin:0 auto;

    font-family: Verdana; font-size:14px; color: #333333; text-align:justify; line-height:20px;

	}

.urunresim { position:relative; top:-270px; color:#FFF;}

.cati	{margin: 0px auto; width:1000px; height:100%;}

.sitelogo{margin-top:50px;}

.bin {}

.fl {float:left;}

.dillink{position:relative; top:54px; left:730px; z-index:10;}

.header 	{height:40px;   }

.header2{height:55px; border:#000 solid 0px;}

.teknologo{ margin-left:36px; margin-top:5px;}

.headerimg 	{ top:40px; position:absolute;}

.section	{ width:100%; border:#000 solid 0px; margin-bottom:60px; }



.aramabaslik{ text-align:center;}

.footer {background:#218295; repeat-x scroll 0 0 transparent; bottom:-1px; position: fixed;  width:100%; height:45px;  }

.aramasonuc{ width:700px; border:#000 solid 0px; margin:0 auto;}

.footercati	{margin: 0px auto; width:1000px; height:100%; padding-top:5px; }

.footer .orta{margin: 0px auto; width:980px; padding:0px 0px 0px 0px;  }

.footer .sol{padding:10px 10px 0px 10px; float:left; font-family: Verdana, Geneva, sans-serif; font: Verdana, Geneva, sans-serif; font-size:18px; color:#666;}

.footer .logo{ width:50px; height:50px; float:right;  background: url(pict/bubi_web_logo.png) no-repeat 0 0; display:block; margin:25px 0 0 0; }

.footer .logo:hover{background:url(pict/bubi_web_logo.png) no-repeat 0 -50px;}

.dn {display: none !important;}

.altyazi{font-family: Arial, Verdana, sans-serif; font-size:12px; color: #fff; text-align:left; line-height:20px;}

.altyazi a{font-family: Arial, Verdana, sans-serif; font-size:12px; color: #fff; text-align:left; line-height:20px;}

.altbaslik {font-family: Arial, Verdana, sans-serif; font-size:14px; color: #fff; text-align:left; line-height:20px; font-weight:bold;}





.ortamenu	{margin: 0px auto; width:1000px; margin-bottom:5px;z-index:2; }

.cubuk		{color: #F00;}



.bloksol	{width:200px; overflow:hidden }

.blokorta	{width:1000px; overflow:hidden}

.bloksag	{width:199px; border-left: 1px dotted #999; overflow:hidden; margin-top:5px}



.detayana 	{width:1000px; padding:10px 10px 10px 10px; border:#000 solid 0px;}

.detayana img { padding:0px 10px 0px 0px;}

.detayana p{ margin:0px;}



.iletisimsol {width:448px; float:left; padding:5px; margin-top:15px; border-right: #999 1px solid; margin-left:15px;}

.iletisimsag {width:510px; float:left; padding:5px;margin-top:15px}

.unvan		 {font-family: Verdana; font-size:16px; font-weight:bold; color: #333;}

.adres		 {font-family: Verdana; font-size:14px; margin-top:10px; color:#666;}



.sistemsayfasi  	{ margin-bottom:10px;  font-family:Verdana; font-size:14px; width:30%; float:left;color:#666; }

.sistemsayfasi2  	{ margin-bottom:10px;  font-family:Verdana; font-size:14px; width:70%; float:left; }



/*BLOG*/
.solblok{ width:860px; margin:0 auto; margin-top:20px;}

/* sol list*/
.bloglist{ padding-bottom:10px; margin-bottom:10px;  float:left; width:200px; margin-right:15px; height:181px; overflow:hidden;}
.bloglist_resim{ width:200px; margin-right:20px; float:left; overflow:hidden; margin-top:3px;}
.bloglist_resimboyut{ max-width:190px; border:#b79c89 solid 2px;}
.bloglist_baslik{ float:left; width:200px;}
.bloglist_aciklama{ float:left; width:200px;}
.h1_title{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.link{ color:#666;}


/*Blog Detay */
.icerikdetaybaslik{font-family:Arial, Helvetica, sans-serif; color:#555; font-size:24px; font-weight:bold; line-height:34px; margin-top:10px; text-align:left; width:530px;   float:left;}
.icerikdetayaciklama{font-family:Arial,Helvetica,sans-serif;font-weight:bold;color:#444;font-size:16px;margin-bottom:10px;text-align:left; float:left; width:530px; }
.icerikdetaytarih{font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:30px; color:#626262;}
.icerikdetayuzun{ margin-top:10px; font-family:Arial, Helvetica, sans-serif;font-size:14px; color: #444; 
line-height:24px;  padding-right:10px;}
.icerikresim{ width:310px; float:left; margin-top:5px;}
.icerikdetayresimboyut{width:300px; margin-right:10px;background-color: #64cfcf;  border: 1px solid #64cfcf;  box-sizing: border-box; display: inline-block; max-width: 100%; padding: 3px; float:left; }


/*GALERİ*/

.fotoicerik{ float:left; margin-bottom:10px; width:860px; }
.fotoblok{float: left;width: 150px; height: 130px; margin: 5px; overflow: hidden;  padding:5px;  background:#64cfcf; -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}
.fotoresim{ }
.fotoresimboyut{ width:150px; height:130px;}




/*ALTMENULER */

.altmenuler{margin-top:400px; margin-bottom:50px;}

.bant_haber{float:left; width:450px; height:140px; background: url(en/pict/bant.png) no-repeat;  margin-left:30px; padding-left:20px; padding-top:60px;}

.bant_yeni{float:left; width:450px; height:200px; background: url(en/pict/bant_yeni.png) no-repeat;  margin-left:30px;}

/*Eng için*/



.bant_haberen{float:left; width:450px; height:140px; background: url(en/pict/dosya/news.png) no-repeat;  margin-left:30px; padding-left:20px; padding-top:60px; }

.bant_yenien{float:left; width:450px; height:200px; background: url(en/pict/dosya/new-products.png) no-repeat;  margin-left:30px; }

.scroll{ height:120px; overflow:hidden; border:#000 solid 0px; }



.haberyaz{height:auto; width:400px; overflow:hidden; text-align:left; border-bottom:#999 solid 1px; margin:10px 0px 0px 0px; }

.haberyaziresim { margin-top:0px; float:left;}



a.haberyazlink		{color: #000; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; }

a.haberyazlink:hover{  text-decoration:underline;}



.anasayfahaberlistele p{ color:#005a84; border:#000 solid 0px; padding-top:20px; width:200px; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold; }





/* HABER LISTE SAYFASI */

.haberlisteana { border:#000 solid 0px;  background-color:#ffffff; margin:5px; opacity:0.7; filter:alpha(opacity=60); position:relative; border:#000 solid 0px;}

.haberliste{ height:auto; overflow:hidden; border:#000 solid 0px; padding:5px; padding-left:60px; margin:0 auto; text-align:left; border-bottom:#999 solid 1px;}



.haberyenibaslik{ float:left; width:310px; height:auto; border:#000 solid 0px;overflow:hidden; }

.haberyenitarih{ float:left; width:150px; height:auto; border:#000 solid 0px;overflow:hidden;}

.haberyeniyer{ float:left; width:180px; height:auto;	border:#000 solid 0px; overflow:hidden;}

.haberyeniweb{ float:left; width:230px; height:auto;	border:#000 solid 0px;overflow:hidden;}



.haberustbasliklar{ border:#000 solid 0px; height:30px; padding-left:65px; border-bottom:#999 solid 1px; margin-top:20px;}

.haberustbaslik{ width:310px; float:left; height:30px;}

.haberusttarih{ width:150px; float:left; height:30px;}

.haberustyer{ width:150px; float:left; height:30px;}

.haberustweb{ width:150px; float:left; height:30px;}





.haberlisteresim{ width:100px; height:80px; border:#000 solid 0px; float:left;}

.haberliste p{float:left; padding-left:7px; color:#005a84;font-size:16px; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold;border:#000 solid 0px;}

.haberlisteyazi{float:left; width:600px; height:40px; overflow:hidden; padding-left:7px;border:#000 solid 0px;}



/*ALT BÖLÜM */

.altlogo{ float:right; position:relative; margin-top:-110px; }

.altmail {float:left; position:relative; margin-top:-60px; margin-left:20px; font-family:Verdana, Geneva, sans-serif; font-style:italic; font-weight:bold;}









/*  	HABERLER		*/

.haberkutu 		{width:319px; margin: 5px 0px 5px 10px; float:left; border:#333  solid 1px; }

.haberkutucizgi	{width:319px; height:8px; background-color:#333; }

.haberkutuic 	{width:309px; padding:5px; height:300px; overflow:hidden;}

.haberresim 	{width:309px; height:210px;  overflow:hidden;}

.haberresim:hover{background-color: #fff; filter: alpha(opacity=50); -moz-opacity:.50; -khtml-opacity: .50; opacity: .50; border:none; }







.haberbaslik	{font-family: Georgia, "Times New Roman", Times, serif; font-size:18px;  color: #333; font-weight:bold; margin-top:5px; height:42px; }

.haberaciklama	{font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#999;  }



/*  	HABER DETAY SAYFASI		*/

.haberdetaykutu { width:960px; padding:5px; margin:15px;}

.haberdetaykutuic {}



.haberdetaybaslik {font-family: Georgia, "Times New Roman", Times, serif; font-size:24px;  color:#005a84; font-weight:bold; float:left; text-align:left;}

.haberdetayyazi { font-family:Verdana; font-size:12px; color: #999;  text-align:justify; padding-top:5px; font-weight:normal; line-height:15px; }

.altcizgi {border-bottom: #CCCCCC solid 1px ; padding-top:2px;}

.haberdetayresim {margin: 0px 10px 0px 0px; float:left; padding-top:50px;}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////// */



/*  	FOTO GALERİ		*/

.fotoadmin {  padding:5px; text-align:center; background-color:#000000; font-family: Verdana; font-size:16px; font-weight:bold; color:#999;}

.fotoekle {  padding:5px; text-align:center; background-color: #FFCC00; font-family: Verdana; font-size:16px; font-weight:bold; color:#000;}

.fotokutu { width:238px;  margin: 10px 5px 10px 0px; float:left; background-color:#fff; text-align:center; font-family: Verdana; font-size:16px; font-weight:bold; color:#666666; border:#999999  solid 1px; }

.fotokutuic { width:228px; padding:5px;}

.fotobaslik		{ font-family: Verdana; font-size:14px;  color: #F00; font-weight:bold; margin-top:5px; height:30px; }

.videobaslik		{ font-family: Verdana; font-size:12px;  color: #0000FF; font-weight:bold; margin-top:5px; margin-left:10px; height:20px; text-align:left; }

.fotoadet		{ font-family: Geneva, Arial, Helvetica, sans-serif; font-size:10px;  color: #666;  }

.fotoresim {}

.fotodetayustu { width:800px; }

.fotodetaykutu { width:233px;  margin:5px; float:left;  border:#999999  solid 1px; }

.fotodetaykutuic { width:223px; padding:5px;}

.xfotodetaykutu {   margin:5px; float:left;  border:#999999  solid 1px; }

.xfotodetaykutuic { padding:3px;}

.fotodetaybaslik{ font-family: Verdana; font-size:18px; font-weight:bold;  color: #000066; margin-bottom:10px;  }

a.massfoto		{color: #0066FF; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; }

a.massfoto:hover{  text-decoration:underline;}

.fotogaleribaslik {color: #F60; font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top: 10px; }



/* VİDEO GALERİ ////////////////////////////////////////////////////////////////////////////////////// */

.videosol{ width:570px; float:left;}

.videosag{ width:210px; float:left;}

.videokutu { width:550px; }

.videokutubaslik { margin-top:3px;  }

.videoana{ width:490px; float:left;}

a.videolink		{color: #0066FF; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:20px; }

a.videolink:hover{  text-decoration:underline;}

.transparan 		{background-color:#fff; filter: alpha(opacity=70); -moz-opacity:.70; -khtml-opacity: .70; opacity: .70; margin:20px;  }

.videokutu { width:530px;  margin:5px; text-align:center; font-family: Verdana; font-size:18px; font-weight:bold; color: #fff; }

.videilkkutu { width:130px; height:170px;  margin:5px; float:left; background-color:#fff; text-align:center; font-family: Verdana; font-size:16px; font-weight:bold; color:#666666; }

.videokutubaslik { margin-top:3px;  }

/* //////////////////////////////////////////////////////////////////////////////////////////////// */

.button {color: #003333; font-family: Verdana; text-align: center; font-size: 12px; border: 2px double #cccccc; width: auto;   margin: 1px;}

.inputbox {padding: 2px; border:solid 1px #cccccc; background-color: #ffffff;}

.clear { clear:both;}

a img {border:none;}



a:link { text-decoration: none; border:none; }

a:visited { text-decoration: none; border:none; }

a:hover { text-decoration: none; border:none; }

a:active { text-decoration: none; border:none;}







/*URUNLER - URUNDETAY*/

.urundetaybolumu{ width:1000px; height:450px; border:#000 solid 0px;}

.urunsolkutu{ background-image:url(en/pict/dosya/kategori.png); background-repeat:no-repeat; float:left; width:504px; height:295px; position:relative; left:20px; top:30px; z-index:1; border:#000 solid 0px;}

.urunsagkutu{ background-image:url(en/pict/dosya/tablolar.png); background-repeat:no-repeat; float:left;width:490px; height:300px; z-index:-1; border:#000 solid 0px; position:relative; right:30px;}

.urunkod{ color:#fff; margin-top:80px;  font-size:24px; font-family:Arial, Helvetica, sans-serif; font-style:italic; margin-left:10px; text-align:center; border:#000 solid 0px; width:150px; font-weight:bold;}

.urunadi{color:#fff; margin-top:12px; margin-left:20px; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-style:italic; border:#000 solid 0px; width:130px; text-align:center; height:90px;}

.urunresim img{width:300px; height:175px;border:#000 solid 0px; margin-top:110px; margin-left:167px;}



.tablolar{ border:#f00 solid 0px; margin-top:30px; margin-left:50px; width:400px; height:230px; font-size:10px; color:#fff;}

.digerurunler{ margin-left:650px; color:#0b5b66; font-style:italic; font-size:22px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }

.digerurunlistesi{ border:#000 solid 0px; margin-left:600px; font-style:italic; text-align:left; }



.detayanakategori h3{color:#0a8191; text-align:center; } 

.ucati2	{width:700px; height:22px; border-bottom:#999999 solid 1px; margin-top:5px;margin:0 auto;}

.usol	{width:100px; float:left;color:#0b5b66; border:#000 solid 0px; overflow:hidden;text-align:left; }

.uorta	{width:380px; float:left; color:#0b5b66;border:#000 solid 0px; overflow:hidden;text-align:left; }

.usag	{width:220px; float:left;color:#0b5b66; border:#000 solid 0px; overflow:hidden; text-align:left; border:#000 solid 0px; height:18px; }





.uruncerceve{border:#fff solid 0px; margin-top:25px; margin-left:50px; width:410px; height:233px; font-size:12px; color:#fff;}

.uruncerceve p{ padding:6px;}

.tablobaslik{width:197px; border:#fff solid 1px; float:left; padding-left:3px;}

.tabloozellik{width:197px; border:#fff solid 1px; float:left; padding-left:3px;}



/*diger urunler*/

.detaycercevesiz{border:#000 solid 0px; margin-top:20px; margin-bottom:50px;  }

.urunsolkutu2{ border:#000 solid 0px; width:auto; float:left; padding-top:10px; padding-left:50px; }

.urunkod2{width:300px; border:#000 solid 0px;text-align:left;color:#4f4f4f; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold;}

.urunyandetay2{width:300px; border:#000 solid 0px;text-align:left;color:#666; font-size:14px; font-family:Arial, Helvetica, sans-serif;}

.urunsagkutu2{ border:#000 solid 0px; float:right; width:570px; padding-right:50px; text-align:left; color:#666;}

.urunresim2{border:#000 solid 0px; padding-left:5px;}



/*Haber sayfalama */

.haberlisteaktif{ padding:3px 5px; background-color:#218295; color:#f0f0f0; border:2px solid #cfcfcf; margin:3px;}

.haberlisteaktif0{ padding:3px 5px; background-color:#218295; color:#fff; border:2px solid #ddd; text-decoration:none; margin:3px;}

.haberlistesayfala{ margin-top:10px;}




/*sayfalama */

.sayfala{ margin:10px auto; width:1000px; float:left; text-align:center; height:20px; }

.aktif { padding:3px 5px; background:#218295; color:#fff; margin:1px;}

.aktifler{ padding:3px 5px; background:#218295; color:#fff; text-decoration:none; margin:1px;} 

.aktifd{ width:30px; height:20px; float:left;}

.aktiflerd{ height:24px; float:left;}

.aktiflerilkson{ height:24px; float:left;}