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 340px;
}

#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,
#news #in ul li {
  margin-top: 10px;
  color: #424242;
  list-style: none outside;
  text-align: justify;
}
#news ul li strong,
#news #in ul li strong {
  display: block;
}
#news ul li span,
#news #in 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;
}
a.archive {
  text-align: center;
  padding-left: 0px;
  padding: 8px 0px 8px 0px;
/*  
  margin-left: -20px;
  margin-right: -20px;
  display: block;
  padding: 8px 20px 8px 40px;
  background: url(img/ico-news2.png) 18px center no-repeat;
*/
  font-weight: bold;
}
div.linxs {
  text-align: center;
  margin-top: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
a.nlink {
  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,
ul#news-navi {
  margin: 0;
}
ul#news-navi {
  margin-bottom: 20px;
}
ul#help-menu,
ul.left-menu,
ul.left-back {
  padding: 0px;
}
#content-navi li,
#news-navi li,
#help-menu li,
.left-menu li,
.left-back li {
  list-style: none !important;
}
#content-navi li a,
#content-navi li span,
#news-navi li a,
#news-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,
#news-navi li a:hover,
#news-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,
#news-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: 136px;
  padding: 0 12px 0 8px;
  padding-right: 8px;
  margin-right: 8px;
  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 a.lnk {
  margin: 0px;
  padding-left: 1px; padding-right: 1px;
}
ul#programs li a.prvni {
  padding-left: 0px;
}

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;
  margin-top: 20px;
  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 ; }

#whysavana ol li strong,
#whysavana ol li strong a {
  font-weight: bold;
  color: #ea5700;
  text-decoration: none;
}

#whysavana ol li strong a:hover {
  color: #208ba9;
  text-decoration: underline;
}

#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: 515px;
	height: 46px;
	padding: 2px 25px 0 0;
  line-height: 35px;
	text-align: right;
	font-size: 92%;
  background: #eeeeee url(img/shadow-top.png) right 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: 25px;
  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;
}

#footer ul li a#eurid {
  position: absolute;
  top: 24px;
  right: 210px;
  width: 67px;
  height: 36px;
  line-height: 36px;
}
#footer ul li a#eurid span {
  position: absolute;
  top: 0;
  left: 0;
  width: 67px;
  height: 36px;
  background: url(img/ico-eu.jpg) 0 0 no-repeat;
}

#footer ul li a:hover#eurid span {
  background: url(img/ico-eu-h.jpg) 0 0 no-repeat;
}

#footer ul li a#cznic {
  position: absolute;
  top: 24px;
  right: 287px;
  width: 54px;
  height: 36px;
  line-height: 36px;
}
#footer ul li a#cznic span {
  position: absolute;
  top: 0;
  left: 0;
  width: 54px;
  height: 36px;
  background: url(img/ico-cz-nic.jpg) 0 0 no-repeat;
}

#footer ul li a:hover#cznic span {
  background: url(img/ico-cz-nic-h.jpg) 0 0 no-repeat;
}

#footer ul li a#icann {
  position: absolute;
  top: 24px;
  right: 351px;
  width: 52px;
  height: 36px;
  line-height: 36px;
}
#footer ul li a#icann span {
  position: absolute;
  top: 0;
  left: 0;
  width: 52px;
  height: 36px;
  background: url(img/ico-icann.jpg) 0 0 no-repeat;
}

#footer ul li a:hover#icann span {
  background: url(img/ico-icann-h.jpg) 0 0 no-repeat;
}

#footer ul li a#intel {
  position: absolute;
  top: 18px;
  right: 413px;
  right: 211px;
  width: 78px;
  height: 36px;
  line-height: 36px;
}
#footer ul li a#intel span {
  position: absolute;
  top: 0;
  left: 0;
  width: 78px;
  height: 36px;
  background: url(img/ico-intel.jpg) 0 0 no-repeat;
}

#footer ul li a:hover#intel span {
  background: url(img/ico-intel-h.jpg) 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: 400px;
	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-inactive.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-active.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,
#chat a.gPlus {
	background: url(img/ico-twit.png) no-repeat center top;
	padding-top:34px;
	text-align:center;
  display: inline-block;
  width: auto;
  min-width: 50px;
}

#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;	
}

#chat a.gPlus {
	background: url(img/ico-gPlus.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: 153px;
  color: #28b4e5;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  padding: 0px;
  margin: 0px;
  cursor: default;
}

#tarif #t1 {
  width: 110px;
  text-align: left;
}

#tarif #t2 {
  text-align: center;
}

#tarif #t3 {
  text-align: center;
}

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

#tarif #t5 {
  width: 110px;
  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;
}

.garance {
  background: #ffffff url(img/garance.png) no-repeat right 90px;
}

.bezpecnost {
  background: #ffffff url(img/stit.png) no-repeat right 110px;
}

div#basic {
  display: none;
  width: 680px;
  overflow: hidden;
}

div#extended {
  display: block;
  width: 680px;
  overflow: hidden;
}

div#control {
  position: relative;
  top: 0px;
  left: 0px;
  text-align: right;
  margin-bottom: 5px;
  height: 20px;
}

.obj-but {
  margin: 0px;
  border: 0;
  padding-bottom:2px; padding-left: 10px; padding-right: 10px;
  height: 26px;
  color: white;
  font-size: 95%;
  font-weight: bold;
  background: #ef5f09 url(img/button-orange.png) 0 0 repeat-x;
  border: 1px solid #792d00;
}

img#tech-dohled {
  position: relative;
  top: 15px;
  left: 853px;
  width: 111px;
  height: 112px;
}

table.extweb,
table.basicweb {
  position: relative;
  top: 0px;
  left: 0px;
  display: block;
  overflow: hidden;
}
table.basicweb th,
table.extweb th {
  width: 140px;
  _width: 100px;
  padding-left: 20px;
  padding-right: 20px;
}
table.basicweb td,
table.extweb td {
  width: 100px;
/*  width: 84px; */
  padding-left: 20px;
  padding-right: 0px;
  white-space: nowrap;
  overflow: hidden;
}

#navi-tarif {
  display: none;
  width: 798px;
  left: -60px;
  height: 1px;
}
#navi-tarif a.prev {
  float: left;
  width: 50px;
  height: 50px;
}

#navi-tarif a.next {
  float: right;
  width: 50px;
  height: 50px;
}

#akt, #max {
  display: none;
}

table.basicweb td.td5,
table.basicweb td.td6,
table.basicweb td.td7,
table.basicweb td.td8,
table.basicweb td.td9,
table.basicweb td.td10,
table.extweb td.td5,
table.extweb td.td6,
table.extweb td.td7,
table.extweb td.td8,
table.extweb td.td9,
table.extweb td.td10,
table.extra td.td5,
table.extra td.td6,
table.extra td.td7,
table.extra td.td8,
table.extra td.td9,
table.extra td.td10 {
  display: none;
}

ul#programs li strong.puv {
  text-decoration: line-through;
  color: #000000;
  font-size: 12px;
}

ul#programs li strong.puv span {
  color: #000000;
  font-size: 12px;
}

img.skrt {
  display: none;
}

/* PROC SAVANA UCHO */
div#proc-savana {
  position: fixed;
  left: -403px;
  top: 100px;
  background: transparent url(../img/proc-savana.png) no-repeat right center;
  display: none;
  width: 437px;
  min-height: 187px;
  cursor: pointer;
  z-index: 99;
}

div#proc-savana div {
  width: 370px;
/*  background: #ffffff url(../img/logo-savana-proc.jpg) no-repeat right 50px; */
  background: #ffffff;
  border: 1px solid #B2B2B2; border-left: 0px;
  height: 340px;
  padding: 10px; padding-left: 20px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-topright: 10px;

	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

div#proc-savana h6 {
  color: #218CAA;
  font-size: 16px;
  margin: 0px; margin-bottom: 5px;
}

div#proc-savana div ul li {
  display: list-item;
  list-style-type: none;
  list-style-image: url(./img/ico-correct.png);
  margin-left: 20px;
  font-weight: normal;
}

div#proc-savana div ul li a {
  color: #666666;
  font-weight: normal;
  text-decoration: none;
}

div#proc-savana div ul li a:hover {
  color: #208ba9;
  text-decoration: underline;
}

/* REFERENCE UCHO */
div#reference-savana {
  position: fixed;
  left: -403px;
  top: 315px;
  background: transparent url(../img/reference-savana.png) no-repeat right center;
  display: none;
  width: 437px;
  min-height: 147px;
  cursor: pointer;
  z-index: 99;
}

div#reference-savana div {
  width: 370px;
/*  background: #ffffff url(../img/logo-savana-proc.jpg) no-repeat right 50px; */
  background: #ffffff;
  border: 1px solid #B2B2B2; border-left: 0px;
  height: 310px;
  padding: 10px; padding-left: 20px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-topright: 10px;

	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

div#reference-savana h6 {
  color: #218CAA;
  font-size: 16px;
  margin: 0px; margin-bottom: 5px;
}

div#reference-savana div ul li {
  display: list-item;
  list-style-type: none;
  list-style-image: url(./img/ico-correct.png);
  margin-left: 20px;
  font-weight: normal;
}

div#reference-savana div ul li a {
  color: #666666;
  font-weight: normal;
  text-decoration: none;
}

div#reference-savana div ul li a:hover {
  color: #208ba9;
  text-decoration: underline;
}

div#reference-savana div table {
  padding: 0px;
  margin: 0px;
}

div#reference-savana div table td {
  background: transparent;
  border: 0px;
  text-align: center;
}

div#reference-savana div table td img {
  width: 150px;
  height: 60px;
  margin: 0px;
  padding: 0px;
}

div#vypadky {
  display: none;
}

#container ul.konk li {
  float: none;
  width: auto;
  border: 0;
  padding: 0;
  list-style: square outside;
  margin-left: 15px;
  padding-left: 0px;
/*  background: url(img/ico-list2.png) left 8px no-repeat; */
}

img.helper {
  margin-left: 5px;
}

strong.orange {
  color: #ea5700;
}

p.oddel {
  margin-top: 10px;
  border-top: 1px solid #c0e8f3;
  padding-top: 10px;
}

span.alert {
  font-weight: bold;
  color: #ff0000;
}

div#alert {
  padding: 7px 10px 5px 10px;
  position: fixed;
  bottom: 0px;
  right: 20px;
  background: #ea5700;
  color: #ffffff;
  font-weight: bold;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: 3px solid #ffffff;
  border-bottom: 0px;
}

div#alert a,
div#alert a:hover
div#alert a:visited {
  color: #ffffff;
  text-decoration: none;
}

div#alert a:hover {
  text-decoration: underline;
}