html,body {margin:0;padding:0;}
html{font-size:106.5%}
body{font-size:76.5%;}
body, input, textarea {font-family:Arial,sans-serif;}
body {color: #000000;background: #ffffff;line-height: 1.4em;}
table {border-collapse: collapse;}
a {color: #403e3e; text-decoration: underline;}
a:hover {color: #000000; text-decoration: none;}
 h1 {color:#ee1c25;}
h2 {color: #000000;  padding: 0 0 10px 0; font-size: 140%; font-weight: normal; line-height: 120%;}
h2 strong {font-weight: normal; color: #ee1c25;}
h3 {color:#ee1c25; font-size: 100%;}
li h3 {padding: 0; margin: 0;}
h4 {}
h5 {}
.right {float: right;}
.left {float: left;}
hr {display: none;}
.hidden {display: none;}
input, textarea {font-size: 100%;}
input {border: 1px solid #a5acb2; padding: 2px;}
.more {padding: 0 0 0 10px; background: url(../images/bullet-more.gif) left 6px no-repeat;}
 #wrap1 .hlaska-error h2, .hlaska, .hlaska-alert {width: 96%; font-size: 130%; font-style: italic; padding: 10px 2%; background: #fcdfe7; color: #280410; margin: 0; font-weight: bold;}
#errorExplanation {padding: 0; background: #fcdfe7; margin: 10px 0;}
#errorExplanation p {margin-left: 30px}
#errorExplanation ul {padding: 0 0 15px 30px;}
#errorExplanation li {list-style: none; padding-left: 30px; padding: 2px 30px; background: url(../images/icon-close-red.gif) left center no-repeat;}
  #wrap1 {width: 100%; float: left; margin: 0 auto; padding:0; background: #969494 url(../images/background.png) center top repeat-x;}
#wrap2 {width: 100%; float: left; margin: 0 auto; padding:0; background: url(../images/background-square.png) center top no-repeat;}
#wrap3 {width: 100%; float: left; margin: 0 auto; padding:0;background: url(../images/background-shadow.png) center top repeat-y;}
#wrap4 {width: 1000px; margin: 0 auto; padding:0;}
#wrap4Other {width: 1000px; margin: 0 auto; padding:0;}
#wrap5 {width: 100%; float: left; position: relative;background: #ffffff url(../images/background-red.png) left top repeat-x;}
#wrap4Other #wrap5 {width: 100%; float: left; position: relative;background: #ffffff url(../images/background-red-mini.png) left top repeat-x;}
#wrap6 {width: 100%; float: left; position: relative; background: url(../images/background-left-menu.png) 38px 543px no-repeat;}
#wrap4Other #wrap6 {width: 100%; float: left; position: relative; background: url(../images/background-left-menu.png) 38px 311px no-repeat;}
 #wrap7 {width: 100%; float: left; position: relative; background: url(../images/background-shadow-in.png) center top repeat-y;}
#wrap8 {width: 100%; margin: 0 auto;}
#headWrap {width: 100%; margin: 0; padding: 0;}
#logo {position: absolute; margin: 0; padding: 0;width: 260px; height: 80px;}
#logo span {display: none;}
#logo a {display:block;background: #000000 url(../images/logo.gif) center 10px no-repeat; margin-left: 38px; width: 260px; height: 80px;}
#flashWrap, #flash, #flash-inner {height: 563px;}
#flashWrap {background: url(../images/ajax-loader.gif) center center no-repeat;}
#flash {background: url(../images/background-banner.png) 34px 141px no-repeat;}
#flash-inner {padding: 140px 0 0 37px}
#wrap4Other #flashWrap, #wrap4Other #flash, #wrap4Other #flash-inner {height: 331px;}
#wrap4Other #flash {background: url(../images/background-banner-mini.png) 34px 141px no-repeat;}
#wrap4Other #flash-inner {background: none;}
#wrapBreadcrumb {font-size:80%; width: 100%; color: #bfbfbf; line-height: 1.2em;}
#wrapBreadcrumb a {color: #bfbfbf;}
 #breadcrumb {position:absolute;width:650px;top:-18px;left:38px; text-align: right; padding: 0;}
 #textWrap {float: left; width:1000px; margin: 0; display: block; position: relative; min-height: 500px;}
.inner {float: left; position: relative; margin: 0; margin-bottom: 10px; padding: 0; left: 1000px;}
 #firstPanel {width: 356px; margin-left: -755px;margin-top: 20px;}
#secondPanel {width: 356px; margin-left: -389px;margin-top: 20px;}
#thirdPanel {width: 189px; margin-left: -962px;margin-top: 6px;}
#firstPanelWide, #firstPanelWideWithImg, #firstPanelWideWithImgRef {width: 720px; margin-left: -755px;margin-top: 20px; float: left;}
#firstPanelWideWithImg {width: 493px;}
#secondPanelWide {width: 210px; padding: 0; margin-left: -248px; margin-top: 20px;}
.ovalCenter {background: url(../images/background-inner-center.png) left top repeat-y;float: left; width:100%;}
.ovalTop {background: url(../images/background-inner-top.png) left top no-repeat;float: left;width:100%;}
.ovalBottom {background: url(../images/background-inner-bottom.png) left bottom no-repeat;float: left; width:100%;}
.ovalInner {padding: 15px 21px 30px 15px;}
#firstPanelWide .ovalCenter {background: url(../images/background-inner-center-wide.png) left top repeat-y;}
#firstPanelWide .ovalTop {background: url(../images/background-inner-top-wide.png) left top no-repeat;}
#firstPanelWide .ovalBottom {background: url(../images/background-inner-bottom-wide.png) left bottom no-repeat;}
#firstPanelWideWithImg .ovalCenter, #firstPanelWideWithImgRef .ovalCenter {background: url(../images/background-inner-center-wide2.png) left top repeat-y;}
#firstPanelWideWithImg .ovalTop, #firstPanelWideWithImgRef .ovalTop {background: url(../images/background-inner-top-wide2.png) left top no-repeat;}
#firstPanelWideWithImg .ovalBottom, #firstPanelWideWithImgRef .ovalBottom {background: url(../images/background-inner-bottom-wide2.png) left bottom no-repeat;}
#firstPanelWideWithImgRef .ovalInner {padding: 15px 0 30px 15px;}
      #topMenuWrap {}
#topMenu {height: 50px; background: url(../images/background-top-menu.png) left bottom repeat-x; position:absolute;width:940px;top:90px;left:38px;font-size:90%;}
#topMenu ul, #topMenu li {padding:0;margin:0;font-weight: bold;}
#topMenu li {display:inline;padding:0; margin: 0 3px 0 0; float: left; text-align: center;}
#topMenu li.last {background: none;}
#topMenu li a {padding:5px 0; width: 130px; height: 25px; line-height: 25px; text-decoration:none; _white-space: nowrap;}
#topMenu li a {color: #ee1c25; background: url(../images/background-top-menu-li.png) -130px top no-repeat;}
#topMenu li a:hover, #topMenu li a.active {color:#ffffff; background: url(../images/background-top-menu-li.png) left top no-repeat;}
#topMenu ul a {display:block;}
#topMenu h3 {font-size: 100%;}
   #topMenu ul ul, #topMenu ul ul ul {display: none;}
   #thirdPanel li a {overflow: hidden;}
#thirdPanel, #thirdPanel h3 {font-size: 100%; font-weight: normal;}
#thirdPanel ul {width: 165px; padding: 12px; margin: 14px 0 0 0; padding-top: 0;}
#thirdPanel ul li {list-style: none; margin: 0 0 4px 0; padding: 0;}
#thirdPanel li a {background: url(../images/background-left-menu-li.png) left top no-repeat; width: 141px; height: 25px; line-height: 25px;}
#thirdPanel li a {color: #ffffff; padding: 5px 12px; display: block; text-decoration: none;}
#thirdPanel li a:hover, #thirdPanel li a.active {background: url(../images/background-left-menu-li.png) -165px top no-repeat;}
   #thirdPanel ul ul, #thirdPanel ul li:hover ul ul, #thirdPanel ul li.hover ul ul {display: none;}
 #thirdPanel .subMenu li a {color: #ee1c25; font-weight: bold; background: url(../images/background-left-submenu-li.png) -165px top no-repeat;}
#thirdPanel .subMenu li a:hover, #thirdPanel .subMenu li a.active {color: #000000; background: url(../images/background-left-submenu-li.png) left top no-repeat;}
#thirdPanel ul ul, #thirdPanel ul ul ul {display: none;}
 .banners {margin: 10px 0;}
.bannerstop {margin-top: 0px;}
.banner {float: left; position: relative; margin-bottom: 10px;}
.banner img {float: left;}
.banner span {height:6px;left:0px;overflow:hidden;position:absolute;width:353px;background: url(../images/corner-banner-top.png) left top no-repeat;}
.banner span.span2 {background: url(../images/corner-banner-bottom.png) left top no-repeat; bottom: 0;}
 .news {}
.newItem {margin-bottom: 20px; width: 100%;}
.newItem img {border: 0px; width: 110px;}
.newItem .leftItem {float: left; width: 122px;}
.newItem a.img {float: left; position: relative;}
.newItem img {float: left;}
.newItem a span {height:6px;left:0px;overflow:hidden;position:absolute;width:110px;background: url(../images/corner-news-top.png) left top no-repeat;}
.newItem a span.span2 {background: url(../images/corner-news-bottom.png) left top no-repeat; bottom: 0px;}
.newItem a {color: #ee1c25;}
.newItem a:hover {color: #000000;}
.newItem .text {}
  .foto a {float: left; position: relative; margin-bottom: 25px;}
.foto img {border: 0px; float: left;}
.foto a span {height:6px;left:0px;overflow:hidden;position:absolute;width:210px;background: url(../images/corner-img-top.png) left top no-repeat;}
.foto a span.span2 {background: url(../images/corner-img-bottom.png) left top no-repeat; bottom: 0px;}
#secondPanel img {border: 0px;}
#firstPanel .icon, #secondPanel .icon, #thirdPanel .icon {display: block; padding: 0 0 15px 0; float: left; width: 100%;}
#firstPanel .icon {width: 90%;}
#firstPanel .icon .img, #secondPanel .icon .img {margin: 4px 8px 8px 0}
#firstPanel .icon a, #secondPanel .icon a {color: #000000;}
#firstPanel .icon a:hover, #secondPanel .icon a:hover {color: #000000;}
#firstPanel .icon .more {color: #ab1315;}
#firstPanel .icon .date {font-weight: bold;}
#firstPanel .icon .date {background: url(../images/bullet-red.gif) right 5px no-repeat; width:100px; margin: 0 10px 0 0; float: left;}
#firstPanel .icon .text {padding: 0 0 0 110px;}
#secondPanel .lastPhoto a {float: left; margin: 0 4px 4px 0;}
#secondPanel .lastPhoto {margin: 5px 0 20px 0; float: left;}
 #textWrap .innerWide {width: 680px;}
.videoWrap {width: 660px; background: #222222; margin: 10px 0; text-align: center; padding: 10px;}
#fotoWrap {text-align: center; overflow: hidden; width: 100%;}
 #firstPanel a img, #thirdPanel a img, #secondPanel a img, #firstPanel a:hover img, #thirdPanel a:hover img, #secondPanel a:hover img {border: 0px none;}
 #flag {position:absolute;width:250px;top:18px; right:38px; text-align: right;}
#flag ul, #flag li {margin: 0; padding: 0;}
#flag li {display: inline;}
#flag a {margin: 0 0 0 10px;}
#flag a img {border: 0px;}
 #title {position:absolute;width:250px;top:53px; right:38px; text-align: right;}
#title strong {font-weight: normal;}
#title {color: #ffffff; font-size: 85%; font-style: italic; display: block;}
 #partners {height: 40px; overflow: hidden; width: 924px; float: left; padding:25px 0 25px 38px; margin: 0; text-align: center;}
#partners img {border: 0px; margin: 0 10px;}
 .checkbox input, input.checkbox {border:0px; padding:0; margin:0; display:inline;}
#firstPanel td.checkbox label, .checkbox .fieldWithErrors, input.checkbox {display: inline;}
#firstPanel td.checkbox input {margin-right: 5px; border: 0px;}
 input.submit {background: url(../images/icon-submit.png) left center repeat-x;border:medium none;color:white;cursor:pointer;font-size:13px;font-weight:normal;height:22px;line-height:20px;margin:0;padding:1px 5px 3px 7px;width:116px;}
input.submit:hover {background: url(../images/icon-submit.png) right center repeat-x;}
 #footer {height: 40px; width: 1000px; overflow: hidden; float: left; padding:0; margin: 0; background: #000000 url(../images/background-footer.png) left top repeat-x;}
#footer div {padding: 11px 10px;}
#footer, #footer a {color: #a4a4a4;}
#footer a:hover {color: #ffffff;}
#footer img {border:0px;}
#footer .autoprima {float: left; padding: 6px 10px 0 10px;}
#footer .fota {float: left; margin: 0 10px;}
   #photogalleryWrap, .thumbwrap {float: left;}
.thumbwrap{padding: 0;margin: 0;text-align: center;width: 680px;}
.thumbwrap li {display: -moz-inline-box;display: inline-block; vertical-align: middle; margin: 0 5px 15px 5px;padding: 0;}
.thumbwrap li>a{ display: table; width: 199px;}
.thumbwrap a{display: block;text-decoration: none;color: #000;cursor: pointer;padding:0;padding-top: 13px;}
.thumbwrap img{border: 0px;vertical-align: middle;}
.thumbwrap a:hover{background-color: #ebebeb;}
.thumbwrap .caption{display: block;padding: .3em 3px;font-size: .9em;line-height: 1.1;w\idth: 189px}
.thumbwrap li{vertical-align: middle;}
.thumbwrap li a {display: inline-block;vertical-align: middle;}
.thumbwrap {display: inline-block;}
 #motioncontainer {position:relative;overflow:hidden;height:130px;margin-bottom: 5px; width:700px}
#motiongallery {position:absolute;left:0;top:0;white-space: nowrap;}
#trueContainer {white-space: nowrap;}
 #titleWrap span {_cursor: hand;}
#footer {_float: none;}
  #topMenu {_overflow: hidden;}
#topMenu ul ul {_margin: 0 0 0 -100px;}
#topMenu li, #topMenu li li {_behavior: url(/stylesheets/hover.htc);}
 #topMenu li a {_float: left;}
#titleWrap span {_cursor: hand;}
   table#kontaktni-formular td {padding: 2px;}
table#kontaktni-formular .input, table#kontaktni-formular textarea {padding: 2px; width: 200px;}
table#kontaktni-formular textarea {width: 198px;}
table#kontaktni-formular .mini {font-size: 90%; font-style: italic;}
table#kontaktni-formular .form-submit {border: 0px;}
table#kontaktni-formular .form-submit {padding:0; width: 130px; height: 35px; line-height: 35px; text-decoration:none; _white-space: nowrap;}
table#kontaktni-formular .form-submit {color:#ffffff; background: url(../images/background-top-menu-li.png) left top no-repeat;}
 .listRef table {border-collapse: collapse; width: 100%}
.listRef table td {padding: 0 0 20px 0; margin: 0; vertical-align: top;}
.listRef table td.second {width: 210px; padding-left: 30px;}
 .listRef a.img {float: left; position: relative;}
.listRef img {float: left; border: 0px;}
.listRef a span {height:6px;left:0px;overflow:hidden;position:absolute;width:210px;background: url(../images/corner-img-top.png) left top no-repeat;}
.listRef a span.span2 {background: url(../images/corner-img-bottom.png) left top no-repeat; bottom: 0px;}
.listRef a {color: #ee1c25;}
.listRef a:hover {color: #000000;}
.listRef h3 {margin: 0; padding: 0;}
.sort {width: 110px; height: 110px; overflow: hidden; text-align: center; margin: 0 26px 25px 0; float: left; display: block;}
.sort div {height: 55px;}
.sort div img {max-height: 55px; max-width: 110px;}
table.wide100 {width: 100%;}
table.wide100 td {padding: 2px 8px; border: 1px dotted #d6d2d2;}
.mapCR {text-align: center;}
.mapImg {border-style:none; border:0px;}
 #eshop {position:absolute;width:150px;top:455px; left:86px;}
#eshop img {border: 0px;}
#eshopOther {position:absolute;width:150px;top:205px; left:86px;}
#eshopOther img {border: 0px;}
#circle {position:absolute;width:300px;top:200px; right:38px;}
#circle a {text-decoration: none; text-align: center;}
#circle .iconCircle a {margin-right: 40px; float: left; display: block; height: 153px; width: 103px; overflow: hidden}
#circle .iconCircle a span {color: #d6dd03; position: relative; top: 103px; font-size: 110%; text-align: center;}
.icon01 a {background: url(../images/01.png) left top no-repeat;}
.icon01 a:hover {background: url(../images/01.png) -103px top no-repeat;}
.icon02 a {background: url(../images/02.png) left top no-repeat;}
.icon02 a:hover {background: url(../images/02.png) -103px top no-repeat;}
.icon03 a {background: url(../images/03.png) left top no-repeat;}
.icon03 a:hover {background: url(../images/03.png) -103px top no-repeat;}
.icon04 a {background: url(../images/04.png) left top no-repeat;}
.icon04 a:hover {background: url(../images/04.png) -103px top no-repeat;}
#circleOther {position:absolute;width:650px;top:165px; right:38px;}
#circleOther a {text-decoration: none; text-align: center;}
#circleOther .iconCircle a {margin-left: 40px; float: left; display: block; height: 153px; width: 103px; overflow: hidden}
#circleOther .iconCircle a span {color: #d6dd03; position: relative; top: 103px; font-size: 110%; text-align: center;}
#lightbox {position: absolute; left: 0; _padding-left: 5%; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none}
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer{ padding: 10px}
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0}
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA);  display: block}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(../images/prevlabel.gif) left 15% no-repeat}
#nextLink:hover, #nextLink:visited:hover {background: url(../images/nextlabel.gif) right 15% no-repeat}
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% }
#imageData{ padding:0 10px; color: #666}
#imageData #imageDetails{ width: 70%; float: left; text-align: left}
#imageData #caption{ font-weight: bold}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em}
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}