@charset "utf-8";
/* CSS Document */

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, input, select, textarea {margin:0;	padding:0;	border:0;	font-size:100%;	font:inherit;	vertical-align:top;	outline:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
/*img {display:block;}*/
strong{font-weight:bold;}
a {text-decoration:none;}
textarea {resize:none;}
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;}

.clearfix:after {visibility:hidden; display:block; font-size:0; content:""; clear:both; height:0;}
* html .clearfix {zoom:1;}
*:first-child+html .clearfix {zoom:1;}
.clr{ clear:both; height:0;}
html, body{margin:0; padding:0; overflow-x:hidden; }
body{font:300 1em 'Open Sans', Arial, sans-serif; color:#666; line-height: 1.2em; background:#ced5db url(../images/page_bgr.jpg) repeat-x top center;}
iframe{font-family:'Open Sans', Arial, sans-serif !important;}
h1{font:400 1em 'Open Sans', Arial, sans-serif; color:#4a5b80; display:block; text-align:left; padding:0; margin-bottom:10px; text-align:left;}
h2{font:400 1.4em 'Open Sans', Arial, sans-serif; color:#2a3e6a; display:block; text-align:left; padding:0; margin-bottom:15px; text-align:left;}
h3{font:600 1.1em 'Open Sans', Arial, sans-serif; color:#2a3e6a; display:block; text-align:left; padding:0; margin-bottom:5px; text-align:left;}

/*** page style ***/
#wrapper {width: 900px; overflow: hidden; margin:15px auto;}

#header-root {width:900px; height:90px; padding:0px; position:relative; /*background: url(../images/menu_bgr.png) no-repeat top right;*/ float:left;}
#header-root .left-part{width:200px; text-align:center; float:left;}
#header-root .right-part{width:700px; text-align:right; float:left;}
.main-menu{width:auto; height:30px; margin:20px 40px 0 0; display:inline-block; list-style:none; float:right;}
.main-menu li{width:auto; margin:0 10px; font:400 1em 'Open Sans', Arial, sans-serif; color:#2a3e6a; text-align:center; float:left;}
#audioMp3{padding:0px; margin-right:20px; position:absolute; right:10px; top:0px; z-index:10}
#mcgroup{width:24px; padding:0px; margin-top:10px; position:absolute; right:0px; top:0px; z-index:11; text-align:right;}

#main-banner{width:890px; height:308px; border:5px solid #fff; margin-bottom:15px; float:left;}


#content-root{width:900px; float:left;}
.teaser-box{height:290px; padding:15px; background:#fff; border:1px solid #fff; -webkit-box-shadow:0px 5px 5px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:0px 5px 5px 0px rgba(50, 50, 50, 0.2); box-shadow:0px 5px 5px 0px rgba(50, 50, 50, 0.2); text-decoration:none;  float:left;}

.teaser-box .top-part{width:100%; padding:0; margin:0; text-align:left; float:left;}
.teaser-box .bottom-part{width:100%; padding:0; margin:15px 0 0 0; text-align:center; float:left;}
.teaser-box .top-part{font:400 .8em 'Open Sans', Arial, sans-serif; color:#5e778c; text-decoration:none;}
.teaser-box .top-part a{font:400 1em 'Open Sans', Arial, sans-serif; color:#5e778c; text-decoration:none;}
.teaser-box .top-part a:hover{font:400 1em 'Open Sans', Arial, sans-serif; color:#5e778c; text-decoration:underline;}


.welcome{width:250px; text-align:left;}

.news{width:274px; margin:0 15px; position:relative;}
.detail{width:274px; height:20px; margin-bottom:10px; text-align:right; position:absolute; bottom:0;}
a.devami{font:400 .8em 'Open Sans', Arial, sans-serif; color: #1f457c; font-style: italic; text-decoration: none;}
a.devami:hover{font:400 .8em 'Open Sans', Arial, sans-serif; color: #1f457c; font-style: italic; text-decoration: underline;}

.stock{width:250px;}


.container{width:860px; height:auto; padding:40px 20px; background:#fff; margin:0; float:left; border:1px solid #fff; -webkit-box-shadow:0px 5px 5px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:0px 5px 5px 0px rgba(50, 50, 50, 0.2); box-shadow:0px 5px 5px 0px rgba(50, 50, 50, 0.2);}

.sub-page{width:100%; height:auto; min-height:300px; font:400 .8em 'Open Sans', Arial, sans-serif; line-height: 1.6em; color:#6d6d6d; float:left;}
.sub-page .left-part{width:66%; text-align:left; float:left;}
.sub-page .right-part{width:34%; text-align:right; float:left;}

 
.tel-icon{width:100%; height:29px; padding:5px 0 0 50px; margin:5px 0; background:url(../images/iletisim-icon.jpg) no-repeat 0 0; float:left;}
.fax-icon{width:100%; height:32px; padding:5px 0 0 50px; margin:5px 0; background:url(../images/iletisim-icon.jpg) no-repeat 0 -32px; float:left;}
.mail-icon{width:100%; height:24px; padding:5px 0 0 50px; margin:5px 0; background:url(../images/iletisim-icon.jpg) no-repeat 0 -70px; float:left;}
a.link{font:400 1em 'Open Sans', Arial, sans-serif; color:#6d6d6d; line-height: 1.2em; text-decoration:none;}
a.link:hover{text-decoration:underline;}


.site-map{width:100%; display:inline-block; list-style:disc; list-style-position:inside; margin-left:20px;}
.site-map li{width:100%; text-align:left; line-height:1.8em; float:left;}
.site-map li a{font:400 1em 'Open Sans', Arial, sans-serif; color:#6d6d6d; line-height: 1.2em; text-decoration:none;}
.site-map li a:hover{text-decoration:underline;}
.site-map li.inside{margin-left:20px;}

       
#footer-holder {width:860px; height:20px; padding:15px; margin-top:15px; background:#efefef; float:left; border:5px solid #fff;}  
#footer-holder .left-part{width:200px; text-align:left; float:left;}
#footer-holder .right-part{width:660px; text-align:right; font:400 .8em 'Open Sans', Arial, sans-serif; color:#5e778c; float:left;}
#footer-holder a{font:400 .8em 'Open Sans', Arial, sans-serif; color:#5e778c; text-decoration:none;}
#footer-holder a:hover{font:400 .8em 'Open Sans', Arial, sans-serif; color:#5e778c; text-decoration:underline;}



/*** page style ***/   



/* pic-effect */

.pic {
  width: 250px;
  height: 120px;
  transition: all 1s ease;
}
.pic2 {
  width: 274px;
  height: 120px;
  transition: all 1s ease;
}

.pic img, .pic2 img {
  width: 100%;
}
.pic:hover .overlay, .pic2:hover .overlay {
  background: #fff;
  opacity:0.8;
}
.pic:hover .button, .pic2:hover .button {
  width: 70px;
  height: 70px;
  margin: -96px auto 0 auto;
  background: url(../images/plus-icon.png) center center no-repeat #fff;
  opacity: .7;
  transform:scale(1);
  animation-delay: inherit;
  animation:scale .5s infinite;   
  cursor: pointer;
}


.overlay {
  width: 100%;
  height: 100%;
  margin: -120px 0 0 0;
  background: #000;
  opacity:0;
  transition: all 1s ease;
}
.button {
  width: 32px;
  height: 32px;
  margin: -120px auto 0 auto;
  background: url(../images/plus-icon.png) center center no-repeat;
  opacity: 0;
  border-radius: 50%;
  transition: all .2s ease;
}

@keyframes scale {
  0%   { transform:scale(1); }
  50%   { transform:scale(1.1); }
  100% { transform:scale(1); }
}

/* pic-effect */