/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: local('Titillium Web'), local('TitilliumWeb-Regular'), url(http://fonts.gstatic.com/s/titilliumweb/v4/7XUFZ5tgS-tD6QamInJTcSo_WB_cotcEMUw1LsIE8mM.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: local('Titillium Web'), local('TitilliumWeb-Regular'), url(http://fonts.gstatic.com/s/titilliumweb/v4/7XUFZ5tgS-tD6QamInJTcZSnX671uNZIV63UdXh3Mg0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: local('Titillium WebBold'), local('TitilliumWeb-Bold'), url(http://fonts.gstatic.com/s/titilliumweb/v4/anMUvcNT0H1YN4FII8wpr-y7CP8YvcHYdGV61pt7QTE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: local('Titillium WebBold'), local('TitilliumWeb-Bold'), url(http://fonts.gstatic.com/s/titilliumweb/v4/anMUvcNT0H1YN4FII8wprxP6Eu1_xfSBSoi9uie1FdE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {

    font-family: 'Nasa';

    src: url('Nasa.eot');

    src: url('Nasa?#iefix') format('embedded-opentype'),

         url('Nasa.woff') format('woff'),

         url('Nasa.ttf') format('truetype'),

         url('Nasa.svg#Nasa') format('svg');

    font-weight: normal;

    font-style: normal;



}

html,  body div,  object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	
    text-decoration:none;
    font-family: 'Open Sans', sans-serif;
}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}


object,
embed {max-width: 100%;}

html {overflow-y: scroll;}
a:hover {
    text-decoration:none;
}
a,ul, ol,li {list-style: none; text-decoration:none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;text-decoration:none;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

:focus {outline: none;}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit;}

a {color: #434241; text-decoration: none;}
a:hover, a:active {outline: none; text-decoration: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

pre, code, kbd, samp {font-family: monospace, sans-serif;}

.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

button, input, select, textarea {margin: 0;}

button {width: auto; overflow: visible;}

.clear {clear: both;}
.clearfix:after {content: ""; display: block; height: 0; overflow: hidden; clear: both; }  
.clearfix {height: 1%; }  

::selection {background: #ffcc0c; color: #01246e; text-shadow: none;}
::-moz-selection {background: #ffcc0c; color: #01246e; text-shadow: none;}

:-moz-placeholder {color: #999;}
::-webkit-input-placeholder {color: #999;}

/* Genel
-------------------------------------------------------------------------------*/
html,body {height: 100%;}





#ana-tablo {width: 1050px; position: relative; margin: 0px auto;top:0px; height: 100%; min-height: 100%; height: auto !important; /*background-image: url('../img/bacground1.png'*/);
    background-repeat: no-repeat;
    
    background-position: center top;}
.anasayfa {
    color: #191818;
    font: 12px/16px Tahoma, Geneva, sans-serif;
    margin: 0 auto;
    width: 100%;
    min-width: 1050px;
    min-height: 1000px;
    background-image: url('images/bacground/bgana1.jpg');
    background-size: 100% 653px;
    background-repeat: no-repeat;
}

.arasayfa {
     color: #191818; 
    font: 12px/16px Tahoma, Geneva, sans-serif; 
	margin: 0 auto;
	width: 100%;
    min-width:1050px;
    min-height:1000px;
    background-image: url('images/bacground/bgana1.jpg');
    background-size:100% 653px;
    background-repeat:no-repeat;


  
}
.icsayfa {
    width: 1070px; 
    position: relative; 
    margin: 0px auto; 
    height: 100%; 
    min-height: 100%; 
    height: auto !important; 
    padding-top:20px;
}
.icsayfaic {
    width: 1050px; 
    margin: 0px auto; 
    height: 100%; 
    min-height: 752px;      
    background-image: url('images/icsayfa_bacground1.png');
    background-size:100%;
    background-repeat:no-repeat;    
   

}



/*.icsayfa {
    width: 1050px; 
    position: relative; 
    margin: 0px auto; 
    height: 100%; 
    min-height: 100%; 
    height: auto !important;     
    background-color:#fff;    
    background-image: url('images/icsayfa_bacground1.png');
    background-repeat: repeat-x;    
    background-position: center top;
    

}*/
#content_main_area {
    

}
   #icsayfa .baslik {
         position:relative;
         width:100%;
         height:120px;
         top:0px;
         background-image: url('img/kurumsal_sayfa_ust.png');
        background-repeat: no-repeat;    
        background-position: left top;
        border-radius:3px;

    }
.icsayfacontainer {
    position:relative;
    width: 770px; 
    margin-top:-30px;
     height: 100%; 
     float:left;
     height: auto !important; 
     padding-left:20px;
    

}
.baslik span {
    
    float:left;
    
    font-weight: bold;
    font-family: 'Titillium Web', sans-serif;
    padding: 0px 30px 10px 0px;
    
    position: relative;
    
    font-size: 14px;
   
    box-sizing: border-box;
    text-align:right;
    /*color: #646464;*/
     -moz-text-shadow: -20px 10px 1px #ddd; /* FF */
    -webkit-text-shadow: -20px 10px 1px #ddd; /* Safari, Chrome */
    text-shadow: -20px 10px 1px #ddd;
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=45, Color='#cccccc'); /* IE7, IE9 */ 

    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    margin-top:0px;
    font-weight: 600;
    box-sizing: border-box;
    color: inherit;
    text-rendering: optimizelegibility;

}
     .icsayfa baslik .img {
         position:relative;
         float:left;
         width:100%;
         height:200px;
         

    }
   
    .aciklama{
        float:left;
        width: 740px;
        min-height: 340px;
        margin: 0 0 0;
        padding: 0 30px 0 0;
        text-align:justify;
        
        
    }
.container1 {
    /*background: rgba(255, 255, 255, .5);*/
    margin: 0px auto;
    width: 1050px;
   
}

div.content-slider{
    position:relative;
    top:0px;
	height:184px;
    background:url('images/content-bg.png') no-repeat scroll center 0px;
}
div.content-slider2{
    position:relative;
    top:0px;
	height:184px;
    background:url('images/content-bg2.png') no-repeat scroll center 0px;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
    box-sizing: border-box;
    color: #000;
    font-family: 'Titillium Web', sans-serif;
    font-size: 1.2em;
    line-height: 22px;
   
}
h1.sbe {
    float: right;
    padding-right:50px;
    font-size: 26px;
    font-weight: bold;
    text-shadow: 1px 1px #333;
    color: #eaeaea;
    margin-top: 80px;
    letter-spacing: -1px;
    
    line-height: 1.1;
    
}
.row {
  margin-right: 0px;
  margin-left: 0px;
}

.row:before,
.row:after {
  display: table;
  content: " ";
}

.row:after {
  clear: both;
}

.row:before,
.row:after {
  display: table;
  content: " ";
}

.row:after {
  clear: both;
}


/* Header
-------------------------------------------------------------------------------*/
#top {
    width: 100%; height: 156px; position: relative; background-image: url('images/header_bg.png');
    background-repeat: no-repeat;
    
    background-position: center top;z-index:16000;/*background-color: rgba(255, 255, 250, 0.5);*/
}
#header {width: 1050px; height: 135px; position: relative;z-index:16005;}

#logo {width: 210px; height: 79px; position: absolute; left: 20px; top: 50px; z-index: 16005; background: url('images/irtech_logo.png') no-repeat;}
#logo a.logo {width: 210px; height: 79px; display: block; text-indent: -99999px; position: absolute; left: 0px; top: 20px;}
#logo a.anasayfa {width: 17px; height: 17px; display: block; text-indent: -99999px; position: absolute; left: 251px; top: 22px;}
#logo a.iletisim {width: 17px; height: 17px; display: block; text-indent: -99999px; position: absolute; left: 292px; top: 15px;}

#logo2 {
    width: 180px;
    height: 79px;
    position: absolute;
    right: 0px;
    top: 50px;
    z-index: 16006;
    background: url('images/irtech_logo.png') no-repeat;
}

    #logo2 a.logo2 {
        width: 180px;
        height: 79px;
        display: block;
        text-indent: -99999px;
        position: absolute;
        right: 0px;
        top: 20px;
    }

    #logo2 a.anasayfa {
        width: 17px;
        height: 17px;
        display: block;
        text-indent: -99999px;
        position: absolute;
        left: 251px;
        top: 22px;
    }

    #logo2 a.iletisim {
        width: 17px;
        height: 17px;
        display: block;
        text-indent: -99999px;
        position: absolute;
        left: 292px;
        top: 15px;
    }

.ustmenualan {width: 300px; height: 30px; float: right;right:0px; position: relative; z-index: 16005;top:0px;

}

nav.ust-menu {width: 90px; height: 30px; float:left;  z-index: 16005;top:0px; }
nav.ust-menu .fb
nav.ust-menu a.fb {width: 15px; height: 15px; float: left; margin: 9px 0 0 34px; display: block; text-indent: -999999px; color:#01246e;}
nav.ust-menu a.tw {width: 15px; height: 15px; float: left; margin: 9px 0 0 10px; display: block; text-indent: -999999px; color:#01246e;}
nav.ust-menu ul {float:left; height: 38px; font-family: Arial, Helvetica, sans-serif; font-size:10px;margin:0px auto;}
nav.ust-menu ul li {float: left; height: 38px; padding-right: 1px; position: relative; }
nav.ust-menu ul li a {color: #444; padding: 0 7px; line-height: 33px; display:inline-block;}

nav.ust-menu ul li a:hover { text-decoration:none; background-color:transparent;   }
nav.ust-menu ul li.satis a {padding-left: 35px; background-color:#fff;}
nav.ust-menu ul li:hover a {color: #0264af; background-color:transparent #719a37; text-shadow: 1px 1px 0px rgba(0,0,0,.2);}
nav.ust-menu ul ul {width: 140px; height: auto; margin: 0; position: absolute; left: 0; top: 38px; display: none; z-index: 100;}
nav.ust-menu ul ul li {width: 150px; padding: 0; height: 28px;}
nav.ust-menu ul ul li a {color: #191818 !important; line-height: 28px; background: #f9f9f9; text-shadow: none !important; text-decoration:none;}
nav.ust-menu ul ul li a:hover {color: #005580!important; background-color: #e6e6e6; text-shadow: 1px 1px 0px rgba(0,0,0,.1) !important;}
nav.ust-menu ul ul ul {width: 160px; position: absolute; left: 145px; top: 4px; z-index: 101;}
nav.ust-menu ul ul ul li a {color: #222; background: #ecbf44 !important;}
nav.ust-menu ul ul ul li a:hover {background: #f3b52d !important;}
nav.ust-menu li:hover > ul {display: block;}

/*navbar*/
.aramamotoru {
    position:relative;
    float:right;
    width:250px;
    height:38px;
    font-size:11px;
    margin-top:-10px;
    right:0px;


    background:none;
}

.lang {
    width:210px;
    height: 30px;
    float:right;
    color: #FFFFFF;
    right: 0px;
    right: 5px;
    padding-top:3px;

    
    
}
.pefekt {
    
    float: left;
    color: #444;
    right: 0px;
    margin-right: 0px;
    width: 40px;
    height: 30px;
    text-decoration:none;
    vertical-align:bottom;
}
    .pefekt:hover {
        color: #0264af;
        text-decoration:none;
    } 
#header .hg {position: absolute; top: 80px; right: 140px; z-index: 100; color: #777; font-size: 10px; line-height: 13px; padding-right: 20px; border-right: 1px solid #aaa;}
#header .hg span {font-weight: 700;}

nav.menu {width: 820px; height: 50px; position: absolute; float:left; right: 0px;top:63px; z-index: 16004; /*background: url('../img/menu.png') no-repeat right;*/ text-decoration: none;}
nav.menu ul {float: left; height: 50px; margin-right: 0px; font-family:  Arial, Helvetica, sans-serif; font-weight:600;}
nav.menu ul li {float: left; height:50px; padding-right: 1px; position: relative; }
nav.menu ul li a {color: #fff; font-size: 14px; font-weight: 600; display: block; padding: 0 7px; line-height: 50px; text-shadow: 1px 1px 0px rgba(0,0,0,.6);}
nav.menu ul li:hover a {color: #fff; /*background: #444;*/}
nav.menu ul ul {width: 160px; height: auto; display: none; margin: 0; position: absolute; right: 0; top: 44px;}
nav.menu ul ul li {width: 160px; height: 28px; padding: 0; background: none;}
nav.menu ul ul li a {line-height: 20px; background-color: #444;}
nav.menu ul ul li a:hover {background: #575757;}
nav.menu li:hover > ul {display: block;}



/* Icerik
-------------------------------------------------------------------------------*/
#icerik-tablo {float:left; width: 1050px; padding-top: 0px; position:relative; }
#icsayfa-tablo {float:left; width: 1050px; padding-top: 0px; position:relative; }

#anasayfa {position:relative; float:left; width: 1050px; min-height: 329px; left:0px; margin:0px auto;/*background: url('../img/anasayfa.png');*/
           font-family: Arial, Helvetica, sans-serif;
}

#anasayfa .kurumsal {float: left; width: 500px; margin: 0px 0 0 0px; padding:0px 50px 0px 0px;}
#anasayfa .kurumsal .resim {width: 200px; height: 184px; margin-bottom: 10px; overflow: hidden;float: left;}
#anasayfa .kurumsal p {
    
    font-size: 12px;
    color: #1a1a1a;
    width: 280px; 
    padding: 0 0 0 10px;
    float: left;
    background-color:rgba(255,255,255,0.2);
    border-radius:5px;
    padding:10px;
}
#anasayfa .kurumsal a.buton {float: left; padding: 0 10px; color: #000; line-height: 22px; border-radius: 3px; background: #f1cf32;}
#anasayfa .kurumsal a.buton:hover {color: #fff; background: #454545;}

#anasayfa .kurumsal .box-heading {
    
    font-weight: 700;
    padding: 7px 7px 7px 0px;
    /*border-bottom: 1px solid #fff;
    border-radius: 0 10px 10px 0;*/
    position: relative;
    text-transform: uppercase;
    margin-bottom: 20px;
    box-sizing: border-box;
    text-align: left;
    color: #0264af;
    font-size: 14px;
    line-height: normal;
    background-image: url('images/div_title_bg1.png');
    background-repeat: no-repeat;
}

/* Border below heading */
#anasayfa .kurumsal .box-heading:after, .box-heading .nav li.active:after {
	width:70px;
	/*height:1px;*/
	content:" ";
	/*background:#222222;*/
	left:0;
	bottom:-1px;
	position:absolute;
}
.box-heading .nav li.active:after {
	width:100%;
}

#anasayfa .urunler {position:relative; float:left; width: 500px; margin: 0px 0 0 0px; font-size: 11px; padding:0px 0px 0px 0px; min-height:180px;  }
#anasayfa .urunler a.buton {float: left; padding: 0 10px; overflow: hidden;}
#anasayfa .urunler ul {
     
    
   
    font-size: 100%;
    color: #1a1a1a;
    width: 250px; 
    float: left;
    background-color:rgba(255,255,255,0.2);
    border-radius:5px;
    padding:10px;

}
    #anasayfa .urunler ul li {
        line-height:30px;
    }

#anasayfa .urunler a.buton {float: left; padding: 0 10px; color: #000; line-height: 22px; border-radius: 3px; background: #f1cf32;}
#anasayfa .urunler a.buton:hover {color: #fff; background: #454545;}
#anasayfa .urunler .resim {width: 200px; height: 184px; margin-bottom: 10px; overflow: hidden;float: left;}
#anasayfa .urunler .box-heading {
   
    font-weight: 700;
    padding: 7px 7px 7px 0px;
    /*border-bottom: 1px solid #fff;
    border-radius: 0 10px 10px 0;*/
    position: relative;
    margin-bottom: 20px;
    box-sizing: border-box;
    text-align:left;
    color: #0264af;
    font-size: 14px;
    line-height: normal;
    background-image: url('images/div_title_bg2.png');
    background-repeat: no-repeat;
}

#anasayfa .urunler .box-heading:after, .box-heading .nav li.active:after {
	width:70px;
	/*height:1px;
	content:" ";
	background:#222222;*/
	left:0;
	bottom:-1px;
	position:absolute;
}
.box-heading .nav li.active:after {
	width:100%;
}
/* Border below heading */

.box-heading .nav li.active:after {
	width:100%;
}

#anasayfa .haberler {
    float: left;
    width: 510px;
    margin: 0px 0 0 0px;
    font-size: 12px;
    padding: 0px 0px 0px 0px;
    min-height: 180px;

}
#anasayfa .haberler a.buton {
    float: left; 
    padding: 0 10px; 
    overflow: hidden;

}
#anasayfa .haberler p { 
    display: inline-block;
    float:left;    
    vertical-align: top;
    width: 380px;
    padding-left: 10px;
    margin: 0;
    text-decoration: none;   
    font-size: 12px;
    color: #1a1a1a;
    
}
#anasayfa .haberler a.buton {float: left; padding: 0 10px; color: #000; line-height: 22px; border-radius: 3px; background: #f1cf32;}
#anasayfa .haberler a.buton:hover {color: #fff; background: #454545;}
    
#anasayfa .haberler .box-heading {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    padding: 7px 7px 7px 0px;
    /*border-bottom: 1px solid #fff;
    border-radius: 0 10px 10px 0;*/
    position: relative;
    text-transform: uppercase;
    margin-bottom: 20px;
    box-sizing: border-box;
    text-align: left;
    color: #0264af;
    font-size: 14px;
    line-height: normal;
    background-image: url('images/div_title_bg1.png');
    background-repeat: no-repeat;
}
    #anasayfa .haberler img {
    float: left;
    margin-right: 20px;
    margin-top: 3px;
    background: #86aaca;
    padding: 5px;
    border: none;
    margin: 0;
    width: 100px;
    height: 80px;

       
       
    }
    #anasayfa .haberler .baslik {
        
        
        display: inline-block;   
    vertical-align: top;
    width: 380px;
    padding-left: 10px;
    margin: 0;

       

    }
    #anasayfa .haberler .metin {
        
            vertical-align: top;
            width: 380px;
            padding-left: 10px;
            margin: 0;
            font-size:12px;
            display: inline-block;
    
}
/* Border below heading */

/*#anasayfa .a-urunler {float: left; margin: 105px 0 0 40px;}

#anasayfa .a-urunler ul {width: 282px; height: 119px;}
#anasayfa .a-urunler ul li {width: 282px; height: 23px; margin-bottom: 1px; position: relative; background: url('../img/a-urunler.png') no-repeat top right;}
#anasayfa .a-urunler ul li a {color: #222; font-size: 11px; font-weight: 700; display: block; line-height: 23px; padding-left: 25px;}
#anasayfa .a-urunler ul li:hover {background: url('../img/a-urunler-vurgu.png') no-repeat top right;}

#anasayfa .a-urunler a.satin-al {width: 249px; height: 67px; display: block; position: relative; left: -11px; top: 1px; background: url('../img/satin-al.png') no-repeat;}*/

#anasayfa .a-link {float: right; width: 500px; height: 80px; position: relative; text-decoration:none;font-family: Arial, Helvetica, sans-serif;padding-top:20px;}

#anasayfa .a-link .kalite_belgeleri {
    position: relative;
    background-position: center top;
    float: left;
    width: 221px;
    height: 158px;
    padding-right: 20px;
    background: url('images/button_kalite_belgeleri.png') no-repeat;
}
.a-link .kalite_belgeleri .baslik {
    text-decoration:none;     
    text-align:center;
    width: 221px;  
    display: block; 
    padding-top:125px;   
    font-size: 12px;
    color: #0264af; 
    font-weight:600;      
    
    
    padding-right:8px;
}
    #anasayfa .a-link .sag {
        position: relative;
        background-position: center top;
        float:right;
        width: 210px;
        height: 130px;
        padding-right: 20px;
    

    }

#anasayfa .a-link .sag .siparis-formu {
    position: relative;
    background-position: center top;
    float: left;
    width: 210px;
    height: 55px;    
    background: url('images/button_sip_formu.png') no-repeat;
}
    #anasayfa .a-link .sag .siparis-formu p {
        float:right;
    }
#anasayfa .a-link .sag .siparis-formu .baslik {
    
     
    text-align:right;
    width: 150px;  
    display: block;    
    font-size: 12px;
    color: #0264af; 
    font-weight:600;  
    padding:10px 10px 0 0 ;
}
#anasayfa .a-link .sag .siparis-formu a{
    
    text-align:right;    
    width: 150px;   
    display:block;    
    text-decoration: none;   
    font-size: 11px;
    color: #333; 
    
}

#anasayfa .a-link .sag .bayi-formu {
    position: relative;
    background-position: center top;
    float: left;
      width: 210px;
    height: 55px;
    background: url('images/button_bayi_basvuru.png') no-repeat;
    margin-top:20px;
}
#anasayfa .a-link .sag .bayi-formu p {
        float:right;
    }
#anasayfa .a-link .bayi-formu .baslik {  
    text-align:right;
    width: 180px;  
    display: block;    
    font-size: 12px;
    color: #0264af; 
    font-weight:600;  
    padding:10px 10px 0 0 ;

}
#anasayfa .a-link .sag .bayi-formu a {
  text-align:right;    
    width: 180px;   
    display:block;    
    text-decoration: none;   
    font-size: 11px;
    color: #333; 

}


/*#anasayfa .a-link a.foto span.resim {width: 46px; height: 46px; margin: 0 auto; display: block; background: url('../img/icon.png') no-repeat 0 0;}
#anasayfa .a-link a.foto span.link {color: #fff; width: 78px; height: 24px; position: absolute; left: 0; bottom: 0; display: block; text-align: center; line-height: 28px; background: url('../img/balon.png') no-repeat top;}
#anasayfa .a-link a.foto:hover span.link {background-position: 0 -24px;}

#anasayfa .a-link a.video {float: left; width: 78px; height: 82px; display: block; margin: 25px 3px 0 12px; position: relative; font-size: 11px;}
#anasayfa .a-link a.video span.resim {width: 47px; height: 47px; margin: 0 auto; display: block; background: url('../img/icon.png') no-repeat 0 -46px;}
#anasayfa .a-link a.video span.link {color: #fff; width: 78px; height: 24px; position: absolute; left: 0; bottom: 0; display: block; text-align: center; line-height: 28px; background: url('../img/balon.png') no-repeat top;}
#anasayfa .a-link a.video:hover span.link {background-position: 0 -24px;}

#anasayfa .a-link a.kalite {float: left; width: 78px; height: 82px; display: block; margin: 25px 3px 0 12px; position: relative; font-size: 11px;}
#anasayfa .a-link a.kalite span.resim {width: 47px; height: 47px; margin: 0 auto; display: block; background: url('../img/icon.png') no-repeat 0 -93px;}
#anasayfa .a-link a.kalite span.link {color: #fff; width: 78px; height: 24px; position: absolute; left: 0; bottom: 0; display: block; text-align: center; line-height: 28px; background: url('../img/balon.png') no-repeat top;}
#anasayfa .a-link a.kalite:hover span.link {background-position: 0 -24px;}

#anasayfa .a-link ul {width: 282px; position: absolute; left: 0; bottom: 0;}
#anasayfa .a-link ul li {width: 282px; height: 23px; margin-bottom: 1px; background: url('../img/bal.png') no-repeat 0 0;}
#anasayfa .a-link ul li a {color: #fff; font-size: 11px; font-weight: 700; display: block; line-height: 23px; padding-left: 25px;}
#anasayfa .a-link ul li:hover a {color: #000;}
#anasayfa .a-link ul li.bir {background-position: right 0;}
#anasayfa .a-link ul li.bir:hover {background: url('../img/bal-vurgu.png') right 0;}
#anasayfa .a-link ul li.iki {background-position: right -24px;}
#anasayfa .a-link ul li.iki:hover {background: url('../img/bal-vurgu.png') right -24px;}
#anasayfa .a-link ul li.uc {background-position: right -48px;}
#anasayfa .a-link ul li.uc:hover {background: url('../img/bal-vurgu.png') right -48px;}*/

#detay {width: 910px; min-height: 300px; margin-top: 15px; padding-top: 40px; background: url('../img/detay.png') no-repeat top; position: relative;}

#detay .baslik {width: 342px; height: 46px; position: absolute; left: 15px; top: -10px; background: url('../img/baslik.png');}
#detay .baslik h2 {color: #000; padding: 0 25px; line-height: 46px; text-shadow: 1px 1px 0px rgba(255,255,255,.5); font-size: 13px; font-weight: 700; font-family: "Arial Bold", Arial, Helvetica, sans-serif;}

#metin {width: 860px; padding: 0 25px; font-size: 12px; color: #333;}
#metin p {padding: 10px 0;}

#urun {width: 860px; padding: 0 25px; font-size: 12px; color: #333;}

#urun .resim {float: left; width: 300px; margin: 10px 0 0 0; border: 2px solid #eee; box-shadow: 0px 0px 5px rgba(0,0,0,.2);}
#urun .resim img {width: 300px;}

#urun .tablo {float: right; width: 301px; margin: 10px 80px 0 0; text-align: center; border: 1px solid #ddd; background: #fff; box-shadow: 0px 0px 3px rgba(0,0,0,.2);}
#urun .tablo .satir {width: 301px; height: 24px;}
#urun .tablo .satir .sutun {float: left; height: 24px; line-height: 24px;}
#urun .tablo .g90 {width: 89px;}
#urun .tablo .g120 {width: 120px;}
#urun .tablo .bl {border-left: 1px solid #ddd;}
#urun .tablo .br {border-right: 1px solid #ddd;}
#urun .tablo .bb {border-bottom: 1px solid #ddd;}
#urun .tablo .bg {background: #dce9f5;}

#urun .aciklama {float: right; width: 500px; margin: 20px 0 0 0;}
#urun .aciklama p {color: #191817; padding: 7px 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}

#urun_kat {width: 860px; padding: 0 25px; font-size: 12px; color: #333;}

#urun_kat .sm-sol {float: left; width: 450px;}

#urun_kat #kate {float: left; width: 300px; min-height: 50px; padding: 15px 11px; margin: 50px 10px 25px 0; border-radius: 5px; background: #e6ad14;}
#urun_kat #kate h5 {color: #000; padding-bottom: 10px; font-size: 16px; font-weight: 100; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; text-shadow: 1px 1px 0px rgba(255,255,255,.5);}
#urun_kat #kate ul {width: 300px;}
#urun_kat #kate ul li {float: left; width: 300px; height: 20px; margin-bottom: 2px;}
#urun_kat #kate ul li a {color: #222; display: block; padding: 2px 7px; background: #f2d44f; border-radius: 3px;}
#urun_kat #kate ul li a:hover {color: #000; background: #f8e07c;}

#urun_kat .aciklama {float: left; width: 450px; margin: 20px 0 0 0;}
#urun_kat .aciklama p {color: #191817; padding: 7px 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}

#urun_kat .sm-sag {float: right; width: 300px;}

#urun_kat .resim {float: right; width: 300px; margin: 10px 80px 0 0; border: 2px solid #eee; box-shadow: 0px 0px 5px rgba(0,0,0,.2);}
#urun_kat .resim img {width: 300px;}

#urun_kat .tablo {float: right; width: 301px; margin: 10px 80px 0 0; text-align: center; border: 1px solid #ddd; background: #fff; box-shadow: 0px 0px 3px rgba(0,0,0,.2);}
#urun_kat .tablo .satir {width: 301px; height: 24px;}
#urun_kat .tablo .satir .sutun {float: left; height: 24px; line-height: 24px;}
#urun_kat .tablo .g90 {width: 89px;}
#urun_kat .tablo .g120 {width: 120px;}
#urun_kat .tablo .bl {border-left: 1px solid #ddd;}
#urun_kat .tablo .br {border-right: 1px solid #ddd;}
#urun_kat .tablo .bb {border-bottom: 1px solid #ddd;}
#urun_kat .tablo .bg {background: #dce9f5;}

#fv {width: 910px; padding: 10px 0 0; font-size: 12px; color: #333;}
#fv .foto {width: 860px; height: 650px; margin: 0 auto; overflow: hidden;}
#fv .video {float: left; width: 400px; margin: 25px;}
#fv .video h4 {color: #444; font-size: 15px; font-weight: 100; line-height: 30px; padding-bottom: 3px; margin-bottom: 5px; border-bottom: 1px solid #ccc; font-family: "Arial Narrow", Arial, Helvetica, sans-serif;}

#basinda-biz {width: 860px; padding: 0 25px;}
#basinda-biz ul {width: 860px;}
#basinda-biz ul li {float: left; width: 250px; margin: 10px 88px; border: 2px solid #fff; background: #fff; box-shadow: 0px 0px 3px rgba(0,0,0,.2);}
#basinda-biz ul li img {width: 250px;}

#adres {float: left; width: 434px; padding: 0 25px; font-size: 12px; color: #333;}
#adres .satir {line-height: 40px; border-bottom: 1px solid #ccc;}
#adres .satir span {float: left; width: 100px; font-weight: 700;}

#iform {width: 367px; float: right; margin: 15px 25px 0 0; background: #fff; padding: 10px; border: 1px solid #ddd; border-radius: 5px;}
#iform .iletisim-form {width: 310px;}
#iform h4 {text-align: center; padding: 0 0 10px; margin-bottom: 10px; border-bottom: 1px solid #eee; color: #454644; font-size: 16px; font-weight: 100; font-family: "Arial Narrow", Arial, Helvetica, sans-serif;}
#iform label {display: block; width: 310px; padding: 0 0 10px; margin-bottom: 10px; border-bottom: 1px solid #eee;}
#iform label span {display: block; padding: 0 0 5px; color: #333; font-size: 14px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif;}
#iform label input {width: 308px; height: 20px; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0px 0px 3px rgba(82,82,82,.1);}
#iform label input:focus {border-color: #82afdc; box-shadow: 0px 0px 3px rgba(0,0,0,.3);}
#iform label textarea {width: 308px; height: 80px; resize: none; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0px 0px 3px rgba(82,82,82,.1);}
#iform label textarea:focus {border-color: #82afdc; box-shadow: 0px 0px 3px rgba(0,0,0,.3);}
#iform button {width: 120px; height: 30px; color: #333; background: #fff; border: 2px solid #eee; border-radius: 5px;}
#iform button:hover {color: #fff; background: #333; border-color: #000;}

#habert {width: 860px; padding: 10px 25px 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}

#habert .haber {width: 860px; overflow: auto; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #ddd;}

#habert .haber .hbaslik {color: #343536; padding: 0 10px; font-size: 15px; font-weight: 900; font-family: "Arial Narrow", Arial, Helvetica, sans-serif;}

#habert .haber .resim {float: left; width: 300px; margin: 10px 0 0 5px; border: 2px solid #eee; box-shadow: 0px 0px 5px rgba(0,0,0,.2);}
#habert .haber .resim img {width: 300px;}

#habert .haber .aciklama {float: right; width: 500px; margin: 15px 0 0;}

/* Footer
-------------------------------------------------------------------------------*/
/* Footer
-------------------------------------------------------------------------------*/
footer {float: left; width: 100%; margin-top: 20px; padding: 40px 0 0;    background: #f5f5f5; font-family: 'Open Sans', sans-serif;}
footer #footer-left {float: left; width: 600px; height: 60px; }
footer #footer-right {float: right; width: 400px;text-align: right;  line-height: 13px; color: #8c8c8c; font-size: 11px;  }
footer #footer-right a {color: #555; text-decoration: none;}


footer .hizliLink {
    
    margin-bottom: 15px;
    text-align: left;
    box-sizing: border-box;
    display: block;
}
    footer .hizliLink a {color: #555;text-decoration:none;
    }
    footer .hizliLink a :hover{color: #0264af;text-decoration:none;
    }


footer .adres, .mail a, .telf {
     margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    color: #8c8c8c;
    font-size: 11px;
    vertical-align: baseline;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;color: #9a9a9a;
    font-weight: 300;
    margin-right: 45px;
}

.liste { margin: 0; padding: 0; width: 100%; float: left; list-style: none;}
.liste li { width: 30%; float: left; overflow: hidden; margin-bottom: 46px; margin-right: 46px;}
.liste li:nth-child(3n) {margin-right: 0;}
.liste li img { width: 100%; display: block;}oter a.tw {width: 15px; height: 15px; display: block; position: absolute; top: 62px; right: 48px;}



a:link {text-decoration: none;}


        .textwhite20{font-size:20pt; color:#ffffff}
		.textwhite15{font-size:15pt; color:#ffffff}
		.textwhite12{font-size:12pt; color:#ffffff}
		.textwhite11{font-size:11pt; color:#ffffff}
		.textwhite10{font-size:10pt; color:#ffffff}
		.textwhite9{font-size:9pt; color:#ffffff}
		
		
		.textblack20{font-size:20pt; color:#5e5e5e}
		.textblack15{font-size:15pt; color:#5e5e5e}
		.textblack12{font-size:12pt; color:#5e5e5e}
		.textblack11{font-size:11pt; color:#5e5e5e}
		.textblack10{font-size:10pt; color:#5e5e5e}
		.textblack9{font-size:9pt; color:#fff}
		.textblack8{font-size:8pt; color:#5e5e5e}
		.textblack7{font-size:7pt; color:#5e5e5e}
		
		
		.textblue20{font-size:20pt; color:#05adfb}
		.textblue15{font-size:15pt; color:#05adfb}
		.textblue12{font-size:12pt; color:#05adfb}
		.textblue11{font-size:11pt; color:#05adfb}
		.textblue10{font-size:10pt; color:#05adfb}
		.textblue9{font-size:9pt; color:#05adfb}
		.textblue8{font-size:8pt; color:#05adfb}
		.textblue7{font-size:7pt; color:#05adfb}
		
		
		
		.textorange20{font-size:20pt; color:#f78f1e}
		.textorange15{font-size:15pt; color:#f78f1e}
		.textorange12{font-size:12pt; color:#f78f1e}
		.textorange11{font-size:11pt; color:#f78f1e}
		.textorange10{font-size:10pt; color:#f78f1e}
		.textorange9{font-size:9pt; color:#f78f1e}
		.textorange8{font-size:8pt; color:#f78f1e}
		.textorange7{font-size:7pt; color:#f78f1e}
		
		
		
		.white9{font-size:9pt; color:#ffffff}
		.white9:hover{font-size:9pt; color:#f78f1e}
		
		.white10{font-size:10pt; color:#ffffff}
		.white10:hover{font-size:10pt; color:#f78f1e}
		
		.white11{font-size:12pt; color:#ffffff}
		.white11:hover{font-size:11pt; color:#f78f1e}
		
		.white10black{font-size:10pt; color:#ffffff}
		.white10black:hover{font-size:10pt; color:#000000}
		
		
		.blue10{font-size:10pt; color:#05adfb}
		.blue10:hover{font-size:10pt; color:#f78f1e}
		
		.blue9{font-size:9pt; color:#05adfb}
		.blue9:hover{font-size:9pt; color:#f78f1e}

		.blue8{font-size:8pt; color:#05adfb}
		.blue8:hover{font-size:8pt; color:#f78f1e}
		
		
		.orange12{font-size:12pt; color:#f78f1e}
		.orange12:hover{font-size:12pt; color:#000000}
		
		.orange10{font-size:10pt; color:#f78f1e}
		.orange10:hover{font-size:10pt; color:#000000}
		
		.orange9{font-size:9pt; color:#f78f1e}
		.orange9:hover{font-size:9pt; color:#000000}

		.orange8{font-size:8pt; color:#f78f1e}
		.orange8:hover{font-size:8pt; color:#000000}



        
/* Style The Dropdown Button */
/* The container <div> - needed to position the dropdown content */
.dropdown .dropbtn {
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-size: 13px;
    color: #d77306;
    font-weight: bold;
    padding: 10px 0px 10px 0px;
    text-decoration: none;
}


/* The container <div> - needed to position the dropdown content */
.dropdown  {
    text-decoration: none;
    position: relative;
    display: inline-block;
    z-index:1001;
     
}
    .dropdown .dropbtn a {
        color: #009846;
         
    }
    .dropdown .dropbtn a:hover {
        color: #05adfb;
         
    }

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    text-decoration: none;
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    margin-top:-3px;
   
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 8px 16px;
    text-decoration: none;
    display: block;
    line-height:15px;
    font-size: 13px;
}

.dropdown-content a:hover {
    text-decoration:none;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
    text-decoration: none;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    color: #636363;
}
.menuaracizgi {

   font-size:12pt; color:#b4b4b4;
   line-height:15px;
}

/*ürünler combo*/
/* The CSS */
select {
    font:10px "Consolas", monospace;
    padding:2px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

label {position:relative}
label:after {
    content:'<>';
    font:10px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}

/*ürünler combo*/



.page-header {
    margin: 0 0 22px;
    padding: 0;
    border-bottom: none;
    display: block;
    box-sizing: border-box;
    line-height: 21px;
    font-family: Arial,Helvetica,Verdana,sans-serif;
    font-size: 13px;
    line-height: 1.61538;
    color: #777;
}
.page-header .page-heading {
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    margin: 0 0 2px;
    padding: 0;
    color: #555;
}
.page-figure {
    position: relative;
    display: block;
    margin: 2px 0 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
figure {
    margin: 0;
}
figure {
    margin: 1em 40px;
}
figure{
    display: block;
}
figure img{
    display: block;
    width:250px;
    height:180px;
} 
.page-desc.has-quote {
    padding-bottom: 14px;
    border-bottom: 1px solid #eaeaea;
}
.page-desc {
    position: relative;
    font-family: "Roboto";
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    /*border-top: 1px solid #eaeaea;*/
    margin: 22px 0 0;
    padding: 13px 0 0;
    color: #555;
    box-sizing: border-box;
}


.post-row {
    margin-bottom: 20px;
    box-sizing: border-box;
}
.left-meta-post {
    float: left;
    text-align: center;
    margin-right: 12px;
    margin-bottom: 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    overflow: hidden;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;

}
.left-meta-post .post-date {
    padding: 8px 0;
    width: 42px;
    background-color: #9a9a9a;
    color: #fff;
    box-sizing: border-box;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 21px;
    font-weight: 300;
    color: #666;

}
.left-meta-post .post-date .day {
    font-size: 20px;
    font-weight: 700;
    display: block;
    letter-spacing: 1px;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    font-family: 'Open Sans', sans-serif;

line-height: 21px;
}
.left-meta-post .post-date .month {
    display: block;
    text-transform: uppercase;
    line-height: 14px;
    font-size: 11px;
    letter-spacing: 1px;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    font-family: 'Open Sans', sans-serif;

}
.post-title {
    margin-bottom: 5px;
    width:220px;
}
    .post-title a {
        text-decoration:none;
    }
    .post-content-ana {
    width:250px;
     line-height: 18px;
     text-align:justify;
}
.post-content {
    width:750px;
     line-height: 18px;
     text-align:justify;
}
h3 {
    font-size:100%;
    font-size: 12px;
    line-height: 24px;
        font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin: 0;
    color: #444;

}
.left-meta-post .post-type i {
    background-color: #0264af;
    display: block;
    height: 40px;
    line-height: 39px;
    width: 42px;
    color: #fff;
    font-size: 1.4em;
    box-sizing: border-box;
    text-align: center;
}

 .read-more {
     background-color: #0264af;
    color: #fff;
    box-sizing: border-box;
    font-size: 10px;
    line-height: 18px;
    font-weight: 300;
    padding-left:4px;
    padding-right:4px;
    border-radius:4px;
    float:right;
}

.read-more a, a:hover {
    text-decoration: none;
    color: #fff;
}

.classic-title {
    margin-bottom: 10px;
    padding-bottom: 40px;
    border-bottom: 1px solid #eee;
    font-weight: 300;
}

.classic-title span {
    border-bottom-color: #606060;
    padding-bottom: 18px;
    border-bottom: 1px solid;
    font-weight: 400;
    box-sizing: border-box;
}

h4 {
    font-size: 16px;
    line-height: 22px;
    margin: 0;
color: #444;
box-sizing: border-box;
}


/*SOL MENU BAŞLANGIÇ*/
.kurumsalmenu {
    position:relative;
        float:left;
        width: 230px;
        min-height:450px;
        margin: -76px 0 0 20px;
        padding:0px;
        background:url(images/solmenubg.png) no-repeat;
        z-index:999999;

    }
.solmenu{
    height:60px;
  
  
  /*border-radius:5px 5px 0 0;*/
}
.kurumsalmenutitle {
    font-size: 18px;
    line-height: 40px;
    margin: 0;
 
    font-weight: bold;
    text-shadow: 2px 2px #444;
    color: #eaeaea;}



.urunlermenu {
       position: relative;
    float: left;
    width: 230px;
    min-height: 450px;
    margin: -76px 0 0 20px;
    padding: 0px;
    background:url(images/solmenubg_urunler.png) no-repeat;
    z-index: 999999;
        


    }

.urunlermenutitle {
     font-size: 18px;
    line-height: 40px;
    margin: 0;
 
    font-weight: bold;
    text-shadow: 2px 2px #444;
    color: #eaeaea;
}
#leftBox {
    float: left;
    width: 230px;
    
    margin-top: 180px;
}
#leftBox .leftInfo {
    padding: 15px;
    margin-top: 0px;
}
#leftBox .leftInfo h2 a {
    background: url(images/navLefth2bg.jpg) left top no-repeat;
    padding-left: 10px;
    display: block;
    padding-bottom: 9px;
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    margin-top: 5px;
    line-height:16px;
}


#leftBox .leftInfo .navLeftPhone {
    background: url(images/navLeftPhone.jpg) left top no-repeat;
    display: block;
    color: #1766b5;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    margin-top: 5px;
    padding: 5px 10px 24px 42px;
}
h2 {
    display: block;
    font-size: 1.5em;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}

.clear {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
    display: block;
    width: 100%;
}


#leftBox .leftInfo .navLeftMail {
    display: block;
    color: #1766b5;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    margin-top: 5px;
    padding: 5px 10px 12px 42px;
    background: url(images/sprite.png) -11px -342px no-repeat;
}

 


.settings {
    height:40px;
    /*margin-bottom: 16px;
    padding-bottom: 8px;*/
    /*border-bottom: 1px solid #eee;*/
    width:280px; display: block;padding:10px;
    margin-top:0px;
}

.settings span {
    
    border-bottom-color: #029346;
    width:250px;
    
    /*border-bottom: 1px solid;*/
    font-weight: 600;
    font-size: 16px;
    box-sizing: border-box;
    color:#fff;
    padding:5px;
    text-decoration: none;
    outline: none;
    line-height: 1.1;
}

.menu ul {
  list-style:none;

}

.menu ul li {
  text-indent:0px;
  text-align:left;
  
}

.menu ul #last {
  border-radius: 0 0 5px 5px;
}

.menu ul li a {
  display:block;
  padding:11px 10px;
  font-size:14px;
  color:#3c3c3c;
  font-family: 'Strait', sans-serif;
  font-size:14px;
  text-decoration:none;
  text-shadow: 1px 1px 1px #fff;
  text-align:left;
  border-bottom:1px solid rgba(0,0,0,0.1);
  box-shadow:inset 0 1px 1px #fff;
}

.menu ul li img {
  float:left;
  margin:-2px 0 0 0;
}

.menu ul li:hover {
  border-left:3px solid #0264af;
  background-color:rgba(0,0,0,0.02);
}

/*SOL MENU BİTİŞ*/


/* Mainpage advice slider starts here */
.advice { display:block; float:left; width:750px;}
.pitem { position:relative; display:block; float:left; width:300px; height:320px; padding-left:10px;  padding:10px;margin:20px; border:none; margin-bottom:20px; box-sizing: border-box;display: block;}
.gift-h{ height:251px; }
.selectedProduct { visibility:hidden; }
.gift-adet { width:220px; padding:5px 0px; }
.gift-adet.disable {  background: red; }
.gift-h{border:1px solid transparent;}
.lbl-secim{   position: absolute;  bottom: 0;  height: 220px;  text-align: center; width:100%;   }
.pitem .flipbox { display:block; float:left; border:1px solid #ececec; border-bottom: none; }
.pitem .flipbox { display:block; float:left; width:auto; height:auto; }
.pitem h4 { padding-left:0px !important;}
.pitem h4 a{ display:block; float:left; width:100%; height:30px;  color:#2c2c2c; font-family: 'Dosis', sans-serif;   font-size:13px; text-align:center; }
.pitem .oldprice {font-weight: lighter;display: block;text-align: left;float: left;width: 60%;height: 15px;color: #919191;text-decoration: line-through;font-size: 12px;font-family: 'Dosis', sans-serif;margin-left: 10px;}
.pitem .newprice {display: block;float: left;width: 60%;height: 15px;color: #a69568;font-size: 20px;font-family: 'Dosis', sans-serif;font-weight: 700;text-align: left;margin-left: 10px;}
.pitem p { margin-top:5px;}
.fastinfo{top:0px; position:relative;  margin-bottom:-70px; height:70px; z-index:10;}/*top:-10px*/
.fastinfo img{ width:auto  !important; height:auto !important; margin-left:-8px;  }
 
.pitem img {     
    max-width: 90%;width:auto;text-align:center;
    vertical-align: middle;margin-left:0 !important;
    border: 0;
    margin: 0 auto;
    
    height: 170px!important;
    

} /*margin-top:10px*/
.pitem .pitem_bottom { width:300px; height:80px;  padding-bottom:15px; border-bottom: 1px solid #0264af;display: block; float:left;
                       
background: rgb(246,248,249); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */

                       
                        }
.largeitems .pitem img { margin-top:10px;}

.maskproperties {
    position: absolute;
    height: 55px;
    margin-top: 166px;
    width: 222px;
    float: left;
    display: none;
    background: url(../img/maskbg.png);
}
.quicklook {
    text-transform: uppercase;
    font-size: 13px;
    background: #a29061;
    width: 100px;
    text-align: center;
    height: 33px;
    line-height: 33px;
    color: #fff;
    margin-left: 60px;
}
.quicklook {
    display: block;
    height: 34px;
    margin: 0 auto;
    width: 204px;
    text-align: center;
    background-color: #fff;
    color: #000;
    background: url(../img/quickaddto.jpg) no-repeat;
    margin-top: 10px;
}
.pagination-wrapper-2 {
    width: 240px;
    float: right;
    margin-top: 7px;
    margin-left: 270px;
}

.urundetayresim {
 position: relative;
    float: left;
    display: inline-block;
    margin: 0 0 20px 15px;
    line-height: 20px;
    border: 1px solid #DDD;  
    border-radius: 4px;
    width:220px;
    height:180px;
}
.thumbnail_galeri {
   
    padding: 3px; table-layout: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.055);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.055);
    box-shadow: 0 1px 3px rgba(0,0,0,0.055);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; 
    max-width: 90%;width:auto;text-align:center;
    vertical-align: middle;margin-left:0 !important;
   
    margin: 0 auto;
    
    
    height: 170px!important;


   


}
.v12baslik {
    font-family: 'pt_bold';
    color: #666;
    padding: 10px !important;
}
.style1 {
    color:#c70d0d;
}
.geri-don { 
    float:right;
    right:0px;
    margin-top:0px;
    width:89px;
    height:30px;
    background-position: center center; 
    position:relative;  
    background-image: url('images/icongeri.png'); 
    background-repeat: no-repeat; }

.geri-don2 {
    position:relative;
    float:right;
    right:0px;
    margin-top:-55px;
}

.urunkategori {
    background-position: center top;
    position: relative;
    display: block;
    float: left;
    width: 950px;
    height: 360px;    
    padding: 10px;
    margin-top:80px;
    border: none;   
    box-sizing: border-box;
    display: block;
    background-image: url('images/kat_urunler_bg1.png');
    background-repeat: no-repeat;
}

    .urunkategori .baslik {
        position:relative;
        font-size:14px;
        float:left;
        color:#fff;
        line-height:20px;
        margin-top:265px;
        padding:22px 45px 22px 45px;       
        width: 220px;
        text-align:center;
       
        
    }
    

    
.span3 {
    width: 250px;
        float: left;
    min-height: 1px;
    
}

.product-list-item {
    position:relative;
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
    background: #ffffff; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #ffffff 61%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(61%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 61%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #ffffff 61%,#ededed 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #ffffff 61%,#ededed 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #ffffff 61%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */
margin:20px;
text-align:center;
 width: 300px;margin-left: 20px;
 float:left;

}
.product-list-item.promo-new:after {content:'NEW'; font-size:11px; color:#fff; font-weight:bold; background:#12a1c5; line-height:1; padding:4px 6px; position:absolute; left:20px; top:20px;}
.product-list-item.promo-new:before {content:''; border:3px solid transparent; border-top-color: #12a1c5;  position:absolute; left:27px; top:39px; z-index:1;}
.product-list-item.promo-sale:after {content:'SALE'; font-size:11px; color:#fff; font-weight:bold; background:#c51212; line-height:1; padding:4px 6px; position:absolute; left:20px; top:20px;}
.product-list-item.promo-sale:before {content:''; border:3px solid transparent; border-top-color: #c51212;  position:absolute; left:27px; top:39px; z-index:1;}
.product-list-item > .hover {position:absolute; left:0; top:0; right:0; bottom:0; pointer-events: none; box-shadow:inset 0 0 0 2px #e8e8e8; }
    .product-list-item .cerceve {
        height:210px;
    }
.product-list-item .cerceve .image {
    text-align:center; 
    line-height:220px; 
   
    margin:5px auto; 
    position:relative; 
    vertical-align:middle;
   padding:5px;
    
display: block;
  max-width:210px;
  max-height:180px;
  width: auto;
  height: auto;

}
.product-list-item .details {background:#f3f3f3; padding:15px; border-top: 1px solid #E8E8E8;}
.product-list-item .details h3 {font-size:14px; color:#2f2f2f; line-height:1.3; margin:0 0 10px;  text-align:center;font-weight:600;}
.product-list-item .details h3 :hover{font-size:14px; color:#000000; line-height:1.3; margin:0 0 10px;  text-align:center;font-weight:600;}
.product-list-item .details p.desc {font-size:12px; font-style:italic; color:#939393; line-height:1.3;}
.product-list-item .details .actions {text-align:right; position:absolute; right:0px; bottom:10px; width:0; overflow:hidden;line-height: 1;}
.product-list-item .details .actions a {display:inline-block; background:#00aae4; color:#fff; font-size:10px; line-height: 1; padding: 4px 6px; white-space:nowrap;margin-bottom: 3px;}
.product-list-item .details .actions a:hover {background:#333; }
.product-list-item .price {color:#565656; font-size:20px; font-weight:700; line-height:1}
.product-list-item .price:first-letter {font-size:12px; vertical-align:top;}
.product-list-item .price small {font-size:13px; font-weight:; position:relative; color:#777; line-height:1; vertical-align:top;}
.product-list-item .price small:after {content:''; width:34px; height:0px; border-top:1px solid #999; position:absolute; left:-2px; top:9px; opacity:0.9; filter:alpha(opacity=90);
-webkit-transform:rotate(-25deg); -moz-transform:rotate(-25deg); -o-transform:rotate(-25deg); -ms-transform:rotate(-25deg); transform:rotate(-25deg);}
.product-list-item:hover .details {background:#edecec;}
.product-list-item:hover .details h3 {color:#cd2122;}
.product-list-item:hover .details .actions {width:140px; right:4px;}
.product-list-item:hover > .hover {box-shadow:inset 0 0 0 4px #ddd;} 
.product-list-item .details h3,
.product-list-item > .hover,
.product-list-item .details,
.product-list-item .details .actions,
.shop-latest .tabbable .shop-latest-carousel .controls a {-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}




/* Mainpage advice slider starts here */
.advice { display:block; float:left; width:750px;}
.pitem { position:relative; display:block; float:left; width:220px; height:320px; padding-left:10px;  padding:10px; border:none; margin-bottom:20px; box-sizing: border-box;display: block;}
.gift-h{ height:251px; }
.selectedProduct { visibility:hidden; }
.gift-adet { width:220px; padding:5px 0px; }
.gift-adet.disable {  background: red; }
.gift-h{border:1px solid transparent;}
.lbl-secim{   position: absolute;  bottom: 0;  height: 220px;  text-align: center; width:100%;   }
.pitem .flipbox { display:block; float:left; border:1px solid #ececec; border-bottom: none; }
.pitem .flipbox { display:block; float:left; width:auto; height:auto; }
.pitem h4 { padding-left:0px !important;}
.pitem h4 a{ display:block; float:left; width:100%; height:30px;  color:#2c2c2c; font-family: 'Dosis', sans-serif;   font-size:13px; text-align:center; }
.pitem .oldprice {font-weight: lighter;display: block;text-align: left;float: left;width: 60%;height: 15px;color: #919191;text-decoration: line-through;font-size: 12px;font-family: 'Dosis', sans-serif;margin-left: 10px;}
.pitem .newprice {display: block;float: left;width: 60%;height: 15px;color: #a69568;font-size: 20px;font-family: 'Dosis', sans-serif;font-weight: 700;text-align: left;margin-left: 10px;}
.pitem p { margin-top:5px;}
.fastinfo{top:0px; position:relative;  margin-bottom:-70px; height:70px; z-index:10;}/*top:-10px*/
.fastinfo img{ width:auto  !important; height:auto !important; margin-left:-8px;  }
 
.pitem img {     
    max-width: 90%;width:auto;text-align:center;
    vertical-align: middle;margin-left:0 !important;
    border: 0;
    margin: 0 auto;
    
    height: 170px!important;
    

} /*margin-top:10px*/
.pitem .pitem_bottom { width:200px; height:80px;  padding-bottom:15px; border-bottom: 1px solid #0264af;display: block; float:left;
                       
background: rgb(246,248,249); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */

                       
                        }
.largeitems .pitem img { margin-top:10px;}

.maskproperties {
    position: absolute;
    height: 55px;
    margin-top: 166px;
    width: 222px;
    float: left;
    display: none;
    background: url(../img/maskbg.png);
}
.quicklook {
    text-transform: uppercase;
    font-size: 13px;
    background: #a29061;
    width: 100px;
    text-align: center;
    height: 33px;
    line-height: 33px;
    color: #fff;
    margin-left: 60px;
}
.quicklook {
    display: block;
    height: 34px;
    margin: 0 auto;
    width: 204px;
    text-align: center;
    background-color: #fff;
    color: #000;
    background: url(../img/quickaddto.jpg) no-repeat;
    margin-top: 10px;
}
.pagination-wrapper-2 {
    width: 240px;
    float: right;
    margin-top: 7px;
    margin-left: 270px;
}

.urundetayresim {
 position: relative;
    float: left;
    display: inline-block;
    margin: 0 0 20px 15px;
    line-height: 20px;
    border: 1px solid #DDD;  
    border-radius: 4px;
    width:220px;
    height:180px;
}
.thumbnail_galeri {
   
    padding: 3px; table-layout: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.055);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.055);
    box-shadow: 0 1px 3px rgba(0,0,0,0.055);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; 
    max-width: 90%;width:auto;text-align:center;
    vertical-align: middle;margin-left:0 !important;
   
    margin: 0 auto;
    
    
    height: 170px!important;


   


}
.v12baslik {
    font-family: 'pt_bold';
    color: #666;
    padding: 10px !important;
}
.style1 {
    color:#c70d0d;
}
.geri-don {
    position:relative;
    float:right;
    right:0px;
    margin-top:-25px;
}
.geri-don2 {
    position:relative;
    float:right;
    right:0px;
    margin-top:-55px;
}