* {
  margin:0px;
  padding:0px;
  border:0px none;
}
body {
  text-align:center;
  font-family:arial,sans-serif;
  color:white;
  background:#002C39 url('../img/system/bg_fade.gif') repeat-x left 437px;
  /*background:#002C39 url('../img/system/bottom.gif') repeat-x left bottom; */
}
a {
  color:#FFCC00;
  text-decoration:underline;
}

a:hover {
  text-decoration:none;
}
p,ul {
  font-size:0.72em;
  line-height:1.75em;
  text-align:left;
}
p.justify {
  text-align:justify !important;
}
ul {
  list-style-type:none;
}
li,ul {
  padding:0px;margin:0px;
}
ul ul {
  font-size:1em;
}
.invisible {
  /*overflow:hidden;*/width:1px;height:1px;position:absolute;top:-10000px;left:0px;
}

.left {
  float:left;
}
.right {
  float:right !important;
}
.clear {
  width:100%;clear:both;font-size:1px;height:1px;
}
.error {
  color:red;
  font-weight:bold;
}
input {
  font-family:arial,sans-serif;
  font-size:0.72em;
}
.input-t {
  background:white;
  padding:1px 2px;
}
.input-s {
  font-size:0.72em;
  padding:0px 3px 0px 3px;
  border:1px solid #939393;
  color:white;
}


#bg_topline {
  position:absolute;
  left:0px;
  width:100%;
  height:12px;
  background:#00121C;
}
#bg_topfield {
  position:absolute;
  left:0px;
  top:12px;
  width:100%;
  height:426px;
  background:#00161D;
}
#header_image {
  position:absolute;
  top:197px;
  left:0px;
  width:1087px;
  height:240px;
  background:transparent url('../img/system/page_bg2.jpg') no-repeat left top;
}
#link-cenik {
  display: block;
  width:200px;height:200px;
  position:absolute;
  top:225px;left:-20px;
  z-index:3;
}
#main0 {
  width:1087px;
  text-align:left;
  margin:0px auto;
}
#main {
  position:relative;
  width:1087px;
  float:left;
  background:#002D3B url('../img/system/page_bg1.jpg') no-repeat top;
}
#bg_left {
  position:absolute;
  top:0px;
  left:-183px;
  background:transparent url('../img/system/bg_left.gif') no-repeat left top;
  width:183px;
  height:512px;
  z-index:3;
}
#bg_right {
  position:absolute;
  top:0px;
  right:-50px;
  background:transparent url('../img/system/bg_right.gif') no-repeat left top;
  width:50px;
  height:947px;
  z-index:3;
}
#menu {
  position:absolute;
  left:0px;
  top:147px;
  font-weight:bold;
  font-size:0.72em;
}
#menu li {
  float:left; 
}
#menu a {
  color:#66CCFF;
  text-decoration:none;
  display: block;
  padding:15px 0px;
  text-align:center;
  width:121px;
}
#menu li.first a {
  width:100px;
}
#menu li.second a{
  width:132px;
}
#menu li.third a{
  width:116px;
}
#menu li.fourth a{
  width:155px;
}
#menu li.fifth a{
  width:122px;
}
#menu li.sixth a{
  width:106px;
}
#menu li.seventh a{
  width:106px;
}
#menu a:hover,#menu a.active {
  color:white;
  background:transparent url('../img/system/menu_a_bg.gif') no-repeat -731px 1px;
}
#menu li.first a:hover,#menu li.first a.active {
  background-position:0px 1px;
}
#menu li.second a:hover,#menu li.second a.active {
  background-position:-100px 1px;
}
#menu li.third a:hover,#menu li.third a.active {
  background-position:-232px 1px;
}
#menu li.fourth a:hover,#menu li.fourth a.active {
  background-position:-348px 1px;
}
#menu li.fifth a:hover,#menu li.fifth a.active {
  background-position:-503px 1px;
}
#menu li.sixth a:hover,#menu li.sixth a.active {
  background-position:-625px 1px;
}
#logo {
  position:absolute;
  left:0px;
  top:36px;
}
#datacamp {
  position:absolute;
  font-weight:bold;  
  top:89px;
  left:767px;
  font-size:0.8em;
}
#datacamp a {
  color:#66CCFF;
  text-decoration:none;
}
.obsah {
  padding:473px 0px 0px 14px;
  width:1072px;
  float:left;
  background:transparent url('../img/system/rightside_bg2.gif') no-repeat right 964px;
}
.obsah a.more {
  font-size:0.72em;
  display: block;
  font-weight:bold;
  background:transparent url('../img/system/a_more2.gif') no-repeat left center;
  padding:3px 0px 3px 30px;
}
.obsah .main {
  width:753px;
  padding-right:14px;
  float:left;
}
.obsah h2 {
  color:#FECB00;
  font-size:1.5em;
  text-transform:uppercase;
  font-weight:normal;
  padding-bottom:2px;
}
.obsah h3 {
  font-size:0.72em;
  padding-bottom:29px;
}
.obsah p {
  margin-bottom:21px;
}
.obsah p.em {
  font-weight:bold;
}
.obsah .datacamp {
  width:362px;
  float:left;
  background:transparent url('../img/system/datacamp.gif') no-repeat right top;
}
.obsah .datacamp .more {
  margin-top:-11px;
  margin-bottom:20px;
}
.obsah .vyhody {
  float:left;
  width:338px;
  margin-left:34px;
  background:transparent url('../img/system/vyhody.gif') no-repeat right top;
}
.obsah .vyhody h2,.obsah .formular h2 {
  color:#66CC00;
}
.obsah .vyhody ul li {
  background:transparent url('../img/system/vyhody_bg.gif') repeat-y center top;
}
.obsah .vyhody ul li.second {
  background-image:none;
}
.obsah .vyhody ul li:hover,.obsah .vyhody ul li.active {
  background-image:url('../img/system/vyhody_a.gif') !important;
} 
.obsah .vyhody ul li a {
  display: block;
  background:transparent url('../img/system/plus_velke.gif') no-repeat left center;
  padding:14px 0px 15px 40px;
  text-decoration:none;
  color:white;
  font-weight:bold;
}
.obsah .vyhody ul li.second a {
  background-image:url('../img/system/plus_male.gif');
  background-position:5px center;
}
.obsah .vyhody ul li strong {
  color:#52D511;
}
.obsah .vyhody ul li span {
  color:#5CBCEB;
  position:relative;top:-1px;
}
.obsah .vyhody .more {
  margin-top:18px;
  float:right;
}
.obsah .aktuality {
  margin-top:41px;
  margin-bottom:44px;
  float:left;
  width:726px;
  clear:both;
  background:transparent url('../img/system/aktuality.gif') no-repeat right top;
}
.obsah .aktuality.aktuality-hist {
  margin-top:0px;
  background-image:none; 
}
.obsah .aktuality.aktuality-hist h2 {
  padding-bottom:18px;
}
.obsah .aktuality h3 {
  padding-bottom:22px;
}
.obsah .aktuality .item {
  clear:both;
}
.obsah .aktuality .item .date {
  float:left;
  width:75px;
  margin-left:4px;
  display:inline;
  font-size:0.8em;
  font-weight:bold;
}
.obsah .aktuality .item .content {
  width:647px;
  float:left;
}
.obsah .aktuality .item .content h4 {
  font-size:0.8em;
  /*border-bottom:1px solid #FECB00;*/
  float:left;
  clear:both;
  color:#FECB00;
}
.obsah .aktuality .item .content p {
  clear:both;
  padding:9px 0px 0px 0px;
  margin-bottom:16px;
}
.obsah .aktuality .more {
  float:left;
}
.obsah .aktivace {
  width:353px;
  float:left;
  background:transparent url('../img/system/aktivace.gif') no-repeat right top;
}
.obsah .aktivace ol {
  list-style-type:none;
}
.obsah .aktivace ol li {
  clear:left;
}
.obsah .aktivace ol * {
  color:white;
}
.obsah .aktivace ol li span {
  display: block;
  width:40px;
  height:24px;
  padding:6px 0px 0px 10px;
  color:black;
  font-weight:bold;
  background:transparent url('../img/system/li.gif') no-repeat 0px 0px;
  float:left;
  font-size:1.0em;
}
.obsah .aktivace ol li .content {
  float:left;
  width:303px;
  font-size:0.72em;
}
.obsah .aktivace ol h4 {
  margin-top:1px;
  color:#FFCC00;
  margin-bottom:9px;
}
.obsah .aktivace ol p {
  font-size:1em;
  margin-bottom:23px;
}
.obsah .formular {
  float:left;
  width:336px;
  margin-left:37px;
  background:transparent url('../img/system/formular.gif') no-repeat right top;
}
.obsah .formular label {
  width:118px;
  float:left;
  clear:left;
  font-size:0.72em;
  padding-top:5px;
}
.obsah .formular .input-t, .obsah .formular textarea {
  width:200px;
  border:1px solid #013B4D;
  background:#F1F1F1 url('../img/system/input_fade.gif') repeat-y left top;
  padding:5px;
  margin-bottom:10px;
}
.obsah .formular select {
  margin-top:2px;
  width:200px;
  border:1px solid #013B4D;
  padding:2px 2px;
  margin-bottom:10px;
}
.obsah .formular textarea {
  height:155px;
}
.obsah .formular .input-s {
  margin-left:118px;
  color:black;
  border:1px solid #66FF33;
  background:#66E216 url('../img/system/submit_bg.gif') repeat-x left center;
  padding:4px 12px;
  margin-top:-4px;
}

.obsah .rightside {
  float:left;
  width:272px;
  padding:0px 16px;
  margin-left:1px;
}
.obsah .rightside h2 {
  color:#65CAFD;
}
.obsah .rightside .reference {
  background:transparent url('../img/system/reference.gif') no-repeat right top;
  float:left;
  width:100%;
  margin-bottom:31px;
}
.obsah .rightside .reference h2 {
  padding-top:17px;
}
.obsah .rightside .reference .content {
  margin:-5px;
}
.obsah .rightside .reference .item {
  width:130px;
  height:74px;
  position:relative;
  float:left;
  margin:5px;
}
.obsah .rightside .reference .item .cont {
  width:130px;
  height:74px;
  position:absolute;
  left:0px;top:0px;
  
  background-repeat:no-repeat;
  background-position:center;
}
.obsah .rightside .reference .item .text {
  position:absolute;
  top:74px;
  left:-5000px;
  width:200px;
  z-index:3;
  padding:10px 15px 2px 15px;
  border:1px solid #001826;
  background:#00222D;
}

.obsah .rightside .reference .item.active .text,.obsah .rightside .reference .item:hover .text {
  left:-50px;
}
.obsah .rightside .reference .item .text h4 {
  font-size:0.8em;
  color:#66CC00;
}
.obsah .rightside .reference .item .text p {
  margin-bottom:8px;
}
.obsah .rightside .reference .item#ref-1 .cont {background-image:url('../img/reference/nova.gif');}
.obsah .rightside .reference .item#ref-2 .cont {background-image:url('../img/reference/mimibazar.gif');}
.obsah .rightside .reference .item#ref-3 .cont {background-image:url('../img/reference/miton.gif');}
.obsah .rightside .reference .item#ref-4 .cont {background-image:url('../img/reference/toplist.gif');}
.obsah .rightside .reference .item#ref-5 .cont {background-image:url('../img/reference/superhry.gif');}
.obsah .rightside .reference .item#ref-6 .cont {background-image:url('../img/reference/sbazar.gif');}
.obsah .rightside .reference .item#ref-7 .cont {background-image:url('../img/reference/tn.gif');}
.obsah .rightside .reference .item#ref-8 .cont {background-image:url('../img/reference/libimseti.gif');}
.obsah .rightside .reference .item .bg {
  width:130px;
  height:74px;
  position:absolute;
  left:0px;top:0px;
  opacity:0.4;
  filter:alpha(opacity=40);
  background:#00222D;
}
.obsah .rightside .foto {
  background:transparent url('../img/system/foto.gif') no-repeat right top;
  float:left;
  width:100%;
}
.obsah .rightside .foto .content {
  width:100%;
  text-align:center;
}
.obsah .rightside .foto .content img,.fotogalerie img {
  border-top:12px solid #00232E;
  border-right:14px solid #00232E;
  border-bottom:12px solid #00232E;
  border-left:14px solid #00232E;
  margin:4px 0px;
}
.obsah .rightside .more {
  color:#66CCFF;
  margin:14px 0px 20px 7px;
  background-image:url('../img/system/a_more.gif');
  float:left;
}
#footer {
  float:left;
  width:1086px;
  background:#001D25 url('../img/system/footer_sh.gif') no-repeat 830px center;
  font-size:0.72em;
  padding:22px 0px;
  z-index:2;
  position:relative;
}
#footer div {
  float:left;
}
#footer .copy {
  margin-left:22px;
  color:#999999;
  margin-right:8px;
}
#footer .menu,#footer .menu a {
  color:#EDEFF0;
}
#footer .menu a {
  text-decoration:none;
  padding:0px 4px;
}
#footer .menu a:hover {
  text-decoration:underline;
}
.sh {
  color:#66CCFF;
  font-weight:bold;
  padding-right:0px;
}
#footer_bg {
  z-index:1;
  width:1128px;
  height:59px;
  position:absolute;
  bottom:0px;
  left:0px;
  background:#001D25;
}

#lightbox{	position: absolute;	left: 0; 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: 0px auto;margin-top:90px; }
#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;visibility:hidden; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/lightbox/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; visibility:hidden;position:absolute; }
#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: 26px; 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; }

.kontakty .item {
  float:left;
  width:100%;
  clear:both;
  margin-top:30px;
}
.kontakty .img {
  border:1px solid #66CC00;
  float:left;
  width:80px;
  margin-right:18px;
  height:100px;
}
.kontakty h3 {
  font-size:1.1em;
  text-transform:uppercase;
  font-weight:normal; 
  color:#66CC00;
  padding-bottom:5px;
  margin-top:1px; 
}
.kontakty strong {
  color:#65CAFD;
}
.kontakty .content {
  width:320px;
  float:left;
}
.kontakty #mapa {
  width:380px;
  height:380px;
  float:right;
  margin-right:50px;
}
.fotogalerie {
  margin-top:20px;
}
.fotogalerie .thumbs {
  margin-left:6px;
  clear:both;
  display:inline;
}
.fotogalerie .thumbs a {
  width:267px;
  float:left;
  text-align:center;
  display: block;
  margin:40px;
  display:inline;
}
.fotogalerie .big {
  width:707px;
  border-top:12px solid #00232E;
  border-right:14px solid #00232E;
  border-bottom:12px solid #00232E;
  border-left:14px solid #00232E;
  margin:0px;
}
.fotogalerie .sipky {
  float:right;
  margin-right:18px;
  display:inline;
}
.fotogalerie .back,.fotogalerie .forw {
  display: block;
  background:#00232E;
  padding:0px 10px;
  float:left;
  font-weight:bold;
  text-decoration:none;
  margin-bottom:-2px;
}
.fotogalerie .back.empty,.fotogalerie .forw.empty {
  height:41px;
  width:43px;
}
.fotogalerie .back img,.fotogalerie .forw img {
  margin:0px;
} 
.cenik h3,.reference-page h3 {
  color:#66CC00;
  font-size:1.1em;
  font-weight:normal;
  margin:6px 0px 16px 0px;
  padding-bottom:0px;
}
.cenik h4 {
  color:white;
  font-size:0.8em;
  margin:0px 0px 16px 0px;
}
.cenik table {
  border-collapse:collapse;
  width:100%;
  margin:10px 0px 30px 0px;
  font-size:0.72em;
}
.cenik table th,.cenik table td {
  padding:4px 11px;
  border:1px solid black;
}
.cenik table th {
  background:#66CE02 url('../img/system/submit_bg.gif') repeat-x left center;
  text-align:left;
  color:black;
}
.cenik table td {
  background:#D0D0D0 url('../img/system/td_bg.gif') repeat-x left top;
  color:black;
}
.cenik table th.super {
  background:#9FDC0C url('../img/system/th_bg.gif') repeat-x left top;
  color:black;
  padding:7px 11px;
  text-align:center;
  font-weight:bold;
}
.cenik table th.super.minor {
  padding:4px 11px;
}
.reference-page img {
  margin-right:15px;
  float:left;
  border:6px solid #00232E;
}
.reference-page h3 {
  margin-bottom:10px;
  margin-top:0px;
  float:left;
}
.reference-page p {
  width:574px;
  float:left;
}
.reference-page .item {
  clear:both;
  float:left;
  margin-top:20px;
}
.formular.popt h2 {
  color:#FECB00;
}
.popt {
  width:100% !important;
  margin:0px !important;
}
.popt legend {
  font-size:0.72em;
  color:black;
  background:#66CC00;
  padding:4px 8px;
  font-weight:bold;
}
.popt label {
  width:150px !important;
  padding-right:10px;
}
.popt fieldset {
  float:left;
  width:324px;
  border:1px solid #66CC00;
  padding:10px 20px;
  margin-top:20px;
}
.formular.popt .input-t,.formular.popt textarea {
  width:150px;
}
.formular.popt select {
  width:162px;
}
.formular.popt .second {
  margin-left:20px;
}
.formular.popt .input-s {
  margin:10px 0px 0px 509px;
  width:120px;
}
.formular.popt .input-s.kontakt {
  float:left;
  clear:both;
}

#mapa table {
  color:black;
}/*
#mapa .SZNmapa div div table {
  width:200px
}*/

.packa img {
  float:left;
  clear:left;
  margin:0px 15px 20px 0px;
  border-top:12px solid #00232E;
  border-right:14px solid #00232E;
  border-bottom:12px solid #00232E;
  border-left:14px solid #00232E;
}
.packa h4 {
  color:#66CC00;
  font-size:1.1em;
  font-weight:normal;
  margin-bottom:6px;
  margin-top:2px;
}
.packa h4 a {
  color:#66CC00;
}
.packa ul {
  margin-left:12px;
}
.packa li {
  padding:1px 0px 1px 18px;
  background:transparent url('../img/system/li2.gif') no-repeat left 9px;
}
.packa .more {
  margin:-10px 0px 20px 0px;
}


#index #menu,#index .rightside,#index #header_image,#index #bg_left,#index #bg_right,#index #bg_topline,#index #footer {
  visibility:hidden;
  position:absolute;
  left:-5000px;
  top:-5000px;
  overflow:hidden;
}
#index {
  background:#002D3B url('../img/index/fade.gif') repeat-x left 201px;
}
#index #bg_topfield {
  background:#00161D url('../img/index/top.jpg') no-repeat center top;
  top:0px;
  height:201px;
}
#index #main0 {
  
}
#index #main {
  background-image:url('../img/index/top.jpg');
  background-color:transparent;
}
#index .obsah {
margin-top:200px;
background:transparent;
padding:0px;
height:1px;
}
#index .obsah .main {
  width:100%;
}
#index #manalink,#index #itlink {
  margin-top:22px;
  width:360px;
  height:045px;
  padding-top:395px;
  float:left;
  display: block;
  font-weight:bold;
  font-size:1.0em;
  text-align:center;
  color:white;
  text-decoration:none;
}
#index #manalink {
  background:transparent url('../img/index/bubliny.jpg') no-repeat left top;
  margin-right:88px;
  padding-left:8px;
}

#index #itlink {
  background:transparent url('../img/index/bubliny.jpg') no-repeat right top;
  padding-left:14px;
  width:352px;
}
#index #manalink:hover,#index #itlink:hover {
  background-image:url('../img/index/bubliny_a.jpg');
}
#index #index-cont {
  margin-left:132px;
  float:left;
  display:inline;
}
#index #index-cont p {
  font-size:1.0em;
  float:left;
  width:778px;
  text-align:center;
  margin-top:34px;
  padding:10px;
  font-weight:bold;
  /*background:transparent url('../img/index/louze.gif') no-repeat center 2px;*/
}
#index #index-cont p strong {
  color:#66CCFF;
}
#index #logo {
  top:62px;
}
#index #datacamp {
  top:93px;
}
.vyhody-page {
  margin-right:-50px;
  width:790px;
  margin-bottom:30px;
  float:left;
}
.vyhody-page h4 {
  margin-bottom:16px;
}
.vyhody-page .item {
  width:360px;
  margin-right:30px;
  float:left;
}
.vyhody-page .item h5 {
  color:#66CCFF;
}
.vyhody-page img {
  margin-top:20px;
}
.kontakty .formular {
  margin:50px 0px 30px 0px;
  width:383px;
}
.kontakty .formular h3 {
  font-size:0.72em;
  color:white;
  text-transform:none;
  font-weight:bold;
  padding-bottom:29px;
}
.kontakty .formular textarea,.kontakty .formular .input-t {
  width:253px;
}
.kontakty .formular textarea {
  height:200px;
}