/* STYLY k webu konex-ocel.cz */

body {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #aaa;
}

a:link, a:visited {
  color: #aaa;
  text-decoration: underline;
}

a:hover {
  color: #fff;
}

img {
  border-style: none;
}

big {
  font-size: 18px;
}

.base {
  width: 802px;
  /*position: relative;*/
  /*margin: 0px auto;*/
  padding: 0px;
}


/* LANG -------------------------- */

.lang_base {
  width: 700px;
  padding: 0;
}

.lang {
  float: right;
}

.lang_left {
  float: left;
  font-weight: bold;
  padding: 4px 4px 4px 8px;
  background: url(obr/lang_roh_left.gif) no-repeat bottom left;
}

.lang_right {
  float: left;
  font-weight: bold;
  padding: 4px 8px 4px 4px;
  background: url(obr/lang_roh_right.gif) no-repeat bottom right;
}

.lang a:link, .lang a:visited {
  color: #aaa;
  text-decoration: none;
}

.lang a:hover {
  color: #000;
}

.lang .selected {
  color: #000;
}


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

.header {
  margin: 0;
  padding: 20px 0 20px 50px;
}


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

.menu {
  margin: 0 0 0 50px;
  padding: 0px;
  width: 650px;
  list-style: none;
}

.menu li {
  margin: 0;
  padding: 8px 16px 8px 0;
  float: left;
  font-size: 15px;
  font-weight: bold;
}

.menu .item a:link, .menu .item a:visited {
  display: block;
  text-decoration: none;
  text-align: center;
  color: #888;
}
.menu .item a:hover {
  color: #fff;
  text-decoration: none;
}

.menu .item_selected {
  color: #fff;
}



/* PODMENU -------------------------- */

.podmenu_base {
  clear: both;
  margin: 0;
  padding: 0;
  width: 700px;
  height: 20px;
}

.podmenu {
  height: 20px;
  margin: 0 11px 0 0;
  padding: 0 0 0 50px;
  list-style: none;
  color: #fff;
}

.podmenu li {
  margin: 0;
  padding: 0 12px 0 0;
  float: left;
  font-size: 13px;
  font-weight: bold;
  line-height: 20px;
}

.podmenu .item a:link, .podmenu .item a:visited {
  display: block;
  text-decoration: none;
  text-align: center;
  color: #111;
}
.podmenu .item a:hover {
  color: #fff;
  text-decoration: none;
}

.podmenu .item_selected  {
  display: block;
  text-decoration: none;
  text-align: center;
  color: #fff;
}


/* PODMENU - nastaveni barvy -------- */

.red .podmenu_base {
  background: url(obr/menu_right_red.gif) top right no-repeat;
}
.red .podmenu {
  background: #d70022;
}

.orange .podmenu_base {
  background: url(obr/menu_right_orange.gif) top right no-repeat;
}
.orange .podmenu {
  background: #e47f19;
}

.blue .podmenu_base {
  background: url(obr/menu_right_blue.gif) top right no-repeat;
}
.blue .podmenu {
  background: #0097e1;
}

.violet .podmenu_base {
  background: url(obr/menu_right_violet.gif) top right no-repeat;
}
.violet .podmenu {
  background: #d8004a;
}


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

.content {
  clear: both;
  float: left;
  width: 610px;
  margin: 0 0 0 50px;
  padding: 20px 20px 20px 20px;
  color: #fff;
  background: url(obr/oblouk_bottom_left_red.png) bottom left no-repeat;
  _background: url(obr/oblouk_bottom_left_red.gif) bottom left no-repeat; /* IE6 */
}

.content h1 {
  font-size: 14px;
  font-weight: bold;
  margin: 16px 0 0 0;
  color: #fff;
}
.content h1:first-child {
  margin-top: 0;
}

.content p {
  margin: 10px 0 0 0;
}
.content p:first-child {
  margin: 0 0 0 0;
}

.content ul, .content ol {
  margin: 10px 0 0 0;
}
.content ul:first-child, .content ol:first-child {
  margin: 0 0 0 0;
}

.content img, .content iframe {
  padding: 4px;
  border-style: solid;
  border-color: #181818;
  border-width: 2px;
  background: #000;
}

.content table {
  margin: 0;
	border-collapse: collapse;
}

.content td {
  padding: 2px 4px 2px 4px;
  border-style: solid;
  border-color: #222;
  border-width: 1px;
}

.content td img {
  padding: 4px;
  border-style: none;
}

.novinka_datum {
  clear: both;
  float: left;
  color: #bbb;
  padding: 1px 4px 1px 4px;
  margin: 16px 6px 4px 0;
  font-size: 11px;
  background: #222;
}

.novinka_datum:first-child {
  margin-top: 0;
}

.novinka_text {
  clear: both;
  margin: 0;
}

.novinky_more {
  color: #444;
  font-size: 12px;
}

.novinky_more a:link, .novinky_more a:visited {
  text-decoration: underline;
  color: #888;
}
.novinky_more a:hover {
  color: #fff;
}


/* STRANKOVANI -------------------------- */

.strankovani {
  clear: both;
  float: left;
  margin: 16px 0 0 0;
  padding: 0;
  font-weight: 12px;
  color: #666;
}

.strankovani big {
  color: #fff;
  font-size: 14px;
}

.strankovani a:link, .strankovani a:visited {
  color: #888;
  text-decoration: underline;
}
.strankovani a:hover {
  color: #fff;
}


/* PATKA -------------------------- */

/* svetle provedeni */
.patka {
  float: left;
  width: 600px
  margin: 0;
  padding: 30px 0 30px 50px;
  color: #888;
}
.patka a:link, .patka a:visited {
  font-size: 11px;
  color: #bbb;
  text-decoration: underline;
}
.patka a:hover {
  color: #fff;
}

/* tmave provedeni */

.patka2 {
  float: left;
  width: 600px
  margin: 0;
  padding: 30px 0 30px 50px;
  color: #555;
}
.patka2 a:link, .patka2 a:visited {
  font-size: 11px;
  color: #333;
  text-decoration: underline;
}
.patka2 a:hover {
  color: #000;
}


/* OBECNE -------------------------- */

.end {
  clear: both;
  height: 0px;
  padding: 0px;
  margin: 0px;
  font-size: 0px;
  line-height: 0px;
}

.float_none {
  float: none;
}

.no_bg {
  background: none;
}

.important a:link, .important a:visited {
  color: #d70022;
  font-size: 15px;
  font-weight: bold;
}

.important a:hover {
  color: #fff;
}


/* BARVY -------------------------- */

.red {
  color: #d70022;
}

.orange {
  color: #e47f19;
}

.blue {
  color: #0097e1;
}

.violet {
  color: #d8004a;
}

.grey {
  color: #888;
}