body {margin:0px;padding:0px; font-size:16px; 
    background-image: url(images/bg10.png);
    
    
        /*background: url(images/back.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
      font-family: 'Dosis', sans-serif; letter-spacing:1px; word-spacing:3px; line-height:20px; color:Black;}



a { text-decoration:none; font-family: 'Dosis', sans-serif; color:Black; font-size:16px; }
a:hover{ text-decoration:underline;}
a img { margin:0px; padding:0px;}
ul { margin:0px; padding:0px;}
ul li { margin:0px; padding:0px; list-style-type:none; float:left;}
.clear { clear:both; font-size:3px; line-height:3px !important;}
.clearMobile{ clear:both; font-size:1vw; width:100%; max-height:1%;}
.temizle {clear:both; font-size:3px; min-height:3px; line-height:3px !important;}
div img { margin:0px; padding:0px;}
img { border:0px;}


.forDesktop { display:block;}
.forMobile { display:none;}


.general { width:100%; height:auto; margin-left:auto; margin-right:auto;}
.header { width:100%; height:80px; padding-top:10px; background-color:#DBDFDD; border-bottom:5px solid #99B547; }
.headerMiddle { width:90%; padding:0% 5%;  height:80px; margin-left:auto; margin-right:auto; }
.headerLeft{ width:35%; height:70px; float:left; }
.headerLeft img{ width:90%; height:auto; max-width: 465px;}
.headerRight{ width:63%; margin-left:2%; height:25px; padding-top:40px; float:left; }
.headerRight ul li { width:auto; width:auto; padding:1% 1.2%; }
    .headerRight ul li img { width:24px; height:24px; }
.headerRight ul li a{ font-size:25px;  }
.specialLi { position:relative;  font-family: 'Dosis', sans-serif;  color:black;  font-size:25px;}

.headerRight ul li.specialLi:hover { background-color:Black; color:White;  cursor:default;}
.headerRight ul li.specialLi:hover a { color:White;}
.headerRight ul li ul { display:none; }
.headerRight ul li:hover ul{ display:block; z-index:2;}
.headerRight ul li ul { position:absolute;  width:150px; height:auto; top:30px;  left:-1px; }
.headerRight ul li ul li { width:160px; padding:10px 5px 5px 15px; min-height:20px; height:auto !important; background-color:Black;}
.headerRight ul li ul li:hover {  background-color:#494949;}
.headerRight ul li ul li a { color: White; font-size:14px; }



.slider { width:100%; height:auto;  margin-left:auto; margin-right:auto;}
.sliderImage{ width:100%; height:450px;  }
.sliderImage ul li {width:100%; height:450px;  }
.sliderImage ul li img {width:100%; height:450px; }
.sliderInfo{ width:100%; height:40px; background-color:#DBDFDD; padding:10px 0px 0px 0px; text-align:center; font-size:16px;   color:Black;}
.sliderButton {width:100%; height:30px; font-size:3px;  background-color:#DBDFDD; border-bottom:2px solid Black;}
.sliderButtonLeft {width:40%; height:30px;  float:left; background-color:Black;}
.sliderButtonMiddle {width:100%; height:30px;float:inherit; text-align:center;  }
.sliderButtonRight {width:40%; height:30px;float:left;  background-color:Black;}

.sliderButtonMiddle ul {display: inline-block;}
.sliderButtonMiddle ul li {  width:12px; height:12px;    border-radius:10px; margin:0px 10px; color:white; font-size:12px; font-weight:bold; }
.sliderButtonMiddle ul li:hover {cursor:pointer;}
.sliderInfo { width:auto; height:25px; margin-left:auto; margin-right:auto; }
.sliderInfo ul li { text-align:center; width:100%;  }

.productList { width:245px; height:180px; float:left; margin:7px; }
.productListImg { width:245px; height:135px; overflow:hidden;}
.productListImg img{ width:100%; height:auto;  }
.productListModel { width:245px; height:40px; border-bottom:1px dotted #e8e5e6; background-color:#2b2a29;}
.productListModelLeft { width:78px; height:40px; float:left; }
.productListModelRight { margin-left:6px; width:135px; height:40px;  float:left; }
.productListModelRightWord{  width:135px;  padding-top:12px; height:28px; color:White; font-size:12px;}
.productListModelLeftWord { width:70px; height:30px; padding-top:10px; padding-left:8px; color:White; font-size:16px; }
.productListCategori { width:245px; height:28px; padding-top:6px; background-color:#2B2A29; color:White; text-align:center; font-size:13px; }
    .productListCategori a { color:White;
    }
.productListCategoriTitle {width:245px; height:172px; padding-top:6px; background-color:#2B2A29; color:White; text-align:center; font-size:13px;
                           display: table-cell;vertical-align: middle;}
.productListCategoriTitle a { color:white; font-size:25px;}
 

.newsTitle { width:99%; padding:2px 0% 2px 1%;  
}
    .newsTitle a { color:#005629;  font-size:18px;
    }
.AllNewsPager {  background-color:#005629; padding:3px 7px; color:white;
}
.newContentSol { width:90%; padding:0% 5%; height:auto;  margin-top:40px; letter-spacing:0px;  margin-left:auto; margin-right:auto;}

.content { width:70%; padding:0% 15%; height:auto;  margin-top:20px;letter-spacing:0px; font-family:'Dosis', sans-serif; overflow:hidden; }

.contentInner  { width:70%; padding:0% 15%; height:auto;  margin-top:5px;letter-spacing:0px; font-family:'Dosis', sans-serif; }


.contentMiddle {  width:100%; height:auto; margin-left:auto; margin-right:auto; }
.pageTitle { width:100%; height:auto; font-size:28px; line-height:28px; padding-top:20px;padding-bottom: 8px;border-bottom: 2px solid #484848; margin-bottom:10px }
.page-content { width:98%; padding:10px 1% 0px 1%;}
.pageTitleSmall { width:100%; height:auto; font-size:18px;  padding-top:20px; padding-bottom:3px; border-bottom:1px solid Silver; margin-bottom:10px}
.siteEmpty { width:100%;  height:50px;}


.newYorumYazTekDiv{width: 720px;height: auto;  font-size:12px; letter-spacing:1px;}
.newYorumYazTekDivSolAnswer { width: 147px; padding-left:3px;  font-size:12px;   height: 40px;  float: left; text-align:right; }
.newYorumYazTekDivSol{width: 147px;padding-left:3px;height: 40px;float: left;}
.newYorumYazTekDivOrta{width: 250px;height: 40px;float: left;}
.newYorumYazTekDivSag{width: 190px;height: 40px;float: left;}
.newYorumYazTekDivSolUzunAnswer { width: 147px; padding-left:3px;  font-size:12px;   height: 120px;  float: left; text-align:right; }
.newYorumYazTekDivSolUzun{width: 147px;padding-left:3px;height: 120px;float: left;}
.newYorumYazTekDivOrtaUzun{width: 280px;height: 120px;float: left;}
.newYorumYazTekDivSagUzun{width: 180px;height: 120px;float: left;}
.newYorumYazTekDivSolOrta{width: 150px;height: 60px;float: left;text-align: right;font-size: 12px;}
.newYorumYazTekDivOrtaOrta{width: 250px;height: 60px;float: left;}
.newYorumYazTekDivSagOrta{width: 180px;height: 60px;float: left;}
.kontrolKlas{color: Maroon;}
input[type="submit"] { padding:8px 10px 6px 10px; background-color:#414141; color:White; font-size:18px; letter-spacing:1px;  border:0px; }
input[type="text"] { height:23px; }
.field-validation-error {   font-size:11px; font-weight:bold;}
.newContentYorumYaz{width: 730px;height: auto !important;}

.footer { width:100%; height:25px; position:fixed; bottom:0px; padding-top:10px;  padding-bottom:5px; background-color:Black; color:white; }
.footer a { color:white; }
.footeMiddle { padding-left:5%; width:95%; height:25px; text-align:center; margin-left:auto; margin-right:auto; }
.footeMiddle ul {  width:100%; margin: 0 auto;  text-align:center; }
.footeMiddle ul li { padding-left:5px; padding-right:5px;  font-size:11px; padding-top:5px; }
    .footeMiddle ul li.spec { padding-top:0px;
    }
    .footeMiddle ul li img { width:74px; height:auto; }


.contentLeft {
    width:50%; height:auto; float:left;
}
.contentRight {
    width:50%; height:auto; float:left;
}

.formMain { width:100%; height:auto; }
.formElement {width:100%; margin-top:10px; height:auto;}
.formElementLine { width:100%; height:auto; padding:1px 0px; }

@media screen and (min-width: 768px) and (max-width: 980px)  {
    .headerRight ul li  { font-size:15px;}
    .headerRight ul li a { font-size:15px;}
    .headerLeft a { line-height:70px;}
    .headerLeft a img{ line-height:70px;vertical-align: middle;display: inline-block;}
}

@media screen and (max-width:768px) 
{
    img { width: 100%; height: auto !important; max-width: 100%; max-height: 100%; }
    input[type="text"] { width:95% !important; border-radius:5px;  height:auto !important;  }
    input[type="password"] { width:95% !important; border-radius:5px;  height:auto !important; }
    select { width:95% !important; border-radius:5px;  height:auto !important; }
    select option { font-size:3.5vw !important; }
    textarea { width:95% !important;border-radius:5px; height:90px; }
    input[type="submit"] { cursor:pointer; border-radius:5px; width:95% !important; height:auto !important;}
    
    .forDesktop { display:none;}
    .forMobile { display:block;}

      /* Responsive menu CSS */
    .panelMain { position:relative; display:none; height:auto; z-index:101;  }
    .panel {width:200px; border-left:5px solid #5e9c43; border-bottom:5px solid #5e9c43; position:fixed;
            right:-200px;top:10px; border-radius:0px; height:300px;background-color:Black; overflow-y:auto; }
    .responsive-menu{ position:relative; z-index:2; }
    .responsive-menu a { position:fixed; right:10px; top:15px;  background-color:#5e9c43; }
    
    .panelTitle { padding-top:8px; padding-left:15px; font-size:18px; color:White; font-weight:700;  border-bottom:1px #fff dotted; }
    .panelItem { padding:4px 10px 3px 20px;  }
    .panelItem a { color:White; font-size:14px; }

    .contentLeft { float:inherit; width:100%;
    }
    .contentRight { float:inherit; width:100%; margin-top:20px;
    }

    
    .header { height:60px;  }
.headerMiddle {  height:60px; }
.headerLeft{  height:auto; width:70%;  }
.headerRight{  height:25px; width:28%; padding-top:20px;}
    .sliderImage ul li {  height:auto;
    }
    .sliderImage {
     height:auto;}

    
    .sliderButtonMiddle ul li {  width:12px; height:12px;  border-radius:10px; margin:0px 10px; color:white; font-size:12px; font-weight:bold; }
 
      .sliderButtonMiddle ul { width:auto; }
  .content { width:90%; padding:0% 5%; height:auto;  margin-top:20px;letter-spacing:0px; font-family:'Dosis', sans-serif; }
   }

.show-all-products { text-align:right; width:98%; height:auto; padding-top:5px; padding-right:2%;}
.show-all-products a { font-weight:bold; text-decoration:underline;}