/*
Document   : css styles
Created on : 7.12.2008, 11:36:52
Author     : Pavla Novakova
Description: styles for screen and projection
*/
* { margin: 0; padding: 0; }
body {
    text-align: center; color: #767163;
    font-size: 0.7em; font-family: Verdana, sans-serif;
    background-color: #fff;
}
ul, li { list-style-type: none;}
a img { border: none;}
a { color: #767163; text-decoration: none; }
a:hover { color: #EA2026; cursor: pointer; }
/* main content */
#main {
    width: 770px; margin: auto; text-align: left;
    position: relative; /* base for #main-inner-background */
    background: url('../img/background/main-left.gif') repeat-y;
    
}
/* just right part of main background */
#main-inner-background {
    position: absolute; top: 0; right: 0;
    display: block; width: 22px; height: 100%;
    background: url('../img/background/main-right.gif') repeat-y;
}
/* strech main left background to screen height if height of context is not enough */
#screen-height-filler-left {
    position: absolute; top: 0; left: 50%; margin-left: -385px; /* 770/2 */
    height: 100%; display: block; width: 22px;
    background: url('../img/background/main-left.gif') repeat-y;
}
/* strech main right background to screen height if height of context is not enough */
#screen-height-filler-right {
    position: absolute; top: 0; left: 50%; margin-left: 363px; /* 770/2 - 22 */
    height: 100%; display: block; width: 22px;
    background: url('../img/background/main-right.gif') repeat-y;
}
/* left margin */
#header, #menu-one, #main-content, #footer { margin-left: 4em; }
/* right margin */
#news, #header, #footer { margin-right: 4em; }
/* context width (to create space for news) */
#main-content { width: 44em; float: left; }
/* becouse opera browser need more space for main menu here
we add little hack - regular css3 property :nth-of-type is
supported only in Opera browser
*/
#main>div:nth-of-type(2) {
    width: 44.5em;
}
#menu-two, #text, h2 {
    margin-right: 2em;
}
/* lines */
.line {
    position: absolute; top: 0em; right: 0em;
    display: block; height: 100%; width: 1px;
    background-color:  #A9A18C;
}
#homepage-main-menu .line {
    right: -0.2em;
}
#menu-two .line {
    left: 18.2em;
}
.image-replacement {
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: top left;
}
/* --------------------------------------------------------------------
header
-------------------------------------------------------------------- */
#header {
    border-bottom: 2px solid #A9A18C;
    height: 12em;
    margin-bottom: 2em;
    position: relative;
}
#headline{
    position: relative; width: 489px; height: 70px;
    overflow: hidden;
    margin-top: 1em;
}
#headline span { background-image: url('../img/background/ardent-technology.gif'); }
#header p {
    display: block;
    position: absolute; top: 1em; right: 0;
    width: 120px; height: 114px;
}
#header p span {background: url('../img/background/contact.jpg')}
/* --------------------------------------------------------------------
footer
-------------------------------------------------------------------- */
#footer {
    clear: both;
    border-top: 2px solid #A9A18C; padding-top: 1em; padding-bottom: 2em;
    
}

#footer a {
    text-decoration: underline;
}

/* --------------------------------------------------------------------
news
-------------------------------------------------------------------- */
#news { margin-left: 49em; margin-bottom: 8em} /* 44em (text) + 4em (margin from left) + 1em (for space) */
#news dt { color: #d0cbbf; margin-bottom: 1.5em; letter-spacing: 3px; }
#news dd {
    margin-bottom: 1em;
    margin-left: 1em;
    color: #A9A18C;
    line-height: 1.5em;
}
#news dd b { font-weight: normal; color: #EA2026; }
#news dd a { color: #A9A18C; text-decoration: underline; }
/* --------------------------------------------------------------------
main-content
-------------------------------------------------------------------- */
#main-content {
    position: relative;
    margin-bottom: 1em;
}
#main-content h2.pages {
    font-size: 1em;
    background-color: #C3BEAE;
    background-repeat: no-repeat;
    background-position: top right;
    position: relative;
    text-align: left;
    height: 28px;
    margin-bottom: 2em;
}
#main-content h2.pages span {
    position: absolute; top: 0; left: 0;
    width: 200px; height: 100%; overflow: hidden;
    background: url('../img/background/headline-left.gif') no-repeat;
}
.profile h2.pages {
    background-image: url('../img/background/profile-headline.gif');
}
.quality h2.pages {
    background-image: url('../img/background/quality-headline.gif');
}
.references h2.pages {
    background-image: url('../img/background/references-headline.gif');
}
.contacts h2.pages {
    background-image: url('../img/background/contacts-headline.gif');
}
.hydraulics h2.pages {
    background-image: url('../img/background/hydraulics-headline.gif');
}
.spattering h2.pages {
    background-image: url('../img/background/spattering-headline.gif');
}
.engineering h2.pages {
    background-image: url('../img/background/engineering-headline.gif');
}

#text {
    background:url('../img/texture/brown-stripe.png');
    padding: 2em;
}

#text p, #text dd {
    text-align: justify;
    margin-bottom: 1em;
    line-height: 1.5em;
}
#text li {
    margin-bottom: 1em;
    line-height: 1.5em;
}

#text dt {
    font-weight: bold;
    margin-bottom: 1em;
}
#text dl.references dt {
    font-weight: normal;
    text-decoration: underline;
    letter-spacing: 2px;
}

#text h3 {
    font-size: 1em;
    margin-bottom: 2em;
}
#text ul {
    margin-bottom: 2em;
}
#text li {
    background: url('../img/icon/square-bullet.gif') left 0.6em no-repeat;
    padding-left: 15px;
}
#text ol {
    margin-top: 1em;
}
#text ol li {
    background: url('../img/icon/triangle-bullet.gif') left 0.6em no-repeat;
}

#text i {
    font-style: normal;
    text-decoration: underline;
}

.spattering #text h3 {
    background-color: #d0cbbf;
    padding: 1em;
}
.spattering #text h4 {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 1em;
    
}

.spattering #text dt {
    font-weight: normal;
    text-decoration: underline;
}

.spattering #text dd {
background: url('../img/icon/square-bullet.gif') left 0.6em no-repeat;
    padding-left: 15px;
    }

#text dd.table {
   text-align: left;
   background-image: none;
   padding-left: 0;
}

#text table, #text td {
    border: 1px solid #d0cbbf;
    border-collapse: collapse;


}
#text td {
    padding: 0.5em;
}

.references #text li  {
    text-align: center;
    margin-bottom: 2em;
    background: none;
}



#text img {
    display: block;
    display: block;
    float: left;
    margin-right: 1em;
}

#text dl {
    margin-bottom: 3em;
}
#contacts-2 {
    margin-left: 220px;
}

#links {
    clear: left;
    padding-top: 2em;
}
/* --------------------------------------------------------------------
menu one
-------------------------------------------------------------------- */
#menu-one {
    position: absolute; top: 8.5em; left: 0;
    background:url('../img/texture/brown-stripe.png');
    width: 49em; overflow: auto; 

}
#menu-one li { display: inline; line-height: 2.7em; margin: 0em 2em 0em 1em; }
#menu-one li a { font-weight: bold; }
/* --------------------------------------------------------------------
homepage main menu
-------------------------------------------------------------------- */
#homepage-main-menu div {
    width: 156px; /* pictures are of 150px width */
    float: left; position: relative; /* base for .line */
}
#homepage-main-menu div#spattering { margin-left: 1em; margin-right: 1em; } /* for spaces between li elems */
#homepage-main-menu h2 {
    font-size: 1em;
}
#homepage-main-menu h2 a {
    display: block;
    height: 3em;
    font-size: 1em; color: #EA2026; font-family: "Arial CE", Arial, sans-serif;
    background: url('../img/icon/arrow-bullet.gif') no-repeat; padding-left: 30px;
}
#homepage-main-menu h2 a:hover { background-image: url('../img/icon/arrow-bullet-hover.gif'); }
#homepage-main-menu ul {
    display: block;
    margin-right: 0.5em; padding-top: 1em; padding-bottom: 1em;
    background:url('../img/texture/brown-stripe.png'); height: 18.2em; /* becouse of backround stretch */
}
#homepage-main-menu li {
    margin-bottom: 1em;
    padding-left: 1.5em; padding-right: 0.5em;
    background: url('../img/icon/square-bullet.gif') 0.5em 0.4em no-repeat;
    line-height: 1.3em;
}

#homepage-main-menu a.image-wrapper {
    display: block;
    background-position: 0em 1em; background-repeat: no-repeat;
    border-top: 1px solid #A9A18C; border-bottom: 1px solid #A9A18C;
    width: 150px; margin-bottom: 1em;
}
#homepage-main-menu #hydraulics a.image-wrapper { background-image: url('../img/hydraulika-bg.jpg'); }
#homepage-main-menu #spattering a.image-wrapper { background-image: url('../img/tlakove-rozprasovani-bg.jpg'); }
#homepage-main-menu #engineering a.image-wrapper { background-image: url('../img/strojirenska-vyroba-bg.jpg'); }
#homepage-main-menu a.image-wrapper img { margin: 1em 0 1em 0; }
#homepage-main-menu a.image-wrapper:hover img { visibility: hidden; }

/* --------------------------------------------------------------------
menu two
-------------------------------------------------------------------- */
#menu-two li {
    border-bottom: 1px solid #A9A18C;
    margin-bottom: 1em;
    padding-bottom: 0.5em;
    width: 17em;
}
#menu-two li a {
    display: block; height: 2em;
    background: url('../img/icon/arrow-bullet.gif') no-repeat; padding-left: 30px;
    color: #EA2026;
    font-family: "Arial CE", Arial, sans-serif; text-transform: uppercase; font-weight: bold;
}
#menu-two li.last {
    border: 0;
}
#menu-two li.selected a {
    background-image: url('../img/icon/arrow-bullet-hover.gif');
    color: #A9A18C;
}
#menu-two li a:hover {
    background-image: url('../img/icon/arrow-bullet-hover.gif');
}
#menu-two {
    padding-top: 1em;
    position: relative;
    background-repeat: no-repeat;
    background-position: top right;
    height: 11em;
    margin-bottom: 1em;
}
.profile #menu-two {
    background-image: url('../img/background/profile.jpg');
}
.quality #menu-two {
    background-image: url('../img/background/quality.jpg');
}
.references #menu-two {
    background-image: url('../img/background/references.jpg');
}
.contacts #menu-two {
    background-image: url('../img/background/contacts.jpg');
}
.hydraulics #menu-two {
    background-image: url('../img/background/hydraulics.jpg');
}
.spattering #menu-two {
    background-image: url('../img/background/spattering.jpg');
}
.engineering #menu-two {
    background-image: url('../img/background/engineering.jpg');
}
/* --------------------------------------------------------------------
translator
-------------------------------------------------------------------- */
#translate {
    position: absolute; bottom: 5em; right: 4em;
}

#select-lang {
    position: absolute; top: 0; left: 0;
}