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.gif') repeat top left;
    text-align:center;
    color:#000;
}

a { color:#000; text-decoration: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;
}

h1 {
    background:url('../images/logo.gif') no-repeat 0px 0px;
    margin:0px;
    padding:0px 0px 0px 0px;
    font-size:1.2em;
    float:left;
    width:236px;
    height:130px;
}
h1 a {
    display:block;
    width:236px;
    height:125px;
}
h1 a:hover { text-decoration:none; }
h1 a span { display:none; }
h1 img { display:none; }

.bg-top { background:url('../images/bg-top.gif') repeat-x top center; }
.bg-bottom { background:url('../images/bg-bottom.gif') repeat-x bottom center #FFF; }

#body {
    width:906px;
    margin:0px auto;
    text-align:left;
    position:relative;
    padding-bottom:5px;
    min-height:1px;
    _height:1px;
}

/*
    =====================================
    // LAVY BLOK
    =====================================
*/
#left {
    width:236px;
    float:left;
    padding-top:6px;
    background:url('../images/bg-left.gif') no-repeat 0px 0px;
    position:relative;
}
#left .menu {
    margin:0px 6px 0px 6px;
    padding:0px 0px 0px 0px;
    background:url('../images/bg-menu.jpg') repeat-x bottom left #619AE1;
    border:5px solid #FFF;
    list-style:none;
    font-style:1.2em;
    font-weight:bold;
    min-height:1px;
    _height:1px;
}
#left .menu li {
    background:url('../images/bg-menu-item.gif') repeat-x top left;
    min-height:1px;
    _height:1px;
}
#left .menu li span {
    display:block;
    background:url('../images/menu-dots.gif') no-repeat 185px 20px;
    padding:15px 15px 13px 15px;
    min-height:1px;
    _height:1px;
}
#left .menu li a { color:#FFF; }
#left .menu li a:hover { color:#D2FF00; }

#left .info {
    background:#0E3975;
    margin:15px 6px 0px 6px;
    padding:10px 15px 10px 15px;
    border:5px solid #FFF;
    color:#FFF;
}
#left .h2 {
    display:block;
    background:url('../images/info-dots.gif') no-repeat bottom left;
    padding:0px 0px 5px 0px;
    font-size:1.3em;
    font-weight:bold;
}

/*
    =====================================
    // AKTUALITY
    =====================================
*/
#left dl {
    margin:0px;
    padding:5px 0px 0px 0px;
}
#left dl dt {
    font-size:1.2em;
    font-weight:bold;
}
#left dl dt a { color:#FFF; }
#left dl dt a:hover { color:#D2FF00; }
#left dl dd {
    margin:0px;
    padding:5px 0px 10px 0px;
}

#content {
    width:651px;
    float:right;
    background:url('../images/main-image.jpg') no-repeat top right;
    padding-top:374px;
}

/*
    =====================================
    // PRODUKTOVE MENU
    =====================================
*/
#content div.produkty {
    margin:0px;
    background:url('../images/menu-produkty-bg.gif') repeat-x top left #654F58;
}
#content div.produkty ul {
    margin:0px;
    padding:4px 0px 0px 0px;
    list-style:none;
    font-weight:bold;
}
#content div.produkty ul li {
    float:left;
    display:block;
    background:url('../images/menu-produkty-separator.gif') no-repeat top right;
    padding:0px 12px 0px 0px;
}
#content div.produkty ul li span {
    display:block;
    background:url('../images/menu-produkty-dots.gif') no-repeat right 15px;
    padding:11px 24px 10px 13px;
}
#content div.produkty ul a { color:#FFF; }
#content div.produkty ul a:hover { color:#FFF; }

#content div.produkty ul li.last {
    background:none;
    padding:0px 0px 0px 0px;
}


#content .data {
    clear:both;
    background:#FFF;
    padding:5px;
    border:1px solid #CAD8EF;
    border-top:none;
    min-height:250px;
    _height:250px;
}

/*
    =====================================
    // MAIN PAGE
    =====================================
*/
#content .plechove-strechy {
    background:url('../images/menu-produkty-bg.gif') repeat-x bottom left;
    float:left;
    width:315px;
    margin-bottom:5px;
    min-height:1px;
    _height:1px;
}
#content .plechove-strechy img { float:left; }
#content .plechove-strechy span {
    clear:both;
    display:block;
    color:#FFF;
    font-size:1.3em;
    font-weight:bold;
    text-align:center;
    padding:8px 0px 10px 0px;
}

#content .plechove-fasady {
    background:url('../images/menu-produkty-bg.gif') repeat-x bottom left;
    float:right;
    width:315px;
    margin-bottom:5px;
    min-height:1px;
    _height:1px;
}
#content .plechove-fasady img { float:left; }
#content .plechove-fasady span {
    clear:both;
    display:block;
    color:#FFF;
    font-size:1.3em;
    font-weight:bold;
    text-align:center;
    padding:8px 0px 10px 0px;
}

/*
    =====================================
    // SEKCIA
    =====================================
*/
#content .section {
    clear:both;
    padding:0px 0px 0px 0px;
    min-height:1px;
    _height:1px;
}
#content .section h2 {
    background:url('../images/bg-h2.gif') repeat-x bottom left #3162A3;
    color:#FFF;
    font-size:1.3em;
    margin:0px 0px 0px 0px;
    padding:8px 15px 8px 15px;
}
#content .description {
    padding:0px 15px 10px 15px;
}

#content .back {
    clear:both;
    border-top:1px solid #CAD8EF;
    margin:5px 0px 0px 0px;
    padding:3px 5px 0px 5px;
}

/*
    =====================================
    // FOTOGALERIA
    =====================================
*/
#gallery {
    clear:both;
    text-align:left;
}
#gallery img {
    border:1px solid #CAD8EF;
    padding:1px;
    margin:0px 4px 5px 4px; 
}

/*
    =====================================
    // PRINT, SEND, ASK BLOK
    =====================================
*/

#addons {
    position:absolute;
    margin:0px;
    padding:0px;
    top:20px;
    right:20px;
    list-style:none;
}
#addons li {
    float:left;
    padding:0px 7px 0px 7px;
}
#addons li a {
    display:block;
    width:20px;
    height:20px;
}
#addons li span { display:none; }
#addons li.home { background:url('../images/home.gif') no-repeat 12px 6px; }
#addons li.send { background:url('../images/send.gif') no-repeat 12px 8px; }
#addons li.print { background:url('../images/print.gif') no-repeat 10px 5px; }

/*
    =====================================
    // ACTION FORM
    =====================================
*/
#content h2.action_form {
    background:url('../images/bg-h2.gif') repeat-x bottom left #3162A3;
    color:#FFF;
    font-size:1.3em;
    margin:0px 0px 0px 0px;
    padding:8px 15px 8px 15px;
}
#content div.action_form {
    padding:10px 20px 10px 25px;
    color:#0E3975;
}
#content table.action_form th {
    text-align:right;
    padding:2px 5px 2px 5px;
    vertical-align:top;
    width:100px;
    color:#0E3975;
}
#content table.action_form td {
    padding:0px 5px 0px 5px;
    vertical-align:top;
    color:#0E3975;
}
#content table.action_form input {
    border:1px solid #CAD8EF;
    background:#FFF;
    color:#000;
    padding:2px;
}
#content table.action_form textarea {
    border:1px solid #CAD8EF;
    background:#FFF;
    color:#000;
    padding:2px;
    width:250px;
}
#content table.action_form input.action_form_send {
    background:url('../images/block-button.gif') no-repeat 0px 0px;
    border:none;
    cursor:pointer;
    color:#0E3975;
    width:138px;
    height:27px;
    font-weight:bold;
    margin-top:35px;
}
#content 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;
}
#content 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;
}

/*
    =====================================
    // OBJEDNAVKA
    =====================================
*/
#content table.order {
    width:100%;
}
#content table.order th {
    background:#F0F5FC;
    padding:2px 5px 2px 5px;
    width:150px;
    vertical-align:top;
    text-align:right;
    font-weight:normal;
}
#content table.order th span {
    color:#F00;
    font-weight: bold;
    font-size:1.3em;
}
#content table.order td {
    border-left:3px solid #CAD8EF;
    padding:1px 5px 1px 5px;
    vertical-align:top;
}
#content div.obligatory {
    text-align:center;
    font-weight:bold;
    color:#F00;
    padding:5px 0px 10px 0px;
}
#content p.order-message {
    margin:0px;
    padding:5px 0px 10px 0px;
    font-size:1.3em;
    color:#F00;
    text-align:center;
    font-weight:bold;
}

/*
    =====================================
    // SPODOK STRANKY
    =====================================
*/

#bottom {
    clear:both;
    text-align:right;
}
#bottom a { color:#FFF; text-decoration:none; }
#bottom a:hover { color:#FFF; text-decoration:none; }
#bottom div {
    margin:0px auto;
    padding:10px 0px 15px 0px;
    width:906px;
    text-align:right;
    position:relative;
    color:#FFF;
}
#bottom div ul {
    margin:0px;
    padding:0px;
    list-style:none;
    position:absolute;
    top:10px;
    right:150px;
}
#bottom div ul li {
    display:inline;
    border-right:1px solid #FFF;
    padding:0px 8px 0px 8px;
}

.cleaner {
    visibility:hidden;
    clear:both;
    line-height:0.1em;
    height:0.1em;
    font-size:0.1em;
}