/* CSS Document */

/*

odkazy
nadpisy
container
hlavicka
# nav-horni navigace

content - telo stranky v html obsahuje:obsah stranky, levy sloupec, pravy sloupec
obsah stranky

ostatni
# zarovnani textu
# clear

*/

body
{
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 12px;
    font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
    background-color: #fff0ca;
    background-repeat: repeat-x;
}
textarea
{
    font-size: 12px;
    font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
}
/*-------------------------------------------------------------------*/

/* odkazy */
a:link
{
    font-weight: bold;
    text-decoration: none;
}

a:visited
{
    font-weight: bold;
    text-decoration: none;
}

a:hover
{
    font-weight: bold;
    text-decoration: underline;
}

a:active
{
    font-weight: bold;
    text-decoration: underline;
}

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

/* nadpisy */
h1, h2, h3, h4, h5, h6
{
    margin: 5px;
    padding: 5px;
}
h1
{
    margin: 10px 5px 10px 5px;
    font-size: 30px;
}
h2
{
    margin: 5px 5px 5px 5px;
    font-size: 19px;
}
h3
{
    margin: 5px 5px 0px 5px;
    font-size: 13px;
}
h4
{
    margin: 5px 5px 0px 5px;
    font-size: 11px;
}
h5
{
    margin: 0px;
    font-size: 9px;
}
h6
{
    margin: 0px;
    font-size: 7px;
}
.dodatek
{
    font-weight: normal !important;
    font-size: 12px;
    font-style: italic;
    padding-left: 10px;
}
img
{
    border: none 0px;
}

img.left
{
    float: left;
    margin: 4px 16px 4px 0px;
}
img.right
{
    float: right;
    margin: 4px 0px 4px 16px;
}
hr
{
    background: #666666;
    border: none;
    width: 560px;
    height: 1px;
    clear: both;
}


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

/* seznam */
ul
{
    margin-bottom: 0;
    margin-top: 0;
    line-height: 150%;
}
/*-------------------------------------------------------------------*/

/* top menu */
.topmenu
{
    width: 980px;
    padding: 0 0 0 0;
    margin: 0 auto 0 auto;
    text-align: left;
    position: relative;
    height: 40px;
}
.topmenu .menu
{
    width: 600px;
    position: absolute;
    top: 11px;
    left: 0px;
}
.topmenu a
{
    font-weight: bold;
    padding: 0 10px;
    text-decoration: none;
}
.topmenu a:hover
{
    text-decoration: underline;
}

.topmenu .vyhledavani
{
    width: 400px;
    position: absolute;
    top: 10px;
    right: -25px;
}
/*------------------------------------*/

input.button
{
    float: right;
    border: 1px solid #1F2531;
    font-size: 11px;
    font-weight: bold;
    height: 21px;
    padding: 0;
}
input.search
{
    width: 140px;
    border: 1px solid #1F2531;
    height: 17px;
    color: #000000;
    font-size: 11px;
    float: right;
    padding: 3px 3px 0 3px;
    margin: 0 2px 0 0;
}

/* container - zarovani stranky na stred */
.container
{
    width: 1030px;
    padding: 270px 0 0 0;
    margin: 0 auto 20px auto;
    text-align: left;
    color: #000;
    position: relative;
}
/*-------------------------------------------------------------------*/

/* hlavicka */
.hlavicka
{
    position: absolute;
    width: 1030px;
    margin: 0 auto;
    height: 270px;
    color: #FFFFFF;
    text-align: center;
    padding: 0;
    left: 0px;
    top: 0px;
    float: left;
}
.hlavicka .Foto
{
    border: none;
    position: absolute;
    top: 4px;
    left: 0px;
}
.hlavicka h1, .hlavicka h1 span
{
    font-size: 30px;
    height: 140px;
    width: 461px;
    position: absolute;
    top: 50px;
    left: 500px;
}
.hlavicka h1 span
{
    left: 0px;
    top: 0px;
}

/* telo stranky - content */
.content
{
    width: 1030px;
    margin: 0 auto 5px 0;
    height: auto;
    position: relative;
}
/*-------------------------------------------------------------------*/
.twoCol
{
    width: 795px !important;
    height: 20px;
    line-height: 150%;
}

.threeCol
{
    width: 580px !important;
}
/* obsah stranky - obsah */
.obsah
{
    padding: 5px 10px 15px 10px;
    height: 100%;
    margin: 0;
    color: #000000;
    float: left;
    position: relative;
    left: 0px;
    top: 0px;
}

.obsah p
{
    margin: 0;
    padding: 5px 10px;
    text-align: justify;
    line-height: 150%;
}
/*-------------------------------------------------------------------*/


/* levySloupec */
.levySloupec
{
    float: left;
    position: relative;
    left: 0px;
    top: 0px;
    width: 215px;
    padding: 0;
    height: auto;
}
.levySloupec p
{
    margin: 0;
    padding: 5px;
}

/* leftBox */
.box
{
    margin: 0 5px 5px 5px;
}
/* .levySloupec .menu */
.levySloupec .menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
.levySloupec .menu
{
    width: auto;
    margin: 0;
}

.levySloupec .menu li
{
    margin-bottom: 1px;
}

.levySloupec .menu li a
{
    voice-family: inherit;
    height: 24px;
    text-decoration: none;
}

.levySloupec .menu li a:link, .levySloupec .menu li a:visited
{
    padding: 7px 0 0 30px;
    display: block;
    font-weight: bold;
}

.levySloupec .menu li a:hover
{
    padding: 7px 0 0 30px;
}

.levySloupec .menu li ul li a:link, .levySloupec .menu li ul li a:visited
{
    padding: 1px 0 0 40px;
    display: block;
    font-weight: bold;
    height: 18px;
}

.levySloupec .menu li ul li a:hover
{
    padding: 1px 0 0 40px;
    height: 18px;
}
/*-------------------------------------------------------------------*/

/* pravySloupec */

.pravySloupec
{
    float: right;
    position: relative;
    top: 0px;
    width: 215px;
    padding: 0;
    height: auto;
    line-height: 150%;
}

.pravySloupec p
{
    margin: 0;
    padding: 5px;
    text-align: justify;
    line-height: 130%;
}

/* .pravySloupec */
.pravySloupec a
{
    text-decoration: none;
}

.pravySloupec a:link, .pravySloupec a:visited
{
    color: #FFF;
}

.pravySloupec a:hover
{
    color: #FFF;
    text-decoration: underline;
}
.pravySloupec hr, .levySloupec hr
{
    border: none;
    width: 100%;
    height: 1px;
    clear: both;
}
.pravySloupec img.left
{
    float: left;
    margin: 8px 6px 4px 0px;
}
.pravySloupec img.right
{
    float: right;
    margin: 8px 0px 4px 6px;
}


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

/* paticka */
.paticka
{
    position: relative;
    width: 1010px;
    margin: 0 auto;
    height: auto;
    padding: 5px 10px;
    background: #393f55;
    clear: both;
    padding: 5px 10px;
}

.paticka p.copyright
{
    float: left;
}
.paticka p.copyright a
{
    text-decoration: none;
}
.paticka p.copyright a:hover
{
    text-decoration: underline;
}
.paticka p.copyright a, .paticka p.copyright a:hover
{
    font-weight: bold;
}

.paticka p.webdesign
{
    float: right;
}
.paticka p.webdesign a
{
    text-decoration: none;
}
.paticka p.webdesign a:hover
{
    text-decoration: underline;
}
.paticka p.webdesign a, .paticka p.webdesign a:hover
{
    font-weight: bold;
}

.paticka p
{
    margin: 0;
}
/*------------------------------------------------------------------*/

/* Zarovnavani ­ textu */
.text-alignJustify
{
    text-align: justify;
}
.text-alignLeft
{
    text-align: left;
}
.text-alignRight
{
    text-align: right;
}
.text-alignCenter
{
    text-align: center;
}
/*-------------------------------------------------------------------*/

/* clear */
.clear
{
    clear: both;
    width: 100%;
    height: 0px;
    line-height: 0px;
    background: none;
}
/*-------------------------------------------------------------------*/

/* tabulka border */
table.border
{
    border: 1px solid #666;
    width: 100%;
}
table.border th
{
    border: 1px solid #EEE;
    color: #FFFFFF;
    padding: 5px;
}
table.border tr
{
    background-color: #EEE;
}
table.border tr.dark
{
    background-color: #DDD;
}
table.border td
{
    border: 1px solid #FFF;
    padding: 3px;
}
/*-------------------------------------------------------------------*/

/* drobeckovaNavigace */
.drobeckovaNavigace
{
    padding: 0 0 20px 0;
}
/*-------------------------------------------------------------------*/

/* error */
.error
{
    font-size: 20px;
    color: #CC0000;
    font-weight: bold;
}
/*-------------------------------------------------------------------*/

/* text replace */
.replace
{
    overflow: hidden;
    padding: 0;
    position: relative;
}
.replace a span, a.replace span
{
    cursor: pointer;
}
.replace span
{
    background-position: 0 0;
    background-repeat: no-repeat;
    left: -211px;
    position: absolute;
    top: 21px;
}

/* ------------------ různé ----------*/
.odsazeny
{
    margin-top: 10px;
    padding-top: 10px;
}

.banner
{
    margin: 5px 0px 5px 0px;
}

/* ---------------- Hledání --------------*/
#cse-search-results *
{
    background-color: Transparent !important;
}

/* -------------- alba ve fotogalerii -------------- */
div.album
{
    clear: both;
}
div.album img
{
    float: left;
    margin: 5px 10px 20px 10px;
    width: 61px;
}
div.album h3
{
    margin-top: 5px;
}


/* -------------- články -------------- */
img.clanek
{
    float: left;
    margin: 10px;
}

/* -------------- video náhled -------------- */
div.video
{
    float: left;
    margin: 20px 10px 10px 10px;
    width: 91px;
    height: 83px;
    background-image: url(/Design/Images/film.gif);
}
div.video img
{
    margin-top: 12px;
    margin-left: 4px;
}
h3.video
{
    margin-top: 20px;
    margin-bottom: 0px;
}

/* -------------- audio -------------- */
div.audio
{
    float: left;
    margin: 10px 10px 20px 10px;
}
div.audio img
{
    margin-top: 12px;
    margin-left: 4px;
}
h3.audio
{
    margin-top: 20px;
    margin-bottom: 0px;
}
img.ikona
{
    vertical-align: middle;
    margin-right: 4px;
}
.datum
{
    font-size: 11px;
    color: #666666;
}