/* CSS Document */
body{ padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; background-color:#fff; color:#000; }
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{ margin:0; padding:0; }
ul{ margin:0; padding:0; list-style-type:none; font-size:0; line-height:0; }
.spacer{ clear:both; font-size:0; line-height:0; }

#body{ width:950px; margin:0 auto; padding:0 0 24px 0; background-attachment: scroll; background-image: url(images/innerbg.gif); background-repeat: repeat-y; background-position: -25px; }

#left{ width:296px; float:left; background:url(images/left_bg.gif) 0 0 no-repeat; padding:97px 0 0 0; }
#left img.logo{ display:block; font-size:0; line-height:0; margin:0 0 0 23px; }
#left h2.alanyaalanya{ display:block; background:url(images/left_head_bg1.gif) 0 0 no-repeat; width:211px; height:41px; padding:0 40px 0 45px; font:bold 18px/41px Arial, Helvetica, sans-serif; color:#3E3E3E; background-color:inherit; }
#left h2.alanyaalanya span.one{ margin:0 0 0 0; width:28px; font:bold 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; background-color:inherit; height:16px; float:right; }
#left ul.alanyalinkler{ width:240px; background-color:#F4F4F4; color:#000; border-left:#E1E1E1 solid 1px; border-right:#E1E1E1 solid 1px; padding:21px 23px 25px 23px; }
#left ul.alanyalinkler li{ line-height:0; font-size:0; }
#left ul.alanyalinkler li a{ display:block; background:url(images/arrow.gif) 0 9px no-repeat; font:normal 12px/23px Arial, Helvetica, sans-serif; color:#3E3E3E; background-color:inherit; text-decoration:none; padding:0 0 0 13px; }
#left ul.alanyalinkler li a:hover{ color:#3E3E3E; background-color:#ECE8E8; }
#left h2.mem{ display:block; background:url(images/left_head_bg1.gif) 0 0 no-repeat; width:209px; height:41px; padding:0 42px 0 45px; font:bold 18px/41px Arial, Helvetica, sans-serif; color:#3E3E3E; background-color:inherit; }
#left h2.mem span.two{ margin:0 0 0 0; width:18px; font:bold 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; background-color:inherit; background:url(images/add_icon.gif) 0 3px no-repeat; height:16px; float:right; padding:0 0 0 9px; text-transform:uppercase; }
#left ul.alanyalinkler2{ width:254px; background-color:#F4F4F4; color:#000; border-left:#E1E1E1 solid 1px; border-right:#E1E1E1 solid 1px; padding:25px 17px 26px 15px; }

#right{ width:654px; float:right; }
#right ul.topLink{ width:654px; height:208px; padding:0; margin:0 0 2px 0; font-size:0; line-height:0; }
#right ul.topLink li{ float:left; font-size:0; line-height:0; padding:0; margin:0; display:block; }
#right ul.topLink li a.alanyaalanya{ display:block; background:url(images/featured_alanyaalanya_pic.gif) left bottom no-repeat; width:251px; height:200px; padding:8px 4px 0 0; text-decoration:none; font:normal 18px/18px Arial, Helvetica, sans-serif; color:#131313; background-color:inherit; text-align:right; }
#right ul.topLink li a.alanyaalanya:hover{ background:url(images/featured_alanyaalanya_pic_hover.gif) left bottom no-repeat; color:#D66B2B; background-color:inherit; }
#right ul.topLink li a.alanyaalanya span.nor{ font:normal 10px Arial, Helvetica, sans-serif; color:#888888; background-color:inherit; display:block; margin:4px 0 0 0; }
#right ul.topLink li a.ilet{ display:block; background:url(images/ilet_pic.gif) left bottom no-repeat; width:165px; height:195px; padding:13px 4px 0 0; text-decoration:none; font:normal 18px/12px Arial, Helvetica, sans-serif; color:#131313; background-color:inherit; text-align:right; }
#right ul.topLink li a.ilet:hover{ background:url(images/ilet_pic_hover.gif) left bottom no-repeat; color:#D66B2B; background-color:inherit; }
#right ul.topLink li a.ilet span.nor2{ font:normal 10px/12px Arial, Helvetica, sans-serif; color:#888888; background-color:inherit; text-align:right; display:block; margin:4px 0 0 0;  }
#right ul.topLink li a.harita{ display:block; background:url(images/harita_pic.gif) left bottom no-repeat; width:126px; height:195px; padding:13px 4px 0 0; text-decoration:none; font:normal 18px/12px Arial, Helvetica, sans-serif; color:#131313; background-color:inherit; text-align:right; }
#right ul.topLink li a.harita:hover{ background:url(images/harita_pic_hover.gif) left bottom no-repeat; color:#D66B2B; background-color:inherit; }
#right ul.topLink li a.harita span.nor3{ font:normal 10px/12px Arial, Helvetica, sans-serif; color:#888888; background-color:inherit; display:block; margin:4px 0 0 0;  }
#right ul.topLink li a.AOgaleri{ display:block; background:url(images/AOgaleri_pic.gif) left bottom no-repeat; width:96px; height:195px; padding:13px 4px 0 0; text-decoration:none; font:normal 18px/12px Arial, Helvetica, sans-serif; color:#131313; background-color:inherit; text-align:right; }
#right ul.topLink li a.AOgaleri:hover{ background:url(images/AOgaleri_pic_hover.gif) left bottom no-repeat; color:#D66B2B; background-color:inherit; }
#right ul.topLink li a.AOgaleri span.nor4{ font:normal 10px/12px Arial, Helvetica, sans-serif; color:#888888; background-color:inherit; display:block; margin:4px 0 0 0; padding:0; }

#right ul.nav{ width:624px; height:40px; background:url(images/nav_bg.gif) 0 0 repeat-x; padding:0 0 0 30px; }
#right ul.nav li{ float:left; padding:0 2px 0 0; background:url(images/nav_div.gif) right top no-repeat; height:40px; }
#right ul.nav li a{ display:block; padding:0 17px 0 15px; font:bold 12px/40px Arial, Helvetica, sans-serif; color:#E2E2E2; background-color:inherit; text-decoration:none; }
#right ul.nav li a:hover{ color:#EDD140; background-color:inherit; }
#right ul.nav li.noImg{ background-image:none; }
#right h2.baslik{ display:block; background:url(images/baslik.gif) 0 0 no-repeat; width:634px; height:35px; margin:11px 0 21px 20px; text-indent:-2000px; }
#right p.paragraf{ display:block; width:634px; font-size:14px; line-height:20px; color:#444444; background-color:inherit; padding:0 0 0 20px; }

#footer{ width:950px; margin:0 auto; height:100px; background:url(images/footer_bg.gif) 0 0 repeat-x #626262; color:#fff; position:relative; }
#footer ul{ width:424px; position:absolute; left:8px; top:24px; }
#footer ul li{ float:left; font:normal 11px/18px Arial, Helvetica, sans-serif; color:#DFDFDF; background-color:inherit; }
#footer ul li a{ padding:0 7px; font:normal 11px/18px Arial, Helvetica, sans-serif; color:#DFDFDF; background-color:inherit; text-decoration:none; }
#footer ul li a:hover{ text-decoration:underline; }
#footer p.copyright{ font:normal 10px/18px Arial, Helvetica, sans-serif; position:absolute; left:15px; top:41px; width:331px; height: 37px; }
#footer p.design{ display:block; width:184px; height:18px; padding:0; position:absolute; left:16px; top:57px; font:bold 12px/18px Arial, Helvetica, sans-serif; color:#CCE645; background-color:inherit; }
#footer p.design a.link{ font:bold 12px/18px Arial, Helvetica, sans-serif; color:#CCE645; background-color:inherit; text-decoration:none; }

.contact-phones { background: #EFEFEF; border: 1px solid #D4D0C8; padding: 20px; text-align: center; border-radius: 8px; margin: 0 auto; max-width: 250px; }
.btn-tel { display: block; background: #D66B2B; color: #fff !important; text-decoration: none; padding: 12px; border-radius: 6px; font-weight: bold; font-size: 16px; font-family: Arial; }

/* MOBIL UYUM */
@media screen and (max-width: 980px) {
    #body, #footer { width: 100% !important; background-image: none !important; }
    #left, #right { width: 100% !important; float: none !important; padding: 10px !important; box-sizing: border-box; background: none; }
    #left img.logo { margin: 0 auto 20px auto; }
    #left h2.alanyaalanya, #left ul.alanyalinkler, #left ul.alanyalinkler2 { margin: 0 auto; }
    
    #right ul.topLink { height: auto !important; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
    #right ul.topLink li { float: none !important; }
    #right ul.topLink li a { width: 100% !important; max-width: 300px; }
    
    #right ul.nav { width: 100% !important; height: auto !important; display: flex; flex-wrap: wrap; justify-content: center; padding: 10px 0 !important; background: #626262 !important; box-sizing: border-box; border-radius: 5px; }
    #right ul.nav li { float: none !important; display: inline-block; background: none !important; }
    
    #right h2.baslik { width: 100% !important; background-size: contain !important; margin: 20px 0 !important; }
    #right p.paragraf { width: 100% !important; padding: 10px !important; box-sizing: border-box; }
    
    #footer { height: auto !important; padding: 20px 0; text-align: center; }
    #footer ul, #footer p.copyright, #footer p.design { position: static !important; width: 100% !important; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 10px; }
    
    img, iframe, object, embed { max-width: 100% !important; height: auto !important; }
}