@font-face {
    font-family: 'pts55';
    src: url('../fonts/pts55.eot');
    src: local('pts55'), 
         url('../fonts/pts55.ttf') format('truetype'),
         url('../fonts/pts55#font') format('svg'); 
}
@font-face {
    font-family: 'pts56';
    src: url('../fonts/pts56.eot');
    src: local('pts56'), 
         url('../fonts/pts56.ttf') format('truetype'),
         url('../fonts/pts56#font') format('svg'); 
}

body {
    margin:0;
    padding:0;
    background:#1657a0 url(../images/bg.png) repeat left 1px;
    font-family:arial;
    color:#323232;
}

img{
    border:none;
}

a{
    color:#323232;
    text-decoration:none;
    font-size:14px;
}
a:hover{
    color:#323232;
    text-decoration:underline;
}

#page {
    padding:68px 0 0 24px;
    min-height:300px;
    background:url(../images/topbg.png) repeat-x left top;
}
#head {
    height:73px;
}
h1, h2 {
    float:left;
    margin:0;
    padding:0;
    width:172px;
    font-weight:normal;
    font-size:14px;
    line-height:49px;
    color:#f6ff07;
    font-family: 'pts56';
}
a#facebook {
    float:left;
    display:block;
    margin:15px 70px 0 0;
    padding-left:23px;
    width:61px;
    height:20px;
    line-height:20px;
    font-size:11px;
    color:#3b5998;
    text-decoration:none;
/*    background:#f4fa08 url(../images/button-facebook.png) no-repeat left top;*/
}
#fb-root{
    position:absolute;
    top:0;
    right:0;
}
#menu {
    float:left;
    margin:0;
    padding:9px 24px 0 0;
    list-style:none;
}
#menu li {float:left;}
#menu li a {
    float:left;
    display:block;
    height:31px;
    line-height:31px;
    text-align:center;
    color:#f6ff07;
    font-size:14px;
    font-family: 'pts56';
    text-decoration:none;
}
#menu li.item1 a {width:44px;}
#menu li.item2 a {width:87px;}
#menu li.item3 a {width:82px;}
#menu li.item4 a {width:79px;}
#menu li.item5 a {width:102px;}
#menu li a:hover,#menu li a.active {
    color:#000;
    font-weight:bold;
    background-color:#f6ff07;
    background-position:left top;
    background-repeat:no-repeat;
}
#menu li.item1 a:hover, #menu li.item1 a.active {background-image:url(../images/menu-item1.png)}
#menu li.item2 a:hover, #menu li.item2 a.active {background-image:url(../images/menu-item2.png)}
#menu li.item3 a:hover, #menu li.item3 a.active {background-image:url(../images/menu-item3.png)}
#menu li.item4 a:hover, #menu li.item4 a.active {background-image:url(../images/menu-item4.png)}
#menu li.item5 a:hover, #menu li.item5 a.active {background-image:url(../images/menu-item5.png)}
a#logo {
    position:absolute;
    left:24px;
    top:32px;
}
a#contact {
    position:relative;
    display:block;
    float:left;
    width:181px;
    height:49px;
    line-height:49px;
    text-align:center;
    text-decoration:none;
    color:#fff;
}
a#contact:hover {font-weight:bold;}
a#contact span {
    position:absolute;
    left:0;
    top:0;
    width:181px;
    height:49px;
    cursor:pointer;
    background:url(../images/rychly_kontakt.png) no-repeat left top;
}
a#contact:hover span {
    background-position:right top;
}
#boxes {
    position:relative;
    clear:both;
    margin:0 0 540px 0;
}
.box {
    position:absolute;
    margin:5px 10px 15px 0;
    padding:5px 10px;
    width:275px;
    height:170px;
    background:#fff;
    text-align: center;
    font-family: 'pts55';
    z-index:200;
}
.box img {
    margin-bottom:7px;
}
#big {
    width:580px;
    height:370px;
}
#big p{
   margin:12px 0 0 0;
   padding:0;
   color:#323232;
   font-size:14px;
}
.box div.top {
    position:absolute;
    left:0;
    top:-5px;
    width:295px;
    height:5px;
    background:url(../images/box-top-bg.png) no-repeat left top;
}
#big div.top {
    width:600px;
    background:url(../images/box-big-top-bg.png) no-repeat left top;
}
.box div.bottom {
    position:absolute;
    left:0;
    bottom:-5px;
    width:295px;
    height:5px;
    background:url(../images/box-bottom-bg.png) no-repeat left top;
}
#big div.bottom {
    width:600px;
    background:url(../images/box-big-bottom-bg.png) no-repeat left top;
}
#big img {
    width:580px;
    height:334px;
}
#foot {
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    height:52px;
    background:url(../images/foot-bg.png) repeat left top;
    z-index:500;
}
.shortfoot {
    width:30px !important;
}
.shortfoot p,
.shortfoot div {display:none;}
#foot a.close {
    display:block;
    position:absolute;
    left:6px;
    top:20px;
    width:14px;
    height:14px;
    line-height:14px;
    color:#fff;
    text-decoration:none;
    text-align:center;
}
#foot a.close span {
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:14px;
    height:14px;
    background:url(../images/button-close1.png) repeat left top;
}
#foot p {
    position:absolute;
    top:0;
    margin:0;
    padding:0;
    height:52px;
    line-height:52px;
    color:#f6ff07;
    font-family: 'pts56';
    font-size:16px;
}
#foot p.text1 {
    left:40px;
}
#foot p.text2 {
    left:480px;
}
#foot p.text2 span {color:#6adbe4;}
#foot div.table {
    position:absolute;
    left:621px;
    top:-52px;
    width:360px;
    height:52px;
    background:url(../images/foot-bg.png) repeat left top;
}
#foot div.table table {
    margin:8px 0 0 5px;
    border-collapse:collapse;
    border-spacing:inherit;
    color:#fff;
    font-family: 'pts56';
    font-size:14px;
}
#foot div.table table th {
    padding:0 5px 0 10px;
    color:#f6ff07;
    text-align:left;
}
#foot div.table table td a { 
    color:#4cd4e0;
}
#closewraper {
    display:none;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    z-index:999;
background:url(../images/foot-bg.png) repeat left top;
}
#closebox {
    position:fixed;
    margin:-268px 0 0 -256px;
    padding:0;
    width:513px;
    height:537px;
    background:url(../images/popup.png) no-repeat left top;
}

#closebox a.close {
    position:absolute;
    top:10px;
    right:10px;
    display:block;
    width:26px;
    height:26px;
    line-height:26px;
    text-align:center;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
}
#closebox a.close span {
    position:absolute;
    top:0;
    right:0;
    display:block;
    width:26px;
    height:26px;
    background:url(../images/button-close2.png) no-repeat left top;
    cursor:pointer;
}
#closebox a.close:hover span {background-position:right top;}




#contactwraper {
    display:none;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    z-index:999;
    background:url(../images/foot-bg.png) repeat left top;
}
#contactbox {
    position:fixed;
    margin:-268px 0 0 -256px;
    padding:0;
    width:513px;
    height:537px;
    background:url(../images/contactbox-bg.png) no-repeat left top;
}
#contactbox table {
    margin:98px 0 5px 40px;
    width:470px;
    color:#fff;
    font-size:12px;
}
#contactbox table th {
    text-align:left;
}
#contactbox table input {
    margin:0 0 25px 0;
    padding:0;
    width:200px;
    height:28px;
    line-height:28px;
    border:none;
}
#contactbox table textarea {
    margin:5px 0 0 0;
    width:443px;
    height:208px;
    border:none;
    text-align:left;
    font-family:arial;
}
#contactbox a.close {
    position:absolute;
    top:10px;
    right:10px;
    display:block;
    width:26px;
    height:26px;
    line-height:26px;
    text-align:center;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
}
#contactbox a.close span {
    position:absolute;
    top:0;
    right:0;
    display:block;
    width:26px;
    height:26px;
    background:url(../images/button-close2.png) no-repeat left top;
    cursor:pointer;
}
#contactbox a.close:hover span {background-position:right top;}

#contactbox #message {
    visibility:hidden;
    position:relative;
    left:30px;
    margin:0 0 5px 0;
    width:463px;
    height:28px;
    line-height:28px;
    text-align:center;
    color:#f4fa08;
    font-size:14px;
    background:url(../images/message-bg.png) no-repeat left top;
}
#contactbox div.show {visibility:visible !important;}
#contactbox div.send a {
    position:relative;
    display:block;
    margin:auto;
    width:181px;
    height:49px;
    line-height:49px;
    color:#fff;
    font-weight:bold;
    text-align:center;
    font-size:14px;
}
#contactbox div.send a span {
    position:absolute;
    left:0;
    top:0;
    dispaly:block;
    width:181px;
    height:49px;
    cursor:pointer;
    background:url(../images/button-send.png) no-repeat left top;
}
#contactbox div.send a:hover span {background-position:right top;}

#f {
    position:absolute;
    left:0;
    width:100%;
    height:130px;
    z-index:20;
}

.clear{
    clear:both;
}

#cboxTitle{
/*    font-weight:bold;*/
}

#cboxContent{
/*    background-color:red;*/
    padding:0;
    position:relative;
}

#cboxCurrent{
    position:absolute !important;
    bottom:5px !important;
    right:5px !important;
/*    font-weight:bold;*/
    text-align:right;

}

#cboxPrevious{
    position:absolute !important;
    top:80px;
    left:0;
    background:url(../images/previous.jpeg) no-repeat left top;
    width:53px;
    height:53px;
/*    width:100px;*/
}
#cboxPrevious:hover{
    background-position:right top;
}
#colorbox #cboxNext{
    position:absolute !important;
    top:80px;
    left:100% !important;
    margin-left:-53px;
    background:url(../images/next.jpeg) no-repeat left top;
    width:53px;
    height:53px;
    display:inline;
/*    background-color: red;*/
/*    text-align:right;
    width:100%;*/
}
#colorbox #cboxNext:hover{
    background-position:right top;
}
#cboxClose{
    position:absolute !important;
    top:0;
    right:0;
    background:url(../images/zavri.jpeg) no-repeat left top;
    width:32px;
    height:32px;
}
#cboxClose:hover{
    background-position:right top;
}

#seodiv{
    display:none;
}