a {
    color: #fff;
    text-decoration: none;
}

body {
    background: #005faa;
    color: #fff;
    font: 0.7em Verdana, sans-serif;
    margin: 0;
    padding: 0;
}

div.clear {
    clear: both;
}

img {
    border: 0;
    margin-bottom: -3px;
}

span.font-green {
    color: #8cc63f;
}

/* Coda Slider - Width */

.coda-slider,
.coda-slider .panel {
    height: 230px;
    width: 270px;
}

/* Coda Slider - Preloader */

.coda-slider p.loading {
    color: #000;
    padding: 10px;
    text-align: center;
}

/* Coda Slider - Miscellaneous */

.coda-slider-wrapper {
    clear: both;
    overflow: auto;
}

.coda-slider {
    float: left;
    overflow: hidden;
    position: relative;
}

.coda-slider .panel {
    display: block;
    float: left;
}

.coda-slider .panel-container {
    position: relative;
}

/* Layout */

div#layout {
    background: #003664;
    margin: 0 auto;
    width: 900px;
}

div#layout div#marquee {
    height: 13px;
    margin: 10px 0 12px 0;
    overflow: hidden;
    position: relative;
}

div#layout div#marquee div.scrollingtext {
    position: absolute;
    white-space: nowrap;
}

div#layout h1 {
    font-size: 2em;
    height: 230px;
    margin: 0;
    position: relative;
    width: 900px;
}

div#layout h1 a span {
    background: url('../misc/layout/header.png');
    cursor: pointer;
    display: block;
    height: 230px;
    left: 0;
    position: absolute;
    top: 0;
    width: 900px;
}

/* Layout - Header - Bar */

div#layout p#header-bar {
    background: #8cc63f;
    height: 21px;
    margin: 0;
    padding: 5px 10px 0 10px;
    text-align: right;
}

/* Layout - Module - Default */

div#layout div#module-default {
    background: url('../misc/layout/module-default-bg.png');
    height: 270px;
    padding: 30px 0 0 590px;
}

div#layout div#module-default h2 {
    color: #005faa;
    font-size: 1.5em;
    margin: 0 0 8px 0;
}

div#layout div#module-default ul {
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    padding: 0 0 0 20px;
}

div#layout div#module-default ul li.blue {
    color: #005faa;
}

/* Layout - Module - Fotogalerie */

div#layout div#module-fotogalerie {
    padding: 15px;
}

div#layout div#module-fotogalerie div.box {
    border: 1px solid #8cc63f;
    float: left;
    margin: 10px 10px 0 0;
    padding: 10px;
    text-align: center;
    width: 188px;
}

div#layout div#module-fotogalerie div.box-last {
    border: 1px solid #8cc63f;
    float: left;
    margin: 10px 0 0 0;
    padding: 10px;
    text-align: center;
    width: 188px;
}

div#layout div#module-fotogalerie div#content {
    float: right;
    padding-top: 10px;
    width: 498px;
}

div#layout div#module-fotogalerie div#content h3 {
    border-bottom: 1px solid #8cc63f;
    font-size: 1.1em;
    margin: 0 0 10px 0;
    padding: 0 0 5px 5px;
}

div#layout div#module-fotogalerie div#content p {
    margin: 0;
}

div#layout div#module-fotogalerie div#images {
    float: right;
    width: 372px;
}

div#layout div#module-fotogalerie div#images img {
    margin: 10px 10px 0 0;
    width: 360px;
}

div#layout div#module-fotogalerie div#images img.small {
    float: left;
    width: auto;
}

div#layout div#module-fotogalerie h2 {
    border-bottom: 2px solid #8cc63f;
    font-size: 1.1em;
    margin: 0 0 1px 0;
    padding: 0 0 5px 5px;
}

div#layout div#module-fotogalerie img {
    border: 1px solid #01205c;
    display: block;
}

div#layout div#module-fotogalerie p.no-items {
    margin: 10px 0 0 0;
}

div#layout div#module-fotogalerie ul {
    background: #01205c;
    border-bottom: 1px solid #8cc63f;
    border-top: 1px solid #8cc63f;
    height: 26px;
    margin: 0;
    padding: 10px 0 0 0;
}

div#layout div#module-fotogalerie ul li {
    float: left;
    font-weight: bold;
    list-style-type: none;
    text-align: center;
    width: 435px;
}

div#layout div#module-fotogalerie ul li a {
    color: #3f8bc6;
}

/* Layout - Module - Investice do fotovoltaiky v Itálii */

div#layout div#module-investice-do-fotovoltaiky-v-italii {
    padding: 15px;
}

div#layout div#module-investice-do-fotovoltaiky-v-italii h2 {
    border-bottom: 1px solid #8cc63f;
    font-size: 1.1em;
    margin: 0 0 10px 0;
    padding: 0 0 5px 5px;
}

div#layout div#module-investice-do-fotovoltaiky-v-italii h3 {
    font-size: 1.1em;
    margin: 0;
}

div#layout div#module-investice-do-fotovoltaiky-v-italii p {
    margin: 10px 0;
}

div#layout div#module-investice-do-fotovoltaiky-v-italii table {
    border-collapse: collapse;
    margin-top: 15px;
}

div#layout div#module-investice-do-fotovoltaiky-v-italii td,
div#layout div#module-investice-do-fotovoltaiky-v-italii th {
    border: 1px solid #fff;
    padding: 10px;
}

div#layout div#module-investice-do-fotovoltaiky-v-italii th {
    background: #fff;
    color: #003664;
}

div#layout div#module-investice-do-fotovoltaiky-v-italii ul {
    margin: 0;
    padding: 0 0 0 20px;
}

div#layout div#module-investice-do-fotovoltaiky-v-italii .images {
    margin: 10px 0;
    overflow: hidden;
}

div#layout div#module-investice-do-fotovoltaiky-v-italii .images img {
    border: 1px solid #01205c;
    display: block;
    float: left;
    margin: 0 0 0 15px;
}

div#layout div#module-investice-do-fotovoltaiky-v-italii .images .description,
div#layout div#module-investice-do-fotovoltaiky-v-italii .images .description-first {
    float: left;
    margin: 10px 0 0 15px;
    width: 280px;
}

div#layout div#module-investice-do-fotovoltaiky-v-italii .images .description-first {
    margin-left: 0;
}

div#layout div#module-investice-do-fotovoltaiky-v-italii .images .first {
    margin-left: 0;
}

/* Layout - Module - Jak to funguje */

div#layout div#module-jak-to-funguje {
    padding: 15px;
}

div#layout div#module-jak-to-funguje div.left {
    float: left;
    width: 380px;
}

div#layout div#module-jak-to-funguje div.left div.box {
    background: #fff;
    border: 1px solid #01205c;
    color: #003664;
    margin-top: 26px;
    padding: 15px;
}

div#layout div#module-jak-to-funguje div.left div.box div.box-left {
    float: left;
    width: 158px;
}

div#layout div#module-jak-to-funguje div.left div.box div.box-left ul {
    margin: 10px 0 0 0;
    padding: 0 0 0 15px;
}

div#layout div#module-jak-to-funguje div.left div.box div.box-right {
    float: right;
    padding-top: 11px;
    text-align: center;
    width: 175px;
}

div#layout div#module-jak-to-funguje div.left div.box div.box-right img {
    display: block;
    height: 120px;
    width: 175px;
}

div#layout div#module-jak-to-funguje div.left div.box div.box-right p {
    color: #8cc63f;
    font-weight: bold;
    margin: 10px 0 0 0;
}

div#layout div#module-jak-to-funguje img.right {
    border: 1px solid #01205c;
    display: block;
    float: right;
    width: 475px;
}

div#layout div#module-jak-to-funguje h2 {
    border-bottom: 1px solid #8cc63f;
    font-size: 1.1em;
    margin: 0 0 10px 0;
    padding: 0 0 5px 5px;
}

div#layout div#module-jak-to-funguje p.bottom {
    clear: both;
    margin: 0;
    padding-top: 10px;
}

/* Layout - Module - Jak ušetřím */

div#layout div#module-jak-usetrim {
    padding: 15px;
}

div#layout div#module-jak-usetrim h2 {
    border-bottom: 1px solid #8cc63f;
    font-size: 1.1em;
    margin: 0 0 10px 0;
    padding: 0 0 5px 5px;
}

div#layout div#module-jak-usetrim p {
    margin: 10px 0 0 0;
}

/* Layout - Module - Kontakty */

div#layout div#module-kontakty {
    padding: 15px;
}

div#layout div#module-kontakty h2 {
    border-bottom: 1px solid #8cc63f;
    font-size: 1.1em;
    margin: 0 0 10px 0;
    padding: 0 0 5px 5px;
}

div#layout div#module-kontakty h3 {
    color: #8cc63f;
    font-size: 1.1em;
    margin: 0 0 10px 0;
}

div#layout div#module-kontakty p {
    margin: 10px 0 0 0;
}

div#layout div#module-kontakty div.center {
    float: left;
    padding: 0 15px;
    width: 280px;
}

div#layout div#module-kontakty div.left {
    float: left;
    width: 280px;
}

div#layout div#module-kontakty div.right {
    float: left;
    width: 280px;
}

/* Layout - Module - Naše služby */

div#layout div#module-nase-sluzby {
    padding: 15px;
}

div#layout div#module-nase-sluzby div.left {
    float: left;
    padding: 10px 20px 0 0;
    width: 425px;
}

div#layout div#module-nase-sluzby div.left h3 {
    color: #8cc63f;
    font-size: 1em;
    margin: 0 0 10px 0;
}

div#layout div#module-nase-sluzby div.left-top {
    float: left;
    padding: 0 20px 0 0;
    width: 425px;
}

div#layout div#module-nase-sluzby div.right {
    float: left;
    padding-top: 10px;
    width: 425px;
}

div#layout div#module-nase-sluzby div.right ul {
    margin: 10px 0 0 0;
    padding: 0 0 0 15px;
}

div#layout div#module-nase-sluzby div.right ul li {
    margin-top: 3px;
}

div#layout div#module-nase-sluzby div.right-top {
    float: left;
    width: 425px;
}

div#layout div#module-nase-sluzby h2 {
    border-bottom: 1px solid #8cc63f;
    font-size: 1.1em;
    margin: 0 0 10px 0;
    padding: 0 0 5px 5px;
}

div#layout div#module-nase-sluzby p {
    margin: 0;
}

div#layout div#module-nase-sluzby ul {
    margin: 10px 0 0 0;
    padding: 0 0 0 15px;
}

div#layout div#module-nase-sluzby ul li {
    margin-top: 3px;
}

/* Layout - Module - O nás */

div#layout div#module-o-nas {
    padding: 15px;
}

div#layout div#module-o-nas h2 {
    border-bottom: 1px solid #8cc63f;
    font-size: 1.1em;
    margin: 0 0 10px 0;
    padding: 0 0 5px 5px;
}

div#layout div#module-o-nas img {
    border: 1px solid #01205c;
    display: block;
    float: right;
}

div#layout div#module-o-nas p {
    float: left;
    margin: 0;
    width: 553px;
}

/* Layout - Module - Reference */

div#layout div#module-reference {
    padding: 15px;
}

div#layout div#module-reference div.box {
    border: 1px solid #8cc63f;
    float: left;
    margin: 10px 10px 0 0;
    padding: 10px;
    text-align: center;
    width: 188px;
}

div#layout div#module-reference div.box-last {
    border: 1px solid #8cc63f;
    float: left;
    margin: 10px 0 0 0;
    padding: 10px;
    text-align: center;
    width: 188px;
}

div#layout div#module-reference div#content {
    float: right;
    padding-top: 10px;
    width: 498px;
}

div#layout div#module-reference div#content h3 {
    border-bottom: 1px solid #8cc63f;
    font-size: 1.1em;
    margin: 0 0 10px 0;
    padding: 0 0 5px 5px;
}

div#layout div#module-reference div#content p {
    margin: 0;
}

div#layout div#module-reference div#images {
    float: right;
    width: 372px;
}

div#layout div#module-reference div#images img {
    margin: 10px 10px 0 0;
    width: 360px;
}

div#layout div#module-reference div#images img.small {
    float: left;
    width: auto;
}

div#layout div#module-reference h2 {
    border-bottom: 2px solid #8cc63f;
    font-size: 1.1em;
    margin: 0 0 1px 0;
    padding: 0 0 5px 5px;
}

div#layout div#module-reference h3 {
    font-size: 1em;
    margin: 5px 0 0 0;
}

div#layout div#module-reference img {
    border: 1px solid #01205c;
    display: block;
}

div#layout div#module-reference p.no-items {
    margin: 10px 0 0 0;
}

div#layout div#module-reference ul {
    background: #01205c;
    border-bottom: 1px solid #8cc63f;
    border-top: 1px solid #8cc63f;
    height: 26px;
    margin: 0;
    padding: 10px 0 0 0;
}

div#layout div#module-reference ul li {
    float: left;
    font-weight: bold;
    list-style-type: none;
    text-align: center;
    width: 435px;
}

div#layout div#module-reference ul li a {
    color: #3f8bc6;
}

/* Layout - Footer */

div#layout p#footer {
    background: #01205c;
    height: 23px;
    margin: 0;
    padding: 10px 15px 0 15px;
}

div#layout p#footer span#copyright-grasr {
    float: right;
}

div#layout p#footer span#copyright-heliosystems {
    float: left;
}

/* Layout - Navigation */

div#layout ul#navigation {
    background: #01205c;
    height: 28px;
    margin: 0;
    padding: 12px 0 0 0;
}

div#layout ul#navigation li {
    float: left;
    font-size: 1.1em;
    font-weight: bold;
    list-style: none;
    padding-left: 25px;
}

div#layout ul#navigation li a.green {
    color: #8cc63f;
}

/* Toplist */

p#toplist {
    margin: 20px 0;
    text-align: center;
}