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

#overlay{ 
background-image: url(/images/overlay.png); 
}

* html #overlay{
    background-color: #333;
    back\ground-color: transparent;
    background-image: url(/images/blank.gif); 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");
}

body {
    padding:0; margin:0; background:url(/images/bck_body.png) repeat-x; background-color:#000;}

h1 {
    font-family:Arial, Helvetica, sans-serif; font-size:20pt; font-weight:bold; color:#ffe401; margin:0; padding:0;}
    
h2 {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12pt; font-weight:bold; color:#000; margin:0; padding:0;}
    
h3 {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14pt; font-weight:bold; color:#000; margin:0; padding:0;}

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

a:hover {
    text-decoration:none;}
    
.white {
    color:#FFF;}

.yellow {
    color:#ffe401;}
    
.dark {
    color:#5d5d37;}

.button_yellow {
    width:200px; height:44px; text-align:center;}

.button_yellow a {
    text-decoration:none; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-size:11pt; line-height:43px; display:block; width:200px; height:44px; background:url(/images/button_yellow.png) no-repeat;}
    
.button_yellow a:hover {
    background:url(/images/button_yellow_hover.png) no-repeat; text-decoration:none;}

.box {
    width:310px; float:left; margin:0 10px 0 0;}

#top {
    width:1000px; margin:0 auto; height:130px;}
    
#logo {
    width:229px; height:80px; background:url(/images/logo.png) no-repeat; float:left; margin:25px 0 0 20px;}
    
#logo a {
    display:block; width:229px; height:80px;}
    
#top_button {
    float:left; width:200px; height:44px; margin:45px 0 0 145px;}
    
#line_between {
    float:left; width:6px; height:130px; background:url(/images/line_between.png) no-repeat; margin:0 16px 0 16px;}
    
#zlava {
    width:183px; height:41px; float:left; background:url(/images/zlava_30_percent.png) no-repeat; margin:46px 0 0 0;}
    
#sticker {
    width:137px; height:130px; background:url(/images/sticker.png) no-repeat; float:right;}
    
#sticker a {
    display:block; width:137px; height:130px;}
    
#content {
    background:url(/images/decor_01.jpg) no-repeat; margin:0 auto; width:1000px; height:367px;}
    
#form {
    float:right; width:521px; margin:20px 0 0 0; padding:0;}
    
#form_content {
    height:263px; background:url(/images/bck_formular.png) no-repeat; padding:20px 15px 0 10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-size:10pt;}
    
#bottom {
    width:960px; margin:0 auto; padding:20px 20px 0 20px; height:303px; background:url(/images/bck_bottom.jpg) no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:9pt; color:#FFF;}

#credits {
    text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:8pt; color:#777; line-height:30px; border-top:#555 1px solid;}

hr.cleaner {
clear:both; margin: -1px 0 0 0; padding:0; height:1px; border:none; visibility: hidden;}


#box_quotation {
    background: url(/images/maly_odkaz.png) no-repeat left center;
    color:black;
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
    font-size:13pt;
    font-weight:bold; color:#000;
    padding-left: 100px;
    cursor: pointer;
    font-style: italic;
}

#status_info_ec .ec {
    background: url(/images/vyskakovacka_bck_2.png) no-repeat left center;
    width: 572px;
    margin-top: 15px;
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 15px;
    padding-left: 20px;
    padding-right : 20px;
    
    
}

#status_info_ec .ec input {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: italic;
    width: 150px;
    margin-left: 10px;
    border: 1px solid silver;  
}


#box_status {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
}

#status_info_loading {
    text-align: left;
}

#box_status_up {
    display: block;
    background: url(/images/vyskakovacka_bck_top.png) no-repeat;
    width: 650px;
    height: 35px;
}

#box_status_content {
    display: block;
    background: url(/images/vyskakovacka_bck_middle.png) repeat-y;
    padding-top: 0px;
    padding-bottom: 0px;
    /*width: 650px;*/
    width: 590px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
    font-size: 13px;
    padding-left: 30px;
    padding-right: 30px;
}

#box_status_content H2 {
    font-size: 20px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
    font-style: italic;
    font-weight: bold;
    background: url(/images/info.png) no-repeat left center;
    padding-left: 45px;
    /*padding-bottom: 10px;
    padding-top: 10px;*/
    line-height: 100%;
    
}

#box_status_content H2 span {
    font-size: 14px;
    color: #5F5F5F;
}


#box_status_down {
    display: block;
    background: url(/images/vyskakovacka_bck_bottom.png) no-repeat;
    width: 650px;
    height: 49px; 
}

#box_status a.btn {
    background: url(/images/button_grey.png);
    font-size: 15px;
    padding-top: 7px;
    padding-bottom : 7px;
    display: block;
    width: 153px;
    text-align: center;
    text-decoration: none;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
    font-style: italic;
    font-weight: bold;
}


#box_status a.btn:hover {
    background: url(/images/button_grey_hover.png);
    
}

#box_status .btn_panel {
    display: block;
    margin-top: 10px;
    float: right;
    margin-right: 15px;
}

a.close {
    float:right;
    background: url(/images/close_a.png);
    display: block;
    width: 21px;
    height: 21px;
    margin-right: 30px;
    margin-top: 20px;
}

a.close:hover {
    background: url(/images/close_a_hover.png);
}

#status_info table {
    margin-top: 15px;
}

#status_info table th {
    background: url(/images/tabulka_bck_header.jpg);
    padding: 3px;
    text-align: left;

}

#status_info table tr td {
    padding: 3px;
    padding-right: 10px;
    font-size: 10px;

}

#status_info table tr.odd td {
    background: #EEEEEE;

}

#status_info .info {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;   
}

#status_info .info B{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: italic;
    width: 100px;
    display: block;
    float: left;   
}


#milanko {
    z-index:1000;
    position: absolute;
}