 @import url(/fonts_googleapis_com/css/index.html);

@import url(/fonts_googleapis_com/css/index.html);

html{
background:#fff;
}

body{
width:100%;
height:100%;
background:#fff url(/MediaLibrary/11694/tema/bg.jpg) repeat-x left top;
color:#fff;
overflow-x:hidden;
font-family:"Ubuntu","sans-serif";
}            
.container{margin:0px auto; width:960px}
div.header {
clear:Both;
position:absolute;
top:6px;left:0;
width:100%;
display:inline-block;
}                                                                           
h4{
color:#44260C;
padding:0 15px;
}
h5{
color:#44260C;
padding:5px;
line-height:18px;
border-bottom:1px solid #44260c;
}
p{
padding:5px;
font-size:13px;
}
a.highslide-credits{display:none !important;}
a.lb-next,a.lb-prev{
cursor:pointer;
}
#map_canvas{
border:0 !important;
}
div.header div.phone-mail{float:left;width:45% clear:both;}  
                                                                            div.header div.phone-mail span.phone{ 
background:transparent url(/MediaLibrary/11694/tema/icn-phone-mail.png) no-repeat left 1px;
clear:Both;
padding:0 20px;
font-family:"Ubuntu","sans-serif";
font-weight:300;
font-size:13px;
float:left;
}   

div.header div.phone-mail a.mail{ 
background:transparent url(/MediaLibrary/11694/tema/icn-phone-mail.png) no-repeat left -26px;
padding:0 23px;
font-family:"Ubuntu","sans-serif";
font-weight:300;
font-size:13px;
float:left;
color:#fff;
}                                                                           div.header div.phone-mail a.mail:hover{
text-decoration:underline; }                                                                           

div.header div.social{
float:right;
width:45%;
}     
     
div.header div.social a{ float:right; width:19px; height:19px;
no-repeat 7px 2px;
margin:0 2px;
color:#fff;
}                                                                               
div.header div.social a:hover{color:#44260c;}                                                     

.Genis_frame{
margin-top:7px;
background:none;
padding:0;
position:relative;
left:0;
}

ul#ust_menu{float:right;}                 
.menulist li b,.menulist li s,.MenuTepe,.MenuBitir{display:none}

.menulist li{
padding:0px 8px;
}
.menulist li a{
border:0px;
color:#44260c;
font-size:15px;
background:none;
font-family:"Ubuntu";
text-transform:Uppercase;
padding:5px 8px 8px 8px;
}

.menulist li li a{border:none;backgrounD:#44260c; color:#fff;}

.menulist li li a:hover{background:#fff; color:#44260c}
.menulist a.highlighted{background:none;}
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus{
border-radius:8px;
backgrounD:#44260c;
padding:5px 8px 8px 8px;
color:#fff;
}

#Menuicerik16,#Menuicerik19,#Menuicerik20,#Menuicerik21,#Menuicerik23,#Menuicerik1,#Menuicerik22,#Menuicerik24,#Menuicerik25{
border:none;
margin-left:-50.2%;
width:1920px;
}

div.mc-caption-bg, #slider > a.imgLink{
display:none !important;
}

div.mc-caption-bg2{
margin: 0 auto !important;
    position: relative !important;
    top: 70%;
    width: 960px !important;
    z-index: 9999;
text-align:right;
}

div.mc-caption {
    background-color: rgba(68, 38, 12, 0.8);
    display: inline;
    font-family: "Ubuntu" !important;
    font-size: 26px !important;
    font-weight: 300 !important;
    line-height: 40px !important;
    padding: 20px !important;
    color:#fff !important;
    text-align: left !important;
}

div.navBulletsWrapper{
  bottom: 30px;
    left: auto !important;
    margin: 0 auto;
    position: absolute !important;
    right: 30% !important;
    top: auto !important;
}

div.navBulletsWrapper div{
background:url("/MediaLibrary/11694/tema/bullet.png") no-repeat 0 0 !important;
margin-right:8px !important;
height:14px !important;
width:14px !important;
}
div.navBulletsWrapper div.active{
background-position: 0 -23px !important;
}

.banner-bottom{
background:#1d1005;
height:100px;
}                                                                           
.banner-bottom h2 {float:left; clear:both; width:22%;
font-size:38px;
line-height:100px;
color:#fff;
font-weight:300;
font-family:"Ubuntu";
}

.banner-bottom p{   color: #fff;
    float: left;
    font-size: 13px;
    line-height: 18px;
    padding-top: 15px;
    width: 47%;}
.banner-bottom a{float:left; width:21px; height:39px; background:url("/MediaLibrary/11694/tema/lnk-banner-bottom.png") no-repeat center -52px;
margin:32px 0px 0px 8px;
position:relative;
z-index:24;
}
.banner-bottom a:hover{background-position:center top;}                                        
.banner-bottom img{ float: right;
    margin-top: -20px;
    position: absolute;
    right: -60px;
z-index:23;}       

div.pane{
background:#44260c;
display:inline-block;
width:100%;
border-bottom:10px solid #c19253;
padding:25px 0;
}                                                                                                                                                       div.pane img.makina{float:left;
margin:0 10px 0 0;
} 
div.pane img{
margin:0 0px 10px 10px;
} 

div.pane p{
color:#fff;
padding:8px;
}         

div.pane a{ float:right;
color:rgba(255,255,255,.3);
margin:25px 20px 0 0;
font-size:13px;
background:url("/MediaLibrary/11694/tema/lnk.png") no-repeat right 6px;
padding-right:13px;
}    

div.pane a:hover{color:rgba(255,255,255,.8);
background-position:right -8px
}                                                                                                                                                       div.content-pane{
background:#fff;
display:inline-block;
width:100%;
padding:25px 0;
}

div.content-pane div.desc-1{ 
border-bottom:1px dashed #c0c0c0; 
display:inline-block;
padding:5px 0 70px 0;
}    

div.content-pane div.desc-1 > p{
padding:8px 0;
color:#44260c;
line-height:18px;
}    

div.content-pane div.desc-1 > p.p-1{
padding-top:20px;
width:960px;
}                                                             div.content-pane div.desc-1 > img{
float:right; 
margin-left:8px; }                                                                                   
div.content-pane div.desc-1 > a{
    border-bottom: 5px solid #1c0f04;
    border-radius: 20px;
    color: #fff;
    font-size: 17px;
    padding:15px 30px 15px 15px;
    margin-right: 10%;
background: #44260c url("/MediaLibrary/11694/tema/lnk-2.png") no-repeat 91% center;
float:right;
transition:all linear .2s;
margin-top:25px;
}                                                                             div.content-pane div.desc-1 > a:hover{background: #9c571c url("/MediaLibrary/11694/tema/lnk-2.png") no-repeat 91% center;}            
                                                                            div.content-pane div.desc-2 {position:relative; margin-top:-65px;}                                                                 div.content-pane div.desc-2>img.img-3{float:left; padding-top:20px;}
div.content-pane div.desc-2>img.img-2{float:right;}                                                             div.content-pane div.desc-2 > p{
padding-top:100px;color:#44260c;
line-height:18px;
}                                                                                       

div.video-pane{clear:both;
background-color:#1b1b1b; 
padding:20px 0;
width:100%;
display:inline-block;
}    

#Menuicerik20{
background: #fff url("/MediaLibrary/11694/tema/footer-top.png") repeat-x bottom left;
}

div.footer-top{clear:both;

display:inline-block;
width:100%;
}   

div.footer-top div.desc{ padding:25px 10px 10px 10px;float:left; width:68%;} 

div.footer-top div.begen{ float:left; width:29%;
 
}     
                                                                 div.footer-top div.desc p{ 
padding-top:20px;color:#44260c;
line-height:18px;}    
.begen > iframe {background:#fff;
    display: flex;
    padding: 5px 0 0;
    position: absolute;}

div.footer-top div.desc > a{
    border-bottom: 5px solid #1c0f04;
    border-radius: 20px;
    color: #fff;
    font-size: 17px;
    padding:15px 30px 15px 15px;
    margin-right: 10%;
background: #44260c url("/MediaLibrary/11694/tema/lnk-2.png") no-repeat 91% center;
float:right;
transition:all linear .2s;
margin-top:25px;
}                                                                             div.footer-top div.desc > a:hover{background: #9c571c url("/MediaLibrary/11694/tema/lnk-2.png") no-repeat 91% center;}   

div#foot{display:none;}

#Menuicerik21{
background:#221205;
}

div.footer{
display:inline-block;
width:100%;
color:rgba(255,255,255,.3);
line-height:18px;
padding:20px;
}     

div.footer div.left{float:left; width:60%; }
div.footer div.right{float:right; width:40%; text-align:right; }
div.footer div.left div.logo{float:left;}
div.footer div.left span.fax{margin-left:20px;}
div.footer div.left span{clear:Both}
div.footer p { color:rgba(255,255,255,.3);
float:left;line-height:21px; padding:18px 0 0 25px;
}
div.footer a{ color:rgba(255,255,255,.3);}
div.footer a:hover{ color:rgba(255,255,255,.8);}
div.footer div.right img{padding:25px 20px 0 0; }
                                                                            
#vvitrinVideo{float:left; width:68%;}
#vvitrinVideolar{
float:right;
width:32%;

}      
#vvitrinVideolar a {float:left; margin:5px;
position:relative;
}                 
#vvitrinVideolar a > span {
    background:rgba(0,0,0,.5) url("/MediaLibrary/11694/tema/play.png") no-repeat scroll center center;
    height: 100%;
    left: 0;
    line-height: 32px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
    z-index: 32;
}
#vvitrinVideolar a:hover > span {
    opacity: 1;
    transition: all 0.3s ease-in-out 0s;
}


                                               #vvitrinVideolar img{ width:130px;
height:100px;} 

.fotolarvereferanslar{
clear:both;
padding-top:100px;
display:block;
}

.fotolarvereferanslar img.kave{
float:left;
position:relative;
bottom:52px;
left:-20px;
}

#FooterFotolar img{float:left;
height:100px;
width:125px;
margin:4px;
}    
#FooterFotolar{
float:left;
padding-bottom:11px;
} 

#FooterFotolar a:hover{
opacity:.8;
}

#FooterFotoBaslik .baslik {
font-size: 40px;
    letter-spacing: -3px;
    line-height: 70px;
color:#fff;
font-family:"Ubuntu";
}     

#FooterFotoBaslik .baslik a{ 
  color: rgba(255, 255, 255, 0.3);
    float: right;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 25px;
    padding: 30px 25px 0 0;
}    
#FooterFotoBaslik .baslik a:hover{ 
 color: rgba(255, 255, 255, 0.8);}     

.referanslar{
float:right;
width:262px; 
height:176px;
background:url("/MediaLibrary/11694/tema/referanslar.png") no-repeat right 7px;
position:relative;
top:27px;
}                                                                           
.referanslar a {
color:#fff;
font-size:15px;
position:absolute;
bottom:33px;
right:15px;
}       
.referanslar a:hover {
color:rgba(255,255,255,.4)
}                                                                                                                                                       .MenuicerikCCSIZ,#Menuicerik24{
border-top:4px solid #c19253 !important;
padding:10px;
margin-top:10px;
font-family:"Ubuntu";
}                                                                                  
.MenuicerikCCSIZ p {color:#44260c;
line-height:20px;
font-size:13px;
}   

.aciklamasi > p { display:none;}   

.kahve-makinasi{ display:inline-block; width:100%;}   

#genelform_area{
width:960px; margin:0px auto;
}  

.adres{
padding:15px;}

.adres h2{ line-height:48px; color:#44260C;
font-size:20px;
}       

.adres > p { font-size:14px;}   

#genelform_area p,
#genelform_area td { color:#494949;
line-height:18x;
}  
#genelform_area td {
   line-height: 26px;
    padding: 5px 10px;
}                                                                           

#genelform_area td > input{
width:200px;
border: 1px solid #ccc;
    padding: 4px;
    width: 200px;
}                                                                                                     

#genelform_area td > textarea{
width:200px;
border: 1px solid #ccc;
    padding: 4px;
    width: 200px;
}        

#genelform_area td > input[type="button"]{
background:#44260C;
color:#fff;
font-size:13px;
border-bottom:2px solid #C29254;
padding:8px 15px;
border-left:1px solid #44260C;border-right:1px solid #44260C;border-top:1px solid #44260C;
cursor:pointer;
transition:all linear .3s;
text-transform:Uppercase;
width:auto;
margin-right:25%;
}
#genelform_area td > input[type="button"]:hover{
background:#C29254;
border-left:1px solid #C29254;border-right:1px solid #C29254;border-top:1px solid #C29254;
}

.kahve-makinasi img{
margin-right:15px;
}
.kahve-makinasi p:first-child{padding-top:10px}
                                                                                                                                                        
#slider {
  box-shadow: none !important;
}
                                                

#Menuicerik25 {
  margin-bottom: -6px;
  padding: 0;
}

                        
#Menuicerik20 {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none !important;
  height: 260px;
}                    

#Menuicerik20 .desc {
  padding-top: 0;
}

div.footer-top div.desc p {
  color: #44260c;
  line-height: 18px;
  padding-bottom: 20px;
  padding-top: 0;
}

.fotolarvereferanslar {
  clear: both;
  display: block;
  padding-top: 0;
}

#Menuicerik26 {
  border: medium none !important;
  margin: 0;
  padding: 0;
}

.fotolarvereferanslar {
  background: none repeat scroll 0 0 #44260c;
  clear: both;
  display: block;
  height: 202px;
  margin: auto;
  padding-top: 0;
  width: 960px;
}

#Menuicerik26 {
  background: none repeat scroll 0 0 #44260c;
  display: block;
  margin-left: -480px;
  width: 1920px;
}                        

.begen > iframe {
  background: none repeat scroll 0 0 #fff;
  display: flex;
  height: 220px !important;
  padding: 5px 0 0;
  position: absolute;
}

#Menuicerik26 {
  background: none repeat scroll 0 0 #44260c;
  border-top: 13px solid #c19253 !important;
  display: block;
  margin-left: -480px;
  width: 1920px;
}                        

.fotolarvereferanslar img.kave {
  bottom: 52px;
  float: left;
  left: -20px;
  position: relative;
  top: -34px;
}

                                                                                                                                                                                                                                                                                                

#vvitrinVideolar {
  display: none;
}
#vvitrinVideo {
  float: none;
  width: 100%;
}

#vvitrinVideo > iframe {
  width: 100%;
}                        

#Menuicerik23 > div {
  margin: auto;
  width: 960px;
}

#Menuicerik23 img {
  height: 219px;
  margin: 11px;
  width: auto;
}

                        

#Menuicerik23 img#full {
  float: right;
  height: 496px !important;
  width: 450px !important;
}

                        

.left > p#yasaluyari {
  color: #C19253;
  width: 916px !important;
}



