@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap');
html,body,h1,h2,h3,h4,h5,h6 {font-family: "Roboto", sans-serif;}
.w3-sidebar {z-index: 3; width: 320px; top: 43px; bottom: 0; height: inherit;}
.tb_header {color: #FFFFFF;	font-weight: bold;}
a {color: #0099FF; text-decoration:none;}
a:hover {color: #CC0000; text-decoration: underline;}
#sbar a {line-height:1.5;}
#sbar a:nth-child(odd) {background-color: #E4E4E4;}
#sbar a:nth-child(1) {background-color:#FFC4C4;}
#main2 {padding-left:32px; padding-right:32px;}
#dmy {display:none;}
.ext {padding-left:6px; vertical-align:-1px;}
.exturl {padding-right:22px; background:url(images/ext_link.png) right center no-repeat;}
.new1 {background:url(images/yeni1.png) no-repeat right top;}
.ae-pimg {width:50%; margin:0 24px 10px 32px; float:right;}
.ae-pimg2 {width:30%; margin:0 24px 10px 32px; float:right;}
#sform {width:40%; margin:0 auto; padding:4px 0 8px 0;}
#sform p {color:#EFEFEF; font-weight:300; line-height:1.1; margin:4px;}
#sform .w3-input {width:calc(100% - 88px); display:inline-block; height:30px; border-bottom:0;}
#sform .w3-button {width:80px; height:30px; padding:4px 16px; vertical-align: bottom;}
#myFooter {padding-bottom:76px; background-color:#333333;}

.gmap {height:0; max-height:200px; overflow:hidden; padding-bottom:40%; /* aspect ratio */ position: relative; margin-top:30px}
.gmap iframe {border:0; height:100%; left:0; position:absolute; top:0; width:100%;}
@media (max-width: 900px) {#sform {width:60%;}}
@media (max-width: 600px) {#sform {width:90%;} .ae-pimg {width:100%; margin:0 0 24px 0;} .ae-pimg2 {width:40%; margin:0 0 24px 0;} .gmap {padding-bottom:60%; /* aspect ratio */} .w3-top .w3-bar .w3-bar-item {padding:8px;} }