*{margin:0;padding:0;z-index:5;}
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 display-role reset for 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;}
body {line-height:1;font-family:'Roboto', sans-serif;width:100%;margin:0 auto;}
.site{width:980px;margin:0 auto;}
.site img{margin:0 auto;}
.site h1{font-weight:bold;line-height:36px;font-size:24px;}
.site h2{font-weight:700;font-style:italic;line-height:30px;font-size:20px;}
.site h3 a{text-decoration:none;color:#000;}
.site h3{font-weight:500;line-height:30px;font-size:20px;}
.sol{float:left;margin:0 auto;border:14px solid #0066b2;width:360px;padding:14px;background:#fff;}
.sag{float:right;}
div.harita{margin:0;padding:14px;width:360px;background:#fff;border:14px solid #0066b2;}

@media screen and (min-width: 320px) and (max-width: 359px){
.site{width:100%;}
.site img{margin:0 auto;width:100%;}
.sol{float:none;width:100%;height:100%;}
.sag{margin:16px auto!important;float:none;width:100%;}
}

@media only screen and (max-width: 360px) {
.site{width:100%;}
.site img{margin:0 auto;width:100%;height:100%;}
.sol{float:none;width:100%;}
.sag{margin:16px auto!important;float:none;width:100%;}
}

@media screen and (min-width: 361px) and (max-width: 480px){
.site{width:100%;}
.site img{margin:0 auto;width:100%;height:100%;}
.sol{float:none;width:100%;}
.sag{margin:16px auto!important;float:none;width:100%;}
}
@media screen and (min-width: 480px) and (max-width: 640px){
.site{width:480px;}
.sol{float:none;width:50%;}
.sag{margin:16px auto!important;float:none;width:50%;}
}

@media screen and (min-width: 641px) and (max-width: 768px){
.site{width:680px;}
}
/* mobil bitis */