html,body {
	height: 100%;
}


p, img, h1, h2, h3, h4, form, ul, li {margin: 0; padding: 0; border: none;}
.clear {clear: both;}
.float_right {float: right; padding: 5px;}
.center {text-align: center;}

body {
  background: #c0e4f7 url(/_images/bg_blue.jpg) center top repeat-x;
  margin: 0 auto; padding: 0;
  font-family: Arial;
  color: #004D8E;
  font-size: 100%;
}

a {color: #EA5E10; text-decoration: none; font-weight: bold;}
a:hover {color: #698820;}

h1 {font-size: 110%; color: #EA5E10; padding: 0 0 5px 0; border-bottom: 1px solid #F38D04; display: block; margin: 0 0 10px 0;}
h2 {font-size: 95%; color: #EA5E10; padding: 0 0 15px 0;}
h2 span a {color: red; font-style: italic;}
h3 {font-size: 95%; padding: 10px 0 3px 0; color: #698820;}

p, li, form {font-size: 80%;}

.site {width: 990px; margin: 0 auto; padding: 0; position: relative;}

.logo {
  background: url(/_images/bg_logo_kluk.jpg) left top no-repeat;
  margin: 0; padding: 0;
  width: 240px;
  height: 161px;
  float: left;
}

.menu/*, .podmenu*/ {
  float: left; width: 460px;
  text-align: right;
  margin: 0; padding: 120px 0 25px 0;
  letter-spacing: 0px; font-family: Times New Roman;
  font-weight: bold; font-size: 150%; font-variant: small-caps;
  position: relative;
}

.menu a {color: #004D8E; text-decoration: none;}
.menu a:hover {color: #EE8600;}
.menu span {color: #EE8600;}

/*.podmenu {width: 625px; font-size: 135%; padding: 0 0 14px 75px; text-align: left; }*/

.podmenu {position: absolute; left: 60px; top: 400px; width: 170px; padding: 10px; }
.podmenu ul, .podmenu li {margin: 0; padding: 3px; background: none !important;}
.podmenu h3 {border-bottom: 1px solid #698820;}

/*.eshop {position: absolute; top: 10px; left: 330px; width: 150px; background: url(/_images/heroshop-logo.png) 0 0 no-repeat;}*/
.eshop { margin: -15px 0 10px 50px; width: 150px; height: 105px; background: url(/_images/heroshop-logo.png) 0 0 no-repeat;}

.reg-error {color: red;}

.foot { width: 91%; margin: 20px auto; font-size: 70%; color: #5889B6; border-top: 1px solid #5889B6; padding: 10px 0 0 0;}
.foot p.left {float: left; width: 60%; text-align: left;}
.foot p.right {float: right; width: 40%; text-align: right;}

a.external-link {background: url(/_clip/ico_external-link.gif) right center no-repeat; padding: 0 13px 0 0; }

/*content*/

.content {float: left; width: 674px; margin: 0; padding: 15px; text-align: justify; font-size: 85%;}



img.pic_left {float: left; margin: 0 0 0 65px; padding: 0;}
img.pic_right, .pic_right {float: right; padding: 0 5px 0 0;}
img.hp, .hp {padding: 34px 0 0 0;}
img.pic_reg {padding: 34px 0 0 68px; float: left; margin: 0;}
img.pic_middle {vertical-align: middle; padding: 15px 0 0 35px;}
a img.pic_ban {border: 3px solid #ffffff; padding: 5px; margin: 15px 0 0 0;}
a:hover img.pic_ban {border: 3px solid #EFB665;}
a img.pic_hra {border: 3px solid #F38D04; float: right; margin: 0 0 0 15px;}
a:hover img.pic_hra {border: 3px solid #0066CC;}
.pic_main object { margin-left: 64px; }

.info-hry, .info-hra {width: 816px; float: left; padding: 0 0 0 110px; margin: 0;}
.info-hry p, .info-hra p {padding: 10px 0 0 0;}
.info-hra {width: 750px;}
.hry-zprava {float: left; width: 180px; padding: 7px 7px 7px 12px; /*border-right: 1px dashed #5889B6;*/}
.hp-zprava {float: right; width: 300px; padding: 7px; }
.produkt-zprava {float: right; width: 180px; padding: 10px; margin: 0 15px 0 0;}
.hry-zprava p, .hp-zprava p, .produkt-zprava p {padding: 0 0 5px 0;}


.produkt {width: 435px; padding: 0 5px 0 15px; float: left;}
.produkt h1 { /*font-size: 150%;*/ }
.produkt h2 {padding: 0 0 10px 0;}
.produkt h3 {border-bottom: 1px solid #698820; display: block; margin: 0 0 7px 0;}
.produkt p {padding: 0 0 5px 0;}
.ohrach {padding: 0 0 5px 130px; width: 680px; }

.banner {margin: 15px auto; width: 91%; border-top: 1px solid #5889B6; padding: 15px 0 0 0;}
.banner object {float: left; margin: 0;}
.banner p {float: right; width: 210px; color: #ffffff; font-size: 80%; font-weight: bold; margin: 0 0 0 20px; text-align: justify; background: #B0D6EB; padding: 10px;}
.banner p span {color: #004D8E;}
.banner h2 span {margin: 0 0 0 20px; padding: 15px 0 0 0;}

.banner-small {margin: 25px 44px 0 0; float: right; border: 1px solid #ffffff; padding: 0;}



table.slozeni {background: #EBEEFA; border: 1px solid #A4B97F; width: 435px; font-size: 75%;}
.slozeni th {background: #00789D; border: 1px solid #ffffff; color: #ffffff; padding: 2px; text-align: left;}
.slozeni td {background: #C4ECF4; border: 1px solid #ffffff; color: #636262; padding: 2px;}

	
ul li {background: url(/_clip/budik.gif) 0 0 no-repeat; list-style: none; padding: 0 0 15px 35px; margin: 0 0 0 10px;}

.infoBox2 {background: #B0D6EB; border: 1px solid #A4B97F; font-size: 80%; padding: 5px; margin: 5px 0 5px 0;}
.infoBox2 h3 {padding: 0 0 5px 0; border: none;}


table.ke-stazeni th {border: 1px solid #ffffff; background: #B0D6EB; font-size: 75%;}
table.ke-stazeni td {padding: 25px; font-size: 75%;}

/*login form*/

.hp-login {
  background: url(/_images/bg_hp_login.jpg) right top no-repeat;
  margin: 0; padding: 0;
  width: 286px; /*height: 542px;*/
  float: right;
}
.hp-login p {padding: 45px 0 0 175px;}


.login-box {margin: 0 auto; padding: 0;}
form .login-box {margin: 370px 0 0 0; padding: 0 0 0 35px; }
form .login-box h3 {padding: 0 0 5px 35px; color: #004D8E; display: none;}
form .login-box input {width: 100px; border: 1px solid #A4B97F;}
form .login-box span {padding: 0 5px 0 0;}
form .login-box .btn-login, .btn-login  {width: 50px; height: 21px; background: #EA5E10; border: none; color: #ffffff; font-size: 95%; font-weight: bold;}

.login-form {
  margin: 0; padding: 0;
  display: none;
}

.login {margin: 160px 0 0 35px; }
.login p {padding: 0 0 15px 0;}

#reg-form {border: 1px solid #A4B97F; padding: 10px;}
#reg-form p {padding: 3px 0 3px 0; }
#reg-form input {border: 1px solid #A4B97F;}
#reg-form .btn-odeslat, .btn-odeslat {width: 75px; height: 21px; background: #EA5E10; border: none; color: #ffffff; font-size: 95%; font-weight: bold; }



.login-links {
  /*margin: 0; padding: 0;*/
  width: 286px; 
  float: right !important;
  background: url(/_images/natahovatko_login_blue.jpg) right top repeat-y;
  display: none;
 }
 
.login-links p {padding: 15px 0 15px 35px; margin: 0;}

/* zabava */

.zabava .hp-login {
  background: none;
  height: 200px; text-align: right; margin: 0; padding: 0 50px 0 0; width: 236px;
}
/* \*/ * html .zabava .hp-login {padding: 0 15px 0 0;} /**/

.zabava .hp-login p {padding: 25px 0 0 0;}

.zabava form .login-box {margin: 20px 0 0 0; width: 235px;}
.zabava form table {width: 190px; float: right;}
.zabava .login-links {background: none; width: 235px;}
.zabava .login-links p {padding: 5px 0 15px 35px; }
.zabava .login {
	background: url(/_images/bg_hry_kluk_login.jpg) left top no-repeat;
	margin: 11px 0 0 15px; padding: 20px 10px 5px 20px;
  	font-size: 90%;
	border: 1px solid #B3D9EC; width: 190px;
}
.zabava .login p {padding: 0 0 10px 0;}
.zabava .flash {margin: 0 0 0 50px; }