* {
  border: 0;
  margin: 0;
  padding: 0;
}

html, body {
  color: black;
  background: #c3cfde;
  min-width: 1000px;
  font-family: sans-serif;
  font-size: 10pt;
}

#componentcontent ul {
    padding-left: 2em;
}

div#pagebackground {
  background: #fafafa;
}

div#topshade {
  background: transparent url('./images/toptop.png') 0 164px repeat-x;
}

div#topwrapper {
  position: relative;
}

div#top {
  height: 256px; /* 164 + 92 */
  width: 100%;
  position: absolute;
  top: 0;
  background: white url('./images/toptop.png') bottom repeat-x;
}

div#wrapper {
  position: relative;
  margin: 0 auto;
  width: 800px;
  z-index: 2;
  padding-top: 1em;
}

div#wrapper2 {
  position: relative;
  padding-top: 94px;
}

div#bottom {
  height: 100px;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #c4cfde url('./images/bottom_large_up.png') bottom repeat-x;
}

div#footerwrapper {
  margin: 0 auto;
  width: 800px;
}

div#footer {
  background: #c4cfde url('./images/bottom_large_down.png') top repeat-x;
  position: relative; /* Inak by bol #top nad spodkom stranky ak je prilis mala vyska obsahu */
}

div#maintabs {
    background: white url('./images/main_shade_top.png') bottom repeat-x;
}

div#maintabsin {
    height: 50px;
    text-align: right;
}

div#maintabsleft {
    background: transparent url('./images/main_shade_topleft1.png') bottom left no-repeat;
}

div#maincontenttopleft {
    background: transparent url('./images/main_shade_topleft2.png') top left no-repeat;
}

div#maincontent {
    position: relative;
    padding-top: 45px;
    background: white;
}

div#maincontentcornertopleft {
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 7px;
    background: transparent url('./images/main_shade_topleft_corner.png') top left no-repeat;
    z-index: 4;
}

div#maincontentleft {
    background: transparent url('./images/main_shade_left.png') left repeat-y;
}

div#maincontentright {
    background: transparent url('./images/main_shade_right.png') right repeat-y;
}

div#maincontentwrap {
    padding-left: 9px;
    padding-right: 9px;
}

div#maincontentbottom {
    height: 20px;
    background: transparent url('./images/main_shade_bottom.png') top repeat-x;
}

div#maincontentbottomleft {
    padding-left: 24px;
    background: transparent url('./images/main_shade_bottom_left.png') top left no-repeat;
}

div#maincontentbottomright {
    padding-right: 24px;
    background: transparent url('./images/main_shade_bottom_right.png') top right no-repeat;
}

div#maintabsright {
    background: transparent url('./images/main_shade_tab_right.png') top right no-repeat;
    padding-right: 9px;
}

div#maintabsright2 {
    background: transparent url('./images/main_shade_topright.png') right repeat-y;
}

div#maintabs ul {
    display: block;
    padding: 0;
    margin: 0;
}

div.maintab, li.maintab {
    width: 200px;
    display: inline-block;
    vertical-align: bottom;
}

li.maintab {
    list-style-type: none;
}

li.maintab div.maintableft {
    background: white url('./images/main_shade_tab_begin_middle.png') left repeat-y;
}

li.maintab div.maintablefttop {
    background: transparent url('./images/main_shade_tab_begin_top.png') top left no-repeat;
}

li.maintab div.maintableftbottom {
    background: transparent url('./images/main_shade_tab_begin_bottom.png') bottom left no-repeat;
}

li.maintab+li.maintab div.maintableft {
    background: white url('./images/main_shade_tab_separator_middle.png') left repeat-y;
}

li.maintab+li.maintab div.maintablefttop {
    background: transparent url('./images/main_shade_tab_separator_top.png') top left no-repeat;
}

li.maintab+li.maintab div.maintableftbottom {
    background: transparent url('./images/main_shade_tab_separator_bottom.png') bottom left no-repeat;
}

div.maintableftin {
    padding-left: 11px;
}

div.maintabtop {
    background: white url('./images/main_shade_tab_top.png') top repeat-x;
}

div.maintabtopright {
    background: transparent url('./images/main_shade_tab_topright.png') top right no-repeat;
}

div.maintabtopleft {
    background: transparent url('./images/main_shade_tab_topleft.png') top left no-repeat;
}

div.maintabin {
    padding-top: 7px;
}

div.maintabin2 {    
    height: 43px;
    position: relative;
    line-height: 43px;
    text-align: center;
}

div.maintabcornertopright {
    width: 9px;
    height: 9px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 6;
    background: transparent url('./images/main_shade_tab_topright_corner.png') top right no-repeat;
}

div.maintabcornertopleft {
    width: 9px;
    height: 9px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
    background: transparent url('./images/main_shade_tab_topleft_corner.png') top left no-repeat;
}


div.maintabin2 a {
    display: block;
    height: 43px;
    line-height: 43px;
    color: black;
    background: white url("./images/shade2.png") bottom repeat-x;
    text-decoration: none;
}

li.maintabit div.maintabin2 a {
    background-color: #d3d8f0;
}

li.maintabit div.maintabin2 a:hover,
li.maintabit div.maintabin2 a:active, 
li.maintabit div.maintabin2 a:focus,
li.maintabit.maintabselected div.maintabin2 a {
    background: #e0e5ff;
}

li.maintabsolar div.maintabin2 a {
    background-color: #f2edbe;
}

li.maintabsolar div.maintabin2 a:hover,
li.maintabsolar div.maintabin2 a:active, 
li.maintabsolar div.maintabin2 a:focus,
li.maintabsolar.maintabselected div.maintabin2 a {
    background: #fffac8;
}

div.maintabin2 a:hover,
div.maintabin2 a:active, 
div.maintabin2 a:focus {
    text-decoration: underline;
}

div#logo {
    padding-left: 35px;
    height: 44px;
}

div#logo a {
    display: inline-block;
    height: 44px;
}

div#topline {
    text-align: right;
    width: 100%;
    height: 1em;
    position: absolute;
    top: 0;
    left: 0;
}

div#pagetop {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 94px;
}

span#languagesel {
    color: #777;
    font-size: 80%;
    margin: 0;
}

span#languagesel a {
    color: #777;
}

span#languagesel ul li {
    font-size: 1em;
}

div#middlemenu {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

div#middlemenu div#middlemenuin {
    /*border-bottom: 1px solid #d0cfc1;*/
    background: #f6f6f6 url("./images/shade1.png") bottom repeat-x;
    margin-bottom: 3px;
    text-align: center;
}

div#middlemenu.itmenu div#middlemenuin {
    background-color: #e0e5ff;
}

div#middlemenu.solarmenu div#middlemenuin {
    background-color: #fffac8;
}

/*div#topimage {
    width: 100%;
    height: 400px;
    background: #ccffcc;
    border-bottom: 1px solid #d0cfc1;
    position: absolute;
    top: 0;
    left: 0;
}
*/

ul#topmenu li {
    display: inline-block;
    vertical-align: middle;
    list-style-type: none;
    margin: 0 2px;
}

a.middlebutton {
    display: inline-block;
    vertical-align: middle;
    color: black;
    text-decoration: none;
}

a.middlebutton span.middlebuttonleft {
    display: block;
}

a.middlebutton span.middlebuttonright {
    display: block;
    min-width: 128px;
}

a.middlebutton span.middlebuttonin {
    display: block;
    text-align: center;
    line-height: 32px;
    padding: 0 1em;
}

a.middlebutton:hover,
a.middlebutton:focus,
a.middlebutton:active,
li.menu_item_selected a.middlebutton {
    background: white url("./images/subtab_middle.png") bottom center repeat-x;
}

a.middlebutton:hover span.middlebuttonleft,
a.middlebutton:focus span.middlebuttonleft,
a.middlebutton:active span.middlebuttonleft,
li.menu_item_selected a.middlebutton span.middlebuttonleft {
    background: transparent url("./images/subtab_left.png") bottom left no-repeat;
}

a.middlebutton:hover span.middlebuttonright,
a.middlebutton:focus span.middlebuttonright,
a.middlebutton:active span.middlebuttonright,
li.menu_item_selected a.middlebutton span.middlebuttonright {
    background: transparent url("./images/subtab_right.png") bottom right no-repeat;
}
 
a.middlebutton:hover span.middlebuttonin,
a.middlebutton:focus span.middlebuttonin,
a.middlebutton:active span.middlebuttonin {
    text-decoration: underline;
}

div#footerin {
    padding: 2.5em;
    font-size: 90%;
    overflow: hidden;
    position: relative;
}

div#kontakt {
    width: 350px;
    float: left;
}

div#obchodne_id {
    width: 350px;
    float: right;
}

div#kontakt span.field,
div#obchodne_id span.field {
    font-style: italic;
}

div#kontakt p+p,
div#obchodne_id p+p {
    margin-top: 1em;
}

div#copyright {
    font-size: 80%;
    color: #777;
    background: white;
    text-align: center;
}

div#technologie {
    clear: both;
    color: black;
    text-align: center;
    padding-top: 2em;
    font-size: 80%;
}

div#technologie a {
    color: black;
    text-decoration: none;
}

div#componentcontent {
    background: white;
    color: black;
    padding: 2em;
    padding-top: 0;
    overflow: hidden;
}

.solarreferencia {
    display: block;
    text-align: center;
}

.solarreferencia .popis {
    display: block;
}

.pages {
    display: block;
    text-align: center;
    margin-top: 1em;
}

.pages .current {
    font-weight: bold;
}

/*
Povodne
*/

.msg_out {
    padding-top: 10px;
}

.msg {
    display: block;
}

.msg_in {
    padding: 5px;
}

.msg_info {
    background-color: #eceeff;
}

.msg_tl {
    background-repeat: no-repeat;
    background-position: top left;
}

.msg_tr {
    background-repeat: no-repeat;
    background-position: top right;
}

.msg_info .msg_tl {
    background-image: url("./images/msg-info-tl.png");
}

.msg_info .msg_tr {
    background-image: url("./images/msg-info-tr.png");
}

.msg_warning {
    background-color: #ffffec;
}

.msg_error {
    background-color: #ffeae5;
}

/* partneri */

ul#partnerlist {
    display: block;
    margin: 0;
    padding: 0;
}

#partnerlist li {
    display: block;
    margin: 0;
    list-style: none;
    float: left;
    width: 350px;
    height: 160px;
    padding: 2px;
    padding-top: 20px;
}

.partner {
    display: block;
    width: 325px;
    height: 160px;
    border: 1px solid #999;
    text-decoration: none;
    line-height: 160px;
    text-align: center;
}

.partner:hover {
    border: 1px solid #000;
}

.partner img {
    vertical-align: middle;
}

/* referencie */
#referencielist {
    display: block;
    margin: 0;
    padding: 3px 0;
}

#referencielist li {
    display: block;
    margin: 0;
    margin-top: 0.5em;
    list-style: none;
    padding: 2px;
}

.referencia {
    color: black;
}

.referencia:visited {
    color: black;
}

.referencia:hover {
    color: black;
}

.referencia_zakaznik {
    display: block;
    background: #E0E5FF;
    color: black;
    padding: 0.3em;
}

a.referencia:hover .referencia_zakaznik {
    color: blue;
}

.referencia_popis {
    display: block;
    overflow: hidden;
    padding: 0.5em;
}

.referencia_logo {
    float: right;
}

.referencia_left img {
    margin: 0 1em;
}

.referencia_obdobie {
    color: #999;
    font-size: 85%;
}

br.hidden {
    display: none;
}

.referencia_title {
    display: block;
}

#componentcontent.solarservices {
    height: 400px;
    background: white url("/images/solar02.png") center top no-repeat;
}