* { margin: 0; padding: 0; }
html { border: none; }

body {
	font: 0.75em/1.5 "Arial CE", Arial, sans-serif;
	color: white; padding: 192px 0 0 0;
  background: black url(images/body-bg.jpg) no-repeat 50% 0;
}

/* ---[ template ]---------------------------- */

#container {
  position: relative;
  width: 762px; min-height: 100px;
  padding-left: 244px;
  margin: 0 auto;
}

#content {
  float: left;
  width: 500px; min-height: 369px; _height: 369px;
  padding: 48px 15px 15px 15px;
  background: url(images/content-bg.jpg) no-repeat 0 0;
}

#sidebar {
  float: right;
  width: 202px; min-height: 369px; _height: 369px;
  padding-left: 30px;
  background-color: black;
}

#footer {
  width: 732px;
  font-size: 90%; color: #666;
  padding: 0 15px;
  margin-top: 2em;
}

#footer a { color: #666; }
#footer span { padding: 0 6px; }
#footer .clear { margin-bottom: 0.6em; }

/* ---[ general ]----------------------------- */

a { color: white; text-decoration: none; cursor: pointer; } 
a:hover { text-decoration: underline; }
a img { border: none; }

.nodisplay { display: none; }
.clear { clear: both; #font-size: 0; #height: 0; }

h1, h2, h3, h4, h5, h6, p { margin-bottom: 0.6em; }

#content h1 {
  font-size: 240%; font-weight: normal;
  letter-spacing: -0.02em;
  line-height: 1em;
  margin-top: 1em;
  font-family: Trebuchet MS;

}

#content h2 {
  font-size: 160%; color: #ff945a;
  margin: 1.5em 0 0 0;
}

#content a { color: #ffd971; text-decoration: underline; }
#content a:hover { text-decoration: none; }

p strong { color: #ffd971; }
p em span { font-size: 140%; line-height: 1em; }

/* ---[ content ]----------------------------- */

.selection {
  border: 2px solid #222;
  padding: 10px 0; margin-top: 2em;
}

.selection ul {
  list-style: none;
  float: left; margin-left: 40px;
}

.selection ul li { 
  padding-left: 13px;
  background: url(images/li-bg.gif) no-repeat 0 50%;
}

/* ---[ sidebar, form ]----------------------- */

#sidebar h2 {
  line-height: 1em; color: #999;
  font-size: 110%; font-weight: normal;
  padding-top: 17px;
  margin: 0 0 1.5em 0;
}

#sidebar h2 span { color: #666; font-size: 11px; }

#sidebar .banner{
  margin-top: 50px;
  text-align: center;
}


#form { color: #666; scrollbar-base-color: black; scrollbar-track-color: #222; scrollbar-3dlight-color: #2c2c2c; scrollbar-highlight-color: #141414; }

#form input, #form textarea {
  color: white;
  background: transparent;
  border: none;
}

#form .w190, #form .w50 {
  height: 21px;
  padding: 2px 4px;
}

#form .w190 {
  width: 182px; 
  background: transparent url(images/input-w190-bg.gif) no-repeat 0 0;
}

#form .w50 {
  width: 50px; 
  background: transparent url(images/input-w50-bg.gif) no-repeat 0 0;
}

.captcha { height: 21px; line-height: 21px; margin-bottom: 1.5em; }
.captcha input { float: right; }

.help{
margin-top: 10px;
}

#form textarea {
  font-family: Arial, sans-serif; font-size: 100%;
  width: 182px; height: 66px;
  padding: 2px 4px;
  background: transparent url(images/textarea-bg.gif) no-repeat 0 0;
  margin-bottom: 6px;
}

#form .submit {
  font-family: Arial, sans-serif; font-size: 100%;
  color: #666; cursor: pointer;
  width: 60px; height: 25px;
  text-align: center;
  background: transparent url(images/submit-bg.gif) no-repeat 0 0;
}

/* ---[ gallery ]----------------------------- */

.gallery { margin-top: 1.5em; }
.gallery img { float: left; }

/* ---[ footer links ]------------------------ */

.puxtravel, .puxdesign, .czechgolf, .ubytovani-chorvatsko, .zajezdy-sk, .levne-zajezdy { display: block; float: left; font-style: italic; font-weight: bold;  padding-left: 22px; margin-right: 15px; }

.puxtravel { background: url(images/icon-puxtravel.gif) no-repeat 0 0; }
.puxdesign { background: url(images/icon-puxdesign.gif) no-repeat 0 0; }
.czechgolf { background: url(images/icon-czechgolf.gif) no-repeat 0 0; }
.ubytovani-chorvatsko { background: url(images/icon-ubytovani-chorvatsko.gif) no-repeat 0 0; }
.zajezdy-sk { background: url(images/icon-zajezdy-sk.gif) no-repeat 0 0; }
.levne-zajezdy { background: url(images/icon-levne-zajezdy.gif) no-repeat 0 0; }

/* ---[ menu ]-------------------------------- */

#menu {
  position: absolute;
  top: 0; left: 244px;
  width: 530px; height: 48px; line-height: 48px;
  list-style: none;
}

#menu li { float: left; }

#menu li a {
    display: block;
    font-size: 110%; text-decoration: none; color: white; 
    padding: 0 25px;
    background: url(images/menu-li-bg.png) no-repeat 100% 0; _background: url(images/menu-li-bg.gif) no-repeat 100% 0; 
}

#menu li a:hover { background: url(images/transparency90-bg.png) repeat 0 0; }

/* ---[ logo ]-------------------------------- */ 

#logo {
  display: block; position: absolute; overflow: hidden;
  width: 107px; height: 125px;
  top: -192px; left: 244px;
}

#logo span {
  display: block; position: absolute;
  width: 100%; height: 100%;
  top: 0; left: 0;
  background: white url(images/logo.gif) no-repeat 0 0;
}
div.error{
  color:  #DF2929;
  margin-bottom:10px;
}

div.ok{
  color: #5C8F35;
  margin-bottom: 10px;
}
#player, #player2{
  display:block;
  float:none;
  height:288px;
  margin:0 auto;
  width:384px;
  margin-bottom: 5px;
  }