* {
    padding: 0;
    margin: 0;
} 
.cleaner {
	display: none;
}
.clear {
	height: 0;
	clear: both;
}
body {
background: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #333333;
}
#cele{
background: #fff url('img/header.png') repeat-x;
}
img { border: none; }
a { color: #6998F0; text-decoration: none; }
a:hover { text-decoration: underline; color : #000; }

#wrap {
width: 700px;
margin: 0px auto;
background: url('img/wrap.png') 9px 0 repeat-y;
}

#header {
height: 200px;
background: #fff url('img/header.png') repeat-x;
}

#header h1 {
padding: 20px 0 5px 10px;
font-size: 20px;
letter-spacing: -2px;
}
#header h1 a {
color: #000;
text-decoration: none;
}
#header h1 a:hover {
text-decoration: none;
color: #333;
}
#header h2 {
padding-left: 11px;
font-size: 14px;
color: #333;
font-weight: 100;
}

.right {
float: right;
width: 480px;
text-align: justify;
padding: 10px 20px 10px 40px;
}
.right2 {
float: left;
width: 700px;
text-align: justify;
padding: 10px 0px 10px 0px;
background: white;
}

.right h2 {
font-size: 20px;
height: 30px;
line-height: 30px;
letter-spacing: 2px;
font-weight: 100;
padding : 0px 0 0px 0;
color: #333;
border-bottom: 1px solid #333;
margin: 0 0 10px 0;
}
.right h2 a {

}
.right h2 a:hover {

}
.left {
float: left;
width: 150px;
padding: 10px 0 10px 0px;
}
.left h2 {
font-size: 13px;
color: #333;
padding: 5px 0 2px 10px;
}
.left ul {
list-style-type: none;
padding: 5px 0 10px 5px;
}
.left ul li {
padding: 2px 20px;

}

.left ul li a {
display: block;
color: #6998F0;
font-size: 11px;
}
.left ul li a:hover {
color: #ff0000;
}

.footer {
text-align: center;
color: #FF0563;
font-size: 11px;
padding: 10px;
background: #ffe8f1;
border-top: 1px solid #FF0563;
}
.footer  a { color: #FF0563; }


.hra_nah1{
width: 230px;
border: 3px solid #FF0563;
float: left;
height: 150px;
position: relative;
}
.hra_nah1.b {
	margin: 0 0 14px 4px;
}
.hra_nah1 h3 a{
height: 25px;
width: 220px;
padding: 0 0 0 10px;
line-height: 25px;
border-bottom: 1px solid #FF0563;
background: #ffe8f1;
display: block;
font-size: 12pt;
text-decoration: none;
}
.hra_nah1 h3{
text-decoration: none;
font-size: 12pt;
font-weight: normal;
}
.hra_nah1 h3 a:hover{
color: #ff0000;
}
.hra_nah1 .nahled{
width: 80px;
height: 80px;
display: block;
border: 2px solid #6998F0;
margin: 10px 10px 10px 10px;
float: left;
}
.hra_nah1 .nahled img{
width: 80px;
height: 80px;
display: block;
}
.hra_nah1 .nahled:hover{
border: 2px solid #ff0000;
}
.hra_nah1 .popis{
padding: 10px 10px 0 0;
}
.hra_nah1 .spus{
width: 200px;
height: 20px;
line-height: 20px;
background: red;
position: absolute;
bottom: 0;
left: 0;
text-align: right;
padding: 0 30px 0 0; 
background: #ffe8f1;
border-top: 1px solid #FF0563;
}
.strankovani{
width: 100%;
text-align: center;
}
.hradet2{
line-height: 40px;
}
.hradet2 .nahled{
width: 100px;
height: 100px;
display: block;
border: 2px solid #6998F0;
margin: 10px 10px 10px 10px;
float: left;
}

.hradet2 .zahraj{
display: block;
width: 250px;
height: 30px;
line-height: 30px;
border: 3px solid #FF0563;
text-align: center;
font-size: 12pt;
background: #ffe8f1;
color: #FF0563;
font-weight: bold;
float: left;
}
.hradet2 .zahraj:hover{
border: 3px solid #FF0563;
color: black;
text-decoration: none;
}
.hradet2 .stahni{
display: block;
width: 150px;
height: 30px;
line-height: 30px;
border: 3px solid #FF0563;
text-align: center;
font-size: 12pt;
background: #ffe8f1;
color: #FF0563;
font-weight: bold;
float: left;
margin: 0 0 0 20px;
}
.hradet2 .stahni:hover{
border: 3px solid #FF0563;
color: black;
text-decoration: none;
}
.hradet3{
margin: 10px 0 0 0;
}
.hradet3 .popis{
border-bottom: 1px solid #FF0563;
font-size: 12pt;
padding:  0 0 0 10px;
font-weight: bold;
height: 30px;
line-height: 30px;
margin: 0 0 10px 0;
}
.right2 .zpet{
text-align: center;
width: 100%;
padding: 0 0 10px 0;
}
.right2 h3{
font-size: 20px;
height: 30px;
line-height: 30px;
letter-spacing: 2px;
font-weight: 100;
padding : 0px 20px 0px 20px;
color: #333;
border-bottom: 1px solid #FF0563;
margin: 0 0 10px 0;
}
.hled2{
margin: 0;
padding:0;
display: block;
}
.hled2 input{
width: 140px;
padding: 0;
margin: 0;
border: none;
display: block;
}
.hled2 input.text{
border: 1px solid #FF0563;
height: 20px;
margin: 0 0 5px 0;
}
.hled2 input.vyh{
width: 142px;
height: 25px;
line-height: 25px;
border: 1px solid #FF0563;
text-align: center;
font-size: 12pt;
background: #ffe8f1;
color: #FF0563;
font-weight: bold;
}
.hled2 input.vyh:hover{
border: 1px solid #FF0563;
color: black;
text-decoration: none;
}