html, body, form, p,
ul, ol, li, dl, dt, dd,
h1, h2, h3, h4, h5 { margin:0; padding:0; }
/*- layout -*/
body { width:100%; font:normal 62.8%/1.3 verdana,'Arial CE',Arial,Helvetica,sans-serif; color:#000; background: #FFFFFF url(/images/bg.gif) repeat-x; text-align:center; }
#navigation { height:47px; }
#subnavigation { height:32px; }
#content { height:443px; }
#links-i-like { height:198px; }
.holder { width:960px; }
/*- becne tridy -*/
#page:after, #header:after, #links:after, #tour:after, #footer:after, #content:after, #navigatio:after, #subnavigation:after,
.box:after, .cols:after, .cols2:after, .cols3:after, .item:after, .lister:after,
.clearfix:after { content:'.'; display:block; height:0; overflow:hidden; clear:both; visibility:hidden; }
.clearfix {_height:1%; min-height: 1%;}
/*- html -*/
.fl { float: left; }
.fr { float: right; }
a img { border:0; }
a { color:black; }
a:hover { color:#62c7fd !important; }
ul li { list-style: none; }
.hidden { display: none; }
.show { display: block; }
h1 { font-size: 2.1em; }
h2 { font-size: 1.9em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.1em; }
/*- cols -*/
.cols3, .cols4, .cols6 { margin:0 auto; text-align:center; }
.col1, .col2, .col3,
.col4, .col5, .col6 { float:left; }
/*- cols4 -*/
.cols4 .col1,
.cols4 .col2,
.cols4 .col3,
.cols4 .col4 { width:25%; }
/*- cols6 -*/
.cols6 .col1, .cols6 .col2, .cols6 .col3,
.cols6 .col4, .cols6 .col5, .cols6 .col6 { width:16.5%; }
/*- holder -*/
.holder { margin:0 auto; }
/*- div.page -*/
#page { font-size: 100%; }
/*- div.navigation -*/
#navigation .heading { width:200px; height:40px; float:left; }
#navigation .heading { margin:6px 0 0; }
#navigation .heading .logo { margin:0 13px 0 17px; }
#navigation .heading a { margin:23px 0 0; float:left; }
#navigation ul { width:758px; float:right; }
#navigation ul li { float:right; }
#navigation li.separator { width:2px; height:46px; position: relative; background: Transparent url(/images/separator.gif) no-repeat center center; }
#navigation ul li a { background: #1D1D1D no-repeat; display:block; height:45px; position:relative; }
.bg { opacity:0; }
#navigation ul li a .bg { height:45px; }
body#archive #navigation ul li a.archive .bg,
body#contact #navigation ul li a.contact .bg,
body#graphic #navigation ul li a.graphic .bg,
body#photo #navigation ul li a.photo .bg,
body#biography #navigation ul li a.biography .bg { display:none; }
#navigation ul li a.archive .bg,
#navigation ul li a.archive,
#navigation ul li a.contact .bg,
#navigation ul li a.contact { width: 110px; }
#navigation ul li a.graphic,
#navigation ul li a.graphic .bg { width: 111px; }
#navigation ul li a.photo,
#navigation ul li a.photo .bg { width: 100px; }
#navigation ul li a.biography,
#navigation ul li a.biography .bg { width: 125px; }
#navigation ul li a.graphic { background: url(/images/menu/graphic.jpg); }
#navigation ul li a.photo { background: url(/images/menu/photo.jpg); }
#navigation ul li a.archive { background: url(/images/menu/archive.jpg); }
#navigation ul li a.biography { background: url(/images/menu/biography.jpg); }
#navigation ul li a.contact { background: url(/images/menu/contact.jpg); }
#navigation ul li a.graphic .bg,
#navigation ul li a.graphic:hover { background: url(/images/menu/graphic.jpg) 0 90px; }
#navigation ul li a.photo .bg,
#navigation ul li a.photo:hover { background: url(/images/menu/photo.jpg) 0 90px; }
#navigation ul li a.archive .bg,
#navigation ul li a.archive:hover { background: url(/images/menu/archive.jpg) 0 90px; }
#navigation ul li a.biography .bg,
#navigation ul li a.biography:hover { background: url(/images/menu/biography.jpg) 0 90px; }
#navigation ul li a.contact .bg,
#navigation ul li a.contact:hover { background: url(/images/menu/contact.jpg) 0 90px; }
#navigation ul li a.graphic .bg,
#navigation ul li a.photo .bg,
#navigation ul li a.archive .bg,
#navigation ul li a.biography .bg,
#navigation ul li a.contact .bg {
display: block;
position:absolute;
top:0;
left:0;
}
body#graphic #navigation ul li a.graphic { background: url(/images/menu/graphic.jpg) 0 46px !important; }
body#photo #navigation ul li a.photo { background: url(/images/menu/photo.jpg) 0 46px !important; }
body#archive #navigation ul li a.archive { background: url(/images/menu/archive.jpg) 0 46px !important; }
body#biography #navigation ul li a.biography { background: url(/images/menu/biography.jpg) 0 46px !important; }
body#contact ul li a.contact { background: url(/images/menu/contact.jpg) 0 46px !important; }
.mainpage #navigation,
.contact #navigation { margin-bottom:32px; }
/*- div.subnavigation -*/
.mainpage #subnavigation { display:none; }
/*- subpage subnavigation-> visible -*/
#subnavigation { margin:0 0 0 0 !important; padding:0 0 0 0 !important; position: relative; z-index: 20; }
#subnavigation .holder { position: relative; top: 10px; overflow: hidden; }
.subpage #subnavigation .holder { top: 5px; }
#subnavigation .holder ul { float:right; margin:0 0 0 0 !important; }
#subnavigation .holder ul li { display:block; float:left; margin:0 0 0 6px !important; }
#subnavigation .holder ul li a { display:block; background: url(/images/submenu/bg-a.gif) repeat-x; text-decoration:none; color:#000000 !important; border: 1px #B9B9B9 solid; border-top:0; }
#subnavigation .holder ul li a span { cursor: pointer; display:block; padding:5px 0 4px 0; margin:0 -1px; }
#subnavigation .holder ul li a:hover { background: #FFFFFF; font-weight:bold; border-bottom:1px #B9B9B9 solid; }
#subnavigation .holder ul li.active a { background: #FFFFFF; font-weight:bold; border-bottom:1px #FFFFFF solid; }
#subnavigation .holder ul li.active a:hover { background: #FFFFFF; font-weight:bold; border-bottom:1px #FFFFFF solid; }
/*- content -*/
/*- main page -*/
.mainpage #content .holder { background: url(/images/content/bg-content.gif) repeat-y; clear:both; /*min-height:391px; height:auto;*/ /*_height:391px;*/ border-top:0; position: relative; z-index:1; }
.mainpage #content .riprazl { background: url(/images/ripraz.gif) no-repeat top; width:72px; height:10px; position: absolute; top:30px; left:868px; }
#index.construct.index.mainpage #content .content-box { background: url() no-repeat 21px 15px !important; }
#index.index.mainpage #content .content-box { background: url(/images/heading/selected-work-h1.gif) no-repeat 20px 17px !important; }
.mainpage #content .content-box .cols3 a.item { display: block; background: url(/images/content/bg-item.gif) repeat-x; width:292px; height:141px; margin:0 0 17px 19px; border:1px #a7a7a7 solid; float: left; }
.mainpage #content .content-box .cols3 a.item.frst { margin-left:0; }
.mainpage #content .content-box .cols3 a.bttm { margin-bottom:0; }
.mainpage #content .content-box .cols3 a:hover.item { display: block; background: url(/images/content/bg-item-over.gif) repeat-x; border:1px #6591a7 solid; }
.mainpage #content .content-box .cols3 a.item .last-work { behavior: url(/css/iepngfix.htc); display: block; background: url(/images/last-work.png) no-repeat; display: block; width:65px; height:65px; margin:36px 0 0 0; position: absolute; left:5px; z-index:2; }
.mainpage #content .content-box .cols3 a.item .example { cursor: pointer; width: 292px; height: 141px; float: left; }
/* Mainpage layer*/
.mainpage #content #layer { position: absolute; width: 958px; height: 381px; left: 1px; top: 4px; background-color: #fff; }
.mainpage #content #layer .p-mail { text-align: center; margin-top: 95px; }
.mainpage #content #layer .p-skip { text-align: right; margin-top: 110px; padding-right: 20px; }
.mainpage #content #layer .mail { display: block; width: 878px; height: 147px; margin: 0 auto; position: relative; text-decoration: none; }
.mainpage #content #layer .mail span { position: absolute; left: 0; top: 0; width: 878px; height: 147px; background: #fff url('/images/mainpage-layer.gif') no-repeat 0 0; text-decoration: none; }
.mainpage #content #layer .skip { padding-right: 12px; background: #fff url('/images/bullet.gif') no-repeat 100% 60%; color: #c8c8c8; }
.mainpage #content #layer .skip:hover { color: #000 !important; }
/* Mainpage layer END */
.mainpage #content .content-box .cols3 a:hover.item .example { background-position: 0px 0px; }
.section #content .content-box .cols4 a:hover.item .example { background-position: 0px -141px; }
.mainpage #tour .holder .ico-box { width: 940px; height: 55px; position: relative; left:18px; top:77px; float: left; }
.mainpage #tour .holder .ico-box img { margin-top: 25px; float:left; }
.mainpage #tour .holder .ico-box div { float:left; }
.mainpage #tour .holder .ico-box a,
.mainpage #tour .holder .ico-box a .bg { height:55px; display: block; }
.mainpage #tour .holder .ico-box a { float: left; position: relative; margin-right: 17.1px; }
.mainpage #tour .holder .ico-box a .bg { position: absolute; top:0; left:0; }
.mainpage #tour .holder .ico-box a.virb,
.mainpage #tour .holder .ico-box a.virb .bg { width: 58px; }
.mainpage #tour .holder .ico-box a.flickr,
.mainpage #tour .holder .ico-box a.flickr .bg { width: 71px; }
.mainpage #tour .holder .ico-box a.ag,
.mainpage #tour .holder .ico-box a.ag .bg { width: 47px; }
.mainpage #tour .holder .ico-box a.x,
.mainpage #tour .holder .ico-box a.x .bg,
.mainpage #tour .holder .ico-box a.fa,
.mainpage #tour .holder .ico-box a.fa .bg,
.mainpage #tour .holder .ico-box a.iii,
.mainpage #tour .holder .ico-box a.iii .bg { width: 29px; }
.mainpage #tour .holder .ico-box a.w,
.mainpage #tour .holder .ico-box a.w .bg { width: 30px; }
.mainpage #tour .holder .ico-box a.ft,
.mainpage #tour .holder .ico-box a.ft .bg { width: 23px; }
.mainpage #tour .holder .ico-box a.be,
.mainpage #tour .holder .ico-box a.be .bg { width: 31px; }
.mainpage #tour .holder .ico-box a.yt,
.mainpage #tour .holder .ico-box a.yt .bg { width: 38px; }
.mainpage #tour .holder .ico-box a.t,
.mainpage #tour .holder .ico-box a.t .bg { width: 16px; }
.mainpage #tour .holder .ico-box a.o,
.mainpage #tour .holder .ico-box a.o .bg { width: 17px; }
.mainpage #tour .holder .ico-box a.sb,
.mainpage #tour .holder .ico-box a.sb .bg { width: 37px; }
.mainpage #tour .holder .ico-box a.m,
.mainpage #tour .holder .ico-box a.m .bg { width: 42px; }
.mainpage #tour .holder .ico-box a.ri,
.mainpage #tour .holder .ico-box a.ri .bg { width: 29px; }
.mainpage #tour .holder .ico-box a.in,
.mainpage #tour .holder .ico-box a.in .bg { width: 27px; }
.mainpage #tour .holder .ico-box a.f,
.mainpage #tour .holder .ico-box a.f .bg { width: 27px; }
.mainpage #tour .holder .ico-box a.tg,
.mainpage #tour .holder .ico-box a.tg .bg { width: 44px; }
.mainpage #tour .holder .ico-box a.virb { background: url(/images/icons/new/ico-virb.gif) no-repeat 0 -54px; }
.mainpage #tour .holder .ico-box a.flickr { background: url(/images/icons/new/ico-flickr.gif) no-repeat 0 -54px; }
.mainpage #tour .holder .ico-box a.ag { background: url(/images/icons/new/ico-ag.gif) no-repeat 0 -54px; }
.mainpage #tour .holder .ico-box a.fa { background: url(/images/icons/new/ico-fa.gif) no-repeat 0 -54px; }
.mainpage #tour .holder .ico-box a.ft { background: url(/images/icons/new/ico-ft.gif) no-repeat 0 -54px; }
.mainpage #tour .holder .ico-box a.w { background: url(/images/icons/new/ico-w.gif) no-repeat 0 -54px; }
.mainpage #tour .holder .ico-box a.be { background: url(/images/icons/new/ico-be.gif) no-repeat 0 -54px; }
.mainpage #tour .holder .ico-box a.yt { background: url(/images/icons/new/ico-yt.gif) no-repeat 0 -54px; }
.mainpage #tour .holder .ico-box a.t { background: url(/images/icons/new/ico-t.gif) no-repeat 0 -54px; }
.mainpage #tour .holder .ico-box a.o { background: url(/images/icons/new/ico-o.gif) no-repeat 0 -54px; }
.mainpage #tour .holder .ico-box a.sb { background: url(/images/icons/new/ico-sib.gif) no-repeat 0 -54px; }
.mainpage #tour .holder .ico-box a.m { background: url(/images/icons/new/ico-m.gif) no-repeat 0 -54px; }
.mainpage #tour .holder .ico-box a.iii { background: url(/images/icons/new/ico-iii.gif) no-repeat 0 -54px; }
.mainpage #tour .holder .ico-box a.x { background: url(/images/icons/new/ico-x.gif) no-repeat 0 -54px; }
.mainpage #tour .holder .ico-box a.ri { background: url(/images/icons/new/ico-ri.gif) no-repeat 0 -54px; }
.mainpage #tour .holder .ico-box a.f { background: url(/images/icons/new/ico-f.gif) no-repeat 0 -54px; }
.mainpage #tour .holder .ico-box a.in { background: url(/images/icons/new/ico-in.gif) no-repeat 0 -54px; }
.mainpage #tour .holder .ico-box a.tg { background: url(/images/icons/new/ico-tg.gif) no-repeat 0 -54px; }
.mainpage #tour .holder .ico-box a.virb .bg,
.mainpage #tour .holder .ico-box a:hover.virb { background: url(/images/icons/new/ico-virb.gif) no-repeat 0 1px; }
.mainpage #tour .holder .ico-box a.flickr .bg,
.mainpage #tour .holder .ico-box a:hover.flickr { background: url(/images/icons/new/ico-flickr.gif) no-repeat 0 1px; }
.mainpage #tour .holder .ico-box a.ag .bg,
.mainpage #tour .holder .ico-box a:hover.ag { background: url(/images/icons/new/ico-ag.gif) no-repeat 0 1px; }
.mainpage #tour .holder .ico-box a.fa .bg,
.mainpage #tour .holder .ico-box a:hover.fa { background: url(/images/icons/new/ico-fa.gif) no-repeat 0 1px; }
.mainpage #tour .holder .ico-box a.ft .bg,
.mainpage #tour .holder .ico-box a:hover.ft { background: url(/images/icons/new/ico-ft.gif) no-repeat 0 1px; }
.mainpage #tour .holder .ico-box a.w .bg,
.mainpage #tour .holder .ico-box a:hover.w { background: url(/images/icons/new/ico-w.gif) no-repeat 0 1px; }
.mainpage #tour .holder .ico-box a.be .bg,
.mainpage #tour .holder .ico-box a:hover.be { background: url(/images/icons/new/ico-be.gif) no-repeat 0 1px; }
.mainpage #tour .holder .ico-box a.yt .bg,
.mainpage #tour .holder .ico-box a:hover.yt { background: url(/images/icons/new/ico-yt.gif) no-repeat 0 1px; }
.mainpage #tour .holder .ico-box a.t .bg,
.mainpage #tour .holder .ico-box a:hover.t { background: url(/images/icons/new/ico-t.gif) no-repeat 0 1px; }
.mainpage #tour .holder .ico-box a.o .bg,
.mainpage #tour .holder .ico-box a:hover.o { background: url(/images/icons/new/ico-o.gif) no-repeat 0 1px; }
.mainpage #tour .holder .ico-box a.sb .bg,
.mainpage #tour .holder .ico-box a:hover.sb { background: url(/images/icons/new/ico-sib.gif) no-repeat 0 1px; }
.mainpage #tour .holder .ico-box a.m .bg,
.mainpage #tour .holder .ico-box a:hover.m { background: url(/images/icons/new/ico-m.gif) no-repeat 0 1px; }
.mainpage #tour .holder .ico-box a.iii .bg,
.mainpage #tour .holder .ico-box a:hover.iii { background: url(/images/icons/new/ico-iii.gif) no-repeat 0 1px; }
.mainpage #tour .holder .ico-box a.x .bg,
.mainpage #tour .holder .ico-box a:hover.x { background: url(/images/icons/new/ico-x.gif) no-repeat 0 1px; }
.mainpage #tour .holder .ico-box a.ri .bg,
.mainpage #tour .holder .ico-box a:hover.ri { background: url(/images/icons/new/ico-ri.gif) no-repeat 0 1px; }
.mainpage #tour .holder .ico-box a.f .bg,
.mainpage #tour .holder .ico-box a:hover.f { background: url(/images/icons/new/ico-f.gif) no-repeat 0 1px; }
.mainpage #tour .holder .ico-box a.in .bg,
.mainpage #tour .holder .ico-box a:hover.in { background: url(/images/icons/new/ico-in.gif) no-repeat 0 1px; }
.mainpage #tour .holder .ico-box a.tg .bg,
.mainpage #tour .holder .ico-box a:hover.tg { background: url(/images/icons/new/ico-tg.gif) no-repeat 0 1px; }
#content .holder .style-switcher { position: absolute; top: 388px; left: 20px; width: 140px; height: 8px; }
.textpage #content .holder .style-switcher { top: 768px; left: 20px; }
.contact.textpage #content .holder .style-switcher,
.biography.textpage #content .holder .style-switcher { display: none; }
/*- sub page -*/
.subpage #content .content-box { background: url(/images/content/bg-content.gif) repeat-y; }
.detail.subpage #content .content-box { background: url(/images/content/bg-content.gif) repeat-y; min-height:385px; height: auto; padding-bottom:30px; }
.subpage #content .content-box .client h1 { position: relative; top:0; left:0; }
html>body.subpage #content .content-box .client h1 { position: absolute; top:10px; left:20px; }
.subpage #content .content-box .client .detail { width: 660px; border:1px #DBDBDB solid; }
.subpage #content .content-box .client .detail img { display:block; margin: 1px auto; }
.subpage #content .content-box .client .info { width: 254px; height: 110px; margin-left:20px; }
.subpage #content .content-box .client .info a.link { background: url(/images/bullet.gif) no-repeat 0 .3em; padding-left: 10px; margin-left:15px; text-decoration: none; }
.subpage #content .content-box .client .info .item { margin-bottom: 7px; padding-right:15px; }
.subpage #content .content-box .client .info .item.last { margin-bottom: 22px; }
.subpage #content .content-box .client .info .item span { color: #666666; display: block; margin-bottom: 7px; }
.subpage #content .content-box .client .info .item.gallery { height: 170px; }
.subpage #content .content-box .client .info .item.gallery a { margin-bottom: 0; }
.subpage #content .content-box .client .info .item.gallery .thumb { display: block; background: url(/images/thumb-bg2small.gif) repeat-x; width: 35px; height:40px; float: left; margin:0 10px 10px 0; }
.subpage #content .content-box .client .info .item.gallery :hover.thumb { background: url(/images/thumb-bg2small.gif) repeat-x -44px 0; }
.subpage #content .content-box .client .info .item.gallery .thumb.last { margin:0 0 10px; }
.subpage #content .content-box .client .info .buttons { width: 23px; height: 61px; position: absolute; top:199px; left:936px; }
.subpage #content .content-box .client .info .buttons a.button.next { display: block; background: url(/images/content/bg-button-next.gif) no-repeat 0 -26px; width: 23px; height: 26px; margin: 0; padding:0; margin-bottom: 9px; }
.subpage #content .content-box .client .info .buttons a:hover.button.next { display: block; background: url(/images/content/bg-button-next.gif) no-repeat; width: 23px; height: 26px; margin: 0; padding:0; margin-bottom: 9px; }
.subpage #content .content-box .client .info .buttons a.button.prev { display: block; background: url(/images/content/bg-button-prev.gif) no-repeat 0 -26px; width: 23px; height: 26px; margin: 0; padding:0; }
.subpage #content .content-box .client .info .buttons a:hover.button.prev { display: block; background: url(/images/content/bg-button-prev.gif) no-repeat; width: 23px; height: 26px; margin: 0; padding:0; }
/*- text page -*/
.textpage #content .holder { background: url(/images/content/bg-content.gif) repeat-y; /*min-height:375px; height:auto; _height:375px;*/ border-top:0; position: relative; z-index:1; }
body#biography.textpage #content .content-box { display: block; position: relative; z-index: 0; }
body#biography.projects.textpage #content .content-box { display: block; height: 505px; position: relative; z-index: 0; }
html>body#biography.projects.textpage #content .content-box { height: 600px; }
body#contact.textpage #content .content-box { display: block; height: 521px; position: relative; z-index: 0; }
#content .content-box .offset { padding:61px 0 17px 20px; }
html>body #content .content-box .offset { display: block; padding:61px 0 17px 20px !important; }
.textpage #content .content-box .textbox.offset { padding:20px 0 0 22px !important; }
.detail.subpage #content .content-box .offset { padding:20px 0 0 20px !important; }
.biography.textpage #content .content-box .textbox.offset { padding:20px 22px 0 20px !important; }
/*- others for all -*/
#content .corners-top { height:4px; overflow: hidden; }
#content .content-box { display: block; position: relative; z-index: 0; }
.vsechny #content .content-box { display: block; height: 600px; position: relative; z-index: 0; }
.admin #content .content-box { display: block; height:auto; min-height:200px; position: relative; z-index: 0; }
#content .content-box { text-align: left; }
#content .corners-bottom { behavior: url(/css/iepngfix.htc); background:#FFF url(/images/content/bg-bottom.png) no-repeat top; height:8px; }
/*- div.links -*/
.mainpage #links { background: url(/images/horizental-line.gif) repeat-x; }
.mainpage #links .holder { display: block; height:190px; background: Transparent url(/images/links-i-like.gif) no-repeat 30px 30px; position: relative; left: -10px; }
htm>body.mainpage #links .holder { min-height: 190px; height:auto; }
.mainpage #links .holder .cols6 { padding:75px 0 0; text-align:left; }
.mainpage #links .holder .cols6 ul { position: relative; left: 30px; }
.mainpage #links .holder .cols6 ul li a { line-height: 15px; color: #C8C8C8; text-decoration: none; padding-left: 10px; }
.mainpage #links .holder .cols6 ul li a:hover { background: url(/images/bullet.gif) no-repeat 0 .5em; color: #000000 !important; }
/*- div.tour -*/
.mainpage #tour { background: url(/images/horizental-line.gif) repeat-x; }
.mainpage #tour .holder { background: url(/images/umeabois-world.gif) no-repeat 21px 31px; height: 137px; overflow: hidden; }
/*- div.footer -*/
.mainpage #footer { background: url(/images/horizental-line.gif) repeat-x; }
.mainpage #footer .holder { height: 100px; }
.mainpage #footer .holder img { float: right; position: relative; top: 20px; right: 20px; }
/*- texbox -*/
.textbox h1 { margin: 0 !important; padding: 0 !important; position: relative; top:-8px }
.textbox .life-in-images { background-color: #A7A7A7; display: block; width: 277px; height: 421px !important; float: right; margin-bottom: 2em; }
.textbox .life-in-images .thumb { background: url(/images/content/cv/cv-bg.gif) repeat-x; display: block; width: 45px; height: 41px; float: left; margin: 1px 1px 0 0; position: relative; left:1px; }
.textbox .life-in-images .thumb a img { display: block; width: 45px; height: 41px; }
.textbox .project { margin-bottom:37px; }
.textbox .small-space { margin-bottom:16px; }
/*- content style -*/
.textbox ul { width: 500px; list-style: none outside; line-height: 18px; float: left; }
.textbox ul li span { display: block; width:100px; float:left; clear: left; }
/*- box -*/
.box { display: block; margin: 20px; }
/*- contact me -*/
.contact-box { background: url(/images/contact-box-bg.gif) repeat-x; width:500px; height:341px; border:1px #A7A7A7 solid; margin-bottom:20px; }
#contact .formbox .lab { width:61px; }
/*- form box -*/
.formbox { width:460px; padding:18px; }
.formbox .lab.caption { width:460px !important; height: 22px !important; font-weight: bold; }
.formbox .clearfix { width: 460px; display: block; margin-bottom:9px; margin-bottom:7px; }
.formbox .cont { width:395px; float:right; clear:right; }
.formbox .lab { width: 61px; height: 26px; float: left; }
.formbox .lab.img { width: 61px; height: auto; float: left; }
.formbox input { width: 190px; height: 20px; padding:3px; border:1px #666666 solid; clear:right; }
.formbox textarea { width: 398px; height: 122px; border:1px #666666 solid; clear:right; padding:3px; font-family: 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif; font-size: 1.2em !important; }
.formbox .cont.submit { margin:0 !important; padding: 0 !important; }
.formbox button { width:85px; height:28px; background: Transparent url(); border: 0; margin: 0 !important; padding: 0 !important; }
/*- admin formbox -*/
#admin .formbox { width:660px; padding:18px; }
#admin .formbox .lab.caption { width:660px !important; height: 22px !important; font-weight: bold; }
#admin .formbox .clearfix { display: block; width: 660px; margin-bottom:9px; margin-bottom:7px; }
#admin .formbox .cont { width:495px; float:right; clear:right; }
#admin .formbox .lab { width: 161px; height: 26px; float: left; }
#admin .formbox .lab.img { width: 161px; height: auto; float: left; }
#admin .formbox input { width: 190px; height: 20px; padding:3px; border:1px #666666 solid; clear:right; }
#admin .formbox textarea { width: 498px; height: 122px; border:1px #666666 solid; clear:right; padding:3px; font-family: 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif; font-size: 1.2em !important; }
#admin .formbox .cont.submit { margin:0 !important; padding: 0 !important; }
#admin .formbox button { width:85px; height:28px; background: Transparent url(); border: 0; margin: 0 !important; padding: 0 !important; }
/*- slide show h3 -*/
.info h3.h3-slideshow { position: relative; display: block; width: 137px; margin-bottom: 14px !important; }
.info h3.h3-slideshow span { background: #FFFFFF url(/images/slidebox/h3-slidebox-another-logo.gif) no-repeat; display: block; width: 137px; height: 24px; position: absolute; top: -2px; left: 0px; }
/*- slide show -*/
#slideshow div { width:237px; height:97px; border: 1px #A7A7A7 solid; margin-bottom: 1px; }
#slideshow div { overflow: hidden; }
#slideshow ul { background: url(/images/slidebox/slidebox-bg-nav.jpg) repeat-x; width:240px; height:26px; }
#slideshow ul li { float: left !important; }
#slideshow ul li a { cursor: pointer; display: block !important; margin:12px 0 0 0 !important; padding: 0 !important; overflow: hidden; }
#slideshow ul li a * { display: none; }
#slideshow ul li a#next { background: url(/images/slidebox/slidebox-next.gif) no-repeat 0 -7px; width: 37px; height: 7px; margin-left:55px !important; margin-right:10px !important; }
#slideshow ul li a#next:hover { background: url(/images/slidebox/slidebox-next.gif) no-repeat 0 0 !important; }
#slideshow ul li a#all { background: url(/images/slidebox/slidebox-all.gif) no-repeat 0 -7px; width: 15px; height: 7px; margin-left:55px !important; }
#slideshow ul li a#all:hover { background: url(/images/slidebox/slidebox-all.gif) no-repeat 0 0 !important; }
#slideshow ul li a#prev { background: url(/images/slidebox/slidebox-previous.gif) no-repeat 0 -7px; width: 57px; height: 7px; margin-left:10px !important; }
#slideshow ul li a#prev:hover { background: url(/images/slidebox/slidebox-previous.gif) no-repeat 0 0 !important; }
.pics { width: 237px; height: 97px; padding:0; margin:0; overflow: hidden }
.pics a { display: block; width: 237px; height: 97px; top:0; left:0 }
#back { display: block; background: url(/images/slidebox/slidebox-bg-back.gif) no-repeat 0 0; width: 81px; height: 8px; overflow: hidden; position: absolute; top: 35px; left:600px; }
:hover#back { background: url(/images/slidebox/slidebox-bg-back.gif) no-repeat 0 -8px; width: 81px; height: 8px; }
/*- all references h1 -*/
.cols4 { padding-bottom: 60px; }
.cols4 a.item { display: block; background: url(/images/subpage/bg-item.png) repeat-x; width:210px; height:141px; position: relative; margin:0 0 22px 22px; border:1px #a7a7a7 solid; float: left; }
.cols4 a.item.frst { margin-left:0; }
.cols4 a.item.bttm { margin-bottom:0; }
.cols4 a:hover.item { display: block; background: url(/images/subpage/bg-item-over.png) repeat-x; border:1px #6591a7 solid; }
.cols4 a.item .example { cursor: pointer; width: 210px; height: 141px; float: left; }
/*- style changer -*/
.style { display:none; width:25px; margin-right: 2px; height:15px; overflow: hidden; float: left; }
.teal { background: url(/images/other-style/teal.gif) no-repeat 0 0; }
:hover.teal { background: url(/images/other-style/teal.gif) no-repeat 0 -15px; }
.brown { background: url(/images/other-style/brown.gif) no-repeat 0 0; }
:hover.brown { background: url(/images/other-style/brown.gif) no-repeat 0 -15px; }
.gold { background: url(/images/other-style/gold.gif) no-repeat 0 0; }
:hover.gold { background: url(/images/other-style/gold.gif) no-repeat 0 -15px; }
.silver { background: url(/images/other-style/silver.gif) no-repeat 0 0; }
:hover.silver { background: url(/images/other-style/silver.gif) no-repeat 0 -15px; }
.dark { background: url(/images/other-style/dark.gif) no-repeat 0 0; }
:hover.dark { background: url(/images/other-style/dark.gif) no-repeat 0 -15px; }
/*- sifr -*/
.sIFR-alternate { display: none; }
.sIFR-active h1 { width: 576px; font-size: 32px !important; font-family: Verdana; line-height: 1em; }
.sIFR-active h3 { width: 240px; font-size: 22px !important; font-family: Verdana; line-height: 1em; }
/*- chybova stranka -*/
.error #content .content-box { height: 388px; }
#error.error .ico-box,
#error.error .style-switcher,
#error.error #links-i-like { display: none; }
#error.error #content img { position: relative; display: block; margin: 0 auto; top: 100px; }
/*- notice box -*/
.error .noticebox { position: relative; }
.error .noticebox.error { background: url(/images/not-found_404.gif) no-repeat; top:55px; left:300px; width:336px; height:133px; }
.error .noticebox.error a { display: block; width: 160px; height:16px; position: absolute; top:117px; left:56px; }
.error .noticebox.construction { top:55px; }
.error .noticebox.construction img { margin-left:300px !important; }
/*- strankovani -*/
.lister { color: #c5c5c5; font-size: 10px; position: relative; top: -22px; right: 5px; padding: 4px 0; text-align: right; }
html>body .lister { right: 25px; }
.lister a,
.lister span { color: #c5c5c5; text-decoration: none; padding: 3px 5px; }
.lister a { border:1px #c5c5c5 solid; margin:0 3px; }
.lister a:hover { color: #FFF !important; background-color: #000; }
.lister span { color: #000; }
.lister .prev { padding: 0; padding-right: 4px; border:0; color: #c5c5c5; }
.lister .next { padding: 0; padding-left: 4px; border:0; color: #c5c5c5; }
.lister a.prev:hover,
.lister a.next:hover { background-color: #FFF; color: #000 !important; }