
/* ------------------------ BASIC ---------------------------- */

body, div, h1, h2, h3, h4, p, ul, li, form, th, td {
  margin:0;
  padding:0;
}
div, h1, h2, h3, p, li, th, td {
  font-family:Tahoma, Arial, Helvetica, sans-serif;
}
html {
  height: 100%;
}

body {
  padding:0;
  margin:0 auto;
  text-align:center;
  font-family:Tahoma,Arial,Helvetica,sans-serif,Verdana;
  font-size:12px;
  line-height:18px;
  height:100%;
  background-color:#404040;
}

h1, h2, h3, .pseudo_h1, .pseudo_h2, .pseudo_h3, p { margin-bottom:10px; }
h1, h2, h3, .pseudo_h1, .pseudo_h2, .pseudo_h3  { font-weight:bold; }
h1, .pseudo_h1 {
  font-size:14px;
  line-height:26px;
  font-weight:bold;
  background-color: #404040;
  padding: 5px 0;
  padding-left: 15px;
  color: white;
  line-height: 24px;
}
h2, .pseudo_h2 { font-size:14px; }
h3, .pseudo_h3 { font-size:12px; }

a,a:visited {
  color:#0B562E;
  text-decoration:none;
  font-weight:bold;
}
a:hover { text-decoration:underline; }
a img { border:none; }

div.cb { clear:both; }
div.cl { clear:left; }

ul {
  list-style-type:none;
}
.fr {
  float:right;
}
.fl {
  float:left;
}
.center {
  text-align: center;
}
.cb {
  clear:both;
  overflow:hidden;
  height:0px;
}

input[type=checkbox] {
  /*vertical-align:middle;*/
  margin-left:0;
}

.mceLayout a, .mceLayout a:visited, .mceLayout a:hover {
  background-color: white !important;
  padding: 0px !important;
}
.mceContentBody {
  text-align: left;
  background: white;
  height: 100%;
}
.mceContentBody ul {
  margin: 3px 0px 5px 0px;
  padding-left: 20px;
}
/* ------------------------ FFORM  ---------------------------- */
.fform_int {
  width: 80px;
}
.fform_smallint {
  width: 30px;
}
.fform_datum {
  width: 80px;
  font-weight: normal;
  font-style: normal;
}
.fform_time {
  width: 150px;
  font-weight: normal;
  font-style: normal;
}
.autoform_required {
  text-decoration: underline;
}

/* ------------------------ LAYOUT ---------------------------- */
#container {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -70px;
  width:1260px;
  background-color: white;
  text-align: left;
}
.push {
  height: 70px;
  clear: both;
}
#headervo {
  background:white url(layout-header-p-vo.png) top center no-repeat;
  height:270px;
}
#footer {
  height:70px;
  background-image: url(layout-footer.png);
	background-position: top center;
	background-repeat: no-repeat;
}


/* ------------------------ TOP ---------------------------- */
div.header_content {
  width:1260px;
  margin:0 auto;
  text-align:left;
  position:relative;
}
div.header_right {
  float:right;
  width:260px;
}
div.header_right .kosik {
  width:260px;
  height:106px;
}
div.header_right .kosik_content {
  padding:55px 0 0 62px;
}

div.header_left {
  float:left;
  width:1000px;
}
.vo_logo {
  width:355px;
  height:206px;
  float:left;
}
a.header_logo_vo {
  display:block;
  float:left;
  /*margin:46px 0 0 46px;
  width:266px;
  height:95px;*/
  margin:49px 0 0 64px;
  width:219px;
  height:127px;
}

/* ------------------------ LOGIN ---------------------------- */
input.text {
  border:1px solid #0D6034;
  line-height:16px;
  height:16px;
  margin:0px;
  padding:0px;
  width:130px;
}

input.button {
  border:1px solid #0D6034;
  background-color:#0D6034;
  margin:0px;
  padding:0px;
  line-height:18px;
  height:18px;
  font-weight:bold;
  font-size:12px;
  color:white;
}
div.header_login_cont input.text {
  float:left;
}
div.header_login_cont input.button {
  float:left;
  width:32px;
  font-family:verdana;
}
div.header_login {
  float:right;
  width:235px;
  height:79px;
  margin-top:118px;
}

div.header_login_cont {
  height:50px;
}
div.main_right div.header_login_cont {
  margin:20px 0 0 0px;
}
div.header_login_cont table {
  width:100%;
}

div.header_login_cont table td {
  padding:3px;
}

div.header_login_cont table th {
  width:65px;
  text-align:right;
  font-size:12px;
  color:black;
}

div.header_login_cont table td.login input.text {
  width:140px;
}

div.header_login_cont table td.password input.text {
  width:108px;
}

/* ------------------------ BOCNI SLOUPCE ---------------------------- */
div.main_left {
  float:left;
  width:228px;
  padding-left: 30px;
}
.main_left a, .main_left a:visited {
}
.main_left a.zrusit, .main_left a.zrusit:visited {
  color:#0B562E;
}
.main_right h3, .main_right .pseudo_h3,
.main_left h3, .main_left .pseudo_h3 {
  font-size:14px;
  font-weight:bold;
  line-height:34px;
  height:34px;
  color: white;  
  margin:20px 20px 5px 0;
  text-align:left;
  
}
.main_right h3 a, .main_right .pseudo_h3 a,
.main_left h3 a:visited, .main_left .pseudo_h3 a:visited  {
  color: white;
}

.main_left h3, .main_left .pseudo_h3 {
  margin-left: -30px;
  padding-left:30px;
  background:#404040;
}
.main_right h3, .main_right .pseudo_h3 {
  background:#0D6034;
  padding: 0px 12px;
}

.main_right .no_top_margin,
.main_left .no_top_margin {
  margin-top: 0px;
}

div.main_right {
  float:right;
  width:236px;
}

/* ------------------------ MAIN ---------------------------- */
div.main {
  width:1260px;
  margin:0 auto;
  padding:0 0 14px 0;
  background-color:white;
}
#main_content {
  /*width:736px;*/
  width:1002px;
  float:left;
  text-align:left;
}

/* ------------------------ PATICKA ---------------------------- */

div.footer_content {
  /*width:1200px;
  padding-left:30px;*/
  width:1080px;
  padding-left:150px;
  padding-right:30px;
  margin:0 auto;
  text-align:center;
}
div.footer_content a, div.footer_content a:visited {
  color:#0b562e;
  font-weight:bold;
}
