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, caption, tbody, tfoot, thead, th
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
text-decoration: none;
}
ol, ul
{
list-style: none;
}
blockquote, q
{
quotes: none;
}
:focus, a:focus, a:active
{
outline: 0;
}
ins
{
text-decoration: none;
}
del
{
text-decoration: line-through;
}
table
{
border-collapse: collapse;
border-spacing: 0;
}
.kapsayamamaSorunu:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.kapsayamamaSorunu
{
display: inline-block;
}
* html .kapsayamamaSorunu
{
height: 1%;
}
.kapsayamamaSorunu
{
display: block;
}
@import url(/fonts_googleapis_com/css/index.html);
@import url(/fonts_googleapis_com/css/index.html);
@import url(/fonts_googleapis_com/css/index.html);
body { font-family: 'Titillium Web', sans-serif; font-size:12px; color:#666; line-height:20px; }
a { color:#999; }
.temiz { clear:both;}
.ince { font-family: 'Oswald', sans-serif; font-weight:300; font-size:12px;}
.bold { font-family: 'Oswald', sans-serif; font-weight:600;}
.bos { width:100%; height:1px;}
h1 { font-size: 36px; line-height: 36px; font-weight: 400;}
h2 { font-size: 16px; margin-bottom:20px; margin-top:10px; font-weight: 600; color:#666;}
h3 { font-size: 18px; line-height: 30px; font-weight: 600; color:#666;}
h4 { font-size: 15px; line-height: 28px; font-weight:900; color:#999;}
p { font-size:11px;}
.font10 { font-size:10px;}
.iskelet { width:980px; margin:0 auto;}
.right { float:right;}
address { font-style: italic; margin-bottom: 24px;}
abbr[title] { border-bottom: 1px dotted #2b2b2b; cursor: help;}
b,strong { font-weight: 700;}
cite,dfn,em,i { font-style: italic;}
mark,ins { background: #fff9c0; text-decoration: none;}
p { margin-bottom: 24px;}
code,kbd,tt,var,samp,spre { font-family: monospace, serif; font-size: 15px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; line-height: 1.6;}
pre { border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; max-width: 100%; overflow: auto; padding: 12px; white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
blockquote,q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after { content: ""; content: none;}
blockquote { color: #767676; font-size: 19px; font-style: italic; font-weight: 300; line-height: 1.2631578947; margin-bottom: 24px;}
blockquote cite,blockquote small { color: #2b2b2b; font-size: 16px; font-weight: 400; line-height: 1.5;}
blockquote em,blockquote i,blockquote cite { font-style: normal;}
blockquote strong,blockquote b { font-weight: 400;}
small { font-size: smaller;}
big { font-size: 125%;}
sup,sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline;}
sup { bottom: 1ex;}
sub {top: .5ex;}
dl { margin-bottom: 24px;}
dt { font-weight: bold;}
dd { margin-bottom: 24px;}
ul,ol { list-style: none; margin: 0 0 24px 20px;}
ul { list-style: disc;}
ol { list-style: decimal;}
li > ul,li > ol { margin: 0 0 0 20px;}
img {-ms-interpolation-mode: bicubic;border: 0; vertical-align: middle;}
figure {margin: 0;}
fieldset {border: 1px solid rgba(0, 0, 0, 0.1); margin: 0 0 24px; padding: 11px 12px 0;}
legend { white-space: normal;}
#st { width:100%; height:80px; margin-top:10px; position: fixed; z-index: 10000; left: 0; top: 0;}
#st .hmen { width:720px; height:40px; float:right; margin-top:20px;}
#st .logo { width:200px; height:60px; float:left; margin-top:10px;}
#st .stic { width:980px; margin:0 auto;}
#header { width:100%; overflow:hidden; height: 100%; z-index:-9999; margin-top:130px;}
#header .hmen { width:720px; height:40px; float:right; margin-top:20px;}
#header .slider { width:100%; height:350px; margin-top:60px;}
#header .smetin { width:480px; height:auto; float:left; margin-left:5px;}
#header .sresim { width:450px; height:330px; float:left;}
#header .s1 { width:100%; height:auto; font-size:26px; float:left; margin-top:50px;}
#header .s2 { width:100%; height:auto; font-size:17px; float:left; margin-left:10px; margin-top:56px;}
#header .s3 { width:100%; height:auto; font-size:14px; margin-top:30px; line-height:30px;}
#header .s4 { width:411px; height:34px; background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat top center; margin-top:20px; padding:10px;}
#header .s4:hover { width:411px; height:34px; background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat top center; margin-top:20px; padding:10px;}
#header .s4-1 { width:205px; height:30px; font-size:15px; font-weight:600; text-align:center; float:left; margin-top:7px;}
#header .s4-2 { width:190px; height:30px; font-size:15px; font-weight:600; text-align:center; float:left; margin-left:15px; color:#fff;margin-top:7px;}
#header .s4-1 a { color:#fff;}
#header .s4-1 a:hover { color:#FFFF00;}
#header .s4-2 a { color:#fff;}
#header .s4-2 a:hover { color:#FFFF00;}
#header .s5 { width:456px; height:54px; margin-top:30px; }
#header .s5-1 {float:left; z-index:-99999}
#header .s5-2 { float:left; z-index:10000}
#nedir { width:100%; overflow:hidden; min-height: 100%; height: auto !important; height: 100%; padding-top:30px; margin-top:60px;}
.baslik { width:100%; height:auto; text-align:center; font-size:22px; margin-bottom:15px;}
.balt { width:449px; height:1px; margin:0 auto;}
#nedir .nimg { width:320px; height:235px; margin-top:20px; float:left;}
#nedir .nic { width:640px; height:auto; float:right; margin-top:20px;}
#nedir .mbaslik { width:100%; font-size:15px; text-align:center; margin-top:20px; margin-bottom:10px;}
#nedir .mrk { width:145px; height:54px; float:left; background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat; margin:5px;}
#nedir .mrk:hover { width:145px; height:54px; float:left; background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat; margin:5px; color:#F03;}
#nedir .mrk1 { width:74px; height:50px; float:left; margin-left:25px; margin-top:2px;}
#nedir .mrk2 { width:25px; height:auto; float:left; margin-left:10px; margin-top:15px;}
.golge { width:100%; height:auto; margin-top:20px; margin-bottom:20px;}
#nasil { width:100%; height:auto; padding-top:40px; margin-top:50px;}
#nasil .nblok { width:100%; height:340px; margin-top:30px;}
#nasil .n1 { width:210px; padding:5px; height:310px; float:left; margin:12px; text-align:center;}
#nasil .n1:hover { width:210px; padding:5px; height:310px; float:left; margin:12px; text-align:center; background:#f7f7f7;}
#ozellik { width:100%; height:auto; padding-top:40px;}
#ozellik .ozel { width:100%; height:530px; margin-top:30px;}
#ozellik .o1 { width:365px; height:160px; float:left; margin-top:30px; margin-left:5px;}
#ozellik .o1:hover { width:365px; height:160px; float:left; margin-top:30px; color:#F60;margin-left:5px;}
#ozellik .o2 { width:370px; height:160px; float:left; margin-left:240px;margin-top:30px;}
#ozellik .o2:hover { width:370px; height:160px; float:left; margin-left:240px;margin-top:30px;color:#F60;}
#ozellik .o3 { width:365px; height:160px; float:left; margin-top:60px; margin-left:5px;}
#ozellik .o3:hover { width:365px; height:160px; float:left; margin-top:60px;color:#F60;margin-left:5px;}
#ozellik .o4 { width:370px; height:160px; float:left; margin-left:240px; margin-top:60px;}
#ozellik .o4:hover { width:370px; height:160px; float:left; margin-left:240px; margin-top:60px;color:#F60;}
#ozellik .obaslik { width:250px; height:auto; margin-top:35px; font-size:14px; font-weight:600; float:left;}
#ozellik .oicon { width:90px; height:90px; float:right;}
#ozellik .obaslik1 { width:250px; height:auto; margin-top:35px; font-size:14px; font-weight:800; float:right;}
#ozellik .oicon1 { width:90px; height:90px; float:left;}
#ozellik .oyazi { width:100%; height:auto; margin-top:10px;}
#ozellik .odevam { width:100%; height:auto; margin-top:10px;}
#ozellik .oyazi1 { width:100%; height:auto; margin-top:10px; margin-left:20px;}
#ozellik .odevam1 { width:100%; height:auto; margin-top:10px; margin-left:20px;}
#referans { width:100%; height:auto; padding-top:40px;}
#referans .ric { width:100%; height:auto; margin-top:30px;}
#fiyat { width:100%; height:700px; padding-top:40px;}
#fiyat .pktbil { width:100%; height:auto; margin-top:10px; text-align:center;}
#fiyat .f1 { width:230px; height:278px; background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat top center; margin:100px 6px 0px 6px; float:left;}
#fiyat .f1:hover { width:230px; height:278px; background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat top center; margin:100px 6px 0px 6px;float:left;}
#fiyat .f2 { width:230px; height:298px; background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat top center; margin:80px 6px 0px 6px;float:left;}
#fiyat .f2:hover { width:230px; height:298px; background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat top center; margin:80px 6px 0px 6px;float:left;}
#fiyat .fbilgi { width:100%; height:70px; margin-top:20px; text-align:center; margin-left:10px; margin-right:10px; font-size:24px; color:#fff; line-height:33px;font-family: 'Oswald', sans-serif;}
#fiyat .fyaz { width:100%; margin-top:20px; height:20px; margin-left:15px;}
#fiyat .fbuton { width:100%; height:auto; margin-top:23px; text-align:center; font-size:14px; font-weight:600; font-family: 'Oswald', sans-serif;}
#fiyat .fbuton a { color:#666;}
#fiyat .fbuton a:hover { color:#F90;}
#fiyat .fbuton2 { width:100%; height:auto; margin-top:43px; text-align:center; font-size:14px; font-weight:600; font-family: 'Oswald', sans-serif;}
#fiyat .fbuton2 a { color:#666;}
#fiyat .fbuton2 a:hover { color:#F90;}
#fiyat .kck { font-size:14px;}
#hakkimizda { width:100%; height:630px; padding-top:90px; background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat top center; }
#hakkimizda .hyazi { width:100%; height:auto; text-align:center; margin-top:20px; color:#fff; font-size:15px; line-height:30px;}
#hakkimizda .baslik1 { width:100%; height:auto; margin-top:30px; text-align:center; font-size:22px; margin-bottom:15px; color:#fff;}
#hakkimizda .balt1 { width:449px; height:1px; margin:0 auto;}
#hakkimizda .musteri { width:310px; height:330px; float:left; margin:23px 8px 0px 8px; float:left;}
#hakkimizda .mdemis { width:288px; height:200px; border:dotted 1px #fff; padding:10px; color:#fff; font-size:16px; line-height:30px;}
#hakkimizda .mdemis:hover { width:288px; height:200px; border:dotted 1px #FF0; padding:10px; color:#fff; font-size:16px; line-height:30px;}
#hakkimizda .mbilgi { width:100%; height:80px; margin-top:15px;}
#hakkimizda .mresim { width:76px; height:76px; float:right;}
#hakkimizda .mi { border:solid 4px #fff; -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}
#hakkimizda .mi:hover { border:solid 4px #FC0; -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}
#hakkimizda .misim { width:100%; height:40px; float:right; margin-right:15px; margin-top:23px;}
#hakkimizda .ms1 { width:100%; font-size:15px; color:#fff;}
#hakkimizda .ms2 { width:100%; font-size:12px; color:#FC0;}
#iletisim { width:100%; height:auto; padding-top:30px; }
#iletisim .bilgisol { width:476px; height:auto; float:left; margin-top:30px; margin-left:5px;}
#iletisim .mesaj { width:480px; float:right; margin-top:30px; height:auto;}
#iletisim .b1 { width:100%; height:31px; margin-top:10px; }
#iletisim .bicon { width:32px; height:31px; float:left;}
#iletisim .b2 { width:100%; height:auto; font-size:14px; color:#999; float:left; margin-left:10px; margin-top:5px;}
#iletisim .maps { width:100%; height:auto; margin-top:20px;}
#iletisim .forminput { width:480px; height:45px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; border:dashed 1px #CCC; margin-bottom:12px; padding-left:10px; font-size:11px; color:#999;}
#iletisim .forminput:hover { width:480px; height:45px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; border:dashed 1px #FC0; margin-bottom:12px; padding-left:10px; font-size:11px; color:#999;}
#iletisim .formms { width:480px; height:130px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; border:dashed 1px #ccc; margin-bottom:12px; padding-left:10px; font-size:11px; color:#999;}
#iletisim .formms:hover { width:480px; height:130px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; border:dashed 1px #FC0; margin-bottom:12px; padding-left:10px; font-size:11px; color:#999;}
#iletisim .button { width:136px; color:#fff; height:40px; float:right; color:#fff; border:none; background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat; font-size:14px;font-family: 'Oswald', sans-serif; }
#iletisim .button:hover { width:136px; color:#fff; height:40px; float:right; color:#fff; border:none; background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat; font-size:14px;font-family: 'Oswald', sans-serif; }
#footer { width:100%; height:61px; background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat top center;}
#footer .smedya { width:400px; height:33px; float:left; margin-top:17px; margin-left:300px;}
#footer .smedya img { margin-left:3px;}
#footer .copyright {width:160px; float:right; height:20px; margin-top:24px;}
#st {position: fixed;z-index: 10000;left: 0;top: 0;width: 100%;height: 7em;line-height: 3em;background: #fff;background: rgba(255,255,255,0.90);}
#logo {position: absolute;height: 3em;line-height: 3em;letter-spacing: -1px;margin-top:14px;float:left;}
.men { width:750px; height:auto; float:right; margin-top:25px; }
.mn1 { width:20px; height:17px; float:left; margin-top:2px; margin-right:5px;}
.mn2 { width:5px; height:21px; float:left; margin-left:9px;}
.mn3 { width:75px;height:auto; float:left; margin-left:9px; margin-top:-7px; text-align:center; font-size:13px;}
.mn3 a:hover{ color:#fff; padding:10px 16px 10px 16px; background:#F60; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.mn5 { width:100px; height:auto; float:left;margin-top:-7px; margin-left:9px;font-size:13px; text-align:center;}
.mn5 a:hover{ color:#fff; padding:10px 14px 10px 14px; background:#F60; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.mn4 { width:100px; height:auto; float:left;margin-top:-7px; margin-left:9px;font-size:13px; text-align:center;}
.mn4 a:hover{ color:#fff; padding:10px 12px 10px 13px; background:#F60; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
@media only screen and (min-width: 1601px) and (max-width: 1986px) {
body { font-family: 'Titillium Web', sans-serif; font-size:12px; color:#666; background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat top center; line-height:20px; }
#nedir { width:100%; height:auto; margin-bottom:200px; padding-top:30px; margin-top:60px;}
#ozellik { width:100%; height:auto; padding-top:40px; margin-bottom:200px;}
#fiyat { width:100%; height:700px; padding-top:40px; margin-bottom:200px;}
#hakkimizda { width:100%; height:630px; padding-top:90px; background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat top center;margin-bottom:200px; }
#header { width:100%; overflow:hidden; height: 100%; z-index:-9999; margin-top:130px; margin-bottom:200px;}
}