
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {float:left; width:100%; overflow:hidden;}

#duyuru_yeni{
text-align:right;
float: right;
width=300px;
height=100px;
margin-top:5px;
margin-right:10px;
}
/* Global properties ======================================================== */

body{ background: url(../images/bg_top.gif) top repeat-x #fff; border:0; font:12px Arial, Helvetica, sans-serif; color:#666666; line-height:18px;}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); behavior: url(js/PIE.htc); position: relative;}

/* Global Structure ============================================================= */

.main {	z-index:0; margin: 0 auto;	width: 980px; }
.main1 { z-index:0; margin: 0 auto; width: 980px; height:160px;}

.body1{ background:url(../images/bg_top_shadow.gif) center 149px no-repeat; height:160px; font:12px Arial, Helvetica, sans-serif;}
.body2{ background:#f9f9f9; height:auto; min-height:450px; font:12px Arial, Helvetica, sans-serif;}
.body3{ background:url(../images/bg.gif) bottom repeat;}
.body4{ background:#000; margin-bottom:0px;}
.body5{ background:url(../images/bg_bot.jpg) bottom repeat-x}

/* ============================= main layout ====================== */

a{ color:#3d3c3c; font-size:12px; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h1{ float:left; padding:11px 0 0 16px}
h2{font-size:21px; line-height:28px; color:#3d3c3c; margin:34px 0 24px 0; text-transform:uppercase}
#h2_ust
{font-size:21px; line-height:28px; color:#3d3c3c; margin-top:34px; margin-bottom:300px; text-transform:uppercase}


p{ padding-bottom:18px;}

/* ============================= header ====================== */
#header{}

#logo{ display:block; padding-left:10px; margin-top:-10px; background:url(../images/logo.jpg) no-repeat; width:200px; height:94px; text-indent:-50px;}

#menum{
width:auto;
background:url('../images/ic_sayfa_gorsel_devam.jpg') top repeat-x;
background-position:left;
}

#menu { width:100%; overflow:hidden;}
#menu li { z-index:9;text-align:center; padding-right:2px; background:url(../images/menu_line.gif) right 15px no-repeat}
#menu .bg_none{ padding:0; background:none}
#menu li a ul li a {font-size:12px;}
#menu li a{ display:block; font-size:14px; color:#3d3c3c; text-transform:uppercase; text-decoration:none; line-height:36px; padding:0 15px 0 15px; background:url(../images/spacer.gif) repeat}

#menu li a:hover, #menu #menu_active a{ background:#fff}



.pad{ padding:44px 14px 0 13px;}

.box1{ border:1px solid #ebeaea;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; behavior: url(js/PIE.htc); position: relative;}

.markers{ margin-left:8px; margin-top:153px; float:left;}
.img{ margin-left:10px; float:left;}

.list_img{ padding:50px 0 16px 0; width:100%; overflow:hidden}
.list_img li{ float:left;}


/* ============================= content ====================== */

#content{ width:100%; overflow:hidden; padding-bottom:40px; padding-top:0px;}
#content2{  font-size:12px; line-height:20px; color:#626262; padding-bottom:60px; width:100%; overflow:hidden}
#content2 h2{ color:#fff; padding:15px 0 16px 0 }
#content2 .font_size_11{ font-size:12px; line-height:18px;}

.col1{width:100%; height:auto; margin-top=-20px; overflow:hidden; float:left}
.col2{width:30%; height:100%; overflow:hidden; float:right}
.pad_left1{ padding-left:25px;}
.pad_left2{ padding-left:16px;}
.pad_right2{ padding-right:16px;}
.pad_left3{ padding-left:70px;}
.marg_right1{ margin-right:20px;}
.pad_bot1{ padding-bottom:20px;}
.pad_center{ text-align:center;}

.under{ padding-bottom:13px; margin-bottom:9px; background:url(../images/line_hor1.gif) bottom repeat-x;}

.list1{ margin:-5px 0;}
.list1 li{ line-height:28px;}
.list1 a{ padding-left:18px; background:url(../images/marker_1.gif) 0 4px no-repeat}

#content2 .list1 li a{background:url(../images/marker_2.gif) 0 4px no-repeat; color:#626262; font-size:12px;}

.price li{ width:100%; overflow:hidden}
.price a{ float:left; text-decoration:none}
.price a:hover{ text-decoration:underline}
.price span{ float:right;}
.price strong{ display:block; background:url(../images/bg_prices.gif) 0 13px repeat-x; overflow:hidden}

/* ============================= footer ====================== */

#footer { color:#3c362d; padding-top:32px; padding-bottom:30px; padding-left:14px; line-height:18px; }
#footer a{ color:#3c362d; text-decoration:none}
#footer a:hover{ text-decoration:underline}

#footer_logo{ background:url(../images/footer_logo.png) no-repeat; height:16px; width:126px; float:left;}
/* ============================= forms ============================= */


#ContactForm .left{ padding-right:14px;}
#ContactForm p{ line-height:24px; padding-bottom:17px; font-size:12px;}
#ContactForm .bg{ background:#191919; margin-bottom:17px; border:1px solid #222222;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; behavior: url(js/PIE.htc); position: relative;}
#ContactForm a{ display:inline-block; width:81px; font-size:20px; color:#fff; line-height:36px; background:url(../images/button.jpg) no-repeat; text-decoration:none; text-align:center}
#ContactForm .input { background:none; width:264px; padding:4px 5px; font:11px Arial, Helvetica, sans-serif; height:14px; color:#626262;}
#ContactForm textarea { overflow: auto; background:none; width:440px; padding:4px 5px; font:11px Arial, Helvetica, sans-serif; height:110px; color:#626262;}

.button{ display:inline-block; width:81px; font-size:15px; color:#fff; line-height:36px; background:url(../images/button.jpg) no-repeat; text-decoration:none; text-align:center}








