* {
	margin: 0;
	padding: 0;
}
img {
	border: 0px;
	behavior: url(/_images/css/iepngfix.htc)
}
body {
	font-family: Verdana;
	background: url('/_images/pozadi.gif');
	font-size: .65em;
}
#page {
	width: 742px;
	margin: 0 auto;
	text-align: left;
}
#obsah {
background-color:#fff;
}
/* header */
#header {
	background: url('/_images/logo.jpg') no-repeat;
	width: 742px;
	height: 202px;
}
#header_banner {
    display: block;
    width: 160px;
    height: 160px;
    position: absolute;
    left: 0px;
    top: 0px;
}
#header_banner span {
    display: none;
}
#logo {
	display: block;
	width: 742px;
	height: 202px;
}
#header h1 {
	display: none;
}
#login {
	margin-top: 1px;
	width: 742px;
	height: 27px;
	background-color: #fff;
	color: #030F7A;
	font-weight: bold;
	font-size: 1.11em;
}
#login span {
	margin-left: 5px;
}
#login span.log {
	margin-left: 20px;
}
#login .form {
  border: 1px solid #030F7A;
  color: #030F7A;
  margin-left: 5px;
  font-size: .8em;
  padding: 3px;
}

.form-domena {
  border: 1px solid #030F7A;
  color: #030F7A;
  margin-left: 2px;
  font-size: .8em;
  padding: 3px;
}

.form-koncovka {
  border: 1px solid #030F7A;
  color: #030F7A;
  font-size: .9em;
  padding: 3px;
  width: 63px;
}
#login .ok {
  border: 1px solid #BEBEBE;
  color: #030F7A;
  background-color: #E5E6E5;
  font-size: .8em;
  padding: 2px;
  margin-top: 2px;
}
.ok {
	border: 1px solid #BEBEBE;
	color: #030F7A;
	background-color: #E5E6E5;
	font-size: .8em;
	padding: 2px;
	margin-top: 2px;
}
/* ---- MENU ------------------------- */
#menu ul {
	list-style: none;
	width: 742px;
	height: 82px;
}
#menu ul li {
	list-style: none;
	display: inline;
	float: left;
}
#menu ul li a span {
	visibility: hidden;
}
#menu ul li a {
	display: block;
	text-decoration: none;
}
#menu ul li#home, #menu ul li#home a {
	background: url('/_images/menu/menu_home.jpg') no-repeat;
	width: 89px;
	height: 82px;
}
#menu ul li#onas, #menu ul li#onas a {
	background: url('/_images/menu/menu_onas.jpg') no-repeat;
	width: 90px;
	height: 82px;
}
#menu ul li#sluzby, #menu ul li#sluzby a {
	background: url('/_images/menu/menu_sluzby.jpg') no-repeat;
	width: 93px;
	height: 82px;
}
#menu ul li#cenik, #menu ul li#cenik a {
	background: url('/_images/menu/menu_cenik.jpg') no-repeat;
	width: 87px;
	height: 82px;
}
#menu ul li#objednavka, #menu ul li#objednavka a {
	background: url('/_images/menu/menu_objednavka.jpg') no-repeat;
	width: 145px;
	height: 82px;
}
#menu ul li#spoluprace, #menu ul li#spoluprace a {
	background: url('/_images/menu/menu_spoluprace.jpg') no-repeat;
	width: 139px;
	height: 82px;
}
#menu ul li#kontakt, #menu ul li#kontakt a {
	background: url('/_images/menu/menu_kontakt.jpg') no-repeat;
	width: 99px;
	height: 82px;
}
/* ---------- NADPISY   ----- */
h1 {
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
}
h2 {
	color: #fff;
	font-size: 1.2em;
}
h3 {
	color: #fff;
	font-size: 1.2em;
}
/* leva sekce - nadpisy */
h2.horni {
	background: url('/_images/levy_nadpis_hor.jpg') no-repeat;
	width: 193px;
	height: 31px;
	float:left;
	margin-top: 2px;
}
h2.horni span {
	line-height: 32px;
	margin-left: 15px;
}
#levy h2 {
	background: url('/_images/levy_nadpis.jpg') no-repeat;
	width: 193px;
	height: 27px;
}
#levy h2 span {
	line-height: 23px;
	margin-left: 14px;
}
/* prostredni sekce - nadpisy */
/*#prostr*/ 
h2.hor {
	background: url('/_images/prostr_nadpis_hor.jpg') no-repeat;
	width: 549px;
	height: 31px;
	margin-left:193px;
	margin-top: 2px;
	_margin-top:-32px;
}
/*#prostr*/ h2.hor span {
	line-height: 30px;
	margin-left: 10px;
}
#prostr h2 {
	background: url('/_images/prostr_nadpis.jpg') no-repeat;
	width: 549px;
	height: 27px;
	clear: both;
}

/*
#prostr h2 span {
	line-height: 24px;
	margin-left: 10px;
}
#prostr h3.akce {
	color: red;
	border-bottom: 1px solid red;
	margin: 7px 15px 0 260px;
}
#prostr h3 {
	color: #0544AE;
	border-bottom: 1px solid #0544AE;
	margin: 7px 15px 0 190px;
}
#prostr h3 span {
	text-align: right;
}

*/

#prostr h2 span {
	line-height: 24px;
	margin-left: 10px;
}
#prostr h3.akce {
	color: red;
	border-bottom: 3px red;
	margin: 7px 15px 10px 260px;
}
#prostr h3 {
	color: #0544AE;
	border-bottom: 3px #0544AE;
/*	margin: 7px 15px 10px 190px;*/
	text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
}
#prostr h4 {
	color: #0544AE;
	text-align: center;
	 font-size: 1.2em;
}
#prostr h3 span {
	text-align: right;
}
/* nabidka - nadpisy */
#nabidka h3 {
	margin: 8px 0 0 11px;
	background: url('/_images/nabidka/nabidka_nadpis.jpg') no-repeat;
	width: 166px;
	height: 24px;
	color: #fff;
}
#nabidka h3 span {
	line-height: 24px;
	margin-left: 15px;
}
/* ----------------------- LEVY ------------------*/
#levy {
	width: 193px;
	float: left;
		_margin-top:-2px;
	background-color: #fff;
}
#levy ul {
	margin: 0;
	padding: 5px 0 5px 5px;
	list-style: none;
	background-color: #F2F2F2;
}
#levy li {
	width: 163px;
	margin-bottom:3px;
}
#levy a#active {
	text-decoration: none;
	background-color: #758dc9;
	width: 163px;
	height:14px;
}
#levy ul li a {
	background: url('/_images/sipka.gif') no-repeat #0333A1;
	width: 100%;
	display: block;
	font-weight: bold;
	text-decoration: none;
	padding-left: 22px;
	color: #fff;
	border:1px solid #0544AE;
	height:14px;
}

#levy ul li a:hover {
	text-decoration: none;
	background-color: #758dc9;
	width: 163px;
	height:14px;
}

#levyKonec {
	background: url('/_images/levy_konec.jpg') no-repeat;
	width: 193px;
	height: 23px;
}
#levy p {
    background-color: #F2F2F2;
    margin: -3px 0 0 4px;
    padding: 5px 3px 5px 10px;
}
#levy div {
	background-color: #F2F2F2;
	margin: -3px 0 0 4px;
	padding: 5px 3px 5px 10px;
    text-align: center;
}
#levy img {
	margin: 0 3px 0 -6px;
}
img.ikonka {
	float: left;
}
.server {
	font-weight: bold;
	color: #0544AE;
  line-height: 15px;
}
/* ----------------------- PROSTREDNI SEKCE ------------------*/
#prostr {
	width: 549px;
	float: left;
	_margin-top:-2px;
	background-color: #fff;
}
#prostr p {
	margin: 7px 20px 20px 10px;
	text-align: justify;
}
#prostr img.novinka, img.akce {
	float: left;
	margin: 15px 15px 5px 10px;
}
#footer {
	background: url('/_images/footer.jpg') no-repeat;
	width: 742px;
	height: 23px;
	clear: both;
}
#footer span {
	color: #fff;
	font-size: 1em;
	line-height: 20px;
	margin-left: 205px;
}
#footer a {
	font-weight: bold;
	text-decoration: underline;
	color: #FFFFFF;
}
#footer a:hover {
	text-decoration: none;
}


/* ------------------- nabidka */
#nabidka {
}
.nabidkaObsah {
	background: url('/_images/nabidka/nabidka_obsah.gif') repeat-y;
	width: 166px;
	margin-left: 11px;
}
#nabidka img {
	margin: 0 0 30px 1px;
}
.nabidkaKonec {
	background: url('/_images/nabidka/nabidka_konec.jpg') no-repeat;
	width: 166px;
	height: 11px;
	margin-left: 11px;

}
span span {
	color: #0DB90D;
	font-weight: bold;
	font-size: 1.1em;
}
span.cena {
	font-weight: bold;
	font-size: 1.1em;
}

/* ostatni */
.small {
	font-size: 85%;
}

.podpora {
	font-size: 85%;
	/*margin: 800px 800px 800px 800px;
	padding: 800px 800px 800px 800px;*/
	text-align: justify;
}
	
.autor {
	margin-left: 15px;
}
.pravy {
	float: right;
	margin-right: 15px;
	margin-top: 5px;
	margin-bottom: 10px;
}
.akce {
	color: red;
}
hr {
	border: 1px dashed #0333A1;
	margin: 0 15px 0 10px;
}
a {
	font-weight: bold;
	text-decoration: underline;
	color: #0544AE;
}
a:hover {
	text-decoration: none;
}


/*  chyby */
.upozorneni_titulek {
  background: #ee3333; 
  color: white; 
  padding: 3px;
	font-weight: bold;
}

.upozorneni_cele {
	font-size: 12px;
	color: #FF0000;
	text-align: center;
	font-variant: normal;
	
	text-align: left; 
  border: 1px red solid; 
  padding: 0px; 
  background: #ffdddd; 
}

.upozorneni_text {
  padding: 3px;
}
.upozorneni {
	font-size: 12px;
	color: #FF0000;
	text-align: center;
	font-variant: normal;
}

.redInput {
	border: #a40039 1px solid;
	color: #a40039;
}

.chyba_text{
  color: red;
}

.zvyrazni{
  color: red;
}
/*konec chyby */

.hvezdicka {
	color: #DE0000;
	font-weight: bold;
	font-size:130%;
}
.hvezdicka_red {
	color: #DE0000;
}
.next {
	float: right;
	font-size: 180%;
}
.back {
	float: left;
	font-size: 180%;
}
.poznamka {
	color: #666666;
	font-style: italic;
	font-size: 10px
}
.ukazka{
  font-size: 90%; 
  color: #666666;
}

#mtr_bar{ 
  width:130px;
  border:1px solid #CDCDCD;
  height:8px;
  font-size:0px;
  background: url("/_images/sila_hesla/mtr_bar.jpg") no-repeat left top;
  margin-right:10px;
  margin-top:3px;
}


.registrace th {
  text-align: left;
  width: 120px; 
}

.zvyrazni_modre {
	color: #0544AE;
	font-weight: bold;
	font-size: 11px;
}


pre {
	font-size: 130%;
	margin-left: 15px;	
}


/*
.error {
  background-color: #FFFFE1;
  border: 1px dashed #CFCFCF;
  margin-top: 8px;
  margin-bottom: 16px;
  padding: 6px;
  line-height: 18px;
  font-family: Tahoma;
  font-size: 11pt;
  font-weight: bold;
  color: #b62a33;

}

.comment, .poznamka {
  color: #666666;
  font-style: italic;
  font-size: 10px
}
*/

.hotovo, .success {
  background-color: #758DC9;
  border: 1px dashed #CFCFCF;
  margin-top: 8px;
  margin-bottom: 16px;
  padding: 6px;
  line-height: 18px;
  font-family: Tahoma;
  font-size: 9pt;
  font-weight: bold;
  color: #000000;
  margin: 8px;
  text-align: center;
  
}



.kod {
  display: block;
  margin: 0.75em 1.5em 2.2em 0;
  padding-left: 1.5em;
  margin-left: 15px;
  border: 1px solid #ccc;
  border-left: 3px solid #fddb9f;
  background: #efefef;
  overflow: auto;
  width: 88%;
  font-size: 13px;
  color: #555;
  line-height: 20px;
  text-align: left;
  
}

/*
.tarify {
  margin-left: 15px;
}

.zvlastni li{
  list-style: none; 
  margin: 3px 0; 
  padding: 0 0 0 10px; 
  background: url(/_images/li.gif) no-repeat left 6px;
}
*/


/*

.bublina {text-align:left;font-size:92%;width:100%;line-height:1.5;border-bottom:1px solid #7FA6DD;position:relative}
.bublina h3 {margin:0;font-size:100%;line-height:22px;height:22px;width:100%;padding-left:10px}
.bublina .cont {width:100%;padding-top:6px}
.bublina .cont p {margin:.5em .5em 1em;line-height:1.35}
.bublina .in1 {background:url("/_images/bublina/bubl2.gif") no-repeat top right;padding:0 6px 0 0}
.bublina .in2 {width:100%;background:url("/_images/bublina/bubl1.gif") no-repeat 0 0;padding:1px 0 1px 0}
.bublina .in3 {padding:1px 0;margin:0 1px 0 10px}
.bublina .bot1 {background:url("/_images/bublina/bubl4.gif") no-repeat top right;padding:0 6px 0 0}
.bublina .bot2 {background:url("/_images/bublina/bubl3.gif") no-repeat 0 0;width:100%;height:6px}
.bublina .arrow {position:absolute;top:50%;left:-14px;width:15px;height:29px;margin-top:-15px;background:url("/_images/bublina/bubla.gif") no-repeat 0 0}
.bublina-vpravo .arrow{left:auto;right:-15px;background-image:url("/_images/bublina/bublar.gif");}
.bublina-siroka {width:100%}
.bublina-panaca .in2 {padding-bottom:0}
.bublina-panaca .in3 {background: url("/_images/bublina/panaca.gif") no-repeat bottom right}
.bublina-ostra {border-bottom:1px solid #7FA7DD}

.bubl-349 h3 {width:100%;height:20px;line-height:20px;text-indent:10px;overflow:hidden;white-space:nowrap;margin:0;font-size:100%;font-weight:bold;background:url("/_images/bublina/bubl-349-1.gif") no-repeat 0 0}
.bubl-349 .cont {background: url("/_images/bublina/bubl-349-2.gif") no-repeat left bottom;padding:1px 10px}
.bubl-349 .contin {width:100%}

.help {display:inline;position:absolute;z-index:4; margin-left:4px}
.help-bubble {visibility:hidden;position:absolute;width:300px;border-bottom:0;top:0;left:0}
.help-bubble .close-button {position:absolute;display:block;top:7px;right:6px;background:url(/_images/bublina/close.gif) no-repeat;width:12px;height:12px;cursor:pointer}
.select-free {width:100%;height:100%;overflow:hidden}
.select-free iframe
{
	display:none;
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.bubl-240 {width:240px}
.bubl-349 {width:349px}
.bubl-526 {width:526px}

*/





/* tarify */
.tarifyBoxy {
  float: left;
  width: 270px;
}
#tarify .tarif {
  background: url("/_images/bgbox.gif") no-repeat left top;
  border: 1px solid #ccc;
  padding-bottom: 40px;
  margin: 15px 15px 5px 15px;
  width: 250px;
}
#tarify .tarif h3 {
  font-size: 115%;
  padding: 10px 0 5px 10px;
  margin: 0;
  text-align: left;
}
#tarify .tarif h3 a {
  text-decoration: none;
}
#tarify .tarif em a {
  display: block;
  font-size: 125%;
  font-weight: bold;
  color: #fff;
  background: #003399 url("/_images/bgtarifcena.gif") repeat-x top;
  border: 1px solid #ccc;
  padding: 3px 6px;
  margin: 5px 0 5px 10px;
  float: left;
  text-decoration: none;
  font-style: normal;
}
#tarify .tarif em a:hover {
  background: #758DC9 url("/_images/bgtarifcena2.gif") repeat-x top;
  cursor: pointer;
}
#tarify .tarif em a span {
  display: none;
}
#tarify .tarif em a strong {
  border-right: 1px solid #758DC9;
}
#tarify .tarif ul li {
  z-index: 10;
  position: relative;
  margin-left: 15px;
}
#tarify .tarif span a {
  display: block;
  width: 70px;
  height: 70px;
  float: right;
  background: url("/_images/bgviceinfo2.gif") no-repeat left top;
  margin-top: -30px;
  font-size: 0px;
  color: #fff;
  z-index: 1;
}
#tarify .tarif span a:hover {
  border: 0;
  background: url("/_images/bgviceinfo.gif");
}
.tarif ul li {
  /*float: right;
  _width: 270px;*/
  list-style: none;
  line-height: 190%;
}

.tarif ul li.gold {
  list-style: none; 
  margin: 5px 0; 
  padding: 0 0 0 28px; 
  background: url("/_images/ico_hvezda.jpg") no-repeat left center;
}
.tarif ul li.ftp {
  list-style: none; 
  margin: 5px 0; 
  padding: 0 0 0 28px; 
  background: url("/_images/ico_ftp.jpg") no-repeat left center;
}
.tarif ul li.email {
  list-style: none; 
  margin: 5px 0; 
  padding: 0 0 0 28px; 
  background: url("/_images/ico_email.jpg") no-repeat left center;
}
.tarif ul li.disk {
  list-style: none; 
  margin: 5px 0; 
  padding: 0 0 0 28px; 
  background: url("/_images/ico_disk.jpg") no-repeat left center;
}
.tarif ul li.subdomena {
  list-style: none; 
  margin: 5px 0; 
  padding: 0 0 0 28px; 
  background: url("/_images/ico_subdomena.jpg") no-repeat left center;
}
.tarif ul li.mysql {
  list-style: none; 
  margin: 5px 0; 
  padding: 0 0 0 28px; 
  background: url("/_images/ico_mysql.jpg") no-repeat left center;
}
.tarif ul li.pgsql {
  list-style: none; 
  margin: 5px 0; 
  padding: 0 0 0 28px; 
  background: url("/_images/ico_pgsql.jpg") no-repeat left center;
}

.tarify h3{
  margin-left: 280px;
  text-align: left;
}
.tarify{
  margin-left: 295px;
  text-align: left;
}
.zvlastni li{
  list-style: none; 
  margin: 3px 0; 
  padding: 0 0 0 10px; 
  background: url("/_images/li.gif") no-repeat left 6px;
}

.zvlastni ul{
  margin:0 0 0 5px; 
  padding: 0;
}

#prace .prace li{
  margin:0 0 0 15px; 
}
#prace {
    margin-left: 15px;
    margin-top: 15px;
    margin-right: 15px;
    text-align: justify;
}
#prace h3{
    text-align: left;
    text-decoration: underline;
}
#prace h4{
    text-align: left;
}


#hacko .prace li{
  margin:0 0 0 15px; 
}
#hacko {
    margin-left: 15px;
    margin-top: 15px;
    margin-right: 15px;
    text-align: justify;
}
#hacko h3{
    text-align: left;
    text-decoration: underline;
}
#hacko .plavky {
    margin-top: -400px;
    position: absolute;
    margin-left: -430px;
}
#hacko .ostatni {
    margin-top: 10px;
    text-align: center;
    
}

#bonus {
    margin-left: 15px;
    margin-top: 15px;
    margin-right: 15px;
    text-align: justify;
}
#bonus h3{
    text-align: left;
    text-decoration: underline;
}
#bonus ol {
    margin-left: 25px;
}

/* pro Mozillu */
#help {
    position: fixed;
}
/* pro IE */
#help {
    position: "absolute";
}        

#help {
    /*top: 90px;
    left: 800px;*/
    border: 1px solid #0333A1;
    width: 200px;
    height: 250px;
    background-color: #758DC9;
    color: #FFFFFF;
    right: 5px;
    bottom: 5px;
    padding: 3px;
    text-align: center;
}
         
#help .nadpis{
    font-size: 12px;
    font-weight: bold;
    font-size: 12px;
    width: 100%;
    margin-bottom: 5px;
}

#help .text {
    text-align: justify;
}

#help input, select {
    border: 1px solid #030F7A;
    color: #030F7A;
    margin-left: 5px;
    font-size: 10px;
    padding: 3px;
    margin-top: 5px;
}

#help a.close {
    position: absolute;
    right: 2px;
    margin-top: 5px;
}

#help a.open {
    size: 8px;
}



/* pro Mozillu */
#help-male {
    position: fixed;
}
/* pro IE */
#help-male {
    position: "absolute";
}        

#help-male {
    /*top: 90px;
    left: 800px;*/
    border: 1px solid #0333A1;
    width: 200px;
    height: 35px;
    background-color: #758DC9;
    color: #FFFFFF;
    right: 5px;
    bottom: 5px;
    padding: 3px;
    text-align: center;
}
         
#help-male .nadpis{
    font-size: 12px;
    font-weight: bold;
    font-size: 12px;
    width: 100%;
    margin-bottom: 5px;
}