/* CSS Document */

/*----------------------------------------------------------------------------
	Description: Kaskádové styly pro Fotovoltaické systémy
	Author:	     e-invent s.r.o., www.e-invent.eu, e-mail: nachod(@)e-invent.eu
	Modified:    23.9.2009

	==[ TOC ]==
  1. Body       (tělo)
  2. Tags       (všeobecné prvky - h1, input, ...)
  3. Classes    (třídy pro vše platící - .clear, .float-x ..)
  4. Container  (rozvržení celé stránky)
  5. Header     (Hlavička)
  6. Navigace
  7. Content    (obsah)
      7.1 Hlavní stránka 
      7.2 Podstránky 
      7.3 Ikony   
      7.4 Ikony ostatní
      7.5 Tabulka  
      7.6 Listovani
      7.7 Button   
  8. Sidebar
      8.1 Sidebar Left
      8.2 Sidebar Right
  
  9. Footer     (patička)
  10. Other      (ostatní)

	==[ Colors ]==
 1. cervena - d2010e, d60b0b
 2. seda - b0acac
 3. tmava seda - 898886
 5. hodne tmava zluta - 878700
----------------------------------------------------------------------------*/

/* 1. Body -----------------------------------------------------------------*/
body {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    color: #000000;
    font-family: Tahoma, Arial, 'Arial CE', sans-serif;
    font-size: 13px;
    text-align: left;
    background: #ffffff url(../images/bg/body.gif) repeat-x center top;
}

:focus {outline:none;}

/* 2. Tags -----------------------------------------------------------------*/
p {text-align: left; margin: 0px; padding: 0px;}

img {border: none;}

a img {text-decoration: none;}
a.img, a:hover.img {text-decoration: none; border: 1px solid #ff0000;}

h1, h2, h3, h4, h5, h6
{
    margin: 0px;
    padding: 0px;
    font-weight: bold;
}

h1 { font-size: 130%; }
h2 { font-size: 130%; }
h3 { font-size: 110%; }

a { color: #1956a7; }
a:hover { color: #0000ff; text-decoration: none; }
ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

ul li
{
    margin: 0px;
    padding: 3px 0px 3px 25px;
    list-style: none;
    background: url(../images/bg/li.gif) no-repeat left 5px;
}

form
{
    margin: 0px;
    padding: 0px;
}

textarea
{
    margin: 0px;
    padding: 2px;
    overflow: auto;
}

input
{
    margin: 0px;
    padding: 2px;
}

fieldset
{
    position: absolute;
    width: 800px;
    top: -170px;
    left: 70px;
    z-index: 1000;
    background-image: url(../images/bg/fieldset.png);
}

legend
{
    color: #0000ff;
    font-weight: normal;
}

.alert, .warning
{
    color: #ff0000;
    font-weight: bold;
}
/* 3. Classes --------------------------------------------------------------*/

.clear
{
    clear: both;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.clear-l {clear: left;}
.clear-r {clear: right;}
.clear-b {clear: both;}

.float-l {float: left;}
.float-r {float: right;}

img.left
{
    float: left;
    margin: 0px 10px 10px 0px;
}

img.right
{
    float: right;
    margin: 0px 0px 10px 10px;
}
/* 4. Container ------------------------------------------------------------*/
#container
{
    position: relative;
    width: 957px;
    margin: 15px auto 0px auto;
    padding: 0px;
    background: url(../images/bg/container.gif) repeat-y right top;
    text-align: left;
}

#container.uvodni
{
    background: none;
}
/* 5. Header   -------------------------------------------------------------*/
#header
{
    background: url(../images/bg/header.jpg) no-repeat center top;
}

#headerContent
{
    width: 957px;
    height: 250px;
    margin: 0px auto;
}

#logo
{
    position: relative;
    height: 219px;
    margin: 0px 726px 0px -10000px;
    padding: 0px 0px 0px 10000px;
    background: url(../images/bg/logo.gif) repeat-x right top;
}
/* 6. Navigace -------------------------------------------------------------*/
#navi
{
    height: 72px;
    background: url(../images/bg/navi.gif) no-repeat center top;
    text-align: center;
}

#navi ul
{
    width: 900px;
    height: 72px;
    margin: 0px auto;
}

#navi ul li
{
    float: left;
    height: 72px;
    padding: 0px 1px 0px 0px;
    background: url(../images/bg/naviLi.gif) no-repeat right top;
}

#navi ul li.last
{
    padding: 0px;
    background: none;
}

#navi ul li a
{
    display: block;
    float: left;
    height: 72px;
    line-height: 72px;
    color: #ffffff;
    font-size: 110%;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

#navi ul li a span.left, #navi ul li a span.right
{
    display: block;
    float: left;
    width: 10px;
    height: 72px;
    background: url(../images/blank.gif) no-repeat right top;
}

#navi ul li a:hover span.left, #navi ul li.active a span.left
{
    background: url(../images/bg/naviLeft.gif) no-repeat left top;
}

#navi ul li a:hover span.right, #navi ul li.active a span.right
{
    background: url(../images/bg/naviRight.gif) no-repeat left top;
}

#navi ul li a span.middle
{
    display: block;
    float: left;
    height: 72px;
    padding: 0px 16px;
    background: url(../images/blank.gif) no-repeat right top;
}

#navi ul li a:hover span.middle, #navi ul li.active a span.middle
{
    background: url(../images/bg/naviMiddle.gif) repeat-x left top;
}

#navi ul li a:hover
{
    color: #0c4da2;
}

/* 7. Content    (obsah) ---------------------------------------------------*/


/* 7.1 Hlavní stránka -- ---------------------------------------------------*/
/* o nás */
#onas
{
    position: relative;
    float: left;
    width: 494px;
    height: 288px;
    margin: 0px 0px 0px -10000px;
    padding: 0px 0px 0px 10000px;
    background-color: #ffffff;
    border-bottom: 1px solid #b3b3b3;
    color: #140d32;
}

#onasContent
{
    width: 484px;
    height: 278px;
    margin: 0px 0px 0px -10000px;
    padding: 0px 0px 0px 10000px;
    background: #d5e6fd url(../images/bg/onas.gif) repeat-x left top;
}

#onasOklondek
{
    position: absolute;
    top: -7px;
    left: 10000px;
    width: 64px;
    height: 66px;
    background: url(../images/bg/onasOklondek.gif) no-repeat left top;
}


#onas h2
{
    padding: 20px 5px 10px 57px;
    color: #ffffff;
    font-size: 140%;
    font-weight: normal;
}

#onas p
{
    line-height: 150%;
    padding: 0px 5px 5px 57px;
}

/* reference */
#reference
{
    position: relative;
    float: left;
    width: 463px;
    height: 288px;
    background: url(../images/bg/reference.jpg) no-repeat left top;
}

#formulareTop
{
    position: absolute;
    top: -15px;
    left: 0px;
    width: 463px;
    height: 15px;
    background: url(../images/bg/kontaktFormTop.jpg) no-repeat left top;
}

#formulareRight
{
    position: absolute;
    top: 0px;
    right: -57px;
    width: 57px;
    height: 288px;
    background: url(../images/bg/kontaktFormRight.jpg) no-repeat left top;
}

#kontaktForm h2, #newsletter h2
{
    margin: 13px 0px 5px 70px;
    padding: 0px;
    color: #ffffff;
    font-size: 120%;
}

#kontaktForm p, #newsletter p
{
    margin: 0px 0px 0px 70px;
    line-height: 1.5em;
}

#kontaktForm form
{
    margin: 8px 0px 0px 74px;
}

#kontaktForm form input
{
    float: left;
    width: 120px;
    margin: 0px 30px 0px 0px;
    padding: 20px 0px 5px 5px;
    background: none;
    border: none;
    color: #ffffff;
}

#kontaktForm form textarea
{
    float: left;
    width: 211px;
    height: 58px;
    margin: 1px 0px 0px 0px;
    padding: 0px;
    background: none;
    border: none;
    color: #ffffff;
}

#kontaktForm form input.submit
{
    position: absolute;
    top: 124px;
    left: 440px;
    width: 62px;
    height: 25px;
    margin: 0px;
    padding: 0px;
    border: none;
    cursor: pointer;
}

#newsletter
{
    margin: 40px 0px 0px 0px;
}

#newsletter h2
{
    color: #e77817;
}

#newsletter form
{
    clear: both;
    padding: 13px 0px 0px 74px;
    height: 40px;
}

#newsletter input
{
    float: left;
    width: 310px;
    margin: 0px;
    padding: 5px 0px 0px 0px;
    background: none;
    border: none;
    color: #ffffff;
}

#newsletter input.submit
{
    float: left;
    width: 30px;
    height: 25px;
    padding: 0px 0px 0px 5px;
    cursor: pointer;
}

#newsletter a
{
    float: left;
    display: block;
    width: 25px;
    height: 25px;
    padding-left: 2px;  
    cursor: pointer;
}

/* pravá čára u kontaktního formuláře */
#topLine
{
    width: 950px;
    margin: 0px auto;
    height: 9px;
    background: #ffffff;
}

#container.uvodni #topLineWrap
{
    position: absolute;
    top: 337px;
    left: 0px;
    width: 100%;
    height: 1px;
    overflow: hidden;
    background-color: #b3b3b3;
}

/* o nás a reference */
#infobox
{
    clear: both;
    height: 220px;
    margin: 8px 0px 0px 0px;
    padding: 15px;
    background: #f4f4f4 url(../images/bg/infobox.gif) repeat-x left top;
    
}

#infobox .infoboxKontakt
{
    float: left;
    width: 205px;
    height: 220px;
    padding: 0px 20px 0px 0px;
    border-right: 1px dotted #8a8a8a;
}

#infobox .infoboxKontakt h2
{
    color: #515151;
    font-weight: normal;
    padding: 0px 0px 20px 0px;
}

#infobox .infoboxKontakt span
{
    display: block;
    color: #333333;
    font-size: 130%;
}

#infobox .infoboxKontakt p
{
    padding: 10px 0px 20px 0px;
    line-height: 180%;
}

#infobox .infoboxKontakt a.vice
{
    float: right;
}

#infobox .infoboxMapa
{
    float: left;
    width: 270px;
    height: 220px;
    border-right: 1px dotted #8a8a8a;
    background: url(../images/mapa.gif) no-repeat center top;
}

#infobox .infoboxMapa h3
{
    color: #686868;
    padding: 35px 0px 0px 90px;
}

#infobox .infoboxMapa strong
{
    color: #1956a7;
    padding: 10px 0px 0px 90px;
    font-size: 140%;
}

#infobox .infoboxMapa a.mapa
{
    display: block;
    width: 195px;
    height: 80px;
    margin: 33px auto 5px auto;
}

#infobox .infoboxMapa a.najdete
{
    margin: 0px 0px 0px 135px;
}

#aktuality
{
    float: left;
    width: 430px;
    height: 220px;
    color: #515151;
}

#aktuality h2, #aktuality h3
{
    padding: 0px 0px 10px 15px;
    color: #515151;
}

#aktuality .datum
{
    color: #515151;
    font-size: 80%;
    font-weight: bold;
    padding: 0px 0px 10px 15px;
}

#aktualityArchiv
{
    float: right;
}

#aktuality  .aktualita img.left
{
    padding-left: 15px;
}

#aktuality p
{
    padding: 0px 15px 15px 15px; 
    line-height: 1.4;
}

#referenceRight
{
    position: absolute;
    right: -78px;
    top: 17px;
    width: 78px;
    height: 200px;
    background: url(../images/bg/referenceRight.jpg) no-repeat left top;
}

#reference h2
{
    margin: 15px 0px 12px 26px;
    padding: 0px;
    color: #515151;
    font-size: 120%;
}

#reference .refFoto
{
    height: 148px;
    padding: 16px 0px 0px 46px;
    width: 368px;
    overflow: hidden;
}

#reference .refFoto .refImg
{
    display: block;
    float: left;
    padding: 16px 0px 0px 19px;
}

#reference .refText
{
    height: 45px;
    margin: 0px 35px 0px 35px;
    padding-top: 4px;
}

#reference .buttons button#prev, #reference .buttons button#next
{
    display: block;
    float: left;
    width: 43px;
    height: 43px;
    border: none;
    background: none;
    cursor: pointer;
    padding: 0px;
}

#reference .buttons button#next
{
    float: right;
}

#reference .refText p
{
    display: block;
    float: left;
    width: 340px;
    padding: 0px 10px;
}

#reference .refText p strong
{
    display: block;
}

/* 7.2 Podstránky ----------------------------------------------------------*/
#contentWrap
{
    float: left;
    width: 695px;
    padding-right: 9px;
    min-height: 300px;
    background: url(../images/bg/headingSub.gif) repeat-x left top;
}

#content
{
    clear: both;
    padding: 0px 20px;
}
#content h2
{
    margin: 0px;
    padding: 10px 0px 10px 0px;
    color: #515151;
}

#content h3
{
    padding: 10px 0px 8px 0px;
    color: #515151;
}

#content img
{
    border: 2px solid #a2caff;
}

#content a:hover img
{
    border: 2px solid #6a99d9;
}

#content p
{
    padding: 0px 0px 12px 0px;
}

#content p.odsazene
{
    padding-left: 40px;
}

#content ul
{
    padding: 5px 0px 10px 30px;
}

#content ul li
{
    padding: 6px 0px 6x 25px;
    background-position: left 7px;
}

/* nadpis na podstránce */
#nadpis
{
    position: relative;
    float: left;
    width: 699px;
    height: 40px;
    line-height: 40px;
    margin: 0px 0px 10px -10000px;
    padding: 0px 0px 0px 10000px;
    background: #d5e6fd url(../images/bg/headingSub.gif) repeat-x left top;
}

#nadpis h1
{
    padding: 0px 0px 0px 60px;
    color: #555555;
    text-transform: uppercase;
    font-size: 160%;
}

#nadpis .oklondek
{
    width: 46px;
    height: 47px;
    position: absolute;
    left: 10000px;
    top: -7px;
    background: transparent url(../images/bg/headingOklondek.gif) no-repeat left top;
}

/* reference seznam */
#content .referenceSeznam
{
    clear: both;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
    border-bottom: 2px solid #d6e7ff;
}

#content .referenceSeznam h2 a
{
    text-decoration: none;
}

#content .referenceSeznam .popisRefy
{
    padding: 0px 0px 0px 40px;
}

#content .referenceSeznam em
{
    padding: 0px;
    color: #aaaaaa;
    font-size: 10px;
}


#content .referenceSeznam p
{
    padding: 0px;
}

#content .referenceSeznam .nahled
{
    float: left;
    padding: 0px 10px 0px 0px;
}

/* fotogalerie */
#content .fotogalerie
{
    float: left;
    padding: 5px 15px;
}

/* tabulka lidí */
table.lide
{
    width: 100%;
}

table.lide th
{
    vertical-align: middle;
    background-color: #082549;
    color: #ffffff;
    padding: 6px;
}

table.lide td
{
    vertical-align: middle;
    background-color: #f9f9f9;
    padding: 6px;
}

table.lide tr.odd td
{
    background-color: #e7f1fe;
}

div.lide
{
    float: left;
    width: 50%;
    line-height: 150%;
    margin: 0px 0px 20px 0px;
}

div.lide img
{
    float: left;
    margin: 0px 10px 10px 0px;
}


#content .datum
{
    color: #999999;
    font-size: 80%;
    font-weight: bold;
    padding: 0px 0px 10px 0px;
}

#dotazy
{
    background-color: #afd1fe;
    width: 570px;
    padding: 20px;
    position: relative;
    margin-top: 50px; 
}

#dotazy .obalka
{
    position: absolute;
    right: 40px;
    top: -46px;
    background: url(../images/obalka.jpg) no-repeat left top;
    width: 100px;
    height: 82px;
}

#dotazy .radek
{
    height: 30px;
}

#dotazy .radek .jmeno, #dotazy .radek .email
{
    width: 85px;
    float: left;
    display: block;
    font-weight: bold;
}

#dotazy .radek input
{
    width: 300px;
    float: left;
}

#dotazy .textareaWrap span
{
    width: 85px;
    float: left;
    display: block;
    font-weight: bold;
}

#dotazy .textareaWrap textarea
{
    width: 300px;
    height: 100px;
    float: left;
}

#dotazy .odeslat
{
    padding: 10px 0px 0px 85px;
    clear: both; 
}

#dotazy .odeslat input
{
    border: 1px solid #7f9db9;
    background-color: #d8eafb;
    padding: 2px 20px;
    cursor: pointer;
}
/* 8. Sidebar --------------------------------------------------------------*/
#sideRight
{
    position: relative;
    float: right;
    width: 253px;
    min-height: 580px;
    background: url(../images/bg/sideRight.gif) repeat-x left top;
}

#sideRightRight
{
    position: absolute;
    top: 0px;
    right: -58px;
    width: 58px;
    height: 305px;
}

#sideRightBubble
{
    position: absolute;
    top: 15px;
    left: -5px;
    width: 20px;
    height: 19px;
}

#sideRight h2
{
    padding: 15px 0px 20px 16px;
    color: #515151;
}

#sideRight ul
{
    width: 223px;
    padding: 0px 0px 0px 16px;
}

#sideRight ul li
{
    width: 221px;
    height: 28px;
    margin: 0px;
    padding: 1px;
    background: none;
    background-color: #ffffff;
    border-bottom: 1px solid #d1d1d1;
}

#sideRight ul li.top
{
    background: url(../images/bg/sideULtop.gif) repeat-x left top;
}

#sideRight ul li.bottom
{
    background: url(../images/bg/sideULbottom.gif) repeat-x left top;
    border: none;
}

#sideRight ul li a
{
    display: block;
    width: 206px;
    height: 28px;
    line-height: 28px;
    padding: 0px 0px 0px 15px;
    color: #4c4c4c;
    text-decoration: none;
}

#sideRight ul li a:hover, #sideRight ul li.selected a
{
    background: #afd1fe;
}

/* mapa v pravém panelu */
#sideRight .odsaditMapu
{
    height: 110px;
}

#sideRight .infoboxMapa
{
    height: 220px;
    margin: 20px 0px 0px 0px;
    background: url(../images/mapaRight.gif) no-repeat center top;
}

#sideRight .infoboxMapa h3
{
    color: #686868;
    padding: 20px 0px 5px 70px;
}

#sideRight .infoboxMapa strong
{
    color: #1956a7;
    padding: 0px 0px 0px 70px;
    font-size: 140%;
    display: block;
}

#sideRight .infoboxMapa span
{
    display: block;
    color: #949494;
    padding: 2px 0px 0px 70px;
    font-size: 130%;
}

#sideRight .infoboxMapa a.mapa
{
    display: block;
    width: 200px;
    height: 80px;
    margin: 20px auto 5px auto;
}

#sideRight .infoboxMapa a.najdete
{
    margin: 0px 0px 0px 135px;
}

/* aktuality v pravém panelu */
#sideRight .novinka
{
    margin: 0px 16px;
    color: #eeeeee; 
}

#sideRight .novinka h3
{
    padding: 0px;
    font-size: 14px;
    font-weight: bold;
}

#sideRight .novinka .datum
{
    color: #cccccc;
    font-size: 10px;
    padding: 0px;
}

#sideRight .novinka .text
{
    padding: 5px 0px 0px 0px;
}

#sideRight .novinka .vice
{
    margin: 0px 0px 10px 0px;
    padding: 0px 5px 5px 0px;
    border-bottom: 1px solid #cccccc;
    color: #ffffff;
    text-align: right;
}

#sideRight .novinka .vice a
{
    color: #ffffff;
}

/* 9. Footer ---------------------------------------------------------------*/

#footerWrap
{
    clear: both;
    width: 100%;
    height: 181px;
    margin: 10px 0px 0px 0px;
    background: url(../images/bg/footer.gif) repeat-x left top;
}

#footer
{
    position: relative;
    width: 930px;
    height: 159px;
    margin: 0px auto;
    padding: 22px 0px 0px 27px;
    color: #7c7c7c;
    text-align: left;
    line-height: 1.7em;
}

#footer a
{
    color: #333333;
}

#footerLogo, #footer1, #footer2, #footer3
{
    float: left;
    display: block;
    height: 159px;
}

#footer1
{
    width: 200px;
    padding: 0px 0px 0px 29px;
}

#footer1 span
{
    color: #1956a7;
}

#footer ul
{
    float: left;
    width: 125px;
    margin: 0px 10px 0px 0px;
    padding: 0px 0px 0px 20px;
}

#footer ul li
{
    padding: 8px 0px 8px 35px;
    background-position: left 12px;
    border-bottom: 1px solid #dbdbdb;
}

#footer ul li.last
{
    border: none;
}

#footer ul li a
{
    display: block;
    color: #9d9d9d;
    text-decoration: none;
}

#footer ul li a:hover
{
    color: #666666;
    text-decoration: underline;
}

#footer2
{
    width: 278px;
    padding: 0px 0px 0px 20px;
}

#footerCopy
{
    padding: 10px 0px 10px 15px;
    background-color: #f3f3f3;
}

#einvent
{
    padding: 30px 0px 0px 15px;
    line-height: 140%;
}

#footerLeft
{
    position: absolute;
    left: 1px;
    top: 0px;
    height: 181px;
    margin: 0px 0px 0px -10000px;
    padding: 0px 0px 0px 10000px;
    background: #ffffff url(../images/bg/line.gif) repeat-y right top;
}