/*************************
    	APPLE CSS 
		(c) 2009
**************************/

/***** Remove padding and other settings for browser variants *****/
body, ul, ol, li, p, blockquote, q, h1, h2, h3, h4, h5, h6, form, a, div, img {margin: 0; padding: 0; border: 0;}
img {display: block}


/***** Body styles *****/
body {background: #f1f1f1; color: #000; font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 100%; margin: 0 auto; width: 952px;}

a {color: #64a73b; font-weight: bold; text-decoration: none;}
a:active {color: #64a73b;}
a:visited {color: #64a73b;}
a:hover {color: #64a73b;}

h1 {padding: 8px 0 7px 54px; color: #6db33f;} 
h2 {font-size: 0.9em; color: #6db33f; font-weight: bold; font-family: Arial, Verdana, Tahoma, sans-serif;}
h3 {font-size: 0.9em; color: #fff; font-weight: bold; font-family: Arial, Verdana, Tahoma, sans-serif; padding: 0 18px; margin-bottom: 5px;}

p {font-size: 0.7em; color: #6f6f6f; line-height: 160%; padding: 0 70px 45px 39px;}

.margin-bottom { margin-bottom: 10px; }
.noBg { background: none !important; }
/***** Header *****/
#header p {padding: 14px 0;}


/***** Content DIVs *****/
#container { padding-top: 20px; position: relative; }
#content   { background: #fff; text-align: left; padding: 0 0 20px 0; border: 1px solid #c2c2c2; min-height: 1000px; height: auto !important; height: 1000px; overflow: visible;} /**/

.content { margin-bottom: 20px; clear: left; }
#columns { margin-bottom: 20px; clear: left; background: url(../images/right_col_bg.gif) 665px 1px repeat-y;}

#left_column_intro {width: 850px; float: left; margin-bottom: 25px; }
#left_column_intro p {font-size: 1em; line-height: 140%; padding: 0 100px 0 54px; font-weight:bold;}
#right_column_intro {width: 240px; float: left;}

#curved_box {background: #f1f1f1; padding: 0;}
#curved_box p {font-size: 0.8em; padding: 0 28px 2px 28px; text-align: center; line-height: 140%;}
#curved_box img {padding: 21px 0 5px 0;}
#curved_box .top {background: url(../images/curved_box_top.gif) left top no-repeat;}
#curved_box .bottom {background: url(../images/curved_box_bottom.gif) left bottom no-repeat; height: 13px;}

#shadow {clear: left; background: url(../images/shadow.jpg) left 26px no-repeat; height: 53px; }

#left_column {width: 665px; float: left;}

#left_column .mac_screenshot {clear: left; background: url(../images/screenshot_separator.gif) 39px bottom no-repeat;}
#left_column .last { background: none; }
#left_column .mac_screenshot_left {width: 255px; float: left;}
#left_column .mac_screenshot_left p {padding: 29px 0 30px 39px;}
#left_column .last .mac_screenshot_left p {padding-bottom: 0;}
#left_column .mac_screenshot_right {width: 378px; float: left;}
#left_column .mac_screenshot_right h2 {padding: 29px 0 5px 24px;}
#left_column .mac_screenshot_right h2.one {padding-top: 34px;}
#left_column .mac_screenshot_right h2.two {padding-top: 36px;}
#left_column .mac_screenshot_right h2.three {padding-top: 38px;}
#left_column .mac_screenshot_right p {padding: 0 20px 25px 24px; font-size: 80%;}
#left_column .last .mac_screenshot_right p {padding-bottom: 0;}
#left_column .mac_screenshot img {padding: 0;}

#left_column .mac_screenshot.first p {
  font-size: 90%; font-weight: bold;
}
#left_column .mac_screenshot.first p.small {
  font-size: 80%;
}
#left_column .mac_screenshot.first p strong {
  font-size: 120%; color: #6db33f; font-weight: bold;
}
#left_column .mac_screenshot.first p span {
  display: block; font-size: 70%; color: #6db33f; margin-bottom: 5px; line-height: 140%;
}

#right_column {width: 240px; float: left; padding: 20px 0 0 0;}
#right_column p {color: #fff; padding: 0 18px 15px 18px;}
#right_column ul {color: #fff; }
#right_column li {padding: 0 0 15px 0;}
#right_column .apr_name {font-size: 1.2em; font-weight: bold;}
#right_column p.button {padding-top: 5px; margin-bottom: 20px;}
#right_column p.button a {padding: 3px 26px 3px 7px; font-family: Arial, Verdana, Tahoma, sans-serif; border: 1px solid #fff; background: #fff url(../images/button_bg.gif) center right no-repeat; display: block; width: 83%;}

#right_column iframe {border: 1px solid #fff; margin: 0 0 0 18px;}
#right_column p.google_map_link a { text-align: right; padding-bottom: 4px; padding-right: 16px; color: #fff; font-weight: normal; text-decoration: underline;}


/***** Footer *****/
#footer {clear: left; text-align: center; padding: 20px 0 30px;}
#footer p {color: #999; padding: 10px 20px 15px; font-size: 0.6em; float: left; }


/***** Misc *****/
.float_left {float: left;}
.float_right {float: right;}
.clear {clear: both; height: 0; font-size: 0;}
.clear_left {clear: left;}
.hide {display: none;}

h2.shopsList {
  margin: 0 0 10px 10px;
  color: #fff;
  font-size: 1.2em;
}
ul.shopsList {
  margin: 0 10px;
}
.shopsList li {
  margin: 0; padding: 0;
  list-style: none;
  font-size: .7em;
}
.shopsList li strong {
  display: block;
}
.shopsList li a {
  color: #fff;
}


.apcom { float: left; margin: 0 30px 0 40px; }
.apple { float: right; margin-right: 40px;}

/***** main-menu *****/
.main-menu {
  position: absolute; top: 20px; right: 0;
  clear: both;
}
.main-menu ul {
  float: right;
  margin: 0 40px; padding: 20px 0 0;
}
.main-menu li {
  display: block; 
  float: left; 
  margin: 0 0 0 30px;
  padding: 5px 10px;
  list-style: none;
}
.main-menu li a {
  font-size: .9em; font-weight: normal;
  color: #999;
}
.main-menu li a:hover  { color: #333; }

.main-menu li.active   { background: #64a73b; }
.main-menu li.active a { color: #fff; }


/***** FAQ *****/
.faq {
  margin: 0;
  width: 588px;
  clear: left; background: url(../images/screenshot_separator.gif) 39px bottom no-repeat;
}
.faq p {
  padding: 0 20px 20px 55px; font-size: 80%;
}
.faq h2{
  padding: 29px 0 5px 55px;
}
.faq h2 span {
  font-weight: normal;
}
.faq ul {
  padding-bottom: 20px; 
}
.faq ul li{
  font-size: 80%; color: #6f6f6f; line-height: 160%; margin: 0 0 0 80px;
}
.faq img.fl {
  margin: 0 5px 5px 0;
}
.faq img.fr {
  margin: 0 0 5px 5px;
}

.tabSpec {
  margin: 20px 0 20px 40px;
  border-collapse: collapse;
}

.tabSpec th {
  padding: 5px 20px;
  font-size: .8em;
  text-align: center;
}

.tabSpec td {
  padding: 8px 20px;
  font-size: .8em;
  border: 1px solid #efefef;
}

.tabSpec .even td {
  background: #eee;
}

h2.title {
  font-size: 1.2em; margin: 20px 0 10px 55px;
}

.faq h2.title {
  margin-left: 0;
}

.fr { float: right; }

/* Tutorial Videos */
.tutorial { width: 485px; overflow: auto; padding-top: 10px; margin-left: 55px; }
.tutorial img { float: left; margin: 0 0 15px 0; }
.tutorial p.next { float: left; margin: 0 !important; padding: 32px 0 0 15px; }
.tutorial p a.learn-more { text-decoration: none; }
.tutorial p a.learn-more:hover { text-decoration: underline; }


/* -- Overlay vrstva -- */
#overlay { display: none;}

.lightbox { color: #2C2B29; left: 50%; position: fixed; top: 30%; z-index: 102;
  width: 400px; /* vychozi sirka */
  margin-left: -200px; /* vychozi sirka/2 */
}
.lightbox a.close { background: url(../images/overlay-close.gif) 0 0 no-repeat; display: block; height: 19px; position: absolute; right: 15px; top: 5px; width: 19px;}
.lightbox a.close:hover { background-position: 0 100%;}
.lightbox .top, .lightbox .bottom { background: url(../images/overlay-corners.png) 0 0 no-repeat; height: 9px; margin-right: 9px;}
.lightbox .bottom { background-position: 0 100%;}
.lightbox .top b, .lightbox .bottom b { background: url(../images/overlay-corners.png) 100% 0 no-repeat; display: block; height: 9px; position: absolute; right: 0; top: 0; width: 9px;}
.lightbox .bottom b { background-position: 100% 100%; top: auto; bottom: 0;}
.lightbox .inside { background: #fff; padding: 15px 30px 0; overflow: auto; position: relative; }
.lightbox .overflow { height: 100%; overflow: auto; padding-right: 10px;}
.lightbox_overlay { position: fixed; z-index: 100; top: 0; left: 0; height: 100%; width: 100%; background-color: #000; filter: alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60;}

#preview {
  padding-bottom: 0 !important; padding-top: 10px;
}