﻿@charset "utf-8";
/* CSS Document */

.contact-page div, .contact-page span, .contact-page iframe, .contact-page h1, .contact-page h2, .contact-page h3, .contact-page h4, .contact-page h5, .contact-page h6, .contact-page p, .contact-page blockquote, .contact-page pre,
.contact-page a, .contact-page ol, .contact-page ul, .contact-page li,
.contact-page fieldset, .contact-page form, .contact-page label, .contact-page legend,
.contact-page table, .contact-page caption, .contact-page tbody, .contact-page tfoot, .contact-page thead, .contact-page tr, .contact-page th, .contact-page td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	list-style-type:none;
}

.contact-page a {
	text-decoration:none;	
}

.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.clearfix{display:inline-block} 
html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}

.fleft { float:left;} .fright { float:right; }


.contact-page h1,.contact-page h2,.contact-page h3,.contact-page h4 {
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
color:#000;
}

.contact-page {
	width:990px;
	margin:10px auto;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
}

.contact-page .cp-top {
	border-radius:5px;
	background:url(/Website//Images/Iletisim/cp-bg.gif) 0 bottom repeat-x #fff;
	padding:15px 30px;	
}

.contact-page .cp-top div {
	float:left;
}

	

.contact-page .cp-top .main-adr-box {
	float:left;
	padding:20px 15px;
	width:390px;
	position:relative;
	margin-right:45px;	
	border:1px solid #ece6f0;
	background:#fff;
	font:normal 12px Arial, Helvetica, sans-serif;
}

.contact-page .cp-top .main-adr-box em {
	position:absolute;
	right:-20px;
	top:70px;
	background:url(/Website/Images/Iletisim/cp-right-arrow.png) 0 0 no-repeat;
	width:20px;
	height:25px;
}

.contact-page .cp-top .main-adr-box > strong {
	color:#820090;
	display:block;
	margin-bottom:5px;
}

.contact-page .cp-top .google-maps-box {
	width:222px;
	min-height:172px;
	margin-right:15px;
}

.contact-page .cp-top .main-adr-box span {
	display:block;
	margin:2px 0;	
}

.contact-page .cp-top .main-adr-box span.adr {
	margin:15px 0 20px 0;	
}

.contact-page .cp-top .main-adr-box span strong {
	color:#820090;
}

.contact-page .cp-top .main-adr-box span a {
	color:#000;
}

.contact-page .cp-top .google-maps-box iframe,
.contact-page .cp-top .picture-map-box a img {
	border:1px solid #ece6f0;
}

.contact-page .cp-top .picture-map-box {
	width:222px;
	min-height:172px;
}

.contact-page .cp-top .google-maps-box span,
.contact-page .cp-top .picture-map-box span{
	display:block;
	margin:5px 0;
	text-align:center;
}

.contact-page .cp-top .google-maps-box span a,
.contact-page .cp-top .picture-map-box span a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#820090;
}

.contact-page .cp-middle .tr-map {
	height:230px;
	width:990px;
	position:relative;
	background:url(/Website/Images/Iletisim/ofices-map-img.jpg) 0 0 no-repeat;
	margin:26px 0 10px 0;
}

.contact-page .cp-middle .tr-map > div {
	display:none;
	position:absolute;
	right:20px;
	top:5px;
	border:1px solid #ece6f0;
	width:420px;
	height:174px;
}

.contact-page .cp-middle .tr-map > div > div {
	position:relative;
	padding:15px;
}

.contact-page .cp-middle .tr-map > div > div .left-arrow {
	position:absolute;
	left:-20px;
	top:70px;
	background:url(/Website/Images/Iletisim/cp-left-arrow.png) 0 0 no-repeat;
	width:20px;
	height:25px;	
}

.contact-page .cp-middle .tr-map > div > div h2 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#fa8b17;
	margin-bottom:5px;	
}

.contact-page .cp-middle .tr-map > div > div > strong {
	display:block;
	color:#820090;
	margin-bottom:5px;
}

.contact-page .cp-middle .tr-map > div > div span {
	display:block;
	margin:5px 0;
}

.contact-page .cp-middle .tr-map > div > div span strong {
	color:#820090;
}

.contact-page .cp-middle .tr-map > div > div span a {
	color:#000;
}

.contact-page .cp-middle .tr-map > div > div span.adr {
	margin-bottom:10px;
}

.contact-page .cp-middle .tr-map > a {
		text-indent:-5000px;
		display:block;
	    position:absolute;
}

.contact-page .cp-middle .tr-map a.ist-o {
	width:31px;
	height:25px;
	top:30px;
	left:88px;
		
}

.contact-page .cp-middle .tr-map a.koc-o {
	width:31px;
	height:25px;
	top:45px;
	left:126px;	
}

.contact-page .cp-middle .tr-map a.burs-o {
	height: 25px;
    left: 90px;
    top: 68px;
    width: 45px;
}

.contact-page .cp-middle .tr-map a.izm-o {
	height: 45px;
    left: 41px;
    top: 105px;
    width: 40px;
}

.contact-page .cp-middle .tr-map a.dnz-o {
	height: 40px;
    left: 105px;
    top: 134px;
    width: 31px;
}

.contact-page .cp-middle .tr-map a.ant-o {
	 height: 33px;
    left: 122px;
    top: 170px;
    width: 82px;
}

.contact-page .cp-middle .tr-map a.kon-o {
	height: 56px;
    left: 178px;
    top: 111px;
    width: 54px;
}

.contact-page .cp-middle .tr-map a.esk-o {
	height: 25px;
    left: 147px;
    top: 86px;
    width: 32px;
}

.contact-page .cp-middle .tr-map a.ank-o {
	height: 32px;
    left: 180px;
    top: 61px;
    width: 40px;
}

.contact-page .cp-middle .tr-map a.sams-o {
	height: 25px;
    left: 258px;
    top: 20px;
    width: 45px;
}

.contact-page .cp-middle .tr-map a.kays-o {
	height: 33px;
    left: 261px;
    top: 99px;
    width: 40px;
}

.contact-page .cp-middle .tr-map a.adn-o {
	height: 50px;
    left: 261px;
    top: 135px;
    width: 31px;
}

.contact-page .cp-middle .tr-map a.gaz-o {
	height: 29px;
    left: 314px;
    top: 143px;
    width: 27px;
}

.contact-page .cp-bottom {
	border-radius:5px;
	border:1px solid #e1e1e1;
	background:url(/Website/Images/Iletisim/cp-bg2.gif) 0 bottom #fff repeat-x;
	padding:20px;	
}

.contact-page .cp-bottom > strong {
	font-size:14px;
	color:#7c028b;
	display:block;
	margin-bottom:10px;
}

.contact-page .cp-bottom li.col {
	display:block;
	float:left;
	width:225px;
	margin-right:10px;
	border-right:1px solid #ededed;
	min-height:70px;		
}

.contact-page .cp-bottom li.col:last-child {
	border:none;
}

.contact-page .cp-bottom li.col ol li {
	padding:2px 0;	
}

.contact-page .cp-bottom li.col ol li strong {
	color:#7f0691;
}

