@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	background: url(../images/back.png) repeat-x top #f3f1ec;
}
body table,td,th,div,span,p,textarea,input {
	font-family: Arial, Helvetica, sans-serif;
}
.menulink {
	font-size: 12px;
	color: #4e4e4e;
	text-decoration: none;
}
.menulink:hover {
	color: #7f6c30;
}
.saglink {
	font-size: 12px;
	color: #80681a;
	text-decoration: none;
}
.saglink:hover {
	color: #000;
}
.sagcizgi {
	background: url(../images/sagcizgi.gif) repeat-x;
}
.ortaback {
	background: #fff;
}
.headeryazi {
	font-size: 11px;
	color: #c7c5c1;
}
.headeryazi a{
	font-size: 11px;
	color: #afada7;
	text-decoration: none;
}
.headeryazi a:hover{
	color: #000;
}
.headeryazi a:visited{
	color: #c36;
}
.habertarih {
	font-size: 11px;
	line-height: 22px;
	color: #807f81;
}
.haberback {
	background: #f4f2ef;
	padding: 5px 0;
}
.altresimstroke {
	border-bottom: solid 3px #c4bda6;
	border-left: solid 1px #c4bda6;
	border-right: solid 1px #c4bda6;
	border-top: solid 1px #c4bda6;
}
.ortayazi {
	color: #4e4e4e;
	font-size: 12px;
	line-height: 16px;
	padding: 10px 0 0 0;
}
.footer {
	background: url(../images/footerback.png) no-repeat center top;
}
.altsayfaustback {
	background: url(../images/altsayfaustback.gif) repeat-x;
	padding: 0 10px 0 0;
	font-size: 22px;
	color: #fff;
	text-shadow: #76673a 1px 1px 1px;
}
.contentyazi {
	font-size: 12px;
	line-height: 20px;
	color: #4f4f4f;
}
.sagimg {
	float: left;
	margin: 0 5px 0 0;
}
.formorta {
	background: #f8f7f5;
	padding: 5px 0;
	font-size: 12px;
	color: #766738;
}
.formbaslik {
	color: #6b5308;
	font-size: 20px;
}
.formaciklama {
	font-size: 11px;
	color: #8f8873;
	line-height: 14px;
	border-left: solid 1px #dfdedc;
	padding: 0 0 0 15px;
}

/*carousel*/

#box4{
	position:absolute;
}
#box4 div{
	width:920px;
	height:345px;
	float:left;
	background:#fff;
}
#box4 img{
	width:920px;
	height:345px;
	float:left;
}
#info4{
	background:#fff !important;
	color:red !important;
	cursor:default
}
.mask3{
	position:relative;
	width: 920px;
	height: 345px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}
.buttons{
	padding:0;
	margin: 0;
}
.buttons span{
	color:#765f18;
	padding:10px 20px;
	margin: 0px;
	float:left;
	font-size: 12px;
	cursor:pointer;
	border-right: solid 1px #ece9df;
	border-left: solid 1px #fff;
	border-bottom: solid 1px #fff;
	width: 111px;
	text-align: left;
}
.buttons span.active, .buttons span:hover{
	background: url(../images/carouselback.gif) repeat-x bottom #ab9758;
	color:#fff;
	border-bottom: solid 1px #938047;
	border-left: solid 1px #938047;
	border-right: solid 1px #938047;
}

/*carousel bitti*/

/* menü başladı */

ul#menu, ul#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
	z-index: 300;
}
ul#menu li {
    float: right;
    position: relative;
	margin-left: 15px;
}
ul#menu li .ustmenu{
	font-size: 12px;
	font-weight: bold;
	color: #333;
	text-align: left;
	padding: 5px 8px;
	text-decoration: none;
}
ul#menu li .ustmenu:hover{
	color: #fff;
	background: #000;
}
ul#menu li ul {
    display: none;
    position: absolute;
    top: 19px; /* yukseklik 15px + sonradan eklenecek paddingler 4px toplam 19px */
    left: 0;
}
ul#menu li > ul {
    top: auto;
    left: auto;
	margin: 5px 0 0 0 ;
}
ul#menu li .link {
	font-size: 12px;
    display: block;
    border-bottom: 1px solid #666;
    margin: 0 0 0 -15px;
    padding: 5px;
    color: #adadad;
    background: #333;
    text-decoration: none;
	text-align: left;
	width: 150px;
	
}
ul#menu li .link:hover {
	color: #fff;
    background: #252525;
}
ul#menu li:hover ul {
	display: block;
}

/* menü bitti */

/* carousel */
.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 640px; /*Width of Carousel Viewer itself*/
	height: 290px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0; /*margin around each panel*/
	width: 640px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	padding: 0;
}
.stepcarousel .image {
	width: 640px;
	float: left;
}

/* carousel bitti */

/*alt sayfa foto galeri */
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:640px;  display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:640px; height:290px;}
#information {position:absolute; bottom:0; width:640px; height:0; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:640px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:290px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:290px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:5px;}
#slideleft {float:left; width:15px; height:56px; background:url(../images/scroll-left.gif) center center no-repeat;}
#slideleft:hover {background:url(../images/scroll-lefth.gif); cursor: pointer;}
#slideright {float:right; width:15px; height:56px; background:url(../images/scroll-right.gif) center center no-repeat}
#slideright:hover { background:url(../images/scroll-righth.gif); cursor: pointer;}
#slidearea {float:left; position:relative; width:600px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:56px}
#slider img {cursor:pointer; border:1px solid #dfdedc; padding:2px; }



/*bitti */