/***********************
HAT MEDYA 2013
http://www.hatmedya.com
info@hatmedya.com
ie8, ff, chrome
***********************/
@import"../css/reset.css";
@import url(http://fonts.googleapis.com/css?family=Open+Sans|Roboto+Condensed&subset=latin,latin-ext);
body {background:#fff; font:normal 13px Arial, sans-serif; color:#000;}
html,body {height:100%;}

p {}
a {color:#111; text-decoration:none;}
a:hover {color:#7fba25; text-decoration: underline;}
img {border:0px;}
time {font-size:12px;}

h1,h2,h3,h4,h5 {font-weight:normal;}
h1 {font-size:26px;}
h2 {font-size:31px; color:#fff;}
h3 {font-size:18px; padding-bottom:15px;} 
h4 {font-size:13px; color:#fff; background:#444; padding:7px 9px 7px; margin-top:25px;}  
h5 {font-size:12px; font-weight:bold; color:#444; line-height:30px;}

.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-size:18px; text-align:justify;}

.sayfa404 {font-size:18px; text-align:center; height:300px; padding-top:150px;}

.map {margin:4px 0 6px 0;}
	.map iframe {width:540px; height:200px;}

/* 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;}
.padlef30 {padding-left:30px;}
.padlef35 {padding-left:35px;}

/* BUTTONS ---------------------------------------- */
.button {display:inline-block; font:italic 17px 'EB Garamond', serif; color:#fff; padding:7px 13px 7px; border-radius:5px;
		background: #eb6708;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eb8e08), to(#eb6708));
		background: -webkit-linear-gradient(#eb8e08, #eb6708);
		background: -moz-linear-gradient(#eb8e08, #eb6708);
		background: -ms-linear-gradient(#eb8e08, #eb6708);
		background: -o-linear-gradient(#eb8e08, #eb6708);
		background: linear-gradient(#eb8e08, #eb6708);
		-pie-background: linear-gradient(#eb8e08, #eb6708);}
	.button:hover {text-decoration:none; background:#212020; -pie-background: linear-gradient(#212020, #212020);}

.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:970px; margin:0 auto; float:none;}
	.grid0 div:first-child {margin-left:0;}
.grid1 {width:360px; float:left;}
.grid2 {width:610px; float:left;}
.grid3 {width:217px; margin-left:34px; float:left;}
.grid4 {width:753px; float:left;}
.grid-bottom {width:970px; float:left;}
.grid5 {width:670px; float:left;}
.grid6 {width:300px; float:left;}
.grid7 {width:310px; margin-left:20px; float:left;}/* 3 kolon */
.grid8 {width:226px; margin-left:22px; float:left;}/* 4 kolon */
.grid9 {width:178px; margin-left:20px; float:left;}/* 5 kolon */
.grid10 {width:640px; margin-left:20px; float:left;}
.grid11 {width:310px; float:left;}

/* HEADER ---------------------------------------- */
header {position:relative; height:109px; margin:0 auto; background:url(../images/bg/header_bg.jpg) repeat-x;}
	header p {color:#fff; padding-top:25px;}
	header .bg {background:url(../images/bg/menu_bg.jpg) repeat-x; height:37px; margin-top:21px;}
	header .phone {margin:17px 0 20px; text-align:right; font:bold 30px 'Roboto Condensed', sans-serif; color:#be1228;}
	header .phone img { margin:16px 5px 0;}
	header span {font-size:20px; color:#424242; display:inline-block; margin-top:10px;}

.menu {padding:0; list-style:none; float:right;}
	.menu li {position:relative; float:left; font:bold 13px Arial, sans-serif; color:#fff; border-left:1px solid #f1f1de;}
	.menu li:first-child {border-left:0px;}
	.menu li a {background:#949200; display:block; color:#fff; padding:8px 12px 9px 13px; position:relative;}
	.menu li.current a,.menu li a:hover {background:#be1228; color:#fff; text-decoration:none;}

/* SLIDER ---------------------------------------- */
.slidekap {height:410px;}


/* CONTENT ---------------------------------------- */
section {position:relative; z-index:1;}
.home1 {word-spacing:1px; margin-top:-10px;}
.home2 {color:#fff; background:#000; margin-bottom:34px;}
	.home2 h2 {font:bold 15px Arial, sans-serif; margin:10px 0 10px 12px;}
	.home2 img {border:1px solid #000; border-bottom:2px solid #000;}

.sub_part2 {width:650px; padding-left:29px; float:left; border-left:1px solid #444; margin-bottom:25px;}

.sub_menu {height:100%; border-right:1px solid #444; margin:0 -1px 25px 0; font:16px 'Open Sans', sans-serif; color:#111;}
	.sub_menu hr {width:85%; text-align:left; margin:5px 0 10px 0; height:1px; border-width:0; color:#ccc; background-color:#ccc;}

.sub1 {position:absolute; display:inline-block; background:#424242; font:22px/32px 'Open Sans', sans-serif; color:#fff; word-spacing:4px;}
	.sub1 b {font-weight:600; word-spacing:-2px;}
	.sub1 p {padding:30px 0 30px 35px;}

.hakkimizda {font-size:14px; line-height:21px; text-align:justify;}
	.hakkimizda h1 {font-size:30px; line-height:44px; color:#000; padding:30px 0 25px;}
	.hakkimizda p {padding-bottom:22px; margin-right:25px;}
	.hakkimizda img {margin-top:25px;}

.BEYAZ {font-size:1px; color:#FFFFFF;}
.kirmizi {font-size:15px; font-weight:bold; color:#B51114;}

.hizmetler {}
	.hizmetler img {border:1px solid #444;}

.list {}
	.list li {padding:0 0 10px 12px;}
	.list ul {list-style:square outside; margin-left:17px;}

.iletisim {font-size:14px; text-align:justify;}
	.iletisim h1 {font-size:30px; line-height:44px; color:#000; padding:30px 0 25px;}
	.iletisim h3 {padding:50px 0 50px;}
	.iletisim p {padding-bottom:20px;}
	.iletisim img {margin-top:25px;}
	.iletisim iframe {width:670px; height:390px;}

.map {margin-bottom:20px;}
	.map iframe {width:970px; height:500px;}

address {font-style:normal;}
	address span {width:90px; font-weight:bold; display:inline-block; color:#be1228;}

/* FOOTER ---------------------------------------- */
footer {height:106px; padding-top:8px;}
	footer img {font-size:19px;}
	footer p {font-weight:bold; line-height:20px; border:1px solid #be1228; background:#f4f4f4; padding:17px 24px 17px;}
	footer span {display:inline-block; color:#be1228; margin:0 2px 0;}
.copy {width:300px; background:#be1228; font-size:11px; color:#fff; text-align:center; float:right; padding:8px 0 8px;}