body {
    background: url(../img/bg.png) repeat-x top left #D6D6D6;
    font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    color: #333;
    line-height: 140%;
    margin: 0; padding: 0;
}

TABLE, TD, TH, SELECT, INPUT, OPTION, TEXTAREA, FORM, FIELDSET {
    font-size: 100%;
    font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
}
TABLE {
    border-collapse: separate;
}
FORM {
    margin: 0;
}
H1, H2, H3, H4 {
    color: #666;
    margin: 0.5em 0 0.5em 0; padding: 0.4em 0 0.4em 0;
    font-family: Arial, "Arial CE", Helvetica, "Helvetica CE", sans-serif;
}
H1 {
    color: #333;
    border-bottom: 1px dotted #bbb; font-size: 1.8em;
}
H2 {
    font-size: 1.35em;
    border-bottom: 1px dotted #ccc;
}
H3 {
    font-size: 1.2em;
}
H4 {
    font-size: 1.1em;
}
p {
    margin: 0.5em 0 1em 0; padding: 0;
}
.small {
    font-size: 0.9em;
}
.big {
    font-size: 1.1em;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}

A img {border: none;}
A {color: #CC0000; text-decoration: underline;}
A:visited {color: #CC0000;}
A:hover {color: maroon; text-decoration: none;}
UL {padding: 0 0 0 2em;} UL UL {margin: 1em;}
LI {list-style-position: outside;}

.clear {clear: both; height: auto;}
.right {float: right;} .left {float: left;}

input, select
{
padding: 2px;
}
/* *************************************************** STRANKA */
#PAGE {
    width: 960px;
    margin: 0 auto;
}
#PAGE .page-in {
    padding: 15px 0;
}
/* ************************************************** HLAVICKA */
#HEAD {
    background: url(../img/head.png) repeat-x top right;
    position: relative;
    height: 1px;
    color: white;
}
.head-text {
    position: absolute;
    top: 16px;
    height: 68px;
    width: 394px;
    right: 10px;
    border-left: 1px solid #c25040;
}
.head-text p {
    padding: 0 15px;
    margin: 0;
}
.head-logo {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 150px; height: 108px;
}
.head-logo h1 {
    position: absolute;
    display: block;
    border: 0;
    margin: 0; padding: 0;
    left: 5px; top: 5px;
}
.head-logo h1 a {
    background: url(../img/logo.png) no-repeat top left;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ma/img/logo.png',
        sizingMethod='scale');
    *background-image: none; 
    width: 140px;
    height: 98px;
    display: block;
    
}
.head-logo h1 span {
    display: none;
}
/* ************** */
#TELO {
    padding: 0;
    background: url(../img/main-bg.png) repeat-y top right;
    float: left;
}
/* ******************************************** PROSTREDNI SLOUPEC */
#MID-COL {
    margin: 0 0 0 250px;
}
#MID-COL .mid-col-in {
    padding: 5px 15px 5px 5px;
}
#MID-COL .blok {
    float: left;
    width: 33%;
}
#MID-COL .blok .blok-in {
    padding: 10px 10px 10px 0;
}
/* ********************************************** LEVY SLOUPEC */
#LEFT-COL {
    width: 240px;
    float: left;
}
#LEFT-COL h3 {
    border: 0;
    margin: 0; padding: 5px 10px;
    background: url(../img/nadp.png) repeat-x top left;
}
#LEFT-COL .blok {
    padding: 10px;
}
/* *************************************************** PATICKA */
#BOTTOM {
    background: #666;
    color: #fff;
    padding: 5px;
    margin-top: 10px;
}
.bottom-text {
    min-height: 51px;
    height: auto !important;
    height: 51px;
    padding: 7px 0 0 80px;
    background: url(../img/logo-small.png) no-repeat top left;
    float: left;
    width: 360px;
}
.bottom-text.net {
    float: right;
    background: url(../img/logo-small-net.png) no-repeat top left;
}
.bottom-text.net a {
    color: #fff;
}
/* *************************************************** SDILENI */

#LEFT-COL .in, #RIGHT-COL .in, #MID-COL .in {
    float: left;
}
/* ****************** */
#HOMEPAGE-TOP {
    background: #eaeaea;
    padding: 5px 5px;
    position: relative;
}
.upoutavka {
    height: 240px; width: 950px;
}
#HOMEPAGE-TOP .blok {
    float: right;
    width: 160px; height: 216px;
    line-height: 216px;
    display: block;
    background-color: #b72e00;
    color: #fff;
    text-align: center;
}
/* ****************** */
#MENU-TOP {
    margin-bottom: 10px;
}
#MENU-TOP A {
    color: white;
}
#MENU-TOP UL {
    background: url(../img/menu.png) repeat-x top left;
    height: 32px;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#MENU-TOP UL LI {
    padding: 0 15px;
    margin: 0;
    font-weight: bold;
    float: left;
    line-height: 32px;
    border-right: 1px solid #c25040;
}
#MENU-TOP UL LI.active {
    background: url(../img/menu-active.png) repeat-x top left;
}
/* ****************** */
#MENU-SIDE {
    margin: 0;
}
#MENU-SIDE A {
    display: block;
    padding: 5px 10px;
    background-image: none;
    text-decoration: none;
}
#MENU-SIDE ul li a {
    background-image: url(../img/menu-ahover.gif);
    background-repeat: repeat-y;
}
#MENU-SIDE ul ul li a {
    background-image: none;
}
#MENU-SIDE ul li a:hover {
    background-image: url(../img/menu-aactive.gif);
    background-repeat: repeat-y;
}
#MENU-SIDE ul li A.active,
#MENU-SIDE ul ul li A.active {
    color: #333;
    font-weight: bold;
}
#MENU-SIDE ul ul li A {
    padding: 4px 10px 4px 30px;
}
#MENU-SIDE UL {
    list-style-type: none;
    list-style-position: outside;
    padding: 0; margin: 0;
}
#MENU-SIDE UL LI {
    width: 240px;
    padding: 0; margin: 0;
    display: block;
    font-weight: bold;
    overflow: hidden;
}
#MENU-SIDE UL LI LI {
    margin: 0; padding: 0;
    display: block;
    font-weight: normal;
}
/* ************************************************************************* */
p.auth {
    clear: both;
    margin: 0;
    text-align: right;
}
p.auth a {
    color: #fff; 
}
/* */
.gallery-container span.admin {
    display: block;
}
.template-default .gallery-container div {
    float: left;
    width: 170px;
    text-align: center;
    margin: 0 0 10px 0;
}
.template-default .gallery-container img {
    border: 1px solid #bbb;
}
.template-product-list {
    float: left;
}
.template-product-detail .body-container,
.template-product-detail .file-container {
    margin-left: 160px;
}
.template-product-detail .gallery-container {
    float: left;
    width: 150px;
    text-align: center;
}
.template-product-detail .gallery-container div {
    margin: 0 0 10px 0;
}
.template-product-detail .gallery-container img {
    border: 1px solid #bbb;
}
.product-abstract-img {
    float: left;
    padding: 0 1em 1em 0;
}
.product-abstract-img img {
    border: 1px solid #bbb; 
}
.abstract-container {
    margin-bottom: 1em;
}
.product-matrix div {
    float: left;
    width: 225px;
    height: 195px;
    text-align: center;
}
.product-matrix h3 {
    font-size: 11px;
    margin: 0;
    padding: 5px;
    border: none;
}
.product-matrix img {
    border: 1px solid #bbb;
}
.template-default .childrens-container UL {
    padding-left: 1em;
}
.template-default .childrens-container LI {
    list-style-type: none;
}
.template-default .childrens-container LI {
    background: url(../img/document_letter.png) no-repeat 0px 4px;
    padding: 4px 0 4px 24px;
}
/* ************************************************************************** */
.mid-col-in {
    float: left;
    width: 690px;
}
.body-container UL {
    padding-left: 1em;
}
.body-container LI {
    list-style-type: none;
    background: url(../img/breadcrumb_separator_dark.png) no-repeat 0px 2px;
    padding: 0 0 0.5em 20px;
}
.news-img {
    float: left;
    padding: 0 1em 0.5em 0;
}
.body-container IMG {
    border: 1px solid #000;
}
.body-container IMG[align=left],
.body-container IMG.left {
    margin: 0 1em 1em 0;
}
.body-container IMG[align=right],
.body-container IMG.right {
    margin: 0 0 1em 1em;
}

/* ********************************************** */
.file-container UL {
    padding-left: 1em;
}
.file-container UL LI {
    list-style-type: none;
    background: url(../img/document_letter.png) no-repeat 0px 4px;
    padding: 4px 0 4px 24px;
}
.file-container UL LI.application-pdf {
    background: url(../img/document_pdf.png) no-repeat 0px 4px;
}

.news-item {
    margin: 0 0 1em 0; padding: 0;
    border-bottom: 1px dotted #bbb;
}
.news-item.last {
    border: none;
}
.news-item .news-created {
    margin: 0.5em 0 0 0; padding: 0;
}
.news-item h2 {
    margin: 0.3em 0 0 0; padding: 0;
    border: none;
}
.news-item h2 a {
    text-decoration: none;
}
.news-item img {
    border: 1px solid #bbb;
}