body {background: url("/file/img/bodybg.png") repeat scroll 0 0 transparent; background-color:#cac8c8; font-family:Arial;}
h1,h2,h3 {margin:0px;}

.c1 {color:#000000;}
.c2 {color:#ffffff;}
.c3 {color:#cccccc;}
.c4 {color:#7a7a7a;}
.c5 {color:#4d4d4d;}
.c6 {color:#319eb5;}
.c7 {color:#207486;}
.c8 {color:#8e1717;}


.b1 {background-color:#000000;}
.b2 {background-color:#ffffff;}
.b3 {background-color:#cccccc;}
.b4 {background-color:#7a7a7a;}
.b5 {background-color:#4d4d4d;}
.b6 {background-color:#319eb5;}
.b7 {background-color:#207486;}
.b8 {background-color:#8e1717;}

.b {font-weight:bold;}
.l {float:left;}
.r {float:right;}
.b {font-weight:bold;}
.n {font-weight:normal;}

.p10 {padding:10px;}
.p20 {padding:20px;}

.s8 {font-size:8px;}
.s9 {font-size:9px;}
.s10 {font-size:10px;}
.s11 {font-size:11px;}
.s12 {font-size:12px;}
.s14 {font-size:14px;}
.s16 {font-size:16px;}
.s18 {font-size:18px;}
.s20 {font-size:20px;}
.s22 {font-size:22px;}
.s24 {font-size:24px;}


.f1 {font-family:Tahoma;}
.f2 {font-family:Impact;}

.clear {clear:both;}
ol, ul {list-style: none outside none; margin:0px; padding:0px;}
a , a:active{text-decoration:none;}


.tx1{color:#396fb8; font-size:12px; font-weight:bold; display:block;}
.tx2{color:#000000; font-size:12px;}

#container {margin: 0 auto; padding:0px;  text-align: left; width: 1200px;}
#container .thesol {
    float:left;
    text-align: left;
    width: 1020px;
	border:1px solid #777777; background-color:#ffffff;}

#container .thesag {float:right; width:160px; background-color:#cccccc;}

#header {position:relative; width:1010px; height:250px; background: url("/file/img/bg-header.png") repeat-x scroll 0 0 transparent;}
#header img{border:0px;}
#header .reklam1{position:absolute; top:10px; right:10px; width:200px; height:90px; background-color:#cccccc;}
#header .reklam2{position:absolute; top:10px; right:235px; width:200px; height:90px; background-color:#cccccc;}
#header .reklam3{position:absolute; top:10px; right:460px; width:200px; height:90px; background-color:#cccccc;}
#header .menu1{position:absolute; bottom:0px; left:0px; width:1010px; height:36px;}
#header .logo{position:absolute; top:0px; left:0px; width:366px; height:110px;}
#header .havadurumu{position:absolute; top:140px; left:0px; width:250px; height:50px;}
#header .namazvakti{position:absolute; top:140px; left:260px; width:350px; height:50px; border-left:1px solid #cccccc;}
#header .mulkiamir{position:absolute; top:140px; right:0px; width:390px; height:50px; border-left:1px solid #cccccc; }
#header .mulkiamir img{border:1px solid #cccccc; }
#header .mulkiamir .foto1{position:absolute; top:0px; right:200px; width:40px; height:50px;}
#header .mulkiamir .foto2{position:absolute; top:0px; right:0px; width:40px; height:50px;}
#header .mulkiamir .metin1{position:absolute; top:0px; left:20px; width:120px; height:50px; text-align:right; }
#header .mulkiamir .metin2{position:absolute; top:0px; left:220px; width:120px; height:50px; text-align:right;}



.hava {position:relative; width:250px; height:50px; }
.hava .baslik{position:absolute; right:0px; width:160px; height:18px; text-align:right;}
.hava .foto{position:absolute; bottom:0px; width:48px; height:50px;}
.hava .derece{position:absolute; bottom:0px; left:50px; width:75px; height:35px; line-height:35px; font-size:28px; font-weight:bold;}
.hava .yuzde{position:absolute; bottom:5px; left:125px; width:60px; height:30px; line-height:30px;  font-size:16px;  color:#cccccc;}
.hava .ayrinti{position:absolute; bottom:0px; right:0px; width:100px; height:30px;  font-size:11px; text-align:right;}


.namaz {position:relative; width:350px; height:50px; }
.namaz .baslik{position:absolute; right:0px; width:160px; height:18px; text-align:right;}
.namaz .vakitler {position:absolute; right:0px; bottom:0px; width:320px; height:30px; font-size:10px;}
.namaz .vakitler ul {}
.namaz .vakitler ul li{float:left; height:30px; background-color:#f2c369; border-left:1px dotted #f8f8f8; padding:0 10px;}


.haberdetay {}
.haberdetay .foto{width:300px;}
.haberdetay .foto img{width:300px;}
.haberdetay .tarih {font-size:12px; display:block; margin:10px 0;  color:#8b8b8b;}
.haberdetay .baslik {font-weight:bold; color:#000000; font-size:24px;}
.haberdetay .ozet {font-weight:bold; display:block; margin:10px 0;}
.haberdetay .detay {text-align:justify; line-height:22px;}


.thecatnews{}
.thecatnews ul{}
.thecatnews ul li{width:330px; margin-right:10px; margin-bottom:30px; height:130px; float:left; overflow:hidden; }
.thecatnews ul li .foto{float:left; margin-right:5px; width:100px; height:112px; overflow:hidden;}
.thecatnews ul li .foto img{margin-left:-25px; width:150px; height:112px;}
.thecatnews ul li .baslik{color:#000000; font-weight:bold; display:block;}
.thecatnews ul li .ozet{color:#000000; font-size:12px;}


.sosyal {}
.sosyal .le{float:left; margin-right:10px;}
.sosyal .ri{float:right; border-left:1px solid #cccccc; padding-left:20px; margin-right:20px;}


#orta {position:relative; margin-top:20px; width:1010px; height:338px; background: url("/file/img/orta.png");}
#orta .ilcebaslik{position:absolute; left:173px; width:140px; height:35px; text-align:center; font-size:13px; font-weight:bold; color:#a12822;}


.onmanset{position:absolute; top:10px; left:5px; width:150px; height:320px;}
.onmanset ul{width:150px;}
.onmanset ul li{}
.onmanset ul li .baslik{background-color:#000000; width:134px; height:30px;  padding:8px; font-size:12px; overflow:hidden; font-weight:bold; }
.onmanset ul li a{color:#ffffff;}
.onmanset ul li a:hover{color:#a12822; text-decoration:underline;}
.onmanset ul li .foto{width:150px; height:105px;  overflow:hidden; position:relative;}
.onmanset ul li .foto .kategori {position:absolute; background-color:#3a6ebc; color:#fff; bottom:0px; right:0px;padding:5px; font-family:arial; font-size:12px;}
.onmanset ul li .foto img{width:150px; height:116px;}


.ilceler{position:absolute; top:40px; left:173px; width:140px; height:295px; overflow-y: scroll;}
.ilceler ul {font-size:13px; font-weight:bold;}
.ilceler ul li {height:22px; line-height:22px; display:block; overflow:hidden;border-bottom:dotted 1px #cccccc; padding:2px 0; background-color:#e4f2fa;}
.ilceler ul li a{background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") no-repeat scroll 0 0 ; padding-left:15px;}
.ilceler a{color:#000000;}
.ilceler a:hover{color:#a12822; text-decoration:underline;}


.manset{position:absolute; top:18px; left:342px; width:650px; height:302px;}
.manset .foto{position:absolute; top:0px; left:0px; width:330px; height:302px; overflow:hidden;}
.manset .foto img{width:392px; height:302px; margin-left:-30px;}
.manset .haberler{position:absolute; top:0px; right:0px; width:290px; height:302px;}
.manset ul {font-size:13px; font-weight:bold;}
.manset ul li {width:290px; height:25px; line-height:25px; display:block; overflow:hidden;border-bottom:dotted 1px #cccccc; padding:2px 0;}
.manset ul li a{background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") no-repeat scroll 0 0 ; padding-left:10px;}
.manset a{color:#000000;}
.manset a:hover{color:#a12822; text-decoration:underline;}


#ortaspot {margin-top:20px; width:1010px; height:90px; text-align:center; line-height:90px;}
#ortaspot .spot1{float:left;width:728px;height:90px;  background-color:#cda322;}
#ortaspot .spot2{float:right;width:260px;height:90px;  background-color:#a234df;}

#kolon {margin-top:20px; width:1010px;}
#kolon .sol{float:left; width:300px;}
#kolon .sag{float:right; width:680px; }


#kolondetay {margin-top:20px; width:1010px;}
#kolondetay .sol{float:left; width:680px;}
#kolondetay .sag{float:right; width:300px; }




.soneklenen {width:674px; border:1px solid #cccccc; padding:2px; margin-bottom:20px;}
.soneklenen h3 {background-color:#9e9e9e; color:#ffffff; font-size: 16px;padding: 7px;border-bottom:1px solid #ccc; line-height:40px; font-weight:bold; font-family:Tahoma; padding:0 13px; margin-bottom:10px;}
.soneklenen h3 a {float: right;font-size: 12px;font-weight: 200; color:#ffffff; }
.soneklenen ul {font-size:11px;}
.soneklenen ul li .ilce{width:100px; margin-left:5px; text-align:right; color:#a12822; font-weight:bold; padding:3px;}
.soneklenen ul li {float:left; width:326px; height:20px; line-height:20px; display:block; overflow:hidden; margin-bottom:5px; margin-left:10px;}
.soneklenen ul li a{color:#000000;}
.soneklenen ul li a:hover{text-decoration:underline;}



.kateg {width:674px; height:320px; border:1px solid #cccccc; padding:2px; margin-bottom:20px;}
.kateg h3 {background-color:#2760ad; color:#ffffff; font-size: 16px;padding: 7px;border-bottom:1px solid #ccc; line-height:40px; font-weight:bold; font-family:Tahoma; padding:0 13px; margin-bottom:10px;}
.kateg h3 a {float: right;font-size: 12px;font-weight: 200; color:#ffffff; }
.kateg h3 a:hover {text-decoration:underline;}
.kateg a{color:#000000;}
.kateg a:hover{text-decoration:underline;}

.kateg .bir{float:left; width:220px;}
.kateg .bir .baslik{height:40px;font-weight:bold; font-size:14px; margin-top:10px;}
.kateg .bir .foto{width:220px;}
.kateg .bir .foto img{width:220px;}
.kateg .iki{float:right; width:410px; }
.kateg .iki ul{}
.kateg .iki ul li{float:left; width:125px; height:120px;  margin-left:10px; margin-bottom:10px;}
.kateg .iki ul li .foto{width:125px; height:80px; overflow:hidden; margin-bottom:5px;}
.kateg .iki ul li .foto img{width:125px;}
.kateg .iki ul li .baslik{font-size:10px;}




.kutuyan {width:294px; border:1px solid #cccccc; padding:2px; margin-bottom:20px;}
.kutuyan .foto{width:294px; height:180px; overflow:hidden;}
.kutuyan .foto img{width:294px; background-color:#cccccc; overflow:hidden; margin-top:-20px;}
.kutuyan h3 {background-color:#000000; color:#ffffff; font-size: 12px;border-bottom:1px solid #ccc; line-height:30px; font-weight:bold; font-family:Tahoma; padding:0 13px; margin:0px;}
.kutuyan h3 a {float: right;font-size: 12px;font-weight: 200; color:#ffffff; }
.kutuyan ul {font-size:12px; font-weight:bold;}
.kutuyan ul li {height:30px; line-height:30px; display:block; overflow:hidden;border-bottom:dotted 1px #cccccc; padding:2px 0; background-color:#e4f2fa;}
.kutuyan ul li a{background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") no-repeat scroll 0 0 ; padding-left:20px;}
.kutuyan a{color:#000000;}
.kutuyan a:hover{color:#a12822; text-decoration:underline;}

.men1h li { background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") no-repeat scroll 0 0 transparent;}
.men1f li{ background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") no-repeat scroll 0 0 transparent;}


#footer {width:1000px; height:50px; line-height:50px; border-top:1px solid #cccccc; margin-top:50px; font-size:12px; background-color:#f8f8f8; padding:5px;}
#footer .copyright {float:left; width:600px; font-weight:bold;}
#footer .copyright span {color:#6f6f6f; margin:0 20px;}
#footer .links {float:right; width:300px; text-align:right;}
#footer .links a {margin-left:20px; color:#a12822;}
#footer .links a:hover {color:#000000;}


.men1 {margin-left:0px; font-family:Arial;}
.men1 ul li {float: left; }
.men1 ul  li:first-child { margin-left: 0 !important; margin-left: 0 !important; }
.men1 ul li:hover {background-color:#a12822;}
.men1 ul li a {color: #ffffff; font-size: 12px; font-weight: bold; padding:0 12px; height:36px; line-height:36px; padding:0 10px; display:block; }
.men1 ul li a:hover {text-decoration:none; }


.men2 {margin-left:0px; font-family:Arial; font-weight:bold;}
.men2 ul li {float: left; width:119px; height:27px; line-height:27px; display:block; }
.men2 ul li:first-child { margin-left: 0 !important; margin-left: 0 !important; }
.men2 ul li a {color: #ffffff; font-size: 12px; font-weight: bold; display:block;  }
.men2 ul li a:hover {text-decoration:underline; }


.men3 {margin-left:0px; font-family:Arial; font-weight:bold; }
.men3 ul li {float: left; height:24px; line-height:24px; display:block; margin-left:30px; }
.men3 ul li:first-child { margin-left: 0 !important; margin-left: 0 !important; }
.men3 ul li a {color: #ffffff; font-size: 12px; font-weight: bold;  }
.men3 ul li a:hover {text-decoration:underline; }


.men4 {margin-left:0px; font-family:Arial; font-weight:bold; }
.men4 ul li {float: left; height:24px; line-height:24px; display:block; margin-left:20px; }
.men4 ul li:first-child { margin-left: 0 !important; margin-left: 0 !important; }
.men4 ul li a {color: #d11717; font-size: 11px; font-weight: bold;  }
.men4 ul li a:hover {text-decoration:underline; }




.katesayfa{}
.katesayfa ul{}
.katesayfa ul li{float:left; width:125px; height:120px;  margin-left:10px; margin-bottom:10px;}
.katesayfa ul li .foto{width:125px; height:80px; overflow:hidden; margin-bottom:5px;}
.katesayfa ul li .foto img{width:125px;}
.katesayfa ul li .baslik{font-size:10px;}




.sayfalar a {color:#000; border:1px solid #ccc; padding: 5px;}
.sayfalar .s1 {background-color:#000; color:#fff;}
.sayfalar .s2 {color:#000;}
.sayfalar a:hover {color:#8e1819; background-color:#cccccc; }

.contacto {}
.contacto h3{font-size:16px; border:1px solid #ccc; padding: 10px; background-color:#f9e8e3;}
.contacto .forms {padding:0 20px;}
.contacto .forms span {display:block; margin-top:20px; padding:5px 0;}
.contacto .forms input {border:1px solid #cccccc; padding:5px; width:300px;}
.contacto .forms textarea {border:1px solid #cccccc; padding:5px; width:500px; height:100px; display:block; margin-bottom:20px;}