/*behavior: url(./include/iepngfix.htc);*/
* {
  font-size: 12px;
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  margin: 0;
  padding: 0; 
  color: #fff; 
  text-indent: 0 !important;
}

body {  
  background-color: #000;  
  position: relative;
}

div#page {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  background: transparent url(../layout/bg-body.jpg) no-repeat left top;
  padding: 0 0 10px 0;
}

div#hlavicka {
  height: 250px;
}

a#logo {
  position: absolute;
  top: 15px;
  left: 6px;
}
a#logo img {
  visibility: hidden;
}

div#menu {
  position: absolute;
  top: 15px;
  right: 0;  
  background: transparent url(../layout/bg-menu.png) repeat left top;
}

#map_canvas * {
  color: #000;
}

*html div#menu {
  background: #454545 url();
}
div#menu ul {
  margin: 0;
  list-style: none url();
  padding: 0 10px;
}

div#menu ul li {
  background: transparent url(../layout/bg-menu-a.png) no-repeat left center;
  float: left;
  list-style: none url(); 
  line-height: 38px; 
  padding: 0 10px;
}
div#menu ul li.prvni {
  background: transparent url();
}
div#menu ul li a {  
  padding: 0 10px; 
  color: #fff; 
  font-variant: small-caps;
  font-size: 17px;
  text-decoration: none;
  float: left;
  display: block;
}
div#menu ul li a:hover {
  color: #F58220;
}
div#menu ul li.aktivni a {
  color: #fff;  
  background: transparent url(../layout/bg-menu-a-aktivni.gif) repeat-x left top;  
  font-weight: bold;
}
div#menu ul li.aktivni a:hover {
  color: #fff;
}

div#logo-harley {
  background: transparent url(../layout/logo-harley.jpg) no-repeat left center;
  position: absolute;
  top: 87px;
  right: 10px;
  width: 200px;
  height: 126px;
}

div#motorky-flash {
  position: absolute;
  top: 62px;
  right: 8px;
  width: 200px;
  height: 180px;
}

div#levy-blok {
  float: left;
  width: 220px;
  margin-right: 15px;
}
div#stredovy-blok {
  float: left;
  width: 530px;
  margin-right: 15px;  
}
div#pravy-blok {
  float: left;
  width: 220px;
}
div#levy-blok h2,
div#pravy-blok h2,
div#stredovy-blok h1 {
  background: transparent url(../layout/bg-menu.png) repeat left top;
  font-variant: small-caps;
  font-size: 17px;  
  padding: 5px 10px 4px;
}
* html div#levy-blok h2,
* html div#pravy-blok h2,
* html div#stredovy-blok h1 {
  background: #454545 url();
}

div#levy-blok h2 span,
div#pravy-blok h2 span {
  font-variant: small-caps;
  font-size: 17px;
}

div.box-obsah {
  padding: 0 10px 20px;
}

p.otevreno-dny {
  float: left;
  width: 100px;
}
p.otevreno-hod {
  float: left;
  width: 100px;
}

/*** aktuality */
div.aktuality-polozka {
  padding: 0 10px 10px 10px;
}
div.aktuality-polozka img {
  float: left;
}
div.aktuality-polozka .nadpis {
  color: #F58220; 
  padding-bottom: 3px;
  line-height: 100%;
}
div.aktuality-polozka .datum {
  font-size: 11px;
  padding-bottom: 10px;
}
div.aktuality-polozka .datum * {
  font-size: 11px;
}
div.aktuality-polozka .kratky-text {
  text-align: justify;
}
div.aktuality-polozka .obsah {
  width: 395px;
  float: right;
}

/*** motorky */
div.motorky-polozka {
  padding: 0 10px 20px 10px;
}
div.motorky-polozka img {
  float: left;
}
div.motorky-polozka .nadpis {
  color: #F58220; 
  padding-bottom: 3px;
  line-height: 100%;
}
div.motorky-polozka .datum {
  font-size: 11px;
  padding-bottom: 10px;
}
div.motorky-polozka .datum * {
  font-size: 11px;
}
div.motorky-polozka .kratky-text {
  text-align: justify;
}
div.motorky-polozka .obsah {
  width: 395px;
  float: right;
}

/**** zastupujeme ***/
div.box-zastupujeme {
  text-align: center; 
  padding-top: 0px;
}
div.box-zastupujeme img {
  margin-top: 15px;
}

div#paticka {
  background-color: #454545;
}
div#paticka p.levy {
  float:left;
  padding: 6px 0 6px 10px;
  width:490px;
}
div#paticka p.pravy {
  float:right;
  padding: 6px 10px 6px 0;
  text-align:right;
  width:490px;
}
div#paticka p {
  color:#FFFFFF;
  font-size:11px;
  background-color:#454545;  
}
div#paticka * {
  color:#FFFFFF;
}
/**********************
 *     OBECNÉ         *
 **********************/ 


ul {
  margin: 0 0 10px 20px;
  line-height: 160%;
}
a img,
.clanek-foto {
  border: solid 1px #000;
}
.cleaner {
  clear: both;
}
.no-bg {
  border: none !important;
}
a {
  color: #F58220;  
}
a:hover {
  text-decoration: none;
}

h1 {
  color: #fff; 
  font-size: 18px;
  font-weight: bold;
  padding: 0px;
  margin: 0 0 15px 0px;   
}
h2 {
  color: #fff; 
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;  
}
h3 {
  color: #fff; 
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 0;
  line-height: 150%;  
}
p {
  line-height: 160%;
  padding-bottom: 15px;
}

address {
  font-style: normal;
  line-height: 160%;
  padding-bottom: 15px;
}

div.text {
  padding: 0 10px;
}

div.text img {
  border: solid 3px #fff;
}
img.border,
img.galerie-foto,
img.zo-img {
  border: solid 1px #eee;
  border: solid 1px #777;
}

a:hover img.border,
a:hover img.galerie-foto,
a:hover img.zo-img {
  border: solid 1px #777;
  border: solid 1px #eee;  
}

.oranzovy {
  color: #F58220;
}
.italic {
  font-style: italic;
}

/* ------------------- formulare -------------------------*/
input.text, textarea.text {
  border: solid 1px #777;
  background: #444;
  padding: 2px;
  color: #fff;
  font-size: 11px;
}

select.text {
  border: solid 1px #777;
  background: #444;
  color: #000000; 
  padding: 2px; 
  font-size: 11px;
}
input.submit {
  border: solid 1px #777;
  background: #444 url() repeat-x left top;
  padding: 2px 3px;
  color: #FFF;
  font-weight: bold;
  font-size: 11px;
  cursor: pointer;
  margin-top: 5px;  
}
div.formular p.label {
  padding: 0 0 0px 0; 
}
div.formular p label {
  font-weight: bold;
}
div.formular p.input {
  padding: 0 0 7px 0;
}

.maly {
  width: 100px;
}
.stredni {
  width: 200px;
}
.velky {
  width: 400px;
}
.vetsi {
  width: 500px;
}

/** tabulka formulare ***/
table.obyc_form th, table.obyc_form td {
  padding-right: 20px;
  padding-bottom: 4px;
  vertical-align: top;
  font-weight: normal;
  text-align: left;  
}
table.obyc_form th {
  padding: 2px 20px 4px 0;
  font-weight: bold;
}
table.obyc_form td {
  text-align: left;
}
table.obyc_form input.text {
  width: 200px;
}
table.obyc_form textarea.text {
  width: 500px;
  padding: 0;
  height: 130px;
}

/**** halseni ***/
.hlaseni-chyby {
  background:#ccc url(../layout/error.png) no-repeat scroll 5px 4px;
  border:1px solid #eee;
  color:#BD0900;
  margin:5px 0 15px;
  padding:5px 5px 5px 27px;
}
.hlaseni-ok {
  background:#ccc url(../layout/ok.png) no-repeat scroll 5px 4px;
  border:1px solid #eee;
  color:#BD0900;
  margin:5px 0 15px;
  padding:5px 5px 5px 27px;
}
.povinne {
  color: #BD0900;
}

/**** stránkování ****/

div.strankovani {
  /*background-color: #454545;*/
  border-top: dotted 1px #333;
  padding: 5px 10px;
  line-height: 20px; 
  text-align: center;
  margin: 0 10px;  
}
div.strankovani b {
  padding: 1px 5px 1px 4px;
  background-color: #F58220;
  color: #fff;
  border: solid 1px #222;   
}
div.strankovani a,
div.strankovani span
 {
  background-color: #333;
  color:#fff;
  padding: 1px 5px 1px 4px;
  text-decoration: none;
  border: solid 1px #222;
}
div.strankovani a:hover {
  background-color: #F58220;
  color: #fff;
  border: solid 1px #222;  
}

.ukryte {
  display: none;
}


/***** formular ****/
/****************** komentare *****/
div.komentar {
  background:#FFFFFF url(../layout/bg-koment-box.gif) repeat-x scroll left bottom;
  border-bottom:1px dotted #222222;
  margin-bottom:18px;
  padding:0 0px;
  position:relative;
}

div.komentar h2 {
  background-color:#0294D0;
  color:#FFFFFF;
  line-height:160%;
  padding:0 10px;
}

div.komentar p {
  padding: 0 0 5px 0;
}
div.komentar p label {
  font-weight: bold;
}
div.komentar p.obsah {
  line-height:160%;
  padding: 0 10px 15px 10px;
}
div.komentar p.paticka {
  padding: 0 10px 5px 10px;  
  font-size: 11px;
}
div.komentar p.paticka * {
  font-size: 11px;
}
div.komentar p.paticka .prispevku {
  font-weight: bold;
}
div.komentar p.reagovat .prispevku {
  font-size: 11px;
  font-weight: normal;
}
div.komentar p.reagovat .povinne{
  font-size: 11px;
  color: #BD0900;
}
div.komentar p.reagovat a {
  color: #072A6A;
}
div.komentar span.registrovany {
  color: #BD0900;
}


/*--------------- galerie -------------*/
div.box-galerie-prehled {
  padding: 0 10px 20px 10px;
}
div.box-galerie-prehled img {
  float: left;
}
div.box-galerie-prehled .nadpis {
  color: #F58220; 
  padding-bottom: 3px;
  line-height: 100%;
}
div.box-galerie-prehled .nadpis a {
  font-weight: bold;
}
div.box-galerie-prehled .datum {
  font-size: 11px;
  padding-bottom: 10px;
}
div.box-galerie-prehled .datum * {
  font-size: 11px;
}
div.box-galerie-prehled .kratky-text {
  text-align: justify;
}
div.box-galerie-prehled .obsah {
  width: 355px;
  float: right;
}

/**** galerie - fotky ***/
.galerie-fotky img {
  margin: 0 20px 19px 10px;
}

.info-povinne {
  border-top: dotted 1px #000; 
  padding-top: 2px;
  padding-bottom: 5px;
}

/************* zajimave odkazy ****/
div.zajimave-odkazy {
  border-bottom: 1px dotted #333333;
  padding: 0px 10px 20px;
}
.zajimave-odkazy h3 {
  margin-bottom: 7px; 
}
.zajimave-odkazy img.zo-img {
   float: left;
   /*border: solid 1px #000;*/
   /*border: none;*/
}
div.zajimave-odkazy div.zo-obsah{
  width: 350px; 
  float: right;
}
div.zajimave-odkazy p {
  padding-bottom: 0px;
}

/*** bazar ***/
p.bazar-kategorie {
  padding: 0 0px 5px;
  margin: 0 10px 15px;
  border-bottom: dotted 1px #333333;
}

p.bazar-kategorie .aktivni {
  font-weight: bold;
  color: #fff;
  font-size: 14px;
}