html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}body { line-height: 1;}ol, ul { list-style: none;}blockquote, q { quotes: none;}blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}table { border-collapse: collapse; border-spacing: 0;}

/*  footer icin   */

html, body {
    height: 98%;
font-family: 'Open Sans', sans-serif;
}


strong {
	font-weight:bold;
}


em {
	font-style:italic;
}


#bg {
position:absolute;
width:100%;
height:100%;
background:url('../imgs/bg_w.png');
background-size:cover;
opacity: 0.1;
z-index:-9999;
}


#indexfoto {
	width:160px;	
	height:160px;	
}


#icerik {
    min-height: 97%;
    height: auto !important;
    height: 97%;
    margin-bottom: -20px;
}


.footer-ghost {
    height: 20px;
}


footer {
text-align: center;
  font-size: 11px;
  padding: 10px 0;
}


footer span {
 border-bottom: 1px dotted #999;
  padding-bottom: 4px;
}


/*  footer icin  - son  */


a {
text-decoration:none;
color:#333;
}


i {
font-style:italic;
}


b {
font-weight: bold;
}


input {
width:100%;
padding: 6px;
  margin: 2px;
}


textarea {
width:100%;
min-height:150px;
padding: 6px;
  margin: 2px;
}


#mtop {
  position: absolute;
  width: 100%;
  height: 80px;
  border-bottom: 1px solid #bbb;
  z-index: -999;
  top: 81px;
  border-top: 1px solid #bbb;
}


#icerik {
margin:0 auto;
width: 1060px;
font-family: 'Open Sans', sans-serif;
}


#icerik div#ust {
margin: 0;
padding: 100px 0 34px;
  text-align: center;
}


#icerik #ust h1 {
text-transform: uppercase;
font-size: 40px;
font-weight:800;
}


#icerik #ust h3 {
font-style: italic;
font-size: 14px;
padding-top: 10px;
color: #888;
width: 100%;
position: absolute;
top: 500px;
left: 0;
font-size: 18px;
letter-spacing: 6px;
}


#ustara {
text-align:center;
text-transform:uppercase;
font-size:16px;
padding: 0px 0 20px 0;
}


#ustara span {
}


#orta {

}


#orta div#sol {
float:left;
width: 120px;
min-height:200px;
z-index: 2;
}


#orta #sol ul {
margin-top:36px;
border-right:1px solid #dedede;
}


#orta #sol ul li {
  margin: 0;
  padding: 10px;
  line-height: 16px;
  font-size: 12px;
  text-transform: uppercase;
  border-bottom: 1px solid #ddd;
}


#orta #sol ul li:hover {
text-decoration:underline;
}


#orta div#merkez {
float:left;
width: 1014px;
min-height:200px;
margin-left: -75px;
z-index: 1;
}


#orta #merkez div#boxgr {
text-align:center;
font-size:13px;
text-transform:uppercase;
z-index: 1;
margin-top: 15px;
}


#orta #merkez div.box {
width: 166px;
height: 188px;
  display: inline-block;
padding: 0px 20px 0px 0px;
margin: 0px 0px 16px 0px;
}


#orta #merkez .box span {
display:inline-block;
}


#orta #merkez .box img {
border: 1px solid #888;
 /*border-radius: 8px;*/
 padding: 2px;
   
margin-top: 8px;
}


div.details_wr {
}


div.details {
width: 120px;
  height: 120px;
  text-align: center;
  display: inline-block;
  padding: 2px;
  border: 1px solid #888;
  margin: 4px 2px;
  /*border-radius: 6px;*/
}


div.detail_title {
border-bottom: 1px solid #888;
  text-align: left;
  margin: 11px 100px;
  padding-bottom: 4px;
  padding-left: 1px;
}


div.detail_title:hover {
/*text-decoration:underline;*/
}


span.pro_name {
width: 100%;
  height: 28px;
  overflow: hidden;
  position: relative;
  display: inline-block;
  text-transform: capitalize;
  font-size: 11px;
  line-height: 13px;
}


span.bread {
text-transform: none;
}


.notrans {
text-transform: none;
  font-size: 14px;
  border-bottom: 1px dashed #777;
  padding-bottom: 2px;
}


.temizle {
clear:both;
}


.whoweare {
  width: 800px;
  padding: 11px 50px 0;
  display: inline-block;
  text-align: justify;
  line-height: 28px;
  text-transform: none;
}


.contactcon {
  width: 600px;
  padding: 11px 50px 0;
  display: inline-block;
  text-align: justify;
  line-height: 28px;
  text-transform: none;
  margin-left:-10px;
}


#merkez #boxgr .whoweare p {
text-indent:50px;
}


.adres {
float:left;
display:block;
}


.thumbs_g {
  text-align: center;
  margin: 20px 50px 0 40px;
}


img.det {
  border: 1px solid #555!important;
  width:  76px;
  height: 60px;
  margin: 0px 2px 3px 0;
}


#mtp {

    text-align: center;
    display: inline-block;
    width: 100%;
    height: 40px;
    font-style: italic;
    color: #888;
    font-size: 18px;
    letter-spacing: 6px;
    padding-top: 90px;
}


#tel_fax {
  width: 175px;
  margin: 10px auto;
  font-size: 16px;
  text-align: center;
}


.te_fa {
  width: 70px;
  display: inline-block;
  text-align: left;
  font-size: 13px;
  vertical-align: bottom;
}


.catfoto {
	width:160px;
	height:160px;
}