/* -------------------------------------------
File: style.css
Name: main style for ChciStranky.cz CMS
Author: Jan Hommer
Date: 10-2008
------------------------------------------- */

/* -------------------------------------------
    #BODY
------------------------------------------- */

body  {
  padding: 0;
  margin: 0;
  background: #27343c;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #000;
}

.hidden {
  display: none;
}

.cursor {
  cursor: pointer;
  cursor: hand; 
}

/* -------------------------------------------
    #HEADER
------------------------------------------- */

#header {
  position: relative;
  width: 980px;
  margin: 0 auto;
  color: #fff;
}

#header a {
  text-decoration: none;
  color: #57b3e1;
}

#header a:hover {
  color: #fff;
}

#header h1 {
  padding: 0;
  margin: 20px 10px;
  font-weight: normal;
  font-style: italic;
}

#header p {
  float: right;
  padding: 0;
  margin: -45px 10px 0 0;
}

#header p a {
  text-transform: lowercase;
}

/* -------------------------------------------
    #MENU
------------------------------------------- */

#menu {
  position: relative;
  width: 980px;
  margin: 0 auto;
  border-bottom: 1px solid #fff;
  background: #0c1216;
  overflow: hidden;
}

#menu ul {
  list-style: none;
  padding: 0;
  margin: 5px 5px 0;
  overflow: hidden;
}

#menu ul li {
  float: left;
  padding: 0;
  margin: 0;
}

#menu ul li a {
  float: left;
  display: block;
  padding: 7px 20px 6px;
  margin: 0;
  background: url(bg_menu_li_a.gif) top right;
  text-decoration: none;
  color: #c2d4dd;
}

#menu ul li a:hover {
  background: url(bg_menu_li_a-hover.gif) top;
  color: #24495e;
}

#menu ul li a.active {
  background: url(bg_menu_li_a-active.gif) right top no-repeat;
  font-weight: bold;
  color: #37454e;
}

/* -------------------------------------------
    #CONTENT
------------------------------------------- */

#content {
  position: relative;
  width: 980px;
  margin: 0 auto;
  background: #fff url(bg_content.gif) right repeat-y;
  overflow: hidden;
}

/* -------------------------------------------
    #MAIN
------------------------------------------- */

#main {
  position: relative;
  float: left;
  width: 685px;
  padding: 20px;
  background: url(bg_main.gif) top repeat-x;
}

a {
  color: #417fda;
}

a:hover {
  color: #000;
}

#main h2 {
  padding: 0;
  margin: 0;
  font-weight: normal;
  color: #ff3a00;
  font-size: 24px;
}

#main h3 {
  padding: 0;
  margin: 20px 0 10px;
  border-bottom: 1px solid #000;
  font-weight: normal;
  color: #000;
  font-size: 16px;
}

#main h3.nom {
  margin: 20px 0 -10px;
}

#main p {
  padding: 0;
  margin: 0 0 10px;
  text-align: justify;
}

#main p.right {
  text-align: right;
}

#main p.listing {
  text-align: right;
}

#main p#echo {
  padding: 20px;
  margin: 20px 20px 0;
  border: 1px solid #2580b2;
  background: #f6fb55;
  font-weight: bold;
}

#main form {
  padding: 15px;
  margin: 20px 0 0;
  border: 1px solid #c5cfda;
  background: #e4eaf1;
}

#main form h3 {
  margin: 0 0 10px;
}

#main form p input, #main form p select.select, #main form p textarea {
  width: 645px;
  padding: 3px;
  margin: 3px 0 0;
  border-top: 1px solid #5794BF;
  border-right: 1px solid #C7E2F1;
  border-bottom: 1px solid #C7E2F1;
  border-left: 1px solid #C7E2F1;
}

#main form p  input.short {
  width: 274px;
}

#main form p input.submit {
  width: auto;
  margin: 15px 0 0;
  cursor: hand;
  cursor: pointer;
}

#main form p select.select {
  width: 653px;
}

#main form p textarea {
  width: 643px;
  height: 300px;
  margin: 0;
}

#main form p textarea.small {
  width: 631px;
  height: 150px;
}

#main table {
  width: 685px;
  padding: 0;
  margin: 20px 0 0;
  border: 1px solid #b2c8d1;
}

#main table tr td table {
  width: auto;
  margin: 0;
  border: none;
}

#main table a {
  text-decoration: none;
}

#main table tr {
  padding: 0;
  margin: 0;
}

#main table tr.header {
  font-weight: bold;
  background: url(bg_main_table_tr-header.gif) top repeat-x;
}

#main table tr.odd {
  background: #eef4f9;
}

#main table tr td {
  padding: 5px;
  margin: 0;
}

#main table tr td table tr td {
  padding: 0;
}

#main table tr td.fifty {
  padding: 20px 0;
  background: #eef4f9;
  text-align: center;
  vertical-align: center;
}

#main table tr td.fifty img {
  border: 1px solid #000;
}

#main table tr td.one {
  width: 1px;
  text-align: center;
}


/* -------------------------------------------
    #SIDEBAR
------------------------------------------- */

#sidebar {
  position: relative;
  float: right;
  width: 255px;
  background: url(bg_sidebar.gif) top no-repeat;
}

#sidebar img {
  border: none;
}

#sidebar p#help {
  padding: 0;
  margin: 0;
}

#sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

#sidebar ul li {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #fff;
}

#sidebar ul li a {
  display: block;
  width: 205px;
  padding: 15px 25px;
  margin: 0;
  border-bottom: 1px solid #cddde8;
  text-decoration: none;
  color: #417fda;
}

#sidebar ul li a:hover {
  border-color: #f1f5f7;
  background: #f1f5f7 url(bg_sidebar_li_a-hover.gif) left repeat-y;
}

#sidebar ul li a.active {
  border-color: #fff;
  background: #fff url(bg_sidebar_li_a-active.gif) left repeat-y;
}

/* -------------------------------------------
    #FOOTER
------------------------------------------- */

#footer {
  position: relative;
  width: 980px;
  margin: 0 auto;
  background: #0c1216;
}

#footer a {
  text-decoration: none;
  color: #c2d4dd;
}

#footer a:hover {
  color: #fff;
}

#footer p {
  padding: 10px;
  margin: 0;
  text-align: right;
  color: #fff;
  font-size: 11px;
}