@import 'anasayfa.css';
@import 'menu.css';
@import 'form.css';
@import 'pagination.css';
@import 'list.css';
@import 'fonts.css';


body{
    font-family:Verdana;
    font-family:arial,sans-serif;
    font-size:12px;
    line-height:17px;
    color:#454545;
    background: url(../images/body_bg.png) 0 120px repeat-x #FFF;
}
a img {
    border:none;
}

a:link{
    text-decoration:none;
    color:#313131;
}
a:active{
    color:#313131;
}
a:visited{
    color:#313131;
}
a:hover{
    color:#111111;
}


.smart-h2-small{
    font-size:14px;
    letter-spacing: -1px;
    word-spacing: 2px;
    font-family: "Ubuntu Regular", sans-serif;
    font-weight: normal;
}



* {
	margin: 0;
	padding: 0;
}

#top{
    display:block;
    width:100%;
}
#top #top_container{
    display:block;
    width: 942px;
    margin:0px auto;
    padding:2px 0px;
}
#top #top_container select{
    padding:2px 3px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    border:1px solid #EDEDED;
}
#top #top_container .col-left{
    display:inline-block;
    float:left;
}
#top #top_container .col-left a img,#top #top_container .col-right a img{
    opacity:1;
    transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
#top #top_container .col-left a img:hover, #top #top_container .col-right a img:hover{
    opacity:0.6;
    transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
#top #top_container .col-right{
    display:inline-block;
    float:right;
}
#top #top_container .col-right a{
    display:inline-block;
    float:left;
}
#top #top_container .col-right .vborder{
    background: url(../images/top_right_v_border.png) top right no-repeat;
    padding-right:15px;
}

#main{
    position:absolute;
    width:100%;
    height:100%;
}

#middle{
    position:relative;
    display:inline-block;
    width:942px;
    min-height:100px;
    left:50%;
    margin-left:-471px;
    background: #FFF;
}

#header{
    display:inline-block;
    width:100%;
    height:90px;
    margin:0 auto;
}

#header #header_conatiner{
    display:block;
    width:942px;
    margin:0px auto;
    border:0px solid blue;
}
#header #header_conatiner #header_logo{
    display:inline-block;
    float:left;
    width:210px;
    height:100px;
    margin-top:0px;
    margin-right:2px;
    border:0px solid red;
}
#header #header_conatiner #header_logo img{
    border:none;
    max-height:84px;
    margin:0px;
}

#header #search_form {
    background: url("../images/search_box.png") no-repeat scroll 0 0 transparent;
    border: 0px solid red;
    display: block;
    float: left;
    height: 34px;
    margin-left:140px;
    margin-top:20px;
    width: 268px;
}
#header #search_form .input {
    background: url("../images/search_text.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #565656;
    font-size: 11px;
    height: 24px;
    margin-left: 6px;
    margin-top: 5px;
    padding: 0px 8px;
    position: relative;
    width: 205px;
    z-index: 98;
    border: 0px solid red;
}
#header #search_form .src_button {
    background: url("../images/search_btn.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    display: block;
    float: right;
    font-size:12px;
    height:24px;
    margin-right:6px;
    margin-top:5px;
    position: relative;
    width: 32px;
    z-index: 99;
}

/*
#header #header_conatiner #header_search{
    display:none;
    float:left;
    width:626px;
    height:80px;
    border:0px solid red;
}
#header #header_conatiner #header_search_form{
    display:block;
    margin:18px auto;
    width:440px;
    height:34px;
    border-radius:3px;
    background: #212121;
    border:1px solid #212121;
}
#header #header_conatiner #header_search_form .search_text{
    display:block;
    float:left;
    width:390px;
    height:28px;
    padding-top:3px;
    padding-left:3px;
    padding-right:3px;
    margin-top:1px;
    margin-left:1px;
    border:0px solid #DCDCDC;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
}
#header #header_conatiner #header_search_form .search_btn{
    display:block;
    float:left;
    width:41px;
    height:31px;
    margin-top:1px;
    margin-right:1px;
    background: url(../images/search_btn.png) top left no-repeat;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    border:0px solid #DCDCDC;
}
#header #header_conatiner #header_search_form .search_btn:hover{
    cursor:pointer;
    opacity:0.8;
}
*/


#header #header_conatiner #col_right{
    display:inline-block;
    float:right;
    width:260px;
    height:45px;
    padding-top:10px;
    padding-bottom:2px;
    margin-right:2px;
    margin-top:5px;
}

#header #header_conatiner #col_right .row{
    display:inline-block;
    float:left;
    width:100%;
}

#header #header_conatiner #col_right .icon{
    display:block;
    float:left;
    width:47px;
    height:30px;
    background: url(../images/header_tel_icon.png) top left no-repeat;
}

#header #header_conatiner #col_right .number{
    display:block;
    float:right;
    width:190px;
    height:25px;
    font-size:22px;
    font-weight:bold;
    padding-top:5px;
}


#header #header_conatiner #col_right .slogan{
    display:inline-block;
    float:right;
    width:265px;
    font-size: 12px;
    font-family: "Comic Sans MS";
    font-weight: normal;
    color:#212121;
    text-align:left;
    margin-top:10px;
}


#header_social_networks img{
    border:none;
    opacity:1;
    transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

#header_social_networks img:hover{
    opacity:0.5;
    transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}


#header .col2  #social{
    display:inline-block;
    float:right;
    text-align:right;
    color:#a3a3a3;
    margin-top:18px;
}
#header .col2  #social .cell{
    display:block;
    float: left;
    line-height:18px;
    margin-right:4px;
}

#header .col2  #social .cell-icon{
    display:block;
    float: left;
    line-height:18px;
    margin-right:4px;
    margin-left:16px;
}

#header .col2  #social .cell span a:link{
    text-shadow:1px 1px 1px #DCDCDC;
    text-decoration:none;
    color:#a3a3a3;
}

#header .col2  #social .cell span a:active{
    text-shadow:1px 1px 1px #DCDCDC;
    text-decoration:none;
    color:#a3a3a3;
}

#header .col2  #social .cell span a:visited{
    text-shadow:1px 1px 1px #DCDCDC;
    text-decoration:none;
    color:#a3a3a3;
}


#header .col2  #social .cell span a:hover{
    color:#767676;
    cursor:pointer;
}



#main_menu{
    display:inline-block;
    width:100%;
    height:78px;
    background: url(../images/menu_bg.png) top center repeat-x;
}

#main_menu #main_menu_container{
    display:block;
    width:954px;
    height:78px;
    margin:0px auto;
}
#main_menu #main_menu_container a:link{
    color:#FFF;
    transition: all 500ms ease-in-out 0s;
}
#main_menu #main_menu_container a:active{
    color:#FFF;
    transition: all 500ms ease-in-out 0s;
}
#main_menu #main_menu_container a:visited{
    color:#FFF;
    transition: all 500ms ease-in-out 0s;
}
#main_menu #main_menu_container a:hover{
    color: #111;
    transition: all 500ms ease-in-out 0s;
}
#main_menu #main_menu_container .mn_left{
    display:inline-block;
    float:left;
    width:112px;
    height:38px;
    padding-left:26px;
    padding-top:18px;
    margin-right:6px;
    text-align:left;
    font-size:16px;
    color:#FFF;
    border:0px solid blue;
}
#main_menu #main_menu_container .mn_middle{
    display:inline-block;
    float:left;
    width:610px;
    height:38px;
    padding-top:26px;
    text-align:right;
    font-size:16px;
    color:#FFF;
    border:0px solid blue;
}

#main_menu #main_menu_container .mn_right{
    display:inline-block;
    float:right;
    height:38px;
    padding-top:26px;
    padding-right:10px;
    text-align:right;
    font-size:16px;
    color:#FFF;
    border:0px solid blue;
}

#main_menu #main_menu_container .mn_right a{
    padding-left:20px;
    padding-right:5px;
}


#banner{
    display: block;
    margin:auto;
    width:922px;
    height:341px;
    padding:8px;
    margin-top:10px !important;
    margin-bottom:40px !important;
    box-shadow:0px 1px 15px #DCDCDC;
    /*background: url(../images/banner_bg.png) top center no-repeat;*/
}

#container1{
    position:relative;
    display:inline-block;
    width:9996px;
    left:50%;
    margin-left:-498px;
    border:0px solid red;
}
#container2{
    position:relative;
    display:inline-block;
    width:996px;
    left:50%;
    margin-left:-498px;
    border:0px solid red;
}
.w770{
    width:770px;
}
.w970{
    width:970px;
}
.w965{
    width:965px;
}

#leftSide{
    display:inline-block;
    float:left;
    width:215px;
    margin-left:0px;
    padding:0px;
    border:0px solid blue;
}
#rightSide{
    display:inline-block;
    float:right;
    min-height:600px;    
    margin-top:0px;
    margin-right:0px;
    margin-bottom:15px;
    padding-left:0px;
    border:0px solid green;
}

#path-info{
    display:inline-block;
    width:892px;
    height:34px;
    padding-top:5px;
    padding-left: 50px;
    padding-bottom:24px;
    margin-top:5px;
    margin-bottom:5px;
    background: url(../images/path_info_bg.png) 8px 0 no-repeat;
}
#path-info span{
    display:inline-block;
    float:left;
    height:24px;
    margin-top:0px;
    /*
    font-size:16px;
    color:#333333;
    line-height:20px;
    padding-right:4px;
    */
    color:#212121;
    font-size:16px;
    text-decoration:none;
    font-family: "Franklin Gothic Medium Cond";
    font-weight:normal;
    padding-right:4px;
}
#path-info .ok{
    height:20px;
    width:12px;
    background: url(../images/icons/path-info.png) center center no-repeat;
}
#footer{
    display:inline-block;
    width:100%;
    padding-top:10px;
    padding-bottom:10px;
    background:url(../images/footer_bg.png) top repeat-x;
    border-top:1px solid #EFEFEF;
}

#footer #footer-container{
    display:block;
    width:996px;
    margin:4px auto;
    border:0px solid red;
}
#footer #footer-container .left{
    display:inline-block;
    float:left;
    color:#FFF;
    font-size:11px;
    width:150px;
    border:0px solid red;
}
#footer #footer-container .middle{
    display:inline-block;
    float:left;
    text-align:center;
    width:690px;
    color:#FFF;
    border:0px solid red;
}
#footer #footer-container .right{
    display:inline-block;
    float:right;
    color:#FFF;
    font-size:11px;
    width:150px;
    text-align:right;
    border:0px solid red;
}

#footer #footer-container .right a:link{    
    color:#FFF;
    text-decoration: none;
}

#footer #footer-container .right a:active{    
    color:#FFF;
}
#footer #footer-container .right a:visited{    
    color:#FFF;
}
#footer #footer-container .right a:hover{    
    color:#999999;
}

/************/
.center{
    text-align:center;
}
.bold{
    font-weight:bold;
}


.co-1{
    display:inline-block;
    float:left;
    padding-top:8px;
}
.co-2{
    display:inline-block;
    float:right;
    padding-right:32px;
}

/* UYARILAR - MESAJLAR**/
._info_{
    display:block;
    width:850px;
    margin:30px auto;
    color:#313131;
    font-size:16px;
    font-weight:normal;
    text-align:center;
}

#showMessage{
    display: inline-block;
    width:100%;
    border:1px solid #DD0011;
    border-radius:4px;
    padding:6px 0px;
}
.uyari{
    background: #F56565;
}
.f-uyari{
    color:#FFF !important;
}
.hata{
    background: #F56565 !important;
}
.f-hata{
    color:#FFF;
}


#showMessage li{
    list-style:none;
}
#msgText{
    display:block;
    width:90%;
    margin:2px auto;
    font-weight:bold;
}

.warning-font{
    color:#E4770F;
}

#uyari_span{
    display:none;
    width:100%;
    font-weight:bold;
    padding:5px 10px;
    margin-bottom:5px;
}

.red_font{
    color:#DDFFFF;
}
.red-border{
    border:1px solid red;
}


#generate{
    display:none;
}
#HASH_STRING{
    display:none;
}

.pointer{
    cursor:pointer;
}

.fbold{
    font-weight: bold;
}

/** B: Ürün Detay **/
#urun_detay{
    display:inline-block;
    width:700px;
    margin:0px 10px 10px 10px;
    border:0px solid red; 
}
#urun_detay .row ul{
    margin:0px 10px 10px 20px;
    border:0px solid red; 
}
#urun_detay .row{
    display:inline-block;
    float:left;
    width:100%;
    margin-bottom:10px;
}
#urun_detay #img_box{
    display:inline-block;
    float:right;
    max-width:240px;
    margin-left:6px;
    overflow: hidden;
    border:0px solid blue;
}
#urun_detay #img_box img{
    border:none;
    width:230px;
}
#urun_detay #prd_details{
    display:inline-block;
    float:left;
    width:450px;
    margin-right:4px;
    border:0px solid blue;
}
#urun_detay #prd_details strong{
    display:block;
    color:#0080C7;
    margin-bottom:10px;
    font-size:14px;
}

#urun_detay #prd_details h4{
    display:block;
    color:#787878;
    font-weight:normal;
    margin-bottom:10px;
    font-size:14px;
}
#urun_detay #prd_details .proje_alani{
    display:inline-block;
    width:99%;
    padding:3px 0;
    margin:4px 0px 20px 0px;
    border-top: 1px dotted #DCDCDC;
    border-bottom: 1px dotted #DCDCDC;
}

#urun_detay #prd_details .row{
    display:inline-block;
    width:99%;
    margin:4px 0px;
}

#urun_detay #prd_details .icon-im{
    display:inline-block;
    float:left;
    margin-right:4px;
}
#urun_detay #prd_details .text-im{
    display:inline-block;
    float:left;
    padding-top:7px;
    font-weight:bold;
    margin-right:4px;
}
#urun_detay #prd_details .text-im:hover{
    cursor:pointer;
    color:#454646;
}
#urun_detay #prd_details-2{
    display:inline-block;
    float:right;
    width:210px;
    margin-right:4px;
    text-align: right;
    border:0px solid blue;
}
#urun_detay #prd_details-2 p{
    margin-bottom:20px;
}
#urun_detay #irtibat_bilgileri{
    display:inline-block;
    float:left;
    width:716px;
    height:28px;
    margin:4px 0px 10px 0px;
    background: url(../images/bar_bg.png) top left repeat-x;
    border-top:1px solid #DCDCDC;
    border-left:1px solid #DCDCDC;
    border-right:1px solid #DCDCDC;
}
#urun_detay #irtibat_bilgileri .urun_ozellikleri{
    display:inline-block;
    float:left;
    height:30px;
    padding-left:10px;
    padding-right: 15px;
    padding-top:6px;
    padding-bottom:6px;
    font-size:14px;
    font-weight:bold;
    color:#FFF;
    background: url(../images/urun_ozellikleri_bg.png) top left no-repeat;
}

#urun_detay #irtibat_bilgileri .label{
    display:inline-block;
    float:right;
    padding-left:10px;
    padding-right: 15px;
    padding-top:5px;
    padding-bottom:6px;
    font-size:14px;
    font-weight:bold;
    color:#E1E1E1;
    text-shadow:1px 1px 1px #121212;
    border-right:1px dotted #F47159;
}
#urun_detay #irtibat_bilgileri .contain{
    display:inline-block;
    float:right;
    font-size:20px;
    font-weight:bold;
    color:#F9A899;
    padding-left:10px;
    padding-right: 15px;
    padding-top:5px;
    padding-bottom:2px;
    text-shadow:1px 1px 1px #212121;
}


#urun_detay #benzer_urunler{
    display:inline-block;
    float:left;
    width:718px;
    height:28px;
    margin:4px 0px 10px 0px;
    background: url(../images/bar_bg2.png) top left repeat-x;
    border-top:1px solid #DCDCDC;
    border-left:1px solid #DCDCDC;
    border-right:1px solid #DCDCDC;
}
#urun_detay #benzer_urunler h2{
    display:inline-block;
    float:left;
    height:30px;
    padding-left:10px;
    padding-right: 15px;
    padding-top:6px;
    padding-bottom:6px;
    font-size:14px;
    font-weight:bold;
    color:#FFF;
    background: url(../images/benzer_urunler.png) top left no-repeat;
}
#urun_detay .prd_box_small{
    display:inline-block;
    width:90%;
    margin-bottom:6px;
    padding-left:14px;
    background: url(../images/icons/benzer_urunler_li.png) 0px 5px no-repeat ;
}


#urun_detay .dt li{
    display:block;
    color:#676767;
    line-height:12px;    
    margin-bottom:10px;
    margin-left:10px;
    font-size:14px;
    list-style: normal !important;
}



#urun_detay h2{
    display:block;
    margin:0 0 10px 0;
    border:0px solid red;
}

#urun_detay #urun_resim_galeri{
    display:none;
}
/** E: Ürün Detay **/


/** B: Ürün Detay **/
#proje_detay{
    display:inline-block;
    width:700px;
    margin:0px 10px 10px 10px;
    border:0px solid red; 
}
#proje_detay .row ul{
    margin:0px 10px 10px 20px;
    border:0px solid red; 
}
#proje_detay .row{
    display:inline-block;
    float:left;
    width:100%;
    margin-bottom:10px;
}
#proje_detay #img_box{
    display:inline-block;
    float:right;
    max-width:240px;
    margin-left:6px;
    overflow: hidden;
    border:0px solid blue;
}
#proje_detay #img_box img{
    border:none;
    width:230px;
}
#proje_detay #prd_details{
    display:inline-block;
    float:left;
    width:450px;
    margin-right:4px;
    border:0px solid blue;
}
#proje_detay #prd_details strong{
    display:block;
    color:#0080C7;
    margin-bottom:10px;
    font-size:14px;
}

#proje_detay #prd_details h4{
    display:block;
    color:#787878;
    font-weight:normal;
    margin-bottom:10px;
    font-size:14px;
}
#proje_detay #prd_details .proje_alani{
    display:inline-block;
    width:99%;
    padding:3px 0;
    margin:4px 0px 20px 0px;
    border-top: 1px dotted #DCDCDC;
    border-bottom: 1px dotted #DCDCDC;
}

#proje_detay #prd_details .row{
    display:inline-block;
    width:99%;
    margin:4px 0px;
}

#proje_detay #prd_details .icon-im{
    display:inline-block;
    float:left;
    margin-right:4px;
}
#proje_detay #prd_details .text-im{
    display:inline-block;
    float:left;
    padding-top:7px;
    font-weight:bold;
    margin-right:4px;
}
#proje_detay #prd_details .text-im:hover{
    cursor:pointer;
    color:#454646;
}
#proje_detay #prd_details-2{
    display:inline-block;
    float:right;
    width:210px;
    margin-right:4px;
    text-align: right;
    border:0px solid blue;
}
#proje_detay #prd_details-2 p{
    margin-bottom:20px;
}
#proje_detay #proje_irtibat_bilgileri{
    display:inline-block;
    float:left;
    width:716px;
    height:28px;
    margin:4px 0px 10px 0px;
    background: url(../images/bar_bg.png) top left repeat-x;
    border-top:1px solid #DCDCDC;
    border-left:1px solid #DCDCDC;
    border-right:1px solid #DCDCDC;
}
#proje_detay #proje_irtibat_bilgileri .proje_ozellikleri{
    display:inline-block;
    float:left;
    height:30px;
    padding-left:10px;
    padding-right: 15px;
    padding-top:6px;
    padding-bottom:6px;
    font-size:14px;
    font-weight:bold;
    color:#FFF;
    background: url(../images/urun_ozellikleri_bg.png) top left no-repeat;
}

#proje_detay #proje_irtibat_bilgileri .label{
    display:inline-block;
    float:right;
    padding-left:10px;
    padding-right: 15px;
    padding-top:5px;
    padding-bottom:6px;
    font-size:14px;
    font-weight:bold;
    color:#E1E1E1;
    text-shadow:1px 1px 1px #121212;
    border-right:1px dotted #F47159;
}
#proje_detay #proje_irtibat_bilgileri .contain{
    display:inline-block;
    float:right;
    font-size:20px;
    font-weight:bold;
    color:#F9A899;
    padding-left:10px;
    padding-right: 15px;
    padding-top:5px;
    padding-bottom:2px;
    text-shadow:1px 1px 1px #212121;
}


#proje_detay #benzer_projeler{
    display:inline-block;
    float:left;
    width:718px;
    height:28px;
    margin:4px 0px 10px 0px;
    background: url(../images/bar_bg2.png) top left repeat-x;
    border-top:1px solid #DCDCDC;
    border-left:1px solid #DCDCDC;
    border-right:1px solid #DCDCDC;
}
#proje_detay #benzer_projeler h2{
    display:inline-block;
    float:left;
    height:30px;
    padding-left:10px;
    padding-right: 15px;
    padding-top:6px;
    padding-bottom:6px;
    font-size:14px;
    font-weight:bold;
    color:#FFF;
    background: url(../images/benzer_urunler.png) top left no-repeat;
}
#proje_detay .prd_box_small{
    display:inline-block;
    width:90%;
    margin-bottom:6px;
    padding-left:14px;
    background: url(../images/icons/benzer_urunler_li.png) 0px 5px no-repeat ;
}


#proje_detay .dt li{
    display:block;
    color:#676767;
    line-height:12px;    
    margin-bottom:10px;
    margin-left:10px;
    font-size:14px;
    list-style: normal !important;
}



#proje_detay h2{
    display:block;
    margin:0 0 10px 0;
    border:0px solid red;
}

#proje_detay #proje_resim_galeri{
    display:none;
}
/** E: Ürün Detay **/


/** B: Referans Detay **/
#referans_detay{
    display:inline-block;
    width:730px;
    margin:0px 10px 10px 10px;
    border:0px solid red; 
}
#referans_detay .row{
    display:inline-block;
    float:left;
    width:100%;
    margin-bottom:10px;
}
#referans_detay #img_box{
    display:block;
    float:left;
    width:150px;
    margin-right:6px;
    overflow: hidden;
}
#referans_detay #img_box img{
    border:none;
    width:140px;
    padding:4px;
    border:1px solid #DCDCDC;
}
#referans_detay #ref_details{
    display:inline-block;
    float:left;
    width:550px;
    margin-right:2px;
    border:0px solid blue;
}
#referans_detay #ref_details strong{
    display:block;
    color:#6C8426;
    margin-bottom:10px;
    font-size:14px;
}

#referans_detay #ref_details h3{
    display:block;
    color:#565656;
    margin-bottom:10px;
    font-size:14px;
}

#referans_detay #ref_details .dt{
    display:block;
    color:#676767;
    line-height:18px;    
    margin-bottom:10px;
    font-size:14px;
}

#referans_detay #ref_details .wst{
    display:block;
    color:#676767;
    line-height:18px;    
    margin-bottom:10px;
    font-size:10px;
    text-align:right;
}

#referans_detay #ref_details ul{
    display:block;
    padding:0px;
    margin:2px 16px;
    font-size:14px;
}


#referans_detay h2{
    display:block;
    margin:0 0 10px 0;
    border:0px solid red;
}
/** E: Referans Detay **/

#iletisim{
    color:#454545;
}
#iletisim .adres_satiri{
    display:inline-block;
    width:98%;
    margin:6px 2px;
    color:#565656;
}
#iletisim .adres_satiri p{
    margin-bottom:6px;    
}
#iletisim .title{
    color:#017DC4;
    font-size:14px;
    font-weight:bold;
}


.hTitle{
    margin-bottom:4px;
    font-size:16px;
    font-weight:bold;
    padding:0 0 4px 0;
    border-bottom:1px dotted #8CC53C;
    color:#639c13;
}

/**** Message Fonts ***/
._info_msg{
    color:#DC4800;
}
.sayfa_cont{
    display:inline-block;
    margin:4px 8px;
}
.spacer_div{
    height:10px;
}
.mainTitle{
    margin-bottom:10px;
}