body {
    margin: auto;
    padding: 0;
    background: #4a8fcf url(../img/body-bg.gif) top center no-repeat;
    text-align: center;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

a, li, ul, div, h1, hgroup, section, header { behavior: url(/themed/default/css/iepngfix.php) }

/* [] OVERALL SETTINGS*/
a:link, a:visited, a:active, a:hover {
    color: #406f94;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
strong, b {
    font-weight: bold;
}
h1,h2,h3,h4,h5,h6 {
    color: black;
    font-weight: bold;
    margin-bottom: .5em;
}
h1 {
    font-size: 1.8em;
}
h2 {
    font-size: 1.6em;
}
h3 {
    font-size: 1.4em;
}
h4 {
    font-size: 1.2em;
}
h5 {
    font-size: 1.1em;
}
h6 {
    font-size: 1em;
}
th {
    font-weight: bold;
    background: #e0d7af;
    color: black;
    text-align: center;
    padding: .5em;
}
table {
    border-collapse: collapse;
    margin-bottom: 2em;
}
td {
    padding: .5em;
    width: 15em;
    border: 1px solid #e0d7af;
    text-align: center;
}
header, footer, section, aside, nav, article {
    display: block;
}
p {
    margin-bottom: 1em;
}


/* [] LAYOUT */
div#message {
    background: #e0e7ee;
    color: black;
    font-weight: bold;
    padding: .5em;
    margin: 0;
    text-align: center;
}
#flashMessage {
    text-align: center;
    color: red;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 1em;
}
.error-message {
    color: red;
    font-weight: bold;
}
#content {
    background: url(../img/content-bg.png) no-repeat top left;
    color: black;
    overflow: hidden;
    width: 90em;
    min-height: 50em;
    margin: auto;
    text-align: left;
    padding-top: 1em;
}
.hidden {
    display: none;
}


/* [] CONTENT INNER */
#content-inner {
    float: left;
    width: 60em;
}
#content-inner p {
    margin-bottom: 1em;
}
#content-inner img {
    display: block;
}
.article {
    padding: .5em;
    font-size: 1.4em;
    text-align: justify;
    overflow: hidden;
    height: 1%;
}
.article h1 {
    text-align: center;
}
article.article, section.article {
    background: white;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0 0 .5em .5em;
}
.article ul {
    padding: 0 0 0 2em;
    margin: 0;
}
.article ul li {
    list-style: disc;
    margin-bottom: .5em;
}


/* [] LOGO */
header#header hgroup.slo, header#header hgroup.eng, header#header hgroup.deu {
    text-indent: -5000px;
    background: url(../img/logo-company.png) no-repeat left top;
    width: 35em;
    height: 16.5em;
    margin: 8em auto 1em 0;
    display: block;
}
header#header {
    width: 90em;
    overflow: hidden;
    background: url(../img/menu-bg.png) no-repeat top;
    margin: auto;
}


/* [] FOOTER */
#footer {
    color: white;
    height: 1%; /* IE 6 hack */
    text-align: center;
    width: 90em;
    margin: auto;
    padding-top: 5em;
    background: #2c4d67 url(../img/footer-bg.gif) no-repeat;
    overflow: auto;
}
#footer nav {
    background: url(../img/footer-line.gif) bottom center no-repeat;
    font-size: 1.8em;
    overflow: hidden;
    padding-bottom: .5em;
    width: 45em;
    margin: auto;
}
#footer nav ul {
    overflow: auto;
    width: 38.1em;
    margin: auto;
    padding: 0;
}
#footer nav ul li {
    float: left;
}
#footer nav a, #footer nav a:link, #footer nav a:visited, #footer nav a:active {
    text-decoration: none;
    color: white;
    padding: .5em 1em .5em 1em;
    display: block;
}
#footer nav a:hover {
    background: #42749a;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#footer p {
    padding-top: .5em;
    color: #66afe8;
    font-size: 1.8em;
}
#footer p a, #footer p a:active, #footer p a:visited {
    text-decoration: underline;
    color: #66afe8;
}
#footer p a:hover {
    text-decoration: none;
    color: white;
}


/* [] BOXES */
#boxes {
    width: 28em;
    float: right;
}
#boxes p {
    font-size: 1.4em;
    text-align: justify;
    padding-left: 1em;
    padding-right: 1em;
}
#boxes section {
    margin: 0 1em 1em 1em;
}
#boxes section h1 {
    display: block;
    text-indent: -5000px;
    text-align: left;
    width: 26.7em;
    height: 6.2em;
    font-size: 10px;
}
#boxes #last-projects h1.slo {
    background: url(../img/box-projects-header-slo.png) top left no-repeat;
}
#boxes #last-projects h1.eng {
    background: url(../img/box-projects-header-eng.png) top left no-repeat;
}
#boxes #last-projects div {
    background: url(../img/box-bg.png) top left no-repeat;
    overflow: auto;
    padding-top: 1.5em;
}
#boxes #contact h1.slo {
    background: url(../img/box-contact-header-slo.png) top left no-repeat;
}
#boxes #contact h1.eng {
    background: url(../img/box-contact-header-eng.png) top left no-repeat;
}
#boxes #last-projects ul {
    overflow: auto;
    margin-left: 1.5em;
}
#boxes #last-projects img {
    display: block;
}
#boxes #last-projects ul li {
    float: left;
    margin: 0 .5em .5em 0;
}


/* [] GALLERIES PROJECTS */
#galleries h2 {
    font-size: .9em;
    font-weight: normal;
    text-align: center;
}
#galleries ul li, #projects ul li {
    float: left;
    margin: 0 1em 2em 0;
    width: 9em;
    height: 126px;
    padding: 0;
    list-style: none;
}
#galleries ul, #projects ul {
    padding: 0;
    overflow: auto;
}
#galleries img, #projects img, #last-projects img {
    display: block;
    margin: auto;
    border: 2px solid #2c4d67;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#gallery {
    margin: 2em;
}
.ad-gallery .ad-back {
    left: -20px;
    width: 13px;
}
.ad-gallery .ad-nav {
    border: 1px solid white;
}
.ad-gallery .ad-forward {
    right: -20px;
    width: 13px;
}
.ad-gallery .ad-thumbs {
    width: 500px !important;
}
ul.ad-thumb-list {
    padding: 0;
}
ul.ad-thumb-list li {
    list-style: none;
}



/* [] NAVIGATION */
#navigation{
    font-size: 1.8em;
    color: white;
    width: 40.5em;
    float: left;
}
#navigation:after {
    content:".";
    display: none;
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#navigation ul {
    padding: .1em .2em .2em .2em;
}
#navigation ul li {
    float: left;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}
#navigation ul li.hover a {
    background-color: #42749a;
}
#navigation a, #navigation a:visited, #navigation a:active {
    text-decoration: none;
    color: white;
    padding: .4em 1em .5em 1em;
    display: block;
    margin: 0;
}
#navigation a:hover {
    background: #42749a;
}
#navigation ul ul{
    top: 2.2em;
    width: 14em;
    display: none;
    position: absolute;
    left: 0;
    margin: 0;
    padding: 0;
}
#navigation ul ul li {
    float: none;
    /*padding: 0 !important;
    padding: 1px;*/
}
#navigation ul ul li a, #navigation ul ul li a:link, #navigation ul ul li a:visited, #navigation ul ul li a:active {
    background-color: #42749a;
    font-size: .8em;
    text-align: left;
    padding-left: 1.3em;
    border-bottom: 1px solid #345e84;
    height: 1%;
}
#navigation ul ul li a:hover {
    background: #345e84;
}


/* [] LANGUAGES */
#languages {
    width: 15em;
    float: right;
    margin: .9em .9em 0 0;
}
ul#languages li {
    float: left;
}
ul#languages li a {
    display: block;
    text-align: left;
    text-indent: -5000px;
    width: 4em;
    height: 2.6em;
    margin-right: .5em;
}
#languages #sk {
    background: url(../img/sk-flag.gif);
}
#languages #en {
    background: url(../img/en-flag.gif);
}
#languages #de {
    background: url(../img/de-flag.gif);
}


/* [] HOMEPAGE */
#slideshow {
    margin: 0 .8em .8em .8em;
    display: none;
}
.wellcome {
    padding-bottom: 8em;
    margin-bottom: 1em;
}
#slo-wellcome, #eng-wellcome {
    background: url(../img/logo-lepenie-reklamy.gif) bottom center no-repeat;
}
.wellcome #advantage p {
    padding-left: 3em;
    width: 37%;
    height: 4.5em;
    float: left;
    text-align: left;
}
.wellcome #advantage h1 {
    margin-bottom: 1em;
}
.wellcome #advantage span {
    font-weight: bold;
    color: #0f488b;
    font-size: 1.2em;
}
.wellcome #advantage #item-1 {
    margin-right: 3.5em;
    background: url(../img/advantage-icon-1.jpg) left top no-repeat;
}
.wellcome #advantage #item-2 {
    background: url(../img/advantage-icon-2.jpg) left top no-repeat;
}
.wellcome #advantage #item-3 {
    margin-right: 3.5em;
    background: url(../img/advantage-icon-3.jpg) left top no-repeat;
}
.wellcome #advantage #item-4 {
    background: url(../img/advantage-icon-4.jpg) left top no-repeat;
}
.wellcome #advantage #item-5 {
    margin-right: 3.5em;
    background: url(../img/advantage-icon-5.jpg) left top no-repeat;
}
.wellcome #advantage #item-6 {
    background: url(../img/advantage-icon-6.jpg) left top no-repeat;
}


/* [] PROJECTS */
.project-image img {
    display: block;
    width: 550px;
}
.project-image img:hover {
    -moz-box-shadow:0 0 8px #555;
    -webkit-box-shadow:0 0 8px #555;
}
.gallery {
    margin-top: 20px;
}
.gallery img {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    border: 2px solid #2c4d67;
}


/* [] PAGINATIONS */
.pagination {
    clear: both;
    text-align: center;
}
.pagination .before, .pagination .after {
    font-size: .8em;
}
.pagination .before {
    padding-right: 1em;
}
.pagination .after {
    padding-left: 1em;
}