body, html {
  height: 100%;
  padding: 0;
  margin: 0;
}

html {
  overflow-y: scroll;
  padding-top: 15px;
}

body {
  height: 95%;
  text-align: center;
  background-image: url('img/bg.jpg');
  background-color: #a9a9a9;
  background-repeat: repeat-x;
  font-family: Verdana;
  color: #000;
}

ol, ul, p {
  padding: 0;
  margin: 0;
}

p {
  margin-bottom: 10px;
}

ul, ol {
  list-style-type: none;
}

a {
  text-decoration: none;
  color: #000;
}

.sedy_odkaz {
  text-decoration: none;
  color: #818181;
}

.sedy_odkaz:hover {
  text-decoration: underline;
  color: #000;
}


h1 {
  margin: 0;
  margin-bottom: 16px;
}

h2 {
  font-size: 18px;
  font-weight: normal;
  font-family: verdana;
  color: #f14415;
}

h3 {
  font-size: 14px !important;
  color: #364e72;
}

table {
   margin-left: 1px;
   border-spacing: 0px; 
   border-collapse: collapse;
   background-color: #f9f9f9;
}

table td, table th {
  padding: 3px 5px;
}

.cenik_tab td {
  border: 1px solid #000 !important;
}

.faq_tab td {
   border: 1px solid #000;
}

#faq_tab_roh {
  border-top-width: 0px !important;
  border-top-style: none !important; 
  border-left-width: 0px !important; 
  border-left-style: none !important;
}


#cenik_roh {
  width: 90px; 
  height: 30px; 
  border-top-width: 0px !important;
  border-top-style: none !important; 
  border-left-width: 0px !important; 
  border-left-style: none !important;
}

.pic {
  display: none;
}

.uvodni_gradient {
  background-image: url(img/yellow_gradient.png);
  background-repeat: no-repeat;
  background-color: #f9f9f9;
  width: 502px;
  height: 171px;
  font-family: verdana;
  font-size: 13px;
  font-weight: bold;
  color: #364e72;
}

table.uvodni_gradient img {
  margin-left: 5px;
}

table.uvodni_gradient td {
  vertical-align: middle;
}

#form1 label {
  width: 200px;  
  display: block;
  float: left;
}

#form1 div.form_right {
  margin-left: 200px !important;
}

#form1 div.form_row {
  clear: both;
}

#form1 div.checkbox label {
  width: auto;
  float: none;
  display: inline;
}

.reg_form_div {
  margin-right: 162px !important; 
}

.reg_form_div legend {
  font-size: 10px;
}

.reg_form_div fieldset {
  padding: 5px 10px;
  margin-bottom: 10px;
  border: 1px solid #818177;
  width: 490px;
}

.reg_form_div fieldset label {
  color: #567091;
}

.reg_form_div fieldset input, .reg_form_div fieldset select, .reg_form_div fieldset textarea {
  border: 1px solid #7e9db9;
  width: 250px !important;
  /*background-color: #fff8cc;*/
}

.reg_form_div select {
  width: 252px !important;
}

.reg_form_div .adresa_row input {
  width: 150px !important;
}

.reg_form_div .poznamka {
  font-size: 10px;
}

.reg_form_div .reg_send_button {
  margin-top: 5px !important;
}

.reg_form_div .reg_send_button input {
  background-color: #f2f3ee;
}

.login_form {
  text-align: center;
  background-image: url(img/prihlasit_sedo_modra.png);
  background-repeat: no-repeat;
  width: 481px;
  height: 293px;
  margin:10px !important;
}

.login_form label {
  color: #293f60;
  font-size: 15px;
  font-weight: bold; 
  display: block;
  float: left;
  margin:0 0 0 15px;
  text-align:left;
  width:100px;
  line-height: 25px;
}

*>.login_form label {
  margin:0 0 0 25px;
}

.login_form div.form_right {
  margin-left: 100px !important;
  text-align: left;
}

.login_form input {
  border: 1px solid #c3c3c3;
  
  width: 250px;
  height: 20px;
}

.login_form div.form_row {
  margin-bottom: 20px !important;
  clear: left;
}

.login_form form {
  padding-top: 40px;
}


.login_form .checkbox label {
  color: #293f60;
  font-size: 13px;
  display:inline;
  float:none;
}


.login_form .checkbox input {
  border: 0px !important;
  width: auto;
  height: auto;
}

.login_form .nove_heslo {
  padding: 0px 10px;
}

.login_form input.image_button {
  border: 0;
  width: 131px;
  height: 26px;
}

.login_form .form_after_text {
  font-size: 15px;
  font-weight: bold;
  color: #293f60;
  position: relative;
  top: 3px;
}

.login_form a.zapomenute_heslo {
  color: #7e7e7e !important;
}

.login_form form.renew_formular label {
  color: #293f60;
  font-size: 15px;
  font-weight: bold; 
  display: block;
  float: left;
  margin:0 0 0 25px;
  text-align:left;
  width: 150px;
  line-height: 25px;
}

.login_form form.renew_formular input.text {
  border: 1px solid #c3c3c3;
  
  width: 180px;
  height: 20px;
}

.novinky {
  border-bottom: 1px solid #dee0df;
}

.novinky_row {
  text-align: left;
  font-size: 10px !important;
  border-top: 1px solid #cbcbcb;
  border-left: 1px solid #dee0df;
  border-right: 1px solid #dee0df;
}

.novinky_row span, .novinky_row p {
  font-family: Verdana !important;
  font-size: 10px !important;
}

.novinky_datum {
  font-weight: bold;
} 

.novinky_datum div{
  margin: 3px 10px;
} 

.novinky_text {
  padding: 6px 10px;
  background-color: #dee0df;
}

.novinky_row p{
  padding: 0px;
  margin: 0px;
}

.otazky a{
  color: #334c72;
  text-decoration: none !important;
}

.otazky a:hover {
  text-decoration: underline !important;
}

.odpovedi a {
  color: #3c516d;
  text-decoration: none !important;
}

.otazky hr {
  border: 0px;
  color: #c3c1c1;
  background-color: #c3c1c1;
  height: 1px;
}

div.form_row {
  margin-bottom: 2px !important;
}

#center {
  margin: auto;
  padding: 0;
  width: 890px;
}

#page {
  background: #f9f9f9;
  width: 890px;
}

#top_bg {
  width: 890px;
  height: 20px;
  background-image: url('img/top_bg.png');
  background-repeat: no-repeat;
  background-color: #f9f9f9;
}

#bottom_bg {
  width: 890px;
  height: 20px;
  background-image: url('img/bottom_bg.png');
  background-position: bottom;
  background-repeat: no-repeat;
  background-color: #f9f9f9;
}

#logo_cz {
  margin: 0px 20px;
  width: 850px;
  height: 113px;
  background-image: url('img/logo_cz.png');
}

#login_logo_cz {
  margin: 0px 20px;
  width: 850px;
  height: 113px;
  background-image: url('img/login_logo_cz.png');
}

#logo_en {
  margin: 0px 20px;
  width: 850px;
  height: 113px;
  background-image: url('img/logo_en.png');
}

#login_logo_en {
  margin: 0px 20px;
  width: 850px;
  height: 113px;
  background-image: url('img/login_logo_en.png');
}

#logo_sk {
  margin: 0px 20px;
  width: 850px;
  height: 113px;
  background-image: url('img/logo_sk.png');
}

#login_logo_sk {
  margin: 0px 20px;
  width: 850px;
  height: 113px;
  background-image: url('img/login_logo_sk.png');
}

#top_panel {
  width: 130px;
  float: right;
}

#lang {
  margin-top: 4px;
  margin-right: 3px;
  float: right;
  height: 36px;
}

#lang, #lang a {
  font-size: 10px;
  font-family: verdana;
  color: #fff;
}

#lang a {
  position: relative;
  top: 1px;
}

div#login {
  text-align: right;
  margin-right: 8px; 
}

#login img {
  margin-top: 8px;
}

#menu {
  margin: 1px 20px 0px 20px;
  height: 28px;
  width: 850px;
  background-image: url('img/menu_bg.gif');
  background-repeat: no-repeat;
  text-align: left;
}

#menu_soupac {
  width: 15px;
  float: left;
}

#menu img {
  margin-left: 10px;
  margin-right: 10px;
}

#easy_capsa {
  float: right;
  margin-right: 5px !important;
  margin-left: 19px;
}

#main {
  width: 850px;
  margin: 20px;
  margin-bottom: 0px;
}

#submenu {
  margin: 0px;
  /*margin-left: 20px;*/
  margin-right: 20px; 
  width: 144px;
  float: left;
}

#submenu_inner {
  background-color: #e0e0e0;
}


#submenu_top {
  height: 4px;
  overflow: hidden;
  background-image: url('img/submenu_top.png');
  background-repeat: no-repeat;
}

#submenu_bottom {
  height: 4px;
  overflow: hidden;
  background-image: url('img/submenu_bottom.png');
  background-repeat: no-repeat;
}

.submenu_separator {
  margin: 3px 9px;
  border-top: 1px solid #bfbfbf;
  height: 1px;
  width: 125px;
  overflow: hidden;
  background-color: #eee;
}

#submenu img {
  margin-top: 3px; 
}

#submenu li.last div.submenu_separator {
  display: none;
}


.novinky {
  margin: 0px;
  /*margin-left: 20px;*/
  margin-right: 20px; 
  width: 156px;
  float: left;
  background-color: #f9f9f9;
}

#content_box {
  text-align: left;
  float: right;
  width: 685px;
  overflow: hidden;
  background: #f9f9f9 !important; 
}

.login_content {
  width: 673px !important;
}

#content{min-height:410px}
* html #content {height:410px}

#content {
  float: left;
  width: 100%;
  font-size: 12px;
  color: #6b6b6b;
  background: #f9f9f9 !important; 
}

#content div {
  margin: 0;
}

#content p span div, #content p span div p {
  background-color: #f9f9f9 !important;
  margin: 0 !important;
}

#content p span div p {
  padding-bottom: 10px;
}

#content a {
  text-decoration: underline;
}

#content ul{
  list-style-type: none;
}

#content li {
  background-image: url(img/dot.png);
  background-repeat: no-repeat;
  padding-left: 15px;
  line-height: 16px;
}

#kudy_dal {
  float: right;
  margin-left: 7px !important;
  margin-bottom: 10px !important;
  width: 153px;
  /*height: 150px;*/
  font-weight: bold;
  font-size: 14px;
  text-align: left;
}

#kudy_dal ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  /*height: 50px;
  overflow: visible;*/
}

#kudy_dal a {
  color: #fff;
  text-decoration: none;
}

#kudy_dal a:hover {
  color: #000;
}

#kudy_dal li {
  height: 24px;
  padding:0;
  margin: 0;
  margin-top: 8px;
  background-image: url('img/button.jpg');
}

#kudy_dal li.kudy_highlight {
  background-image: url('img/button_highlight.png');
}

#kudy_dal li div {
  padding-left: 5px;
  position: relative;
  top: 2px;
  font-size: 12px;
  color: #fff;
}

.doporucte_capsu_active {
  background-color: white;
  background-image: url('img/fake_button.jpg');
  background-repeat: no-repeat;
  border: 1px solid #94a4c0;
  height: 285px;
  padding:0;
}

.doporucte_capsu {
  background: transparent;
  height: 24px;
  border: 0;
  overflow: hidden;
  padding:0;
}

.doporucte_capsu form {
  display: none;
}

.doporucte_capsu_active form {
  margin-top: 6px;
  margin-right: 5px;
}

.doporucte_capsu_active form input, .doporucte_capsu_active form textarea {
  background: #ddd;
  border: 0;
  width: 120px;
}

.doporucte_capsu_active form .center_text input {
  width: 60px;
}

.doporucte_capsu_active div.center_text input {
  margin-top: 10px;
  background-color: #94a4c0;
  border: 1px #94a4c0 outset;
  color: #fff;
  font-size: 10px;
}

.doporucte_capsu_active label {
  color: #94a4c0;
}

.doporucte_capsu_active div.form_row {
  margin-top: 3px !important;
  top:0px;
}

.doporucte_capsu_active span:hover,.doporucte_capsu span:hover {
  color: #000;
}

.nadpis {
  font-size: 14px;
}

#footer {
  margin-top: 10px;
  color: #fff;
  font-size: 10px;
  height: 26px;
}

.table_top {
  width: 100%;
  clear: left;
}

.table_top td {
  vertical-align: top;
}

.ziskate {
  width: 350px;
}

.clear {
  clear: both;
  height: 1px;
  overflow: hidden;
}

.left {
  float: left;
}

.right {
  float: right;
}

a img {
	border:none;
}

.center_text {
  text-align: center;
}

.nodisplay {
  display: none;
}

.vystraha {
  border:1px solid black;
  color:#FF0000;
  margin:0 10px !important;
  padding:5px;
  width:468px;
}

.odpovedi table {
  border-collapse: collapse;
}

.odpovedi th, .odpovedi td {
  border: 1px solid black;
  padding: 2px;
}

.padding0 {
  padding: 0 !important;
}

.margin0 {
  margin: 0 !important; 
}

.center {
  text-align: center;
}
