html, body, img, hr, p, ul, ol, li, li, dd, dt, dl, form {
  margin: 0;
  padding: 0;
}
html, body {
  height: 100%;
}
body {
  font: 75%/1.5 arial, helvetica, sans-serif;
  background: #eeeeee;
  color: #333333;

}
h1, h2, h3, h4, h5, .h5, h6 {
  margin: 0;
  padding: 0;
  color: black;
  font-weight: bold;
}
h1 {font-size: 200%; color: #218caa; font-weight: normal;}
h2 {font-size: 160%; color: #218caa; font-weight: normal;}
h3 {font-size: 130%;color:#218caa;font-weight: bold;}
h4 {font-size: 120%;color:#747474;font-weight: bold;}
h5, .h5 {font-size: 110%;}
h6 {font-size: 100%;}

ul{
  list-style: none outside;
}

label, a span {
  cursor: pointer;
}
img, a img {
  border: 0;
}
a, a:link {
  text-decoration: underline;
  color: #208ba9;
}
a:hover, a:active {
  color: #F4620B;
  text-decoration: none;
}
hr, .hide {
  display: none;
}
hr.clearer {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

/* layout */
#page {
	position: relative;
	width: 985px;
	background: white url(img/shadow.png) right top repeat-y;
	margin:0 auto;
}
/* content */
#container {
	margin-top: 208px;
	width: 950px;
	min-height: 384px;
  padding-top: 10px;
	background: url(img/stripe.png) 242px 0 no-repeat;
}
#container.wide {
  background: none;
}
#container.wide #primary-content {
  float: left;
  width: 640px;
  padding: 0;
  margin: 0;
  margin-left: 10px;
}
#container.wide #secondary-content {
  float: right;
  width: 280px;
  padding: 0;
}
#primary-content {
  float: right;
  width: 680px;
}
#primary-content h1 {
  padding-left: 30px;
  margin-bottom: .5em;
  border-bottom: 1px solid #c0e8f3;
  background: url(img/ico-heading.png) left center no-repeat;
}

table {
  border-spacing: 1px;
  border-collapse: collapse;
  width: 100%;
}
caption {
  padding: 1em;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
}
th, td {
  padding: 3pt 10pt;
  border: 1px solid white;
  background: #e2eff3;
  font-size: 92%;
}
tr.hilite td, tr.hilite th {
  padding: 6pt 10pt;
  font-weight: bold;
  font-size: 100%;
  color: #218caa;
}
th {
  font-weight: normal;
  text-align: left;
}
th, tr.hilite th {
  padding-left: 20pt;
}
tr.hilite.black td, tr.hilite.black th {
  color: black;
}
tr.hilite.red td, tr.hilite.red th {
  color: red;
}
tr.hilite th {
  background: #f0f7f9;
}
td.even, tr.hilite td {
  background: #f0f7f9;
}
tr.hilite td.even {
  background: #f7fbfc;
}

#container p {
  margin: .5em 0 1em 0;
}
#container p img {
  float: right;
  clear: right;
  margin: .5em 0 .5em 1em;
}

#kontakt {
  background: transparent url(img/savana-house.jpg) no-repeat right top;
}

#kontakt p img {

float:none;margin:0px; padding:0px;
}
#container p.tableinfo {
  margin: 0 1em 1em 1em;
  color: #666666;
  font-size: 92%;
}
#container ul {
  color: #2fb2d6;
  list-style: square inside;
  margin: .5em 0 1em 0;
}
#container ul li span {
  color: black;
}

#container ul.pictures {
  margin: 1.5em 0 1em 0;
}
#container ul.pictures li {
  float: left;
  width: 150px;
  height: 180px;
  margin: 0 20px 0 0;
  list-style: none outside;
  color: #666666;
  font-size: 92%;
}
#container ul.pictures li a {
  display: block;
  width: 150px;
  height: 130px;
  margin-bottom: -5px;
  background: url(img/shadow-img.png) right bottom no-repeat;
}
#container ul.pictures li a img {
  width: 136px;
  height: 115px;
}

#news {
  min-height: 227px;
  padding: 20px 20px 0 20px;
  background: url(img/newsbox.png) 0 0 repeat-x;
}
#news h4 {
  color: #666666;
}
#news ul li {
  margin-top: 10px;
  color: #424242;
  list-style: none outside;
}
#news ul li strong {
  display: block;
}
#news ul li span {
  display: block;
  color: inherit;
  font-size: 92%;
  width: 5em;
  padding-right: 15px;
  background: url(img/ico-date.png) right center no-repeat;
}
#news a.archive {
  display: block;
  padding: 8px 20px 8px 40px;
  margin-top: 20px;
  margin-left: -20px;
  margin-right: -20px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background: url(img/ico-news2.png) 18px center no-repeat;
  font-weight: bold;
}
#contacts {
  min-height: 123px;
  padding: 20px;
  background: url(img/contactsbox.png) 0 0 repeat-x;
  font-weight: bold;
}
#contacts h4 {
  color: #666666;
}
#contacts a {
  color: #666666;
}
#contacts a:hover {
  color: #208ba9;
}
#contacts ul li {
  color: #424242;
  font-size: 92%;
  list-style: none outside;
  padding-left: 22px;
  margin: 8px 0;
  background-position: left center;
  background-repeat: no-repeat;
}
#contacts ul li.phone { background-image: url(img/ico-phone.png); }
#contacts ul li.email { background-image: url(img/ico-mail.png); }
#contacts ul li.im { background-image: url(img/ico-icq.png); }

#secondary-content {
  float: left;
  width: 220px;
  padding: 10px 10px 10px 10px;
}
ul#content-navi,
ul#help-menu,
ul.left-menu {
  margin: 0;
}
ul#help-menu,
ul.left-menu,
ul.left-back {
  padding: 0px;
}
#content-navi li,
#help-menu li,
.left-menu li,
.left-back li {
  list-style: none !important;
}
#content-navi li a,
#content-navi li span,
#help-menu li a,
#help-menu li span,
.left-menu li a,
.left-menu li span,
.left-back li a,
.left-back li span {
  list-style: disc inside;
  display: list-item;
  padding: 4px 10px 4px 20px;
  text-decoration: none;
  color: #218caa !important;
  border-bottom: 1px solid #c0e8f3;
}
.left-back li a,
.left-back li span {
  list-style: none inside;
  margin-top: 5px;
  border-bottom: 0px solid #c0e8f3;
  background: #ffffff url(img/help-back.gif) no-repeat 10px center;
  padding-left: 25px;
}
#content-navi li a:hover,
#content-navi li span,
#help-menu li a:hover,
#help-menu li span,
.left-menu li a:hover,
.left-menu li span,
.left-back li a:hover,
.left-back li span {
  background: #eaf4f8;
}
.left-back li a:hover,
.left-back li span {
/*
  background: #eaf4f8 url(img/help-back-hover.gif) no-repeat 10px center;
*/
  background: #ffffff url(img/help-back.gif) no-repeat 10px center;
  text-decoration: underline; 
}
#content-navi li span,
#help-menu li span,
.left-menu li span,
.left-back li span {
  font-weight: bold;
}

ul#back {
  margin-top: 10px !important; 
  border-bottom: 0px solid #000000 !important;
  border-top: 1px solid #c0e8f3 !important;
}

ul#programs {
  margin: 20px 0 0 0;
}
ul#programs li {
  list-style: none;
  width: 131px;
  padding: 0 12px 0 8px;
  margin-right: 10px;
  float: left;
  color: #333333;
  border-right: 1px solid #b3ecfb;
  position: relative;
}
ul#programs li.s3000 {
  margin-right: 0;
  border: 0;
}
ul#programs li h2 {
  font-size: 120%;
  position: relative;
  height: 25px;
  width: 130px;
}
ul#programs li h2 span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 140px;
  background-position: left center;
  background-repeat: no-repeat;
}
ul#programs li.s500 h2 span { background-image: url(img/ir/s500.png); }
ul#programs li.s1000 h2 span { background-image: url(img/ir/s1000.png); }
ul#programs li.s2000 h2 span { background-image: url(img/ir/s2000.png); }
ul#programs li.s3000 h2 span { background-image: url(img/ir/s3000.png); }

ul#programs li a {
  display: block;
  position: absolute;
  left: 8px;
  bottom: -2em;
  font-weight: bold;
}
ul#programs li strong {
  font-size: 149%;
  color: #f4620b;
}
ul#programs li strong span {
  color: #f4620b;
  font-size: 75%;
}
ul#programs li ul {
  margin-bottom: 0;
}
ul#programs li ul li {
  float: none;
  width: auto;
  border: 0;
  padding: 0;
  margin-left: 8px;
  padding-left: 10px;
  background: url(img/ico-list2.png) left center no-repeat;
}

form#order {
  margin: 50px 0 20px 0;
  position: relative;
  width: 625px;
  height: 155px;
  padding: 50px 0 0 12px;
  background: #f3f8fa url(img/orderbox.png) 0 0 no-repeat;
  line-height: 2;
}
form#order fieldset {
  border: 0;
}
form#order legend {
  position: absolute;
  top: 18px;
  left: 20px;
  width: 350px;
  height: 25px;
  font-size: 130%;
  font-weight: bold;
  color: #208ba9;
  z-index: 0;
}
form#order fieldset span.ir {
  display: block;
  position: absolute;
  top: 18px;
  left: 20px;
  width: 350px;
  height: 25px;
  z-index: 2;
  background: url(img/orderbox.png) -20px -18px no-repeat;
  z-index: 0;
}
form#order legend, form#order fieldset span.ir {
    display: none !important;
} /* Gecko neumí pozicovat legend */
form#order div {
  position: absolute;
  top: 40px;
  right: 28px;
  width: 120px;
  line-height: 1.3;
  font-size: 92%;
  color: #424242;
}
form#order div h5,
form#order div .h5 {
  text-transform: uppercase;
  color: #424242;
  font-weight: bold;
  font-size: 100%;
}

form#order div a {

}


form#order label {
  float: left;
  clear: left;
  width: 145px;
}
form#order input, form#order select {
/*  float: left; */
}
form#order input#order-domain {
  width: 180px;
}


form#order input#order-submit {
  margin: 10px 0 0 145px;
  border: 0;
  padding-bottom:2px;
  height: 26px;
  width: 180px;
  color: white;
  font-size: 95%;
  font-weight: bold;
  background: #ef5f09 url(img/button-orange.png) 0 0 repeat-x;
  border: 1px solid #792d00;
}

form#order select#order-nic {
  width: 60px;
  margin-left:5px;
}
form#order select {
  width: 140px;
}
form#order a.help {
  float: right;
  width: 14px;
  height: 2em;
  margin-right: 60px;
  color: white;
  font-size: 85%;
  text-align: center;
  text-decoration: none;
cursor: help;
background: url(img/form-dot.png) center center no-repeat;
}
form#order a:hover {
  color: #208BA9;
}



#whysavana {
  float: left;
  width: 305px;
}
#whysavana h3 {
  color: #424242;
  padding-bottom: 5px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 1em;
  position: relative;
  height: 25px;
}
#whysavana h3 span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 24px;
  background: url(img/ir/whysavana.png) left center no-repeat;
}
#whysavana ol li {
  list-style: none outside;
  line-height: 18px;
  margin-bottom: 5px;
  padding-left: 25px;
  background-image: url(img/numbersx.png);
  background-repeat: no-repeat;
}
#whysavana ol li.a1  { background-position: -180px -2px ; }
#whysavana ol li.a2  { background-position: -160px -22px ; }
#whysavana ol li.a3  { background-position: -140px -42px ; }
#whysavana ol li.a4  { background-position: -120px -62px ; }
#whysavana ol li.a5  { background-position: -100px -82px ; }
#whysavana ol li.a6  { background-position: -80px -102px ; }
#whysavana ol li.a7  { background-position: -60px -122px ; }
#whysavana ol li.a8  { background-position: -40px -142px ; }
#whysavana ol li.a9  { background-position: -20px -162px ; }
#whysavana ol li.a10 { background-position: 0px -182px ; }

#whysavana ol li.a11,
#whysavana ol li.a12,
#whysavana ol li.a13,
#whysavana ol li.a14,
#whysavana ol li.a15,
#whysavana ol li.a16,
#whysavana ol li.a17,
#whysavana ol li.a18,
#whysavana ol li.a19,
#whysavana ol li.a20 {
  background-image: url(img/numbersx2.png);
}

#whysavana ol li.a11  { background-position: -180px -2px ; }
#whysavana ol li.a12  { background-position: -160px -22px ; }
#whysavana ol li.a13  { background-position: -140px -42px ; }
#whysavana ol li.a14  { background-position: -120px -62px ; }
#whysavana ol li.a15  { background-position: -100px -82px ; }
#whysavana ol li.a16  { background-position: -80px -102px ; }
#whysavana ol li.a17  { background-position: -60px -122px ; }
#whysavana ol li.a18  { background-position: -40px -142px ; }
#whysavana ol li.a19  { background-position: -20px -162px ; }
#whysavana ol li.a20 { background-position: 0px -182px ; }

#moreinfo {
  float: right;
  width: 305px;
  color: #333333;
}
#moreinfo h3 {
  color: #218caa;
  margin-bottom: .3em;
  position: relative;
  width: 200px;
  height: 25px;
}
#moreinfo h3 span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 25px;
}
#moreinfo h3.mailboxplus {
  margin: 1em 0 .3em 0;
}
#moreinfo h3.mailboxplus span {
  background: url(img/ir/mailboxplus.png) left center no-repeat;
}
#moreinfo h3.moredomains span {
  background: url(img/ir/moredomains.png) left center no-repeat;
}
#moreinfo h3.unlimited span {
  background: url(img/ir/unlimited.png) left center no-repeat;
}
#moreinfo h3.moredomains2,
#moreinfo h3.databazeplus,
#moreinfo h3.databazevps {
  margin: 1em 0 .3em 0;
}
#moreinfo h3.moredomains2 span {
  background: url(img/ir/moredomains2.png) left center no-repeat;
}
#moreinfo h3.databazeplus span {
  background: url(img/ir/databazeplus.png) left center no-repeat;
}
#moreinfo h3.databazevps span {
  background: url(img/ir/databazevps.png) left center no-repeat;
}
#moreinfo ul {
  margin: 0;
}
#moreinfo ul li {
  color: #333333;
  list-style: none outside;
  margin: 0 0 0 8px;
  padding-left: 15px;
  background: url(img/ico-list2.png) 0 .7em no-repeat;
}
#moreinfo p {
  margin: 0;
  padding: 0 0 0 23px;
}
#moreinfo p strong {
  font-size: 150%;
  color: #f4620b;
}
#moreinfo p strong span {
  color: #f4620b;
  font-size: 75%;
}
#moreinfo p a {
  display: block;
  font-weight: bold;
}


#page-navi {
  background: url(img/box.png) 0 0 no-repeat;
  margin-top: 25px;
  padding: 8px 15px;
  color: #666666;
}
#page-navi h5,
#page-navi .h5 {
  color: #666666;
}
#page-navi ul {
  font-size: 92%;
  list-style: none inside;
  margin: 5px;
}
#page-navi ul li {
  padding: 2px 0 2px 13px;
  background: url(img/ico-list.gif) 0 55% no-repeat;
}
#page-navi ul li a  {
  color: #666666;
}
#page-navi ul li a:hover {
	color: #208ba9;
}

.podminky ol li{margin:0px 0px 10px 20px}

/* header */
#header {
  border-top: 37px solid transparent;
	height: 79px;
}
#header a#home {
  display: block;
  position: absolute;
  width: 230px;
  height: 59px;
  padding: 10px;
  cursor: pointer;
  font-size: 15px;
  color: black;
  z-index: 2;
}
#header p#desc {
  position: absolute;
  top: 90px;
  left: 10px;
  z-index: 1;
  color: white;
  font-size: 10px;
}
#header a#home span {
  display: block;
  position: absolute;
  width: 250px;
  height: 79px;
  top: 0;
	left: 0;
	z-index: 3;
  background: url(img/logo.gif) no-repeat;
}
#header li {
  text-indent: -999px;
}
#header li a:focus {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 160px;
  height: 110px;
  padding: 20px 35px;
  z-index: 50;
  color: white;
  font-size: 120%;
  text-indent: 0;
}
#header li a:hover {
	color: #e0e0e0;
}

/* calculation */
#calculation {
  position: absolute;
  top: 76px;
  width: 949px;
  height: 248px;
  background: #07090a url(img/teaser2.jpg) 0 0 no-repeat;
}
#calculation #rndtext {
  position: absolute;
  top: 68px;
  left: 45px;
  width: 323px;
  height: 25px;
  color: #28b4e5;
  font-family: "Myriad Pro", Tahoma, "Lucida Grande CE", lucida, sans-serif;
  font-size: 17px;
}
#calculation form {
  position: absolute;
  top: 72px;
  right: 1px;
  width: 333px;
  height: 142px;
  color: white;
  font-size: 92%;
  overflow: auto;
}
#calculation form fieldset {
  border: 0;
}
#calculation form legend {
  display: block;
  padding: 0;
  color: #110F14;
  font-size: 0.1em;
  position: relative;
  z-index: -10;
}
#calculation form span.ir {
  display: block;
  position: absolute;
  top: 0px;
  left: 0;
  width: 300px;
  height: 38px;
/*  background: url(img/teaser.jpg) -616px -62px no-repeat; */
}
#calculation form br {
  display: none;
}
#calculation form div {
  float: left;
  margin: 23px 0 0 6px;
}
#calculation form div.col1 {
  width: 140px;
  margin-left: 0;
}
#calculation form div.col2 {
  width: 55px;
}
#calculation form div.col3 {
  width: 55px;
}
#calculation form div select {
  margin-top: 3px;
  width: 100%;
}
#calculation form input#host-submit {
  margin: 16px 18px 0 0;
  border: 0;
  height: 21px;
  color: white;
  font-size: 95%;
  font-weight: bold;
  background: #1a1a1a url(img/button-black.png) 0 0 repeat-x;
  border: 1px solid #3b3b3b;
  padding-bottom: 2px; height: 21px;
}
#calculation form input#host-price {
  margin: 0 0 0 4px;
}
#calculation form label.hilite {
  font-weight: bold;
}




/* menu */
#menu {
  position: absolute;
  top: 286px;
  width: 949px;
  height: 37px;
  line-height: 36px;
}
#menu li {
  display: inline;
  float: left;
  margin: 0 10px 0 40px;
}
#menu li a, #menu li span {
  text-transform: uppercase;
  text-decoration: none;
  color: white;
  font-weight: bold;
}
#menu li a:hover, #menu li span {
  color: #208ba9;
}
#menu li.reg, #menu li.log {
  float: right;
  margin: 0 20px;
}
#menu li.reg a, #menu li.log a {
  text-transform: none;
  text-decoration: underline;
}
#menu li.reg {
  /* background: url(img/ico-user.png) left center no-repeat; */
  padding-left: 35px;
}



/* help-navi */
#help-navi {
	position: absolute;
	top: 0;
	right: 0;
	width: 660px;
	height: 46px;
	padding: 2px 25px 0 0;
  line-height: 35px;
	text-align: right;
	font-size: 92%;
  background: #eeeeee url(img/shadow-top.png) left bottom no-repeat;
}
#help-navi li {
	display: inline;
  margin: 0 4px;
  padding: 4px 0;
  padding-left: 25px;
  background-position: left center;
  background-repeat: no-repeat;
}

#help-navi li.news { background-image: url(img/ico-news.png); }
#help-navi li.pass { background-image: url(img/ico-pass.png); }
#help-navi li.open { background-image: url(img/ico-open.png); }
#help-navi li.refs { background-image: url(img/ico-refs.png); }
#help-navi li.smap { background-image: url(img/ico-smap.png); }

#help-navi li a {
	color: #333333;
}
#help-navi li a:hover {
	color: #208ba9;
}

/* domain */
form#domain {
  position: absolute;
  top: 50px;
  right: 36px;
  width: 330px;
  width: auto;
  text-align: right;
  font-size: 92%;
  color: #666666;
}
form#domain fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
form#domain label {
  display: block;
  text-align: left;
  padding: 0;
  margin: 0 0 4px 10px;
  position: relative;
  left: -6px;
}
form#domain label.hide {
  display: none;
}
form#domain input, form#domain select {
  margin-left: 4px;
}
form#domain input#domain-submit {
  border: 0;
  height: 21px;
  color: white;
  font-size: 95%;
  font-weight: bold;
  background: #1a1a1a url(img/button-black.png) 0 0 repeat-x;
  border: 1px solid #3b3b3b;
  padding-bottom: 2px; height: 21px;
}

.text-submit {
  border: 0;
  height: 21px;
  color: white;
  font-size: 95%;
  font-weight: bold;
  background: #1a1a1a url(img/button-black.png) 0 0 repeat-x;
  border: 1px solid #3b3b3b;
}

form#domain br {
  display: none;
}
/* footer */
#footer {
  position: relative;
  clear: both;
  padding: 12px 23px;
  line-height: 35px;
  font-size: 92%;
  color: #666666;
  background: #eeeeee url(img/shadow-bot.png) 0 0 no-repeat;
}
#footer a {
  color: #666666;
}
#footer a:hover {
	color: #208ba9;
}
#footer ul li {
  font-size: 92%;
}
#footer ul li a#ebanka {
  position: absolute;
  top: 22px;
  right: 30px;
  width: 52px;
  height: 29px;
  line-height: 29px;
}
#footer ul li a#ebanka span {
  position: absolute;
  top: 0;
  left: 0;
  width: 52px;
  height: 29px;
  background: url(img/ico-ebanka3.png) 0 0 no-repeat;
}
#footer ul li #mereniserveru {
  position: absolute;
  top: 33px;
  right: 209px;
  width: 80px;
  height: 15px;
  line-height: 15px;
}

#footer ul li a#paypal {
  position: absolute;
  top: 18px;
  right: 90px;
  width: 111px;
  height: 36px;
  line-height: 36px;
}
#footer ul li a#paypal span {
  position: absolute;
  top: 0;
  left: 0;
  width: 111px;
  height: 36px;
  background: url(img/ico-paypal.png) 0 0 no-repeat;
}


ul ul li a{color:#6A6A6A;font-size:90%}
ul ul li{margin-left:30px;color:#6A6A6A;font-size:100%}

span.mail img {float:left}

/* napoveda */

#wrap { width: 500px; padding: 30px 0; border-left: 5px solid #CCC; border-right: 5px solid #CCC; background: white; margin: 0 auto;text-align: left; 
}


.cotojatka-anchor { border: 2px solid #CCC; width:300px}
.cotojatka { border: 2px solid #CCC;text-align: left; width:300px }

.cotojatka, .cotojatka-anchor { padding: 3px 5px; background: white; }
body > .cotojatka, body > .cotojatka-anchor { font-size: 90%; }
* html .cotojatka, * html .cotojatka-anchor { font-size: 85%; }

.mono-data { font-family: monospace; background: #FFFCED; font-size: 115%; }
* html .mono-data { font-size: 100%; }


div.back { text-align: right; padding: 10px 30px; }


/* lightbox */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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: transparent url(img/blank.gif) no-repeat; /* 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/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

/* form registrace */
form#registrace {
  margin: 0px 0 0px 0;
  position: relative;
  padding:10px;
  background: #E3F0F4;
  line-height: 2;
}

form#registrace div {
  padding:10px;
}

form#registrace fieldset{
 padding:0px 0px 10px 0px; ;
 margin:0px; 
}
form#registrace h5,
form#registrace .h5{
color:#218CAA;
padding:2px 5px;
background:#F1F8FA;
margin:5px 0px;
clear:both;
}

form#registrace h5.warning,
form#registrace .h5.warning {
color:#F05F0A;
padding:2px 5px;
background:#FFF;
border-bottom:1px dotted #218CAA;
border-top:1px dotted #218CAA;
margin:5px 0px;
}

form#registrace h5.warning,
form#registrace .h5.warning {
color:#F05F0A;
padding:2px 5px;
background:#FFF;
border-bottom:1px dotted #218CAA;
border-top:1px dotted #218CAA;
margin:5px 0px;
}


form#registrace fieldset {
  border: 0;
}
form#registrace legend {
  position: absolute;
  top: 18px;
  left: 20px;
  width: 350px;
  height: 25px;
  font-size: 130%;
  font-weight: bold;
  color: #208ba9;
}
@-moz-document url-prefix(file), url-prefix(http) {
  form#registrace legend, form#registrace fieldset span.ir {
    display: none !important;
  } /* Gecko neumí pozicovat legend */
}


form#registrace label {
  float: left;
  clear: left;
  width: 165px;
  font-weight:normal

}
form#registrace input, form#registrace select {
  float: left;
}
form#registrace input#order-domain {
  width: 180px;
}


form#registrace input#order-submit {
  margin: 10px 0 0 165px;
  border: 0;
  padding-bottom:2px;
  height: 26px;
  float: left; clear: both;
 
  color: white;
  font-size: 95%;
  font-weight: bold;
  background: #ef5f09 url(img/button-orange.png) 0 0 repeat-x;
  border: 1px solid #792d00;
}

form#registrace select#order-nic {
  width: 60px;
  margin-left:5px;
}
form#registrace select {
  width: 140px;
}
form#registrace a {
  float: right;
  width: 14px;
  height: 2em;
  margin-right: 170px;
  color: white;
  font-size: 85%;
  font-weight:normal;
  text-align: center;
  text-decoration: none;
cursor: help;
background: url(img/form-dot.png) center center no-repeat;
}
form#registrace a:hover {
  color: #208BA9;
}
form#registrace{font-weight:bold}
form#registrace span{font-weight:bold}
label.chyba{color:#F05F0A;font-weight:bold}
form#registrace value {float:left}

/* zalozky aplikaci */
#appl-tabs {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 46px;
	padding: 2px 25px 0 0;
  padding-left: 30px;
  line-height: 35px;
	text-align: left;
	font-size: 92%;
  background: #eeeeee url(img/shadow-top.png) left bottom no-repeat;
}

#appl-tabs a {
  position: relative;
  top: 4px;
  float: left;
  width: 85px;
  height: 30px;
  line-height: 38px;;
  background: #eeeeee url(../img/tab-he.jpg) left top no-repeat;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

#appl-tabs a:hover {
  position: relative;
  top: 0px;
  height: 34px;
  line-height: 34px;;
  background: #eeeeee url(../img/tab-he.jpg) left top no-repeat;
}

#appl-tabs a.tab-hs {
  background: #eeeeee url(../img/tab-hs.jpg) left top no-repeat;
}

code {
	background:none repeat scroll 0 0 #F0EBE7;
  border:1px dashed;
  color:#AD4C21;
  display:block;
  font-family:Courier,'Courier New','Andale Mono',Monaco,monospace;
  font-size:12px;
  margin:5px;
  overflow:auto;
  padding:5px;
  white-space:pre;
  width:484px;
}

/**
 * zalozka ikonek na twitter etc.
 */


#chat {
  margin: 0px; margin-bottom: 5px;
  height: 20px;
  padding: 0px; padding-top: 10px; padding-bottom: 5px; padding-left: 10px;
  background: #EEEEEE;
  text-align: left;
  display: block;
  height: 56px;
}

#chat a.twitter,
#chat a.facebook,
#chat a.chatin,
#chat a.rss {
	background: url(img/ico-twit.png) no-repeat center top;
	padding-top:34px;
	text-align:center;
  display: inline-block;
  width: auto;
  min-width: 60px;
}

#chat a.facebook {
	background: url(img/ico-facebook.png) no-repeat center top;
	padding-top:34px;
	text-align:center;	
}

#chat a.chatin {
	background: url(img/ico-chat.png) no-repeat center top;
	padding-top:34px;
	text-align:center;	
}

#chat a.rss {
	background: url(img/ico-rss.png) no-repeat center top;
	padding-top:34px;
	text-align:center;	
}

 

/* SLIDER */
/* slider root element */
.row {
  width: 100%;
  float: left;
  height: 60px;
}
.slider { 
	background:#2f93af url(img/slide-bw.jpg) repeat-x 0 0; 
	height:9px; 
	position:relative; 
	cursor:pointer;
	border:1px solid #333;
	width:355px;
	float:left; 
	clear:right;
	margin-top:10px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	-moz-box-shadow:inset 0 0 8px #000;
}

/* progress bar (enabled with progress: true) */
.progress {
	height:9px; 
	background:#f4620b url(img/slide-color.jpg) repeat-x 0 0; 
	display:none;
	opacity:0.6;
}

/* drag handle */
.handle { 
	background:#fff url(img/handle.jpg) no-repeat center center; 
	height:28px;
	width:28px;
	top:-12px;
	position:absolute; 
	display:block; 
	margin-top:1px;
	border:1px solid #000;
	cursor: pointer;
	-moz-box-shadow:0 0 6px #000;
	-webkit-box-shadow:0 0 6px #000;
	-moz-border-radius:14px;
	-webkit-border-radius:14px; 
}

/* the input field */
.range {
	border:1px solid #000000;
	float:left;
	font-size:20px;
	margin:0 0 0 15px;
	padding:3px 0;
	text-align:center;
	width:70px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 		
}

#tarif {
  width: 100%;
  float: left;
}

#tarif label {
  float: left;
  width: 150px;
  width: 100%;
  display: block;
}

#tarif .slider { 
	background:#2f93af url(img/slide-bw-tarif.jpg) repeat-x 0 0; 
	width:100%;
}

#tarif .progress { 
	background:#f4620b url(img/slide-color-tarif.jpg) repeat-x 0 0; 
}

#tarif span {
  float: left;
  width: 170px;
  color: #28b4e5;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  padding: 0px;
  margin: 0px;
  cursor: default;
}

#tarif #t1 {
  text-align: left;
}

#tarif #t2 {
  text-align: left;
  padding-left: 20px;
  width: 150px;
}

#tarif #t3 {
  text-align: right;
  padding-right: 20px;
  width: 150px;
}

#tarif #t4 {
  text-align: right;
}

#tarif .range { 
	width:0px;
	display: none;
}

#tarif .aktif {
  color: #F4620B;
}

#tarif-loading {
  text-align: center;
  padding-top: 80px;  
  width: 100%;
  float: left;
}

#savle {
  width: 461px;
  float: left;
}

#savle label {
  float: left;
  width: 150px;
  width: 100%;
  display: block;
  cursor: default;
}

.speedometer {
  background: url(img/background.jpg) no-repeat left top;
}

#budik {
  float: left;
}

#info {
  float: left;
  font-weight: bold;
  color: #28b4e5;
  width: 210px;
  text-align: center;
  font-size: 18px;
  position: relative;
  top: -20px;
}

#info span {
  color: #F4620B;
}

#info #totalv {
  color: #000000;
}

#info .stupen-1 {
  color: #359A3C;
}

#info .stupen-2 {
  color: #F8EF00;
}

#info .stupen-3 {
  color: #F57220;
}

#info .stupen-4 {
  color: #C92C23;
}

/* tooltip styling */
.tooltip {
	display:none;
	background:url(img/black_arrow.png);
	height:70px;
	width:160px;
	padding:25px;
	font-size:11px;
	color:#fff;
	z-index: 1000;
	text-align: justify;
}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip a {
	color:#ad4;
	font-size:11px;
	font-weight:bold;
}

/* override the arrow image of the tooltip */
.tooltip.bottom {
	background:url(img/black_arrow_bottom.png);
	padding-top:40px;
	height:55px;
}

.tooltip.bottom {
	background:url(img/black_arrow_bottom.png);
}

.leftTip {
	height:73px;
	width:164px;
	padding: 29px 40px 10px 20px;
	font-size:11px;
	color:#fff;
	background:url(img/black_arrow_left.png) no-repeat left top;
}

.rightTip {
	background:url(img/black_arrow_big.png);
	height:165px;
	width:315px;
	padding:25px; padding-top: 20px;
	font-size:11px;
	color:#fff;
	z-index: 1000;
	text-align: justify;
}

.rightTip.bottom {
	background:url(img/black_arrow_big_bottom.png);
	padding-top:45px;
	height:145px;
}

.bannTip {
	background:url(img/black_arrow_bg.png);
	height:auto;
	width:auto;
	padding:2px;
	font-size:11px;
	color:#fff;
	z-index: 1000;
	text-align: justify;
	border: 2px solid #ffffff;
	text-align: center;
	-moz-border-radius: 5px;
}

.helpTip {
	background:url(img/black_arrow_bg.png);
	height:auto;
	width:auto;
	max-width: 300px;
	padding:10px;
	font-size:11px;
	color:#fff;
	z-index: 1000;
	text-align: justify;
	border: 2px solid #ffffff;
	-moz-border-radius: 5px;
}

form#order #kalkulator {
  width: 120px;
  height: 180px;
  position: relative;
  top: -33px;
  float: right;
}

form#order #kalkulator h2 {
  color: #208ba9;
  font-family: "Myriad Pro", Tahoma, "Lucida Grande CE", lucida, sans-serif;
  font-size: 18px;
  font-weight: normal;
  width: 100%;
  margin: 0px; margin-bottom: 15px;
  padding: 0px;
  text-indent: -10000px;
}

form#order #kalkulator a {
  width: 100px;
  height: auto;
  margin: 0px; margin-left: 16px;
  padding: 0px; padding-top: 85px;
  float: left;
  background: url(img/button-kalkulator.png) no-repeat center top;
  text-align: center;
  font-size: 12px;
  text-decoration: underline;
  color: #208ba9;
}

form#order #kalkulator a:hover {
  color: #F4620B;
  text-decoration: none;
}

input[type=button],input[type=submit] {
  cursor: pointer;
}

.info-tarif {
  display: block;
  width: 100%;
  float: left;
  border-top: 1px solid #c0e8f3;
  margin: 0px; margin-top: 2px;
  padding: 0px; padding-top: 5px;
}

.banner-a a {
  padding: 5px;
}

p.dbscript {
  background: #EEEEEE;
  border: 1px dashed #CFCFCF;
  padding: 10px;
  margin: 5px;
}

p.dbscript span {
  color: #218CAA;
}

p.dbscript i {
  color: #747474;
}

div#domain-free p {
  background: transparent url(img/domain-free.jpg) no-repeat left center;
  padding: 0px 0px 0px 40px;
  line-height: 30px;
}

div#domain-not-free p {
  background: transparent url(img/domain-not-free.jpg) no-repeat left center;
  padding: 0px 0px 0px 40px;
  line-height: 30px;
}

/*  ZIRAFA - AKCE */
#akce {
  position: absolute;
  width: 520px;
  height: 520px;
  left: 0px;
  top: 0px;
  background: transparent url(img/akce/zirafa.gif) no-repeat left top;
  z-index: 10;
  cursor: move;
/*  border: 1px solid #000000; */
}

#akce .atxt,
#akce .atxtr {
  position: relative;
  width: 193px;
  left: 303px;
  top: 200px;
  z-index: 1;
  text-align: center;
  color: #ffffff;
  padding: 10px;
  background: #333333;
  -moz-border-radius: 5px;
  text-align: justify;
}

#akce .atxtr {
  left: 20px;
  top: 200px;
}

#akce .atxt strong,
#akce .atxtr strong {
  color: #F4620B;
  font-weight: bold;
}

#akce .atxt b,
#akce .atxtr b {
  color: #ffffff;
  font-weight: bold;
}

#akce .ahide,
#akce .ahider {
  position: relative;
  left: 48px;
  top: 30px;
  z-index: 1;
  padding: 0px;
  font-size: 14px;
  color: #F4620B;
  font-weight: bold;
  background: transparent url(img/akce/close.gif) no-repeat left center;
  padding-left: 25px;
}

#akce .ahider {
  left: 398px;
  top: 30px;
}

#akce-small {
  position: fixed;
  width: 279px;
  height: 213px;
  margin: 0px;
  padding: 0px;
  background: transparent url(img/akce/zirafa-mala.gif) no-repeat left top;
}

#akce-small div {
  position: relative;
  top: 151px;
  left: 38px;
  width: 170px;
  height: 60px;
  margin: 0px;
  padding: 0px;
  background: transparent;
  text-align: center;
  color: #000000;
}

#akce-small div .ashow {
  font-size: 14px;
  color: #F4620B;
  font-weight: bold;
}

.skrtle {
  text-decoration: line-through;
}