/* ================= GENERAL ================== */
html, body

{
	padding: 0px;
	margin: 0px;
	height: 100%;
}

html

{
	 background: #1e1e1e url('images/wall.jpg') repeat-x top;
	 padding-bottom: 30px;
}

body

{
    font-family: Arial;
    font-size: 11px;
    line-height: 1.125em;
}


h3 .datum

{
	 background: url('images/krizek.png') no-repeat left;
	 color: #e3a405;
	 padding: 0px 0px 0px 20px;
	 font-size: 12px;
}

a:hover
{
	 color: #e3a405;
}


{
	 line-height: 1.5;
}
h3

{
	 font-size: 12px; 
}


#main

{
    width: 1060px;  
    height: 100%;
    margin: 0 auto; /* centruje stránku */
    padding: 0px 0px 0px 0px;
    position: relative;  
    background: url('images/lepky.png') no-repeat top;
}

.cleaner /* definice cleaner */

{
    margin: 0;
    padding: 0;
    float: none !important;
    height: 0px !important;
    overflow: hidden !important;
    clear: both !important;
}

strong /* používat na tučné texty */

{
    font-weight: bold;
}
/* =================== MENU =================== */

#top-menu

{
    width: 1050px;
    height: 153px;
    margin: 0px 0px 0px 0px;
    padding: 0;
    position: relative;   
    left: 200px;   
    top: 20px;
}

#top-menu ul

{
    list-style: none;
    padding: 0;
    margin: 0;
}

#top-menu ul li

{
    float: left;
    padding: 0px;
}

#top-menu span

{
	display: none;
}



.uvod, .uvod-a, .uvod:hover

{
	 background: url('images/uvod.png') no-repeat top;
	 display: block;
	 width: 100px;
	 height: 54px;
	 
}


.uvod-a, .uvod:hover

{
	 background: url('images/uvod-active.png')no-repeat top;
}


.about, .about-a, .about:hover

{
	 background: url('images/about.png') no-repeat top;
	 display: block;
	 width: 112px;
	 height: 51px;
	 
}


.about-a, .about:hover

{
	 background: url('images/about-active.png')no-repeat top;
}


.program, .program-a, .program:hover

{
	 background: url('images/program.png') no-repeat top;
	 display: block;
	 width: 140px;
	 height: 55px;
	 
}


.program-a, .program:hover

{
	 background: url('images/program-active.png')no-repeat top;
}


.media, .media-a, .media:hover 

{
	 background: url('images/media.png') no-repeat top;
	 display: block;
	 width: 103px;
	 height: 49px;
	 
}


.media-a, .media:hover

{
	 background: url('images/media-active.png')no-repeat top;
}


.prihlaska, .prihlaska-a, .prihlaska:hover

{
	 background: url('images/prihlaska.png') no-repeat top;
	 display: block;
	 width: 147px;
	 height: 46px;
	 
}


.prihlaska-a, .prihlaska:hover

{
	 background: url('images/prihlaska-active.png')no-repeat top;
}


.diskuze, .diskuze-a, .diskuze:hover

{
	 background: url('images/diskuze.png') no-repeat top;
	 display: block;
	 width: 123px;
	 height: 55px;
	 
}


.diskuze-a, .diskuze:hover

{
	 background: url('images/diskuze-active.png')no-repeat top;
}


.kontakt, .kontakt-a, .kontakt:hover

{
	 background: url('images/kontakt.png') no-repeat top;
	 display: block;
	 width: 134px;
	 height: 49px;
	 
}


.kontakt-a, .kontakt:hover

{
	 background: url('images/kontakt-active.png')no-repeat top;
}


#samolepka

{
    width: 203px;
    height: 323px;
    display: block;
    position: absolute;
    left: 200px;  
    top: 100px;    
 	 background: url('images/samolepka.png');
}

/* ================== CONTENT ==================== */

#box

 {
 	width: 620px;
 	position: absolute;
   top: 100px;
   left: 370px;
 }
 
 
#content

{
    background: #e5e5e5; 
    padding: 10px 5px 5px 15px;  
}

#header
{
    width: 501px;
    height: 250px;
    margin: 0px auto;
    padding: 20px 15px 0px 210px;
    background: url('images/header.png') no-repeat;
}

#header-text
{
	 width: 350px;
    color: #ffffff;
    border-top: #4d4d4d 1px dashed;
    border-bottom: #4d4d4d 1px dashed;
    padding: 15px 10px 20px 10px;
    font-size: 12px;
}

#header-text p
{
	 color: #b2b2b2;
}


.novinky
{
	border-top: #4d4d4d 1px dashed;
	margin: 0px 20px 20px 20px;
}

.novinky p
{
	font-weight: normal;
	margin-left: 20px;
}

#archiv

{
	background: url('images/archiv.png') no-repeat left;
	border-top: #4d4d4d 1px dashed;
	margin: 40px 20px 10px 20px;
	height: 74px;
	color: #4d4d4d;
}

div.link
{
	margin: 30px 0px 0px 130px;
	font-size: 12px;
}

a

{
	color: #4d4d4d;
}

#sponzori
{
	background: url('images/sponzori.png') no-repeat left;
	margin: 0px 20px 10px 20px;
	height: 80px;
	color: #4d4d4d;
	padding: 20px 0px 0px 15px;
}

#logo-uvod, #logo-o-samu, #logo-program, #logo-media, #logo-prihlaska, #logo-prihlaska-ok, #logo-prihlaska-error, #logo-diskuze, #logo-kontakt
{
	height: 60px;
	width: 150px;
	position: absolute;
	top: 195px;
	left: 40px;
}

#logo-uvod
{
	background: url('images/novinky.png') no-repeat left;
}

#logo-about
{
	background: url('images/about.png') no-repeat left;
}

#logo-program
{
	background: url('images/program.png') no-repeat left;
}

#logo-media
{
	background: url('images/media.png') no-repeat left;
} 

#logo-prihlaska
{
	background: url('images/prihlaska.png') no-repeat left;
} 
#logo-prihlaska-ok
{
	background: url('images/prihlaska.png') no-repeat left;
} 
#logo-prihlaska-error
{
	background: url('images/prihlaska.png') no-repeat left;
} 

#logo-diskuze
{
	background: url('images/diskuze.png') no-repeat left;
} 

#logo-kontakt
{
	background: url('images/kontakt.png') no-repeat left;
}