/* CSS Document */

/*----------------------------------------------------------------------------
	Description: Kaskádové styly pro 
	Author:	     e-invent s.r.o., www.e-invent.eu, e-mail: nachod(@)e-invent.eu
	Modified:    dd.mm.rrrr

	==[ 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: url('../images/bg/body.png') repeat-x center top;
    color: #10233a;
    font-family: Arial, 'Arial CE', sans-serif;
    font-size: 1em;
    text-align: left;
}

: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: 2em; padding: 0px 0px 15px 0px; }
h2, .h2 { font-size: 1.5em; padding: 5px 0px 10px 0px; }
h3, .h3 { font-size: 1.3em; padding: 5px 0px 10px 0px; }

a { color: #3c64b1; }
a:hover { color: #b13c3c; text-decoration: none; }

ul, ol { margin: 0px 0px 0px 40px; padding: 0px; }
ul li, ol li { margin: 0px; }

table { border-collapse: collapse; }
form { margin: 0px; padding: 0px; }
textarea { margin: 0px; padding: 2px; overflow: auto; font-family: Arial; }
input { margin: 0px; padding: 2px; font-family: Arial; }

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

.clear, .clearfloat
{
    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; }
img.right { float: right; margin: 0px 0px 10px 10px; }
a.img { text-decoration: none; }
a.img img { border: 3px solid #0000ff; }
a:hover.img img { border: 3px solid #ff0000; }

.indent { padding-bottom: 10px; }

h1 a, h2 a, h3 a, h4 a, .h1 a, .h2 a, .h3 a, .h4 a { color: #000000; }
/* 2. Layout --------------------------------------------------------------*/

#wrap
{
    background: url('../images/bg/wrap.jpg') no-repeat center top;
}

#header
{
    width: 963px;
    height: 240px;
    margin: 0px auto;
    background-color: #87a8e5;
}

#menu
{
    width: 963px;
    height: 30px;
    margin: 0px auto;
}

#container
{
    width: 963px;
    margin: 0px auto;
    padding: 0px 0px 20px 0px;
}

#footer
{
    clear: both;
    height: 100px;
    background: url('../images/bg/footer.png') repeat-x left top;
}

#footerContent
{
    width: 963px;
    margin: 0px auto;
    padding: 20px;
    color: #ffffff;
    font-size: 0.8em;
    line-height: 150%;
}

/* 3. Header   -------------------------------------------------------------*/
#header .left
{
    float: left;
    width: 334px;
    height: 240px;
    background: url('../images/bg/header01.jpg') no-repeat left top;
}

#header .middle
{
    position: relative;
    float: left;
    width: 334px;
    height: 240px;
    background: url('../images/bg/header02.jpg') no-repeat left top;
}
#header .right
{
    float: left;
    width: 295px;
    height: 240px;
    background: url('../images/bg/header03.jpg') no-repeat left top;
}

#header .logo
{
    float: left;
    width: 236px;
    height: 135px;
}

#header .text
{
    position: absolute;
    left: 222px;
    top: 110px;
    width: 400px;
    height: 100px;
    font-size: 17px;
    color: #ffffff;
}

#header .text span
{
    color: #10233a;
    font-size: 22px;
}
/* 3.1 Navigace ------------------------------------------------------------*/
#menu .left
{
    float: left;
    width: 334px;
    height: 30px;
    background: url('../images/bg/menu01.jpg') no-repeat left top;
}

#menu .middle
{
    float: left;
    width: 334px;
    height: 30px;
    background: url('../images/bg/menu02.jpg') no-repeat left top;
}

#menu .right
{
    float: left;
    width: 295px;
    height: 30px;
    background: url('../images/bg/menu03.jpg') no-repeat left top;
}

#menu span
{
    display: none;
}
/* 4. Content    (obsah) ---------------------------------------------------*/
/* 4.1 Všobecné prvky ------------------------------------------------------*/

/* 4.2 Hlavní stránka ------------------------------------------------------*/
#container .content01
{
    position: relative;
    float: left;
    width: 314px;
    padding: 25px 0px 10px 20px;
    background: url('../images/bg/content01.jpg') no-repeat left top;
}

#container .content02
{
    position: relative;
    float: left;
    width: 314px;
    height: 290px;
    padding: 25px 0px 10px 20px;
    background: url('../images/bg/content02.jpg') no-repeat left top;
}

#container .content03
{
    position: relative;
    float: left;
    width: 275px;
    height: 290px;
    padding: 25px 0px 10px 20px;
    background: url('../images/bg/content03.jpg') no-repeat left top;
}

#container .content04
{
    position: relative;
    float: left;
    width: 500px;
    height: 114px;
    padding: 40px 0px 0px 105px;
    background: url('../images/bg/content04.jpg') no-repeat left top;
}

#container .shadow
{
    position: absolute;
    left: -18px;
    top: 0px;
    width: 18px;
    height: 131px;
    background: url('../images/bg/shadow.png') no-repeat left top;
}

#container .content01 h2
{
    margin: 0px;
    padding: 0px 0px 15px 0px;
    color: #1a499e;
    font-weight: bold;
    font-size: 1.1em;

}

#container .content01 .dotazyBox
{
    width: 201px;
    height: 61px;
    margin: 20px 0px 0px 0px;
    background: url('../images/bg/dotazyBox.gif') no-repeat left top;
}

#container .content01 .dotazyBox .title
{
    padding: 10px 0px 0px 50px;
    color: #1a499e;
    font-size: 15px;
    font-weight: bold;
}

#container .content01 .dotazyBox .number
{
    padding: 3px 0px 0px 50px;
    color: #2a4b3e;
    font-size: 20px;
    font-weight: bold;
}

#container .content01 .mapa
{
    width: 219px;
    margin: 20px auto 0px auto;
    background: url('../images/bg/mapa.jpg') no-repeat left top;
    font-size: 0.8em;
    font-weight: bold;
    text-align: right;
}

#container .content01 .mapa a
{
    display: block;
    width: 219px;
    padding: 130px 0px 0px 0px;
}

#container ul
{
    margin: 0px 0px 0px 10px;
}

#container ul li
{
    font-weight: bold;
    font-size: 0.9em;
    background-position: 0px 10px;
    background-repeat: no-repeat;
    padding: 7px 10px 6px 15px;
    list-style: none;
}

#container ul li.moved
{
    margin-left: 104px;
}

#container .content02 ul li
{
    background-image: url('../images/bg/liBlue.gif');
}

#container .content03 ul li
{
    background-image: url('../images/bg/liGreen.gif');
}

#container .content04 ul li
{
    background-image: url('../images/bg/liGrey.gif');
}

/* 4.3 Podstránky ----------------------------------------------------------*/
/* Není */
/* 5. Sidebar --------------------------------------------------------------*/
/* Není */
/* 5.1 Sidebar left --------------------------------------------------------*/
/* Není */
/* 5.2 Sidebar right -------------------------------------------------------*/
/* Není */
/* 6. Footer ---------------------------------------------------------------*/

/* 7. Ostatní --------------------------------------------------------------*/