@import url("reset.css");
html {height: 100%; background:#fff url(../i/bgmain.jpg) repeat-x 0 0; width:100%}
body {
  height: auto !important;
  height: 100%;
  min-height: 100%;
  position: relative;
}

#zinio_head{
	background:#506E8A url(/i/bg_main.jpg) repeat-x 0 0;
}

body {
 font:62.5% Arial, Tahoma,  sans-serif; color:#1e184a;  width:100%; position:relative;
 }
a:link { color: #90a7bc;}
a:visited { color:#90a7bc;}
a:hover { color: #90a7bc; text-decoration:underline}
a:active { color:#90a7bc;}
a {text-decoration:none}

.fr{float:right}
.fl{float:left}
 .clb{clear:both}
 ///*
 .fs12{font-size: 1.2em}
 .fs16{font-size: 1.6em}
 .fs24{font-size: 2.4em}
 .fs26{font-size: 2.6em}
 .fs36{font-size: 3.6em}
 //*/
 .mt35{margin-top:35px}

 /*---------*/
 #header { height:90px; position:relative; width:970px;  margin:0 auto}
 img.imsm {position:absolute; top:29px; left:33px}
 img.zinio {position:absolute; top:34px; right:0}
 .lang {width:100px; height:20px; position:absolute; top:5px; right:140px;}
  .lang a {padding-left:4px; padding-right:8px}
  .lang img {margin-top:2px}
 #main.index {position:relative; background: url(../i/bgcontent.jpg) repeat-x 0 0; padding-bottom:100px}
 #main {position:relative; background: url(../i/bgmain1.jpg) repeat-x 0 0; padding-bottom:100px}
 .flash {width:100%;  background:#0f273c url(../i/bgflash.jpg) repeat-x 0 0; height:215px;}
 .wrap {position:relative; width:970px; margin:0 auto}
 #navigation {width:245px; height:50px; background: url(../i/li.jpg) no-repeat 0 0; position:absolute; bottom:0; left:346px;}
 #navigation ul {list-style-type:none; float:left;}
  #navigation li {list-style-type:none; float:left; font-size: 1.6em; padding:3px 17px; margin:0; min-width:70px; text-align:center; background: url(../i/li.jpg) no-repeat 100% 0;  height:50px; }
  #navigation li a,   #navigation li a:link,   #navigation li a:visited,   #navigation li a:hover,   #navigation li a:active {text-decoration:none; color:#6887a3; z-index:1000; position:relative;}
   #navigation li.last {background: url(../i/navlast.jpg) no-repeat 100% 0;}

   form.search {width:280px; height:60px; background: url(../i/li.jpg) no-repeat 100% 100%; position:absolute; bottom:0; right:108px;}
   input.search {width:187px; height:26px; margin-top:10px; margin-left:25px; background: url(../i/bginput.jpg) no-repeat 0 0; border:0; float:left; text-align:center; font-size: 1.2em; padding:5px 0 0 0}
   input.search-button {margin-top:10px;  float:left}

 #content { position:relative; width:970px;  margin:0 auto; padding-top:20px; clear:both}
  .nav {width:220px; background: url(../i/bgnav.jpg) repeat-y 0 0; float:left}
  .nav ul {width:220px; background:transparent url(../i/nav-bottom.jpg) no-repeat 0 100%; padding-bottom:10px}
  .nav li {height:24px; line-height:24px; padding-left:20px; font-size: 1.3em}
  .nav li.active {height:26px; line-height:26px; padding-left:20px; font-size: 1.3em; background:transparent url(../i/nav-active.jpg) no-repeat 5px 0;}
   .nav li a {color:#1e184a}
   .nav li.active a {color:#6887a3; text-decoration: underline}
   .nav li.active a:hover {color:#6887a3; text-decoration: none}
  .nav h2{height:40px; background: url(../i/title.jpg) no-repeat 0 0; font-size: 1.6em; color:#fff; padding-left:20px; line-height: 40px}

  .content {width:490px; position:relative; float:left; margin-left:20px;}
  .content h2 {font-size: 2.2em; color:#5f7e9a; font-weight: normal}
  .content h3 {font-size: 2.2em; color:#5f7e9a; font-weight: normal; border-bottom:1px solid #d2dbe3}
  .theme, .popular {background: url(../i/bgcenter.jpg) repeat-y 0 0;}
  .theme h2, .popular h2 {height:40px; background: url(../i/title-content.jpg) no-repeat 0 0; font-size: 1.6em; color:#5f7e9a; padding-left:20px; line-height: 40px}
  .theme p {padding:0 20px 4px 20px; text-align:center}
  .theme span, .popular span {display:block; height:10px; background: url(../i/bg-cb.jpg) no-repeat 0 0;}
  .popular {margin-top:20px}
  .popular ul {font-size: 1.3em; margin: 10px 20px}
  .popular li {padding:5px 0}
   .popular li a, .popular li a:link, .popular li a:visited, .popular li a:hover, .popular li a:active {color:#1e184a}
   .popular li.active a, .popular li.active a:link, .popular li.active a:visited,  .popular li.active a:active {color:#6887a3; text-decoration:underline}
   .popular li.active a:hover {color:#6887a3; text-decoration:none}
  .ml30 {margin-left:20px}


.basket, .download {width:220px; margin-left:750px;}
.basket {width:220px; background: url(../i/bgnav.jpg) repeat-y 0 0;}
 .basket h2{height:40px; background: url(../i/title-basket.jpg) no-repeat 0 0; font-size: 1.6em; color:#5f7e9a; padding-left:20px; line-height: 40px}
 .basket h2 a {font-size: .75em; color:#5f7e9a; margin-left:55px; text-decoration:underline}
 .basket form {background:transparent url(../i/nav-bottom.jpg) no-repeat 0 100%;}
  .basket fieldset {margin: 0 10px 5px 20px; padding-bottom:20px}
  .basket input {border:1px solid #c4c6c9; width:130px; margin:5px 0;}
  .basket label {font-size: 1.2em; color:#000; width:50px; }
 .pr12 {padding-right:12px}
  input.enter {border:0; width:77px; height:20px; margin-left:47px}
  .basket fieldset a {font-size: 1.2em; margin-left:50px}
  .download {height:150px; background:transparent url(../i/bgdown.jpg) no-repeat 0 0; margin-top:17px}
  .download a {color:#fff; font-size: 1.2em;}
  .download ul {margin-left:50px; padding-top:50px}
  li.mac {padding-top:9px}
  li.iphone {padding-top:10px}
   .download span {color:#fff; font-size:1.1em; display:block; margin:10px 0 0 20px;}
   .download span a {font-size: .92em; padding:0 5px}

 .basket p {color:#000; font-size: 1.2em; padding:10px 20px}
  #footer {width:100%; height:96px; background: url(../i/bgfooter.jpg) repeat-x 0 0; bottom:0; position:absolute; bottom:0; width:100%;}
  .copyright {position:relative; width:970px; margin:0 auto; font-size: 1.2em; color:#666; padding-top: 40px}
   .copyright ul {list-style-type:none;  overflow:hidden; width:560px}
   .copyright li {margin-left:-1px; padding:0 5px; list-style-type:none; float:left; border-left:1px solid #666; color:#666; font-size: 1.0em}
 .copyright li a  {color:#666}
 .subscribe {width:220px; position:absolute; right:0; top:25px}
 .subscribe  input.input {float:left; border:0; height:24px; width:167px; padding:5px 5px 0 0; text-align:center; font-size:1.1em; background:transparent url(../i/subscribe.jpg) no-repeat 0 0;}
  .subscribe h2 {color:#fff; padding-bottom:8px}

  .sort {height:38px; background:transparent url(../i/sort.gif) no-repeat 0 0; clear:both; position:relative; margin-top:10px}
  .sort form {padding:9px; width:200px;}
  .sort label {font-size: 1.2em}
  .sort select {font-size: 1.2em; border:1px solid #999; width:100px}
  .sort ul {position:absolute; right:10px; top:10px}
  .sort li {float:left}
  .sort li a {font-size: 1.2em; color:#6887a3; font-weight: bold; padding:8px 5px; text-decoration: underline}
  .sort li a img {padding:0; text-decoration:none}
  .grid {margin:0 -10px}
  .grid dl {width:150px; height:280px; float:left; padding:10px; margin-top:10px}
  .grid dl.active {background:transparent url(../i/active.gif) no-repeat 0 0;}
   .grid dd h4 {color:#1e184a; font-size: 1.3em; line-height: 1.3em; padding-top:5px}
   .grid dd p {color:#999999; font-size: 1.3em;  line-height: 1.3em}
   .grid dd a { font-size: 1.3em;  line-height: 1.3em; text-decoration:underline}

   .info {padding-top:10px}
   .info p {color:#000; font-size: 1.4em; padding-bottom:11px; line-height: 1.4em;}
   img.info {border:1px solid #e1dfe0; padding:0; margin-bottom:10px}
     .info dl {clear:both}
     .info dt {width:224px; position:relative; text-align:center; float:left}
     .info dd {margin-left:250px;}
	  .info dd h4{color:#6887a3; font-size: 1.8em; font-weight: normal}
	  .info dd p{margin:0; padding:0}
	  .info dd a img {margin:10px 0; padding:0}
	  .info dd form label, .info dd input {float:left}
	   .info dd form label {font-size: 1.2em; padding-top:2px; color:#000}
	   .info dd p.small {font-size: 1.0em; padding:0 0 10px 0}
	  p.price {color:#7d7d7d}
	  .info dd a {font-size: 1.2em; padding-top:20px}

	  .preview_text {font-size: 1.2em; line-height: 16px}


	  .buyText a {
	    font-weight: bold;
	    color: #201851;
	    font-size: 1.5em;
	  }