html,body{
    margin: 0px;
    padding: 0px;
    font-family: "Arial";
    color: #000;
    min-width: 996px;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSansRegular/opensans-regular-webfont.eot');
    src: url('../fonts/OpenSansRegular/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSansRegular/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/OpenSansRegular/opensans-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight_italic';
    src: url('../fonts/OpenSansLightItalic/opensans-lightitalic-webfont.eot');
    src: url('../fonts/OpenSansLightItalic/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSansLightItalic/opensans-lightitalic-webfont.woff') format('woff'),
         url('../fonts/OpenSansLightItalic/opensans-lightitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/OpenSansItalic/opensans-italic-webfont.eot');
    src: url('../fonts/OpenSansItalic/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSansItalic/opensans-italic-webfont.woff') format('woff'),
         url('../fonts/OpenSansItalic/opensans-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotolight';
    src: url('../fonts/Robotolight/roboto-light-webfont.eot');
    src: url('../fonts/Robotolight/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Robotolight/roboto-light-webfont.woff') format('woff'),
         url('../fonts/Robotolight/roboto-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/OpenSansLight/opensans-light-webfont.eot');
    src: url('../fonts/OpenSansLight/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSansLight/opensans-light-webfont.woff') format('woff'),
         url('../fonts/OpenSansLight/opensans-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Square721CnBTRoman';
    src: url('../fonts/Square721CnBT/sqr721c_0.eot');
    src: url('../fonts/Square721CnBT/sqr721c_0.eot') format('embedded-opentype'),
         url('../fonts/Square721CnBT/sqr721c_0.woff') format('woff'),
         url('../fonts/Square721CnBT/sqr721c_0.ttf') format('truetype'),
         url('../fonts/Square721CnBT/sqr721c_0.svg#Square721CnBTRoman') format('svg');
}

@font-face {
    font-family: 'zurich_cn_btregular';
    src: url('../fonts/ZurichCnBT/zurch_0-webfont.eot');
    src: url('../fonts/ZurichCnBT/zurch_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ZurichCnBT/zurch_0-webfont.woff') format('woff'),
         url('../fonts/ZurichCnBT/zurch_0-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/OpenSansSemiBold/opensans-semibold-webfont.eot');
    src: url('../fonts/OpenSansSemiBold/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSansSemiBold/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSansSemiBold/opensans-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

.wrapper
{
	width: 996px;
	height: auto;
	margin: 0 auto;
}
.top
{
	width: 100%;
	height: auto;
	padding-top: 25px;
	padding-bottom: 15px;
	border-bottom: 1px solid #c7c7c7;
	margin-bottom: 15px;
	float: left;
}
.logo
{
	width: 246px;
	height: 141px;
	background-image: url('../images/logo.png');
	background-repeat: no-repeat;
	float: left;
}
.ust_bolum
{
	width: auto;
	height: auto;
	float: right;
}

/*
.dil_bg
{
	width: 25px;
	height: 21px;
	background-image: url('../images/dil_bg.png');
	background-repeat: no-repeat;
	padding-left: 8px;
	font-family: "open_sansregular";
	font-size: 11px;
	color: #FFF;
	padding-top: 15px;
	text-decoration: none;
	float: left;
}

*/

.dil_bg
{
	width: 25px;
	height: 16px;
	padding: 20px 0 0 0;
	margin: 0 0 0 5px;
	float: left;
	background-position: top;
	background-repeat: no-repeat;
	background-size: 25px auto;
	font-family: 'open_sansregular';
	font-size: 12px;
	text-align: center;
	color: #313131;
	text-decoration: none;
}

.projeler_kutu
{
	width: 212px;
	height: 25px;
	background-image: url('../images/projeler_kutu.png');
	background-repeat: no-repeat;
	font-family: "open_sansregular";
	font-size: 12px;
	color: #262626;
	padding-left: 57px;
	padding-top: 10px;
	text-decoration: none;
	float: left;
}
.facebook_icon
{
	width: 51px;
	height: 36px;
	background-image: url('../images/facebook_icon.png');
	background-repeat: no-repeat;
	float: left;
}
.twitter_icon
{
	width: 51px;
	height: 36px;
	background-image: url('../images/twitter_icon.png');
	background-repeat: no-repeat;
	margin-left: -10px;
	margin-right: 20px;
	float: left;
}
.menu_bolum
{
	width: auto;
	height: auto;
	margin-top: 45px;
	float: right;
}
.menu_yazi
{
	font-family: "open_sansregular";
	font-size: 14px;
	color: #363636;
	text-decoration: none;
	margin-left: 22px;
	margin-right: 22px;
	margin-top: 10px;
	float: left;
}
.menu_cizgi
{
	width: 5px;
	height: 38px;
	background-image: url('../images/menu_cizgi.png');
	background-repeat: no-repeat;
	float: left;
}
.sol_menu
{
	width: 266px;
	height: auto;
	float: left;
}
.sol_menu_ic
{
	width: 245px;
	height: auto;
	border-right: 1px solid #c7c7c7;
	float: left;
}
.sol_menu_bg
{
	width: 215px;
	height: 31px;
	background-image: url('../images/sol_menu_bg.png');
	background-repeat: repeat;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	float: left;
}
.sol_menu_cizgi
{
	width: 100%;
	height: 1px;
	background-color: #efefef;
	margin-top: 1px;
	float: left;
}
.sol_menu_yazi1
{
	font-family: "open_sansregular";
	font-size: 14px;
	color: #363636;
	text-decoration: none;
	padding-left: 34px;
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
}
.sol_menu_kutu2
{
	width: 215px;
	height: 30px;
	border-bottom: 1px solid #dadada;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 12px;
	float: left;
}
.sol_menu_yazi2
{
	background-image: url('../images/menu_yazi_icon.png');
	background-repeat: no-repeat;
	background-position: left center;
	font-family: "open_sansregular";
	font-size: 13px;
	color: #363636;
	text-decoration: none;
	padding-left: 33px;
	float: left;
}
.cizgi_bg
{
	width: 20px;
	height: 709px;
	background-image: url('../images/cizgi_bg.png');
	background-repeat: repeat;
	float: left;
}
.slider_bolum
{
	width: 728px;
	height: 437px;
	position: relative;
	float: left;
}
.bannerImg{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-repeat: no-repeat;
	background-position: center center;
}
.banner1
{
	width: 305px;
	height: 437px;
	background-image: url('../images/banner1.png');
	background-repeat: no-repeat;
	float: left;
}
.banner2
{
	width: 542px;
	height: 437px;
	background-image: url('../images/banner2.png');
	background-repeat: no-repeat;
	position: absolute;
	right: 98px;
	float: left;
}
.banner3
{
	width: 305px;
	height: 437px;
	background-image: url('../images/banner3.png');
	background-repeat: no-repeat;
	float: right;
}
.banner_cizgi
{
	width: 100%;
	height: 437px;
	background-image: url('../images/banner_cizgi.png');
	background-repeat: no-repeat;
	position: absolute;
	float: left;
}
.anasayfa_cizgi
{
	width: 730px;
	height: 1px;
	background-color: #c7c7c7;
	margin-top: 15px;
	margin-bottom: 13px;
	float: left;
}
.referanslar_bolum
{
	width: 477px;
	height: auto;
	margin-left: 15px;
	float: left;
}
.baslik_cizgi
{
	width: 100%;
	height: 15px;
	background-image: url('../images/cizgi_bg.png');
	background-repeat: repeat;
	margin-bottom: 15px;
	float: left;
}
.baslik_bg
{
	width: auto;
	height: auto;
	background-color: #FFF;
	padding-right: 20px;
	margin-top: -6px;
	float: left;
}
.baslik_yazi
{
	background-image: url('../images/yazi_icon.png');
	background-repeat: no-repeat;
	background-position: left center;
	font-family: "open_sanslight_italic";
	font-size: 18px;
	color: #2e2e2e;
	padding-left: 22px;
	float: left;
}
.referanslar_kutu
{
	width: 155px;
	height: 80px;
	background-image: url('../images/referanslar_kutu.png');
	background-repeat: no-repeat;
	float: left;
}
.referanslar_kutu_ic
{
	width: 149px;
	height: 76px;
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: 3px;
	margin-top: 2px;
	float: left;
}
.icon_bolum
{
	width: 30px;
	height: auto;
	float: right;
}
.arrow_left
{
	width: 14px;
	height: 15px;
	background-image: url('../images/arrow_left.png');
	background-repeat: no-repeat;
	float: left;
	cursor: pointer;
}
.arrow_right
{
	width: 14px;
	height: 15px;
	background-image: url('../images/arrow_right.png');
	background-repeat: no-repeat;
	float: right;
	cursor: pointer;
}
.katalog_bolum
{
	width: 229px;
	height: auto;
	float: right;
}
.katalog_bg
{
	width: 229px;
	height: 89px;
	background-image: url('../images/katalog_bg.png');
	background-repeat: no-repeat;
	float: left;
}
.katalog_baslik_bg
{
	width: 122px;
	height: 20px;
	background-image: url('../images/slogan_bg.png');
	background-repeat: repeat;
	font-family: "open_sansitalic";
	font-size: 12px;
	color: #b1005d;
	padding-left: 11px;
	padding-top: 3px;
	margin-top: 7px;
	margin-right: 1px;
	float: right;
}
.katalog_yazi
{
	width: 123px;
	height: auto;
	font-family: "open_sansregular";
	font-size: 12px;
	color: #2e2e2e;
	text-decoration: none;
	margin-right: 5px;
	margin-top: 10px;
	float: right;
}
.footer
{
	width: 100%;
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 25px;
	border-top: 1px solid #c7c7c7;
	float: left;
}
.footer_yazi1
{
	font-family: "open_sansregular";
	font-size: 12px;
	color: #232323;
	float: left;
}
.footer_atamedya_logo
{
	width: 93px;
	height: 8px;
	background-image: url('../images/footer_atamedya_logo.png');
	background-repeat: no-repeat;
	margin-top: 5px;
	float: right;
}
.orta_bolum
{
	width: 721px;
	height: auto;
	float: right;
}
.alt_sayfa_baslik_cizgi
{
	width: 100%;
	height: 19px;
	background-image: url('../images/cizgi_bg.png');
	background-repeat: repeat;
	margin-bottom: 15px;
	float: left;
}
.alt_sayfa_baslik_bg
{
	width: auto;
	height: auto;
	background-color: #FFF;
	padding-right: 20px;
	float: left;
}
.alt_sayfa_baslik_yazi
{
	background-image: url('../images/baslik_yazi_icon.png');
	background-repeat: no-repeat;
	background-position: left center;
	font-family: "open_sanslight";
	font-size: 20px;
	color: #b1005d;
	padding-left: 50px;
	margin-top: -4px;
	float: left;
}
.alt_sayfa_banner
{
	width: 721px;
	height: 209px;
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 25px;
	float: left;
}
.baslik_yazi2
{
	background-image: url('../images/yazi_icon.png');
	background-repeat: no-repeat;
	background-position: left center;
	font-family: "open_sanslight";
	font-size: 20px;
	color: #2e2e2e;
	padding-left: 22px;
	float: left;
}
.kurumsal_icerik
{
	width: 100%;
	font-family: "open_sansregular";
	font-size: 12px;
	color: #2e2e2e;
	text-align: justify;
	line-height: 22px;
	margin-bottom: 15px;
	float: left;
}
.uygulamalar_resim_bolum
{
	width: 223px;
	height: 320px;
	margin-right: 25px;
	margin-bottom: 20px;
	float: left;
}
.uygulamalar_resim
{
	width: 221px;
	height: 264px;
	background-repeat: no-repeat;
	background-position: center center;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	float: left;
}
.uygulamalar_resim_baslik
{
	width: 221px;
	line-height: 44px;
	background-image: url('../images/uygulamalar_baslik_bg.png');
	background-repeat: repeat;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	text-align: center;
	font-family: "open_sansregular";
	font-size: 12px;
	color: #363636;
	/* padding-top: 15px; */
	text-decoration: none;
	float: left;
}
.urunler_resim_bg
{
	width: 201px;
	height: 242px;
	background-image: url('../images/urunler_resim_bg.png');
	background-repeat: no-repeat;
	margin-left: 10px;
	margin-top: 11px;
	float: left;
}
.urunler_resim_bg_ic
{
	width: 201px;
	height: 242px;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
}
.urunler_baslik_yazi
{
	background-image: url('../images/urunler_yazi_icon.png');
	background-repeat: no-repeat;
	background-position: left center;
	font-family: "open_sansregular";
	font-size: 14px;
	color: #2b2b2b;
	padding-left: 20px;
	margin-left: 30px;
	float: left;
}
.referanslar_kutu2
{
	width: 171px;
	height: 166px;
	border: 1px solid #d4d4d4;
	margin-right: 9px;
	margin-bottom: 13px;
	float: left;
}
.referanslar_kutu2_ic
{
	width: 155px;
	height: 148px;
	background-image: url('../images/referanslar_kutu2_ic.png');
	background-repeat: no-repeat;
	margin-left: 8px;
	margin-top: 8px;
	float: left;
}
.referanslar_kutu2_ic2
{
	width: 153px;
	height: 146px;
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: 1px;
	margin-top: 1px;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	float: left;
}
.referanslar_kutu2_ic2:hover
{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);	
}
.referanslar_detay_bolum
{
	width: 388px;
	height: auto;
	position: absolute;
	z-index: 1002;
	left: 50%;
	top: 22%;
	margin-left: -144px;
	float: left;
}
.referanslar_detay_ust
{
	width: 388px;
	height: 15px;
	background-image: url('../images/referanslar_detay_ust.png');
	background-repeat: no-repeat;
	float: left;
}
.referanslar_detay_orta
{
	width: 388px;
	height: auto;
	background-image: url('../images/referanslar_detay_orta.png');
	background-repeat: repeat;
	float: left;
}
.referanslar_detay_alt
{
	width: 388px;
	height: 15px;
	background-image: url('../images/referanslar_detay_alt.png');
	background-repeat: repeat;
	float: left;
}
.referanslar_detay_ic
{
	width: 331px;
	height: auto;
	margin-left: 28px;
	margin-top: 25px;
	float: left;
}
.referanslar_detay_logo
{
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
}
.referanslar_detay_cizgi
{
	width: 100%;
	height: 1px;
	background-color: #8a8a8a;
	margin-top: 30px;
	margin-bottom: 30px;
	float: left;
}
.referanslar_detay_yazi
{
	width: 284px;
	font-family: "open_sansregular";
	font-size: 12px;
	color: #363636;
	background-image: url('../images/yazi_icon2.png');
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 8px;
	padding-left: 30px;
	margin-left: 17px;
	float: left;
}
.baslik_yazi3
{
	background-image: url('../images/yazi_icon2.png');
	background-repeat: no-repeat;
	background-position: left center;
	font-family: "open_sanslight";
	font-size: 20px;
	color: #b1005d;
	padding-left: 17px;
	margin-top: -2px;
	float: left;
}
.iletisim_bolum1
{
	width: 320px;
	height: auto;
	margin-top: 5px;
	float: left;
}
.iletisim_yazi1
{
	width: 100%;
	font-family: "Arial";
	font-size: 12px;
	color: #3d3d3d;
	font-weight: bold;
	float: left;
}
.iletisim_yazi2
{
	width: 100%;
	font-family: "Arial";
	font-size: 12px;
	color: #5c5c5c;
	margin-top: 10px;
	line-height: 18px;
	float: left;
}
.tel
{
	width: 290px;
	background-image: url('../images/tel.png');
	background-repeat: no-repeat;
	background-position: left center;
	font-family: "Square721CnBTRoman";
	font-size: 13px;
	color: #424242;
	padding-left: 30px;
	margin-top: 15px;
	float: left;
}
.fax
{
	width: 290px;
	background-image: url('../images/fax.png');
	background-repeat: no-repeat;
	background-position: left center;
	font-family: "Square721CnBTRoman";
	font-size: 13px;
	color: #424242;
	padding-left: 30px;
	margin-top: 15px;
	margin-bottom: 15px;
	float: left;
}
.mail
{
	background-image: url('../images/mail.png');
	background-repeat: no-repeat;
	background-position: left center;
	font-family: "Square721CnBTRoman";
	font-size: 13px;
	color: #424242;
	padding-left: 30px;
	text-decoration: none;
	float: left;
}
.kroki_dis
{
	width: 384px;
	height: 145px;
	background-color: #ededed;
	float: right;
}
.kroki_ic
{
	width: 376px;
	height: 137px;
	border: 1px solid #bdbdbd;
	margin-left: 3px;
	margin-top: 3px;
	float: left;
}
.zoom_icon
{
	width: 100%;
	height: 53px;
	background-image: url('../images/zoom_icon.png');
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 27px;
	float: left;
}
.kroki_baslik_bg
{
	width: 100%;
	height: 22px;
	background-image: url('../images/kroki_baslik_bg.png');
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 5px;
	text-align: center;
	font-family: "zurich_cn_btregular";
	font-size: 16px;
	color: #b1005d;
	padding-top: 7px;
	font-weight: bold;
	float: left;
}
.input_bolum
{
	width: 350px;
	height: auto;
	margin-bottom: 15px;
	float: left;
}
.input_baslik
{
	width: 100%;
	font-family: "zurich_cn_btregular";
	font-size: 13px;
	color: #4b4b4b;
	margin-bottom: 12px;
	float: left;
}
.input_bg
{
	width: 330px;
	height: 33px;
	background-image: url('../images/input_bg.png');
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-right: 10px;
	outline: none;
	border: none;
	background-color: transparent;
	float: left;
}
.input_bg2
{
	width: 700px;
	height: 80px;
	background-image: url('../images/input_bg2.png');
	background-repeat: no-repeat;
	padding: 10px 10px 10px 10px;
	border: none;
	background-color: transparent;
	outline: none;
	resize: none;
	float: left;
	font-family: Arial;
}
.gonder_buton
{
	padding: 0px 35px 0px 10px;
	height: 31px;
	line-height: 33px;
	background: url('../images/gonder_buton.png') right no-repeat ;
	outline: none;
	cursor: pointer;
	border: none;
	border-radius: 3px;
	color: #fbfbfb;
	font-size: 12px;
	background-color: transparent;
	float: right;
}
.slogan_bg1
{
	width: 247px;
	height: 30px;
	background-image: url('../images/slogan_bg1.png');
	background-repeat: no-repeat;
	margin-top: 310px;
	margin-left: 41px;
	margin-bottom: 5px;
	font-family: "open_sanslight";
	font-size: 18px;
	color: #2e2e2e;
	padding-left: 26px;
	padding-top: 6px;
	float: left;
}
.slogan_bg2
{
	width: 262px;
	height: 30px;
	background-image: url('../images/slogan_bg2.png');
	background-repeat: no-repeat;
	margin-right: 156px;
	font-family: "open_sanslight";
	font-size: 18px;
	color: #2e2e2e;
	padding-left: 10px;
	padding-top: 6px;
	float: right;
}
.urun_detay_resim
{
	width: 313px;
	height: 264px;
	background-color: #FFF;
	border: 1px solid #d4d4d4;
	margin-right: 25px;
	margin-bottom: 15px;
	margin-top: 4px;
	float: left;
}
.urun_detay_resim_ic
{
	width: 291px;
	height: 242px;
	background-image: url('../images/urun_detay_resim_ic.png');
	background-repeat: no-repeat;
	margin-top: 11px;
	margin-left: 11px;
	float: left;
}
.urun_detay_resim_ic2
{
	width: 291px;
	height: 242px;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
}
.urun_detay_baslik
{
	width: 381px;
	font-family: "open_sanssemibold";
	font-size: 14px;
	color: #2b2b2b;
	margin-bottom: 10px;
	text-align: justify;
	float: left;
}
.urun_detay_yazi
{
	width: 351px;
	padding: 6px 15px;
	float: left;
	background-color: #eeeeee;
	font-family: "open_sanslight";
	font-size: 12px;
	color: #2b2b2b;
	line-height: 22px;
	text-align: justify;
}

/* */

.serItem
{
	width: 159px;
	height: 70px;
	margin: 2px 15px 0 0;
	float: left;
	border: 2px solid #ccc;
	background-size: 149px auto;
	overflow: hidden;
}

.serItem img { width: 159px; }