/*reset*/
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, font, 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 {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; text-decoration:none;}
body { line-height: 1;}
ol, ul,li {margin:0; padding:0;  list-style:none;}

blockquote, q { quotes: none; }
/* focus style */
:focus, a:focus, a:active{ outline: 0; }
ins{ text-decoration: none; }
del{ text-decoration: line-through; }
.fix{clear:both;}
a{text-decoration:none;transition:all 0.25s ease-in-out 0s}
/*reset*/
@font-face {
    font-family: 'calibriregular';
    src: url('font/calibri-webfont.eot');
    src: url('font/calibri-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/calibri-webfont.woff') format('woff'),
         url('font/calibri-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
body {background: #fff; font-family: 'calibriregular';}

ul.nav{float: right; margin-top: 40px;}
ul.nav li{float: left;margin-right: 30px;}
ul.nav li a{color: #000; font-size: 22px;}
ul.nav li:hover{border-bottom: 3px solid #00adee;padding-bottom: 40px;}
ul.nav li.secili{border-bottom: 3px solid #00adee;padding-bottom: 40px;}

.ciz{position: absolute;right: 0; background: #000; border: 3px solid #000; width: 570px;margin-top:80px;}
.cizt{position: absolute;right: 0; background: #000; border: 3px solid #000; width: 570px;margin-top:64px;}

.logo{float: left; margin: 20px 0 0 30px}
.yazibg{position: relative;width:100%; top: 150px}
.container{position: absolute; z-index: 1000;width: 100%;}
.buyukresim{position: absolute; overflow: hidden; width: 100%; height: 600px}
.buyukresim img{width: 100%; height:600px}
.buyukresim2{position: absolute; overflow: hidden; width: 100%; height: 930px}
.buyukresim2 img{width: 100%; height:930px}
.ciz2{position: absolute;left: 0; background: #000; border: 3px solid #000; width: 570px;margin-top: 145px;}
.ciz3{position: absolute;right: 0; background: #000; border: 3px solid #000; width: 570px;margin-top: 750px;}
.footer2 .ciz3 {margin-top:1080px!important;}
.orta{width: 960px; margin: 0 auto}
.kalip{float: left; width: 400px; background: #bfc2c6; height: 300px; opacity: 0.7}
.ciz4{ float: left;background: #000; border: 3px solid #000; width: 220px;margin-top: 40%;}
.ciz5{ float: right;background: #000; border: 3px solid #000; width: 220px;}
.hello{float: left; width: 400px;}
p.yap{font-size: 18px; color: #000; margin: 190px 20px 0 20px;line-height: 1.4; opacity: 1; position: absolute; z-index: 100; width: 350px;}



.hello2{float: left; width: 700px;}
.kalip2{float: left; width: 700px; background: #f2f3f3; height: 200px; opacity: 0.7}
.kalip22{float: left; width: 700px; background: #f2f3f3; height: 400px; opacity: 0.7}
.cizs{ float: left;background: #000; border: 3px solid #000; width: 220px;margin-top: 8%;}
.tuts{float: left; width: 690px; height: 180px; margin: 70px 0px 0 0; position: absolute; z-index: 1000; }
.tuts p{float: left; margin: 10px 15px 0 10px; }
.tuts h3{font-size: 22px; color: #00adee;margin-left: 10px;margin-top: 10px;display: block;}
.tuts span.i{font-size: 15px; font-weight: bold ; display: block; margin: 10px 0 0 20px}
.tuts ul{float: left;  margin: 10px 0 20px 50px; display: block;width: 90%;}
.tuts ul li{display: block;  font-size: 15px; margin-top: 6px;}
.tuts2{float: left; width: 690px; height: 180px; margin: 70px 0px 0 0; position: absolute; z-index: 1000;word-wrap: break-word; }
.hello8{float: left; width: 800px;}

.kalip3{float: left; width: 800px; background: #f2f3f3; height: 350px; opacity: 0.7}
.kalip4{height: 680px!important;}
.cizss{ float: left;background: #000; border: 3px solid #000; width: 220px;margin-top: 15%;}
.kalip3 h3{font-size: 17px; font-weight: bold; color: #000;margin-left: 10px;margin-top: 15px;display: block;}
.kalip3 ul.la{float: left;  margin: 10px 0 20px 20px; display: block;width: 90%;}
.kalip3 ul.la li{display: block;  font-size: 17px;margin-top: 8px;}

.hello4{float: right; width: 400px;}


ul.cc{float: left; margin: 25px 0 0 20px; display: block; width: 100%;}
ul.cc li{font-size: 17px; color: #000;}

.kalipla{float: left; width: 400px; background: #fff; height: 300px; opacity: 0.8}
.copy{margin-top: 770px;margin-left: 30px; position: absolute;}
.footer2 .copy {margin-top:1100px!important;}

.adresler{opacity: 1; position: absolute; z-index: 100; width: 350px;margin-top: 170px;}

.pos{position: absolute;margin-top: 70px; z-index: 20000}
.jcarousel-skin-tango{margin-top: 220px; position: relative; z-index: 100000;}
.deneme .jcarousel-skin-tango{margin-top: -20px!important;}

#example2:hover span{display: block!important; width: 220px; line-height: 135px; color: black;}