@font-face {font-family: 'Roboto'; src: url('../Image/Font/Roboto.ttf') format('truetype');}
@font-face {font-family: 'RobotoBold'; src: url('../Image/Font/RobotoBold.ttf') format('truetype');}

.BodyStyle{font-family: Roboto; font-size: 15px; background-color: #ececec; max-width: 1920px; margin-left: auto; margin-right: auto; margin-top: 0px; padding: 0px;}

.LogoDivi{width: 100%; height: 100%; text-align: left; margin: 0px; padding: 0px;}


.TamDivStyle{width: 100%; height: auto; margin: 0px; padding: 0px;}
.OrtaDivStyle{width: 98%; height: auto; background-color: #ffffff; margin-top: 0px; margin-left: auto; margin-right: auto; padding: 0px;}

.SayfaDetayGenelDiv{width: 100%; height: auto; margin: 0px; padding: 0px; overflow: auto;}
.SayfaDetayOrtaDiv{width: 93%; height: auto; margin-left: auto; margin-right: auto; margin-top: 0px; padding: 0px;}


.MenuButon{width: 100%; height: 100%; font-family: Tahoma; font-size: 15px; border: none; color: #ffffff; background-color: #636e7e; border-radius: 3px; text-align: center; display: block; margin: 0px; padding: 7px;}/*454d58*/

.Butonlar {background-color: #f66161; border: none; font-family: Arial; font-size: 15px; color: White; text-align: center;}
.Butonlar:hover {background-color: #2baac6; cursor: pointer;}


.TableSutunBasligi{width: 100%; height: 28px; line-height: 28px; font-family: Tahoma; font-size: 16px; color: #ffffff; background-color: #636e7e; text-align: center;}
.TableSutunBasligiMavi{width: 100%; height: 28px; line-height: 28px; font-family: Tahoma; font-size: 16px; color: #ffffff; background-color: #1f98e2; text-align: center;}

.SayfaSeritBaslik{width: 100%; height: 45px; line-height: 45px; font-family: Tahoma; font-size: 21px; color: #FFFFFF; background-color: #535c6a; text-align: center; margin: 0px; padding: 0px;}
.SayfaSeritBaslik2{width: 100%; height: 30px; line-height: 30px; font-family: Tahoma; font-size: 15px; color: #FFFFFF; background-color: #0070bf; text-align: center; margin: 0px; padding: 0px;}

.KutuButon{width: 100%; height: auto; background-color: #32a23f; color: #ffffff; text-align: center; text-decoration: none; border-radius: 5px; cursor: pointer; display: block; margin: 0px; padding: 3px;}
.KutuButon:hover {text-decoration: none; color: #ffffff;} 
.KutuMetin{width: 100%; height: auto; font-family: Arial; font-size: 14px; line-height: 20px; text-decoration: none; display: block; text-align: center; margin: 0px; padding: 0px;}




.AnaSayfaButon{font-family: RobotoBold; font-size: 30px; border: none; width: 310px; height: 110px; white-space: pre-line;}

.UrunEkleButon{font-family: RobotoBold; width: 100%; height: 60px; white-space: normal; padding: 5px; font-size: 18px; color: #fff; background-color: #1d82bf; text-align: center; border: none; cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0px;}
.UrunEkleButon:hover {background-color: #d90b0b; text-decoration: none;}

.KaydetButonCss{font-family: RobotoBold; width: 100%; height: 35px; line-height: 35px; font-size: 18px; color: #fff; background-color: #1d82bf; text-align: center; border: none; cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0px; padding: 0px;}
.SilButonCss{font-family: RobotoBold; width: 100%; height: 35px; line-height: 35px; font-size: 12px; color: #fff; background-color: #c12c3e; text-align: center; border: none; cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0px; padding: 0px;}

.AraBulButon{font-family: RobotoBold; width: 100%; height: auto; white-space: normal; font-size: 18px; background-color: #1d82bf; border: none; color: white; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0px; padding: 10px; cursor: pointer;}






/*------------------------------------------------------Bosluk-------------------------------------------------*/
.BoslukYukseklik50 {width: 100%; height: 50px; margin: 0px; padding: 0px; background-color: transparent;}
.BoslukYukseklik40 {width: 100%; height: 40px; margin: 0px; padding: 0px; background-color: transparent;}
.BoslukYukseklik30 {width: 100%; height: 30px; margin: 0px; padding: 0px; background-color: transparent;}
.BoslukYukseklik20 {width: 100%; height: 20px; margin: 0px; padding: 0px; background-color: transparent;}
.BoslukYukseklik10 {width: 100%; height: 10px; margin: 0px; padding: 0px; background-color: transparent;}
.BoslukYukseklik5 {width: 100%; height: 5px; margin: 0px; padding: 0px; background-color: transparent;}
/*------------------------------------------------------Bosluk-------------------------------------------------*/



/*------------------------------------------------------Menu----------------------------------------------------*/
#menu {width: 100%; height: 33px;}
#menu ul {width: 100%; height: 100%; margin: 0 auto; padding: 0 0; list-style: none;}
#menu li {position: relative; display: inline; height: 100%; margin-left: 0px; text-align: center; float: left; list-style: none; padding: 0px; }
#menu a {font-family: RobotoBold;  font-size: 15px; height: 33px; line-height: 33px; color: #454545; display: block; border-radius: 1px; text-decoration: none; padding: 0px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
#menu li:hover > a {color: #ffffff; background-color: #47484a;}/*Menu Hover Arka Plan Rengi*/
#menu li:hover ul.menus {display: block; opacity: 1;}/*Üzerine gelince Alt memuleri görünür yap*/

/*Alt Menuler*/
#menu ul.menus {width: 100%; height: auto; position: absolute; display: none; opacity: 0; background: #ffffff; /*Alt Menu Ul Arka Plan Rengi*/ margin-left: 0px; margin-top: 0px; z-index: 99; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
#menu ul.menus li {width: 100%; height: 100%; margin-left: 0px; text-align: left; border-bottom: 1px solid #bfbcbc; /*Ara çizgi Rengi*/ display: block;}
#menu ul.menus a {font-family: Roboto; font-size: 14px; line-height: 33px; width: 100%; height: 100%; color: #0a0a0a; padding: 0 7px; }
#menu ul.menus a:hover {width: 100%; height: 100%; background-color: #47484a; color: #ffffff;}/*Hover li üzerine gelince Arka Plan Rengi*/

/*Mobil Buton*/
#menu input {display: none; opacity: 0; margin: 0 0; padding: 0 0; width: 33px; height: 33px; cursor: pointer;} /*icon ve Menü*/
#menu label {display: none; background-color: transparent; color: #4b4a4a; width: 33px; height: 33px; line-height: 33px; margin-left: 3px; font-size: 38px; font-weight: bold; font-family: Arial; text-align: center; padding: 0px; margin: 0px;} /*icon Rengi*/
#menu label span {font-size: 14px; position: absolute; margin-left: 7px; line-height: 33px;} /*Menu Yazısı*/


.Gizle{display: block;}/*Mobil alt menuyu goster*/
/*------------------------------------------------------Menu----------------------------------------------------*/



@media screen and (max-width: 1100px)
{

.LogoDivi{text-align: center;}
.MenuDivi{width: 100%; height: 100%; margin-top: 0px; float: none;}


/*-----------------------------------------Mobil Menu-------------------------------------*/
#menu {width: 175px; height: 100%; position: relative;}
#menu ul {width: 100%; height: auto; margin-left: 0px; margin-top: 33px; background-color: #3b3d42; z-index: 99; display: none; position: absolute;}/*Menu Arka Plan Rengi-Siyah*/
#menu li {text-align: left; display: block; float: none; width: auto; margin-left: 5px;}
#menu a {font-family: Roboto; padding-left: 5px; padding-top: 0px; color: #ffffff;}/*Mobil Menü Yazı Rengi*/
#menu li:hover > a {color: #ffffff; background-color: #b44949;}/*Hover Arka Plan Rengi-Kırmızı*/

/*Mobil Alt Menu-alt linkleri devamlı görünür yap - Kaldırmak için : display: block; opacity: 1; sil*/
#menu ul.menus {display: block; opacity: 1; width: 100%; height: auto; background-color: #3b3d42; position: static; margin-top: 0px; margin-left: 15px;}/*Alt Menu Arka Plan Rengi-Siyah*/
#menu ul.menus li {border-bottom: 1px solid #606060;}/*Ara çizgi Rengi*/
#menu ul.menus a {color: #ffffff;}
#menu ul.menus a:hover {background-color: transparent; color: #ffffff;}/*Hover Arka Plan Rengi-Kırmızı*/

/*Mobil Icon*/
#menu input {position: absolute; top: 0; left: 0; display: block; z-index: 4;}
#menu label {position: absolute; top: 0; left: 0; display: block;}
#menu input:checked + label {} /*color: white; Tiklanınca Menu icon Rengi*/
#menu input:checked ~ ul {display: block;} /*Click Olayı*/
.Gizle{display: none;}
/*-----------------------------------------Mobil Menu-------------------------------------*/


.FavoriUrunButon{line-height: 20px; font-size: 17px;}



/*----------------------------------Bosluk------------------------------------*/
.BoslukYukseklik50 {margin: 0px; padding: 0px; height: 25px;}
.BoslukYukseklik40 {margin: 0px; padding: 0px; height: 20px;}
.BoslukYukseklik30 {margin: 0px; padding: 0px; height: 15px;}
.BoslukYukseklik20 {margin: 0px; padding: 0px; height: 10px;}
.BoslukYukseklik10 {margin: 0px; padding: 0px; height: 5px;}
/*----------------------------------Bosluk------------------------------------*/



}