/***********************
HAT MEDYA 2014
http://www.hatmedya.com
info@hatmedya.com
ie8, ff, chrome
***********************/
@import"../css/reset.css";
@import url(http://fonts.googleapis.com/css?family=Arimo&subset=latin,latin-ext);
body {background-color:#fff; font:15px/22px 'Arimo', sans-serif; color:#222;}
html,body {height:100%;}

p {padding-bottom:20px}
a {color:#222; text-decoration:none;}
a:hover {color:#a40000; text-decoration: underline;}
img {border:0px;}
time {font-size:12px;}

h1,h2,h3,h4,h5 {font-weight:normal;}
h1 {font-size:26px; color:#a40000; margin-bottom:18px;}
h2 {font-size:22px; color:#3b5d76;}
h3 {font-size:21px; padding-bottom:15px; color:#444;} 
h4 {font-size:18px;}  
h5 {font-size:12px; color:#999999; letter-spacing:5px;}

.clear {clear:both; line-height:0; font-size:0; overflow:hidden; height:0; width:100%;}
.fleft {float:left}
.fright {float:right}
.alignright {text-align:right}
.aligncenter {text-align:center}
.alignjust {text-align:justify}
.alignmiddle *{vertical-align:middle}
.it {font-style:italic;}

.text1 {font:16px/20px Arial, sans-serif; color:#7c7977; padding-bottom:17px;}
	.text1 a {color:#7c7977; text-decoration:none;}
	.text1 a:hover {color:#7c7977; text-decoration:underline;}

/* PADDING ---------------------------------------- */
.padtop5 {padding-top:5px;}
.padtop10 {padding-top:10px;}
.padtop15 {padding-top:15px;}
.padtop20 {padding-top:20px;}
.padtop25 {padding-top:25px;}
.padtop30 {padding-top:30px;}
.padtop35 {padding-top:35px;}
.padtop40 {padding-top:40px;}
.padtop45 {padding-top:45px;}
.padtop50 {padding-top:50px;}
.padbot5 {padding-bottom:5px;}
.padbot10 {padding-bottom:10px;}
.padbot15 {padding-bottom:15px;}
.padbot20 {padding-bottom:20px;}
.padbot25 {padding-bottom:25px;}
.padbot30 {padding-bottom:30px;}
.padbot35 {padding-bottom:35px;}
.padbot40 {padding-bottom:40px;}
.padbot45 {padding-bottom:45px;}
.padbot50 {padding-bottom:50px;}
.padlef5 {padding-left:5px;}
.padlef10 {padding-left:10px;}
.padlef15 {padding-left:15px;}
.padlef20 {padding-left:20px;}
.padlef25 {padding-left:25px;}

/* BUTTONS ---------------------------------------- */
.button {display:inline-block; font-style:italic; color:#fff; padding:7px 13px 7px; background:#3b5d76;}
	.button:hover {text-decoration:none; background:#2c4456; color:#fff;}

.button1 a {display:inline-block; font:bold 10px/18px Tahoma, sans-serif; color:#444; text-decoration:underline;
	-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.button1 a:hover {text-decoration:none; color:#eb6708;}

/* GRIDS ---------------------------------------- */
.grid0 {width:950px; margin:0 auto; float:none;}
	.grid0 div:first-child {margin-left:0;}
.grid1 {width:455px; margin-left:40px; float:left;}
.grid2 {width:290px; margin-left:40px; float:left;}
.grid3 {width:229px; float:left;}
.grid4 {width:721px; float:left;}

/* HEADER ---------------------------------------- */
header {position:relative; margin:0 auto;}
	header .bg {background:#3b5d76; color:#fff; font-size:11px; padding:5px 0 5px;}
	header .bg2 {background:#3b5d76; height:42px;}

.menu {padding:0; list-style:none; float:right; font-size:15px;}
	.menu li {position:relative; float:left; border-left:1px solid #bbb;}
	.menu li:first-child {border-left:0px;}
	.menu li a {background:#3b5d76; display:block; color:#fff; padding:10px 16px 10px; position:relative;
	-webkit-transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;
	transition:all 0.7s ease;}
	.menu li.current a,.menu li a:hover {background:#fff; color:#3b5d76; text-decoration:none;}

/* SLIDER ---------------------------------------- */
.slidekap {width:950px; height:360px; margin:0 auto;}

/* CONTENT ---------------------------------------- */
section {position:relative; z-index:1;}
.home1 {text-align:justify; margin-top:30px; line-height:22px;}
.home2 {background:#3b5d76; height:160px; font-size:17px; font-style:italic; line-height:28px; margin-top:30px;}
	.home2 h2 {color:#fff; padding:16px 20px 12px;}
	.home2 p {color:#fff; padding:22px 20px 10px;}
	.home2 img {float:right;}
.home3 {}
	.home3 img {padding-right:10px;}
	.home3 h2 {padding-bottom:15px;}

.altsayfa img {border:1px solid #3b5d76;}

.hakkimizda {line-height:26px;}

.galeri {}
	.galeri a {margin-left:23px;}
	.galeri a:first-child {margin-left:0;}
	.galeri img {margin-bottom:40px; border:1px solid #3b5d76;}

.referanslar {line-height:26px;}
	.referanslar .list {padding-bottom:10px; line-height:30px;}
	.referanslar .list li {list-style:circle inside;}

address {font-style:normal;}
	address p {padding-bottom:18px;}
	address span {width:80px; display:inline-block; font-weight:bold;}

.map {}
	.map iframe {width:950px; height:350px;}

/* FOOTER ---------------------------------------- */
footer {margin:0 auto; padding-top:25px; font-size:11px; line-height:17px; color:#3b5d76;}
.ft1 {border-top:2px solid #3b5d76;}
.ft2 {margin-top:18px;}
.ft2 img {float:left; padding-right:16px; margin-top:-4px;}
.ft3 {background:#3b5d76; font-size:11px; color:#fff; padding:5px 0 5px; margin-top:18px;}
.design {text-align:right; margin-top:26px;}
	.design img {width:87px; height:14px; margin-left:6px;}