html, body { margin: 0; text-align: center; font-family: "Segoe UI", Tahoma, "Lucida Grande CE", lucida, sans-serif; }

h3 {
  font-family: "Segoe UI", Tahoma, "Lucida Grande CE", lucida, sans-serif; 
  font-size: 1em;
  color: #2886b2;
  margin: 0; padding: 0;
}
#head h3 {
  font-size: 0.9em;
}

.hidden {
    display: none;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
}

a:link {text-decoration: none; color: #FF6400;}
a:visited {text-decoration: none; color: #FF6400;}
a:active {text-decoration: underline; color: #FF6400;}
a:hover, a:visited:hover {text-decoration: underline; color: #FF6400;}

input {
    outline: none;
}

li {
    list-style: url(graphic/arrow.gif);
    margin-left: 20px;
    line-height: 12px;
    margin-top: 10px;
}

#lista {
  background: #EDF9FF;
  height: 20px;
  border-bottom: 1px #B3E7FF solid;
  font-size: 0.8em;
  text-align: center;
  padding-left: 10px;
  padding-top: 3px;
}

#lista a:link {text-decoration: none; color: #FF6400;}
#lista a:visited {text-decoration: none; color: #FF6400;}
#lista a:active {text-decoration: underline; color: #FF6400;}
#lista a:hover, a:visited:hover {text-decoration: underline; color: #FF6400;}



#vyhody li {
    list-style: url(graphic/arrow.gif);
    margin-bottom: 5px;
    padding-left: 5px;
    margin-left: 50px;
    line-height: 15px;
    
}

ul { margin: 0; padding: 0; }
#box-novinky { margin: 0; padding: 0; font-size: 7px; }
.box-novinky li { font-size: 11px; }



em{
  font-style: normal;
  color: #2886b2; 

}

#head {
  text-align: right;
  margin: 0 auto;
  width: 744px;
  height: 344px;
  background: #ffffff url(graphic/header.png) no-repeat center top;
  display: block;
  padding-right: 90px;
  padding-top: 15px;

}

#menu {
  padding-left: 40px;
  padding-top: 260px;
  text-align: left;
  font-family: "Segoe UI", Tahoma, "Lucida Grande CE", lucida, sans-serif; 
  font-weight: bold;
  font-size: 0.9em; 
  z-index: 10;
}

#menu-uvod {
  background: url(graphic/uvod.png) no-repeat;
  float: left;
  width: 73px;
  text-align: center;
  padding-top: 67px;
  margin-right: 18px;
  font-variant: small-caps;
} #menu-uvod:hover { padding-top: 70px; margin-top: -3px; }

#menu-info {
  background: url(graphic/vyhody.png) no-repeat;
  float: left;
  width: 73px;
  text-align: center;
  padding-top: 67px;
  margin-right: 18px;
  font-variant: small-caps;
} #menu-info:hover { padding-top: 70px; margin-top: -3px; }

#menu-cenik {
  background: url(graphic/cenik.png) no-repeat;
  float: left;
  width: 73px;
  text-align: center;
  padding-top: 67px;
  margin-right: 18px;
  font-variant: small-caps;
} #menu-cenik:hover { padding-top: 70px; margin-top: -3px; }

#menu-registrace {
  background: url(graphic/registrace.gif) no-repeat;
  float: left;
  width: 73px;
  padding-top: 67px;
  padding-right: 5px;
  font-variant: small-caps;
  text-align: center;
} #menu-registrace:hover { padding-top: 70px; margin-top: -3px; }


#userpanel{
  text-align: right;
  float: right;
  color: #2886b2;
  margin-right: 0px;
  width: 300px;
}
.left-tab { padding-right: 5px; border-right: 1px #66CAFF solid; }

.login{
  text-align: right;
  width: 200px;
  color: #2886b2;
  line-height: 32px;
  float: right;

}

.loginbutt { margin-left: 10px; float: right; height: 58px; width: 93px; border: none;  background: url(graphic/input_butt.gif) no-repeat; padding-top: 10px;
  font-family: "Segoe UI", Tahoma, "Lucida Grande CE", lucida, sans-serif; 
  font-weight: bold;
  font-size: 0.9em;
  color: #2886b2;
}

#addbutt { text-align: center; height: 58px; width: 93px; border: none;  background: url(graphic/input_butt.gif) no-repeat; padding-top: 10px;
  font-family: "Segoe UI", Tahoma, "Lucida Grande CE", lucida, sans-serif; 
  font-weight: bold;
  font-size: 0.9em;
  color: #2886b2;
  margin-top: 20px;
}



.loginbutt:hover, .addbutt:hover { opacity:.8; }

.login .inputs { border: 1px white solid; margin-top: 3px; float: right; width: 121px; margin-right: 4px; }
.login .textinput { margin-left: -132px; background: url(graphic/input_text.gif) no-repeat; float: right; width: 132px; height: 26px; } 
.login label { float: right; margin-right: 7px; }
.login label, #login input { vertical-align: middle; }
.login .cbox {  float: right; height: 29px; vertical-align: middle;  } 

#main {
  clear: both;
  margin: auto;
  width: 730px;
  display: block;
  text-align: left;
  margin-top: 30px;
}

#obsah {
  margin-left: -35px;
  background: url(graphic/back.png) #C5EEFC repeat-x 0px 0px;
  width: 730px;
  display: block;
  border-bottom: 1px deepskyblue solid;
  position: relative;
  padding-bottom: 30px;
  z-index: 1;
  
}

#text {
  padding: 0px 20px 0px 20px;
  font-size: 0.8em;
}

#box {
  float: right;
  width: 200px;
  height: 180px;
  display: block;
  border: 1px #b3e7ff solid;
  margin: 15px 10px 0 30px;
  background: #edf9ff;
  padding: 10px;
  font-size: 0.9em;
}

.nadpis { margin-right: 40px; } .nadpis-box { margin-right: 8px; }
#obsah h1 { margin: 0; text-align: right; font-variant: small-caps; font-size: 2.5em; color: #2886b2; }
#box h2 { margin: 0; text-align: right; font-variant: small-caps; font-size: 1.3em; color: #2886b2; }

#foot { text-align: center; }
#foot p { text-align: center; font-size: 0.7em; color: #375271; }
#foot img { border-width: 0px; vertical-align:middle; }



.quote {
    background: url(graphic/quote.gif) no-repeat 0 50px;
    padding-left: 85px;
    text-indent: 10px;
    line-height: 20px;
}

.quote2 {
	padding-left: 100px;
	line-height: 20px;
	font-weight: bold;
    color: #2886b2;
}

.quote3 {
    text-align: center;
    color: #2886b2;
    padding-bottom: 8px;
}

.quote4 {
    font-weight: bold;
    color: #375271;
    margin-bottom: -6px;
    font-size: 11px;
}

#text.sluzby h3 {
    margin-bottom: 0;
} 
#text.sluzby h3 img {
    vertical-align: top;
}

#text.sluzby p {
    margin-top: 4px;
    margin-bottom: 4px;
    padding-left: 6px;
} 

.navod img { float: right; border: 3px #2886B2 dashed; padding: 5px; margin-left: 15px;  }
.navod { text-indent: 7px; margin-left: 15px; }

.tables {
  width: 690px;
  border-collapse: collapse;
  border: none;
}
.tables td, .tables th {
  padding: 1px 5px;
  border:  none;
}

.tables th { /*background-color: #CFF0FF;*/ }
.rada1 {  }
.rada2 { background: #EAF7FE; }

.tables a {
  font-weight: bold;
  font-variant: small-caps;
}


.cotojatka{ /* Cotojatka - tooltips */
  position: relative;
  z-index: 1;
  border-bottom: 1px #6D7A87 dotted;
}

.tips{
  background-color: #FFFFFF;
  border: 5px #00BFFF solid;
  padding: 5px 5px 5px 5px;
  z-index: 2;
  font-size: 0.8em;
} 


#lista {
  background: #EDF9FF;
  height: 20px;
  border-bottom: 1px #B3E7FF solid;
  font-size: 0.8em;
  text-align: center;
  padding-left: 10px;
  padding-top: 3px;
}

#lista a:link {text-decoration: none; color: #FF6400;}
#lista a:visited {text-decoration: none; color: #FF6400;}
#lista a:active {text-decoration: underline; color: #FF6400;}
#lista a:hover, a:visited:hover {text-decoration: underline; color: #FF6400;}