@charset "UTF-8";

p,h1,h2,h3,h4,h5,div,img,ul,li,body, form { margin:0px; padding:0px; }
img { border:0px; }
li { list-style:none; }

h1, h2 { font-size:16px; }
h3 { font-size:14px; }
h4 { font-size:12px; }

a:link, a:visited { color:#00A3DF; text-decoration:none; }
a:active, a:hover { color:white; }

.blue { color:#00A3DF; }

body { font-family:'trebuchet ms'; font-size:12px; line-height: 15px; color:#ccc; text-align:center; background-position:top; background-repeat:repeat-x; background-image:url(img/bodybg.jpg); background-color:#111111; }

#page { width:962px; margin:0px auto; text-align:left; }

/* NEWS */

#newsticker {
	height:30px; overflow:hidden; margin-top:10px; border-top:1px solid #333; padding:10px 0px;
}
#newsticker ul {
	list-style: none;
	height:30px;
}
#newsticker ul li { list-style:none; line-height:30px; height:30px; }

/* HEADER */

#header { height:100px; width:962px; display:block; background-image:url(img/headergrad.jpg); background-repeat:repeat-x; }
#header a:link, #header a:visited { color:white; }
#header a:hover, #header a:active { color:#00A3DF; text-decoration:none; }

#vt { height:100px; width:196px; position:absolute; margin-top:0px; margin-left:0px; }
#vt a:link, #vt a:visited { margin-top:23px; width:196px; height:55px; background-image:url(img/vt.jpg); background-position:left; text-indent:-500em; display:block; }
#vt a:hover, #vt a:active { background-position:right; }

#vtg { height:100px; width:196px; position:absolute; margin-top:0px; margin-left:0px; }
#vtg a:link, #vtg a:visited { margin-left:16px; width:158px; height:100px; background-image:url(img/vtg.jpg); background-position:left; text-indent:-500em; display:block; }
#vtg a:hover, #vtg a:active { background-position:right; }

#topnav { position:absolute; margin-top:0px; margin-left:248px; height:32px; width:700px; background-image:url(img/grad32.jpg); background-repeat:repeat-x; text-align:right; line-height:32px; padding-right:14px; }
#topnav li { float:right; display:inline; }
#grad32left { background-image:url(img/grad32left.jpg); width:58px; height:32px; float:left; }

#cart_header { float:right; }
#cart_header a:link, #cart_header a:visited { background-image:url(img/cart_header.jpg); width:76px; height:32px; display:block; background-position:right; color:black; font-size:14px; padding-right:14px; line-height:32px; text-align:right; }
#cart_header a:hover, #cart_header a:active { background-position:left; }

#nav { position:absolute; margin-top:40px; margin-left:248px; font-size:16px; }
#nav li, #nav2 li { float:left; display:inline; line-height:32px; }
#nav2 { position:absolute; margin-top:66px; margin-left:248px; }
#nav2 li { line-height:20px; }

#flag { position:absolute; margin-top:54px; margin-left:750px; }
#flag a:link, #flag a:visited { width:30px; height:17px; display:block; }
#flag a.en:link, #flag a.en:visited { background-image:url(img/en.jpg); }
#flag a.cz:link, #flag a.cz:visited { background-image:url(img/cz.jpg); }

#search { position:absolute; margin-top:53px; margin-left:780px; }
.searchText { position:absolute; width:100px;margin-left:10px; }
.searchButton { width:40px;margin-left:125px; margin-top:1px;}

.grad32 { line-height:32px; height:32px; background-image:url(img/grad32.jpg); background-repeat:repeat-x; }
.grad32 h2 { font-size:16px; text-align:center; color:#ccc; }

/* FOOTER */
#footer { height:50px; background-image:url(img/grad1.jpg); background-repeat:repeat-x; text-align:center; line-height:50px; } 

#subfooter { padding:10px 0px; background-image:url(img/blackgrad110.jpg); background-repeat:repeat-x; background-color:#111111; }
#subfooter div { float:left; display:inline; width:440px; padding:0px 20px; margin:20px 0px; }
#subfooter h2, #subfooter p { margin-bottom:20px; }
#subfooter li { list-style:circle; margin-left:20px; margin-top:10px; }

/* HOMEPAGE */

#homePano { width:962px;  }
#homePano a:link, #homePano a:visited { width:962px; height:200px; background-position:50% 50%; display:block; }

#homeBlock1 { background-image:url(img/pagebg.jpg); background-repeat:repeat-x; }

#homeLeft { float:left; display:inline; width:592px; }
#homeRight { width:370px; float:left; display:inline; }
#textBoxes { padding:30px;  }

#homeBoxes { padding-top:30px; background-image:url(img/grad1.jpg); background-position:top; background-repeat:repeat-x; width:592px;  }

div.homeBox { width:160px; float:left; display:inline; margin-left:23px; color:white; }
div.homeBox h2 { line-height:24px; height:24px; overflow:hidden; font-size:16px; text-align:center; } 
div.homeBox h4 { line-height:16px; height:16px; overflow:hidden; font-size:12px; text-align:center; } 
div.homeBox div a:link, div.homeBox div a:visited { margin-top:8px; width:148px; height:116px; display:block; background-position:left; }
div.homeBox div a:hover, div.homeBox div a:active { background-position:right; }
div.homeBox ul { margin:25px 0px 0px 10px; font-size:11px; }
div.homeBox li { line-height: 16px; }
div.homeBox p { height:60px; line-height: 60px; display: block; text-align: center; }

#homeBlogs { padding:15px; width:340px; height:222px; float:left; display:inline; background-image:url(img/grad1.jpg); background-repeat:repeat-x; }
#homeLogin { padding:15px; width:192px; height:222px; float:left; display:inline; background-image:url(img/bluegrad.jpg); background-repeat:repeat-x; color:black; }
#homeLogin input { width:192px; }

#rss a:link, #rss a:visited { background-image:url(img/rss.jpg); width:57px; height:28px; position:absolute; margin-left:270px; display:block; }

/* CONTENT */

.content p, .content h1, .content h2, .content h3,.content ul,
#content p, #content h1, #content h2, #content h3, #content ul, 
#content2 p, #content2 h1, #content2 h2, #content2 h3, #content2 ul { padding:0px 0px 16px 0px; }
#content table { margin-bottom:16px; }
#content table { border-collapse:collapse; }
#content table td { padding:5px; border-bottom:1px solid #333; }


.content li,
#content li, 
#content2 li { list-style: circle; margin-left: 20px; }

#content h1, #content2 h1, .content h1 { color:white; border-bottom:2px solid #999; margin-bottom:10px; padding-bottom:5px; }
#content h2, #content2 h2, .content h2 { color:white; }
#content h3, #content2 h3, .content h3 { color:white; }
#content h4, #content2 h4, .content h4 { color:#00A3DF; border-bottom:1px solid #999; padding-bottom:5px; margin-bottom:10px;  }

/* FORMULAR */

fieldset { margin:10px 0px; padding:10px; border:1px solid #333; }
legend { padding:3px; background-color:#333; margin:0xp 10px; }

/* RANDOM PANO */
#randompano { width:962px; height:200px; }
#randompanorama a:link, #randompanorama a:visited { width:962px; height:200px; background-position:50% 50%; display:block; }
#startvr { width:170px; height:25px; position:absolute;  margin-top:168px; margin-left:783px; }
#startvr a:link, #startvr a:visited { width:170px; height:25px; display:block; background-image:url(img/start-vr.jpg); background-position:left; }
#startvr a:active, #startvr a:hover { background-position:right; }
#randomtext { position:absolute; margin-top:168px; margin-left:20px; padding:3px; background-color:#111; display:block; }

/* TAGS */
#tags a:link, #tags a:visited { padding: 2px 5px; margin: 2px 0px; width:592px; line-height: 22px; }
#tags a.tagSize1:link, #tags a.tagSize1:visited { font-size: 12px; }
#tags a.tagSize2:link, #tags a.tagSize2:visited { font-size: 13px; }
#tags a.tagSize3:link, #tags a.tagSize3:visited { font-size: 14px; }
#tags a.tagSize4:link, #tags a.tagSize4:visited { font-size: 15px; }
#tags a.tagSize5:link, #tags a.tagSize5:visited { font-size: 16px; }
#tags a.tagSize6:link, #tags a.tagSize6:visited { font-size: 17px; }
#tags a.tagSize7:link, #tags a.tagSize7:visited { font-size: 18px; }
#tags a.tagSize8:link, #tags a.tagSize8:visited { font-size: 19px; }
#tags a.tagSize9:link, #tags a.tagSize9:visited { font-size: 20px; }

/* FASTNAV, BOTTOMNAV, ICON FORMATS */
#fastNav { background-image:url(/css/img/grad.jpg); background-repeat:repeat-x; background-color:#999; line-height:34px; height:34px; padding-left:7px; }
#fastNav select { margin:6px; width:179px; overflow:hidden;  }
#fastNav div { float:left; }

#fastNav #icon_formats { float:right; padding-right:3px; }
#icon_formats a:link, #icon_formats a:visited { background-position:left; display:inline; float:left; margin-left:3px; height:34px; width:44px; }
#icon_formats a:hover, #icon_formats a:active { background-position:right; }
#icon_formats a.icon_vr:link, #icon_formats a.icon_vr:visited { background-image:url(img/icon_vr.jpg); width:20px; }
#icon_formats a.icon_360x180:link, #icon_formats a.icon_360x180:visited { background-image:url(img/icon_360x180.jpg); }
#icon_formats a.icon_360x120:link, #icon_formats a.icon_360x120:visited { background-image:url(img/icon_360x120.jpg); }
#icon_formats a.icon_lp:link, #icon_formats a.icon_lp:visited { background-image:url(img/icon_lp.jpg); width:30px; }
#icon_formats a.icon_lpi:link, #icon_formats a.icon_lpi:visited { background-image:url(img/icon_lpi.jpg); width:30px; }

/* VR */
#vr { width:962px; height: 450px; z-index:0; position:absolute;  }
#vrViewer { width:962px; height: 450px; background-color: black;   }

#vrRight li { list-style:circle; margin-left:30px; margin-right:10px; }
#vrRight h2 { margin:15px; }

#vrInfo { background-image:url(img/grad1.jpg); background-repeat:repeat-x; background-color:#222; }
#vrInfoCol1, #vrInfoCol2, #vrInfoCol3, #vrInfoCol2a { width:370px; float: left; display: inline; }
#vrInfoCol2 { width:222px; background-color: #333; }
#vrInfoCol2a { width:222px; }

#buttons { height:25px; float:left; display:inline; width:130px; }

#buttons a:link, #buttons a:visited { width:60px; height:25px; background-position:left; display:inline; float:left; margin-right:5px; }
#buttons a:hover, #buttons a:active { background-position:center; }

#buttons a.pridatObl:link, #buttons a.pridatObl:visited { background-image:url(buttons/pridatObl.jpg); }
#buttons a.oznacitNej:link, #buttons a.oznacitNej:visited { background-image:url(buttons/oznacitNej.jpg); }
#buttons a.poslatPohled:link, #buttons a.poslatPohled:visited { background-image:url(buttons/poslatPohled.jpg);  }
#buttons a.poslatPohled:hover, #buttons a.poslatPohled:active { background-position:right; }

#buttons a.ENpridatObl:link, #buttons a.ENpridatObl:visited { background-image:url(buttons/ENpridatObl.jpg); }
#buttons a.ENoznacitNej:link, #buttons a.ENoznacitNej:visited { background-image:url(buttons/ENoznacitNej.jpg); }
#buttons a.ENposlatPohled:link, #buttons a.ENposlatPohled:visited { background-image:url(buttons/ENposlatPohled.jpg);  }
#buttons a.ENposlatPohled:hover, #buttons a.ENposlatPohled:active { background-position:right; }

#funkce { height:25px; padding:10px 0px 10px 15px; }

/* STARS */

#ratingBox { float:rigth; }
#ratingStars { float:left; padding-left:15px; }

ul.rating { list-style: none;position: relative;width: 100px;height: 20px;background-image: url(img/ratings.png);background-position: -100px 0;background-repeat: no-repeat;padding: 0;left: 50px;margin-left: -50px;overflow: hidden;}
.rating li {margin: 0;padding: 0;float: left;}
.rating li a {display: block;position: absolute;width: 20px;height: 20px;text-indent: -9999px;overflow: hidden;z-index: 20;}

ul.worst { background-position: -80px 0;}
ul.bad { background-position: -60px 0;}
ul.fair { background-position: -40px 0;}
ul.good { background-position: -20px 0;}
ul.best { background-position: 0 0;}

.rating a.worst { left: 0; }
.rating a.bad { left: 20px; }
.rating a.fair { left: 40px; }
.rating a.good { left: 60px; }
.rating a.best { left: 80px; }

.rating li a:hover {background: transparent url(img/star.png) left top repeat-x;left: 0;z-index: 1;}

.rating a.worst:hover {width: 20px;}
.rating a.bad:hover {width: 40px;}
.rating a.fair:hover {width: 60px;}
.rating a.good:hover {width: 80px;}
.rating a.best:hover {width: 100px;}

/* RATING */

#stars { width:139px; height:26px; display:block; background-image:url(img/stars.gif); margin:0px auto; margin-top:15px; }
#hiddenForm { display:none; }
#ratingForm {  padding: 10px; }
#ratingForm p { padding-top: 10px; text-align:center; }
#starbox { width: 200px; margin:0px auto; }
.star { width:40px; margin:0px; padding:0px; float: left; }

/* SHOP THUMBS */
.sp_1 a:link, .sp_1 a:visited { width:180px; height:60px; margin:0px auto;  background-position:50% 50%; display:block; }
.sp_2 a:link, .sp_2 a:visited { width:180px; height:90px; margin:0px auto;  background-position:50% 50%; display:block; }
.lp_3 a:link, .lp_3 a:visited { width:100px; height:100px; margin:0px auto;  background-position:50% 50%; display:block;  }
.lpi_4 a:link, .lpi_4 a:visited { width:100px; height:100px; margin:0px auto; background-position:50% 50%; display:block;  }

/* PANORAMA BOX */
.panoramaBox { width:450px; height:182px; display:inline; float:left; margin-right:20px; margin-bottom:20px; }
.panoramaImage a:link, .panoramaImage a:visited { width:450px; height:150px; display:block;  }
.panoramaLink a:link, .panoramaLink a:visited, .panoramaLink2 { width:450px; line-height:32px; text-decoration:none; text-align:center; display:block; background-image:url(img/greygrad.jpg); }
.panoramaLink a:hover, .panoramaLink a:active { background-color:#0b74c1; background-image:none; color:white; }

.panoramaBoxSP { width:450px; height:257px; display:inline; float:left; margin-right:20px; margin-bottom:20px; }
.panoramaImageSP a:link, .panoramaImageSP a:visited { width:450px; height:225px; display:block;  }
.panoramaLinkSP a:link, .panoramaLinkSP a:visited { width:450px; line-height:32px; text-decoration:none; text-align:center; display:block; background-image:url(img/greygrad.jpg); }
.panoramaLinkSP a:hover, .panoramaLinkSP a:active { background-color:#0b74c1; background-image:none; color:white; }

.panoramaBoxLP { width:168px; height:204px; display:inline; float:left; margin-right:20px; margin-bottom:20px; }
.panoramaImageLP a:link, .panoramaImageLP a:visited { width:168px; height:168px; display:block; background-position:50% 50%; background-repeat:no-repeat; background-color:black; }
.panoramaLinkLP a:link, .panoramaLinkLP a:visited, .panoramaLink2 { width:168px; padding:4px 0px; height:36px; line-height:14px; text-decoration:none; text-align:center; display:block; background-image:url(img/greygrad.jpg); }
.panoramaLinkUser, .panoramaLinkUserLP { text-align:center; line-height:14px; padding:4px 0px; }
.panoramaLinkLP a:hover, .panoramaLinkLP a:active { background-color:#0b74c1; background-image:none; color:white; }

/* FOTOGALERIE */

#paging { height:40px; width:962px; line-height:35px; }
#pageResult { float:left; padding-left:20px; }
#pages { float:right; padding-right:20px; }
#shopThumbs { padding-left:20px; }

#shopLinks { background-image:url(/css/img/shopvyber.jpg); width:962px; height:35px; color:black; }
#shopLinks a:link, #shopLinks a:visited { float:left; width:240px; line-height:35px; text-align:center; color:black; }
#shopLinks a:hover, #shopLinks a:active { font-weight:bold; font-size:16px; }

/* PANORAMA */

#panorama { height:321px; width:962px; display:block; border-top:1px solid #333; }
#spherical { height:481px; width:962px; display:block; border-top:1px solid #333; }
#littleplanet { background-color:black; height:511px; width:962px; background-position:50% 50%; background-repeat:no-repeat; border-top:1px solid #333; }

/* BLOGS */
.blogBox { width:552px; height:100px; margin-bottom:15px; }
.blogImg a:link, .blogImg a:visited { width:90px; height:80px; border:10px solid black; background-position:50% 50%; display:block; position:absolute; background-repeat:no-repeat; }
.blogImg a:hover, .blogImg a:active { border-color:#00A3DF; }
.blogText, .blogText1 { position:absolute; margin-left:110px; border-left:1px solid #333; width:411px; height:70px; padding:15px; background-image:url(img/blackgrad110.jpg); background-repeat:repeat-x; }
.blogText { border-left:0px; width:521px; margin-left:0px; }
.blogText h2, .blogText1 h2 { font-size:14px; }
.blogText p, .blogText1 p { padding-top:10px; }

/* USER */
#userNav { height:35px; padding:0px 20px;  }
#userNav li { float:left; display:inline; line-height:35px; }

/* THUMBS ORIGINAL */
#thumbs { padding:13px 0px 0px 16px;  }
#thumbs div { width:178px; height:140px; margin-right:10px; margin-bottom:13px; float:left; display:inline; }
#thumbs a:link, #thumbs a:visited { width:168px; height:100px; border:5px solid #333; display:block; color:black; text-decoration:none }
#thumbs a:hover, #thumbs a:active { border-color:#0099FF; }
#thumbs a.text:link, #thumbs a.text:visited { color:white; line-height:15px; height:30px; font-size:11px; text-align:center; border:0px; }
#thumbs p.text { color:white; line-height:15px; height:15px; font-size:11px; text-align:center; border:0px; }
#thumbslist { padding:20px; }

/* CART */

#cartTable { border-collapse:collapse; width:100%; }
#cartTable td { border-top:1px solid #333; padding:5px; }

/* THUMBSTRIP */

#thumbstrip { padding-top:2px; padding-left:0px;  background-image:url(img/thumbstrip.jpg); width:962px; height:98px; background-repeat:repeat-x; }
#thumbstrip div { width:118px; height:96px; display:inline; float:left; margin-right:1px; }
#thumbstrip div.last { width:116px; }
#thumbstrip div a:link, #thumbstrip div a:visited { width:112px; height:90px; display:block; background-position:50% 50%; border:3px solid #ccc; }
#thumbstrip div.last a:link, #thumbstrip div.last a:visited { width:110px; }
#thumbstrip div a.current:link, #thumbstrip div a.current:visited { border-color:#1192CE; }
#thumbstrip div a:hover, #thumbstrip div a:active { background-position:45% 50%; border-color:red; }
#thumbstrip p { height:10px; width:155px; background-position:50% 50%; display:block; background-repeat:no-repeat;  background-image:url(img/thumbarr.jpg); }

/* COMMENTS */

#comments div { background-color:#222; background-position:top; margin-bottom:20px; padding:0px 20px 20px 20px; border:1px solid #333; }
#comments h5 { border-bottom:1px solid #333; margin-bottom:5px; font-size:12px; padding-top:20px; }
#cvt { position:absolute; margin-left:370px; margin-top:7px; background-image:url(/img/vtlogo.jpg); width:117px; height:27px; display:block;  }
#cwinner { position:absolute; margin-left:455px; margin-top:7px; background-image:url(/img/winner.jpg); width:45px; height:51px; display:block; }

/* TRAVEL */
#travel { height:37px; line-height:37px; background-image:url(/flags/grad.jpg); background-repeat:repeat-x; }
#travel h2 { background-image:url(/flags/thajsko.jpg); padding-left:62px; background-position:left; background-repeat:no-repeat; color:black; }
#travelnav { position:absolute; margin-left:246px; color:black; padding-right:20px; }
#travelnav a:link, #travelnav a:visited { color:black; font-size:14px; font-weight:bold; }

/* CLEARFIX */

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */