body {
    background: url(../img/bg.png) repeat-y top center;
    font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    color: #fff;
    line-height: 150%;
    margin: 0;
    padding: 0;
}
TABLE, TD, TH, SELECT, INPUT, OPTION, TEXTAREA, FORM, FIELDSET {
    font-size: 100%;
    font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
}
TABLE {
    border-collapse: separate;
}
FORM {
    margin: 0;
}
H1, H2, H3, H4 {
    background: url(../img/nadp.png) no-repeat top left;
    color: #fff;
    margin: 0.5em 0 0.5em 0;
    padding: 0.4em 0.6em 0.4em 0;
    font-family: arial;
}
H1 {
    font-size: 1.7em;
    margin-top: 0;
}
H2 {
    font-size: 1.5em;
}
H3 {
    font-size: 1.25em;
}
H4 {
    font-size: 1.15em;
}
p {
    margin: 0.5em 0 1em 0;
    padding: 0;
}
.small {
    font-size: 0.9em;
}
.big {
    font-size: 1.1em;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
A img {
    border: none;
}
A {
    color: #65ED23;
    text-decoration: underline;
}
A:visited {
    color: #65ED23;
}
A:hover {
    color: #fff;
    text-decoration: none;
}
UL {
    padding: 0 0 0 2em;
}
UL UL {
    margin: 1em;
}
LI {
    list-style-position: outside;
}
.clear {
    clear: both;
    height: auto;
}
.right {
    float: right;
}
.left {
    float: left;
}
.big
{
font-size: 12px;
}
.img-left
{
float: left;
padding: 0 10px 5px 0;
}
.img-right
{
float: right;
padding: 0 0 5px 10px;
}
/* *************************************************** STRANKA */
.obal {
    background: url(../img/bg-top.jpg) no-repeat top center;
}
#PAGE {
    width: 960px;
    margin: 0 auto;
}
#PAGE .page-in {
    padding: 0 0 20px 0;
}
/* ************************************************** HLAVICKA */
#HEAD {
    padding-top: 10px;
    background: url(../img/head-slogan.png) no-repeat top right;
}
.head-toptext
{
padding: 20px 0 10px 0;
font-size: 24px;
/*font-weight: bold;*/
text-align: right;
text-transform: uppercase;
font-family: arial;
}
.head-logo A {
    line-height: 140%;
    display: block;
    width: 105px;
    height: 90px;
    background: url(../img/logo.png) no-repeat top left;
    margin: 0 0 10px 0;
    text-decoration: none;
}
.head-logo A span {
    color: gray;
}
.head-logo H1 {
    margin: 0 0 5px 0;
    padding: 0;
}
A.head-imgreplace {
    display: block;
    width: 105px;
    height: 90px;
    /*overflow: hidden;
*/
}
.head-imgreplace span {
    display: none;
}
.head-blok {
    background: url(../img/ill.jpg) no-repeat top center;
    height: 280px;
    position: relative;
}

#SECOND .head-blok {
    background: url(../img/ill-small.jpg) no-repeat top center;
    height: 160px;
    position: relative;
}

.head-text {
    position: absolute;
    width: 340px;
    height: 120px;
    left: 580px;
    top: 30px;
    background: url(../img/head-text.png) no-repeat top right;
}
.head-text p {
    display: block;
    padding: 20px 15px 10px 15px;
    line-height: 130%;
    margin: 0;
    font-size: 14px;
    color: black;
}
.head-bnr {
    position: absolute;
    width: 340px;
    left: 595px;
    top: 10px;
}
UL.head-menu {
    margin: 0;
    float: right;
    padding: 0;
}
UL.head-menu LI {
    float: left;
    font-size: 15px;
    font-weight: bold;
    font-family: arial;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
UL.head-menu LI A {
    display: block;
    color: #65ED23;
    float: left;
    text-decoration: none;
    padding: 12px 10px;
}
.head-menu .active A {
    color: white;
    text-decoration: none;
}
.head-menu A:hover {
    color: white;
    text-decoration: underline;
}

UL.head-menu-nd {
    margin: 0;
    padding: 18px 0 10px 0;
    background: url(../img/menu-nd.png) no-repeat top left;
}
UL.head-menu-nd LI {
    font-weight: bold;
    font-size: 11px;
    border-bottom: 1px dotted #efefef;
    margin: 0;
    padding: 6px 10px;
    list-style-type: none;
}
UL.head-menu-nd LI.active a
{
color: white;
text-decoration: none;
}
#navigator {
    border-bottom: 1px dotted #75AAA4;
    padding: 0 0 5px 5px;
    margin: 10px 0 5px 0;
}
/* ************** */
#TELO {
    padding: 0;
}
/* ******************************************** PROSTREDNI SLOUPEC */
#MID-COL {
    margin: 0 0px 0 540px;
}
#SECOND #MID-COL {
    margin: 0 0px 0 180px;
}
#MID-COL .in {
    padding: 10px 00px 0 10px;
    border-left: 1px dotted #75AAA4;
    /*border-right: 1px dotted #75AAA4;*/
}
/* ********************************************** LEVY SLOUPEC */
#LEFT-COL {
    width: 520px;
    float: left;
    /*background: #E9F4E3;
*/
}
#SECOND #LEFT-COL {
    width: 170px;
    float: left;
    /*background: #E9F4E3;
*/
}
/* ********************************************* PRAVY SLOUPEC */
#RIGHT-COL {
    float: right;
    display: none;
    width: 120px;
}
#SECOND #RIGHT-COL {

    display: none;
    float: right;
    width: 110px;
}
#RIGHT-COL .in {
    padding: 0 10px;
}
.right-col-r {
    float: right;
    width: 130px;
    border-left: 1px dotted #75AAA4;
}
.right-col-l {
    float: left;
    width: 250px;
}
.right-col-r-in {
    padding-left: 10px;
}
/* *************************************************** PATICKA */
#BOTTOM {
    background: url(../img/bottom.png) no-repeat top center;
    padding: 12px 15px;
    color: #fff;
    margin-top: 15px;
}
#BOTTOM H3 {
    background: none;
    padding: 0;
}
/* *************************************************** SDILENI */
#LEFT-COL .in, #RIGHT-COL .in, #MID-COL .in {
    float: left;
}
/* ****************** */
.matice {
    margin-bottom: 10px;
}
.matice div.mt-pol {
    float: left;
    height: 90px;
    width: 170px;
    margin: 0 0 0 0;
    text-align: center;

}
.matice div.mt-pol span
{

display: block;
font-size: 10px;
line-height: 120%;
padding-bottom: 5px;
}


/* ***************** */

#gallery {
}
#gallery .gallery-photo {
    float: left;
    margin-right: 15px;
}
#gallery .gallery-photo p {
    display: block;

}
#gallery .gallery-photo p.img-h img
{
border: 1px solid #368980;
padding: 20px 5px 20px 5px;
}
#gallery .gallery-photo p.img-v img
{
border: 1px solid #368980;
padding: 5px 20px 5px 20px;
}
#gallery .gallery-photo p:hover img
{
border: 1px solid #efefef;
}

/* ***************** */

#TELO H3
{
border-bottom: 1px dotted gray;
}

#program
{
width: 750px;
}
#program .program-polozka
{
margin-bottom: 3em;
}
#program H3 A
{
text-decoration: none;
}
#program H3
{
display: inline;
font-size: 16px;
padding-left: 0;
}
#program H3 span
{
color: yellow;
}
#program .place
{
margin: 5px 0;
border-top: 1px solid #77ABAB;
border-top: 1px solid yellow;
border-bottom: 1px solid #77ABAB;
padding: 3px 0;
}
#program .date
{
font-size: 16px;
font-weight: bold;
float: right;
}
#program .text
{
text-align: justify;
}
#program .date span
{
font-size: 11px;

}
#program .place span
{
float: right;
}
#news H4
{
color: yellow;
border-bottom: 1px dotted yellow;
}
.more
{
text-align: right;
}


label {
	display: block;
	width: 160px;
	float: left;
	font-weight: bold;
	text-align: right;
	margin: 1px 4px;
	}

input, select {
	border: 1px solid #77ABAB;
	margin: 1px;
	width: 160px;
	}

textarea {
	border: 1px solid #77ABAB;
	margin: 1px;
	width: 300px;
	}

input.wide {
	width: 300px;
	}

form .descr {
	display: block;
	width: 300px;
	float: right;
	margin: 1px;
	border-left: 1px dotted #77ABAB;
	padding-left: 2px;
	}

.req {
	color: #FF9988;
	}

form .clean {
	clear: both;
	}

.chbox { display: inline; width: 16px; }