@charset "utf-8";
/*
MAG-NET Framework v.1
Tanim      : Baysal Zirai Aletler HTML5 Website			   
Web Sitesi : www..com.tr               
Hazirlayan : Ferdi YÜZMEÇ             
Tarih      : 20.07.2014                         
*/

/* GLOBAL   
=======================================================================================*/

/* Fonts 
------------------------------------------------------------*/

/*----------------------------------------------------------*/

/* Reset CSS 
------------------------------------------------------------*/
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 older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
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; }
/*----------------------------------------------------------*/

/* * 
------------------------------------------------------------*/
* { margin: 0; padding: 0; border: 0; }
/*----------------------------------------------------------*/

/* Body 
------------------------------------------------------------*/
body { background-image:url(../images/bckg/bg.png); background-repeat:no-repeat; background-position:center 0; min-width:1000px; }
/*----------------------------------------------------------*/

/* Headings 
------------------------------------------------------------*/
h2 { font-size: 1.571em }	/* 22px */
h3 { font-size: 1.429em }	/* 20px */
h4 { font-size: 1.286em }	/* 18px */
h5 { font-size: 1.143em }	/* 16px */
h6 { font-size: 1em }		/* 14px */
h2, h3, h4, h5, h6 { font-weight: bold; line-height: 1.1; margin-bottom: .8em; }
/*----------------------------------------------------------*/

/* Anchors 
------------------------------------------------------------*/
a img { border: 0px; text-decoration: none; }
a, a:link, a:visited { text-decoration: none; text-decoration: none; }
a:hover, a:active {text-decoration: none; }
/*----------------------------------------------------------*/

/* Paragraphs 
------------------------------------------------------------*/
p { }
* p:last-child { margin-bottom: 0; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }

/*----------------------------------------------------------*/

/* Lists 
------------------------------------------------------------*/
ul { list-style: none; }
ol { list-style: none; }
dl { margin: 0; }
dt { font-weight: bold; }
dd { margin: 0; }
/*----------------------------------------------------------*/

/* Quotes 
------------------------------------------------------------*/
blockquote { font-style: italic; }
cite { }
q { }
/*----------------------------------------------------------*/

/* Tables 
------------------------------------------------------------*/
table { margin: 0; }
/*----------------------------------------------------------*/

/* Thead 
------------------------------------------------------------*/
thead th { padding: 0; text-align: left; }
thead td { }
/*----------------------------------------------------------*/

/* Tbody 
------------------------------------------------------------*/
tbody td { padding: 0; }
tbody th { }
tbody .alt td { }
tbody .alt th { }
/*----------------------------------------------------------*/

/* Tfoot 
------------------------------------------------------------*/
tfoot th { }
tfoot td { }
/*----------------------------------------------------------*/

/* Input & Select
------------------------------------------------------------*/
input, select { outline: none; }
/*----------------------------------------------------------*/

/* Border & Focus
------------------------------------------------------------*/
img { border: none; }
:focus { outline: none; }
/*----------------------------------------------------------*/

/* Helpers
------------------------------------------------------------*/
.clear { clear: both; height: 25px;}
.center { text-align: center; margin: 10px auto; }
img.center { margin: 10px 0 20px 100px !important; }
.left { float: left; }
.right { float: right; clear: both; position: relative; top: -21px;}
.alignleft { float: left; margin-right: 28px; }
.alignright { float: right; margin-left: 28px; }
.aligncenter { text-align: center; }
.half { width: 50%; }
.triple { width: 33%; }
.no-display { display: none; }
.no-border { border: none !important; }
.no-bg { background: none !important; }
.no-bg-img { background-position: 1000px 1000px !important; }
.text-justify { text-align: justify; }
.no-margin { margin: 0 !important; }
.visible { display: block; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: block; }
* html .clearfix { height: 1%; }
.hide { display: none; }
.show { display: block; }
/*----------------------------------------------------------*/

/* Wrapper
------------------------------------------------------------*/
.wrapper { max-width: 967px; width: 100%; margin: 0 auto;}
/*----------------------------------------------------------*/

/* Logo
------------------------------------------------------------*/
.logo { float:left; background-image:url(../images/bckg/logo.png); background-repeat:no-repeat; width:242px; height:81px; text-indent:-9999px; position:relative; top:20px; }
/*----------------------------------------------------------*/

/* Right Menu
------------------------------------------------------------*/
.right-menu { float:right; background-image:url(../images/bckg/right_nav.png); background-repeat:no-repeat; width: 197px; height:112px; }
.right-menu2 {
    float: right;
    background-repeat: no-repeat;
    width: 111px;
    height: 42px;
    position: relative;
    /* z-index: 99999; */
    top: 71px;
    left: -12px;
}
.right-menu3 {
    float: right;
        background-repeat: no-repeat;
        width: 42px;
        height: 42px;
        position: relative;
        /* z-index: 99999; */
        top: 71px;
        left: -20px;
}
.hacker {
    float: right;
    background-image: url(../images/bckg/hacker.png);
    background-repeat: no-repeat;
    width: 110px;
    height: 42px;
    text-indent: -99999px;
    position: relative;
}
.hacker2 {
    float: right;
    background-image: url(../images/bckg/ins.png);
    background-repeat: no-repeat;
    width: 42px;
    height: 42px;
    text-indent: -99999px;
    position: relative;
    background-size: 100% 100%;
}
.right-target { font-size:15px; letter-spacing:-1px; color:#FFF; position:relative; top: 82px; text-align: center; display: block; margin: 0 auto; width: 193px; float: left;}
/*----------------------------------------------------------*/

/* Nav
------------------------------------------------------------*/
nav { float:left; clear:both; position: relative; top: 20px; background-image:url(../images/bckg/nav-bg.png); background-repeat:no-repeat; height:102px; width:100%; z-index: 999; left: 2px;}
nav ul { list-style:none; margin-top: 14px; width: 900px; display: block; margin-left: 19px;}
nav ul li { float:left; display:inline; margin-right: 4px;}
nav ul li a{ font-size:18px; color:#FFF; letter-spacing:-1px; display:inline-block; padding: 1px 26px 15px 31px; -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out; cursor:pointer;} 
nav ul li a:hover { background-image:url(../images/bckg/nav-selected.png); background-repeat:no-repeat; background-position: center 0;  }
/*----------------------------------------------------------*/

/* Slider
------------------------------------------------------------*/
.slider { height: 345px; width: 967px; margin: 0 auto; text-align: center; top: 208px; margin-bottom:40px; left: -1px;}
.slide_item { margin: 0 auto; height: 345px; width: 967px; }

.bgg1 { background: url(../images/slide/1.jpg); }
.bgg2 { background: url(../images/slide/2.jpg); }
.bgg3 { background: url(../images/slide/3.jpg); }
.bgg4 { background: url(../images/slide/4.jpg); }
.bgg5 { background: url(../images/slide/5.jpg); }
.bgg6 { background: url(../images/slide/6.jpg); }

/*.bg4{ background: url(../images/slide_us/2_1.png) #d1d1d1;}*/
#slider_us { width: 950px; height: 373px; margin: 0 auto; text-align: center; }
.slider .ls-layer { margin: 0 auto; width: 950px; }
/*----------------------------------------------------------*/

/* News
------------------------------------------------------------*/
.news-area { float:left; background-image:url(../images/bckg/news_bg.png); background-repeat:no-repeat; width:100%; height:67px; margin-top: 156px; margin-left: -1px;}
.newslist{ float:left; margin: 28px 20px;}
.title-news { font-size:15px; color:#FFF; letter-spacing:-1px; }
ul.newlist { list-style:none; float: left; margin-top: -15px; margin-left: 145px;}
ul.newlist li { float:left; }
ul.newlist li a { color:#FFF; font-size:11px; font-family:Tahoma, Geneva, sans-serif; width: 790px; float: left;}
/*----------------------------------------------------------*/

/* Home Widget
------------------------------------------------------------*/
.home-widget { float:left; position: relative; top: 20px;}

/* welcome */
.welcome { float:left; background-image:url(../images/bckg/welcome.png); background-repeat:no-repeat; width:483px; height:192px; margin-left: -12px;}
.welcome img { float:left; clear: both; margin: 8px 4px 10px 20px;}

/* support */
.support { float:right; background-image:url(../images/bckg/welcome.png); background-repeat:no-repeat; width:483px; height:192px; position: relative; right: 1px;}
.support img { float:left; clear: both; margin: 8px 4px 10px 20px;}

.title { font-size:15px; color:#FFF; letter-spacing:-1px; float: left; margin: 14px 29px;}
.text { float:right; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#000; width: 302px; margin: 15px 17px 3px 1px; line-height: 19px;}
.more { float:right; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#a32800; padding-bottom: 5px; border-bottom:dotted 1px #a32800; margin-right: 25px; margin-top: 6px;}

/* products area */
.products-area {float:left; background-image:url(../images/bckg/products_area.png); background-repeat:no-repeat; width: 976px; height:233px;margin-top: 11px;}
.title-product { float:left; font-size:15px; color:#cb3606; letter-spacing:-1px; margin: 19px 25px;}
.box-product { float:left; display:inline; width:108px; margin-right: 9px;}
.productlist { float:left; clear:both; margin-top: 20px; margin-left: 23px;}
.box-product img { display:block; margin:0 auto; border:solid 1px #0d710d; }
.box-title { font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; display:block; margin:0 auto; padding-top:8px; color:#000; }
/*----------------------------------------------------------*/


/* products area */

body.urunlerimiz .products-area {float:left; background-image:url(../images/bckg/products_area.png); background-repeat:no-repeat; width: 976px; height:233px;margin-top: 11px;}
body.urunlerimiz .title-product { float:left; font-size:15px; color:#cb3606; letter-spacing:-1px; margin: 19px 25px;}
body.urunlerimiz .box-product { float:left; display:inline; width: 190px; margin-right: 45px; margin-bottom: 13px;}
body.urunlerimiz .productlist { float:left; clear:both; margin-top: 0px; margin-left: 0px;}
body.urunlerimiz .box-product img { display:block; margin:0 auto; border: solid 3px #0d710d; width: 182px; transition:all ease-in-out .3s; -moz-transition:all ease-in-out .3s; -ms-transition:all ease-in-out .3s; -o-transition:all ease-in-out .3s; -webkit-transition:all ease-in-out .3s; border-radius: 8px;}
body.urunlerimiz .box-product img:hover { border: solid 3px #E85222;}
body.urunlerimiz .box-title { font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; display:block; margin:0 auto; padding-top:8px; color:#000; }
/*----------------------------------------------------------*/


/* Bayilikler
------------------------------------------------------------*/
body.bayiliklerimiz div.page-content-top p img { width:150px; height:90px; border:4px solid #E85222; -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); -moz-filter: grayscale(100%); opacity:.6; transition:all ease-in-out .3s; -moz-transition:all ease-in-out .3s; -ms-transition:all ease-in-out .3s; -o-transition:all ease-in-out .3s; -webkit-transition:all ease-in-out .3s; float:left; margin: 14px !important;}
body.bayiliklerimiz div.page-content-top p img:hover { -webkit-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); -moz-filter: grayscale(0%); opacity:1; }

/*----------------------------------------------------------*/


/* Footer
------------------------------------------------------------*/
footer { background-image:url(../images/bckg/footer.png); background-repeat:no-repeat; width:100%; height: 44px; overflow: hidden;}
footer section {max-width: 967px; width: 100%; margin: 0 auto;}

.copright { float:left; font-size:11px; font-family:Tahoma, Geneva, sans-serif; color:#FFF; position: relative; top: 16px; margin-left: 16px;}
.magnet { float:right; background-image:url(../images/bckg/magnetweb.png); background-repeat:no-repeat; width:78px; height:15px; position:relative; top:16px; text-indent:-99999px; margin-right: 15px;}
/*----------------------------------------------------------*/

/* Referanslar
------------------------------------------------------------*/
body.referanslar div.page-content-top p img { border:3px solid #B5000B; -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); -moz-filter: grayscale(100%); opacity:.6; transition:all ease-in-out .3s; -moz-transition:all ease-in-out .3s; -ms-transition:all ease-in-out .3s; -o-transition:all ease-in-out .3s; -webkit-transition:all ease-in-out .3s; float:left; margin: 23px;}
body.referanslar div.page-content-top p img:hover { -webkit-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); -moz-filter: grayscale(0%); opacity:1; }

/*----------------------------------------------------------*/


/* ScrollBar
------------------------------------------------------------*/
#content { width: 980px; height: 718px; overflow: hidden; position: relative; }
.ps-container .ps-scrollbar-x-rail { position: absolute; /* please don't change 'position' */ bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */ height: 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; opacity: 0; filter: alpha(opacity = 0); -o-transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color.2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; }
.ps-container:hover .ps-scrollbar-x-rail, .ps-container.hover .ps-scrollbar-x-rail { opacity: 0.6; filter: alpha(opacity = 60); }
.ps-container .ps-scrollbar-x-rail:hover, .ps-container .ps-scrollbar-x-rail.hover { background-color: #eee; opacity: 0.9; filter: alpha(opacity = 90); }
.ps-container .ps-scrollbar-x-rail.in-scrolling { opacity: 0.9; filter: alpha(opacity = 90); }
.ps-container .ps-scrollbar-y-rail { position: absolute; /* please don't change 'position' */ right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */ width: 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; opacity: 0; filter: alpha(opacity = 0); -o-transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color.2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; }
.ps-container:hover .ps-scrollbar-y-rail, .ps-container.hover .ps-scrollbar-y-rail { opacity: 0.6; filter: alpha(opacity = 60); }
.ps-container .ps-scrollbar-y-rail:hover, .ps-container .ps-scrollbar-y-rail.hover { background-color: #eee; opacity: 0.9; filter: alpha(opacity = 90); }
.ps-container .ps-scrollbar-y-rail.in-scrolling { opacity: 0.9; filter: alpha(opacity = 90); }
.ps-container .ps-scrollbar-x { position: absolute; /* please don't change 'position' */ bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */ height: 8px; background-color: #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -o-transition: background-color .2s linear; -webkit-transition: background-color.2s linear; -moz-transition: background-color .2s linear; transition: background-color .2s linear; }
.ps-container.ie6 .ps-scrollbar-x { font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */ }
.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x, .ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x { background-color: #999; }
.ps-container .ps-scrollbar-y { position: absolute; /* please don't change 'position' */ right: 0; /* there must be 'right' for ps-scrollbar-y */ width: 8px; background-color: #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -o-transition: background-color .2s linear; -webkit-transition: background-color.2s linear; -moz-transition: background-color .2s linear; transition: background-color .2s linear; }
.ps-container.ie6 .ps-scrollbar-y { font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */ }
.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y, .ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y { background-color: #999; }
.ps-container.ie .ps-scrollbar-x, .ps-container.ie .ps-scrollbar-y { visibility: hidden; }
.ps-container.ie:hover .ps-scrollbar-x, .ps-container.ie:hover .ps-scrollbar-y, .ps-container.ie.hover .ps-scrollbar-x, .ps-container.ie.hover .ps-scrollbar-y { visibility: visible; }
/*----------------------------------------------------------*/

div.page-fixed		{ height: 680px; position:relative; top: 10px; overflow:hidden; }		

/* Example
------------------------------------------------------------*/

/*----------------------------------------------------------*/

/*=======================================================================================*/