/* CSS Document */

/*----------------------------------------------------------------------------
	Description: Kaskádové styly pro Josef peluňka
	Author:	     e-invent s.r.o., www.e-invent.eu, e-mail: nachod(@)e-invent.eu
	Modified:    28.1.2010

	==[ TOC ]==
  1. Základní tagy  (tělo)
      1.1 Tags      (všeobecné prvky - h1, input, ...)
      1.2 Classes   (všobecné třídy - .clear, .float-x ..)
  2. Layout         (rozvržení celé stránky)
  3. Header         (Hlavička)
      3.1 Navigace
  4. Content        (obsah)
      4.1 Všeobecné prvky (h1, a, img)
      4.2 Hlavní stránka
      4.3 Podstránky
  5. Sidebar
      5.1 Sidebar Left
      5.2 Sidebar Right
  6. Footer         (patička)
  7. Other         (ostatní)

----------------------------------------------------------------------------*/

/* 1. Body -----------------------------------------------------------------*/
body {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: #ffffff url('../images/bg/body.png') repeat-x left top;
    color: #444444;
    font-family: Arial, 'Arial CE', sans-serif;
    font-size: 0.8em;
    text-align: left;
}

body.main { background: #ffffff url('../images/bg/bodyMain.png') repeat-x left top; }

:focus { outline:none; }

/* 1.1 Tags -----------------------------------------------------------------*/
p {text-align: left; margin: 0px; padding: 0px 0px 15px 0px; line-height: 150%}

img { border: none; }
img.noborder { border: none; }

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

h1, .h1 { font-size: 2.2em; padding: 0px 0px 15px 0px; color: #aaaaaa; }
h2, .h2 { font-size: 1.5em; padding: 15px 0px 10px 0px; color: #025c82; }
h3, .h3 { font-size: 1.3em; padding: 5px 0px 10px 0px; }

a { color: #1489ba; }
a:hover { color: #ba1414; text-decoration: none; }

ul
{
    margin: 0px 0px 0px 40px;
    padding: 0px;
}

ul li
{
    margin: 0px;
}

table
{
    border-collapse: collapse;
}

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

textarea
{
    margin: 0px;
    padding: 2px;
    border: 1px solid #d9d9d9;
    color: #6e6e6e;
    font-size: 11px;
    overflow: auto;
}

input
{
    margin: 0px;
    padding: 4px;
    border: 1px solid #d9d9d9;
    color: #6e6e6e;
    font-size: 11px;
}

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

/* 1.2 Classes -------------------------------------------------------------*/

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

.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;
    padding: 4px;
    border: 1px solid #c3d3da;
}

img.right
{
    float: right;
    margin: 0px 0px 10px 10px;
    padding: 4px;
    border: 1px solid #c3d3da;
}

a.img
{
    text-decoration: none;
}

a.img img
{
    
}

a:hover.img img
{
    border-color: #aaaaaa;
}

.indent
{
    padding-bottom: 10px;
}

h1 a, h2 a, h3 a, h4 a, .h1 a, .h2 a, .h3 a, .h4 a { color: #000000; }

/* 2. Layout --------------------------------------------------------------*/
#container, #footerContent
{
    width: 960px;
    margin: 0px auto;
}

#header
{
    width: 960px;
    height: 105px;
}

.main #path
{
    width: 960px;
    height: 258px;
}

#path
{
    width: 960px;
    height: 40px;
}

#content
{
    float: right;
    width: 678px;
    padding: 14px 0px 20px 40px;
}

#sideLeft
{
    float: left;
    width: 242px;
    padding: 14px 0px 20px 0px;
}

#footer
{
    height: 141px;
    padding: 23px 0px 0px 0px;
    background: url('../images/bg/footer.png') repeat-x left top;
}
/* 3. Header   -------------------------------------------------------------*/
#header .search
{
    float: right;
    width: 620px;
    height: 103px;
    background: url('../images/bg/search.png') no-repeat right top;
}

#header .search form
{
    float: left;
    width: 323px;
    padding: 28px 0px 0px 48px;
}

#header .search form input.searchText
{
    width: 225px;
}

#header .search form input.submit
{
    width: 65px;
    height: 28px;
    margin: 0px 0px 0px 2px;
    background: none;
    border: none;
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;
}

#header .search a.home, #header .search a.sitemap
{
    display: block;
    float: left;
    margin: 16px 0px 0px 0px;
    padding: 32px 0px 0px 0px;
    width: 64px;
    height: 31px;
    color: #8b8b8b;
    font-size: 9px;
    text-align: center;
    text-decoration: none;
}

#header .search a:hover.home, #header .search a:hover.sitemap
{
    text-decoration: underline;
}

#header .search a.sitemap
{
    width: 60px;
}

#header .search .langs
{
    float: left;
    width: 125px;
    height: 30px;
    padding: 33px 0px 0px 0px;
    text-align: center;
}

#header .search .langs a
{
    display: inline-block;
    width: 22px;
    color: #aaaaaa;
    font-size: 10px;
    text-decoration: none;
}

#header .search .langs a img
{
    padding: 1px;
    background-color: #ffffff;
    border: 1px solid #aaaaaa;
}

#header .search .langs a.active
{
    color: #1284b3;
}

#header .search .langs a.active img
{
    border: 1px solid #1284b3;
}

#header .search .langs a:hover
{
    color: #444444;
}

#header .search .langs a:hover img
{
    border: 1px solid #444444;
}
/* 3.1 Navigace ------------------------------------------------------------*/
#path .aktuality
{
    float: left;
    position: relative;
    width: 333px;
    height: 178px;
    padding: 50px 15px 30px 20px;
    background: url('../images/bg/aktuality.png') no-repeat left top;
    color: #072e3f;
}

#path .aktuality a.heading
{
    color: #ffffff;
    font-weight: bold;
    font-size: 1.2em;
}

#path .aktuality .date
{
    padding: 5px 0px;
    color: #c9c9c9;
    font-size: 0.9em;
}

#path a.more
{
    padding: 5px 0px 0px 15px;
    background: url('../images/bg/aktualityArrow.gif') no-repeat left 12px;
    color: #ffffff;
    font-weight: bold;
}

#path a.archive
{
    position: absolute;
    right: 10px;
    bottom: 20px;
    padding: 0px 0px 0px 18px;
    background: url('../images/bg/aktualityArchive.gif') no-repeat left center;
    color: #025c82;
    font-weight: bold;
}

#path .certifikaty
{
    float: left;
    width: 150px;
    height: 220px;
    padding: 38px 0px 0px 35px;
    background: url('../images/bg/certifikaty.png') no-repeat right top;
}

#path .fotogalerie
{
    position: relative;
    float: left;
    width: 374px;
    height: 220px;
    padding: 38px 5px 0px 28px;
    background: url('../images/bg/fotogalerie.png') no-repeat right top;
}

#path .fotogalerie .left
{
    position: absolute;
    left: 32px;
    bottom: 20px;
    width: 31px;
    height: 31px;
    background: url('../images/bg/fotogalerieLeft.png') no-repeat right top;
    cursor: pointer;
}

#path .fotogalerie .right
{
    position: absolute;
    right: 10px;
    bottom: 20px;
    width: 31px;
    height: 31px;
    background: url('../images/bg/fotogalerieRight.png') no-repeat right top;
    cursor: pointer;
}

#path .fotogalerie img
{
	position: absolute;
	left: 28px;
	top: 38px;
	opacity: 0;
	filter: alpha(opacity=0);
}

#path .navi
{
    line-height: 40px;
    color: #ffffff;
    font-weight: bold;
}

#path .navi a
{
    float: left;
    color: #ffffff;
    font-weight: normal;
}

#path .navi span
{
    display: block;
    float: left;
    width: 30px;
    height: 40px;
    background: url('../images/bg/naviArrow.gif') no-repeat center center;
}

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

/* 4.1 Všobecné prvky ------------------------------------------------------*/
p.blue
{
    color: #1489ba;
    font-weight: bold;
    line-height: 200%;
}

/* 4.2 Hlavní stránka ------------------------------------------------------*/

/* 4.3 Podstránky ----------------------------------------------------------*/
#content h3 a
{
    padding-left: 30px;
    background: url('../images/bg/headingArrow.gif') no-repeat left center;
    color: #025c82;
}

/* 5. Sidebar --------------------------------------------------------------*/

/* 5.1 Sidebar left --------------------------------------------------------*/
#sideLeft ul.menu
{
    margin: 0px;
    padding: 0px 0px 1px 0px;
    background-color: #eef7fb;
    border: 1px solid #a9d6e9;
    list-style: none;
}

#sideLeft ul.menu li
{
    width: 240px;
    height: 32px;
    padding: 0px 0px 1px 0px;
    background: url('../images/bg/menuLi.png') no-repeat left top;
    list-style: none;
}

#sideLeft ul.menu li a
{
    display: block;
    width: 210px;
    height: 32px;
    padding: 0px 0px 0px 30px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    line-height: 33px;
}

#sideLeft ul.menu li a:hover
{
    text-decoration: underline;
}

#sideLeft ul.menu li.active
{
    background: url('../images/bg/menuLiActive.png') no-repeat left top;
}

#sideLeft ul.menu li.active a
{
    color: #000000;
}

#sideLeft .contact
{
    width: 212px;
    height: 269px;
    margin: 15px 0px 0px 0px;
    padding: 55px 10px 0px 20px;
    background: url('../images/bg/contact.gif') no-repeat left top;
    line-height: 150%;
}

#sideLeft .contact p
{
    height: 147px;
    padding: 0px;
}
#sideLeft .contact a.map
{
    display: block;
    width: 212px;
    height: 100px;
}

/* 5.2 Sidebar right -------------------------------------------------------*/
/* Není */

/* 6. Footer ---------------------------------------------------------------*/

/* 7. Ostatní --------------------------------------------------------------*/
.fotogalerie { text-align: center; }
.fotogalerie a { margin: 3px; }
.fotogalerie a img { border: 3px solid #1489BA; }
.red { color: #ff0000; }

.center { text-align: center; }
.center p { text-align: center; }
.center table { margin: 0px auto; }