@CHARSET "UTF-8";

html {overflow: -moz-scrollbars-vertical;}
body{ font:0.75em Arial; color:#444; background-position: center top; background-repeat: no-repeat;}

h1, h2, h3, h4, h5, h6 {font-weight: normal;}
h1{font:2.6em 'GothamBookRegular', Arial; margin-bottom: 10px;}
h2{font:2em 'GothamBookRegular', Arial; margin-bottom: 10px;}
h3{font:1.75em 'GothamBookRegular', Arial; margin-bottom: 10px;}
h4{font:1.5em 'GothamBoldRegular', Arial; margin-bottom: 10px;}
h5{font:1.25em 'GothamBoldRegular', Arial; margin-bottom: 10px;}

a {color: #2299af; text-decoration: none; cursor: pointer;}
a:hover {text-decoration: none; color: #d93d55;}

.tl {font-family:'TLSimgeRegular', Arial !important;}
.error{background-color: #ffd3d3 !important;}
.info {font-style: italic; color: #737679; }

.inputBox, textarea, select {
	border-radius: 3px;
	height: 18px;
	padding: 4px;
	line-height: 18px;
	color: gray;
	border: 1px solid #dadada;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	display: inline-block;
	background-color: #f4f4f4;
	font-family: Arial;
	font-size: 12px;
}
select {height: 26px;}

.btnSubmit, .btnNormal {
	display: inline-block;
	border: none;
	font-weight: bold;
	cursor: pointer;
	width: 82px;
	height: 31px;
	overflow: hidden;
	text-align: center;
	line-height: 28px;
	font-family:Arial, Helvetica, sans-serif;
}
.btnSubmit:hover{
	color: white;
	background: url('../images/btnSubmit.png') 0 -30px no-repeat;
}
.btnSubmit {background: url('../images/btnSubmit.png') 0 0 no-repeat; color: #d4f8f8;}
.btnNormal {background: url('../images/btnNormal.png') 0 0 no-repeat; color: #eee;}
.btnNormal:hover{
	color: white;
	background: url('../images/btnNormal.png') 0 -34px no-repeat;
}

#container {width: 960px; overflow: hidden; margin: 0 auto;}

#underconst {background: url('../images/back.png') 0 0 repeat-y; overflow: hidden; padding-right: 1px;}
#underconst .wrap{background: url('../images/cocuk.jpg') right bottom no-repeat; padding: 20px 30px;}
#underconst .wrap p{margin-bottom: 8px; font-size: 11px; line-height: 15px;}
#underconst .wrap h1{background: url('../images/icon_headarrow_red.gif') 0 0 no-repeat; padding-left: 40px; padding-top: 4px; height: 50px;}
#underconst .wrap table{margin-left: 42px;}

#header {overflow: hidden; margin-bottom: 5px; background: url('../images/header_back.png') 0 bottom no-repeat;}
#header #logo{float: left; display: block; margin: 10px;}
#header #slogan{font:1.8em 'GothamBookRegular', Arial; color: #2b4047; float: right; margin-top: 22px; padding-left: 10px; width: 300px; margin-right: 20px; text-align: right;}

#navbar {background: url('../images/navbar_back.png') 0px 0px no-repeat; overflow: hidden;}
#navbar #navlist{list-style: none; overflow: hidden; margin: 5px 0; padding-left: 10px;}
#navbar #navlist li{float: left;}
#navbar #navlist li a{display: block; color: #38444f; margin: 0 9px; font:1.1em Arial; line-height: 1.5em; padding: 5px 0; font-weight: bold;}
#navbar #navlist li a:hover{color: #da5c3f; }
#navbar #navlist .active a{color: #da5c3f;}

#content {overflow: hidden; /*margin-top: 4px;*/}

#content #sidebar{width: 190px; float: left; }

#content #sidebar #yoresel{width: 200px; overflow: hidden; margin-bottom: 3px;}
#content #sidebar #yoresel .header{display: block;}
#content #sidebar #yoresel .yore_content{background: url('../images/yoresel_back.png') repeat-y; padding: 0 6px; width: 190px; height: 192px;}

	
#content #sidebar .sidebox {margin-bottom: 3px;}
#content #sidebar .sidebox .header{background: url('../images/sidemenu_header1.png') 0 0 no-repeat; height: 24px; font:1.3em 'GothamBoldRegular', Arial; color: #fff; width: 185px; padding: 15px 0px 5px 15px; line-height: 1.2em;}
#content #sidebar .sidebox .content{background: url('../images/sidebox_back.png') repeat-y; padding: 4px 6px 0px 6px; width: 190px; text-align: center; overflow: hidden;}

#content #sidebar #indirim .header {background: url('../images/sidemenu_bulten.png') 0 0 no-repeat !important; height: 5px !important; padding: 0px 0px 5px 15px !important;}

#content #sidebar .menubox {margin-bottom: 0px;}
#content #sidebar .menubox .header{background: url('../images/sidemenu_header2.png') 0 0 no-repeat; height: 24px; font:1.3em 'GothamBoldRegular', Arial; color: #fff; width: 185px; padding: 15px 0px 5px 15px; line-height: 1.2em;}
#content #sidebar .menubox .menulist{background: url('../images/sidebox_back.png') repeat-y; padding: 15px 5px; width: 190px; list-style: none;}
#content #sidebar .menubox .menulist li{background: url('../images/icon_menunormal.gif') 8px 9px no-repeat; padding: 7px 0 7px 20px; border-bottom: 1px dotted #aaadad; overflow: hidden;}
#content #sidebar .menubox .menulist li a{font:1.0em Arial; color: #4e4e4d; font-weight: bold;}
#content #sidebar .menubox .menulist li a:hover{color: #ce4248;}
#content #sidebar .menubox .menulist .active {background: url('../images/icon_menuactive.gif') 10px 9px no-repeat;}
#content #sidebar .menubox .menulist .active a{color: #ce4248; font-weight: bold;}


#content #main{width: 750px; float: right; overflow: hidden;}

#content #main .top{display: block;}
#content #main #main_content{background: url('../images/maincontent_back.png') repeat-y; padding: 0 5px; color: #3b4046; overflow: hidden;}
#content #main #main_content #detail {padding: 10px 20px 20px 20px; line-height: 1.7em;}
#content #main #main_content #detail ol{list-style: outside;}
#content #main #main_content #detail ol li{margin-left: 20px; padding-left: 10px;}
#content #main #main_content #detail p{text-align: justify; margin-bottom: 1em; padding: 0 25px;}
#content #main #main_content #detail h1{background: url('../images/icon_headarrow.gif') 0 4px no-repeat; padding-left: 25px; color: #636362; margin-bottom: 20px;}
#content #main #main_content #detail h4{color: #f00; margin-top: 1.6em; margin-bottom: 1em; padding: 0 25px;}
#content #main #main_content #detail h5{margin-top: 1.2em; padding: 0 25px;}
#content #main #main_content #detail .beslenmelist{list-style: disc outside; margin-left: 50px; padding-right: 25px;}
#content #main #main_content #detail .beslenmelist li{padding-left: 10px; margin-bottom: 0.5em;}
#content #main #main_content #detail .beslenmelist .tek{color: #bb0900; }
#content #main #main_content #detail .beslenmelist .cift{color: #136ec6; font-weight: bold;}
#content #main #main_content #detail .besintable {margin-left: 25px; margin-bottom: 10px;}
#content #main #main_content #detail .besintable tr{}
#content #main #main_content #detail .besintable tr td{padding: 3px 5px; border: 1px solid #ccc;}
#content #main #main_content #detail .besintable .baslik td{font-weight: bold; font-size: 13px;}
#content #main #main_content #detail .besintable .altbaslik td{font-weight: bold; padding-top: 10px;}
#content #main #main_content .beslenme h4{color:#28b03d !important; }
#content #main #main_content .beslenme h5{color:#f00 !important; }

.newslist {overflow: hidden;}
.newslist li {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ccc; }
.newslist li img{float: left; display: block;}
.newslist li .detail{margin-left: 115px; background: url('../images/newslineback.gif') 0px 0 repeat-y; padding-left: 15px;}
.newslist li .detail p{margin-bottom: 7px !important; padding-left: 0px !important;}

.basinlist {list-style: none; overflow: hidden;}
.basinlist li{float: left; margin: 0 50px 20px 0; text-align: center; background: url('../images/photoframe.jpg') no-repeat; width: 180px; height: 150px;}
.basinlist li .image{width: 150px; height: 100px; overflow: hidden; margin: 17px 0 15px 17px;}

.commentlist {overflow: hidden; margin-left: 25px;}
.commentlist li {margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #ccc; overflow: hidden;}
.commentlist li .sender{float: left; width: 150px; }
.commentlist li .detail{margin-left: 160px; background: url('../images/newslineback.gif') 0px 0 repeat-y; padding-left: 15px;}
.commentlist li p{margin-bottom: 5px !important; text-align: left !important;}
.commentlist li p{padding-left: 0px !important;}

.videolist {list-style: none; overflow: hidden;}
.videolist li{float: left; margin: 0 20px 20px 0; text-align: center; background: url('../images/videoframe.jpg') no-repeat; width: 150px; height: 150px;}
.videolist li .playicon{position: absolute; z-index: 2; margin: 30px 0 0 40px;}
.videolist li .image{width: 150px; height: 80px; overflow: hidden; margin: 15px 0 0px 2px;}

.pozisyontable {width: 100%;}
.pozisyontable tr td{border-bottom: 1px dotted #ccc; padding: 10px; vertical-align: middle;}
.pozisyontable thead tr td{font-weight: bold; vertical-align: bottom !important;}

.gunluk_indirim {margin-bottom: 30px; overflow: hidden; }
.gunluk_indirim .ust{margin-left: 280px; overflow: hidden; width: 410px;}
.gunluk_indirim .ust .info{margin-bottom: 10px !important;}
.gunluk_indirim .fancy img{border: 2px solid #ddd; display: block; float: left; margin-right: 15px;}

.yemek_ceki {overflow: hidden;}
.yemek_ceki .cek{display: block; float: left; margin: 0 10px 10px 0; border: 2px solid #ddd; }
.yemek_ceki p{margin-bottom: 5px !important;}

.tablist {background: url('../images/tabback.gif') 0 -2px repeat-x; overflow: hidden; height: 31px; margin-bottom: 10px; border-top: 1px solid #fff;}
.tablist li{float: left; padding-left: 10px; }
.tablist li a{display: block; padding: 5px 10px 6px 10px; margin-top: 4px; color: #2299AF; font-weight: bold;}
.tablist li a:hover{color: #d93d55;}
.tablist .active{}
.tablist .active a{background-color: white; border-top: 1px solid #bbb; color: #636362;}

.halkgunutable {width: 100%;}
.halkgunutable thead{font-weight: bold; background-color: #d1d1d1;}
.halkgunutable thead tr td{padding: 5px; text-align: center; font-size: 1em;}
.halkgunutable tr td{vertical-align: middle; padding: 5px; border: 1px solid #ccc; font-size: 0.95em;}
.halkgunutable tr td p{margin-bottom: 7px !important;}
.halkgunutable thead tr .active {background-color: #f00; color: white; border: 1px solid red;}
.halkgunutable tr .active {background-color: #fff1f1;}


.clean {clear: both;}

#content #main #main_content #detail .magazalist {width: 95%; margin-left: 25px;}
#content #main #main_content #detail .magazalist thead tr td{font-weight: bold; padding: 8px 0;}
#content #main #main_content #detail .magazalist tr {border-bottom: 1px dotted #ccc; }
#content #main #main_content #detail .magazalist tr td table tr td{border-bottom: 0 !important; }
#content #main #main_content #detail .magazalist tr td{padding: 8px 0; vertical-align: middle;}
#content #main #main_content #detail .magazalist .magazadetay{font-size: 11px; }
#content #main #main_content #detail .magazalist .magazadetay table tr {border-bottom: 0;}
#content #main #main_content #detail .magazalist .magazadetay table tr td .info{margin-bottom: 5px;}
#content #main #main_content #detail .magazalist .magazadetay table tr td{vertical-align: top; color: #666;}
#content #main #main_content #detail .magazalist .magazadetay table tr td ul {list-style: none; overflow: hidden;}
#content #main #main_content #detail .magazalist .magazadetay table tr td ul li{padding: 8px; background: url('../images/magaza_frame.jpg') 0 0 no-repeat; float: left; margin: 0 10px 10px 0;}
#content #main #main_content #detail .magazalist .magazadetay p{padding-left: 0px !important;}

.formtable {margin-left: 35px;}
.formtable tr td{padding: 7px 0; vertical-align: top;}
.formtable tr td h5{padding-left: 0px !important;}
.formtable tr td .inputBox{width: 99%;}
.formtable tr td textarea{width: 99%; height: 120px;}


#content #main #main_content #breadcrump{background: url('../images/breadcrump_back.gif') 0px; padding: 2px 0px 8px 15px; color: #696e75; font-size: 12px; border-bottom: 1px solid #bbb; font-weight: bold;}
#content #main #main_content #breadcrump table tr td{vertical-align: middle;}
#content #main #main_content #breadcrump table tr .share{text-align: right;}

#content #main #main_about{overflow: hidden; margin-bottom: 4px; background: url('../images/main_hakkinda_back.png') 0 0 no-repeat;  width: 750px; height: 200px;}
#content #main #main_about .content{float: left; display: block; width: 732px; padding: 10px; padding-left: 26px;}
#content #main #main_about .content .image{float: right; display: block; margin:3px 10px 0 0; }
#content #main #main_about .content h3{padding: 5px 0 0px 0; color: #0895b4; font:1.9em 'GothamBoldRegular', Arial; }
#content #main #main_about .content p{margin-bottom: 10px; line-height: 1.3em;}
#content #main #main_about .content .kalite{float: right; margin-left: 10px;}

#content #main #newsletter{overflow: hidden; background: url('../images/newsletter_back.png') no-repeat; height: 49px; padding: 10px 10px 0 10px ;}
#content #main #newsletter table tr td{vertical-align: middle; padding: 3px;}



#intros {overflow: hidden; margin-top: 7px;}
#intros .introbox{overflow: hidden; float: left;}
#intros .introbox .left{float: left; display: block;}
#intros .introbox .right{float: left; display: block;}
#intros .introbox .box{background: url('../images/intro_back.png') repeat-x; width: 135px; height:177px; float: left; overflow: hidden;}
#intros .introbox .box .content{height: 145px; padding-top: 8px; overflow: hidden; height: 136px; margin-bottom: 8px;}
#intros .introbox .box .header a{color: #bee0eb; font:0.9em Arial; font-weight: bold;}
#intros .introbox .box .header a:hover{color: #fff;}

#footer {background: url('../images/footerback.png') no-repeat; clear: both; margin: 10px 0; text-align: center; color: #ccc; font-size: 0.85em; overflow: hidden;}
#footer #navlist{list-style: none; overflow: hidden; margin-bottom: 10px; padding-top: 6px;}
#footer #navlist li{display: inline-block;}
#footer #navlist li a{display: block; color: #a8a8a8; margin: 0 5px; font-size:1em; font-weight:bold; line-height: 1.5em; padding: 5px 0;}
#footer #navlist li a:hover{color: #ffffff; }
#footer #navlist .active a{color: #ffffff;}




/* Components */
.alert-message {
  position: fixed;
  top: 10px;
  right: 10px;
  width: 250px;
  text-align: right;
  z-index: 99;
  padding: 7px 15px;
  margin-bottom: 18px;
  color: #404040;
  background-color: #eedc94;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
  background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
  background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
  background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
  background-image: -o-linear-gradient(top, #fceec1, #eedc94);
  background-image: linear-gradient(top, #fceec1, #eedc94);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #eedc94 #eedc94 #e4c652;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.alert-message .close {
  margin-top: 1px;
  *margin-top: 0;
}
.alert-message a {
  font-weight: bold;
  color: #404040;
}
.alert-message.danger p a,
.alert-message.error p a,
.alert-message.success p a,
.alert-message.info p a {
  color: #ffffff;
}
.alert-message h5 {
  line-height: 18px;
}
.alert-message p {
  margin-bottom: 0;
  color: white;
  font-weight: bold;
}
.alert-message div {
  margin-top: 5px;
  margin-bottom: 2px;
  line-height: 28px;
}
.alert-message .btn {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}
.alert-message.block-message {
  background-image: none;
  background-color: #fdf5d9;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  padding: 14px;
  border-color: #fceec1;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.alert-message.block-message ul, .alert-message.block-message p {
  margin-right: 30px;
}
.alert-message.block-message ul {
  margin-bottom: 0;
}
.alert-message.block-message li {
  color: #404040;
}
.alert-message.block-message .alert-actions {
  margin-top: 5px;
}
.alert-message.block-message.error, .alert-message.block-message.success, .alert-message.block-message.info {
  color: #404040;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.alert-message.block-message.error {
  background-color: #fddfde;
  border-color: #fbc7c6;
}
.alert-message.block-message.success {
  background-color: #d1eed1;
  border-color: #bfe7bf;
}
.alert-message.block-message.info {
  background-color: #ddf4fb;
  border-color: #c6edf9;
}
.alert-message.block-message.danger p a,
.alert-message.block-message.error p a,
.alert-message.block-message.success p a,
.alert-message.block-message.info p a {
  color: #404040;
}

.btn.danger,
.alert-message.danger,
.btn.error,
.alert-message.error {
  background-color: #c43c35;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn.success, .alert-message.success {
  background-color: #57a957;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -ms-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(top, #62c462, #57a957);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #57a957 #57a957 #3d773d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn.info, .alert-message.info {
  background-color: #339bb9;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(top, #5bc0de, #339bb9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #339bb9 #339bb9 #22697d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}