html {
	min-height: 100%;
	height: auto;
}
body {
    margin:0px;
    padding:0px 1px 0px 0px;
    font-family:Arial,Tahoma,Verdana,sans-serif;
    font-size:0.7em;
    background:url('../images/bg-bottom.jpg') repeat-x bottom left;
    text-align:center;
    color:#000;
}

a { color:#000; text-decoration:none; outline:none; }
a:hover { color:#000; text-decoration:underline; }

form {
    margin:0px;
    padding:0px;
}
form,input,select,textarea,table {
    font-family:Arial,Tahoma,Verdana,sans-serif;
    font-size:1em;
}

img {
    border:none;
}

h1 {
    position:absolute;
    background:url('../images/logo.png') no-repeat 0px 0px !important;
    background:none;
    filter: none !important;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/files/images/logo.png',sizingMethod='crop');
    margin:0px;
    padding:0px;
    font-size:1.2em;
    top:0px;
    left:30px;
    width:400px;
    display:none;
}
h1 a {
    display:block;
    text-align:left;
    color:#FFF;
    padding:58px 10px 5px 5px;
}
h1 a:hover { color:#FFF; text-decoration:none; }
h1 a span { display:none; }
h1 img { display:none; }

#slogan {
    position:absolute;
    font-size:1.2em;
    font-weight:bold;
    color:#FFF;
    top:58px;
    right:30px;
}

#body {
    background:url('../images/bg-top.jpg') repeat-x top left;
}
#body .page {
    width:938px;
    margin:0px auto;
    text-align:left;
    padding-bottom: 115px;
}

#left {
    float:left;
    width:168px;
}

/*
    -----------------------------------
    HLAVNE MENU
    -----------------------------------
*/
#left ul.menu {
    margin:0px;
    padding:10px 10px 15px 15px;
    list-style:none;
    background:url('../images/bg-green-menu.jpg') repeat-x top left #58B818;
}
#left ul.menu li {
    /*background:url('../images/bullet-green.gif') no-repeat 0px 2px;*/
    padding:4px 0px 4px 0px;
    font-weight:bold;
    border-bottom:1px solid #409915;
}
#left ul.menu li a { color:#FFF; }
#left ul.menu li a:hover { color:#FFF; }

#left ul.menu ul {
    margin:0px;
    list-style:none;
    padding:5px 0px 5px 0px;
}
#left ul.menu ul li {
    background:url('../images/white-arrow.gif') no-repeat 0px 6px;
    padding:2px 0px 2px 10px;
    font-weight:normal;
    border:none;
}

/* ikonka nove! */
#left ul.menu span.nove {
    padding:2px 25px;
    background:url(../images/nove.png) no-repeat top left;
}

/*
    -----------------------------------
    UKONCENE PROJEKTY
    -----------------------------------
*/
#left span.fpmenu {
    display:block;
    color:#FFF;
    background:url('../images/bg-red-menu-top.jpg') repeat-x bottom left #BA0002;
    font-size:1.2em;
    font-weight:bold;
    padding:10px 10px 10px 10px;
    border-top:1px solid #FFF;
}
#left ul.fpmenu {
    margin:0px;
    padding:10px 15px 20px 10px;
    list-style:none;
    background:url('../images/bg-red-menu.jpg') repeat-x top left #E30C0B;
}
#left ul.fpmenu li {
    background:url('../images/bullet-red.gif') no-repeat 0px 2px;
    padding:0px 0px 0px 30px;
    font-weight:bold;
}
#left ul.fpmenu li span {
    display:block;
    border-bottom:1px solid #F42020;
    padding:7px 0px 5px 0px;
}
#left ul.fpmenu li a { color:#FFF; }
#left ul.fpmenu li a:hover { color:#FFF; }
#left ul.fpmenu li.developer {
    background:none;
    padding:50px 0px 0px 0px;
    font-weight:normal;
    color:#FFF;
    text-align:center;
}

/*
    -----------------------------------
    PRIPRAVOVANE PROJEKTY
    -----------------------------------
*/
#left span.ppmenu {
    display:block;
    color:#FFF;
    background:url('../images/bg-blue-menu-top.jpg') repeat-x bottom left #0B87D4;
    font-size:1.2em;
    font-weight:bold;
    padding:10px 10px 10px 10px;
    border-top:1px solid #FFF;
}
#left ul.ppmenu {
    margin:0px;
    padding:10px 15px 20px 10px;
    list-style:none;
    background:url('../images/bg-blue-menu.jpg') repeat-x top left #0B6FB3;
}
#left ul.ppmenu li {
    background:url('../images/bullet-blue.gif') no-repeat 0px 2px;
    padding:0px 0px 0px 30px;
    font-weight:bold;
}
#left ul.ppmenu li span {
    display:block;
    border-bottom:1px solid #0E99ED;
    padding:7px 0px 5px 0px;
}
#left ul.ppmenu li a { color:#FFF; }
#left ul.ppmenu li a:hover { color:#FFF; }
#left ul.ppmenu li.developer {
    background:none;
    padding:50px 0px 0px 0px;
    font-weight:normal;
    color:#FFF;
    text-align:center;
}

#right {
    float:right;
    width:770px;
    /*background:url('../images/main-image.jpg') no-repeat top left;*/
    position:relative;
}

#page {
    margin-top:331px;
    background:url('../images/bg-page.gif') repeat-y top left;
}
#page .top {
    background:url('../images/bg-page-top.jpg') no-repeat top left;
    padding-top:20px;
    min-height:1px;
    _height:1px;
}
#page .bottom {
    background:url('../images/bg-page-bottom.jpg') no-repeat bottom right;
    padding:15px 30px 0px 20px;
    min-height:200px;
    _height:200px;
}
#page h2 {
    color:#318014;
    margin:0px;
    padding:0px 0px 5px 0px;
    font-size:2em;
    font-weight:normal;
    line-height:1em;
}
#page h2 a {
    color:#318014;
    font-size:0.6em;
}
#page .description {
    padding:0px 20px 0px 20px;
    line-height:1.5em;
}
#page .dtext {
    width:330px;
    float:left;
}
#page .dform {
    width:330px;
    float:right;
}
#page .back {
    clear:both;
    margin:5px 0px 0px 0px;
    padding:5px 0px 0px 0px;
    border-top:1px solid #DCF8C9;
    text-align:right;
}

#page table.contact-form th {
    font-weight:normal;
    text-align:right;
    padding:3px 5px 0px 0px;
    width:110px;
    vertical-align:top;
}
#page table.contact-form th span {
    font-weight:bold;
    color:#F00;
}
#page table.contact-form td {
    padding:1px 5px 1px 5px;
    vertical-align:top;
}
#page table.contact-form input {
    border:1px solid #555;
    padding:2px 2px 2px 2px;
}
#page table.contact-form textarea {
    border:1px solid #555;
    padding:2px 2px 2px 2px;
    width:200px;
}
#page div.contact-form-submit {
    padding:5px 0px 0px 120px;
}
#page p.contact-message {
    color:#F00;
    text-align:center;
    margin:0px;
    padding:5px 0px 5px 0px;
    font-size:1.2em;
    font-weight:bold;
}

#page ul.list {
    margin:0px;
    padding:10px 0px 10px 0px;
    list-style:none;
}
#page ul.list li {
    background:url('../images/list-bullet.gif') no-repeat 0px 0px;
    padding:3px 0px 3px 30px;
    font-weight:bold;
    font-size:1.1em;
}
#page ul.list li a { color:#318014; }
#page ul.list li a:hover { color:#000; }

#actions {
    margin:0px;
    padding:0px;
    list-style:none;
    /*background:url('../images/separator.gif') no-repeat 16px 0px;*/
    position:absolute;
    top:30px;
    left:770px;
}
#actions li {
    /*float:left;*/
    padding:0px 10px 0px 0px;
}
#actions li a {
    display:block;
    width:13px;
    height:20px;
}
#actions li a span {
    display:none;
}
#actions li.home { background:url('../images/home.gif') no-repeat 1px 3px; }
#actions li.send { background:url('../images/send.gif') no-repeat 1px 3px; }
#actions li.print { background:url('../images/print.gif') no-repeat 1px 3px; }
#actions li.sitemap { background:url('../images/sitemap.gif') no-repeat 1px 4px; }

/*
    --------------------------
    SITEMAP
    --------------------------
*/
#page ul.sitemap {
    margin:0px;
    padding:15px 0px 0px 0px;
    list-style:none;
}
#page ul.sitemap li {
    background:url('../images/arrow.gif') no-repeat 0px 5px;
    padding:0px 0px 0px 10px;
}
#page ul.sitemap ul {
    margin:0px;
    padding:0px 0px 0px 5px;
    list-style:none;
}

/*
    ======================================
    ACTION FORM
    ======================================
*/
#page h2.action_form {
    margin:0px;
    padding:0px 0px 0px 0px;
}
#page div.action_form {
    padding:10px 20px 10px 10px;
    color:#000;
}
#page table.action_form th {
    text-align:right;
    padding:2px 5px 2px 5px;
    vertical-align:top;
    width:100px;
    color:#000;
}
#page table.action_form td {
    padding:0px 5px 0px 5px;
    vertical-align:top;
    color:#000;
}
#page table.action_form input {
    border:1px solid #CDCDCD;
    background:#FFF;
    color:#000;
    padding:2px;
}
#page table.action_form textarea {
    border:1px solid #CDCDCD;
    background:#FFF;
    color:#000;
    padding:2px;
    width:250px;
}
#page table.action_form input.action_form_send {
    background:url('../images/block-button.gif') no-repeat 0px 0px;
    border:none;
    cursor:pointer;
    color:#000;
    width:138px;
    height:27px;
    font-weight:bold;
    margin-top:35px;
}
#page p.action_form_result {
    margin:0px;
    padding:0px 0px 0px 0px;
    text-align:center;
    font-weight:bold;
    font-size:1.3em;
    color:#F00;
    font-family:Arial,sans-serif;
}
#page p.action_form_message {
    margin:0px;
    padding:0px 0px 10px 0px;
    text-align:center;
    font-weight:bold;
    font-size:1.3em;
    color:#F00;
    font-family:Arial,sans-serif;
}

#gallery {
    clear:both;
    padding:0px 0px 0px 0px;
}
#gallery img {
    border:none;
    margin:5px;
}
#gallery a { text-decoration:none; }
#gallery a:hover { text-decoration:none; }

#bottom {
    display:none;
}
.cleaner {
    visibility:hidden;
    clear:both;
    line-height:0.1em;
    height:0.1em;
    font-size:0.1em;
}

.message {
    font-size:1.3em;
    font-weight:bold;
    color:#F00;
    text-align:center;
}
.question-input-line {
    width:49%;
    float:left;
    padding:2px 0px;
}
.question-input {
    padding:2px 0px;
}
.question {
    display:inline-block;
    width:400px;
}
.question-small {
    display:inline-block;
    width:120px;
}
