@font-face {font-family: 'museo_sans300'; src: url('/__css/font/MuseoSans_300-webfont.eot'); src: url('/__css/font/MuseoSans_300-webfont.eot?#iefix') format('embedded-opentype'), url('/__css/font/MuseoSans_300-webfont.woff') format('woff'), url('/__css/font/MuseoSans_300-webfont.ttf') format('truetype'), url('/__css/font/MuseoSans_300-webfont.svg#museo_sans300') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'museo_sans700'; src: url('/__css/font/MuseoSans_700-webfont.eot'); src: url('/__css/font/MuseoSans_700-webfont.eot?#iefix') format('embedded-opentype'), url('/__css/font/MuseoSans_700-webfont.woff') format('woff'), url('/__css/font/MuseoSans_700-webfont.ttf') format('truetype'), url('/__css/font/MuseoSans_700-webfont.svg#museo_sans700') format('svg'); font-weight: normal; font-style: normal;}

html {margin: 0; padding: 0; font-size: 16px; height: 100%;}
body {margin: 0; padding: 0; width: 100%; height: 100%; color: #000; background: #FFF; text-align: center; font-family: Verdana, Sans-Serif;}
h1, h2, h3, h4, h5 {font-family: 'museo_sans300', Verdana, Sans-Serif; font-weight: normal;}
h2 {color: #000; font-size: 24px;}
img, p, li, form, input, select, fieldset, table, hr, ul.nb {margin: 0; padding: 0;}
ul, ol {margin: 0 0 0 10px; padding: 0 0 0 10px;}
a img {border: none;}
a {color: #19202A; text-decoration: underline;}
a:hover, a:active, a:focus {outline: none;}
a:hover {text-decoration: none;}
table {border-collapse: collapse;}
hr {border: solid 0 #FFF; border-bottom: solid 1px #FFF; height: 1px; line-height: 0;}
#main {min-height: 100%; height: 100%; position: relative;}
body>#main {height: auto;}
#zid {position: absolute; top: 10px; right: 100px; font-size: 80%; line-height: 10px; z-index: 10; display: none;}
#zid a {color: #777; text-decoration: none;}
#top {height: 100px; transition: height 500ms;}
#top.tiny {height: 70px;}
#topsm {height: 150px; transition: height 500ms;}
#topsm.tiny {height: 90px;}
#nav {width: 100%; height: 100px; line-height: 100px; position: fixed; left: 0; font-size: 100%; text-align: left; transition: all 500ms; z-index: 7;}
#nav.tiny {height: 70px; line-height: 70px; font-size: 90%;}
#nav img {vertical-align: middle; width: 135px; height: 45px; transition: all 500ms;}
#nav.tiny img {width: 118px; height: 40px;}
#nav.tiny #zid a {display: none;}
#nav ul {float: right; margin: 0; padding: 0; list-style: none;}
#nav li {float: left; padding: 0; position: relative; z-index: 8;}
#nav span {display: none; position: absolute; top: 54px; left: 0; z-index: 9; width: 100%; height: 14px; background: transparent url(data:image/gif;base64,R0lGODlhHQAOAMQAADI6SzE5SiAmMTI6TB4jLjM7TB4kLh8lMB8kLzI5Sx8lLx0jLSAlMDI5Si41RR4kLzM6TDQ8ThofKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAdAA4AAAVUoCSO5Lg4S6muKxFEAcHOqhvdMa0b740bOpah4SsmgEHSI1FsJhBJEQLQrAKgQQW1alXoDluu9TA7DMToAVnFOKPTjJLA/UZDBCNBoc4v4PV8gX4hADs=) center 0 no-repeat; transition: all 500ms;}
#nav.tiny span {top: 38px;}
#nav ul a {color: #FFF; text-decoration: none; position: relative; z-index: 9; margin: 0 0 0 25px; padding: 8px 16px;}
#nav ul a:hover {color: #1b1f28; background: #FFF; padding: 8px 16px; border-radius: 4px;}
#nav ul a.act {color: #50AF31;}
#nav ul a#buy, #nav ul a#down {border: solid 1px #FFF; border-radius: 4px; padding: 7px 15px; text-decoration: none; margin: 0 0 0 25px;}
#nav ul a#buy.act {color: #1b1f28; background: #FFF;}
#nav ul a#down {border: solid 1px #50AF31; background: #50AF31; margin: 0 0 0 38px;}
#nav ul a#down.act {color: #FFF;}
#nav ul a#down:hover {color: #FFF; background: #2b8c0b; border: solid 1px #2b8c0b;}
#nav .sm {position: absolute; top: 100px; width: 100%; z-index: 10; background: #343c4e; text-align: center; line-height: 50px; transition: all 500ms;}
#nav .sm li {float: none; display: inline;}
#nav .sm a {height: 50px; display: inline-block; font-size: 15px; margin: 0; padding: 0 25px; position: relative; z-index: 11;}
#nav .sm a:hover, #nav .sm a.act {color: #FFF; background: #484e5a; margin: 0; padding: 0 25px; border-radius: 0;}
#nav.tiny .sm {top: 70px; line-height: 40px;}
#nav.tiny .sm a {height: 40px; font-size: 90%;}

#slider {margin: -520px auto 0 auto; text-align: left; width: 1200px; height: 520px; position: relative;}
#slider div.desc {width: 393px; height: 520px; float: left;}
#slider div.desc a.btnw, #zpsslider div.desc a.btnw {margin-bottom: 20px;}
#slider div.desc p, #zpsslider div.desc p, #zpsslider div.desc2 p, #zpsslider2 div.desc p, #zpsslider2 div.desc2 p {color: #FFF; font-size: 18px; line-height: 24px; margin-bottom: 35px;}
#slider h1, #zpsslider h1, #zpsslider2 h1 {color: #FFF; padding: 30px 0 25px 0; margin: 0; font-size: 38px; line-height: 38px;}
#zpsslider2.pohlednice h1 {padding-top: 45px;}
#slider a.btnw, #slider a.btnt {width: 175px;}
#slides {width: 857px; float: left; position: relative; list-style: none; margin: 0 -50px 0 0; padding: 0;}
#slides li {width: 857px; height: 520px; position: absolute; top: 0; left: 0;}
#lslides {position: absolute; top: 30px; right: 26px;}
#lslides a {width: 12px; height: 12px; display: block; float: left; background: url('/__img/islides.png') 0 0 no-repeat; margin-left: 8px;}
#lslides a:hover, #lslides a.act {background-position: -12px 0;}
/* letni akce 2015 */
#slides .bgtw {width: 300px;}
#slide1 a, #slide2 a, #slide3 a, #slide4 a, #slide5 a {text-decoration: none;}
#slide1 div {left: 280px; top: 250px;}
#slide2 div {left: 460px; top: 210px;}
#slide3 div {left: 235px; top: 340px;}
#slide4 div {left: 360px; top: 240px;}
#slide5 div {left: 185px; top: 275px;}
#slider div.desc a.btnw, #slider div.desc a.btnt {width: 240px;}
/*
*#slide1 a, #slide2 a, #slide3 a, #slide4 a {text-decoration: none;}
#slide1 div {left: 460px; top: 210px;}
#slide2 div {left: 235px; top: 340px;}
#slide3 div {left: 360px; top: 240px;}
#slide4 div {left: 185px; top: 275px;}
*/
#family {height: 365px;}
#family h2 {margin: 55px auto 70px auto; font-size: 30px;}
#family p {line-height: 23px; font-size: 20px;}
#family a {text-decoration: none; cursor: pointer;}
#family div {transition: all 200ms;}
#family div:hover div.ico {transform: scale(1.1);}
#family div.ico {width: 126px; height: 79px; position: absolute; left: 80px; top: -40px; background-repeat: no-repeat; background-image: url(/__img/icons-homepage.png);}
#family #arr {display: none; width: 100%; height: 12px; position: absolute; left: 0; bottom: 0; background: #FFF url(data:image/gif;base64,R0lGODlhFQAMAMQAAPj4+NLS0t3d3dTU1Nra2vX19f39/fT09Nvb2/n5+fr6+tjY2Pv7+/z8/Nzc3NnZ2dPT0/7+/v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAVAAwAAAVpYOEwUiSdaIoywoEMRKPOJ4MEiPIMCEmvt4dColhAYicTymSDPBIoHcTRUKYaAqcPlXhMZSaTwaENl07FL6pBXmzPKICRKsFCFgpzMgV4BBwKbVApVikJRgMBBAAqeiqHToNLP1wCjD8hADs=) center top no-repeat;}
#zps, #droid, #znrm, #card {width: 243px; background: #F6F6F6; margin: 0 20px 60px 0; padding: 60px 20px 20px 20px; position: relative; float: left; transition: all 200ms; border: solid 1px #F6F6F6;}
#zps strong, #droid strong, #znrm strong, #card strong {display: block; margin-top: 10px; font-size: 18px;}
#zps strong, .tblue {color: #00B4E1;}
a:hover #zps {border: solid 1px #00B4E1;}
#droid strong, .tgreen {color: #5CB53F;}
a:hover #droid {border: solid 1px #50AF31;}
#znrm strong, .tnavy {color: #1D61AC;}
a:hover #znrm {border: solid 1px #1D61AC;}
#card {margin-right: 0;}
#card strong, .tpurple {color: #934D93;}
a:hover #card {border: solid 1px #934D93;}
#zps div.ico {background-position: 0 0;}
#droid div.ico {background-position: 0 -79px;}
#znrm div.ico {background-position: 0 -158px;}
#card div.ico {background-position: 0 -237px;}
#map h3 {padding: 60px 0 15px 0; margin: 0; font-size: 30px;}
#refs {height: 320px;}
#refs ul {width: 700px; list-style: none; position: relative; margin: 0 auto; padding: 0;}
#refs li {background: #E6EBEF; position: absolute; top: 0; left: 0; font-size: 15px; line-height: 22px;}
#refs em {display: block; width: 640px; background: #FFF; box-shadow: 0 2px 1px 1px #DADFE3; border-radius: 8px; padding: 30px;}
#refs span {display: block; width: 700px; padding-top: 20px; background: transparent url(data:image/gif;base64,R0lGODlhEQARANUAAP///drf4+fs8N7i5fn6/N/k6ODk59ne4uPq8OPr7ubr7tff4t7j5//9/tvg5OPo7Pv8/vL29+Hm6vf4+u3x8uvw9PHy9v7+/OTp7N/j5uLq7PP0+PT1997j5vLz9eXq7dre4d/k5/r9/+Tr8ePo6/X5+v/+/9jg4+Ts7/7+/v7//+Xq7v///+br7wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAARABEAAAaiQImIlWIZjQ2WimgEBQqQI+CovBwDCpKBYDSZjipAUXVAoTQh7je1DBvJrVXisaUqTcWUo9VCoDADBEVfKl9GB3wrLQkrDCUpAEtHKQt8fChxAxNMVCeWinwfGRGTS55xAiuKigwcUiyViaBxKx0bkiyniXEtZigDHke6K6m8KwgCAxamuy3FfCMrCgYUKrqW2LwtBRUB2dmgigXe35/YKwVBADs=) top center no-repeat;}
#award {margin: 0 auto; width: 1030px;}
#award div {margin: 40px 80px 40px 0; position: relative; float: left; z-index: 5;}
#award img {z-index: 5; position: relative;}
#award div.last {margin: 40px 0;}
#award p {display: none; position: absolute; top: 50%; left: -50px; width: 200px; padding: 20px 0; font-size: 14px; font-weight: bold; z-index: 6; text-align: center;}
#award span {display: block; font-weight: normal;}

#dwnl p, #dwnl2 p {line-height: 100px; color: #FFF; font-size: 24px; margin: 0;}
#dwnl p.small, #dwnl2 p.small {line-height: 50px; font-size: 16px;}
#dwnl h3, #dwnl2 h3 {color: #FFF; padding: 60px 0 30px 0; margin: 0; font-size: 25px;}
#dwnl a, #dwnl2 a {color: #FFF;}
#dwnl a.btnw, #dwnl a.btnt, #dwnl2 a.btnw, #dwnl2 a.btnt {float: none; width: 200px; font-size: 22px; line-height: 22px; display: inline-block; margin: 0 15px; padding: 20px 25px;}
#dwnl a.btnw, #dwnl2 a.btnw {color: #50AF31;}
#dwnl a.btnw:hover, #dwnl2 a.btnw:hover {color: #FFF;}
#dwnl a.btnt:hover, #dwnl2 a.btnt:hover {color: #50af31;}
#dwnl a.btnw.wide, #dwnl2 a.btnw.wide {width: 420px;}

.dwnl-desc {width: 590px; height: 450px; color: #FFFFFF; font-size: 20px;}
.sm-desc {margin-top: 25px; font-size: 15px;}
.dwnl-desc a, .dwnl-desc a:hover {color: #FFFFFF; text-decoration: underline;}
.dwnl-desc a:hover {text-decoration: none;}
.notebook {background: url('/__img/download/notebook-ilustration.png') 545px 40px no-repeat;}
#olderv select {float: none; margin: 0 auto;}
#oldzpsdwnl.btns {float: none; margin: 0 auto; width: 200px;}
.blank a.down, .blank a.downafter {position: absolute; top: 165px; left: 650px;}
.blank a.downafter {right: 155px;}
.blank div.dwnl-desc h1 {margin: 0; padding: 60px 0 35px 0; color: #FFFFFF; font-size: 45px;}
.verd20 {font-size: 20px; line-height: 26px; font-family: Verdana, Sans-Serif;}
.mauto {margin:0 auto;}
.extras {width: 580px; margin-right: 20px;}
.extras a {font-size: 20px; line-height: 26px;}
.extras p, .extras p a {font-size: 15px; line-height: 20px;}
.extras img {margin: 0 18px 10px 0;}
#needhelp a {margin-top: 45px;}
#needhelp img {margin: -50px 100px 0 20px;}

#love {padding-top: 30px; position: relative;}
#love .feed {margin-top: 60px; width: 660px;}
#love img.bg {margin-left: -70px; float: left;}
#love .bgtb {width: 240px; left: 100px; top: 340px;}
#family, .btnw span, #dwnl p, .feed a {font-family: 'museo_sans300', Verdana, Sans-Serif;}

.feed {list-style: none; float: left; margin: 0; padding: 0;}
.feed em {float: right; display: block; width: 80px; font-weight: normal; font-style: normal;}
.feed img {float: left; margin: 0 30px 30px 0;}
.feed p {font-size: 15px; line-height: 20px; text-align: left;}
.feed a {display: block; color: #06B4E6; font-size: 20px; line-height: 23px; margin-bottom: 10px; text-decoration: none;}

#fm {height: 200px;}
#foot {height: 114px; padding: 40px 0 46px 0;}
#foot ul {list-style-type: none; padding: 0 0 43px 0; margin: 0;}
#foot li {margin-right: 45px; display: block; float: left;}
#foot a {color: #FFF; text-decoration: none; font-size: 13px;}
#foot a:hover {color: #00b5e2;}
#foot hr {clear: both; background: #353C4F; border: solid 0 #353C4F; height: 1px;}
#foot img.logo {margin-top: 22px; float: left;}
#foot img.zlogo {float: right; margin-top: 18px;}
#copy {color: #7F8992; text-align: right; width: 300px; clear: right; float: right; font-size: 11px; padding-top: 16px;}

#foot ul#lang, #foot ul#lang ul {list-style: none; width: 240px; position: absolute; top: 35px; right: 0; text-align: left; padding: 0; z-index: 9;}
#foot ul#lang ul {display: none; bottom: 30px; left: auto; right: 0; top: auto;}
#foot ul#lang li {cursor: pointer; background: #1a1f28; width: 240px;}
#foot ul#lang a {width: 240px; height: 30px; display: block; line-height: 30px;}
#foot ul#lang ul a {border-bottom: solid 1px #353C4F;}
#foot ul#lang span {position: relative; float: left; width: 16px; height: 11px; margin: 10px 18px 0 14px; background-image: url('/__img/flags.png'); background-repeat: no-repeat;}
.en {background-position: 0 0;}
.de {background-position: 0 -11px;}
.ru {background-position: 0 -22px;}
.cz {background-position: 0 -33px;}
.sk {background-position: 0 -44px;}
.jp {background-position: 0 -55px;}
.cn {background-position: 0 -66px;}
.tw {background-position: 0 -77px;}
.hk {background-position: 0 -88px;}
.es {background-position: 0 -99px;}
.pl {background-position: 0 -110px;}

#zpsslider, #zpsslider2 {margin: -430px auto 0 auto; text-align: left; width: 1200px; height: 430px; position: relative;}
#zpsslider2 {height: 475px;}
#zpsslider h1, #zpsslider2 h1 {padding: 60px 0 25px 0;}
#zpsslider div.desc,#zpsslider div.desc2, #zpsslider2 div.desc {width: 285px; margin-right: 25px; height: 430px; float: left;}
#zpsslider2 div.desc {width: 380px;}
#zpsslider div.desc2, #zpsslider2 div.desc2 {width: 500px;}
#zpsslider a.btnw, #slider a.btnt {width: 175px;}
#zpsslider div.desc2 a.btnw {width: 240px;}
#zpsslider2 a.btnw {margin-top: 15px;}
#zpsslider2.zpsa {background: transparent url(/__img/photo-studio/zpsaslide.jpg) 0 0 no-repeat;}
/*#zpsslider2.pohlednice {background: transparent url(/__img/photo-studio/pohledniceslide-original.jpg) 0 0 no-repeat;}*/
#zpsslider2.pohlednice {background: transparent url(/__img/photo-studio/pohledniceslide-original-leto2.jpg) 0 0 no-repeat;}
#zpsslider.zonerama {background: transparent url(/__img/photo-studio/zoneramaslide.jpg) 0 0 no-repeat;}
#zpsslides {width: 857px; float: left; position: relative; list-style: none; margin: 0 -50px 0 0; padding: 0;}
#zpsslides li {width: 857px; height: 520px; position: absolute; top: 0; left: 0;}
#zslides {width: 791px; float: left; position: relative; list-style: none; margin: 0; padding: 0;}
#zslides li {width: 791px; height: 353px; position: absolute; top: 77px; left: 38px;}
#zpsslides .bgtd {width: 280px;}
#zslides .bgtd {width: 280px;}
#zpsslide1 div {left: 380px; top: 120px;}
#zpsslide2 div {left: 420px; top: 160px;}
#zpsslide3 div {left: 200px; top: 100px;}
#zpsslide4 div {left: 400px; top: 150px;}
#zpsslider.vid {background: transparent url(/__img/photo-studio/zpsnewsbgvid.png) 0 0 no-repeat;}
#zpsslider.vid h1 {padding: 80px 0 25px 0; font-size: 50px; line-height: 50px;}
#zpsslider.vid div.desc {width: 365px; margin-right: 25px; height: 430px; float: left;}
#zpsslider.vid div.desc a {color: #FFF;}
#absvid {position: absolute; top: 35px; right: 100px;}
.desc2-btns {clear: both; padding: 20px 10px 0 0;}
.desc2-btns span {padding: 7px 20px 0 0;}
.desc2-btns a {margin-right: 10px;}

#raw, #raw2, #expo, #auto {background: transparent url(/__img/photo-studio/zpsnewsbg.jpg) 0 0 no-repeat; height: 400px;}
#browse, #edita, #backup, #show, #sendp {background: transparent url(/__img/photo-studio/zpsabg.jpg) 0 0 no-repeat; height: 400px;}
#nocompress, #everywhere, #instant, #pocket {background: transparent url(/__img/photo-studio/zoneramabg.jpg) 0 0 no-repeat; height: 400px;}
/*#choosepic, #chepeast, #original, #quality {background: transparent url(/__img/photo-studio/pohlednicebg.jpg) 0 0 no-repeat; height: 400px;}*/
#choosepic, #chepeast, #original, #quality {background: transparent url(/__img/photo-studio/pohlednicebg-leto.jpg) 0 0 no-repeat; height: 400px;}
#raw h2, #raw p, #browse h2, #browse p, #backup h2, #backup p, #sendp h2, #sendp p, #nocompress h2, #nocompress p, #instant h2, #instant p, #choosepic h2, #choosepic p, #original h2, #original p {margin-left: 610px;}
#raw h2 {padding-top: 135px;}
#raw2, #edita, #everywhere, #chepeast {background-position: 0 -400px;}
#raw2 h2, #raw2 p, #edita h2, #edita p {width: 420px;}
#raw2 h2, #quality h2 {padding-top: 135px;}
#expo, #backup, #instant, #original {background-position: 0 -800px;}
#expo h2, #expo p {margin-left: 740px;}
#expo h2 {padding-top: 170px;}
#auto, #show, #pocket, #quality {background-position: 0 -1200px;}
#auto h2, #auto p, #show h2, #show p, #quality h2, #quality p {width: 520px;}
#chepeast h2, #chepeast p {width: 600px;}
#auto h2 {padding-top: 136px;}
#browse {margin-top: -50px; z-index: -1;}
#browse, #choosepic {margin-top: -40px; z-index: -1;}
#edita h2, #everywhere h2 {padding-top: 112px;}
#backup h2, #sendp h2, #instant h2 {padding-top: 122px;}
#sendp {background-position: 0 -1600px;}
#everywhere h2, #everywhere p, #pocket h2 {width: 540px;}
#pocket p {width: 560px;}
#pocket h2 {padding-top: 122px;}

.zicons a {width: 200px; height: 200px; display: block; float: left; line-height: 70px; font-family: 'museo_sans700', Verdana, Sans-Serif; font-size: 22px; text-decoration: none;}
.zicons span {display: block; width: 80px; height: 80px; margin: 60px auto 0 auto; background: transparent url('/__img/photo-studio/zpsicons.gif') center top no-repeat;}
.zicons a:hover span {animation: blink .3s ease-in-out;}
@keyframes blink { 0% {transform: scale(1);} 50% {transform: scale(1.2);} 100% {transform: scale(1);}}
#rimport span {background-position: 0 0;}
#rorganize span {background-position: 0 -80px;}
#redit span {background-position: 0 -160px;}
#rcreate span {background-position: 0 -240px;}
#rshare span {background-position: 0 -320px;}
#renjoy span {background-position: 0 -400px;}
.tab {height: 400px;}
.tab h1, .tab h2 {font-size: 35px; padding-top: 85px; margin-top: 0;}
.tab p {font-size: 18px; line-height: 26px; margin-bottom: 20px;}
.tab p.features {font-size: 15px; line-height: 25px;}
.tab .btnb {margin-top: 20px;}
.hauto {height: auto;}
#import, #edit, #share, #import, #edit, #share, #organize, #create, #enjoy {background: url('/__img/photo-studio/zpsbg.gif') 0 0 no-repeat;}
#import h2, #edit h2, #share h2, #import p, #edit p, #share p {margin-left: 620px;}
#organize p, #create p, #enjoy p {width: 580px;}
#import {background-position: 0 0;}
#organize {background-position: 0 -400px;}
#edit {background-position: 0 -800px;}
#create {background-position: 0 -1200px;}
#share {background-position: 0 -1600px;}
#enjoy {background-position: 0 -2000px;}
#mapwrap {width: 1168px; height: 478px; position: relative;}
#speed, #prev, #tools, #duplicity, #keywords, #orgprev, #rating, #dlna, #maps, #easy, #group, #lcp {background: transparent url(/__img/photo-studio/zpsnewsbg2.jpg) 0 0 no-repeat;}
#prev {background-position: -285px 0;}
#tools {background-position: -570px 0;}
#duplicity {background-position: -855px 0;}
#keywords {background-position: -1140px 0;}
#orgprev {background-position: -1425px 0;}
#rating {background-position: -1710px 0;}
#dlna {background-position: -1995px 0;}
#maps {background-position: -2280px 0;}
#easy {background-position: -2565px 0;}
#group {background-position: -2850px 0;}
#lcp {background-position: -3135px 0;}
#cameras {-webkit-column-count: 5; -moz-column-count: 5; column-count: 5; margin-top: 15px;}
#cameras span {display: block; width: 220px; font-size: 13px; margin-bottom: 5px; background: url('/__img/zoner/arrow-small.png') 0 2px no-repeat; padding-left: 20px;}
.usr {width: 29px; height: 28px; position: absolute; display: none; background: transparent url(/__img/photo-studio/user.png) no-repeat;}

#fvimeo {float: right; margin: 70px 45px 40px 45px;}
.soc {width: 500px; margin: 0 auto; padding: 50px 0 70px 0;}
.soc a {width: 90px; height: 80px; display: block; float: left; margin-right: 10px; text-decoration: none; background: transparent url(/__img/soc.png) no-repeat;}
#fb {background-position: 0 0;}
#tw {background-position: -90px 0;}
#gp {background-position: -180px 0;}
#yt {background-position: -270px 0;}
#vi {background-position: -360px 0;}
#inspire img {float: left; margin: 85px 25px 0 0; border: solid 5px #FFF;}
#inspire p, #inspire h2 {width: 300px; float: left; margin-left: 50px;}
#adonis {background: #00B4E1 url(/__img/vyuka/adonis.jpg) no-repeat; color: #FFF; height: 200px;}
#adonis h1 {margin: 0 auto; padding: 55px 0 25px 0;}
#tutorials h2 {color: #00B4E1; font-size: 30px; margin-top: 50px;}
#tutorials h3 a {text-decoration: none; color: #00B4E1; font-size: 20px;}
#filter {font-size: 15px;}
#filter a.btnb {width: 60px; float: none; display: inline-block; font-size: 15px;}
.vtutor {width: 370px; height: 320px; float: left; margin: 50px 30px 0 0; font-size: 15px;}
.vtutor a {position: relative;}
.vtutor a span {background: #FFF; padding: 20px 20px 0 0; text-transform: uppercase; position: absolute; left: 0; bottom: 0; font-family: 'museo_sans700', Verdana, Sans-Serif;}

.blank, .blankc {margin: 0 auto; width: 1200px; position: relative; text-align: left;}
.blankc {text-align: center;}
.blankc h2, #needhelp h2 {color: #50af31; font-size: 40px; margin: 75px 0 45px 0;}
.blank h1 {color: #1a1f28; margin: 60px 0 35px 0; font-size: 35px;}
.blank h2 {color: #50af31; font-size: 30px;}
.blank h3 {font-size: 25px;}
.blank h4 {font-size: 20px;}
.blank p, .blank li {line-height: 26px;}
.blank li {margin: 10px 0;}
.blank #fvimeo {margin-top: 10px;}
#content-left {width: 885px; padding-right: 30px; float: left;}
#content-left h1 {color: #1a1f28; margin-bottom: 15px;}
#content-left h2 {color: #50af31;}
#content-left .col3 {width: 275px; margin-right: 25px; float: left; border: none; padding: 0;}
#content-left .col3.last {margin: 0;}

#content-right {width: 285px; margin: 66px 0 0 0; float: left; background: #e5ebef; padding: 0; font-size: 18px; font-family: 'museo_sans300', Verdana, Sans-Serif;}
#content-right div.inleft {margin: 0 35px 0 35px;}
.bluelist, .list-arrow-small, #content-right .list-arrow-small, #content-left .list-arrow-small {list-style: none; margin: 0; padding: 0;}
.bluelist li {margin-bottom: 15px;}
#content-right div.inleft a, ul.list-arrow-small li a:link, ul.list-arrow-small li a:active, ul.list-arrow-small li a:visited, ul.list-arrow-small li a:hover {color: #00b4e1; text-decoration: none;}
#content-right div.inleft a:hover, ul.list-arrow-small li a:hover {color: #00b4e1; text-decoration: underline;}
.bluelist li, .list-arrow-small li, #content-right .list-arrow-small li, #content-left .list-arrow-small li {line-height: 18px; background: url('/__img/zoner/arrow-small.png') 0 2px no-repeat; padding-left: 20px;}
#content-right h5 {margin: 22px 0 22px 0; padding: 0; font-size: 20px; line-height: 23px; font-family: 'museo_sans700', Verdana, Sans-Serif;}
.whiteline {width: 100%; height: 1px; overflow: hidden; background: #FFFFFF; margin: 10px 0 10px 0;}
a.greena:link, a.greena:active, a.greena:visited, a.greena:hover {color: #50af31; text-decoration: none; font-family: 'museo_sans700', Verdana, Sans-Serif; font-size: 18px;}
a.greena:hover {color: #50af31; text-decoration: none;}
.contactdesc {width: 380px; margin-left: 40px;}
.circle {width: 53px; height: 52px; background: #50af31; border-radius: 30px;}
.aboutc {width: 53px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAABCAYAAACRz431AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg1MzVEMThCMzRFODExRTQ4MkQ3OEQ0Q0Y0OUQwMzBDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg1MzVEMThDMzRFODExRTQ4MkQ3OEQ0Q0Y0OUQwMzBDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODUzNUQxODkzNEU4MTFFNDgyRDc4RDRDRjQ5RDAzMEMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODUzNUQxOEEzNEU4MTFFNDgyRDc4RDRDRjQ5RDAzMEMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz56sVfXAAAAGUlEQVR42mL4//8/Az3w9Aut/+lhD0CAAQC3XJtTwyWZTgAAAABJRU5ErkJggg==') 0 0 repeat-y;}
.aboutl, .aboutl2 {width: 500px; margin-left: 70px; margin-top: -45px; text-align: left;}
.aboutl2 {margin-left: 0;}
.aboutl2 p {margin-left: 40px;}
.aboutl h4, .aboutl2 h4 {color: #1a1f28; font-size: 25px; border-bottom: 1px solid #97d085; padding: 0 0 10px 0; margin-bottom: 20px;}
.aboutl2 h4 {padding: 0 0 10px 36px;}
.tm {margin-top: 75px;}

#loading, .loading, #popup, .popup {display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10; text-align: center;}
#loading img, .loading img {margin: auto;}
.popup {display: block;}
.popup table, #loading table {width: 100%; height: 100%;}
.popup td, #loading td {text-align: center; vertical-align: middle;}
#login {display: none; position: relative; margin: 0 auto; padding: 50px; margin-top: 50px; width: 400px; background: #FFF; color: #000; z-index: 11;}
#login label {width: 100px;}
#login input {width: 200px;}
#issuu {width: 1200px; height: 750px; margin: auto; position: relative;}
#issuu a.close {top: -50px;}

table.full {width: 666px; margin-top: 20px; font-size: 14px;}
table.full th {padding: 5px 10px 5px 0;}
table.full td {border-top: solid 1px #f0f0f0; padding: 5px 10px 5px 0;}

.frm p {clear: left; line-height: 35px;}
label {width: 300px; display: block; float: left; margin-right: 5px; line-height: 32px;}
label.short {width: 100px;}
label.short2 {width: 60px;}
label.req, span.req, p.req {color: #E30613;}
input, select, textarea {width: 400px; margin-top: 3px; padding: 8px; border: solid 1px #C2CCD2; float: left;}
input.short {width: 200px; margin-right: 40px;}
select {width: 418px;}
select.w200 {width: 200px;}
.supp {width: 608px; float: right;}
.supp p {margin-bottom: 10px;}
.supp label {width: 145px;}
.supp label.wauto {width: auto;}
.supp select {width: 608px;}
select.req, input.req, textarea.req {border: solid 1px #E30613; box-shadow: 0 0 2px 0 #E30613;}
.supp textarea, .supp input {width: 590px; border: solid 1px #484E5A;}
.supp textarea {height: 147px;}
.supp input {width: 440px;}
.suppbg {background: #FFF url(/__img/suppbg.jpg) bottom left no-repeat; position: relative;}
.suppbg div.bgtb {top: 340px; left: 200px;}
#cmpr {margin: 0 auto;}
#cmpr h1 {padding: 0 0 20px 0;}
#cmpr td {padding: 45px 0 30px 0; text-align: left;}
#cmpr img {margin-right: 25px;}
#cmpr select {display: inline; width: 150px; float: none; font-size: 28px; background: #E6EBEF; border-radius: 4px;}
.cmpr td {width: 290px; text-align: center; background: #F6F6F6; font-size: 14px; padding: 25px 0; border-bottom: solid 1px #FFF; border-right: solid 10px #FFF;}
.cmpr td.header {width: auto; background: #FFF; font-size: 22px; padding: 35px 0 15px 30px; font-family: 'museo_sans700', Verdana, Sans-Serif; text-align: left;}
.cmpr td.trans {background: transparent;}
.cmpr td.fc {width: 570px; font-weight: bold; text-align: left; padding-left: 30px;}
.cmpr th {text-align: right; font-family: 'museo_sans700', Verdana, Sans-Serif; font-size: 22px; border-right: solid 10px #FFF; padding: 0 20px;}
.cmpr th span {font-size: 18px; text-align: left; display: block; width: 140px; margin: 40px 0;}
h2#facs {font-family: 'museo_sans700', Verdana, Sans-Serif; font-size: 24px; padding: 38px 0; margin: 0;}
a.fac {border: solid 1px #E5EBEF; padding: 20px 0; width: 228px; float: left; margin: 0 5px 10px 5px; text-decoration: none;}
a:hover.fac, a.fac.act {border: solid 1px #343C4E; background: #343C4E; color: #FFF;}
.lfaq {text-align: left; padding: 70px 0 35px 0; background: url('/__img/lfac.gif') center top no-repeat;}
.arrfaq {background: url('/__img/lfaq.gif') center top no-repeat; height: 14px;}
a.faq {display: block; float: left; width: 360px; font-size: 13px; margin-bottom: 5px; background: url('/__img/arrfac.gif') 0 0 no-repeat; padding: 0 20px; margin-bottom: 35px;}
.qa {margin-top: 60px;}
.qa p.pbtn {clear: both; padding-top: 30px; text-align: left; line-height: 28px;}
.qa a.top {margin: 15px 75px 0 218px;}
.qa p.pbtn a.btnd {margin-right: 10px;}
.qa p, .qa li {margin-bottom: 10px; line-height: 20px; font-size: 13px;}
.qa div.greyline {clear: both; height: 40px;}
.qa h3 {width: 230px; padding-right: 75px; text-align: right; margin: 0; float: left; font-family: 'museo_sans700', Verdana, Sans-Serif; font-size: 20px;}
.qat {text-align: left; width: 895px; float: left; font-size: 14px;}
ul.alpha {list-style-type: lower-alpha;}
a.top {display: block; float: left; width: 14px; height: 8px; background: #FFF url(data:image/gif;base64,R0lGODlhDgAIAKIAAKSosJufqHyBjJ+jrKuvtpOXoTQ8Tv///yH5BAAAAAAALAAAAAAOAAgAAAMjeLpV+68Y4yAzhFB7JFFadX1LuAQGYAFGcAzGwL2xIM+vkAAAOw==) 0 0 no-repeat;}
.faqbg {background: #F6F6F6 url(/__img/faqbg.jpg) center bottom no-repeat; height: 470px;}
.faqbg h3 {color: #50AF31; font-size: 35px; padding: 60px 0 35px 0; margin: 0;}
.faqbg a.btne {float: none; display: inline; background: transparent;}

.clear, .clear10, .clear15, .clear25, .clear30, .clear40, .clear50, .clear80 {clear: both; height: 0;}
.clear10 {height: 10px;}
.clear15 {height: 15px;}
.clear25 {height: 25px;}
.clear30 {height: 30px;}
.clear40 {height: 40px;}
.clear50 {height: 50px;}
.clear80 {height: 80px;}
.black {background: #1A1F28;}
.blacktext {color: #1a1f28;}
.centertext {text-align: center;}
.bottom {position: absolute; bottom: 0; left: 0; width: 100%;}
.smoke {background: #F6F6F6;}
.grey, .silver {background: #E5E5E7;}
.darkgrey {background: #797879;}
.green {background: #50AF31;}
.whiteheader {color: #fff; margin: 0 0 30px 0; padding: 20px 0;}
.blue {background: #00B4E1;}
.blue h1 {margin: 0; padding: 30px 0 30px 10px; color: #FFF;}
.steel {background: #E6EBEF;}
.steel h1, .steel h2, .smoke h1 {padding: 65px 0 40px 0; margin: 0;}
.steel h2 {font-size: 30px;}
.holder {margin: 0 auto; width: 1200px; position: relative;}
.lane {width: 100%; height: 520px; text-align: left;}
.lane div.green {width: 50%; height: 520px;}
.lane2 {width: 100%; height: 430px; text-align: left;}
.lane2 div.zpsbg {background: transparent url(/__img/photo-studio/zpsbg1.jpg) center top no-repeat; height: 430px; margin-top: -430px;}
.lane2 div.green {width: 50%; height: 430px;}
.greyline {border-bottom: solid 1px #E8EAEC;}
.tleft {text-align: left;}
.tright {text-align: right;}
.fleft {float: left;}
.fright {float: right;}
.hidden {display: none;}
.small, .note {font-size: 13px;}
.ins {color: #00B4E1;}
.insg {color: #50AF31;}
.col3 {width: 338px; float: left; margin-right: 30px; border: solid 1px #E5EBEF; padding: 20px; font-size: 14px;}
.col3.hfix {height: 180px;}
.col3 h3 {font-family: 'museo_sans700', Verdana, Sans-Serif; font-size: 20px; margin: 0 0 15px 0;}
.col3 a.btne {font-size: 16px;}
.col3 p.soc {padding: 0;}
.col3 p.soc a {width: 40px; height: 40px; background: transparent url(/__img/order/icons-social-small.png) no-repeat;}
.col3 #fb {background-position: 0 0;}
.col3 #tw {background-position: 0 -40px;}
.col3 #gp {background-position: 0 -80px;}
.col3 #yt {background-position: 0 -120px;}
.col3 #vi {background-position: 0 -160px;}
.col4 {width: 285px; height: 240px; padding-top: 120px; margin-right: 20px; text-align: left; float: left; font-size: 14px;}
.col4 h3 {font-family: 'museo_sans700', Verdana, Sans-Serif; font-size: 20px;}
table.frm {width: 600px;}
table.frm label {width: auto;}
#error {border: solid 1px #E30613; color: #E30613; padding: 20px; border-radius: 4px; width: 580px; margin-bottom: 20px;}

a.mr15 {margin-right: 15px;}
.btnw, .btng, .btnt, .btns, .btne, .btnr, .btnbf, .btnbf2, .btnbfl, .btnwi {font-family: 'museo_sans700', Verdana, Sans-Serif; text-align: center; text-decoration: none; border: solid 1px #FFF; border-radius: 4px; display: block; float: left;}
.btnw {background: #FFF; color: #50AF31; box-shadow: 0 1px 1px 1px #44962A; padding: 20px 55px; font-size: 25px; line-height: 22px;}
.btns {background: #50af31; color: #FFF; padding: 8px 16px; line-height: 20px; border: solid 1px #50af31;}
.btne, .btnr {background: #FFF; color: #343c4e; padding: 8px 16px; line-height: 20px; border: solid 1px #343c4e; font-size: 16px;}
.btne.fright {float: right;}
.btnr {color: #E30613; border: solid 1px #E30613;}
.btnwi {background: #50af31; color: #FFFFFF; box-shadow: 0 1px 1px 1px #44962A; padding: 20px 35px; font-size: 25px; line-height: 22px; border: none;}
a.btnw:hover, a.btns:hover {background: #2b8c0b; color: #FFF; border: solid 1px #2b8c0b; border-radius: 4px;}
a.btnt:hover {color: #50af31; background: #FFF;}
a.btne:hover {background: #FFF; color: #50af31; border: solid 1px #50af31; border-radius: 4px;}
a.btnwi:hover {background: #FFF; color: #50af31; border: none; border-radius: 4px;}
.btnw span, .btnt span, .btns span, .btne span, .btnwi span, .btng span {font-size: 14px; font-weight: normal; display: block; text-align: center; font-family: 'museo_sans300', Verdana, Sans-Serif;}
.btns span, .btne span {font-size: 15px;}

.btnt, .btng {background: transparent; color: #FFF; padding: 17px 55px; font-size: 18px; line-height: 17px;}
.btng {background: #50AF31; border-color: #50AF31;}
.btng2 {margin: 0 auto; float: none; display: inline-block;}
.btnd, .btn-blue2 {font-family: 'museo_sans700', Verdana, Sans-Serif; text-align: center; background: #343C4E; color: #FFF; padding: 8px 16px; font-size: 16px; text-decoration: none; border: solid 1px #343C4E; border-radius: 4px; display: block; float: left; line-height: 20px;}
.btnb {text-align: center; padding: 6px 25px; font-size: 16px; text-decoration: none; border: solid 1px #00B4E1; border-radius: 4px; display: block; float: left;}
.btnbf, .btnbf2 {padding: 8px 20px; font-size: 16px; border: solid 1px #00B4E1; background: #00B4E1; color: #FFF; float: none; text-align: left;}
.btnbf2 {float: left; text-align: center;}
.btnbf.tc {text-align: center;}
.btnbf span {font-size: 30px; float: right; line-height: 23px;}
.btnbfl {padding: 16px 0; font-weight: bold; font-size: 16px; border: solid 1px #00B4E1; background: #00B4E1; color: #FFF; float: none;}
.btnb:hover, .btnb.act {background: #00B4E1; color: #FFF;}
.bgtw, .bgtb, .bgtd {padding: 35px; position: absolute;}
.bgtw, .bgtd, #loading, .loading, #popup, .popup {color: #292A2E; text-align: right; font-size: 15px; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAQSURBVHjaYvj///8zgAADAAniA+R4Ka6PAAAAAElFTkSuQmCC) repeat;}
.bgtd {color: #FFF; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAPSURBVHjaYpCS13gGEGAAAgABSJaZJ30AAAAASUVORK5CYII=) repeat;}
.bgtw p, .bgtb p {margin: 0;}
.bgtw h3 {color: #50AF31; font-size: 25px; margin: 0 0 15px 0; font-family: 'museo_sans700', Verdana, Sans-Serif;}
.bgtb {color: #FFF; text-align: left; font-size: 15px; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAQSURBVHjaYpDa/fQZQIABAAVOAqEhedJzAAAAAElFTkSuQmCC) repeat;}
.bgtb h3, .bgtd h3 {color: #FFF; font-size: 30px; margin: 0 0 10px 0;}
.bgtb a {color: #FFF;}
.beakw, .beakb, .beakd {position: absolute; left: -16px; top: 70%; display: block; width: 17px; height: 20px; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAUCAYAAABroNZJAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAACxSURBVHjaYvj//z8DBdgMRFNigAwQHwexmRjIA1xAPB2IhUAccg3pBWI1GIccQwqA2AlZgFRDvIA4E12QFEO0gbgdmwSxhohAA5KDXENYoQaI41JAjCGtQKyHTwEhQ9KA2J+QLfgMcYJGJwO5hoASUhcQM5NrCCgpTwFiXmLjnglLTPQDsTwpKRDdkGogtiA1HyAbEgnFDOQaYgF1BQO5hshDw4GVEkOmwAoXcgFAgAEACJZzX4sdx4cAAAAASUVORK5CYII=) no-repeat;}
.beakwr {position: absolute; right: -17px;  top: 70%; display: block; width: 17px; height: 20px; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAUCAYAAABroNZJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCQ0JCMTEzMEMyM0NFNDExQTBCMEE2Nzc1NDg0OUE5MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0MEE3NzVGRjNDQzIxMUU0OTZCOENEODRGNDc2MzA3NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0MEE3NzVGRTNDQzIxMUU0OTZCOENEODRGNDc2MzA3NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQ0JCMTEzMEMyM0NFNDExQTBCMEE2Nzc1NDg0OUE5MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQ0JCMTEzMEMyM0NFNDExQTBCMEE2Nzc1NDg0OUE5MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmzhwL0AAACbSURBVHjapJPLDYAgEETXSWzBRuzBAjzbjmVYhXXYhgdb8IBjsgd/4LJM8gKBZAIvICGEmdREvEBEWjJKQaDjoLhS8TirznfSk8V7kjM1mUhTUiJaMGmhu0Q8ohFZzxJ9FfuMWTQSe2bR+Nk3iYbhyr+iYXSXFJ0SaxaNjOcQFY3MF/4pGo5P+xIN5++/ic4RGxVdUnJmI90hwABJtlq+ao4WaAAAAABJRU5ErkJggg==) no-repeat;}
.beakb {left: 70%; top: -20px; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAUCAYAAABroNZJAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAACwSURBVHjapNSxCoJQGMXxD0OIwEWEIAM3F8FRnB1dmn2BwM3dOYIgIhB8mHodfY3rOXDHljh/OOuPy72inT5L5ZwzZYGZvdPvejYhIjE2AzooCMuxp4qwBqcZVIT1gFoVYXdAhYrs/UUnCsKOHgoVhJXYTUXYBae5qggbADUqssMegHIFYRE2AYoVhGXY69eLBX9+nDU2qgjrcJpORdgIqFaR0N9PpiDmf2Z8sWgTYABuUlr42WurjwAAAABJRU5ErkJggg==) no-repeat;}
.beakd {top: 50%; left: -20px; width: 20px; height: 25px; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAYAAAAxFw7TAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAADqSURBVHjaYvz//z8DtYC0gmYBExUNcwdSmUxUMkwNSHWB2ExUMEwISE0HYg6KDQQaxgqkJgKxDEyMUhdWALEZsgATBa4LAVIx6OKM5CQboGGGQGoxELOiyzGRYZg4kJqGzTCSDQQaxgGNUSFcakh1YRMQa+NTwESC6xKBlD8hdUxEGmYLpEqJUctEhGHyQKofiJkpNhBoGC80RnmJDRpCLgRleBVSYo0JX9kGpJxITadM+Mo2crIkE76yjWID0cs2igyElm39yGUbpS4ElW0WlJbgTPjKNnIAo5S8Bs6yjVwXTqGWYSAAEGAAJdwfJ1hVtlIAAAAASUVORK5CYII=) no-repeat;}
label.btnbf2 {text-align: left; width: 100px; padding: 4px 20px; font-family: 'museo_sans300', Verdana, Sans-Serif;}
span.ico-tel, span.ico-adresa, span.ico-download, span.ico-napsali, span.ico-lock {display: block; margin: 3px 20px 0 0; width: 28px; height: 28px; position: relative; float: left; z-index: 2; background: url('../__img/zoner/ico-telefon.png') no-repeat 0 0;}
span.ico-adresa {background: url('../__img/zoner/ico-adresa.png') no-repeat 0 0;}
span.ico-lock {width: 26px; height: 31px; background: url('../__img/zoner/ico-zamek.png') no-repeat 0 0; margin-bottom: 15px;}
span.ico-download {width: 36px; height: 26px; background: url('../__img/zoner/ico-stazeni.png') no-repeat 0 0;}
span.ico-napsali {width: 26px; height: 26px; background: url('../__img/zoner/ico-napsali.png') no-repeat 0 0;}
a.ico-pdf {display: block; margin-left: 8px; width: 23px; height: 26px; background: url('../__img/zoner/ico-pdf.png') no-repeat top left;}
div.ico-press {width: 130px; float: right;}
div.ico-press img {margin-left: 10px;}
div.last {margin-right: 0;}
.imgb {border: 1px solid #FFFFFF;}

.tablenews {width: 100%; margin-bottom: 40px;}
.tablenews td {height: 70px; line-height: 22px; padding-right: 20px; vertical-align: top;}
.tablenews a {color: #00b4e1; text-decoration: none;}
.tablenews a:hover {color: #00b4e1; text-decoration: underline;}

#face, #blog {width: 436px; height: 313px; background: transparent url('/__img/photo-studio/bg_blog.png') no-repeat left bottom; float: left; margin: 20px 10px 50px 0; position: relative;}
#face iframe, #blog img {position: absolute; right: 20px; top: 0; background: #FFF; border: none;}
#blog img {top: 245px;}
#face p, #blog p {font-size: 14px; color: #000; line-height: 24px; margin: 70px 0 0 28px;}
#face {background-image: url('/__img/photo-studio/bg_face.png');}
#face h2, #blog h2 {font-size: 26px; color: #8ABE27; margin: 20px 0 0 28px;}
#face h2 {color: #00A9E1;}

#topnav {height: 50px; background: #343C4E; line-height: 50px; margin-bottom: 15px;}
#topnav a {height: 50px; display: block; float: left; padding-left: 10px; color: #808897; font-size: 14px; text-decoration: none;}
#topnav a span {height: 50px; width: 34px; display: block; float: right; background: transparent url(/__img/order/topnav.gif) 0 -100px no-repeat;}
#topnav a.sel, #topnav a.alter.sel {color: #01B5E2; background: #FFF;}
#topnav a.sel span {background-position: 0 -50px;}
#topnav a.nsel span {background-image: none;}
#topnav a.alter {background: #484E5A;}
#topnav a.alter span {background-position: 0 0;}
#topnav a.alter2 span {background-position: 0 -200px;}
#topnav a.alter.sel span, #topnav a.alter2.sel span {background-position: 0 -150px;}
#topnav em {width: 16px; height: 24px; display: block; float: left; margin: 10px 10px 0 0; border-radius: 15px; border: solid 1px #808897; font-style: normal; line-height: 25px; padding: 0 0 0 8px;}
#topnav a.sel em {background: #01B5E2; border: solid 1px #01B5E2; color: #FFF;}
#order ul, ul.radio {list-style: none;}
#order ul.alpha {list-style-type: lower-alpha;}
#order div.step {width: 895px; float: left;}
#order div.pinfo, div.pinfo, div.pinfo2 {padding: 20px; margin: 15px 0 20px 0; font-size: 14px;}
div.pinfo2 {margin: 0;}
#order div.hfix {height: 215px;}
#order div.hfix2 {height: 250px;}
#order div.pinfo p {margin-bottom: 15px;}
#order div.pinfo label {width: 170px; font-size: 14px;}
#order div.pinfo label.w50 {width: 55px; float: left; margin-right: 10px; font-size: 14px;}
#order div.pinfo label.wauto, .radio label.wauto {width: auto; float: none; text-align: left; line-height: 20px;}
#order div.pinfo h2, #order div.pinfo h3, div.pinfo2 h2 {margin: 0 0 20px 0; padding: 0;}
div.pinfo h3, div.pinfo2 h2 {margin: 0 0 20px 0; padding: 0;}
div.pinfo2 h3 {margin: 0 0 10px 0;}
div.pinfo2 ul {list-style-image: none; list-style-type: disc;}
div.pinfo2 li {line-height: 15px;}
div.pinfo2 h2.green {background: transparent; color: #50AF31; height: 45px; line-height: 45px; background: url(/__img/order/icons-order-status.png) right 0 no-repeat; margin: 0;}
div.pinfo2 td {padding: 8px 15px 8px 0;}
#order div.pinfo h4 {margin: 15px 0 20px 0; padding: 0; font-size: 25px;}
#order .btng, #udata .btng {padding: 6px 25px; font-size: 16px; line-height: 26px; font-family: 'museo_sans300', Verdana, Sans-Serif;}
.otable {width: 100%;}
.otable td {padding: 7px 0;}
#bdata {margin-bottom: 25px;}
.zaexist {height: 70px; background: url(/__img/order/zaexist.gif) 0 0 no-repeat; margin-top: 30px;}
.zaexist.active {background-position: 0 -70px;}
.zaexist p {margin-left: 100px; font-size: 13px;}
.sellproduct, .sellextra {width: 520px; height: 200px; margin: 5px 20px 20px 0; padding: 25px 40px 25px 30px; font-size: 15px; line-height: 20px;}
.sellproduct.last {padding-right: 0; width: 560px;}
.sellproduct p {margin-bottom: 30px;}
.sellextra {width: 182px; height: 240px; padding: 30px 20px;}
.sellextra p {margin-bottom: 20px;}
.sellextra h3, h3.ms700, .summary h4, .half h3 {font-family: 'museo_sans700', Verdana, Sans-Serif; font-weight: normal; font-size: 20px; line-height: 23px;}
.half {width: 440px; float: left; margin-right: 15px;}
.sellextra h3, .half h3 {margin-top: 0;}
.half img.fright {margin: 15px 0 0 20px;}
.half td {padding: 5px 0;}
.half ul {margin: 0; padding: 0;}
.half input {width: 315px; border: solid 1px #484E5A;}
.half input.full {width: 380px;}
.border {border: solid 1px #E5EBEF;}
.half.border {width: 438px;}
.radio {width: 438px; float: left; margin-right: 19px;}
.radio img {position: absolute; top: 20px; right: 20px;}
.radio input {width: 20px; height: 20px; position: absolute; top: 25px; left: 30px; z-index: 9; opacity: 0; filter: alpha(opacity = 0);}
.radio label {width: 350px; text-align: left; margin-left: 40px; font-size: 14px;}
.dptype label {font-weight: bold; font-size: 16px;}
.radio li {position: relative; border: solid 1px #E5EBEF; padding: 20px 25px; margin: 0 0 10px 0; height: 100px;}
.radio.nb li {padding: 5px; margin: 0 0 10px 0; height: auto; border: none;}
.radio.nb input {top: 5px; left: 5px;}
.radio li.hauto {height: auto;}
div.rad, .half div.rad {background: url(/__img/order/chk.gif) no-repeat scroll 0 0 transparent; position: absolute; top: 25px; left: 30px; width: 20px; height: 20px; z-index: 1;}
div.rad.sel, .half div.rad.sel {background-position: 0 -20px;}
div.rad {top: 5px; left: 5px;}
.ypradio {position: relative; float: left; width: 150px;}
.ypradio div.rad {left: 0;}
#order div.pinfo .ypsize label {width: 120px; cursor: pointer; line-height: 40px;}
#order div.pinfo .ypradio label {width: 100px; margin-left: 30px;}
.ypsize select {width: 160px;}
.ypradio input {width: 20px; height: 20px; position: absolute; top: 2px; left: 0; z-index: 9; opacity: 0; filter: alpha(opacity = 0);}
.ypbox {width: 1100px; height: 600px; text-align: center; vertical-align: middle; position: relative; margin: auto; background: #FFF; border: solid 1px #E8E8E8;}
.ypbox img {margin: auto;}
.close {position: absolute; top: 10px; right: 10px; font-size: 40px; text-decoration: none;}
.places, .place {width: 340px; margin-left: 40px; font-size: 14px;}
.places {margin-bottom: 20px;}
.place p.mb10 {margin-bottom: 10px;}
.summary {width: 285px; margin: 15px 0 0 20px; font-size: 13px; position: absolute; left: 900px;}
.summary table {width: 285px;}
.summary h4 {padding: 20px; margin: 0;}
.summary td {padding: 4px 20px;}
.summary tr.space {height: 20px;}
.total td {padding: 20px; border-top: solid 1px #FFF;}
td.ttprice {font-weight: bold; font-size: 16px;}
td.err {font-size: 13px; color: #E30613; text-align: center;}
a.show, a.hide {font-family: 'museo_sans300', Verdana, Sans-Serif; font-weight: normal; font-size: 25px; text-decoration: none; display: block; background: url(/__img/order/showhide.gif) right 0 no-repeat;}
a.hide {background-position: right -26px;}
#uok, #uerr, #uinfo {height: 45px; background: url(/__img/order/icons-order-status.png) 0 0 no-repeat; padding-left: 60px; line-height: 22px;}
#uerr {background-position: 0 -45px; color: #E30613;}
#uinfo {background-position: 0 -90px;}
#ppinfo {text-align: center; padding: 20px 15px; font-size: 13px; border: solid 1px #00B4E1; border-radius: 4px; margin-top: 15px;}
.msgbox, .blank .msgbox {width: 650px; margin: auto; padding: 40px; background: #FFF; border: solid 1px #E30613; font-size: 13px; color: #000; text-align: left;}
.blank .msgbox li, .blank .msgbox p {line-height: 20px; margin-bottom: 5px;}
.blank .msgbox li {margin: 0;}
.msgbox ul, #order .msgbox ul {list-style-image: none; list-style-type: disc; margin-bottom: 15px;}
.msgbox label {width: 100px; font-size: 13px; text-align: left;}
#faqpost, #howpost {padding: 38px 0 38px 0;}
#faqpost h3, #howpost h3 {color: #000; font-size: 35px; line-height: 50px; margin: 0 0 15px 0; padding: 0;}
#faqpost h5 {color: #000; font-size: 18px; line-height: 26px; font-weight: bold; font-family: Verdana, Sans-Serif; margin: 0; padding: 0;}
.post1, .post2, .post3 {width: 250px; margin: 0 150px 0 75px; font-size: 18px; background: url(/__img/photo-studio/postcards-ico.png) 0 0 no-repeat;}
.post1 h4, .post2 h4, .post3 h4 {margin: 0 0 10px 0; padding-top: 140px; color: #e8e8e9; font-size: 40px; font-family: 'museo_sans700', Verdana, Sans-Serif;}
.post2 {margin: 0 150px 0 0; background: url(/__img/photo-studio/postcards-ico.png) -250px 0 no-repeat;}
.post3 {margin: 0; background: url(/__img/photo-studio/postcards-ico.png) -500px 0 no-repeat;}
#foot a#toplist {width: 1px; height: 1px; font-size: 0; line-height: 0; float: left;}

/* advent */
.ad-slide {display: block; width: 133px; height: 264px; position: fixed; top: 225px; right: 0; z-index: 1000;}
.advent h1 {font-size: 42px; color: #50af31; padding-top: 0px;}
.advent h2 {font-size: 25px; color: #1a1f28;}
.advent h3 {font-size: 37px; color: #50af31; font-family: 'museo_sans700', Verdana, Sans-Serif; padding-top: 50px;}
.advent p {font-size: 22px; margin: 0 0 30px 0;}
#dar1, #dar2, #dar3, #dar4 {display: block; position: relative; float: left; width: 240px; height: 341px; margin-right: 80px; text-decoration: none;}
.advent h4 {font-size: 35px; color: #e50000; margin: 0px; padding: 30px 10px 30px 24px;}
.advent h5 {font-size: 25px; color: #1a1f28; padding: 0px 42px 0px 42px; margin: 38px 0 12px 0; font-family: 'museo_sans700', Verdana, Sans-Serif;}
.advent p.btnd, .advent a.btnd {display: block; font-family: 'museo_sans700', Verdana, Sans-Serif; text-align: center; background: #343C4E; color: #FFF; margin: 12px 32px 0px 42px; padding: 8px 16px; font-size: 16px; text-decoration: none; border: solid 1px #343C4E; border-radius: 4px; display: block; float: left; line-height: 20px;}
.advent a.btnd {float: right; margin-right: 42px;}
#dar1 span, #dar2 span, #dar3 span, #dar4 span {display: block; font-size: 15px; line-height: 20px; color: #1a1f28; padding: 0px 32px 0px 42px;}
a.ad1-inactive, a.ad2-inactive, a.ad3-inactive, a.ad4-inactive, a.ad1-active, a.ad2-active, a.ad3-active, a.ad4-active {display: block; width: 240px; height: 341px; background: #f6f6f6 url('/__img/advent/presents-bg.jpg') no-repeat 0 0; cursor: default; text-decoration: none;}
a.ad2-inactive {background: #f6f6f6 url('/__img/advent/presents-bg.jpg') no-repeat 0 -341px;}
a.ad3-inactive {background: #f6f6f6 url('/__img/advent/presents-bg.jpg') no-repeat 0 -682px;}
a.ad4-inactive {background: #f6f6f6 url('/__img/advent/presents-bg.jpg') no-repeat 0 -1023px;}
a.ad1-inactive:hover, a.ad2-inactive:hover, a.ad3-inactive:hover, a.ad4-inactive:hover {background: url('/__img/advent/presents-bg.jpg') no-repeat 0 -1364px;}
a.ad1-active, a.ad2-active, a.ad3-active, a.ad4-active {background: #f6f6f6 url('/__img/advent/presents-bg.jpg') no-repeat 0 -1705px; cursor: pointer;}
.ad-unfolded {display: none; position: absolute; width: 560px; height: 240px; top: 101px; left: 0; z-index: 10; background: #f6f6f6 url('/__img/advent/presents-bg.jpg') no-repeat 0 -2046px;}
.ad-close {display: block; position: absolute; top: 40px; right: 42px; z-index: 15;}
.ad-form {width: 710px; margin: 0px auto;}
.ad-form span {color: #888888; font-size: 16px;}
.ad-form span.req {color: #E30613;}
.ad-form span.ins {color: #50AF31;}
.ad-input {width: 345px; height: 21px; margin: 0 20px 0 0;}

#onlinesupport {position: fixed; left: 0; bottom: 200px;}

/*#slide1 div {left: 50%; top: 40%;} */
#slide2 div {left: 27%; top: 60%;}
#slide3 div {left: 42%; top: 46%;}
#slide4 div {left: 22%; top: 53%;}

#zpsslide1 div {left: 50%; top: 40%;}
#zpsslide2 div {left: 45%; top: 35%;}
#zpsslide3 div {left: 45%; top: 30%;}
#zpsslide4 div {left: 50%; top: 37%;}

#rshm {width: 40px; height: 40px; display: none; position: absolute; right: 8px; top: 15px; background: #1A1F28 url(/__img/rshm.gif) no-repeat center center;}
#rssm {width: 40px; height: 40px; display: none; position: absolute; right: 7px; top: 70px; z-index: 14; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAYAAADwdn+XAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABOSURBVHjaYgzNmbibgYHBhYE8kM4EJFyBeDUZmsOAeBYTEmc1iZrB6pmwCRKrGd0AYgzBkGciRhE+cSY8Nu0hxmVMeJzrCjUEr7cAAgwApQMQxVTdMb4AAAAASUVORK5CYII=) no-repeat center center;}

@media only screen and (max-width: 1080px) {
	html {font-size: 14px;}
	body {width: auto!important;}
	.holder, .blank, .blankc {width: 1060px;}
	#zonerista, #lslides, #mapwrap, #map, #zonerpeople, .suppbg .beakb {display: none;}
    #slider, #zpsslider, #zpsslider2, #can {width: 1080px; height: auto;}
    #slider div.desc, #slider div.desc, #zpsslider div.desc, #zpsslider div.desc2, #zpsslider2 div.desc, #zpsslider.vid div.desc, #zpsslider div.desc2, #zpsslider2 div.desc2 {width: 1060px; padding: 10px; background: #50AF31; height: auto; float: none; text-align: center;}
    #zpsslider a.btnw, #slider a.btnw, #slider a.btnt, #zpsslider2 a.btnw, #zpsslider div.desc2 a.btnw {float: none; margin: 0 200px; width: auto;}
    #zpsslider, #zpsslider2, #zpsslider2.zpsa, #zpsslider2.pohlednice, #zpsslider.zonerama {background: #50af31;}
    #slides {float: none; margin: 0; width: 1080px; height: 573px; background: #E5E5E7;}
    #slides li, #slides li img, #zslides li img {width: 100%;}
    #family {width: 610px; height: auto;}
    #family h2 {margin-top: 140px;}
    .lane2 div.zpsbg, #zpsslider.vid, .darkgrey.lane2, .grey.lane2, .notebook {background: #50af31;}
    #award {width: 1080px;}
    .zicons a {width: 170px;}
    #zslides {float: none; margin: 0 auto; width: 791px; height: 353px;}
    #zslides li {top: 0; left: 0;}
    .col4.last {margin-right: 20px;}
    #absvid {position: relative; top: auto; right: auto;}
    #absvid img, #absvid iframe {width: 100%;}
    #zpsslider h1, #zpsslider2 h1, #zpsslider2.pohlednice h1 {text-align: center; padding-top: 80px;}
    #browse, #nocompress {margin: 80px 10px 0 10px;}
    #choosepic {margin: 10px;}
    #howpost .post1, #howpost .post2, #howpost .post3 {margin: 0 50px;}
    .qa h3 {width: auto; float: none; text-align: left; margin: 20px 0; padding: 0;}
    .qa a.top {margin: 15px 30px 0 20px;}
    .suppbg {background: none;}
    .suppbg div.bgtb {position: relative; left: 0; top: 0;}
    .supp {float: none; margin: 0 auto;}
    #extras .clear30 {height: 0;}
    .extras {width: 1060px; margin: 0 0 20px 0;}
    .blank a.down, .blank a.downafter {border: solid 1px #FFF; left: 550px; right: auto; top: 90px;}
    .dwnl-desc {width: 1060px; height: auto; padding-bottom: 40px;}
    .aboutl, .aboutl2 {margin-left: 0;}
    #content-left {width: 745px;}
    #content-left .col3 {width: 231px;}
    .contactdesc {width: auto; margin: 0;}
    #fvimeo {margin: 70px 10px 0 10px;}
    #inspire, #lovephoto {height: auto; padding-bottom: 40px;}
    #inspire p, #inspire h2 {margin-left: 0; width: auto;}
    #foot {padding-top: 20px; height: 134px;}
    #foot ul {width: 1060px; margin-top: 40px;}
    #foot ul#lang {width: 240px; position: relative; top: auto; right: auto; text-align: left; padding: 0; z-index: 9; margin-top: 0;}
    #foot ul#lang ul {bottom: 0; margin-top: 0;}
    .desc2-btns {padding-bottom: 20px;}
    #cameras {-webkit-column-count: 4; -moz-column-count: 4; column-count: 4;}
}

@media only screen and (max-width: 1024px) {
	.holder, .blank, .blankc, #slider div.desc, #slider div.desc, #zpsslider div.desc, #zpsslider div.desc2, #zpsslider2 div.desc, #zpsslider.vid div.desc, #zpsslider div.desc2, #zpsslider2 div.desc2, #foot ul {width: 1004px;}
    #slider, #zpsslider, #zpsslider2, #can, #award {width: 1024px;}
    #nav .sm {line-height: 40px;}
    #nav .sm a {height: 40px; font-size: 13px;}
    #nav.tiny .sm a {font-size: 12px;}
    #topsm {height: 140px;}
    #browse h2 {padding-top: 60px;}
    #award div {margin-right: 60px;}
    #love .feed {width: 610px;}
    #slides {width: 1024px; height: 543px;}
    .zicons a {width: 160px;}
    .extras {width: 1004px; margin: 0 0 20px 0;}
    .dwnl-desc {width: 1004px; padding-bottom: 20px;}    
    #content-left {width: 688px;}
    #content-left .col3 {width: 212px;}
    #howpost .post1, #howpost .post2, #howpost .post3 {margin: 0 40px;}
    .aboutl, .aboutl2 {width: 470px;}
}

@media only screen and (max-width: 980px) {
	.holder, .blank, .blankc, .extras, .dwnl-desc, #foot ul, #slider div.desc, #slider div.desc, #zpsslider div.desc, #zpsslider div.desc2, #zpsslider2 div.desc, #zpsslider.vid div.desc, #zpsslider div.desc2, #zpsslider2 div.desc2 {width: 960px;}
    #slider, #zpsslider, #zpsslider2, #can, #award {width: 980px;}
    #slides {width: 980px; height: 520px;}
    #family h2 {margin-top: 130px;}
    #love .feed {width: 550px;}
    #dwnl {padding: 20px 0;}
    #dwnl p {line-height: 70px;}
    #cameras {-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}
    #award div {margin-right: 65px;}
    #import, #edit, #share, #import, #edit, #share, #organize, #create, #enjoy, #raw, #raw2, #expo, #auto, #browse, #edita, #backup, #show, #sendp, #choosepic, #chepeast, #original, #quality, #nocompress, #everywhere, #instant, #pocket {background: none; height: auto; padding-bottom: 10px;}
    #import h2, #edit h2, #share h2, #import p, #edit p, #share p, #raw h2, #raw p, #browse h2, #browse p, #backup h2, #backup p, #sendp h2, #sendp p, #nocompress h2, #nocompress p, #instant h2, #instant p, #choosepic h2, #choosepic p, #original h2, #original p, #expo h2, #expo p {margin-left: 0;}
    .tab h1, .tab h2, #raw h2, #raw2 h2, #quality h2, #expo h2, #auto h2, #edita h2, #everywhere h2, #backup h2, #sendp h2, #instant h2, #pocket h2 {padding-top: 40px; margin: 0 0 20px 0;}
    #auto h2, #auto p, #show h2, #show p, #quality h2, #quality p, #raw2 h2, #raw2 p, #edita h2, #edita p, #everywhere h2, #everywhere p, #pocket h2, #chepeast h2, #chepeast p, #organize p, #create p, #enjoy p, #pocket p {width: auto;}
    .zicons a {width: 150px;}
    .blank a.down {left: 510px;}
    #needhelp img {margin-right: 0;}
    .aboutl, .aboutl2 {width: 450px;}
    #content-left {width: 645px;}
    #content-left .col3 {width: 198px;}
    .cmpr th img {display: none;}
    .cmpr th {padding: 0;}
    .cmpr th span {margin: 0; width: auto;}
    #howpost .post1, #howpost .post2, #howpost .post3 {margin: 0 30px;}
    #filter a.btnb {padding: 6px 20px;}
}

@media only screen and (max-width: 960px) {
	.holder, .blank, .blankc, .extras, .dwnl-desc, #foot ul, #slider div.desc, #slider div.desc, #zpsslider div.desc, #zpsslider div.desc2, #zpsslider2 div.desc, #zpsslider.vid div.desc, #zpsslider div.desc2, #zpsslider2 div.desc2 {width: 940px;}
    #slider, #zpsslider, #zpsslider2, #can, #award {width: 960px;}
    #slides {width: 960px; height: 510px;}
    #love .feed {width: 530px;}
    #award div {margin-right: 65px;}
    .aboutl, .aboutl2 {width: 430px;}
    #content-left {width: 625px;}
    #content-left .col3 {width: 191px;}
}

@media only screen and (max-width: 900px) {
	.holder, .blank, .blankc, .qat, .extras, .dwnl-desc, #foot ul, #slider div.desc, #zpsslider div.desc, #zpsslider div.desc2, #zpsslider2 div.desc, #zpsslider.vid div.desc, #zpsslider div.desc2, #zpsslider2 div.desc2 {width: 880px;}
    #nav {height: 70px; line-height: 70px; font-size: 90%;}
    #nav img {width: 118px; height: 40px;}
    #top {height: 70px;}
    #topsm {height: 110px;}
    #nav ul.sm {top: 70px; right: 0; border: none; border-radius: 0;}
    #award {width: 900px;}
    #award div {margin-right: 50px;}
    #slider, #slides, #zpsslider, #zpsslider2, #can {width: 900px;}
    #slides {height: 520px;}
    #family h2 {margin-top: 90px;}
    #love .feed {width: 470px;}
    .zicons a {width: 140px;}
    .aboutl, .aboutl2 {width: 405px; font-size: 13px;}
    #content-left {width: 640px;}
    #content-right {width: 210px; font-size: 16px;}
    #content-right div.inleft {margin: 0 15px; overflow: hidden;}
    #content-left .col3 {width: 196px;}
    #howpost .post1, #howpost .post2, #howpost .post3 {margin: 0 20px;}
    #filter a.btnb {padding: 6px;}
}

@media only screen and (max-width: 800px) {
	.holder, .blank, .blankc, .qat, .extras, .dwnl-desc, #foot ul, #slider div.desc, #zpsslider div.desc, #zpsslider div.desc2, #zpsslider2 div.desc, #zpsslider.vid div.desc, #zpsslider div.desc2, #zpsslider2 div.desc2 {width: 780px;}
	#nav ul, .aboutc, #zonermap, .desc2-btns span.fleft {display: none;}
    #nav ul.sm {display: block; top: 70px;}
	#rshm {display: block;}
	#nav span {width: 0; height: 0; background: none;}
	#nav img {position: absolute; top: 15px; left: 0;}
    #nav ul.tmm {background: #1b1f28; position: relative; top: 70px; left: -10px; width: 800px; z-index: 15; float: none; border-top: solid 1px #484e5a; border-bottom: solid 1px #484e5a;}
	#nav .tmm li {float: none; display: block; border-bottom: solid 1px #484e5a; font-size: 16px; text-align: center; padding: 0; margin: 0; line-height: 40px;}
	#nav .tmm li a, #nav .tmm li a:hover, #nav ul a#buy, #nav ul a#down {padding: 0; margin: 0; z-index: 15; display: inline-block; width: 100%; border-radius: 0; border: none; background: none;}
	#nav .tmm li a:hover, #nav ul a#buy:hover, #nav ul a#down:hover {background: #484e5a; border: none; color: #fff;}
	#award {width: 800px;}
    #award div {margin-right: 30px;}
    #award p {width: 160px;}
    #slider, #slides, #zpsslider, #zpsslider2, #can {width: 800px; height: auto;}
    #slides, #slides li {height: 486px;}
    #family h2 {margin-top: 60px;}
    #love img.bg {margin-left: -120px;}
    #love .bgtb {left: 0;}
    #love .feed {width: 410px; margin-left: 20px;}
    .feed li {margin-bottom: 20px;}
    .feed img {display: none;}
    .zicons a {width: 130px;}
    .blank a.down, .blank a.downafter {position: relative; left: auto; top: auto; float: none; margin: 0 100px;}
    .notebook {padding-bottom: 40px;}
    .aboutl, .aboutl2 {width: 385px;}
    .aboutl2 p, .aboutl2 h4 {margin-left: 0; padding-left: 0;}
    #content-left {width: 540px;}
    #content-left .col3 {width: 100%; margin-right: 0;}
    #fvimeo {float: none; margin: 10px auto;}
    #controlzps {height: auto; text-align: center;}
    #controlzps a.btnd {float: none; margin: 0 100px;}
    #inspire {padding-top: 20px;}
    #inspire img {float: none; margin: 20px auto 0 auto; display: block;}
    #howpost .post1, #howpost .post2, #howpost .post3 {margin: 0 5px;}
}

@media only screen and (max-width: 768px) {
	.holder, .blank, .blankc, #slider div.desc, #zpsslider div.desc, #zpsslider div.desc2, #zpsslider2 div.desc, #zpsslider.vid div.desc, #zpsslider div.desc2, #zpsslider2 div.desc2, .qat, .extras, .dwnl-desc, #foot ul {width: 748px;}
	#slider, #slides, #zpsslider, #zpsslider2, #can, #award, #nav ul.tmm {width: 768px;}
    #award div {margin-right: 20px;}
    #slides, #slides li {height: 466px;}
    #zslides, #zslides li {width: 768px; height: 343px;}
    #zpsslider a.btnw, #slider a.btnw, #slider a.btnt, #zpsslider2 a.btnw, #zpsslider div.desc2 a.btnw {float: none; margin: 0 150px; width: auto;}
    #love .feed {width: 338px;}
    .zicons a {width: 120px;}
    #needhelp h2 {margin: 0 0 20px 0;}
    .aboutl, .aboutl2 {width: 370px;}
    #content-left {width: 508px;}
    #howpost .post1, #howpost .post2, #howpost .post3 {margin: 20px auto; float: none;}
}

@media only screen and (max-width: 720px) {
	.holder, .blank, .blankc, #slider div.desc, #zpsslider div.desc, #zpsslider div.desc2, #zpsslider2 div.desc, #zpsslider.vid div.desc, #zpsslider div.desc2, #zpsslider2 div.desc2, .qat, .extras, .dwnl-desc {width: 700px;}
	#slider, #slides, #zpsslider, #zpsslider2, #can, #nav ul.tmm {width: 720px;}
    #zslides, #zslides li {width: 720px; height: 321px;}
    #love .feed {width: 290px;}
    #refs {height: 360px;}
    .zicons a {width: 110px; font-size: 18px;}
    #award div {margin-right: 10px;}
    #needhelp .btne {margin-bottom: 30px;}
    #needhelp img, #award, #filter {display: none;}
    .aboutl, .aboutl2 {width: 345px;}
    #content-left {width: 460px;}
    #topsm {height: 150px;}
    #fm {height: 300px;}
    #foot ul {width: auto; text-align: left; margin-top: 20px; padding-bottom: 15px;}
    #foot li {float: none; padding-bottom: 8px;}
    #foot ul#lang ul {bottom: 30px;}
}

@media only screen and (max-width: 640px) {
	html {font-size: 12px;}
	.holder, .blank, .blankc, #award, #refs ul, #refs span, #love .feed, .qat, .extras, .dwnl-desc, #slider div.desc, #zpsslider div.desc, #zpsslider div.desc2, #zpsslider2 div.desc, #zpsslider.vid div.desc, #zpsslider div.desc2, #zpsslider2 div.desc2, #ovt, #vim {width: 620px;}
    #slider, #slides, #zpsslider, #zpsslider2, #can, #award, #nav ul.tmm {width: 640px;}
    #slides, #slides li {height: 389px;}
    #zslides, #zslides li {width: 640px; height: 286px;}
    #slides .bgtw, #zslides .bgtd {width: 200px; font-size: 13px; padding: 30px;}
    #slides .bgtw h3, #zslides .bgtd h3 {font-size: 18px;}
    #zpsslider a.btnw, #slider a.btnw, #slider a.btnt, #zpsslider2 a.btnw, #zpsslider div.desc2 a.btnw {float: none; margin: 0 100px; width: auto;}
    #refs {height: 360px;}
    #refs em {width: 560px;}
    #fm {height: 340px;}
    #love img.bg, #love ul.feed {margin: 0;}
    #cameras {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
    #cmpr {margin-top: 40px;}
    #dwnl h3, #dwnl2 h3 {padding: 30px 10px;}
    #dwnl p.small, #dwnl2 p.small {line-height: 30px; margin: 20px 10px 0 10px;}
    .zicons a {width: 100px;}
    #award div {margin-right: 0;}
    .blank a.down, .blank a.downafter {margin: 0 80px;}
    .aboutl, .aboutl2 {width: 310px;}
    #content-left {width: 380px;}
    #content-right {width: 210px; font-size: 14px;}
    #topsm {height: 70px;}
    #controlzps {margin-top: 70px;}
    #rssm {display: block;}
    #nav .sm a {display: none; padding: 0;}
    #nav .sm a:hover, #nav .sm a.act {display: block; float: none; width: auto; padding: 0;}
    #nav .sm.vis a {display: block;}
}

@media only screen and (max-width: 600px) {
	.holder, .blank, .blankc, #award, #refs ul, #refs span, #love .feed, #slider div.desc, #zpsslider div.desc, #zpsslider div.desc2, #zpsslider2 div.desc, #zpsslider.vid div.desc, #zpsslider div.desc2, #zpsslider2 div.desc2, .qat, .supp, .extras, .dwnl-desc, #ovt, #vim {width: 580px;}
    #slider, #slides, #zpsslider, #zpsslider2, #can, #award, #family, #nav ul.tmm {width: 600px;}
    #slides, #slides li {height: 365px;}
    #zslides, #zslides li {width: 600px; height: 268px;}
    #slides .bgtw, #zslides .bgtd {width: 180px;}
    #refs {height: 380px;}
    #refs em, .supp textarea, .supp input, .supp select {width: 520px;}
    #zps, #droid, #znrm, #card {float: none; margin: 0 auto 60px auto;}
    #dwnl a.btnw, #dwnl a.btnt, #dwnl2 a.btnw, #dwnl2 a.btnt {display: block; margin: 0 auto;}
    .zicons a {width: 150px;}
    #award div {margin-right: 60px;}
    #slides .bgtw, #zslides .bgtd {padding: 25px;}
    .faqbg {height: auto; padding-bottom: 230px;}
    .blank a.down, .blank a.downafter {margin: 0 60px;}
    .aboutl, .aboutl2 {width: 290px;}
    #content-left {width: 340px;}
    .col4 {width: 270px; height: 220px; margin-right: 20px;}
}

@media only screen and (max-width: 540px) {
	.holder, .blank, .blankc, #award, #refs ul, #refs span, #love .feed, #slider div.desc, #zpsslider div.desc, #zpsslider div.desc2, #zpsslider2 div.desc, #zpsslider.vid div.desc, #zpsslider div.desc2, #zpsslider2 div.desc2, .qat, .supp, .extras, .dwnl-desc, #ovt, #vim {width: 520px;}
    #slider, #slides, #zpsslider, #zpsslider2, #can, #award, #family, #nav ul.tmm {width: 540px;}
    #slides, #slides li {height: 328px;}
    #zslides, #zslides li {width: 540px; height: 241px;}
    #refs em, .supp textarea, .supp input, .supp select {width: 460px;}
    .blank a.down, .blank a.downafter {margin: 0 10px; font-size: 22px;}
    #choosepic, #nocompress, #browse {margin: 0 10px;}
    #dwnl p {line-height: 50px;}
    .aboutl, .aboutl2 {width: 260px;}
    #content-left {width: 280px;}
    .col4 {width: 240px;}
}

@media only screen and (max-width: 480px) {
	.holder, .blank, .blankc, #award, #refs ul, #refs span, #love .feed, #slider div.desc, #zpsslider div.desc, #zpsslider div.desc2, #zpsslider2 div.desc, #zpsslider.vid div.desc, #zpsslider div.desc2, #zpsslider2 div.desc2, .qat, .supp, .extras, .dwnl-desc, #fvimeo, .soc, #ovt, #vim {width: 460px;}
    #slider, #slides, #zpsslider, #zpsslider2, #can, #award, #family, #nav ul.tmm {width: 480px;}
    #slides, #slides li {height: 292px;}
    #zslides, #zslides li {width: 480px; height: 215px;}
    #zpsslider h1, #zpsslider2 h1, #zpsslider.vid h1, #zpsslider2.pohlednice h1 {padding-top: 80px;}
    #zpsslider a.btnw, #slider a.btnw, #slider a.btnt, #zpsslider2 a.btnw, #zpsslider div.desc2 a.btnw {margin: 0 60px;}
    #refs em, .supp textarea, .supp input, .supp select {width: 400px;}
    #cameras {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
    #slides .bgtw, #zslides .bgtd {width: 160px; font-size: 12px; padding: 20px;}
    .aboutl, .aboutl2 {width: 230px;}
    #content-left {width: 220px;}
    .speimg, #cmpr img {display: none;}
    #cmpr select {font-size: 20px;}
    #dwnl a.btnw.wide, #dwnl2 a.btnw.wide {width: auto; margin: 0 10px;}
    .col4 {width: 285px;}
    .clear80 {height: 50px;}
    .soc a {margin-bottom: 10px;}
    .sbtn a.btne {margin-top: 20px;}
}

@media only screen and (max-width: 360px) {
	.holder, .blank, .blankc, #award, #refs ul, #refs span, #love .feed, #slider div.desc, #zpsslider div.desc, #zpsslider div.desc2, #zpsslider2 div.desc, #zpsslider.vid div.desc, #zpsslider div.desc2, #zpsslider2 div.desc2, .qat, .supp, .extras, .dwnl-desc, #fvimeo, .soc, .tablenews, #olderv select, #ovt, #vim {width: 340px;}
    #slider, #zpsslider, #zpsslider2, #can, #award, #family, #nav ul.tmm {width: 360px;}
    #resbrowser {display: block; width: 100%;}
	.feed em {font-size: 16px; width: 60px; float: none;}
	.feed img {float: none; margin: 30px 0 10px 0;}
	.tablenews td {padding-right: 10px;}
	#content-left {width: 340px; padding-right: 0;}
    #slides, #zslides .bgtd, #love img.bg, .zicons {display: none;}
    #zslides, #zslides li {width: 360px; height: 160px;}
    #refs {height: 440px;}
    #zpsslider a.btnw, #slider a.btnw, #slider a.btnt, #zpsslider2 a.btnw, #zpsslider div.desc2 a.btnw {margin: 0 10px;}
    #refs em, .supp textarea, .supp input, .supp select {width: 280px;}
    .aboutl, .aboutl2 {width: 170px;}
    #love .bgtb {position: relative; left: auto; top: auto; width: 270px;}
    #inspire {overflow: hidden;}
    .vtutor {width: 340px; overflow: hidden; margin-right: 0;}
    a.faq {width: 280px; padding: 0 0 0 20px;}
    #dwnl p, #dwnl2 p {line-height: 40px; font-size: 22px;}
}

@media only screen and (max-width: 320px) {
	.holder, .blank, .blankc, #award, #refs ul, #refs span, #love .feed, #slider div.desc, #zpsslider div.desc, #zpsslider div.desc2, #zpsslider2 div.desc, #zpsslider.vid div.desc, #zpsslider div.desc2, #zpsslider2 div.desc2, .qat, .supp, .extras, .dwnl-desc, #fvimeo, .soc, #content-left, .tablenews, .vtutor, #olderv select, #ovt, #vim {width: 300px;}
    #slider, #zpsslider, #zpsslider2, #can, #award, #family, #nav ul.tmm {width: 320px;}
    #zslides, #zslides li {width: 320px; height: 143px;}
    #refs {height: 480px;}
    #zpsslider a.btnw, #slider a.btnw, #slider a.btnt, #zpsslider2 a.btnw, #zpsslider div.desc2 a.btnw {margin: 0 10px;}
    #refs em, .supp textarea, .supp input, .supp select {width: 240px;}
    .aboutl, .aboutl2 {width: 150px;}
    #love .bgtb {width: 230px;}
}