@charset "utf-8";
/*
Mag-Net Web Framework v.1
Tanim : HTML5 Website
Web Sitesi : www.yalova-ambalaj.com
Hazirlayan : Ferdi YÜZMEÇ
Tarih : 01.12.2013
*/
/* 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/bck.jpg); background-repeat: no-repeat; background-color: #e1ecee; background-position: 0 0; color: #005e95; overflow-x:hidden; }
/*----------------------------------------------------------*/
/* 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: 1000px; width: 100%; margin: 0 auto; }
/*----------------------------------------------------------*/
/* Logo
------------------------------------------------------------*/
.logo { background-image: url(../images/bckg/logo.png); background-repeat: no-repeat; width: 250px; height: 92px; float: left; position: relative; top: 40px; z-index: 10;}
/*----------------------------------------------------------*/
/* Lang
------------------------------------------------------------*/
.lang { float: right; position: relative; top: -11px; z-index: 10;}
.lang span { background-image:url(../images/bckg/lang-bg.png); background-repeat:no-repeat; width: 45px; height:58px; display: inline-block;}
.tr { background-image: url(../images/bckg/tr.png); background-repeat: no-repeat; width: 16px; height: 11px; display: block; margin: 23px 15px;}
.gb { background-image: url(../images/bckg/gb.png); background-repeat: no-repeat; width: 16px; height: 11px; display: block; margin: 23px 15px;}
/*----------------------------------------------------------*/
/* Brands
------------------------------------------------------------*/
.brands { float:right; width:185px; height:57px; margin-right: 40px; margin-bottom: 11px; position:relative; z-index:99;}
.cukurova {background-image:url(../images/bckg/brands.png); background-repeat:no-repeat; float:right; height: 57px; width: 70px; background-position: 5px 1px; }
.smith {background-image:url(../images/bckg/brands.png); background-repeat:no-repeat; float:left; height: 57px; width: 107px; background-position: -78px 1px; }
/*----------------------------------------------------------*/
/* musteri
------------------------------------------------------------*/
.musteri {padding-top: 20px; font-size: 16px; font-weight: bold; color: #005e95;}
.m-link{ float:right; height:57px; margin-top: 20px; position:relative; z-index:99; right:-70px; font-family:Arial,sans-serif;}
.m-link a { font-size:12px; }
.m-link a:hover{ background-color: #56C1FF; color:#ffffff; padding: 5px;}
/*----------------------------------------------------------*/
/* Nav
------------------------------------------------------------*/
nav { background-image: url(../images/bckg/nav.png); background-repeat: no-repeat; width: 725px; height: 61px; display: block; float: right; position: relative; top: -2px; z-index: 10;}
nav ul { list-style: none; position: relative; top: -7px; margin-left:16px; }
nav ul li { display: inline-block; float: left; margin-right:7px;:}
.home { background-image: url(../images/bckg/home.png); background-repeat: no-repeat; width: 93px; height: 65px; display: block; text-indent: -9999px; -webkit-transition: all 2s ease-in; -moz-transition: all 2s ease-in; -ms-transition: all 2s ease-in; -o-transition: all 2s ease-in; transition: all 2s ease-in; }
.home:hover { background-image: url(../images/bckg/anasayfa.png); background-repeat: no-repeat; width: 93px; height: 65px; }
.about { background-image: url(../images/bckg/about.png); background-repeat: no-repeat; width: 105px; height: 65px; display: block; text-indent: -9999px; -webkit-transition: all 2s ease-in; -moz-transition: all 2s ease-in; -ms-transition: all 2s ease-in; -o-transition: all 2s ease-in; transition: all 2s ease-in; }
.about:hover { background-image: url(../images/bckg/hakkimizda.png); background-repeat: no-repeat; width: 105px; height: 65px; }
.urun { background-image: url(../images/bckg/urun.png); background-repeat: no-repeat; width: 83px; height: 65px; display: block; text-indent: -9999px; -webkit-transition: all 2s ease-in; -moz-transition: all 2s ease-in; -ms-transition: all 2s ease-in; -o-transition: all 2s ease-in; transition: all 2s ease-in; }
.urun:hover { background-image: url(../images/bckg/product.png); background-repeat: no-repeat; width: 83px; height: 65px; }
.tasarim { background-image: url(../images/bckg/tasarim.png); background-repeat: no-repeat; width: 91px; height: 65px; display: block; text-indent: -9999px; -webkit-transition: all 2s ease-in; -moz-transition: all 2s ease-in; -ms-transition: all 2s ease-in; -o-transition: all 2s ease-in; transition: all 2s ease-in; }
.tasarim:hover { background-image: url(../images/bckg/design.png); background-repeat: no-repeat; width: 91px; height: 65px; }
.efco { background-image: url(../images/bckg/efco.png); background-repeat: no-repeat; width: 123px; height: 65px; display: block; text-indent: -9999px; -webkit-transition: all 2s ease-in; -moz-transition: all 2s ease-in; -ms-transition: all 2s ease-in; -o-transition: all 2s ease-in; transition: all 2s ease-in; }
.efco:hover { background-image: url(../images/bckg/efco-hover.png); background-repeat: no-repeat; width: 123px; height: 65px; }
.kariyer { background-image: url(../images/bckg/kariyer.png); background-repeat: no-repeat; width: 83px; height: 65px; display: block; text-indent: -9999px; -webkit-transition: all 2s ease-in; -moz-transition: all 2s ease-in; -ms-transition: all 2s ease-in; -o-transition: all 2s ease-in; transition: all 2s ease-in; }
.kariyer:hover { background-image: url(../images/bckg/career.png); background-repeat: no-repeat; width: 83px; height: 65px; }
.iletisim { background-image: url(../images/bckg/iletisim.png); background-repeat: no-repeat; width: 83px; height: 65px; display: block; text-indent: -9999px; -webkit-transition: all 2s ease-in; -moz-transition: all 2s ease-in; -ms-transition: all 2s ease-in; -o-transition: all 2s ease-in; transition: all 2s ease-in; }
.iletisim:hover { background-image: url(../images/bckg/contact.png); background-repeat: no-repeat; width: 83px; height: 65px; }
/*----------------------------------------------------------*/
/* Slider
------------------------------------------------------------*/
.slider-wrapper { width: 1000px; margin: 0 auto; overflow: hidden; position: relative; top: 20px;}
.nivoSlider { position: relative; width: 100%; height: auto; overflow: hidden; }
.nivoSlider img { position: absolute; top: 0px; left: 0px; max-width: none; }
.nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; background: white; filter: alpha(opacity=0); opacity: 0; }
/* The slices and boxes in the Slider */
.nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; top: 0; }
.nivo-box { display: block; position: absolute; z-index: 5; overflow: hidden; }
.nivo-box img { display: block; }
/* Caption styles */
.nivo-caption { position: absolute; left: 0px; bottom: 0px; background: #000; color: #fff; width: 100%; z-index: 8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter: alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ }
.nivo-caption p { padding: 5px; margin: 0; }
.nivo-caption a { display: inline !important; }
.nivo-html-caption { display: none; }
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a { position: absolute; top: 45%; z-index: 9; cursor: pointer; }
.nivo-prevNav { left: 0px; }
.nivo-nextNav { right: 0px; }
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav { text-align: center; }
.nivo-controlNav a { cursor: pointer; }
.nivo-controlNav a.active { font-weight: bold; }
/*----------------------------------------------------------*/
/* Middle Content
------------------------------------------------------------*/
.middle-content { background-image:url(../images/bckg/middle_content.png); background-repeat:no-repeat; background-position:center;width:1000px;height:268px;margin: 0px auto; } .welcome { float:left; width: 280px; margin-top: 20px;}
.welcome h1 { text-align:center; color:#00256c; letter-spacing:-1px; font-size:20px; }
.welcome img { position:relative; top: 15px; }
.welcome p { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000; line-height:18px; text-align:center; margin-top: 24px; padding: 3px;}
.kalite { float:left; width: 280px; margin-top: 20px; margin-left: 73px;}
.kalite h1 { text-align:center; color:#00256c; letter-spacing:-1px; font-size:20px; }
.kalite img { position:relative; top: 15px; }
.kalite p { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000; line-height:18px; text-align:center; margin-top: 24px; padding: 3px;}
.uretim { float: right; width: 280px; margin-top: 20px; margin-right: 9px;}
.uretim h1 { text-align:center; color:#00256c; letter-spacing:-1px; font-size:20px; }
.uretim img { position:relative; top: 15px; }
.uretim p { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000; line-height:18px; text-align:center; margin-top: 24px; padding: 3px;}
/*----------------------------------------------------------*/
/* Bottom Content
------------------------------------------------------------*/
.bottom-content { width:1000px; height:201px; background:#FFF; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; margin:0 auto;}
.duyurular { float:left; width:334px; height:170px;background-image:url(../images/bckg/cizgi.png);background-repeat:no-repeat;background-position: right; margin-top:15px;}
.duyurular h2 { float:left; color:#2a2874; letter-spacing:-1px; font-size:19px; margin: 10px 21px; }
ul.news { list-style:none; display: block; width: 290px; margin: 0 auto; clear: both;}
ul.news li { font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#000; margin: 0px 0px 20px 0px;}
ul.news li a { color:#000; }
.ref {float:right; width: 650px; margin-top: 15px;margin-right: 10px;}
.ref h2 { color:#2a2874; letter-spacing:-1px; font-size:19px; margin: 10px 21px; }
ul.reflist { list-style:none; float: right; clear: both; margin-top: 5px;}
ul.reflist li { float:left; display:inline; margin: 0px 26px 16px 29px; background:#D3D3D3; width: 131px; padding: 14px; text-align: center; font-family:Tahoma, Geneva, sans-serif; font-size:11px;}
ul.reflist li img { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */}
ul.reflist li img:hover { filter: url("data:image/svg+xml;utf8,#grayscale"); filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: none ; /* IE6-9 */ zoom:1; -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */}
/*----------------------------------------------------------*/
/* Footer
------------------------------------------------------------*/
footer { background-image:url(../images/bckg/footer.png); background-repeat:no-repeat; width:940px; height:80px; margin:0 auto; position:relative; top:20px; }
address { font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#333; float: left; width: 280px; line-height: 18px; margin: 15px 0px 0px 70px;}
.copright {float:right; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#333; margin: 15px 70px 0px 0px;}
.magnet { background-image:url(../images/bckg/magnet.png); background-repeat:no-repeat; width:86px; height:16px; float:right; margin: -23px 70px 0px 0px; text-indent:-9999px; clear: both;}
/*----------------------------------------------------------*/
/* Content
------------------------------------------------------------*/
.content {padding: 15px 0; min-height: 350px; }
/*----------------------------------------------------------*/
/* Other
------------------------------------------------------------*/
marquee{height: 123px; width: 300px; padding: 10px; font-family:Arial, Helvetica, sans-serif;}
.post a { color:#000; font-size:14px; font-weight:bold;}
.post { color:#000; font-size:12px;}
.read-more a { font-size:12px;}
.more { font-family:Arial, Helvetica, sans-serif; font-size: 13px; color: #000; font-style: italic; float: right;}
/*----------------------------------------------------------*/
/*=======================================================================================*/