body
{
 color: black;
 background-color: white;
 margin: 0;
 padding: 0;
 font-family: Verdana, sans-serif;
 background-image: url('images/background.png');
 background-repeat: repeat-x;
 background-attachment: fixed;
}

div.vpravo
{
 background-color: white;
}

fieldset.fset1
{
 border: 1px solid gray;
 padding: 2px 2px 2px 0.5ex;
 background-image: url('images/background1.png');
 background-repeat: repeat-x;
 background-position: bottom left;
 margin-top: 1ex;
}
fieldset.fset1 legend
{
 border: 1px solid; border-color: silver gray black silver;
 background-color: #f0f5ff;
 font-weight: bold;
 padding: 1px 2px;
}

fieldset.fset2
{
 border: 1px solid gray;
 padding: 2px 2px 2px 0.5ex;
 background-image: url('images/background2.png');
 background-repeat: repeat-x;
 background-position: bottom left;
 margin-top: 1ex;
}

fieldset.fset2 legend
{
 border: 1px solid; border-color: silver gray black silver;
 background-color: #ffcccc;
 font-weight: bold;
 padding: 1px 2px;
}

fieldset.fset3
{
 border: 1px solid gray;
 padding: 2px 2px 2px 0.5ex;
 background-image: url('images/background3.png');
 background-repeat: repeat-x;
 background-position: bottom left;
 margin-top: 1ex;
}

fieldset.fset3 legend
{
 border: 1px solid; border-color: silver gray black silver;
 background-color: #f0fff0;
 font-weight: bold;
 padding: 1px 2px;
}

fieldset.fset4
{
 border: 1px solid gray;
 padding: 2px 2px 2px 0.5ex;
 background-image: url('images/background4.png');
 background-repeat: repeat-x;
 background-position: bottom left;
 margin-top: 1ex;
}

fieldset.fset4 legend
{
 border: 1px solid; border-color: silver gray black silver;
 background-color: #ffffdd;
 font-weight: bold;
 padding: 1px 2px;
}

fieldset p
{
 margin: 0;
 text-align: justify;
}

fieldset p img
{
 float: right;
 border: 1px solid black;
 margin: 0 0.5ex 0 0.5ex;
}

img.thumb
{
 margin-bottom: 1px;
 margin-left: 1px;
 margin-right: 1px;
 margin-top: 1px;
 border: 2px solid gray;
}

p.datuminfo
{
 font-size: x-small;
 font-weight: bold;
 font-style: italic;
 clear: right;
}

p.datuminfo a:link, p.datuminfo a:visited
{
 color: black;
 text-decoration: none;
}

p.datuminfo a:hover
{
 text-decoration: underline;
}

p.datuminfo a:active
{
 color: navy;
}

h1
{
 text-align: center;
 font-size: x-large;
 font-weight: bold;
 color: green;
}

h2
{
 font-size: large;
 font-weight: bold;
 color: teal;
 margin-left: 2px;
}

a:link
{
 color: blue;
 text-decoration: none;
}

a:visited
{
 color: navy;
 text-decoration: none;
}

a:hover
{
 text-decoration: underline; 
}

div.vlavo
{
 position: fixed;
 width: 165px;
 margin: 4px 0 0 0;
 padding: 0;
 font-size: small;
 float: left;
 top: 0;
 left: 0;
}

div.vpravo
{
 margin: 4px 4px 4px 165px;
 padding: 1ex;
 border: 2px ridge;
 min-width: 384px;
}

div.pata
{
 margin: 0 4px 0 165px;
 padding: 0;
 clear: right;
}

div.valid
{
 clear: both;
 margin: 0;
 padding: 0;
 float: right;
}

li.button1
{
 margin: 2px 4px;
 padding: 1px 1px 1px 2px;
 border: 2px outset;
 background-color: #f0f5ff;
}

li.button1:hover
{
 background-color: #e0f0ff;
}

li.button2
{
 margin: 2px 4px;
 padding: 1px 1px 1px 2px;
 border: 2px outset;
 background-color: #ffcccc;
}

li.button2:hover
{
 background-color: #ffc0c0;
}

li.button3
{
 margin: 2px 4px;
 padding: 1px 1px 1px 2px;
 border: 2px outset;
 background-color: #f0fff0;
}

li.button3:hover
{
 background-color: #e0ffe0;
}

li.button4
{
 margin: 2px 4px;
 padding: 1px 1px 1px 1ex;
 border: 2px outset;
 background-color: #ffffdd;
}

li.button4:hover
{
 background-color: #ffffc0;
}

li.button5
{
 margin: 2px 4px;
 padding: 1px 1px 1px 2ex;
 border: 2px outset;
 background-color: #ffffe8;
}

li.button5:hover
{
 background-color: #ffffd0;
}


li.button1 a:link,li.button1 a:visited,
li.button2 a:link,li.button2 a:visited,
li.button3 a:link,li.button3 a:visited
{
 color: rgb(0,0,128);
 text-decoration: none;
 font-weight: bold;
}

li.button4 a:link,li.button4 a:visited,
li.button5 a:link,li.button5 a:visited
{
 color: rgb(0,0,128);
 text-decoration: none;
}

li.button1 a:hover,
li.button2 a:hover,
li.button3 a:hover,
li.button4 a:hover,
li.button5 a:hover
{
 color: red;
 text-decoration: underline;
}

li.button1 a:active,
li.button2 a:active,
li.button3 a:active,
li.button4 a:active,
li.button5 a:active
{
 color: rgb(0,0,64);
 text-decoration: none;
}

div.clanok
{
 margin: 4px 4px 4px 165px;
 padding: 1ex;
 border: 2px ridge;
 min-width: 384px;
 background-color: #f0fff0;
 color: #444444;
 font-size: smaller;
 text-align: justify;
}

div.cl_blue
{
 margin: 4px 4px 4px 165px;
 padding: 1ex;
 border: 2px ridge;
 min-width: 384px;
 background-color: #f0f5ff;
 color: #444444;
 font-size: smaller;
 text-align: justify;
}

h1.general
{
	font-size: large;
	text-align: center;
	color: green;
	font-weight: bold;
}

h1.repo
{
	text-align: left;
	font-weight: bold;
	font-size: larger;
}