/*  Author: Jaroslav Suchý, www.jerry-lee.cz, +420607640837 */

/*  GENERAL HTML */

html, body {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 0.85em;
	color: #5b5b5b;
	line-height: 1.6em;
	margin: 0; padding: 0;
}

form {
  padding: 0;
  margin: 0;
}

#sitename a span {
  display: none;
}

a {
  outline: none;
  color: #d50100;
}

a:hover {
  color: #ff0000;
}

a img {
	border: 0;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 18px;
}

.cleaner {
	clear: both;
	height: 1px;
	font-size: 1px;
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
}

.page {
  width: 965px;
  margin: 0 auto;
}

/* HEADER */

#header {
  height: 319px;
  background: #868686 url('../images/header-bg.jpg') top center no-repeat;
}

#sitename a {
  display: block;
  height: 71px;
  width: 167px;
  position: relative;
  left: 400px;
  top: 20px;
  margin-bottom: 40px;
}

/* HEADER IMAGE CAROUSEL */

#carousel_container {
  width: 630px;
  height: 128px;
  margin: 0 auto;
}

#carousel_inner {
  float:left; /* important for inline positioning */
  width:540px; /* important (this width = width of list item(including margin) * items shown */
  overflow: hidden;  /* important (hide the items outside the div) */
  position: relative;
}

#carousel_ul {
  position:relative;
  left: -180px; /* important (this should be negative number of list items width(including margin) */
  list-style-type: none; /* removing the default styling for unordered list items */
  margin: 0px;
  padding: 0px;
  width:9999px; /* important */
}

#carousel_ul li{
  float: left; /* important for inline positioning of the list items */
  width: 180px;  /* fixed width, important */
  /* just styling bellow*/
  margin:0;
  padding:0;
  height:126px;
}

#carousel_ul li img {
  .margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that */
  /* styling */
  border: 3px #5b5b5b solid;
}

#left_scroll, #right_scroll{
  float:left;
  height:22px;
  width:22px;
  margin-top: 55px;
}

#left_scroll {
  margin-right: 28px;
}

#right_scroll {
  margin-left: 18px;
}

#left_scroll img, #right_scroll img{
  border:0; /* remove the default border of linked image */
  /*styling*/
  cursor: pointer;
  cursor: hand;
}

/* TOP MENU */

#top_menu {
  height: 41px;
  padding: 0;
  margin: 0;
  margin-top: 18px;
  text-align: center;
  list-style: none;
  background: url('../images/top-menu-bg.png') top center no-repeat;
}

#top_menu li {
  padding: 0;
  margin: 0;
  display: inline;
  list-style: none;
  height: 41px;
  line-height: 41px;
}

#top_menu li.first {
  background: url('../images/top-menu-item-bg.png') center left no-repeat;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 2px;
}

#top_menu a {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 27px;
  padding-left: 25px;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  background: url('../images/top-menu-item-bg.png') center right no-repeat;
}

#top_menu a:hover {
  color: #5b5b5b;
}

/* FOOTER */

#footer {
  background-color: #5b5b5b;
  color: #ffffff;
  font-weight: bold;
  clear: both;
  height: 56px;
  line-height: 56px;
}

#footer a, #footer a:hover {
  color: #ffffff;
}

#footer_left {
  display: inline;
  float: left;
  margin-left: 20px;
}

#footer_right {
  display: inline;
  float: right;
  margin-right: 20px;
}

/* LEFT */

#left {
  display: inline;
  float: left;
  /*width: 213px;*/
  margin-right: 23px;
  margin-bottom: 40px;
  margin-top: 15px;
}

#left_menu {
  padding: 0;
  margin: 0;
  list-style: none;
  border-top: 1px #afafaf dotted;
}

#left_menu li {
  padding: 0;
  margin: 0;
  list-style: none;
  border-bottom: 1px #afafaf dotted;
}

#left_menu li a {
  display: block;
  color: #5b5b5b;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
 
  line-height: 29px;
  width: 205px;
  padding-left: 8px;
}

#left_menu li a:hover {
  color: #3e3e3e
}

#left_menu li ul {
  padding: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0;
  border-top: 1px #afafaf dotted;
}

#left_menu li ul li {
  border: 0;
}

#left_menu li ul li a {
  text-transform: none;
  color: #d50100;
  text-decoration: underline;
  padding-left: 25px;
  width: 188px;
}

#left_menu li ul li a:hover {
  color: #5b5b5b;
}

/* RIGHT */

#right {
  display: inline;
  float: right;
  width: 239px;
  margin-bottom: 20px;
}

#languages {
  padding: 0;
  margin: 0;
  list-style: none;
  height: 31px;
  background: url('../images/languages-bg.png') 0 0 no-repeat;
}

#languages li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline;
  float: left;
}

#languages li a {
  margin: 0;
  padding: 0;
  height: 27px;
  line-height: 27px;
  margin-left: 17px;
  padding-left: 22px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
  font-size: 10px;
  font-size: 0.9em;
}

#languages li a.cs {
  background: url('../images/lang-cs.gif') 0 7px no-repeat;
}

#languages li a.en {
  background: url('../images/lang-en.gif') 0 7px no-repeat;
}

#languages li a.de {
  background: url('../images/lang-de.gif') 0 7px no-repeat;
}

#adresa {
  margin-top: 15px;
}

.adresa_logo {
  margin-left: 3px;
  margin-bottom: 20px;
}

#adresa_left {
  display: inline;
  float: left;
  width: 133px;
  margin-left: 18px;
  border-right: 1px #777777 dotted;
  line-height: 1.4em;
}

#adresa_right {
  display: inline;
  float: right;
  padding-top: 5px;
}

/* FORM */

form {
  padding: 0;
  margin: 0;
}

#search_form {
  height: 57px;
  background: url('../images/search-bg.png') 0 0 no-repeat;
  margin-top: 9px;
  padding-top: 5px;
  padding-left: 16px;
}

#search_form .input_text {
  padding: 0;
  margin: 0;
  border: 0;
  display: inline;
  float: left;
  background: #ffffff url('../images/search-text-bg.png') 0 0 no-repeat;
  width: 158px;
  height: 27px;
  line-height: 27px;
  color: #7f7d7d;
  font-size: 11px;
  padding-left: 5px;
  vertical-align: middle;
}

#search_form .input_submit {
  padding: 0;
  margin: 0;
  border: 0;
  display: inline;
  float: left;
  background: #ffffff url('../images/search-submit-bg.png') 0 0 no-repeat;
  width: 38px;
  height: 27px;
  cursor: hand;
}

#search_form label {
  font-weight: bold;
  display: block;
  font-size: 0.97em;
  margin-bottom: 2px;
  margin-left: 3px;
}

/* CONTENT */

#center {
  display: inline;
  float: left;
  width: 470px;
  margin-bottom: 40px;
  margin-top: 15px;
  line-height: 1.4em;
}

h1 {
  color: #d50100;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  font-size: 1.2em;
  margin-bottom: 30px;
}

#center ul {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 20px;
}

#center ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  background: url('../images/list-item-bg.gif') 30px 5px no-repeat;
  padding-left: 45px;
  font-weight: bold;
  margin-bottom: 7px;
}