body {
    background: #FFF url(img/bg_tile.gif) repeat-x; color: #6b81a8;
    text-align: center;
}
a {
    color: #6b81a8;
}
#container {
    width: 960px;
    margin: 0px auto;
    text-align: left;
    background: url(img/header.jpg) 0 143px no-repeat;
}
ul.error {
    color: red;
    font-weight: bold;
}
#logo {
    width: 313px; height: 131px;
    position: absolute; top: 42px; left: 10px;
    overflow: hidden;
}
#microsite {
    width: 255px; height: 60px;
    position: absolute; left: 687px; top: 82px;
    background: url(img/kfree.png);
    text-indent: -9999px;
}
#logo {
    margin: 0; display: block; width: 240px; height: 80px;
}
#logo a {
    display: block; width: 240px; height: 80px;
    border: none;
    font-size: 24px; font-weight: bold;
}
#logo a span {
    width: 240px; height: 80px;
    position: absolute; top: 0; left: 0;
    background-image: url(img/logo.gif);
    cursor: pointer;
}
#slogan {
    display: block; width: 284px; height: 19px;
    position: absolute; left: 250px; top: 80px;
    color: #FFF;
    padding: 0;
    background-color: #6b81a8;
    font-size: 150%; font-weight: normal;
}
#slogan span {
    display: block; width: 284px; height: 19px;
    position: absolute; left: 0; top: 0;
    background-image: url(img/slogan.gif);
}
#adresa {
    position: absolute; left: 586px; top: 11px;
    font-size: 90%;
}
#hlavicka {
    width: 960px; height: 500px;
    overflow: hidden;
    position: relative;
    margin: 0px auto;
}
#top {
    width: 400px; height: 300px;
    position: absolute; left: 20px; top: 170px;
    color: #FFF;
}
#top h2 {
    font-size: 170%; font-weight: normal;
    margin-bottom: 18px;
}
#top p {
    font-size: 130%;
}
#viac {
    width: 48px; height: 29px;
    padding-right: 5px;
    position: absolute; left: 360px; top: 173px;
    background-image: url(img/viac.gif); background-repeat: no-repeat; color: #FFF;
    text-decoration: none; font-size: 90%;
    line-height: 29px; text-align: center;
}
#menu {
    width: 960px; height: 66px;
    position: absolute; left: 0; top: 227px;
    background-image: url(img/menu.jpg);
}
#menu li {
    width: 158px; height: 66px; float: left;
    margin-right: 2px;
    line-height: 66px;
}
#menu li a {
    width: 136px; height: 66px; display: block;
    padding-left: 22px;
    font-size: 140%; font-weight: normal;
    text-decoration: none;
}
#obsah {
    background: #FFF url(img/obsah.jpg) no-repeat;
    padding-top: 20px;
}
#obsah p {
    padding: 0 0 0 25px;
}
#box3 {
    width: 940px; height: 364px; display: block;
    margin: 30px 0 0 10px;
    background: url(img/box3top.jpg) no-repeat;
}
#box3 li.b1, #box3 li.b2, #box3 li.b3  {
    width: 309px; height: 364px; float: left; margin-right: 2px; overflow: hidden;
    position: relative;
}
#box3 li h2 {
    width: 289px; height: 55px; display: block;
    position: relative;
    padding-left: 20px;
    font-size: 150%; line-height: 55px;
} 
#box3 p {
    margin-top: 20px;
}
#box3 li h2 span {
    width: 309px; height: 55px; display: block;
    position: absolute; left: 0; top: 0;
}
#box3btm {
    width: 940px; height: 23px; display: block;
    background-image: url(img/box3btm.jpg);
    margin-bottom: 40px;
}
.width2 {
    width: 318px !important;
}
.b1 h2 span {
    background-image: url(img/mini.gif);
}
.b2 h2 span {
    background-image: url(img/limit.gif);
}
.b3 h2 span {
    background-image: url(img/maxi.gif);
}
#box3 h3 {
    margin: 25px 0 0 25px;
    font-size: 140%;
}
.viac2, .viac4 {
    width: 43px; height: 29px;
    padding-right: 5px;
    color: #FFF;
    text-decoration: none; font-size: 90%;
    line-height: 29px; text-align: center;
}
.viac2 {
    position: absolute; left: 230px; top: 290px;
}
.viac4 {
    display: block; margin: 0 0 10px 25px;
}
.oranzove {
    background-image: url(img/oranzove.gif);
}
.cervene {
    background-image: url(img/cervene.gif);
}
.fialove {
    background-image: url(img/fialove.gif);
}
#ostatne {
    width: 245px; height: 57px; float: left; overflow: hidden;
    position: relative;
    margin-left: 10px;
    font-size: 130%; line-height: 57px;
}
#ostatne span {
    width: 245px; height: 57px; display: block;
    position: absolute; left: 0; top: 0;
    background-image: url(img/ostatne.gif);
}
#novinky {
    width: 245px; height: 57px; float: left; overflow: hidden;
    position: relative;
    margin-left: 10px;
    font-size: 130%; line-height: 57px;
}
#novinky span {
    width: 245px; height: 57px; display: block;
    position: absolute; left: 0; top: 0;
    background-image: url(img/novinky.gif);
}
#ostatne_text {
    width: 670px; height: 57px; float: left;
    line-height: 57px;
}
#box4 {
    width: 940px; display: block; overflow: hidden;
    margin: 0 0 0 10px;
    background-image: url(img/box4top.jpg); background-repeat: no-repeat;
}
#box4 li {
    width: 190px; float: left; overflow: hidden;
    position: relative;
    margin-right: 1px; padding: 20px 22px 0 22px;
}
#box4 h3 {
    font-size: 110%;
}
#box4 p {
    padding: 10px 0 0 0;
}
#box4btm {
    width: 940px; height: 22px; display: block;
    background: url(img/box4btm.jpg);
    margin-bottom: 40px;
}
.viac3 {
    width: 43px; height: 29px; display: block;
    padding-right: 5px; margin-bottom: 10px;
    background-image: url(img/viac3.gif); color: #FFF;
    text-decoration: none; font-size: 90%;
    line-height: 29px; text-align: center;
}
#footer {
    width: 100%; height: 133px;
    background: #4f6385 url(img/footer_tile.gif) repeat-x; color: #FFF;
    font-size: 90%;
    text-align: center;
    margin-top: 40px;
}
#footer div {
    width: 960px;
    margin: 0px auto;
}
#footm {
    padding-top: 20px;
    margin-left: 30px;
    text-align: left;
}
#footer ul li {
    float: left; width: 180px;
}
#footer a {
    color: #FFF;
}
#obsah h1 {
    margin-left: 25px;
    font-size: 140%;
}
.box3cont {
    width: 265px; overflow: hidden;
    margin: 10px 0 0 25px;
}
.box3cont p, .box4cont p {
    margin: 0 !important; padding: 0 0 10px 0 !important;
}
.box3cont ul, .box4cont ul {
    margin: 0 0 10px 15px; list-style-type: square !important;
}
.box3cont li, .box4cont li {
    list-style-type: square !important;
    padding-left: 10px;
}
.box4cont {
    width: 195px; overflow: hidden;
    margin: 10px 0 0 0x;
}

.box2 {
    width: 940px; height: 278px; display: block; overflow: hidden;
    margin: 0 0 0 10px;
    background-image: url(img/box2top.jpg); background-repeat: no-repeat;
}
.box22 {
    width: 940px; display: block; overflow: hidden;
    margin: 0 0 15px 10px;
    background-image: url(img/box2top.jpg); background-repeat: no-repeat;
}
.box2 p, .box22 p {
    padding: 0 !important;
}
.box2 li {
    width: 425px; height: 263px; float: left; overflow: hidden;
    position: relative;
    margin-right: 1px; padding: 20px 22px 0 22px;
}
.box22 li {
    width: 425px; float: left; overflow: hidden;
    position: relative;
    margin-right: 1px; padding: 20px 22px 0 22px;
}
.box2btm {
    width: 940px; height: 30px; display: block;
    background-image: url(img/box2btm.jpg);
    margin-bottom: 5px;
}
.wp_date {
    font-size: 90%;
}
.box2 h3 {
    margin: 0 0 2px 0 !important;
}
.box2 p {
    padding: 0 !important;
    margin-bottom: 12px;
}
.sipka {
    width: 113px; height: 29px; display: block;
    background-image: url(img/sipka.gif);
    position: absolute; left: 285px; top: 230px;
    padding-right: 5px;
    color: #FFF;
    text-decoration: none; font-size: 90%;
    line-height: 32px; text-align: center;
}
.hnov {
    margin-left: 25px;
    font-size: 140%;
}
.hnov form {
    font-size: 70% !important;
}
.topOds2 {
    margin-top: 20px;
}
#lav {
    width: 590px; float: left; margin: 0 25px 25px 25px;
}
#prav {
    width: 300px; float: left; margin-bottom: 25px;
}
#lav h1 {
    margin: 0 0 15px 0;
}
#lav p {
    padding: 0;
}
#prav h2 {
    font-size: 130%;
}
label {
    display: block; width: 200px;
    margin: 5px;
}
input, textarea {
    width: 250px;
    padding: 2px; margin: 5px;
    border: 1px solid #DDD;	background-color: #EEE;
    font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 1.5em;
}
textarea {
    height: 150px; overflow: auto;
}
input.submit {
    width: 100px; height: 24px;
    margin-top: 10px;
    background-color: #6b81a8; border: none; color: #FFF;
    font-weight: bold;
    cursor: pointer;
}
.wrong {
    background-color: red;
}
.success {
    color: green; font-weight: bold;
}
.failure {
    color: red; font-weight: bold;
}
#prav p {
    padding: 0;
}
form table {
    width: auto;
}
fieldset {
    border: 1px solid #cdd9ef;
    padding: 10px;
    margin-bottom: 15px;
}
legend {
    margin-left: 10px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
}
table {
    width: 920px;
    margin: 10px 0 0 25px;
    border-collapse: collapse;
}
thead, td {
    padding: 6px;
}
thead td {
    background-color: #e3e6ef;
    font-weight: bold;
}
#news li {
    margin-bottom: 24px;
}
.topOds {
    padding-top: 14px !important;
}
#js_contf2 fieldset {
    width: 290px;
    padding: 10px; margin-bottom: 20px;
    border: 1px solid #ddd;
}
.box22 div {
    display: block;
    margin-bottom: 8px;
}
.box22 div.clearfix li {
    list-style-type: square !important;
    overflow: visible;
    padding: 0;
}
.box22 div.clearfix ul {
    list-style-type: square !important;
    padding-left: 15px;
}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */