﻿@charset "utf-8";
/*
Site URL: http://www.robivecuma.com
Date: 03/06/2013
Author: Wizard Digital
Author URL: http://www.wizard.com.tr
*/

/*----------------------------------------------*/
/* 1.1 Global Resets */
/*----------------------------------------------*/

body, html{height:100%;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;}
ol, ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}

/*----------------------------------------------*/
/* 1.2 Extra fonts */
/*----------------------------------------------*/

@font-face {
	font-family: 'Ubuntu-B';
	src: url('../fonts/Ubuntu-B.eot');
	src: local('☺'), url('../fonts/Ubuntu-B.woff') format('woff'), url('../fonts/Ubuntu-B.ttf') format('truetype'), url('../fonts/Ubuntu-B.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Ubuntu-R';
	src: url('fonts/Ubuntu-R.eot');
	src: local('☺'), url('../fonts/Ubuntu-R.woff') format('woff'), url('../fonts/Ubuntu-R.ttf') format('truetype'), url('../fonts/Ubuntu-R.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Ubuntu-L';
	src: url('fonts/Ubuntu-L.eot');
	src: local('☺'), url('../fonts/Ubuntu-L.woff') format('woff'), url('../fonts/Ubuntu-L.ttf') format('truetype'), url('../fonts/Ubuntu-L.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*----------------------------------------------*/
/* 1.3 Geraneral Style */
/*----------------------------------------------*/

html{color: #000;height:100%;margin:0;padding:0;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td{margin: 0;padding: 0;}
table{border-collapse: collapse;border-spacing: 0;}
fieldset, img{border: 0;}
address, caption, cite, code, dfn, em, var, optgroup{font-style: inherit;font-weight: inherit;}
del, ins{text-decoration: none;}
li{list-style: none;}
caption, th{text-align: left;}
h4, h5, h6{font-size: 17px;color:#355F37;text-decoration:underline;font-weight: normal;}
q:before, q:after{content: '';}
abbr, acronym{border: 0;font-variant: normal;}
sup{vertical-align: baseline;}
sub{vertical-align: baseline;}
legend{color: #000;}
input, button, textarea, select, optgroup, option{font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}
input, button, textarea, select{ *font-size:100%;}
body{margin:0;padding:0;height:100%;background:#fff;font-family:oxygen, sans-serif;position:relative;min-height:650px;font-weight:bold;font-size:14px;color:#fff;line-height:22px;}
a{outline-style:none;text-decoration:none;}
p{margin-bottom:20px;padding:0 50px;}
p a{color:#fff;font-weight:600;text-decoration:underline;}
h1, .header1{color:#663399;font-family:Tahoma;font-size:24px;margin-bottom:25px;font-weight:normal;}
h2, .header2{font-size:22px;color:#fff;margin-bottom:15px;font-weight:normal;padding:0 50px;}
h3, .header3{font-size:17px;color:#f7a418;margin-bottom:5px;font-weight:normal;padding:0 0 0 10px;}
.fl{float:left;}
.fr{float:right;}
.borNone{border:0 !important;}

/*----------------------------------------------*/
/* 1.4 Header Style */
/*----------------------------------------------*/

#header, #locations, #content, .line{width:100%;float:left;}
#wrap{position:relative;width:960px;height:650px;left:50%;top:50%;margin:-325px 0 0 -480px;overflow:hidden;}
#loader{position:fixed;z-index:99999;background:#000 url('../images/loader.gif') no-repeat center center;width:100%;height:100%;top:0;bottom:0;left:0;right:0;z-index:99999;}
.inner{width:920px;position:absolute;z-index:333;top:0;left:50%;margin:0 0 0 -460px;}
.container{width:920px;margin:0 auto;display:table;}

#home-bg, #detail-bg{position:absolute;width:100%;height:100%;left:0;bottom:0;right:0;}
#home-bg{background:url('../images/home-bg.jpg') no-repeat;}
#detail-bg{background:url('../images/detail-bg.jpg') no-repeat;}

#badge{position:absolute;left:0;top:-100%;z-index:9999;}

#header{position:absolute;z-index:8888;top:0;left:0;background:url('../images/header.png') no-repeat center 0 #fff;height:65px;}
#logo{position:absolute;left:50%;}

#social{position:absolute;right:50%;height:35px;width:100px;margin-right:-2000px;}
#social a{float:right;width:35px;height:35px;background:url('../images/social.png') no-repeat;margin:0 0 0 10px;}
#tw{background-position:right 0 !important;}
#fb:hover{background-position:0 bottom !important;}
#tw:hover{background-position:right bottom !important;}

#main-menu{width:100%;overflow:hidden;position:absolute;z-index:8888;}

#locations{text-align:center;width:910px;position:absolute;z-index:9999;right:0;}
#locations li{display:inline-block;}
#locations a{float:left;padding:0 12px;}
#locations a img{outline:none !important;-outline:none !important;}
#locations li:first-child a{float:left;}
#locations li:last-child a{float:left;}

/*----------------------------------------------*/
/* 1.5 Content Style */
/*----------------------------------------------*/

#content{padding:0;position:absolute;z-index:5555;left:0;right:0;bottom:0;top:117px;height:533px;}
#content ul{padding:0 50px;}
.scroll-bar{width:100%;padding-top:20px;}
.scrollarea{z-index:2147483647 !important;right:9px !important;display:none !important;}
.scrollbar{background:#1c1c1c !important;width:7px !important;cursor:pointer !important;}

.outer{position:relative;width:100%;float:left;margin:0 0 20px;}
#gyurt-left, #gyurt-right{position:relative;}
#gyurt-left{float:left;width:620px;}

#gyurt-right{float:right;width:290px;}
#g-yurt-social{width:229px;height:117px;float:right;background:url('../images/g-yurt-social.png') no-repeat;margin:0 5px 20px 0;}
#g-yurt-social a{width:47px;height:47px;background:url('../images/g-yurt-social-icon.png') no-repeat;}
.tw{background-position:-47px 0 !important;float:right;margin:20px 55px 0 0;}
.fb{float:left;margin:20px 0 0 62px;}
.tw:hover{background-position:-47px bottom !important;}
.fb:hover{background-position:0 bottom !important;}
#gyurt-right img{float:right;}

#popup{position:fixed;z-index:999999991;width:100%;height:100%;top:0;left:0;bottom:0;right:0;background:url('../images/popup-bg.png');display:none;}
#popup-main{width:731px;z-index:999999999;height:795px;position:fixed;top:-100%;left:50%;margin:-300px 0 0 -366px;background:url('../images/lansman.jpg') no-repeat;}
#close{right:-20px;top:-22px;width:44px;height:43px;cursor:pointer;position:absolute;background:url('../images/close.png') no-repeat;}

#robi, #cuma{position:absolute;}
#robi{left:0;margin-left:-300px;}
#cuma{right:0;margin-right:-300px;}
	
#books{float:left;width:100%;padding:0 !important;}
#books li{padding:15px 10px 50px 10px;float:left;width:280px;height:270px;}
#books a{float:left;width:100%;height:100%;text-align:center;}

#book-left{float:left;width:350px;margin:0 0 0 30px;}
#image{position:relative;padding:0 48px 25px;width:212px;float:left;}
#paper{position:absolute;bottom:0;width:303px;height:75px;left:0;background:url('../images/safe-sale.png') no-repeat;}

#shops{float:left;padding:20px 35px 20px 46px;}
#shops li, #shops a, #shops img{float:left;width:107px;height:86px;}

#book-right{float:right;Width:501px;margin:0 30px 0 0;}

#products{width:920px;float:left;text-align:center;overflow:hidden;padding:0 !important;}
#products li{float:left;width:440px;height:181px;padding:10px;}
#products a{float:left;width:100%;display:table-cell;line-height:181px;}
#products img{max-width:440px;max-height:181px;vertical-align:middle;}
#sinemaFilm {    width: 830px;
    box-sizing: border-box;
    margin: 0 auto;
    text-align:center;
}
    #sinemaFilm img { height: 315px;
    margin: 0px 0px 0px 9px;
    }
#sinemaFilm a .imdb{ height:60px; margin:10px; cursor:pointer;}
#wizardLogo {
        width: 46px;
    height: 15px;
    display: block;
    position:absolute;
    right:40px;
    bottom:5px;
    margin: 10px 20px;
    text-indent: -9999px;
    background-image: url('../images/wizard.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}
#wizardLogo:hover {    background-position: 0 -15px;
}
.sinema-film {    position: relative;
    top: 1px;

}
/*#products{width:920px;float:left;text-align:center;overflow:hidden;padding:0 !important;}
#products li{float:left;width:185px;padding:10px 22px 10px 23px;background:url('../images/product-bg.png') no-repeat center 10px;}
#products a{float:left;width:100%;}
#products .img{float:left;display:table;width:100%;height:140px;padding:10px 0 5px;}
#products.detail .img{height:165px;padding:10px 0 5px;}
#products .img-inner{display:table-cell;vertical-align:middle;}
#products img{max-width:185px;max-height:140px;vertical-align:middle;}
#products span{float:left;width:100%;color:#0a212b;line-height:26px;}
.buy-btn{background:url('../images/buy-btn.png') no-repeat center bottom;height:38px;margin:40px 0 0;}
.detail .buy-btn{margin:15px 0 0;}
.buy-btn:hover{background:url('../images/buy-btn-hover.png') no-repeat center bottom;}*/

#download{background:url('../images/download-bg.png') no-repeat center 0;float:left;width:820px;height:364px;position:relative;padding:0 50px;}
#download a{background:url('../images/download-btn.png') no-repeat center 0;width:205px;height:39px;position:absolute;left:50%;margin:0 0 0 -102px;bottom:0;}
#download a:hover{background:url('../images/download-btn-hover.png') no-repeat center 0;}

#contact-left{width:296px;height:344px;float:left;margin:0 0 0 50px;background:url('../images/contact-left.png') no-repeat;padding:170px 0px 0px 65px;}
#contact-left a{width:217px;height:40px;float:left;margin:0 0 5px;padding:0 7px 0 0;background:url('../images/contact-social.png') no-repeat 0 bottom;color:#27231b;line-height:40px;color:#27231b;font-size:12px;font-weight:300;}
#contact-left a img.fr{padding:9px 0;}
#contact-left a img.fl{padding:0 10px 0 0;}
#contact-left a:hover{background-position:0 0 !important;color:#fff;}
#contact-left a.tw{background-position:0 bottom !important;}
#contact-left a.tw:hover{background-position:0 0 !important;}
#contact-left p{font-size:20px;color:#0a0b0c;float:left;width:100%;font-weight:300;}
#contact-left p span{color:#07425d;display:block;}

#contact-right{float:right;width:454px;padding:60px 0 0;}
input[type="text"], textarea{float:left;width:360px;border:0;padding:10px 20px 20px 15px;font-size:18px;color:#07425d;font-weight:normal;}
input[type="text"]{height:19px;background:url('../images/inputtext.png') no-repeat;}
textarea{height:210px;background:url('../images/textarea.png') no-repeat;}

#mail-msg{position:absolute;height:100px;line-height:100px;width:100%;text-align:center;color:#fff;top:50%;margin:-50px 0 0;font-size:40px;}

/*----------------------------------------------*/
/* 1.7 Responsive Style */
/*----------------------------------------------*/

#badge{width:198px;height:161px;background:url('../images/1600/badge.png') no-repeat;}

#header{height:65px;}
#logo img, #logo, #logo a{width:471px;height:49px;}
#logo{margin:0 0 0 -235px;top:-53px;background:url('../images/1600/logo.png') no-repeat;}

#social{padding:15px 0;}
	
#main-menu{height:51px;top:65px;background:url('../images/menu.jpg') no-repeat center 0;left:-960px;}

#locations{height:51px;top:65px;}
#locations li{height:51px;}
#locations a{height:51px;padding:0 2px;}
#locations .home img{padding:11px 0 0;}
#locations .g-yurt img{padding:11px 0 0;}
#locations .about-us img{padding:11px 0 0;}
#locations .books img{padding:5px 0 0;}
#locations .products img{padding:6px 0 0;}
#locations .download img{padding:6px 0 0;}
#locations .contact-us img{padding:5px 0 0;}

#robi, #cuma{bottom:0;}