@import url(font.css);

@mainWidth : 780px;
@mainFont : 'Open Sans', sans-serif;
@menuFont : 'Open Sans', sans-serif;
@titleFont : 'Oswald', sans-serif;
@mainFontSize :14px;
@menuFontSize :13px;
@titleFontSize :18px;

html, form {height:100%;margin:0; padding:0;border:none;}
body {height:100%;margin:0;background:#efefef url(background.png) repeat fixed;
      padding:0px;color:#221b15;font-family: @mainFont;font-size:@mainFontSize;font-weight:400;}

* a {text-decoration:none;}

#main {width:@mainWidth;margin:30px auto 60px auto;padding:0;background:#ebebeb;border:1px solid #fff;}
 #header {height:260px;width:auto;padding:24px 24px 100px 24px;margin-bottom:30px;background:url(banner-v2.jpg) no-repeat center bottom;}
 #header.en {background:url(banner-v2-en.jpg) no-repeat center bottom;}
  #logo {float:left;display:block;width:348px;height:67px;background:url(logo.png) no-repeat left center;}
  #logo.en {background:url(logoEN.png) no-repeat left center;}
  #lang {float:right;margin:0 0 0 0;
         a {float:right;display:block;clear:both;height:31px;width:83px;margin:0 0 5px 0;}
         .turkce {background:url(lang-tr.png);}
         .english {background:url(lang-en.png);}}
 * .container {margin:0 auto;}
  #menu {padding:0 0 0 70px;font-family:@menuFont;font-size:@menuFontSize;font-weight:600;margin:0px 0 0 0;background:url(menu-bg.png) repeat-x center center;
    a {display:block;float:left;padding:13px 35px;color:#535353;border-right:2px solid #fff;&:hover{color:#cc3333;}}
    a.current {color:#cc3333;}
    #anasayfa {border-color:#708af0;}
    #sirketimiz {border-color:#ffcc33;}
    #urunlerimiz {border-color:#9ec62c;}
    #bayilik {border-color:#708af0;}   
    #iletisim {border:none;}
}
   #menu.en a {}

 #article {;margin:0px auto 0 auto;padding:22px;color:#222;font-size:14px;line-height:1.6em;font-weight:300;
        a {color:#1a65ac;&:hover{color:#cc3333}}
        
 }

 #footer {padding:22px 0;text-align:center;color:#777;font-size:12px;line-height:20px;
          a {color:#777;&:hover {border-bottom:1px dotted #777;}}
 }

/* Default.asp */
#tbl_bilgi {width: 100%;padding:11px;margin:0px; border: 1px solid #FFFFFF; background-color:  #E1E1E1;}
	#td_bilgi1 {padding:11px;border-right: 1px solid White; width: 180px; text-align: center;}
	#td_bilgi2 {padding:11px;text-align: justify; }
 #td_bilgi3 {padding:11px;text-align:center;}
#tbl_tse {width:100%;padding:22px 44px;margin:22px 0; border: 1px solid #FFFFFF; background-color: #E1E1E1; text-align: center;font-size:13px; }
	#td_tse1 {border-right: 1px solid White; width:285px;text-align: center;}
 #td_tse3 {text-align: center;}
#tbl_iletisim {padding:0 48px;margin:22px 0;text-align:center;background:#fff;}

* .sirketimiz_img {width:220px;margin:8px;border:2px solid #fff;}
          
#products {font-weight:600;margin:0;padding:0;
 li {margin-left:30px;padding:5px 15px;list-style-position:outside;border-bottom:1px solid #ddd;
     &:hover {background:#ddd;}
    .clmn {display:block;float:left;width:150px;}}
 .pTitle {list-style:none;padding-left:15px;margin:0;color:#fff;}
 .pDesc {list-style:none;padding-left:45px;margin:0;color:#cc3333;}
 .su_bazlilar, .water_based_dye {background-color:#708AF0;}
 .solvent_bazlilar, .solvent_based_dye {background-color:#FFCC33;}
 .seri_kurumalilar, .quick_dry_dye {background-color:#9EC62C;}
 .diger_urunlerimiz, .other_products {background-color:#708AF0;}
 a {color:#222;}
}

 /*iletisim.aspx*/
#iletisimIcerik {margin: 0px 0px 0px 20px;}
#iletisimIcerik h1 {color: #666666;margin:0 0 22px 0;}
.formEtiket {float: left; width: 100px; margin: 0px 0px 0px 0px;}
.formElemani {width: auto;	background-color: #ebebeb; border: none; border-bottom : 1px dashed darkgray; color : #008B8B;text-decoration : none;}
.formElemaniTA {width: auto;	margin:10px 0;background-color: #ebebeb; border: none; border-left : 1px dashed darkgray; border-right : 1px dashed darkgray; border-bottom : 1px dashed darkgray; color : #008B8B;text-decoration : none;}
.onemli {color: #cc0000;}
#iletisimIcerik div {margin-bottom: 5px;}
#iletisimIcerik .alert {padding:0 0 0 20px;color:#e5244c;font-weight:400;}
* .btnGonder {margin:10px 0;padding:5px 20px;color:#cc3333;font-weight:600;
                            -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;&:hover{background:#cc3333;color:#fff;}}

/*Urun.aspx*/
#teknikOzellikler {margin: 10px 0px 10px 0px; width: auto; text-align: justify;}
.teknikBaslik {color: #cc3333; display: block; margin: 15px 0px 3px 0px;font-weight:600;padding:5px 0; width: 100%; background-color: #e1e1e1;}
#urun_uyarilar img {display: block; margin:5px auto;}
#urunBaslik {width:auto;text-align:center; margin-bottom:15px; padding:10px 0;font-weight:bold; background-color:#e1e1e1;}
#TO_Baslik {color: #cc3333; font-weight: 600;}

#kartela {text-align:center;}
#kartela img {margin:0 20px;}


@media screen and (max-width: 3000px) {
}
@media screen and (max-width: 1620px) {
}

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

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

}

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

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

/*** CSS HACKS *********************************************************/    
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size:0px;}
.clearfix {display:block;position:relative;clear:both;}
* html .clearfix{height: 1%;}