html, body
{
	text-align: center;
	background-color: lightyellow;
	width: 100%;
	margin: 0; padding: 0;
	font: 12pt/1.5 Calibri, Arial, Times New Roman, Tahoma;
}

/*
        #stranka
        {
            width: 1000px;
            margin: 20px auto;
            border: 2px solid #D7D7D7;
        }
*/

	#header, #main1, #main2, #left, #right, #navigace, #prihlaseni
	{
		margin: 0; padding: 0;
	}

	#header {
		background: #7CCAF9;
		}

	#main1 {
		background: White url("../grafika/podklad_l.png") top left repeat-y;
		}
	#main2 {
		background: url("../grafika/podklad_r.png") top right repeat-y;
		}

	#left {
		float: left;
		width: 200px;
                text-align: left;
		}
	#right {
		float: right;
		width: 200px;
		}
	#middle {
		text-align: left;
		margin: 0 200px; padding: 10px 20px;
		}

	.cleaner {
		clear: both;
		height: 1px;
		font-size: 1px;
		border: none;
		margin: 0; padding: 0;
		background: transparent;
		}
	#footer
	{
		border-top: 1px solid #D7D7D7;
	}

	#navigace { width: 200px; float: left; text-align: left; line-height: 1.2; padding: 5px; line-height: 100%; color: white; }

	#prihlaseni { width: 200px; float: right; text-align: right; line-height: 1.2; padding: 5px; color: White; }

/*----------------------
   Nastavení odkazů
----------------------*/

	a { text-decoration: none; }
	
	a:link { color: blue; }
	
	a:visited { color: purple; }
	
	a:hover { color: Red; text-decoration: underline; }

/*  Konec nastavení odkazů  */

/*----------------------
   Nastavení nadpisů
----------------------*/

	h1, h2, h3, h4, h5 { margin: 0; padding: 0; }
	
	h1, h5 { text-decoration: underline; }
	
	h1, h4 { text-align: center; }
	
	h2, h3
	{
		text-align: left;
		font-weight: normal;
	}
	
	h2, h3, h4 { font-size: 120%; }
	
	h1
	{
		color: White;
		font-size: 170%;
		font-weight: bold;
		letter-spacing: 2px;
		word-spacing: 4px;
                padding-bottom: 10px;
	}
	
	h2
	{
		color: DarkBlue;
		background: #EAEAE8;
		padding: 0;
	}
	
	h3
	{
		color: Brown;
		background: #E5E5E5;
                padding-left: 5px;
	}
	
	h4
	{
		width: 100%;
		color: DodgerBlue;
		text-decoration: none;
		margin-bottom: 10px;
		line-height: 1;
	}
	
	h5 { color: DodgerBlue; font-size: 130%; }

/*  Konec nastavení nadpisů  */

/*---------------------------
   Nastavení elementů
---------------------------*/

	table { table-layout: auto; border-collapse: collapse; width: 100%; }
	
	th, td
	{
		text-align: center; vertical-align: middle;
		width: auto;
		height: 30px;
	}
	
	th
	{
		font-weight: bold;
	}
	
	p
	{
		padding: 0 5px;
	}
	
	ul, ol
	{
		text-align: left;
		vertical-align: middle;
		padding-left: 30px;
	}
	
	ul li { list-style-type: circle; }
	
	ol li { list-style-type: decimal; }
	
	hr { width: 100%; }
	
	input { margin-bottom: 5px; }
	
	p, table, th, td, li, span, pre, input
	{
		font-size: 100%;
		margin: 0; padding: 0;
	}
	
        pre { font-family: Calibri, Arial, Times New Roman, Tahoma; overflow: auto; }
        
	a img { border: 0; }

/*  Konec nastavení elementů  */

/*---------------------------
   Nastavení menu SVJ
---------------------------*/

	#akt a { color: #F29A35; background: White; }
	
	#neakt a { color: Blue; }
	
	.svj_menu
	{
		width: 100%;
		overflow: hidden;
		background: #D7D7D7;
                text-align: right;
                margin-top: -25px;
	}
	
	.svj_menu ul
	{
		margin: 0; padding: 0;
		padding-left: 220px; /*offset of tabs relative to browser left edge*/
		font-weight: bold;
                font-size: 100%;
		list-style-type: none;
                background: #D7D7D7;
	}
	
	.svj_menu li
	{
		display: inline;
		margin: 0;
	}
	
	.svj_menu li a
	{
		float: left;
		display: block;
		text-decoration: none;
		margin: 0;
		padding: 4px 15px; /*padding inside each tab*/
		border-left: 1px solid white; /*left divider between tabs*/
		background: #D7D7D7; /*background of tabs (default state)*/
	}
	
	.svj_menu li a:visited
	{
		color: white;
	}
	
	.svj_menu li a:hover, .svj_menu li.selected a
	{
		color: White;
		text-decoration: underline;
		background: Lightyellow; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
	}

/*  Konec nastavení menu SVJ  */

/*---------------------------
   Nastavení levého menu
---------------------------*/

        .menu, .menu ul
        {
            margin: 0;
            padding: 0;
        }
        
        .menu
        {
            width: 180px;
            margin: 10px;
            font-size: 95%;
            border: 1px solid #DBDBDB;
        }
        
        .menu li
        {
            margin: 0;
            padding: 0;
            margin-bottom: 1px;
            list-style-type: none;
        }
        
        .menu li h4
        {
            margin-bottom: 2px;
            padding: 5px 0;
            background: #DBDBDB;
        }
        
        .menu a
        {
            display: block;
            padding: 2px 5px;
            text-decoration: none;
            font-weight: bold;
        }
        
        .menu a:hover
        {
            text-decoration: underline;
        }
        
        .menu ul li
        {
            padding-left: 0;
            line-height: 1.1;
            background: url('../grafika/sipka.png') no-repeat 15px 50%;
        }
        
        .menu ul a
        {
            padding-left: 35px;
        }
        
        .menu ul a:hover
        {
            color: DarkBlue;
            background: LightYellow url('../grafika/sipka.png') no-repeat 15px 50%;
        }
        
        #left_akt a { color: #F29A35; }
        
        #left_neakt a { color: MediumBlue; }
        
        #left_nad_akt { color: White; background: DarkBlue; }
        
        #left_nad_neakt { color: #847474; background: #DBDBDB; }

/*  Konec nastavení levého menu */

/*---------------------------
   Nastavení levého sloupce
---------------------------*/

        div#left fieldset { margin: 10px; padding: 10px 5px 15px 5px; border: 1px solid #D7D7D7; background: #E5E5E5; }
        
        div#left legend { color: #4292ED; font-weight: bold; margin-bottom: 5px; padding: 5px; border: 1px solid #D7D7D7; }
        
        div#left label { color: #4292ED; }
        
	div#left input { padding: 2px 0px 2px 0px; border: 1px solid #D7D7D7; }

/*  Konec nastavení levého slopupce  */

/*---------------------------------
   Nastavení prostředního sloupce
---------------------------------*/

        div#middle input, textarea
	{
		font-size: 110%;
		padding: 5px;
		margin-bottom: 5px;
	}
	
	div#middle input
	{
		font-weight: bold;
		color: Grey;
	}
	
	div#middle textarea
	{
		font-family: Calibri, Arial, Times New Roman, Tahoma;
	}
	
	div#middle h2
	{
		margin-top: 10px;
	}
	
	div#middle a[href$=".pdf"] { background: url('../grafika/pdf_icon.gif') no-repeat 5px 50%; padding-left: 25px; }

/*  Konec nastavení prostředního slopupce  */

/*---------------------------
   Nastavení pravého sloupce
---------------------------*/

	div#right th, td
	{
		margin: 0; padding: 0;
	}
	
	div#right a
	{
		height: 10px;
		font-size: 12px;
		margin: 0; padding: 0;
	}
	
	div#right td
	{
		vertical-align: bottom;
		Padding: 0 2px;
	}
	
	div#right a img:hover
	{
		border: 1px solid red;
	}

/*  Konec nastavení pravého slopupce  */

/*---------------------
   Nastavení patičky
---------------------*/

	div#footer a
	{
		padding: 10px;
		font-size: 110%;
		font-weight: bold;
		letter-spacing: 1px;
		word-spacing: 2px;
	}

/*  Konec nastavení patičky  */

        #levy
        {
                float: left;
                width: 17%;
                margin: 10px 0; padding: 5px;
                text-align: left;
                color: #B27F7E;
                background: #A5DFFF;
                border: 1px solid #56C4FF;
        }
        #pravy
        {
                float: right;
                width: 80%;
                margin: 10px 0; padding: 5px;
                text-align: left;
        }

/*---------------------------
   Nastavení tabulek obsahu
---------------------------*/
        
        div#middle th, td { font-size: 100%; }
	
	div#middle th
	{
		Padding-left: 5px;
		color: white;
		border-bottom: 1px solid White;
		background: DarkTurquoise;
	}
	
	div#middle td
	{
		Padding-left: 5px;
                Padding-top: 10px;
		border-bottom: 1px solid lightgrey;
	}

/*  Konec nastavení tabulek obsahu  */

	#chat
	{
		text-align: left;
	}
	
	#chat th
	{
		color: Brown;
		font-weight: bold;
	}
	
	#chat th, td
	{
		text-align: left;
		padding-left: 10px;
	}
	
	#chat p
	{
		border: 1px solid lightgrey;
	}
	
	#aktuality
	{
		border-bottom: 1px solid lightgrey;
		margin-bottom: 40px;
	}
	
	#aktuality p
	{
		
		margin: 5px;
	}
	
	div#prihlaseni span { padding-left: 30px; padding-top: 5px; background: url('../grafika/ikony/24/users.png') no-repeat 0 50%; }
	
	div#navigace table { width: auto; }

/* Třídy */

	.zvyrazneni { background-color: LemonChiffon; font-weight: bold; }
	
	.zvyrazneni_akt { background-color: LemonChiffon; }
	
	.pdf_icon { background: url('../grafika/pdf_icon.gif') no-repeat 50% 50%; }
	
	
	
	.bila { background-color: White; }
	
	.barva { background-color: cornsilk; }
	
	.vlevo { text-align: left; Padding-left: 5px; }

	.blok-tretinka { float: left; width: 30%; margin: 0 5px; }
	
	.vpravo { text-align: right; Padding-right: 5px; }
	
	.stred { text-align: center; }
	
	.ohr_vlevo { border-left: 2px solid lightBlue; }
	
	.ohr_vlevo_bun { border-left: 1px solid grey; }
	
	.round
	{
		-moz-border-radius: 10px;  
		-webkit-border-radius: 10px;
		border-radius: 10px; /* future proofing */ 
		-khtml-border-radius: 10px; /* for old Konqueror browsers */
	}
	
	.vnoreny { padding-left: 25px; }
	
	.zvyraz_cerv
	{
		text-align: right;
		Padding-right: 5px;
		color: Red;
	}
	
	.zvyraz_zele
	{
		text-align: right;
		Padding-right: 5px;
		color: Green;
	}
        
        input[type=Submit]
        {
                font-size: 90%;
                border: 1px solid #D7D7D7;
                background-color: navy;
                color: #ffffcc;
                cursor: hand;
                padding: 5px;
                text-align: center
        }