@charset "utf-8";
/* CSS Document */

body {
color: #666666;
font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-size: 12px;
text-align: center;
margin: 0;
padding: 0;
margin-top: 13px;
background: #f3f3f3;
}

ul, li {
list-style: none;
margin: 0;
padding: 0;}

a {
color: #000000;
text-decoration: underline;}

a:hover{
color: #000000;
text-decoration: none;}

hr {
display: block;
visibility: hidden;
width: 0;
height: 0;
clear: both;
float: none;
margin: 0;
padding: 0;
border: 0;
font-size: 0;
line-height: 0;
}

img {
border: 0;}

#header {
margin: auto;
margin-top: 0;
padding: 0;
text-align: left;
position: relative;
width: 994px;
height: 90px;
background: url(../img/header-bg.png) no-repeat top center;}

#header img {
position: absolute;
top: 38px;
left: 47px;}
#header h1{
  position: absolute;
  top: 38px;
  left: 47px;
  display: none;
}

#header input {
display: block;
width: 212px;
height: 16px;
padding: 5px;
margin: 0;
border: 0;
color: #666666;
background: #ffffff url(../img/input-bg.png) no-repeat top left;
float: left;}

#header input.submit {
color: #666666;
font-size: 12px;
font-weight: bold;
width: 74px;
background: #ffffff url(../img/input-submit-bg.png) no-repeat top left;
height: 26px;
cursor: pointer;}

#header input.submit:hover {
background: #ffffff url(../img/input-submit-bg1.png) no-repeat top left;}


#header form {
position: absolute;
top: 40px;
left: 370px;
margin: 0;
padding: 2px;
background: #f2f2f2; 
}

#header .slogan {
font-size: 12px;
font-weight: bold;
color: #666666;
padding: 0;
margin: 0;
position: absolute;
top: 47px;
left: 180px;}

#header ul {
position: absolute;
top: 47px;
right: 47px;
font-size: 11px;
}

#header ul li {
float: left;
padding-left: 6px;
padding-right: 6px;
border-right: 1px solid #666666;
}

#header ul li.last {
border: 0;}

#header ul li a {
color: #2277bb;
}

#menu {
margin: auto;
width: 994px;
padding-top: 7px;
margin-bottom: 20px;
height: 50px;
background: url(../img/menu-bg.png) no-repeat top center;
}

#menu ul {
padding: 0;
margin: auto;
height: 50px;
padding-left: 10px;
background: #aa1a1a url(../img/menu-ul-bg.gif) no-repeat bottom left;
width: 930px;}

#menu ul li {
display: block;
float: left;
padding: 0;
}


#menu ul li a {
display: block;
padding-top: 17px;
padding-left: 10.9px;
padding-right: 10.9px;
height: 33px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
}

#menu ul li a:hover {
color: #aa1a1a;
background: #ffffff url(../img/menu-li-a-bg.gif) repeat-x top left;
text-decoration: none;
}
#menu ul li .selected {
color: #aa1a1a;
background: #ffffff url(../img/menu-li-a-bg.gif) repeat-x top left;
text-decoration: none;
}

#page-top {
margin: auto;
margin-top: 0;
padding: 0;
text-align: left;
position: relative;
width: 994px;
background: url(../img/page-bg.png) repeat-y top center;
}

#page-top ul {
margin: 0;
margin-left: 7px;
margin-right: 7px;
display: block;
background: url(../img/line-bg.gif) repeat-x top center;
width: 944px;
height: 31px;
padding-left: 36px;
}

#page-top ul li {
float: left;
}

#page-top ul li a {
display: block;
text-align: center;
margin: 0;
font-size: 11px;
padding-top: 8px;
text-decoration: none;
color: #666666;
padding-left: 12px;
padding-right: 12px;
}

#page-top ul li a.top-vyhry, #page-top ul li a.nejcastejsi-vyhry, #page-top ul li a.bonus-vyhry {
color: #2277bb;
background: url(../img/top-vyhry-bg.png) no-repeat top left;
height: 23px;
}

#page-top ul li a.nejcastejsi-vyhry {
background: url(../img/nejcastejsi-vyhry-bg.png) no-repeat top left;
}

#page-top ul li a.bonus-vyhry {
background: url(../img/bonus-vyhry-bg.png) no-repeat top left;
}

#page-top ul li a:hover {
text-decoration: underline;}

#page-top #produkty {
width: 960px;
padding-top: 20px;
padding-bottom: 13px;
margin-left: 17px;
margin-right: 17px;
}

#page-top .produkt {
padding: 20px;
padding-top: 5px;
margin-left: 10px;
margin-right: 10px;
width: 260px;
float: left;
font-size: 11px;}

#page-top h3 {
font-size: 14px;
display: block;
padding: 10px;
margin: 0;
background: #f4f4ee;
margin-bottom: 10px;
}

#page-top h4 {
font-size: 13px;
color: #ffffff;
background: #bf1d1d url(../img/smszone-cislo2-bg.gif) no-repeat top left;
padding: 0;
padding-top: 9px;
margin: 0;
width: 115px;
height: 24px;
text-align: center;
float: left;
}

.produkt img {
float: left;
width: 130px;
height: 130px;
image-rendering: optimizeQuality;  /* Firefox 3.6 */
margin-right: 10px;}

#page {
margin: auto;
margin-top: 0;
padding: 10px;
text-align: left;
position: relative;
width: 960px;
background: #ffffff;;
}

#page #content {
width: 720px;
float: left;
}

#page .produkt, #page .produkt-detail, #page .texty {
width: 220px;
padding: 0;
margin: 10px;
float: left;}

#page .produkt-detail, #page .texty  {
float: none;
width: auto;
}

#page .produkt h1, #page .produkt-detail h1, #page .texty h1 {
background: #f4f4ee;
display: block;
padding: 10px;
margin: 0;
font-size: 12px;
margin-bottom: 10px;
}
#page .produkt h3, #page .produkt-detail h3 {
background: #f4f4ee;
display: block;
padding: 10px;
margin: 0;
font-size: 12px;
margin-bottom: 10px;
}

#page .produkt-detail h3 {
font-size: 14px;}

#page .produkt h3 a {
text-decoration: none;}

#page .produkt h3 a:hover {
text-decoration: underline;}
#page .produkt-detail h1, #page .texty  h1{
font-size: 14px;}

#page .produkt h1 a , #page .texty  h1 a{
text-decoration: none;}

#page .produkt h1 a:hover, #page .texty  h1:hover {
text-decoration: underline;}

#page .produkt p, #page .produkt-detail p, #page .texty p {
font-size: 11px;
margin: 0;
padding: 0;
margin-bottom: 10px;
}

#page .produkt-detail p, #page .texty p {
font-size: 12px;
padding: 10px;
margin: 0;}

#page .produkt-detail p {
width: 410px;
display: block;
float: left;
}

#page p.cisla {
color: #000000;
font-size: 150%;
}

#page p small {
font-size: 11px;}

#page p.cisla strong {
color: #bf1d1d;}

#page #fotogalerie {
float: left;
width: 260px;
padding: 10px;
padding-left: 0;
text-align: center;
}

#page #slide {
text-align: center;
width: auto;
padding: 5px;
margin: auto;}

#page .produkt img, #page .produkt-detail img {
width: 90px;
height: 90px;
margin-right: 10px;
padding-top:15px;
float: left;}

#page #fotogalerie img {
height: 50px;
width: auto;
margin: auto;
float: none;
}

#page #slide img {
border: 1px solid #ffffff;
}

#page #slide img:hover {
border: 1px solid #cccccc;
}

#page .produkt-detail #fotogalerie  img.foto {
width: 250px;
height: 250px;
margin: 0;
float: none;}
#page .produkt-info{
  width:240px;
  display:block;
  font-size: 80%;
  padding: 10px;
  background: rgb(244, 244, 238) none repeat scroll 0pt 0pt; 
  margin-top: 10px;
}


#page .produkt h4 {
display: block;
float: left;
font-size: 12px;
padding: 0;
padding-top: 9px;
margin: 0;
background: #bf1d1d url(../img/smszone-cislo3-bg.gif) no-repeat top left;
width: 100px;
height: 22px;
text-align: center;
color: #ffffff;
}

#page .produkt-detail h4, #page .texty h4 {
padding: 10px;
margin: 0;
color: #000000;
}

#page #right {
width: 220px;
padding: 10px;
padding-left: 0;
float: right;
}

#page #right h3 {
background: #ddeef6;
display: block;
padding: 10px;
margin: 0;
font-size: 12px;
color: #000000;
}

#page #right p {
padding: 10px;
margin: 0;
background: #eef6fa;
margin-bottom: 20px;
}

#page #right p a {
font-size: 11px;
color: #2277bb;}

#page #right p a.vice {
padding-left: 6px;
background: url(../../inc/img/bluesipka.gif) no-repeat center left;
}

#page #right h4 {
background: #f3f3f3;
display: block;
padding: 10px;
margin: 0;
color: #666666;
font-size: 12px;
}

#page-bottom {
position: relative;
margin: auto;
text-align: right;
font-size: 11px;
width: 980px;}

#page-bottom p {
padding: 5px 20px 5px 20px;
margin: 0;}

#page-bottom a {
text-decoration: none;
color: #2277bb;}

#page-bottom a:hover {
text-decoration: underline;}

#page-bottom #links {
position: absolute;
top: 0;
left: 0;
text-align: left;
}

#page-bottom #links a {
color: #666666;
text-decoration: underline;}

#page-bottom #links a:hover {
color: #666666;
text-decoration: none;}

#banner{
width: 940px;
padding: 20px;
padding-top: 0;
margin-left: 17px;
}

#banner h2 {
margin: 0;
padding: 10px;
}

#banner p {
margin: 0;
padding: 10px;
width: 900px;
}
#terms{
width: 940px;
padding: 20px;
padding-top: 0;
margin-left: 17px;
}

#terms h2 {
margin: 0;
padding: 10px;
}

#terms p {
margin: 0;
padding: 10px;
width: 900px;
}


.none {
display: none;
visibility: hidden;
}

.visible {
display: block;
visibility: visible;
}


.produkt-detail ul li {
background: #eef6fa;
padding: 10px;
width: 200px;
margin: 6px;
float: left;
}

.produkt-detail ul li strong {
font-size: 11px;
}

.produkt-detail ul li a {
color: #2277bb;
font-size: 11px;}

#podminky {
width: 940px;
padding: 10px 20px 10px 20px;
margin: auto;
text-align: left;
font-size: 10px;
border-bottom: 1px solid #e0e0d4;
}

#podminky h4 {
margin: 0;
padding: 0;
font-size: 11px;}

#podminky  p {
margin: 0;
padding: 0;
float: none;
text-align: left;
}

.produkt-detail .topvyherce {
padding: 10px;
background: #eef6fa;
width: 200px;
margin: 6px;
float: left;}

#page .produkt-detail .topvyherce p {
margin: 0;
padding: 0;
width: auto;
}

#page .produkt-detail .topvyherce img {
float: left;
}

.produkt-detail .topvyherce p strong {
font-size: 11px;}

.produkt-detail .topvyherce p a {
color: #2277bb;
font-size: 11px;}